/*
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=Fira+Sans+Condensed:wght@100;200;300;400;500;600;700&display=swap');

body { position: relative;}
#page {position:relative; overflow-x:hidden;}
.container {max-width: 1260px;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #2d2d2d;
	font-family: 'Fira Sans Condensed', sans-serif;;
	font-size:16px;
	line-height: 1.3;
	font-weight:400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Fira Sans Condensed', sans-serif; margin:0;
	color: #2d2d2d;
	font-weight:400;
}


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

a:visited {
  color: #2d2d2d;
}

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

/**/
.entry-content .elementor-text-editor ul li {position: relative; padding-left:10px;}
.entry-content .elementor-text-editor ul li:before {content:''; background-color:#f1872f; width:4px; height:4px; border-radius:10px; position: absolute; top:8px; left:0;}

/*MENU*/
.main-navigation {padding-top:60px;}
.main-navigation ul:first-child > li > a {height:auto; line-height: 1;}
.main-navigation li {padding:0 10px;}
.main-navigation li:last-child {padding-right:0;}
.main-navigation li a {display:block; text-transform: none; font-weight: 400; font-size:15px; color:#fff; padding:10px 0; border-bottom:2px solid transparent;}
.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:#fff; border-color:#f1872f;}

.main-infos-navigation a {display:block; color:#d1d1d1; font-size:13px; padding-left:25px;}
.main-infos-navigation li {position:relative; padding-right:20px;}
.main-infos-navigation li:last-child {padding-right:0;}
.main-infos-navigation li:before {position:absolute; left:0; top:0; color:#d1d1d1; font-size:19px; }


#responsive-menu-container #menu-infos a {display: block; color: #d1d1d1; font-size: 13px; padding-left: 25px;}
#responsive-menu-container #menu-infos li {position: relative; margin-bottom:10px;}
#responsive-menu-container #menu-infos li::before { position: absolute; left: 0; top: 0; color: #d1d1d1; font-size: 19px;}

/* titres */
h1, h1.entry-title {font-size:70px; font-weight: 300;}
h2 {font-size:40px; font-weight:300;}
h2 > span {display:block; font-size:70px; font-weight:200;}
h3 {font-size: 25px;}
h2, h3, h4 {line-height: 1;}

.title2 {font-size:25px;}


/* boutons */
.elementor-element[data-widget_type="button.default"] a, .btn-primary {background:#f1872f; width:auto; padding:1.063rem 1.5rem; color:#fff!important; font-weight:400; border-radius:30px; min-width:180px; text-transform: none; font-size:16px; line-height: 1;}

a.btn_org, a.btn_org:visited {color:#f1872f;}
.btn_org:hover {text-decoration: underline;}

/*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*/
header {position: absolute; left:0; top:0; z-index: 2; width:100%;}
.menu-infos {position: absolute; right:40px; top:20px;}
.site-branding {position:absolute; top:20px; left:40px;}


/*FOOTER*/
#colophon { padding:40px 0 20px; background:transparent; }
#colophon h4 {font-size:20px; margin-bottom:20px;}
#colophon a {color:#8d8d8d;}
#colophon .current_page_item a, #colophon a:hover {color:#f1872f;}
.footer-menus a {font-size:15px;}
#menu-foot a, .foot-ctc a {line-height: 1.5rem;}

#menu-ml a, #menu-ml {font-size:11px;}
#menu-ml li:before {content:'|'; color:#8d8d8d; padding:0 10px;}
#menu-ml li:first-child:before {display:none;} 

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

#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;}

#responsive-menu-container a:focus, #responsive-menu-container a {outline: none !important;}

/*HOME*/
#slider_home {min-height:500px; height:100vh; color:#fff;}
#slider_home .titre {color:#fff;}
#slider_home .titre span {font-weight: 400; line-height: 1.3;}
#slider_home .item {height: 100%;}
#slider_home .slick-track, #slider_home .slick-list {height:100%;}
#slider_home .slick-arrow {left:calc(100% - 630px);}
#slider_home .slick-prev {top:calc(50% - 50px);}
#slider_home .item, #slider_home .container {position: relative;}
#slider_home .item .bg {position:absolute; top:0; left:0; width:100%; height:100%; transform: scale(1.1,1.1);}
.slider_home_wrap {position: relative;}
.scrolldown {position: absolute; bottom:40px; left:calc(50% - 630px); font-size:13px; color:#fff;}
.scrolldown:before {position:absolute; right:-20px; top:0; font-size:18px;}

#slider_home { overflow: hidden; }
#slider_home div.slick-active .bg {
  -webkit-animation: myMove 8s 1 ease-in-out;
  -moz-animation: myMove 8s 1 ease-in-out;
  -o-animation: myMove 8s 1 ease-in-out;
  -ms-animation: myMove 8s 1 ease-in-out;
  animation: myMove 8s 1 ease-in-out;
}
@keyframes myMove {
  from { transform: scale(1.0,1.0); }
  to { transform: scale(1.1,1.1); }
}
@-webkit-keyframes myMove {
  from { -webkit-transform: scale(1.0,1.0);}
  to { -webkit-transform: scale(1.1,1.1); }
}
@-o-keyframes myMove {
  from { -o-transform: scale(1.0,1.0);}
  to { -o-transform: scale(1.1,1.1); }
}
@-moz-keyframes myMove {
  from { -moz-transform: scale(1.0,1.0); }
  to { -moz-transform: scale(1.1,1.1); }
}
@-ms-keyframes myMove {
  from { -ms-transform: scale(1.0,1.0); }
  to { -ms-transform: scale(1.1,1.1); }
}

.infiniteslide li {padding:0 15px;}

#slider_expertises .item {padding:0 15px;}
#slider_expertises .item .ct {position:relative; width:100%; height: 600px; margin:0 auto;padding:20px; overflow: hidden;}
#slider_expertises .item .txt > div {position:absolute; bottom:60px; left:0; width:100%; padding:0 20px;}
#slider_expertises .item .txt {position:absolute; top:100%; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); padding:20px; color:#fff; transition: all 350ms ease;}
#slider_expertises .item:hover .txt {top:0;}
#slider_expertises .item:hover .titre {bottom:150px; opacity:0;}
#slider_expertises h3, #slider_expertises .titre {font-size:30px; color:#fff;}
#slider_expertises .titre {position: absolute; opacity:1; left:20px; bottom:70px; transition:all 500ms ease;}
#slider_expertises .slick-arrow {left:50%; top:-40px;}
#slider_expertises .slick-prev {left:calc(50% - 40px);}
#slider_expertises .slick-prev::before, #slider_expertises .slick-next::before {font-size:20px; color:#2d2d2d;}

#slider_rea {margin-bottom:40px;}
#slider_rea .slick-arrow {left:50%; bottom:-70px; top:auto;}
#slider_rea .slick-prev {left:calc(50% - 40px);}
#slider_rea .slick-prev::before, #slider_rea .slick-next::before {font-size:20px; color:#2d2d2d;}

/*AVIS*/
.temoin {font-size:20px; font-weight:300;}
.temoin .txt {position:relative; color:#8d8d8d; padding-bottom:30px; margin-bottom:25px;}
.temoin .txt:after {content:''; position:absolute; bottom:0px; left:0; width:75px; height:2px; background: #f1872f;}
.temoin > a {position: absolute; top:0; left:0; display: block; width:100%; height:100%;}

/*breadcrumb*/
.breadcrumb {background:none; padding:5px 0; color:#8d8d8d; font-size:15px; font-weight:300;}
.breadcrumb a {color:#f1872f;}

/*bloc projet*/
.item.projet {margin:20px 0;}
.item.projet .image {overflow: hidden;}
.item.projet .image img {transform:scale(1); transition: all 500ms ease; width: 100%; height: auto;}
.item.projet:hover .image img {transform:scale(1.05);}
.item.projet .infos .entry-title .title-projet {padding:15px 0; font-size:25px;}
.item.projet .infos .entry-description {font-size: 15px; color:#8d8d8d; font-weight:300;}
.item.projet .infos > .entry-link {margin-top:15px;}
.item.projet .infos > .entry-link a {color:#f1872f; font-size:15px;}


/*PAGE*/
.top {padding-top:190px; color:#fff; height:400px;}
.top .title-top {font-weight: 300; font-size:70px; color:#fff; text-transform: none;}


/*ARCHIVE*/
.content > .entry-description {font-size:30px; font-weight:300; text-align: center;}

.list-domaine img {width:100%; height: auto;}

/*SINGLE*/
.page-content, .entry-content, .entry-summary {margin:70px 0 0;}
.entry-content > .entry-title {font-size:70px; font-weight:300;}
.entry-content > .entry-description {font-size:30px; font-weight:300;}

.entry-domaine .bloc-cols h2 {font-size:25px; margin-bottom:15px; font-weight: 400;}
.entry-domaine .bloc-cols .txt {font-size:20px; color:#8d8d8d; font-weight: 300;}

/*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 {border-color:#bbbbbb; background:#fff; border-radius:3px;}
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 { background: #fff; border-color: #000; }
.form-control:focus {border-color:#343434; color: #343434;}

textarea.form-control {font-size:14px;}