/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');



table.variations{margin-top:0px!important}

.onsale{display:none!important}
.pourcentage {
	background-color: #D9534F;
	display: block;
	width:25%;
	margin:auto;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-align:center;
	border-radius: .25em;
}


body {
    font-family: 'Roboto Condensed', sans-serif !important;
    color:#000;
}

.blockwakeup  h2,
.tarifcontent h2 {
    box-shadow: 0px 1px 5px -1px #333;

}

.et_pb_text {
    position: relative;
    z-index: 2;

}

.et_pb_image {
    position: relative;
    z-index: 1;
}
.blockwakeup h2,
h5,
.tarifcontent h2{
    background:#007AA5;
    color:#fff;
    text-align: center;
    padding:8px;
    font-family: 'Yellowtail', cursive;
    font-size:50px;
}



h4 {
    color:#007AA5;
}

h3 {
    color:#007AA5;
    text-transform: uppercase;
    font-weight: 700;
}

.blockwakeup h3 {
    margin-top:20px;
}

.blockwakeup .et_pb_module{
    margin-bottom:0 !important;
    text-align: center;

}

.blockwakeup .et_pb_text p {
       padding:0 50px; 
}

.et_pb_post {
  margin-bottom: 10px !important;
}

.blockimagetexte .et_pb_ajax_pagination_container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap ;
}

.blockimagetexte article {
/*    float: left;*/

    width:50%;
    padding:10px 15px ;

}

/*.blockimagetexte article:nth-child(even):after{
    content: '';
    display: block;
    clear: both;
}
.blockimagetexte article:nth-child(even) img {
    float: left;
    width:60%;
}

.blockimagetexte article:nth-child(odd) img {
    float: right;
    width:60%;
}
*/
.et_pb_post .entry-featured-image-url {
    margin-bottom:0;
}




.tarifcontent h2 {
    margin-bottom:20px;
}

h5 {
    font-size:30px !important;
}

.blockimagetexte a {
    display: block;
}

.blockimagetexte article p {
    font-size: 15px;
    color:#007AA5 !important;
}
/*.blokart {
    width:40%;
    float: left;
 
}*/
/*h2 a,
a img{
    cursor: default !important;
    pointer-events: none !important;
}*/
.blokart .post-content-inner {
       padding:20px;
}

.et_pb_slide_title {
     font-family: 'Yellowtail', cursive;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: none !important;
}
.et_pb_slider .et_pb_slide {
    text-align: left;
}
.et_pb_slides .et_pb_container {
    display: block;
}

.et_pb_slide_description, 
.et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 16% 50px;
}
.et_pb_slides .et_pb_container {
    min-height:500px;
}

#logo {
    margin-top:10px;
   max-height:130px;
}

#top-menu li {
    padding: 0 20px;
}

.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription select,
.contact input[type="text"], .contact input[type="email"], .contact select, .contact textarea {
    background: none;
    border:none;
    border-bottom: 1px solid #007AA5;
    width:calc(70% - 20px);
    float: left;
    height:auto;
/*    font-family: Open Sans,Arial,sans-serif;*/
    margin-right: 20px;

}

.contact textarea  {
    border: 1px solid #007AA5;
}

.tnp-field:after{
    content: '';
    display: block;
    clear: both;
}

.tnp-field-email {
    margin-bottom:20px !important;
}

.tnp-subscription input[type="submit"],
.contact input[type="submit"]{
    background: #007AA5;
    color:#fff;
/*    font-family: Open Sans,Arial,sans-serif;*/
    display: block;
    margin-top:10px;
    width: 100%;
    border:none;
}
.contact input[type="submit"] {
    padding:5px 0;
}
.tnp-subscription input[type="submit"]:hover,
.contact input[type="submit"]:hover  {
    background: #005d7f;
    cursor: pointer;
}
 
 .wpcf7-not-valid-tip {
    display: inline-block;
 }

