/*
 Theme Name:   Vantage Child
 Theme URI:    http://siteorigin.com/theme/vantage/
 Description:  Vantage Child Theme
 Author:       Dirk Marheine
 Author URI:   https://d-marheine.com
 Template:     vantage
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
 Text Domain:  vantage-child
 Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
body{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    
}
.center{margin: 0 auto;}
.red{color: #d9230f;}

/*h3, .h3{font-size: 1.8vw;}*/

.dl_important{
    font-size: 1.5em;
    font-family: Ubuntu Condensed, sans-serif !important
}

.div-link{
    padding: 2px 10px;
    background-color: #7bd9b1;
    min-height: 225px;
}
#en-levels .div-link{
    min-height: 250px;
}
#es-levels .div-link{
    min-height: 275px;
}
.align-right{text-align: right;}

/*### ANIMATIONS ###*/
@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
}

@-moz-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
} 

@-o-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
}
body.page-id-3388 h1.entry-title{display: none;}
body.page-id-1306 h1.entry-title, body.page-id-1296 h1.entry-title,body.page-id-1303 h1.entry-title
{position: absolute;left: -2999px;}

/*### HEADER ###*/
#masthead .lang-item{
    display: inline;
    list-style: none;
}
#pre-header-menu{
    max-width: 100%;
    background: #fff;
}
#pre-header-menu ul{
    text-align: right;
    margin-right: 10%;
}
#pre-header-menu ul li{
    display: inline-block;
    height: 30px;
    text-align: center;
    /*background: rgba(51,51,51,0.4);*/
}
#pre-header-menu ul li a{
    font-size: 0.9em;
    color: #333;
    padding: 10px 10px;
}
#pre-header-menu .menu-register a, #pre-header-menu .menu-inscris-toi a, #pre-header-menu .menu-inscribete a{
    font-size: 1.1em;
    color: #d9230f;
}
#masthead{
    position: relative;
    background: #fff;
    border-bottom: 1px solid #999;
    padding-bottom: 1px;
}
#masthead .hgroup #header-sidebar{
    /*width: 50%;*/
}
#masthead .hgroup #header-sidebar aside.widget{
  float: none;
}
.home-page .logo{
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; 
}
body.home a{text-decoration: none;}
#logo-side ul li{
    margin: 0 4px;
}
#site-description{
    display: none;
}
#social_icons{
    margin: 25px 40px 5px 0;
}
#langswitcher{
    float: right;
    height: 30px;
    margin: 25px 0 5px 0;
}

#langswitcher, #langswitcher ul{
    line-height: 1;
    list-style: outside none;
    padding: 0;
}
#masthead .widget_polylang ul{
    margin-left: 0;
}
#langswitcher li{
    float: left;
    list-style: outside none;
    margin: 0;
    padding: 0;
}
nav.main-navigation ul li.current-menu-item > a:hover{
    color: #fff;
}
nav.main-navigation ul li.current-menu-ancestor{
    background-color: #000;
}
#header-sidebar .widget ul.menu{display: flex;}
#header-sidebar li.uo-login-logout-menu-item{
  padding: 12px 20px;
	border-top: solid 1px #d2d2d2;
	border-left: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	border-bottom: solid 1px #9f9f9f;
	background: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
	background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #646464;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	width: auto;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
#header-sidebar ul.menu > li.uo-login-logout-menu-item > a{
  color: #000;
  font-weight: bold;
}
/*#header-sidebar .widget ul[id^='menu-menu-du-haut-'] li:last-child{display: none;}*/

/*### MAIN ###*/
#main.site-main.container{
    margin-top: 0;
}

.dl-sejours h3{
    margin-top:0;
}
.hentry .panel{margin-bottom: 0;}
.panel-footer.entry-meta{
    display: none;
}

#slider_block{
    position: relative;
    padding-left: 0;
  }
#inscription_block{
    border: 1px dashed #999;
    background-color: #DBD8CF;
}
#inscription_block .inside_block{
   padding: 15px;
}
#inscription_block .inside_block h2{
    margin-top: 0;
}
#inscription_block .inside_block p{
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
}
#inscription_block .inside_block p:hover {
transform:rotate(360deg) scale(1);
-webkit-transform:rotate(360deg) scale(1);
-moz-transform:rotate(360deg) scale(1);
-o-transform:rotate(360deg) scale(1) ;
-ms-transform:rotate(360deg) scale(1);
}

