/*
Theme Name: Dynamic Child
Theme URI: http://www.dynamic-creative.com
Author: dynamic-creative.com
Author URI: http://dynamic-creative.com
Template: dynamic
Version: 2.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dynamic-child
Tags: one-column
Description: Dynamic Theme Child custom
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Poppins:wght@300;400;600;700&display=swap');

:root {
    --main-text-size: 16px;
    --main-p-size: 20px;
    --main-h1-size: 40px;
    --main-h2-size: 30px;
    --main-h3-size: 20px;
    --main-text-color: #232323;
    --main-title-color: var(--main-text-color);
    --main-second-color: #7ecc2a;
    --main-footer-color: var(--main-text-color);
    --main-third-color:#1764be;
    /*--main-fourth-color:#f7f7f7;*/
    /*--main-fifth-color:#00a3d7;*/
    --main-text-font: 'Poppins', sans-serif;
    --main-title-font: 'Noto Serif', serif;
    --main-icon-font: 'assets-glyph-2019';
    --main-bg-color: #f7f7f7;
    --color-bt-1 : #ff8000;
    --color-bt-2 : var(--main-second-color);
    --color-bt-3 : var(--main-third-color);
    --color-bt-4 : #febb22;
    --field-height : 50px;
}

body { position: relative; background-color:var(--main-bg-color);}
#page {position:relative; overflow-x: hidden; max-width: 1920px;}
.container {max-width: 1260px;}
.semi {font-weight: 500;}
.hidden {display:none!important;}


/*.f_title {font-family: var(--main-title-font);}*/
.f_text {font-family: var(--main-text-font);}
.c_col-first, .c_col-first a {color:var(--main-title-color);}
.c_col-second, .c_col-second a {color:var(--main-second-color);}
.c_col-title, .c_col-title a {color:var(--main-title-color);}
.c_col-white {color:#fff;}
.bg-gris {background-color:var(--main-bg-color);}
.bg-white {background-color:#fff;}
.p100 {padding-top:100px; padding-bottom:100px;}

/*--------------------------------------------------------------
RESET
--------------------------------------------------------------*/
.container-fluid.p-0 > .row {margin-left:0!important; margin-right:0!important;}
ul {padding-left :0; margin:0;}



.content {position: relative;}

.divider li:after {content:'|'; padding:0 5px;}
.divider li:last-child:after {display:none;}

.ico {position: relative; padding-left:25px;}
.ico span[class^="icon-"] {display:block; position: absolute; top:0; left:0; font-size:20px;}

:focus { outline: none; }

body, button, input, select, textarea {font-family: var(--main-text-font); line-height: 1.4; font-weight: 400; font-size:var(--main-text-size);}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--main-title-font); margin:0;
	color: var(--main-text-color);
	font-weight:400;
}


/*--------------------------------------------------------------
LINKS
--------------------------------------------------------------*/
a, .entry-content .entry-title a {
  color: var(--main-text-color); text-decoration: none;
}

a:visited, .entry-content .entry-title a:visited {
  color: var(--main-text-color);
}

a:hover,
a:focus,
a:active, .entry-content .entry-title a:hover {
  color: var(--main-second-color);
}

a:focus, button:focus {outline:none;}

.entry-content a:not(.btn), .entry-content a:not(.btn):visited { color: var(--main-second-color); }
.entry-content a:not(.btn):hover, .entry-content a:not(.btn):focus, .entry-content a:not(.btn):active { color: var(--main-text-color); }