.tnp-field label,
.contact label {
  width: 30%;
  float: left;
/*  font-family: Open Sans,Arial,sans-serif;*/
   margin-top: 10px;
}

.entry-content table:not(.variations),
.entry-content tr td {
    border:none;
      vertical-align: top;
}

.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
  font-size: 117px !important;
}

#about {
    padding:50px 0 !important;
}

body.woocommerce .woocommerce-tabs,
.product_meta {
    display: none;
}

.woocommerce div.product .product_title {
    font-family: 'Yellowtail', cursive;
    font-size: 50px;
}


.summary .field label{
  width: 30%;
  float: left;
/*  font-family: Open Sans,Arial,sans-serif;*/
  margin-top: 10px;
}

.variations .label {
/*      font-family: Open Sans,Arial,sans-serif;*/
}
table.variations{
    margin-top: 569px;
}

table.variations th {
    max-width: 30% !important;
    width: 100%;
}
.entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover {
    color:#007aa5;
}


.summary .field input,
.summary .field select,
.orderby, .woocommerce div.product form.cart .variations td select{
    background: none;
    border:none;
    float: left;
    border-bottom: 1px solid #007AA5;
    width:calc(70% - 20px);
    height:auto;
/*    font-family: Open Sans,Arial,sans-serif;*/
    margin: 10px 20px 10px 0;
    border-radius:0;
}

.summary .field:after{
    content: '';
    display: block;
    clear: both;
}


@media screen and (max-width: 992px) {
    .tarifs .et_pb_gutters1 .et_pb_column_3_4, 
    .tarifs .et_pb_gutters1.et_pb_row .et_pb_column_3_4 {
      width: 75% !important;
    }

    .tarifs .et_pb_gutters1 .et_pb_column_1_4, 
    .tarifs .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
      width: 25% !important;
    }
    table.variations{
        margin-top: 0px;
    }
    .variations .label {
        max-width:30%;
    }
    .orderby, .woocommerce div.product form.cart .variations td select {
        width:90%;
    }

    .et_pb_slides .et_pb_container {
        min-height:300px;
    }

    .et_pb_slide_description .et_pb_slide_title {
        margin-top: 59px;
    }

    .blockimagetexte .et_pb_ajax_pagination_container {
        display: block;
    }

    .blockimagetexte article {
        width:100%;
    }

    .blockimagetexte article:nth-child(even) img {
        float: none;
        width:100%;
    }

    .blockimagetexte article:nth-child(odd) img {
        float: none;
        width:100%;
    }

    .blockimagetexte article {
        width:100%;
        padding:10px 15px ;
    }
    .blokart {
        width:100%;
        float: none;
    }

    .mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
        color: #fff;
    }

    #et-top-navigation .et-cart-info {
        right: 37px !important;
        top: 22px !important;
        position: absolute;
    }

    footer a {
        display: block;
    }

    table td {
        width: 100% !important;
        padding:0 !important;
        display: block;
    }
}
.product .joursession1,
.product .joursession2h1{
    clear:both;
}
.product .sessionsimple,
.product .session2h{
    clear:both;
    width:100%;
    margin:30px 0px;
}
.product .field{
    width:50%;float:left;
}

.woocommerce-variation-add-to-cart .field{
    width:100% !important;
    float: none !important;
}
.woocommerce-variation-add-to-cart .field input,
.woocommerce-variation-add-to-cart .field select,
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td select{
background: none;
border: none !important;
/*  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;*/
border-bottom: 1px solid #007AA5 !important;
width: calc(70% - 20px);
float: left;
height: auto;
/*font-family: Open Sans,Arial,sans-serif;*/
margin-right: 20px;
border-radius: 0;
}

.woocommerce-variation-add-to-cart .field label {
  width: 30%;
  float: left;
/*  font-family: Open Sans,Arial,sans-serif;*/
  margin-top: 10px;
}

.woocommerce-variation-add-to-cart .field::after {

    content: '';
    display: block;
    clear: both;

}
/*
---------- ELEMENT --------- */
.d-flex,
.d-flex p {
 display: flex;

}