.twitter-dl, .video-dl{
    height: 392px;
    margin: 0 auto;
    text-align: center;
}
.video-dl h3{
    margin: 0;
    padding-top: 10px;
}
/*### FOOTER ###*/
#footermenu.navbar{
    margin-bottom: 0;
}
#copyright{
    text-align: center;
    margin: 5px 0;
}
.footer-copy{
    font-size: 11px;
    display: inline-block;
}
#footer-widgets .widget{
    width: 100% !important;
}
#colophon .widget_nav_menu .menu-item a{
    border: none;
}

#drupalchat ul li #id-changeidname a{display: none;}

.entry-content ul ul{list-style-type: circle;}

/* Page specific */
body.home .entry-header{
    display: none;
}
body.home .add_posts{margin: 0 auto;}
body.home .add_posts .add_posts_content{
    max-width: 33.333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
/*body.home .add_posts .add_posts_content .post-content{min-height: 280px;}*/
body.home .add_posts .add_posts_content hr{display: none; visibility: hidden;}

body.home #btn_retour{display: none;}
#intro_doc{
    margin-bottom: 15px;
    font-size: 1.2em;
}
#intro_doc .daily_quotes{
    float: right;
    margin-left: 10px;
}

body.home .pull-left h3.red{
    margin-top: 5px;
}
.widget_metaslider_widget .widget-title{
    display: none;
}
/*### NEO PAGE TEMPLATE ###*/
body.single-sfwd-courses.logged-in .site-navigation,
body.single-sfwd-lessons .site-navigation,
body.single-sfwd-topic .site-navigation,
body.single-sfwd-quiz.site-navigation,
body.post-type-archive-sfwd-courses .site-navigation{
   height: 0;
   visibility: hidden;
}

body.page-template-neon_page-php #main,
body.single-sfwd-courses,
body.single-sfwd-lessons,
body.single-sfwd-topic,
body.single-sfwd-quiz,
body.post-type-archive-sfwd-courses{
    background: #ddd;
}

body.page-template-neon_page-php #primary, body.single-sfwd-courses #primary, body.single-sfwd-topic #primary{
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0,0.2);
    padding: 40px 30px 40px;
   
}
#primary .dl-flags{
    border-radius:10px;
}
body.page-template-neon_page-php.custom-background a,
body.single-sfwd-courses.custom-background a,
body.single-sfwd-lessons.custom-background a,
body.single-sfwd-topic.custom-background a,
body.single-sfwd-quiz.custom-background a,
body.post-type-archive-sfwd-courses.custom-background a{
    color: #32ad79;
}

body.page-template-neon_page-php.custom-background .neon_row{
    padding: 5px 0;
}
body.page-template-neon_page-php.custom-background .neon_row div{
    display: inline-block;
    vertical-align: middle;
}
body.page-template-neon_page-php.custom-background .neon_row div:first-child img{
    border: 2px solid #666;
}

/*### HTML video player download button ###*/
video::-internal-media-controls-download-button, audio::-internal-media-controls-download-button{
    display: none;
}
video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

/*### LEARNDASH PAGES */
html .learndash-wrapper input[type="button"]{
  background: none;
}
body.single-sfwd-courses.logged-in #header-sidebar,
body.single-sfwd-lessons.logged-in #header-sidebar,
body.single-sfwd-topic.logged-in #header-sidebar,
body.single-sfwd-quiz.logged-in #header-sidebar{
    display: none !important;
}

.single-sfwd-courses #livres{
  margin-left: 10%;
  margin-bottom: 20px;
}
.single-sfwd-courses #livres, .single-sfwd-courses #livres .livre, .single-sfwd-courses .entry-thumbnail{
  display: inline-block;
  vertical-align: middle;
}
.single-sfwd-courses #livres .livre{
  padding: 20px;
  margin-right: 20px;
}

