/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/

/*############################################## COMMON ################################################*/

.basel-navigation .menu>li.menu-item-design-sized,
.basel-navigation .menu>li.menu-item-design-default,
ul#menu-autoescuela-clase-1 > li {position:static !important;}
ul#menu-autoescuela-clase-1  .sub-menu-dropdown.color-scheme-dark{border-top: 2px solid #F08719;top: 75%;}
ul#menu-autoescuela-clase li.item-cursos div.sub-menu-dropdown,
#desplegable-icons{display: flex !important; flex-flow: row wrap !important;justify-content: space-around !important;align-items: stretch;width: 100% !important;margin: 0 auto !important;  left: 50% !important; transform: translate(-50%, 10px);position: absolute !important;top:-9px; padding: 0px !important;}
#desplegable-icons .border-right-submenu{border-right:2px solid #F08719; }
#desplegable-icons .border-bottom-submenu{border-bottom:2px solid #F08719; padding:8px; box-sizing: border-box;}
#desplegable-icons > div > div {padding:0px !important;}
ul#menu-autoescuela-clase li.item-cursos div.sub-menu-dropdown{ width: 23% !important; top: 87px;left: 62% !important;}
ul#menu-autoescuela-clase .menu-item-7327 > .sub-menu-dropdown{ left: 50% !important; transform: translate(-50%, 10px); min-height: 246px !important;}
ul#menu-autoescuela-clase li.item-cursos div.sub-menu-dropdown li:hover{transform: none !important;}

ul#menu-autoescuela-clase li#menu-item-7327 .sub-menu-dropdown{width: 15% !important;top: 87px;left: 88% !important;min-height: 135px !important;padding-top: 18px !important;}
.menu-item-7331 > .sub-menu-dropdown { left: 50% !important; transform: translate(-50%, 10px); min-height: 246px !important;}


.basel-navigation .menu>li.menu-item-design-default ul li:hover>a{margin:0 !important;}
.site-content { margin-bottom: 0px; }
.topbar-content{display: flex; align-items: center;justify-content: space-between;}
.main-page-wrapper { padding-top: 0px; }
.top-bar-left{text-align: right; width: 40%;}
.top-bar-right .social-icons li i{font-size:16px !important;}

/*#### TITLES ###*/
.title{font-weight: 600 !important; line-height: 1em !important;}
.sub_title{font-size:30px; font-weight: 500 !important;}
.sub-title-dest > * {font-size:28px !important;}
.sub_title_block{font-size:25px;}
.editorial{font-size:16px;}

/*#### BUTTONS ###*/