/*
---------- FORM--------- */
.formstage {
    width: 900px;
    margin:0 auto;
}

.formstage p{
/*    width: 50%;*/
   
    width:100%;
}

.formstage .col-3 label {
    width:33.3333%;
    margin: 10px 20px;
}

.formstage .col-2 label {
    width:50%;
    margin: 10px 20px;
}
.formstage .col-1 label {
    width:100%;
    margin: 10px 20px;
}

.formstage input[type=text],
.formstage input[type=email],
.formstage input[type=tel],
.formstage input[type=date],
.formstage input[type=submit] {
    width: 100%;
    padding: 10px 20px;
    border-radius: 50px;
}
.formstage .border-round {
      padding: 8px 10px;
    border-radius: 50px;
    border:1px solid #bbb;
}
.formstage input[type=date] {
   border: 1px solid #bbb;
} 

.formstage input[type=submit] {
    border:none;
    background: #007aa5;
    color:#fff;
    text-transform: uppercase;
    font-weight:bold;
    cursor: pointer;
    padding:20px 0;
}

.formstage input[type=submit]:hover {
    background: #10a8e1;
}

.formstage input::placeholder  {

    color:#000;
    opacity: 1;

}

@media screen and (max-width: 992px) { 
.formstage {
    width:100%;
}

.d-flex,
.d-flex p {
 display: block;
}


.formstage .col-1 label,
.formstage .col-3 label,
.formstage .col-2 label  {
    width:100%;
    margin: 10px 0px;
    display: block;
}
.formstage .border-round {
      padding: -1px 20px;

  }
}

.woof_sid_flat_white {
    border: none !important;
}

/* WOOCOMERCE */

.woof_auto_1_columns{float:left;width:30%;}
.post-type-archive-product #left-area ul.products,.woof_products_top_panel{float:left;width:70%;clear:none!important;padding-left:40px!important;}

@media screen and (max-width: 992px) { 
    .woof_auto_1_columns{
        float:none;width:100%;}
.post-type-archive-product #left-area ul.products,.woof_products_top_panel{
    float:none;
    width:100%;clear:none!important;
    padding-left:40px!important;}

}


h1.woocommerce-products-header__title,
.product .related h2,
.et-db #et-boc .et-l .et_pb_wc_title h1 {
    font-family: 'Yellowtail', cursive;
    font-size:50px !important;
}

.product .related h2 {
    margin-top:50px;
}

.product .related h2.woocommerce-loop-product__title {
    font-size: 26px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.woocommerce .woocommerce-breadcrumb {
    margin-top:50px;
}

.woof_label_count {
    color: #007aa5;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
    border: none !important;
}

.woocommerce-result-count {
    display: none;
}

.woocommerce div.product form.cart .variations select {
    width:95% !important;
}

.orderby, .woocommerce div.product form.cart .variations td select {
  background-color: #ececec;
  border: none;
  border-radius: 3px;
  border-width: 0;
  color: #666 !important;
  font-size: 12px;
  padding: 4px 8px;
  font-weight: 500;
 font-family: 'Roboto Condensed', sans-serif !important;
}

.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span::after {
    display: none;
}

.formreservation .row{
    display: flex !important; 
    margin-bottom:20px; 
    gap:20px;
}

.formreservation .row1{
    display: flex !important; 
    margin-bottom:20px; 
    width: calc(100% + 20px);
}

.formreservation .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
}

.formreservation .col-md-12 {
    width: 100%;

}


.formreservation  input[type=text],
.formreservation  input[type=email] {
    width:100% !important;
    display: block;
}


.formreservation  input[type=text],
.formreservation  input[type=email]{
    padding:10px;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #007aa5 !important;
}

.formreservation  input[type=submit] {
      background: #007AA5;
      color: #fff;
      font-family: Open Sans,Arial,sans-serif;
      display: block;
      margin-top: 10px;
      padding:10px 0;
      width: 100%;
      border: none;
}