/*
 Theme Name:   Dulces Típicos
 Theme URI:    https://www.merkategia.com
 Description:  Tema para uso exclusivo de Dulces Típicos
 Author:       Merkategia
 Author URI:   http://www.merkategia.com
 Template:     understrap
 Version:      0.5.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  dulcestipicos
 Tags: 
*/

.btn_header{
	background: #ffcf00;
	color: #11672f !important;
    font-weight: 600 !important;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.formulariojuego{
    transform: skewY(3deg) skewX(5deg);
    margin: 15px 0 0;
}

form.formulariojuego > div.wpcf7-validation-errors, form.formulariojuego > label span.wpcf7-not-valid-tip, form.formulariojuego > div.wpcf7-mail-sent-ok{
    display:none!important;
}

.jugarFormulario {
    -moz-box-shadow: 0px 8px 0px 0px #be570e!important;
    -webkit-box-shadow: 0px 8px 0px 0px #be570e!important;
    box-shadow: 0px 8px 0px 0px #be570e!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa463), color-stop(1, #fd7915))!important;
    background: -moz-linear-gradient(top, #ffa463 5%, #fd7915 100%)!important;
    background: -webkit-linear-gradient(top, #ffa463 5%, #fd7915 100%)!important;
    background: -o-linear-gradient(top, #ffa463 5%, #fd7915 100%)!important;
    background: -ms-linear-gradient(top, #ffa463 5%, #fd7915 100%)!important;
    background: linear-gradient(to bottom, #ffa463 5%, #fd7915 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa463', endColorstr='#fd7915',GradientType=0)!important;
    background-color: #ffa463!important;
    -moz-border-radius: 42px!important;
    -webkit-border-radius: 42px!important;
    border-radius: 42px!important;
    border: 3px solid #fd7915!important;
    display: inline-block!important;
    cursor: pointer!important;
    color: #ffffff!important;
    font-size: 24px!important;
    font-weight: bold!important;
    padding: 10px 20px!important;
    text-decoration: none!important;
    text-shadow: 1px 1px 0px #ad490b!important;
}

.jugarFormulario:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fd7915), color-stop(1, #ffa463))!important;
	background:-moz-linear-gradient(top, #fd7915 5%, #ffa463 100%)!important;
	background:-webkit-linear-gradient(top, #fd7915 5%, #ffa463 100%)!important;
	background:-o-linear-gradient(top, #fd7915 5%, #ffa463 100%)!important;
	background:-ms-linear-gradient(top, #fd7915 5%, #ffa463 100%)!important;
	background:linear-gradient(to bottom, #fd7915 5%, #ffa463 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7915', endColorstr='#ffa463',GradientType=0)!important;
	background-color:#fd7915!important;
	color:#ffffff!important;
	text-decoration:none!important;
}

.jugarButton {
	-moz-box-shadow: 0px 8px 0px 0px #be570e;
	-webkit-box-shadow: 0px 8px 0px 0px #be570e;
	box-shadow: 0px 8px 0px 0px #be570e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa463), color-stop(1, #fd7915));
	background:-moz-linear-gradient(top, #ffa463 5%, #fd7915 100%);
	background:-webkit-linear-gradient(top, #ffa463 5%, #fd7915 100%);
	background:-o-linear-gradient(top, #ffa463 5%, #fd7915 100%);
	background:-ms-linear-gradient(top, #ffa463 5%, #fd7915 100%);
	background:linear-gradient(to bottom, #ffa463 5%, #fd7915 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa463', endColorstr='#fd7915',GradientType=0);
	background-color:#ffa463;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:3px solid #fd7915;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	padding:15px 40px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ad490b;
	position:relative;
	top: -180px;
    left: 50%;
    margin-left: -86.5px;
	z-index:2;
}
.jugarButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fd7915), color-stop(1, #ffa463));
	background:-moz-linear-gradient(top, #fd7915 5%, #ffa463 100%);
	background:-webkit-linear-gradient(top, #fd7915 5%, #ffa463 100%);
	background:-o-linear-gradient(top, #fd7915 5%, #ffa463 100%);
	background:-ms-linear-gradient(top, #fd7915 5%, #ffa463 100%);
	background:linear-gradient(to bottom, #fd7915 5%, #ffa463 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7915', endColorstr='#ffa463',GradientType=0);
	background-color:#fd7915;
	color:#ffffff;
	text-decoration:none;
}
.jugarButton:active {
	color:#ffffff;
	text-decoration:none;
}

.botonparajugar{
    position:fixed;
    z-index:9999;
    top:50%;
    right:0;
    margin-top:-140px;
    -webkit-transition: margin-top 0.3s;
    transition: margin-top 0.3s;
}
.botonparajugar:hover{
    margin-top:-160px;
    -webkit-transition: margin-top 0.3s;
    transition: margin-top 0.3s;
}


/* Cambio de imagen */
#wrapper-navbar::after{position: absolute; content: ''; background-image: url("../img/zigzag.png"); height: 0px; background-repeat: repeat-x; width: 100%; bottom: -1.7em; display:none;}
.navbar{padding: 0.5rem 1rem 0;}
#navbar-top{background-color: #ffcf27; border-bottom:8px solid #0098ce;}
#navbar-top ul li a {font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 0.9em; color: #0098ce;}
.woocommerce-product-search .input-group-append button {background-color: transparent !important; color: #0098ce;}
#wrapper-navbar .navbar .navbar-nav .nav-item a{color: #0098ce; font-weight: 600; letter-spacing: -0.3px;}
.btn_header{background: #0098ce; color: #ffffff !important; font-weight: 600 !important; border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#header .section-1::after {content: ''; left: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: #dc2345; opacity: 0.87;}
#header .section-2::after {content: ''; left: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: #0098ce; opacity: 0.96;}
.btn-yellow{color: #ffcf27; background-color: #0098ce; border: 2px solid #ffcf27; text-align: center; font-size: 1.1em; border-radius: 2em; padding: 0.4em 3em; font-weight: 600; transition: all 0.3s ease;}
.btn-yellow:hover{background-color: #ffcf27; color: #0098ce; border: 2px solid #0098ce; transition: all 0.3s ease; }
#catalog {padding: 4em 0em; background-image: url(../img/categories/bg-catalog.jpg); background-size: cover; background:#ffffff;}
#about .about h2 {color: #dc2345; font-weight: 700;}
#about .about h3 {color: #dc2347; font-weight: 600;}
#mision .mision .text1 h2 {text-align: center; text-transform: uppercase; font-weight: 800; color: #0098ce; margin-bottom: 1em;}
#mision .mision .text1 p {color: #0098d0; font-weight: 600; min-height: 290px;}
#form .contact-info h3 {color: #009ed7; font-weight: 800; font-size: 1.2em;}
#form form .btn-submit {
    margin-top: 1.2em;
    background-color: #f4d83f;
    color: #0098d0;
    font-size: 1.1em!important;
    font-weight: 800;
    border-radius: 1.5em;
    border: 0em;
    padding:0.4em!important;
}

/********* CUSTOM CSS **********/
.wpcf7-mathcaptcha{
    background-color: #d9809e !important;
    border-radius: 0.7em !important;
    padding: 0.6em 1em !important;
    border: 0em !important;
    color: #fff !important;
}

.mathcaptcha-898 span{
    font-weight: bold !important; 
}

@media only screen and (max-width: 768px){
    .navbar-toggler {
    font-size: 2em;
    line-height: 1;
    background-color: #0098ce;
    color: #f4d83f;
    border: 1px solid transparent;
    border-radius: 0em;
    }
    #wrapper-navbar .navbar .navbar-nav {
    max-width: 100%;
    }
    .jugarButton {
	top: -130px;
    }
    
    .tp-bullets, .tp-bullet{
        display: none !important;
    }
    
    
}
@media only screen and (max-width: 480px) {
    .section-1 {
        padding: 15em 0em !important;
    }
    #header .section-1 .text .el {
    left: 0em!important;
    }
    #header .section-1 .text {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    }
    #brands .about-brands h3 {
    font-size: 2.4em;
    }
    #history::before {
    display:none!important;
    }
    .margin-img-dos {
    margin-top: 2em;
    }
    #index-wrapper .img {
    height: 180px;
    }
    .jugarButton {
	top: -30px;
        
    }
}