/*
Theme Name: Dynamic Child
Theme URI: http://www.dynamic-creative.com/work/
Author: dynamic-creative.com
Author URI: http://dynamic-creative.com
Template: dynamic
Version: 1.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=Montserrat:wght@300;400;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

body {/*overflow-x:hidden;*/ position: relative;}
#page {position:relative; overflow-x:hidden;}
.container {max-width: 1260px;}
.f_mont {font-family: 'Montserrat', sans-serif;}
.f_play {font-family: 'Playfair Display', serif;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: 'Playfair Display', serif;
	font-size:16px;
	line-height: 1.3;
	font-weight:400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Playfair Display', serif; margin:0;
	color: #2b2b2b;
	font-weight:400;
}

.c_mar {color:#fca3bb;}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #2b2b2b;
}

a:visited {
  color: #2b2b2b;
}

a:hover,
a:focus,
a:active {
  color: #2b2b2b;
}

/**/
.entry-content {margin:0;}

.separ:before {content:''; position:absolute; top:-60px; left:50%; transform: translateX(-50%); background:#fca3bb; width:2px; height:120px; z-index: 2;}

/*MENU*/
.main-navigation {}
.main-navigation ul:first-child {}
.main-navigation ul:first-child > li {height:100%;}
.main-navigation ul:first-child > li > a {height:auto; line-height: 1; padding:10px 20px; height:100%; padding-top:30px;}
.main-navigation ul:first-child > li:last-child {padding-right:0;}

.main-navigation li a {text-transform: none; font-weight: 400; font-size:16px; color:#2a2a2a;}
.main-navigation li a:hover, .main-navigation li.current_page_item > a, .main-navigation li.current-page-ancestor > a, .main-navigation li.current-menu-item a {color:#fca3bb;}
.main-navigation .sub-menu li a:hover, .main-navigation ul ul li ul.sub-menu {background-color: transparent;}

.main-navigation .sub-menu {width:100%; padding-right: calc(50% - 630px); border:none; background-color:#fff; left: 0; padding-top:20px; padding-bottom:20px;}
/*.main-navigation .sub-menu:before {content:''; width:100%; position: absolute; left:0; height:100%;}*/
.main-navigation .sub-menu li a {border:none;}
.main-navigation ul li:hover > ul {}
.main-navigation ul ul {display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; top:91px;}
.main-navigation ul ul li {padding:0 15px; width:auto;}
.main-navigation ul ul li a {width:180px; padding:0; text-align: center;}

.menu-image-title-after.menu-image-not-hovered img {padding-right:0; margin-bottom:4px;}
.menu-image-title-after.menu-image-title { padding-left:0;}

#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover, #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {background-color:transparent!important; border-color:transparent!important; color:#fca3bb!important;}

/* titres */
h1, h1.entry-title {font-size:50px; font-weight: 400; font-family: 'Playfair Display', serif;}
h2 {font-size:50px; margin: 0; padding: 0; font-weight: 400;}
h3 {font-size:30px; margin: 0; padding: 0; font-weight: 400;}
.entry-title {color:#000; font-weight: bold; font-size:16px; font-family: 'Playfair Display', serif;}
h2, h3, h4 {line-height: 1;}

.title-right {color:#fca3bb; font-size:30px;}
.title-right span {display:block; font-size:.833em;}
.title-left span {display:block; font-size:.7em;}

/* boutons */
.btn-primary {background:transparent; color:#fca3bb!important; width:auto; padding:.562rem 1.5rem; font-weight:400; border-radius:3px; border:1px solid #fca3bb; font-size:25px; text-transform: none;}
.btn-primary:hover {border:1px solid #fca3bb;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {border:1px solid #fca3bb; background-color:transparent;}

.btn-secondary {background:#fca3bb; color:#fff; font-size:20px; font-family: 'Montserrat', sans-serif; border-color:transparent; text-transform: none;}
.btn-secondary:hover {border-color:transparent;}

/*pagination*/
.fab-pagination {
  margin: 40px -5px 20px -5px;
  /*-webkit-box-shadow: 0 -3px 0 0 #cccccc;
  box-shadow: 0 -3px 0 0 #cccccc;*/
  height: 40px;
    font-weight:600;
}
.fab-pagination span {
  line-height: 35px;
  height: 35px;
  padding: 0px 10px;
  /*-webkit-box-shadow: 0 -3px 0 0 #333333;
  box-shadow: 0 -3px 0 0 #333333;*/
  float: left;
    background:#b3065c; color:#fff;
    margin:0 5px;
}
.fab-pagination a {
  float: left;
  line-height: 35px;
  height: 35px;
  padding: 0px 10px;
    background:#b3b3b3; color:#fff;
    margin:0 5px;
}
.fab-pagination a:hover {background:#b3065c;}

/*ELEMENTOR*/
/*.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {padding: 10px 15px;}*/

/*HEADER*/
#masthead {position: relative; z-index: 10; padding:10px 0; border-bottom:1px solid #fca3bb;}
#masthead.sticky {position: fixed; top:0; left:0; width:100%; background:rgba(255,255,255,0.9);}
#masthead.sticky #blogname img {height:50px; width:auto;}
#masthead.sticky .main-navigation ul:first-child > li > a {padding-top:10px;}
#masthead.sticky .main-navigation ul ul { top: 60px; }

.menu-resp {text-align: center;}
.menu-resp .btn-primary {padding: .562rem 1.5rem!important;}
.menu-resp .social a {margin:0 2px!important;}

/*FOOTER*/
#colophon {position:relative; padding:70px 0 40px; background:#000; color:#fff; }
#colophon .menu-foot a {color:#fff;}
.menu-foot li {position: relative; padding:0 10px;}
.menu-foot li:after {content:'|'; position: absolute; top:50%; transform:translateY(-50%); right:-1px;}
.menu-foot li:last-child:after {display:none;}
.menu-foot li:last-child {padding-right:0;}
.menu-foot li:first-child {padding-left:0;}
.copyright, #colophon .copyright a {color:#9c9c9c;}
.tt-join {font-size:35px; color:#fca3bb;}

#menu-menu-ml li {padding:0 5px;}
#menu-menu-ml li:last-child {padding-right:0;}


/*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;}

/*SLIDER TOP*/
.bloc_top {position: relative; }
.bloc_top-titre {position:absolute; top:50%; transform: translateY(-50%); left:0; z-index: 2; width:100%;}
.title_top {font-size:30px; max-width: 600px;}
.tt1 {display:inline-block; background:url(img/fd-titre.jpg); color:#fff; line-height: 1.3; padding:3px 5px 9px;}
.tt2 {display:inline; background:#fff; line-height: 1.3; padding:3px 5px;}
.bloc_top img {max-width: none;}

/*HOME*/
.slider-cat {width:1050px; margin:0 auto;}
.slider-cat .item { position:relative; width:350px; padding:30px 0; opacity: 1; transition: opacity 300ms ease;}
.slider-cat .item .ct { transition: all 300ms ease; width:350px; height:auto; position: relative;}
.slider-cat .item img { width:100%; height: auto;}
.slider-cat .item:not(.slick-center) {opacity: 0.4;}
.slider-cat .item.slick-center {z-index: 1000;}
.slider-cat .item.slick-center .ct { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08);
    color: #e67e22; opacity: 1; transform: scale(1.08);}
.slider-cat .title {position:absolute; bottom:0; left:0; background:rgba(252,163,187,0.9); color:#fff; font-size:30px; padding:15px; margin:0; width:100%; text-align: center;}
.slider-cat .item a {position: absolute; top:0; left:0; width:100%; height:100%;}
.slider-cat .slick-prev:before {content: "\e023"; padding-right:10px;}
.slider-cat .slick-next:after {content: "\e024"; padding-left:10px;}
.slider-cat .slick-next:before {display:none;}
.slider-cat .slick-prev, .slider-cat .slick-next { top:110%; transform: none; width:150px; color:#2b2b2b; line-height: 1; font-size:20px; padding:0 10px; z-index: 2;}
.slider-cat .slick-prev::before, .slider-cat .slick-next::after {font-size:13px; opacity: 1; color:#2b2b2b; font-family: "assets-glyph";}
.slider-cat .slick-prev {left:50%; transform:translateX(-100%); text-align:right;}
.slider-cat .slick-next {right:50%; transform:translateX(100%); text-align:left;}
.slider-cat .slick-prev:hover, .slider-cat .slick-prev:focus, .slider-cat .slick-next:hover, .slider-cat .slick-next:focus {color:#2b2b2b; opacity: 0.8}

.slick-prev:after {content:''; position:absolute; top:-40px; right:-1px; background:#fca3bb; width:2px; height:90px; }

#map {height: 400px; width:100%;}


#bloc-insta {padding:30px 0;}
#instafeed {width:90%; margin: 0 auto;}
#bloc-insta .item {padding:5px; width:25%; text-align: center;}
#bloc-insta img {max-width: 200px;
    max-height: 100%; width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;";
}


/*CONTACT*/
span.wpcf7-list-item {margin:0;}


/*ARCHIVE*/


/*SINGLE*/

/*BOUTIQUE*/
.item-mag, .item-txt {margin-top:15px; margin-bottom:15px;}
.item-mag .ct {position: relative; font-family: 'Montserrat', sans-serif;}
.item-mag h2 {color:#fca3bb; text-transform: uppercase; font-size:25px; font-family: 'Montserrat', sans-serif; }
.item-mag .adr {color:#fff; font-size:20px; opacity:0; transition:all 350ms ease;}
.item-mag .txt {position: absolute; bottom:0; max-height:80px; background:rgba(0,0,0,0.5); left:0; width:100%; padding:20px 35px; transition:all 350ms ease;}
.item-mag .ab {position: absolute; right:35px; top:9px;}
.item-mag .ct:hover .txt {max-height:150px;}
.item-mag .ct:hover .adr {opacity: 1;}
.item-mag .ct .img {position: relative;}
.item-mag .ct .img img {transition: all 350ms ease;}
.item-mag .ct .img .img_int {visibility: hidden; opacity: 0;}
.item-mag .ct .img .img_ext {visibility: visible; opacity: 1; position: absolute; top:0; left:0;}
.item-mag .ct:hover .img .img_int {visibility: visible; opacity: 1;}
.item-mag .ct:hover .img .img_ext {visibility: hidden; opacity: 0;}

/*PRODUIT*/
.item-product-txt, .item-product-img {margin-top:15px; margin-bottom:15px;}

/*404*/
.error404:before {height:600px; -webkit-transform: skewY(-6deg); transform: skewY(-6deg);}
.error404 .title1 {margin:0;}
.error404 .page-content {margin:10px 0 40px; font-size:24px;}


/*---------------------------------------------------------------

/*FORM*/
.form-control-lg:not(textarea) {border:none; border-bottom:2px solid #d8d8d8; background:transparent; border-radius:0; padding: .5rem 0; font-family: 'Montserrat', sans-serif;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color:#343434;}
.form-control-lg:focus:not(textarea) { background: transparent; border-color: red; }
.form-control:focus {}

textarea.form-control {font-size:14px; border-width: 2px; border-color:#d8d8d8; background:#fff; font-family: 'Montserrat', sans-serif;}
textarea.form-control-lg:focus {background:#fff; border-color: red;}
label {font-family: 'Montserrat', sans-serif;}

.custom-file {height:60px;}
.custom-file-label::after {content:'Ouvrir'; height:58px; line-height: 58px; padding:0 15px; background:#fff;}
.custom-file-input, .custom-file-label {height:60px; line-height: 60px; padding: 0 15px; color:#fff;}
.custom-file-label {background:#919191; border-color:#919191; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 80px; margin:0 7px;} 
.select:after {content: "\2e"; font-family: "assets-glyph"; right:15px; position:absolute; top:21px; pointer-events: none; color:#dedede;}