.single-sfwd-courses .row, .single-sfwd-lessons .row,
.single-sfwd-topic .row, .single-sfwd-quiz .row{
    padding: 10px 0 5px 0;
    margin: 0;
    background-color:  #fff;
}
.widget_ldcourseprogress, .widget_sfwd-lessons-widget{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.widget_ldcoursenavigation{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}
.widget_ldcoursenavigation #course_navigation{
    margin: 0 10px;
}
.widget_ldcourseprogress h3, .widget_sfwd-lessons-widget h3, .widget_ldcoursenavigation h3{
    background-color: #f3f3f3;
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 1% 2%;
    font-weight: normal;
    margin: 0;
    display: block;
}
#learndash_course_content, #learndash_course_materials{
    margin-top: 25px;
}
#learndash_course_content .wp-post-image{
    max-height: 141px;
}

#lessons_list > div >a{
   /* width:25%;
    display: inline-block;*/
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{font-size: 1.2em;}
.learndash-wrapper .ld-table-list .ld-table-list-items {font-size: .1em !important;}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {font-size: 1em !important;}
.learndash-wrapper .ld-button, .learndash-wrapper .ld-expand-button {font-size: .9em !important;}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {font-size: 1em;}

/*## Course list ##*/
div.ld_course_item{
    background-color: #eee;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-top: 5px;
    padding: 10px;
    width: 47.5%;
    display: inline-block;
    vertical-align: top;
}
div.ld_course_item h2{
    width: 80%;
    display: inline-block;
    vertical-align: top
}
div.ld_course_item h2 a{
    text-decoration: none;
}
div.ld_course_item .dl-niveau-icon{
    display: inline-block;
    width: 60px;
}

article.page footer.ld_courses_list{
    display: block;
    float: none;
    font-style: italic;
}

.dl-niveaux a{
    text-decoration: none;
}
.dl-niveaux a:hover p{
    color: #666;
}

/*## Cours ##*/
body.single-sfwd-courses article.post .entry-header .entry-thumbnail img{
    width: inherit;
}

#lessons_list > div > div{
    width: 10%;
    min-width: 100px;
}
#lessons_list > div > h4{
    /*width: 90%;*/
}
#niveaux .col-xs-2, #niveaux .col-md-2{
    padding-left: 1%;
    padding-right: 0;
}
#niveaux .col-xs-2:first-child, #niveaux .col-md-2:first-child{
    padding-left: 0;
}
#niveaux.english div{
    height: 239px;
}
#niveaux.spanish div{
    height: 260px;
}
.div-link.link-1{
    background: transparent url("images/background_princes_feature_prs1.png") no-repeat scroll center top;
    background-size: cover;
}
.div-link.link-2{
    background: transparent url("images/background_princes_feature_prs2.png") no-repeat scroll center top;
    background-size: cover;
}
.div-link.link-3{
    background: transparent url("images/background_princes_feature_prs3.png") no-repeat scroll center top;
    background-size: cover;
}
.div-link.link-4{
    background: transparent url("images/background_princes_feature_prs4.png") no-repeat scroll center top;
    background-size: cover;
}
.div-link.link-5{
    background: transparent url("images/background_princes_feature_prs5.png") no-repeat scroll center top;
    background-size: cover;
}
.div-link.link-6{
    background: transparent url("images/background_princes_feature_prs6.png") no-repeat scroll center top;
    background-size: cover;
}

/* Uncanny Resume button */
a.learndash-resume-button{text-decoration: none;}

/*### PODCASTS ###*/
.podcast_meta{
    margin-bottom: 30px;
}


/*### FORMIDABLE FORMS ###*/
/*Wordpress plugin Formidable -> Styles -> Custom CSS */
/*Fiche d'inscription - Montant total: */
form#form_h0d0qd input#field_7v0v44{color: #000; font-weight: bold;}
.frm_form_field .dl_absolute{
    position: absolute;
    top: 15px;
    left: 30%;
    color: #f00;
}
h3.dl_no_top_border{
    border-top: none;
}
.frm_style_formidable-style.with_frm_style .frm_left_container label.frm_primary_label.dl_large_label{
    width: 35%;
    max-width: 50%;
}
#frm_field_565_container input, #frm_field_567_container input{
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 80px !important;
}

#ui-datepicker-div{
    width: initial;
}
.ui-datepicker .ui-datepicker-title select{
    float: left;
}
.black_ro input[readonly]{
    color: #555 !important;
}

