/*
Theme Name: Vantage Child
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
::selection {
    background: #65c4e6;
	color: whitesmoke;
}
/*CSS para el Metaslider Desktop */
.entry-content .ms-layer h2 {
    color: #fff;
    font-size: calc(10px + 2vw) !important;
    line-height: 0px !important;
    font-weight: 700;
    padding-top: 3.5vw !important;
}

.entry-content .ms-layer hr{
    margin-top: 5% !important;
    margin-bottom: 5% !important;
    height: 2px;
    background-color: #fff;
}
.entry-content .ms-layer p {
    margin-top: 10px !important;
    font-size: calc(7px + .65vw) !important;
    letter-spacing: 1px;
}
.boton-blanco-slider {
    z-index: 0;
    display: inline-block !important;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Roboto, sans-serif;
    color: #ffffff !important;
    padding: 10px 25px 10px 25px !important;
    border: solid #ffffff 2px;
    text-decoration: none;
    position: relative;
    background: unset !important;
    background: transparent !important;
    background-color: transparent;
}

.boton-blanco-slider::after{
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.boton-blanco-slider::after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e68765;
    border-radius: 5px;
}
.boton-blanco-slider:hover::after{
    width: 100%;
}
.boton-blanco-slider:hover{
    text-decoration: none !important;
}
h2 span {
    line-height: 1!important;
    font-size: inherit !important;
    margin-top: -3.5vw !important;
    display: block;
    margin-bottom: 0px !important;
}
.flexslider,
.so-panel.widget.widget_metaslider_widget,
div#pg-11-0 .siteorigin-panels-stretch{
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
@media only screen and (min-width: 1280px){
    .desktop{
        display: block;
    }
    .movil, .tablet{
        display: none;
    }
}
@media only screen and (max-width: 1279px) and (min-width: 768px){
    .tablet{
        display: block;
    }
    .desktop, .movil{
        display: none;
    }
}
@media only screen and (max-width: 767px){
    .movil{
        display: block;
    }
    .desktop, .tablet{
        display: none;
    }
}

@media only screen and (max-width: 480px){
    div.image-container > img{
        max-width: 150px !important;
        margin: 0px auto !important;
    }

    .entry-content .ms-layer h2 span{
        margin-top: 0px !important;
        display: inline;
        margin-right: 5px !important;
    }

    .entry-content .ms-layer h2 {
        font-size: 8vw !important;;
    }

   .entry-content .ms-layer p{
    font-size: 4vw !important;
    }   
}
/** Cambio de las flechas **/
.flexslider .flex-direction-nav li a.flex-prev {
    left: 25px !important;
    background-image: url('wp-content/uploads/2018/10/flecha_izquierda.svg') !important;
}

.flexslider .flex-direction-nav li a.flex-next{
    right: 25px !important;
    background-image: url('wp-content/uploads/2018/10/flecha_derecha.svg') !important;
}

.flexslider .flex-direction-nav li a.flex-next,
.flexslider .flex-direction-nav li a.flex-prev{
    top: calc(50% - 25px);
    background-position: unset;
    background-size: cover;
    background-repeat: no-repeat;
    width: 28.33px;
    height: 50px;
}

/* FIN */

/* ----------------------------- CSS CONTACT FORM ------------------------------------- */
.wpcf7 .form-row {
    display: flex;
    justify-content: space-between;
    max-width: 768px;
    margin: 0 auto;
}

.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea,
.wpcf7 .wpcf7-number{
    width: 100%;
    border-radius: 0px;
    border-color: #0000;
    background-color: rgb(194,228,244);
}
.wpcf7 label{
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.wpcf7 .req label::after{
    content: '*';
    margin-left: 5px;
    font-weight: 300;
    font-size: 130%;
    
}

.wpcf7 .column-half,
.wpcf7 .column-full{
    margin-top: 10px;
}

.wpcf7 .cf7-body p,
.wpcf7 .cf7-body br{
    display: none;
}



@media only screen and (min-width: 768px){
    .wpcf7 .form-row .column-half{
        width: 48%
    }
    .wpcf7 .form-row .column-full{
        width: 100%;
    }
    .wpcf7 .form-row{
        flex-direction: row;
    }    
}
@media only screen and (max-width: 767px){
    .wpcf7 .form-row .column-half,
    .wpcf7 .form-row .column-full{
        width: 100%;
    }
    .wpcf7 .form-row{
        flex-direction: column;
    }
}
/** Apartir de aqui, es css solo para el boton. **/
.wpcf7 .cf7-footer .form-row{
    display: block;
}
.wpcf7 .cf7-footer .ajax-loader{
    display: none;
}

.wpcf7 .form-row .btn-container {
    width:100% !important;
    z-index: 0 !important;
    display: inline-block !important;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: 'Montserrat', Helvetica, Roboto, sans-serif;
    color: #000 !important;
    border: solid #000 2px;
    text-decoration: none;
    position: relative;
    background: #00000000;
}

.wpcf7 .form-row .btn-container::after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.wpcf7 .form-row .btn-container::after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e68765 !important;
    border-radius: 5px;
}

.wpcf7 .form-row .btn-container:hover::after{
    width: 100%;
}

.wpcf7 .form-row .btn-container:hover{
    text-decoration: none !important;
}

input.wpcf7-form-control.wpcf7-submit {
    z-index: 100;
    position:relative;
    width: 100%;
    background: #0000;
    border: none;
    color: #000;
    box-shadow: none;
}
/* =============================== CSS CONTACT FORM ============================== */

/* ------------------------------ Single Product -------------------------------- */
.related.products{
	clear: both;
}
.woocommerce-product-gallery__image {
    pointer-events: none;
    cursor: default;
}
/* ================================ Single Product ================================ */

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - M E N U - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.main-navigation {
    background-color: #ffffff;
    padding: 15px 0px 15px 0px;
}
.main-navigation ul li:hover > a {
    background: #00bcff;
    color: #ffffff;
    border-bottom: 3px solid #00bcff;
}
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a {
    background-color: #ffffff;
    border-bottom: 3px solid #65c4e6;
}
.main-navigation ul li a {
    margin: 0px 15px;
}
.main-navigation ul li {
    margin: 0 !important;
}
#masthead.masthead-logo-in-menu .logo {
    margin: 0 !important;
	padding: 5px 0px; 
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -M O V Í L   M E N U*/
.mobile-nav-frame .title {
    background-image: url(http://swmx.betag.com.mx/wp-content/uploads/2018/10/Logotipo_BETAG_NEGRO.svg) !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 20px !important;
    margin: 10px !important ;
}
.mobile-nav-frame .title h3 {
	display: none;
}

.menu-flotado-derecha{
	    float: right;
	
}
li#menu-item-164 a {
    padding: 10px;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -M O V Í L   M E N U*/

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - M E N U - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - F O O T E R - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer-widgets .widget a:hover {
    text-decoration: underline;
}
.redes-iconos{
	display: flex;
    align-items: center;
}
.redes-iconos svg {
    margin-right: 5px;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -F O O T E R- - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - C L A S E S   P E R S O N A L I Z A D A S  - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.blanco{
	color: white !important;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - C L A S E S   P E R S O N A L I Z A D A S  - - - - - - - - - - - - - - - - - - - - - - - - - - - */