/*
Theme Name: Vulcania
Author: Scopika
Author URI: http://scopika.com/
Description: Child Thème pour Scopikatz
Version: 1.0
Template: scopikatz
Text Domain: vulcania
*/

/*@import url("../scopikatz/style.css");/* ou dans function.php*/

/*** FONTS ***/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap');


body { padding: 0; margin: 0; background:#33903c!important; background-size:100% !important; font:400 16px/21px 'Titillium Web', sans-serif; color:#fff!important; }
#wrapperHeader, #wrapper, #wrapperFooter { margin: 0 auto;}
a { color: #fff!important; }
/*Content*/

.page-header { text-align:center; padding:0 !important; margin:0 !important; border:none!important; background-color:transparent!important;  }
.page-header .titre-ecran {padding:10px 0; }
.page-header .sur-titre { font:700 14px/14px 'Titillium Web', sans-serif; color:rgba(255,255,255,.5); text-transform: uppercase; }
.page-header::before {
    content: "";
    position: absolute; left:0; z-index:-1;
    width: 100%;
    height:200px;
    background: linear-gradient( #155546 0%,rgba(0,193,255,0) 90%); }

/*Header*/
.page-header .consigne-maitre { display:inline-block; font:700 18px/24px 'Titillium Web', sans-serif; margin:15px 30px; padding:0;  }
:hover
.page-header ul.onglets { display:inline-flex; min-height:35px; margin:0; padding:0; }
.page-header ul.onglets li { float:left; font:600 16px/35px 'Titillium Web', sans-serif; letter-spacing: -0.02em; padding:0 10px; list-style:none; background:#fff; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;  }
.page-header ul.onglets li.onglet-1 { color:#f37934; margin:0 1px 0 0; }
.page-header ul.onglets li.onglet-2 { color:#c11a24; margin:0; }


#content { padding:0; margin-bottom:170px;  }
.pb30 { padding-bottom: 0; }
.mt30 { margin-top: 0; }
h1, h2, h3, h4, h5, h6 { color: #fff!important; letter-spacing:0; }
h1 { font:500 30px/30px 'Teko', sans-serif!important; text-shadow: 0 3px 0 rgba(0,0,0,.2); }
h2 { font:500 26px/30px 'Teko', sans-serif; text-align:center; }
h3 { font:600 21px/24px 'Titillium Web', sans-serif !important; }
h4 { font:600 18px/21px 'Titillium Web', sans-serif; }
h3, legend { text-transform:inherit;  }


/********** HEADER **********/

#header { display:block; min-height: 65px; padding:0; margin:0; background:#fff !important; }
#logo {text-align: center; margin:0; }
#logo img{ max-width:115px; margin:5px 0; }

/********** MENU **********/

.header__icon { position:relative; display:block; top:0; left:-15px; width:65px; height:65px; cursor:pointer; z-index:20; }
.header__icon:after {content: ''; position:absolute; display:block; width:24px; height:1px; top:13px; left:20px; -moz-box-shadow:0 10px 0 1px #155546, 0 17px 0 1px #155546, 0 24px 0 1px #155546; -webkit-box-shadow: 0 10px 0 1px #155546, 0 17px 0 1px #155546, 0 24px 0 1px #155546; box-shadow: 0 10px 0 1px #155546, 0 17px 0 1px #155546, 0 24px 0 1px #155546; }

.wpmm-menu { background-color: #33903c!important; }
.mm-navbar.mm-hasbtns { display: none; }
.mm-panels { top:0!important; background: linear-gradient( #155546 0%,rgba(0,193,255,0) 90%); }
.mm-menu .mm-listview>li a:not(.mm-next) { font:600 18px/22px 'Titillium Web', sans-serif!important; color:#fff; padding:20px; }
.mm-menu .mm-listview>li a:hover, .mm-menu .mm-listview>li a:focus { color: #fff !important; background: #155546; outline:none;  }
.mm-listview>li:not(.mm-divider):after { left:0;  border-bottom:dashed 1px rgba(255,255,255,.5); }






/********** BOUTONS **********/

/* Bouton orange */

a#gravityforms_reservation_back, button.bt-orange, a.bt-orange { display: block; position: relative; font:700 20px/44px 'Titillium Web', sans-serif; color:#fff; text-decoration: none; text-align: center; padding: 0 10px; margin: 15px auto; border: solid 3px #f99d1c; border-radius: 10px; background: #f99d1c; box-shadow: 0 4px 0 0 rgba(0,0,0,.2); }
a#gravityforms_reservation_back:before, bbutton.bt-orange:before, a.bt-orange:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 18px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.15)); border-radius: 7px 7px 0 0; }
a#gravityforms_reservation_back:hover, button.bt-orange:hover, a.bt-orange:hover, a#gravityforms_reservation_back:focus, button.bt-orange:focus, a.bt-orange:focus { top: 2px; color:#fff!important; background: #d48122; border: solid 3px #BF6414; box-shadow: 0 1px 0 0 rgba(0,0,0,.4); outline: none; }

/* Bouton rouge */

a.bt-rouge { display: block; position: relative; font:600 20px/44px 'Titillium Web', sans-serif; color:#fff; text-decoration: none; text-align: center; padding: 0 10px; margin: 15px auto; border: solid 3px #d2232a; border-radius: 10px; background: #d2232a; box-shadow: 0 4px 0 0 rgba(0,0,0,.2); }
a.bt-rouge:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 18px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.15)); border-radius: 7px 7px 0 0; }
a.bt-rouge:hover { top: 2px; color:#fff!important; background: #972521; border: solid 3px #972521; box-shadow: 0 1px 0 0 rgba(0,0,0,.4); outline: none; }

/* Bouton de formulaire */

.gform_wrapper .gform_footer { position:relative; margin:15px 0 0 0!important; padding:0!important; border:none!important; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { display: block!important; position: relative; width:100%!important; font:700 20px/44px 'Titillium Web', sans-serif!important; color:#fff; text-decoration: none; text-align: center; padding: 0 10px; margin: 15px auto; border: solid 3px #f99d1c; border-radius: 10px; background: #f99d1c; box-shadow: 0 4px 0 0 rgba(0,0,0,.2); }
.gform_wrapper .gform_footer:before { content: ""; position: absolute; z-index:1; left:3px; top:3px; width:calc(100% - 6px); height: 18px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.15)); border-radius: 7px 7px 0 0;}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=image]:hover, .gform_wrapper .gform_footer input[type=submit]:hover  { top: 2px; color:#fff!important; background: #d48122; border: solid 3px #BF6414; box-shadow: 0 1px 0 0 rgba(0,0,0,.4); outline: none; }



.gform_wrapper .gform_page_footer { position:relative; margin:0!important; padding:0!important; border:none!important; }
.gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_next_button {display: block!important; position: relative; width:100%!important; font:600 20px/44px 'Titillium Web', sans-serif!important; color:#fff; text-decoration: none; text-align: center; padding: 0 10px; margin: 15px auto; border: solid 3px #f99d1c; border-radius: 10px; background: #f99d1c; box-shadow: 0 4px 0 0 rgba(0,0,0,.2); }
.gform_wrapper .gform_page_footer:before { content: ""; position: absolute; z-index:1; left:3px; top:3px; width:calc(100% - 6px); height: 18px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.15)); border-radius: 7px 7px 0 0;}



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { margin-bottom: inherit; }
#wrapper {min-height: 400px;}
.container { width: inherit; }






.page-header ul.onglets { display:none !important; }

/*Home*/
.home.ligne1 { padding:0 !important; margin: 30px 0 0 0 !important; }
.home.ligne2 { padding:0 !important; margin:0 !important; }
.home.ligne2 p { font:900 28px/28px 'Titillium Web', sans-serif; color:#c3161c; text-transform:uppercase; }
.home.ligne3 p { font:700 14px/18px 'Titillium Web', sans-serif; color:#293e69; letter-spacing: -0.02em;  }




/*Footer*/
#footer { padding:0; margin:0; background:transparent none;  }

#footer { position: fixed; left: calc(50% - 212px); bottom: 0; z-index: 1; width:414px; text-align:center; min-height: 140px; ; margin:0; border:none !important; background:transparent url(img/bg-footer-828px.png) left bottom -10px no-repeat!important; background-size:cover!important; }


.votre-score { position:fixed; left:0; bottom:0; z-index:10; width:100%; font:500 24px/36px 'Teko', sans-serif; text-transform:uppercase; text-align:center; padding:5px 0; background: rgba(0,0,0,.4); }
.score { display:inline-block; font:500 30px/36px 'Teko', sans-serif; background:#c11a24; margin:0 5px; padding:0 10px; }




/*Page d'accueil*/
.liste-des-jeux { }
.liste-des-jeux ul { margin:0; padding:0; list-style:none; }
.liste-des-jeux ul li { display:inline-block; width:100%; border-bottom: dashed 1px rgba(255,255,255,.4); margin: 0 0 10px 0; padding:0 0 10px 0;  }
.liste-des-jeux ul li a:visited, .liste-des-jeux ul li a { display:block; float:left; width:100%; padding:0; font-size:16px; font-weight:600; letter-spacing: -0.01em }
.liste-des-jeux ul li a:hover, .liste-des-jeux ul li a:active { text-decoration:none; }

.liste-des-quizz { }
.liste-des-quizz ul { margin:0; padding:0; list-style:none; }
.liste-des-quizz ul li { text-align:center; margin-bottom:5px; }
.liste-des-quizz ul li a, .liste-des-quizz ul li a:visited { display:block; font:700 16px/21px 'Titillium Web', sans-serif; border: solid 1px #fff; border-radius:7px; padding:15px; background:rgba(255,255,255,.3)   }
.liste-des-quizz ul li a:hover, .liste-des-quizz ul li a:active { color:#fff !important; background:rbga(255,255,255.4); }

.liste-des-jeux-dinos { }
.liste-des-jeux-dinos ul { margin:0; padding:0; list-style:none; }
.liste-des-jeux-dinos ul li { float:left; width:50%; height:50px; text-align:center; }
.liste-des-jeux-dinos ul li a:visited, .liste-des-jeux-dinos ul li a { display:block; float:left; color:#fff; height:50px; border: solid 2px #fff;-webkit-border-radius: 6px; border-radius: 6px; width:100%; padding:5px; font-size:15px; font-weight:600; }
.liste-des-jeux-dinos ul li a:hover, .liste-des-jeux-dinos ul li a:active { color:#fff !important; background:#c11a24; }




.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 15px !important;}

.validation_error {  text-align:center;  text-transform: inherit; color:#2a3f69 !important; font: 700 18px 'Titillium Web', sans-serif;}








a.bt-gris { position:absolute; bottom:15px; margin:-36px 0 0 0; text-transform:uppercase; font:700 14px/24px 'Titillium Web', sans-serif; color: #b3b3b3; padding:2px 15px; border:solid 1px #b3b3b3; -webkit-border-radius: 30px; border-radius: 30px; }
a.bt-gris:hover { color: #b3b3b3 !important; }

form a.bt-gris {bottom: -20px;}

@media only screen and (max-width: 641px) {
	a.bt-gris {display: block; margin: 0; text-align: center; position: relative;}
}



#menu-menu-principal{display: none;}


/*Gagnants*/
.vulcania_convocation_gagnants { float:left; padding:10px 10px 55px 10px; color:#293e69; border:solid 1px #ced4dc; border-radius:10px; background:url(img/coupe.jpg) no-repeat center bottom; background-size:68px; }
.vulcania_convocation_gagnants .nom-gagnant { font: 700 18px 'Titillium Web', sans-serif; }
.vulcania_convocation_gagnants .indications { font: 700 16px/21px 'Titillium Web', sans-serif; font-style:italic; }

.form-fin { margin: 15px 0; font-size: 16px; font-weight:700; border: solid 1px rgba(255,255,255,.5); border-radius:5px; padding: 10px;}

/*CLASS*/
.float-right{float: right; display: inline;}
.float-left {float: left; display: inline;}
.clear {clear: both;}
.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}

/*GRAVITY FORMS*/

.gravityforms_limit_time { text-align:center; font: 700 16px/21px 'Titillium Web', sans-serif; }
.gravityforms_reservation_heure { font:700 18px 'Titillium Web', sans-serif; margin:15px 0; letter-spacing: -0.01em; color: #2a3f69 !important; text-align: center; border-top: dashed 1px #d0cfcb; padding: 5px 0 0 0;}
.gravityforms_reservation_heure a { display:block;}

.gravityforms_reservation_feed_timeslots { list-style:none; margin:0; padding:0; }
.gravityforms_reservation_feed_timeslots li a { float:left; width:50%; border:solid 2px #fff; color:#fff; text-align:center; font: 700 15px/36px 'Titillium Web', sans-serif; }
.gravityforms_reservation_feed_timeslots li.active a { background:#c11a24; }
.gravityforms_reservation_feed_timeslots li a:hover { color:#fff !important; background:#c11a24; }
.gravityforms_reservation_feed { text-align:center; }
.gravityforms_reservation_booking { float:left; width:100%; margin:	0 0 30px 0; }


.gform_wrapper { margin:0 !important; max-width:100% !important; }
.gform_wrapper.two-column_wrapper ul.gform_fields, .gform_wrapper.three-column_wrapper ul.gform_fields {display: none;}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column { display:block; float:left; width:50%; padding:0px; }
.gform_wrapper.three-column_wrapper ul.gform_fields.gform_column {display:block; float:left; width:33.33%; padding:0 30px;}
.gform_wrapper h2.gsection_title { font-family:'gotham_probold';}
.gform_wrapper form { position: relative; }







input[type="radio"] { visibility: hidden; position: absolute; top: 0; left: 0; }
input[type="radio"] + label:before { display: inline-block; width:20px; height:20px; position: absolute; left: 0; content: " "; background: url(img/bg-radio.gif) no-repeat center center; background-size:20px; }
input[type="radio"]:checked + label:before {background:#fff url(img/bg-radio-check.gif) no-repeat center center; background-size:20px; }
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label { font-weight: 600 !important; }

#gform_21 ul.gfield_checkbox li, #gform_21 ul.gfield_radio li { border-bottom:none; }
.gchoice_21_3_0 { float:left; margin:0 15px 0 0 !important; }


#gform_5 #gf_progressbar_wrapper_5 { display:none; }

/* Page login */
/*GRAVITY FORMS*/



@media (max-width: 643px) {
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {display: block;float: none;width: 100%; }
.gform_wrapper.three-column_wrapper ul.gform_fields.gform_column {display: block;float: none;width: 100%; }
}
.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child, .gform_wrapper.three-column_wrapper ul.gform_column li.gsection:first-child {display: none;}
.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:last-child,.gform_wrapper.three-column_wrapper ul.gform_column li.gsection:last-child {display: none;}
.gform_wrapper.three-column_wrapper ul.gform_column li.gsection{text-align:center; border-bottom:1px solid #d0cfcb !important;     padding:0 0 15px 0; margin:15px 0 0; }

.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] { width: 100% !important; font-size: 14px; font-weight:600; color: #575a5d; line-height: 30px; padding: 0 8px !important; margin: 2px 0 15px; border: solid 1px #d0cfcb; border-radius: 15px; }
.gform_wrapper input:focus { border: solid 1px #6c6f70; outline: none; }
.gform_wrapper .gfield_required { color: red !important; }
.gform_wrapper div.validation_error {color:red !important; font-size:14px !important; font-weight:600 !important; margin:0 !important; padding:0 !important; border:none !important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border:solid 3px #a7e0c2!important; background-color:#fff!important;   }


body .gform_wrapper ul li.gfield { color: #155546; padding:15px!important; border: solid 3px #a7e0c2; border-radius: 5px; background: #fff; box-shadow: 0 4px 0 0 rgba(0,0,0,.2); }
body .gform_wrapper ul li.gfield.gfield_html { color:inherit; padding:inherit!important; border:none; background:transparent; box-shadow:none;  }




.gform_wrapper .gfield_radio li label { font:600 16px/20px 'Titillium Web', cursive!important; padding-left: 22px !important; }