.autoescuela-button > *{border-radius: 50px !important;text-transform: initial !important;padding:15px 35px !important;font-size: 16px !important;font-weight: 500 !important; text-align: center !important; min-width: 250px ;transition: all  0.5s ease !important; }
.autoescuela-button > * {background:none !important; font-size:18px !important; transition: all  0.5s ease !important;}
.blanco > *{background-color:transparent !important; border:2px solid #F08719 !important; transition: all 1.2ms linear !important;}
.blanco > * {color:#F08719 !important;}

.autoescuela-button > *:hover{border-color:transparent !important;}
.blanco > *:hover,
.naranja > *:hover{text-decoration: none !important; color:#fff !important; background-color:#F08719 !important; transition: all  0.5s ease !important; }

.naranja > *{background-color:#F08719 !important; }
.naranja > * {color:#fff !important;}

.blanco_background > *{background-color:#ffffff !important; color:#F08719 !important; border:2px solid #ffffff !important;}
.blanco_background > *:hover{background-color:transparent !important; border:2px solid #ffffff !important; color:#fff !important;}
/*#### PSEUDO ELEMENTS ###*/

.after.centrado:after{display:block; position:relative; content:""; background-color:#f08719; width:87px; height:2px; margin: 28px auto 30px !important;}
.after.centrado.right:after{display:block; position:relative; content:""; background-color:#f08719; width:87px; height:2px; margin: 20px 0px !important;}
.fa-envelope:before{background-image:url("https://www.autoescuelavalencia.es/wp-content/uploads/2020/02/email-1.png") !important;  background-size: 100%;width:100%;height: 50px;background-repeat:no-repeat;background-position: center center; color:transparent !important;}
.topbar-menu ul>li:before{    height: 3px !important;}
ul.social-icons {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;}

/*############################################## TOPBAR ################################################*/
.top-bar-left{display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;}
.topbar-content .social-icons li a i span { display: none; }
span.basel-social-icon-name{display:none !important;}
a.email-topbar{  display: inline-block; margin: 0px 15px;}
.topbar-menu ul>li a:hover{text-decoration: none !important;}
.color-scheme-light .topbar-menu ul>li a:after{opacity: 0 !important;}
.top-bar-left a:hover{text-decoration: none !important;}
/*############################################## HEADER ################################################*/
/*############################################### MENU #################################################*/

.main-nav .menu > li > a { font-size: 18px; line-height: 24px; text-transform: none; color: #000; }
ul#menu-autoescuela-clase-1 > li >a{position: relative !important;}
ul#menu-autoescuela-clase-1 > li.current-menu-item > a:after{display: block; content: "";width: 83%;height: 2px;background-color: #F08719;position: absolute;left: 50%;margin: 0 !important;top: 76% !important;transform: translate(-50%, -14%);}

.act-scroll ul.menu { text-align: right; }

/*############################################### HOME #################################################*/
#head-home{ background-color:#f8f8f8;background-image:url('https://www.autoescuelavalencia.es/wp-content/uploads/2020/01/logo_slide.png'); background-repeat: no-repeat !important; background-position: right !important;}
.head-home--car:before{content: "";background-image: url(https://www.autoescuelavalencia.es/wp-content/uploads/2020/01/coche.png);position: absolute;bottom: -49%;right: -10%;display: block;width: 100%;height: 176%;background-size: auto;background-position: right center;background-repeat: no-repeat;}
.row_background_gradient.home{ min-height:620px;    position:relative !important;}
.row-icons-comp .wpb_single_image{margin-bottom: 10px !important;}
.row-icons-comp h3{font-weight: 500; margin:15px auto}
.info-permisos{margin:3% auto 0 !important;}
.info-permisos  .container > .row{display:flex; flex-flow:row wrap; justify-content: center;}

.semicircle-section-background:before{content: ""; background-image: url(https://www.autoescuelavalencia.es/wp-content/uploads/2020/01/circulo_logo_fondo.png);position: absolute;top:32%;left: -3%;display: block;width: 26%;height: 100%;background-size: 90%;background-position: right center;background-repeat: no-repeat;transform: translate(0%, -20%);}
.slide-testimonials{background-color:rgba(248,248,248, 0.78) !important; padding:60px 0px 20px;}
.slide-testimonials .easy_testimonial{background-color:transparent !important;}

/* -- SLIDE TESTIMONIALS --*/
.wpb_flexslider > div{max-width: 1047px !important;  margin: 0 auto !important;}
.flexslider{background-color:transparent !important;}
ul.slides{margin:2% auto !important;}
.wpb_flexslider > div > ul > li{max-width:524px !important;  min-height: 160px !important;}
.wpb_flexslider > div > ul > li:nth-child(1),
.wpb_flexslider > div > ul > li:nth-child(3),
.wpb_flexslider > div > ul > li:nth-child(5),
.wpb_flexslider > div > ul > li:nth-child(7),
.wpb_flexslider > div > ul > li:nth-child(9),
.wpb_flexslider > div > ul > li:nth-child(11),
.wpb_flexslider > div > ul > li:nth-child(13),
.wpb_flexslider > div > ul > li:nth-child(15),
.wpb_flexslider > div > ul > li:nth-child(17),
.wpb_flexslider > div > ul > li:nth-child(19),
.wpb_flexslider > div > ul > li:nth-child(21),
.wpb_flexslider > div > ul > li:nth-child(23),
.wpb_flexslider > div > ul > li:nth-child(25),
.wpb_flexslider > div > ul > li:nth-child(27):after{border-right:2px solid #F08719 !important;}
.wpb_flexslider > div > ul > li > div{margin:20px 50px !important; padding: 0px 60px;}
.flex-control-nav{display:none !important; }
.flex-direction-nav a{width: 27px !important; height: 27px !important; color:#F08719 !important; opacity: 1 !important;}
.flex-direction-nav a:before{font-size:25px !important;}
.flex-prev{left:14% !important; }
.flex-next{right:14% !important; opacity: 1 !important;}
.titulo-blog-home h3 a {font-weight: 500;}

/*STAFF*/
.staff-row{display:flex; flex-flow:row wrap; justify-content: center;}

/*########################################### NOSOTROS ##############################################*/
.row_background_gradient.autoescuela{ background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 64%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); }
.row_background_gradient.home{background: linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 78.7%, rgba(255,255,255,1) 78.7%, rgba(255,255,255,1) 100%);}
.image-overcontent-autoescuela img{background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);}
.image-overcontent{position: absolute; right: -11%;width: 70%;bottom: 0;  }
.image-overcontent img{max-width: 95%; }
.staff h3{font-weight:500;}
.staff p{font-size:18px; font-weight: 500;}
.staff-row-1{justify-content: center !important;}
.row_background_gradient .content > div > .wpb_wrapper{width:70% !important; margin: 8% auto 0;}
.vc_custom_1579612363835{background-size:100%; background-position:132% 0% !important; background-repeat: no-repeat;}
.vc_custom_1578590249469{background-size:auto !important;}
.autoescuela-fondo-coche .vc_custom_1582045312508{  background-size: contain !important; min-height: 380px;background-repeat: no-repeat !important;background-position: 50% 50% !important;}
.only-mobile{display:none !important;}
/*############################################# PERMISOS ###############################################*/

ul#menu-autoescuela-clase-1 .sub-menu-dropdown{min-height: 330px !important;}
.permisos-container{display:flex; flex-flow:row wrap; justify-content: center; align-items: flex-start; margin-top:5%;}
.permisos-container > div{width: 48%; margin: 15px;background-repeat: no-repeat; background-size:85%; background-position: 0% 0%;}
.permisos-container > div:hover a{text-decoration: none;}
.permisos-container > div > a {  display: flex; flex-flow: row nowrap;justify-content: space-between;align-items: stretch;}
.permisos-container .permiso button {font-weight: 600!important;}
.permisos-container > .permiso > a > div:first-child{padding:3%;}
.permisos-container > div > a > div { width:50%; display: flex; flex-flow: column wrap;align-items: flex-start;justify-content: center;}
.permisos-container h2 {color:#F08719; font-size:28px; font-weight:600; margin-bottom:8px;}
.permisos-container h3{font-size:20px; margin-bottom: 30%;}

.content-permis p{width: 80%; margin: 15px 0px 10px !important;}
.content-permis a {    display: inline-block; margin: 22px 0px 15px;}
/*############################################# PERMISO ###############################################*/
.min500.mobile{display:none;}
body.single-permisos .main-page-wrapper > div.container{max-width:1920px !important; width:100% !important;padding: 0 !important;}
.column_background{background-size: 50% !important; background-repeat: no-repeat !important;background-position: 44% 4% !important;min-height: 650px;display: flex;flex-flow: row wrap;justify-content: center;align-items: center; }
.column_background h3.sub_title{margin-bottom:10px;}
.column_background .content > p {margin-bottom: 35px;}
.column_background h1 {font-size:50px; color:#F08719; margin-bottom: 0 !important;}
.botonera,
.botonera > div > div > div{display:flex; flex-flow:row wrap; justify-content: center; align-items: center; padding:1% 0 4%;}
.botonera .autoescuela-button{margin:0 40px !important;}
.col-background{padding:0px !important;}
.min500{min-height:550px;position:relative;}
.positioned-image{ position: absolute; top: 0;right: -9%;width: 60%;min-height: 100%;}
.positioned-image.left{;left: -9%;}
.positioned-image .vc_custom_1580901045438{ background-size: 100% !important; background-repeat: no-repeat !important;}
.single-permisos .botonera{background-color: #F8F8F8; display: flex;align-items: center;justify-content: center;padding: 4% !important;}
.botonera > div {margin: 0px 25px !important;}
.botonera a.permiso{display: block;}

.container-fluid.row-contact > .row > .col-md-12 > p{display:none !important;}
/*############################################# CURSOS #################################################*/
#container-cursos .fila-cursos .vc_column-inner {min-height: 313px; }
#container-cursos  > div {margin-top:5%;}
#container-cursos .autoescuela-button{margin-top:18%;}
.fila-cursos > div > div{padding:3%;}
.fila-cursos > div > div > div {margin:15px;}
/*.fila-cursos > div > div > div {padding:25px;}*/
.fila-cursos .autoescuela-button{margin-bottom: 0px !important;}
.fila-cursos h2{ font-weight: 600;}
.row-curso{min-height: 735px; background-repeat: no-repeat; background-position: right center;}
.row-curso-content{padding:40px 0px !important;}
.c-center > div {display: flex; flex-flow:row wrap; justify-content: center; align-items: flex-start; width:45%; margin:0px auto;}

/*############################################# CONTACTO ################################################*/
.min735{background-size: auto !important; background-repeat: no-repeat !important; background-position: 32% 4% !important; min-height: 650px;}
.row-contacts {justify-content: space-around; align-items: flex-start;}
.row-contacts .basel-info-box{display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: center;}
.row-contacts .basel-info-box .info-box-icon img {max-width: 60%;}
.row-contacts .basel-info-box .info-box-inner span.strong{font-weight:500;}
.row-contacts .basel-info-box .info-box-content {max-width:80%;}
.basel-info-box{margin-bottom:8px !important;}
.basel-info-box .box-icon-wrapper{margin-bottom: 0px !important;}
font{display:none !important}

/*############################################# ZONA ALUMNOS ###############################################*/
.row-acces-app{min-height: 580px ;}
.form-login > div{margin-bottom: 20px !important;}
.form-login > div input{min-height: 45px !important;}
.vc_tta-container .vc_tta-panel-title span{font-size:20px; color:#000000;}
.vc_tta-container .vc_tta-panel-heading{margin-top:20px !important; margin-bottom:20px !important; border:0px !important;}
i.vc_tta-controls-icon{background-color: #f08719 !important; width: 25px !important;height: 25px !important;border-radius: 50% !important;padding: 5px !important;box-sizing: border-box !important;}
i.vc_tta-controls-icon:before{ width:9px; height: 9px !important;border-color: #fff !important;left: 8px !important;top: 10px !important;}
.vc_tta-panel.vc_active i.vc_tta-controls-icon:before{top:7px !important;}
/*############################################# BLOG ###############################################*/
body.blog .main-page-wrapper {margin-top:5%;}
.blog-post-loop.sticky .entry-title:before{display:none !important;}
body.blog .autoescuela-button.naranja > a{border:0px !important;}
body.blog div.basel-pagination{margin: 0 auto 5%;}
body.blog .entry-meta-list{display:none !important;}
.widget-area  .widget-title:before{display: block;content: "";background-color: #f08719;width: 87px;height: 2px;margin: -7px 0px !important;}

/*############################################# POST ###############################################*/

body.post-template-default .main-page-wrapper > .container > .row { max-width: 1200px; margin: 0 auto;}
body.post-template-default .main-page-wrapper{margin-top:3%;}
body.post-template-default .site-content > article { width: 95% !important; }

/*############################################# OPINIONES ALUMNOS ###############################################*/
.testimonials-cycle-slide{margin:3% 0 2% !important;}
.testimonials-cycle-slide > .wpb_wrapper{display: flex !important; justify-content: center;}
.testimonial_slide.cycle-slide{ max-width: 1200px !important;overflow: hidden;display: flex !important;flex-flow: row nowrap !important;justify-content: space-between !important;align-items: center !important;}
.testimonial_slide.cycle-slide{max-width: 1200px !important;}
.easy_testimonial{min-height: 250px;display: flex;flex-flow: column wrap;justify-content: flex-start;padding: 25px;}
/*############################################# MATRÍCULA ONLINE ###############################################*/
form.pay-form{text-align: center;}
form.pay-form table { margin-bottom:0;}
form.pay-form table tbody{width:100%; display:inline-block;}
form.pay-form table tbody tr {width:100%; display:block; margin: 0 auto;}
form.pay-form table tbody tr td {display:inline-block; margin:0 auto;}
form.pay-form table tr td,
form.pay-form select{border:0 !important;font-size:25px; font-weight: 500 !important;color:#f08719;}
.title.sub-section{line-height: 1.4em !important;}
/*############################################# TRABAJA CON NOSOTROS ###############################################*/

#banner-home.trabaja-nosotros{background-repeat:no-repeat !important;background-position: right center !important;}
#banner-home.trabaja-nosotros .head-home--car:before{display:none !important;}
#banner-home.trabaja-nosotros .trabaja-nosotros-content{max-width:80%;}
#banner-home.trabaja-nosotros .trabaja-nosotros-content p{font-size:18px; line-height: 1.4em;}
#contacto .formulario-trabaja-nosotros form{max-width:80%;margin: 0 auto;}
#contacto .formulario-trabaja-nosotros input{
    font-family: "Work Sans",'MS Sans Serif', Geneva, sans-serif !important;
    font-weight: 400;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    border: 0px !important;
    background-color: rgba(146, 146, 146, 0.1);
    font-size: 14px;
    height: 45px;
    box-shadow: none !important;
    padding: 17px 15px !important;
}
#contacto .formulario-trabaja-nosotros select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;       /* Remove default arrow */
    border:0 !important;
    font-family: "Work Sans",'MS Sans Serif', Geneva, sans-serif !important;
    font-weight: 400;
    text-transform: uppercase !important;
    border-radius: 0px !important;;
    background-color: rgba(146, 146, 146, 0.1);
    font-size: 14px;
    height: 45px;
    box-shadow: none !important;
    padding: 13px 15px !important;

}
#contacto .formulario-trabaja-nosotros .frm_checkbox label{ display: flex; flex-flow: row wrap;justify-content: flex-start;align-items: center;}
#contacto .formulario-trabaja-nosotros .frm_checkbox label input[type="checkbox"]{ display: flex; flex-flow: row wrap;justify-content: flex-start;align-items: center; height:15px;}
#contacto .formulario-trabaja-nosotros .frm_checkbox label a {display:block; margin:0px 20px;}

    /*############################################# FORMULARIO ##############################################*/
form fieldset{padding:0px !important; border:0px !important;}
form fieldset .frm_fields_container > div {margin:20px 0px;}
#form_contact-form input, .form-control,
#form_formulariopre-matrcula input, .form-control,
#form_permiso-por-puntos input, .form-control
{
  font-family: "Work Sans",'MS Sans Serif', Geneva, sans-serif !important; font-weight:400; text-transform:uppercase !important;border-radius:0px !important; border:0px !important; background-color: rgba(146, 146, 146, 0.1); font-size:14px; height:45px; box-shadow: none !important;  padding: 17px 15px !important;
}

div#frm_form_1_container{    margin-bottom: 25px;}
#form_formulariopre-matrcula .frm_opt_container{width:100%;}
#form_formulariopre-matrcula #frm_checkbox_23-0{width:100%;}
#form_formulariopre-matrcula #frm_checkbox_23-0 > label { display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;width: 100%;}
#form_formulariopre-matrcula #field_94kwy-0 {width: 2%; display: block;padding-right: 10px !important;}
#form_formulariopre-matrcula #frm_checkbox_23-0 > label > span {  display: inline-block; width: 94%;}
#form_formulariopre-matrcula #frm_field_23_container{ display: flex; align-items: center;}
textarea{resize: none !important; font-family: "Work Sans",'MS Sans Serif', Geneva, sans-serif !important; font-weight:400;border-radius:0px !important; border:0px !important; background-color: rgba(146, 146, 146, 0.1); font-size:14px; box-shadow: none !important;  padding: 17px 15px !important;}
div.frm_submit{text-align: center;}
input.send,
button.frm_button_submit{ font-family: "Work Sans",'MS Sans Serif', Geneva, sans-serif !important;border:2px solid #F08719 !important; border-radius: 50px !important; background-color: transparent !important; color:#F08719 !important; width:38% !important;margin:0 auto !important;text-transform: initial; padding: 12px 15px !important;font-size: 16px !important; font-weight: 600 !important;}

input.send{background-color:#f08719 !important; color:#fff !important;}
/*############################################# BLOG ################################################*/
.meta-featured-post, .meta-author, .meta-tags{display:none !important;}
.blog-post-loop.post-single-page .entry-thumbnail{ margin-bottom: 0px !important;}
.entradas-destacadas a{font-size:14px !important;}
.entradas-destacadas .upw-posts article{border-bottom:0; margin-bottom: 0.9em; padding-bottom: 0em;}
.upw-posts .entry-title a:hover{text-decoration: none; color:#f08719;}
.upw-posts .entry-title{margin-bottom:0 !important;}
.single-post .entry-content a:not(.vc_btn3) {color:#f08719 !important;}
/*############################################# FOOTER ##############################################*/
footer{position:relative !important;}
body:not(.home) footer:before {content: "";background-image: url(https://www.autoescuelavalencia.es/wp-content/uploads/2020/01/coche_formulario.png);position: absolute;top: -97%;right: -13%;display: block;width: 56%;height: 100%;background-position: 50% 89%;background-repeat: no-repeat; }
div#custom_html-3 > div p{font-size:14px;}
.footer-column-3{width:16%;}
.footer-column-4{width:33%;}
body.single-post footer:before,
body.page-id-197 footer:before,
body.page-id-75 footer:before{ display:none !important; }
#custom_html-2{margin-bottom:20px !important;}
.logo-footer{text-align: center;}
.logo-footer img{max-width: 90%;}
.footer-container .widget-area{padding:40px 0 20px 0 !important; width: 75%; margin: 0 auto;}
.footer-column.footer-column-1{width:100%;}
.footer-column.footer-column-2,
.footer-column.footer-column-3,
.footer-column.footer-column-4{width:33%;}
footer .legal-content{text-align: right;}
footer .legal-content a{font-size:11px;}
footer .legal-content a:hover{text-decoration: none !important;}
.copyrights-wrapper .col-left p {font-size:11px;}
.copyrights-wrapper > .container {max-width: 1800px;}

.copyrights-wrapper .min-footer {display: flex;  flex-flow: row wrap;justify-content: space-between;align-items: center}
.copyrights-centered .min-footer>div{width: 30%; margin-top:0px !important;}
.copyrights-centered .col-right {width: 70% !important;}
.min-footer .col-right {width:70%;}
ul.footer-list-menu > li {margin-bottom:10px; line-height: 22px;}
ul.footer-list-menu > li a:hover{text-decoration: none;}

.form_upload_full > .frm_dropzone.frm_single_upload { max-width: unset!important }
.form_upload_full > .frm_dropzone.dz-clickable.frm_single_upload > .dz-message { font-size: 1rem!important; }
 
/* .single-product-page .price::after{
	content: " (IVA no incluido)";
    font-size: 12px;
    color: #ccc;
}
.u-product-listing .price::after{
	content: " (IVA no incluido)";
    font-size: 12px;
    color: #ccc;
	display: block;
	margin-top: 3px;
	font-weight: 400;
} */

@media (max-width: 400px) {
	.product-template-default .variations td{
		display: block;
		margin-bottom: 15px;
	}
}

.single-permisos.postid-7309 .autoescuela-button.blanco{
	display: none;
}
.single-permisos.postid-7309 #contacto{
	display: none;
}
.black .woocommerce-Price-amount.amount bdi{
	color: #212121;
}
.black .woocommerce-Price-amount.amount{
	color: #212121;
}
.black {
	color: #212121;
}

@media (min-width: 769px) {
    .single-product small.s-70{
		font-size: 55%;
	}
}