/*--------------------------------------------------------------
TITLE
--------------------------------------------------------------*/
h1, .page-title, .entry-title {font-size:var(--main-h1-size); color:#fff; font-weight: 600;}
h2 {font-size:var(--main-h2-size);}
h3 {font-size:var(--main-h3-size);}

.title_1  {font-size:var(--main-h2-size); color:var(--main-second-color)!important; font-weight:700; font-family:var(--main-title-font);}



/*--------------------------------------------------------------
MENU
--------------------------------------------------------------*/
#colophon .current_page_item a, #colophon a:hover, #colophon .current-lang a {color:var(--main-text-color);}
.main-navigation li a:hover, .main-navigation li.current_page_item > a, .main-navigation li.current-page-ancestor > a { color: var(--main-text-color); }
.main-navigation li {position: relative;} 
#menu-menu-principal > li > a {color:var(--main-text-color); padding:10px; font-size:14px;}
.main-navigation li.mobilelink {display:none;}




/*sous menu*/
#menu-menu-principal > li .sub-menu {background: #fff; padding:0;}
#menu-menu-principal > li > .sub-menu::before {content: ""; display: block; width: 0; height: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -6px; left: 50%; transform: translateX(-50%);}
.sub-menu .menu-item-has-children > a {position: relative; display:block;}
.sub-menu .menu-item-has-children > a:before {content:'\f054'; font:var(--fa-font-solid); position: absolute; right:5px; top:50%; transform:translateY(-50%); font-size:14px;}
#menu-menu-principal > li .sub-menu a {padding:5px 10px; font-size:14px; display:block;}
#menu-menu-principal > li .sub-menu a:hover {background:var(--main-third-color); color:#fff;}
#menu-menu-principal > li > .sub-menu {visibility:hidden; opacity:0; position:absolute; top:30px; left:50%; transform:translateX(-50%); width:250px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);}
#menu-menu-principal > li:hover > .sub-menu {visibility:visible; opacity:1; transition:all 350ms ease;}
#menu-menu-principal > li > .sub-menu .sub-menu {visibility:hidden; opacity:0; position:absolute; left:250px; top:0; background: #fff; width:250px;}
#menu-menu-principal > li > .sub-menu > li:hover > .sub-menu {visibility:visible; opacity:1; transition:all 350ms ease;}

/*
#menu-menu-principal > li > .sub-menu > li {width:230px;}
.sub-menu {margin:0;}
#menu-menu-principal > li > .sub-menu:before {content:''; position:absolute; top:-8px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white;}
#menu-menu-principal > li > .sub-menu > li > a {display:block; margin-bottom:20px;}
.nolink > a {pointer-events: none; color:#b1b1b1!important;}
#menu-menu-principal > li > .sub-menu li:not(.nolink) a {color:var(--main-text-color)!important; font-size:14px;}
#menu-menu-principal > li .sub-menu a:hover {color:var(--main-second-color)!important;}
#menu-menu-principal > li > .sub-menu > li li {margin-bottom:10px;}*/


/*mobile menu*/
.headtop .main-navigation ul ul {top:60px;}
.formobile {display:none;}
#bt_mobile {display:none; position:fixed; top:-10px; right:-10px; transform:scale(.62); z-index: 1100;}
.btmenumobile {background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0;}
.line { fill: none; stroke: black; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.line1 { stroke-dasharray: 60 207; stroke-width: 6;}
.line2 { stroke-dasharray: 60 60; stroke-width: 6;}
.line3 { stroke-dasharray: 60 207; stroke-width: 6;}
.menuopened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6;}
.menuopened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6;}
.menuopened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6;}

@media screen and (max-width: 1120px) {
    /**/
    #bt_mobile {display:block;}
    #site-navigation-top {display:none;}
    #site-header-cart {margin-right:80px;}
    .main-navigation li.mobilelink {display:block;}
    #site-navigation {display:flex; position:fixed; top:0; left:0; width:100%; min-height:100vh; height:100%; background:#fff; transition:all 350ms ease; z-index: 2; opacity: 0; visibility: hidden; overflow: auto;}
    
    .menu-item-has-children > div .sub-menu {margin-left:12px;}
    #menu-menu-principal {display:block!important; margin:auto 0;}
    #menu-menu-principal > li > a {color:var(--main-text-color);}
    .sub-menu .menu-item-has-children > a:before {display:none;}
    #menu-menu-principal > li .sub-menu li:not(.nolink) a {color:var(--main-text-color)!important;}
    .wrap > .sub-menu {padding:10px;}
    #menu-menu-principal > li .sub-menu li.current-menu-item:not(.nolink) a, #menu-menu-principal > li .sub-menu li.current_page_item:not(.nolink) a, #menu-menu-principal > li .sub-menu li:not(.nolink) a:hover, #menu-menu-principal > li.current_page_item > a,  #menu-menu-principal > li.current-page-ancestor > a {color:var(--main-second-color)!important;}

    
    .menuopened {overflow:hidden;}
    .menuopened #site-navigation {opacity: 1; visibility: visible;}
    
    #menu-menu-principal > li > a {display:block; font-size: 18px;}
    .menu-image-title-after.menu-image-title {font-size:16px;}
    .main-navigation ul.sub-menu ul li {margin-bottom:6px;}
    .nolink > a {font-size:18px; text-transform: uppercase; margin-bottom:10px;}
}

@media screen and (max-width: 380px) {
    #menu-menu-principal > li > a {font-size: 14px;}
    .menu-image-title-after.menu-image-title {font-size:13px;}
    .menu-image-title-after.menu-image-not-hovered img {width:40px; height:auto;}
    .main-navigation ul.sub-menu ul li {margin-bottom:3px;}
    .nolink > a {font-size:14px; margin-bottom:5px;}
}