/*### CPF PAGES ###*/
.cpf_head_orange{
    background-color: #ff950e;
    color: #fff;
    font-family: Georgia, serif;
    height: 115px;
    padding: 30px;
}

.cpf_head_grey{
    background-color: #ccc;
    color: #000;
    font-family: Georgia, serif;
    height: 175px;
}
.cpf_head_grey p{
    margin: 0.6em 0;
}

.cpf_table_row{
    display: table;
    table-layout: fixed;
    padding: 5px 1000px 5px 1010px !important;
    width: 100%;
}
.cpf_table_row .panel-grid-cell{
    display: table-cell;
    float: none !important;
    vertical-align: middle;
}
.cpf_table_row .panel-grid-cell:first-child{
    background-color: #ff950e;
}
.cpf_orange{
    background-color: #ff950e;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 16pt;
}
.cpf_grey{
    background-color: #ccc;
    color: #000;
    font-family: Georgia, serif;
    padding: 15px;
}
.cpf_download a, .cpf_download a:hover{
    text-decoration: none;
}
.cpf-reglement{
    display: none;
}
.page-id-3546 .cpf-reglement, .page-id-3549 .cpf-reglement, .page-id-3551 .cpf-reglement, .page-id-3608 .cpf-reglement,
.page-id-3825 .cpf-reglement, .page-id-3878 .cpf-reglement, .page-id-3884 .cpf-reglement, .page-id-3903 .cpf-reglement,
.page-id-3914 .cpf-reglement, .page-id-3924 .cpf-reglement, .page-id-3937 .cpf-reglement, .page-id-3948 .cpf-reglement,
.page-id-3954 .cpf-reglement{
    display: block;
}

.site-info small.designer{
    display: none;
}

.exercise-buttons-container {
	display: block;
	position: initial;
	background: #fff;
	width: 100%;
	border: 1px solid #b1b1b1;
	padding: 5px;
  margin-top: 20px;
}
.exercise-buttons-container ul.sonderzeichen {
	text-align: center;
	margin: .2em;
	padding: 0;
}
.exercise-buttons-container ul.sonderzeichen .ul-inline__li {
	padding: .25em;
	display: inline-block;
}
.exercise-buttons-container ul.sonderzeichen .ul-inline__li .FuncButton {
	line-height: 1.2em;
	background-color: #f0f0f0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: .4em .75em;
	border: 1px solid #616161;
	cursor: pointer;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	font-size: 1.6rem;
  font-weight: normal;
	vertical-align: middle;
}
.exercise-buttons-container ul.sonderzeichen .ul-inline__li .FuncButton:hover{
	background: #ebab1b;
	color: #fff;
}

/*### MEDIA QUERIES ###*/
@media (min-width:1200px){
    .container{max-width:980px}
    .site-only-content-long .container{max-width:980px}
}
@media (min-width:992px){
    #secondary{width: 27%;}
    #inscription_block{margin: 0;}
    #banniere{display: table;}
    #slider_block, #inscription_block{
        float: none !important;
        display: table-cell;
        vertical-align: top;
    }
    .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{font-size: 1.6em;}
    .learndash-wrapper .ld-table-list .ld-table-list-items {font-size: 1.4em !important;}
    .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {font-size: 1.2em;}
}
@media (max-width:991px){
    #banniere{display: block;}
    #slider_block, #inscription_block{float: left;display: block;padding: 0;}
    #inscription_block{margin-top: 10px;}
    .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{font-size: 1.4em;}
    .learndash-wrapper .ld-table-list .ld-table-list-items {font-size: 1.2em !important;}
    .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {font-size: 1.2em;}
}
@media (max-width:767px){
    #pre-header-menu ul li a{font-size: 1.6vw;}
    #mainmenu.navbar-default .navbar-nav > li > a, #mainmenu.navbar-default .navbar-nav > li > a:hover,
    #mainmenu.navbar-default .navbar-nav > li > a:focus{font-size: 14px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
    #niveaux .col-xs-2, #niveaux .col-md-2{
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{font-size: 1.2em;}
    .learndash-wrapper .ld-table-list .ld-table-list-items {font-size: 1em !important;}
}