/*menu top*/
#site-navigation-top li {padding:0 5px;}

/*--------------------------------------------------------------
BOUTON
--------------------------------------------------------------*/
.btn.focus, .btn:focus { box-shadow: none!important; }

.elementor-element[data-widget_type="button.default"] a.elementor-button, .btn-success { background: var(--color-bt-3)!important; border: none !important; color:#fff!important; font-size:16px; font-weight:500; padding: .75rem 1.2rem; border-radius:30px; line-height: 1;}
.elementor-element[data-widget_type="button.default"] a.elementor-button:visited, .btn-success:visited {color:#fff;}
.elementor-element[data-widget_type="button.default"] a.elementor-button:hover, .btn-success:hover {opacity: 0.8;}

.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button, .btn-primary, .btn_primary a { background: var(--color-bt-1)!important; border: none !important; color:#fff!important; font-size:16px; font-weight:500; padding: .75rem 1.2rem; border-radius:30px; line-height: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:visited, .btn-primary:visited, .btn_primary a:visited {color:#fff;}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:hover, .btn-primary:hover, .btn_primary a:hover {opacity: 0.8;}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus {}

.btn-white {border-color:#fff; color:#fff!important;}
.btn-white:hover, .btn-white.focus, .btn-white:focus {background:#fff; color:var(--main-text-color)!important; border-color:#fff;}

.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button, .btn-secondary {background: var(--color-bt-2)!important; border: none !important; color:#fff!important; font-size:16px; font-weight:500; padding: .75rem 1.2rem; border-radius:30px; line-height: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button:visited, .btn-secondary:visited {color:#fff;}
.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button:hover, .btn-secondary:hover {opacity: 0.8;}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:focus {}

 .elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button, .btn-light, .btn_light a { background: var(--color-bt-4)!important; border: none !important; color:#fff!important; font-size:16px; font-weight:500; padding: .75rem 1.2rem; border-radius:30px; line-height: 1;}
 .elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button:visited, .btn-light:visited, .btn_light a:visited {color:#fff;}
 .elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button:hover, .btn-light:hover, .btn_light a:hover {opacity: 0.8;}
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:focus {}

 .elementor-element[data-widget_type="button.default"].elementor-button-danger a.elementor-button, .btn-danger {background: #fff!important; border: 1px solid #cdcdcd !important; color:var(--main-text-color)!important; font-size:16px; font-family:var(--main-title-font); font-weight:500; padding: .687rem 1.2rem; border-radius:30px; line-height: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-danger a.elementor-button:visited, .btn-danger:visited {color:var(--main-text-color);}
.elementor-element[data-widget_type="button.default"].elementor-button-danger a.elementor-button:hover, .btn-danger:hover {opacity: 0.8;}


 .btn:focus {box-shadow: none!important;}

.btn_light a, .btn_primary a {display:block;}


/*Bootstrap 5*/
.btn.disabled, .btn:disabled, fieldset:disabled .btn {pointer-events: auto; border-color:var(--main-third-color); }

/*--------------------------------------------------------------
ELEMENTOR
--------------------------------------------------------------*/
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {padding:12px;}
.elementor-editor-active header {display:none;}
/*.elementor-text-editor h3, .elementor-text-editor h2 {margin-bottom:5px; margin-top:20px;}
.elementor-text-editor h2 {color:var(--main-second-color);}
.elementor-text-editor h3 {font-style: italic; font-size:20px; font-weight: 400 ;margin-bottom:10px;}*/
.elementor-widget-text-editor ul {margin:10px 0; padding:0; list-style: none;}
.elementor-widget-text-editor ul li:before {content:'\f111'; position:absolute; left:0; top:7px; color:var(--main-second-color); font-size:8px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal;
text-rendering: auto; line-height: 1;}
.elementor-widget-text-editor ul li {position: relative; padding-left:15px;}
.elementor-widget-image a img[src$=".svg"] { width: 100%!important; }

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
#masthead {transition:all 350ms ease; padding:20px 0; position: relative; z-index: 10;}

.bloc-breeadcrumb {padding:10px 0;}
#breadcrumbs {font-size:14px;}
#breadcrumbs a {color:var(--main-second-color); font-size:14px;}
.bloc-breeadcrumb.c_white #breadcrumbs a {color:#fff;}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/


/*--------------------------------------------------------------
SITE
--------------------------------------------------------------*/
/*HOME*/



/*PAGE*/
article header .container > .ct {padding:45px 40px;}

/*SINGLE*/


/*CTC*/


/*ACTU*/
.item-actu .item-date {font-size:14px;}
.item-actu h2.entry-title {font-size:20px; color:var(--main-text-color); margin:0;}
.item-actu h2.entry-title a {color:var(--main-text-color)!important;}
.item-actu p {margin:0; font-size:16px;}

/*404*/


/*--------------------------------------------------------------
LOOP
--------------------------------------------------------------*/
.h606 {min-height:606px;}
.h404 {min-height:404px;}
.item-parent-page h2 {color:#fff; font-weight:700;}
.item-parent-page .ct {position:relative; padding:24px; height:100%; color:#fff; background-size: cover;} 
.item-parent-page .ct:before {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.item-parent-page .ct > div {position: relative;}

.item-timeline .entry-title a, .item-timeline .entry-title a:visited {color:var(--main-text-color);}
.item-timeline.active {border:1px solid #000;}
.img {overflow:hidden;}
.img img {transform:scale(1); transition:all 350ms ease;}
.img:hover img {transform: scale(1.03);}


/*--------------------------------------------------------------
PLUGIN
--------------------------------------------------------------*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border:none; text-align: center; color:#b3065c;}
div.wpcf7-response-output {margin:0;}
span.wpcf7-not-valid-tip {font-size:12px;}

#scrollUp {z-index: 997!important;}

.slick-track {
  display: flex!important;
}
.slick-track .slick-slide {
  display: flex!important;
  height: auto;
}

/*store locator*/
.wpsl-search {background: #7bcb24; color:#fff; padding:12px;}
input#wpsl-search-btn {background: var(--color-bt-3)!important; border: none !important; color:#fff!important; font-size:16px; font-weight:500; padding: .75rem 1.2rem; border-radius:30px; line-height: 1;}
#wpsl-category, .wpsl-input, .wpsl-select-wrap {margin-bottom:0;}
#wpsl-search-wrap div label {line-height: 1.2; float:none;}
.wpsl-input label, #wpsl-radius label, #wpsl-category label {width:auto!important;}
#wpsl-search-btn, #wpsl-search-wrap div {float:none;}
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap, #wpsl-search-wrap form, #wpsl-radius, #wpsl-results {display:flex; align-items: center;}
#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label {display:flex; align-items: center;}
#wpsl-search-wrap form {justify-content: space-between;}

/*--------------------------------------------------------------
FORM
--------------------------------------------------------------*/
form {
    --c1 : var(--main-text-color);
    --c2 : #ced4da;
    --c3 : #fff;
    --f1 : 16px;
    --rad : 0.25rem;
    --padding : 1rem 1rem;
    --height : 50px;
}
/*bootstrap*/
.form-control:focus, .form-select:focus {box-shadow: none; border-color:inherit;}

/*woocommerce*/
.input-text {height:var(--height); color:var(--c1); background:var(--c3); border: 1px solid var(--c2); border-radius: var(--rad); padding: var(--padding); font-size:var(--f1); transition:all 350ms ease;}
.input-text.qty {padding:1rem .2rem; height:var(--height)!important;}
.select2-container--default .select2-selection--single {background:var(--c3); border: 1px solid var(--c2); border-radius: var(--rad); height:var(--height); padding: .65rem .5rem 0; font-size:var(--f1);}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:12px; right: 10px;}
.woocommerce button.button:not(.single_add_to_cart_button) {margin-top:30px;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {top:0.3em;}
.woocommerce fieldset {margin-top:30px;}

/**/
.ast {font-size:12px;}
textarea.form-control {font-size:14px; min-height:300px;}

div.wpcf7 .ajax-loader {position: absolute; top: 50%; transform: translateY(-50%); left: -40px;}
.acceptance span.wpcf7-list-item {margin:0;}

.wpcf7-form > .ml {color:#7d7d7d; font-size:12px;}
.wpcf7-date input::before {
	content: "Date";
	margin-right: 10px;
}
.wpcf7-list-item {margin:0;}
.form-group.select:after {content:'\67'; font-family: "pepiniere"; position: absolute; right:20px; top:50%; transform:translateY(-50%);}

/*PAGINATION*/
.fab-pagination {margin:30px 0; text-align: center;}
.fab-pagination .current, .fab-pagination > a {display:inline-block; border-radius:40px; width:40px; height:40px; font-weight: 400; font-size:16px; padding-top:8px; margin:0 5px; border:1px solid var(--main-second-color); }
.fab-pagination > a:hover, .fab-pagination .current {background:var(--main-second-color); color:#fff;}
.fab-pagination > a {background:transparent; color:var(--main-second-color); transition:all 350ms ease;}