@font-face {
    font-family: 'Abygaer-Regular';
    src: url('../fonts/Abygaer-Regular.woff2') format('woff2'),
        url('Abygaer-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('Roboto-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
		url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('Roboto-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('Roboto-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, ul, li {margin:0; padding:0; font-family:'Roboto-Light';}
html, body {height:100%;}

h1 {font-family:'Abygaer-Regular'; font-weight:100; font-size:2.4em; letter-spacing: 0.01em;}
h2, p + h2 {font-family:'Roboto-Light'; font-weight:100; font-size:2.2em; margin:0 0 20px 0; padding:0;}
h3, h2 + h3, ul + h3 {font-family:'Roboto-Light'; font-weight:100; font-size:1.6em; margin:0 0 .4em 0; padding:0; border:0;}
ul + h3 {margin:.4em 0; }
h4, h3 + h4 {font-family:'Roboto-Light'; font-weight:100; font-size:1.4em; margin:0 0 .4em 0; padding:0; border:0; line-height: 1.1em;}
h5 {font-family:'Roboto-Light'; font-weight:100; font-size:1.2em; margin:0 0 .4em 0; padding:0; border:0; line-height: 1.1em;}
a {outline: none !important}
p, li {line-height:1.5em; font-size:1em;}
ul#menu-primary-menu li {font-size:1em;}
a:hover {color:#df5d3e}
span.edit-link {display:inline-block; margin-top:2em;}
a.social-link-std, .hentry .entry-content a.social-link-std {font-size:1.5em; padding:0 16px 0 0; color:#000; text-decoration:none;}
a.social-link-std:hover, .hentry .entry-content a.social-link-std:hover {color: #df5d3e;}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky { position:fixed; top:0; width:100%; background-color:rgba(229, 229, 229, 1); transition: all 1s ease-out; animation:slide-down 1s;}
body.admin-bar .sticky { top:32px; }
@keyframes slide-down {
	0% 	 { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}

.woocommerce-breadcrumb {font-family: 'Roboto-Light';}

.site-header {background-color:#FFF3D4; border-bottom-color:#FFF3D4; margin:0; padding:0;}
.site-branding .site-title a, #header-logo a {font-family:'Abygaer-Regular'; font-weight:100; letter-spacing: 0; color:#df5d3e; font-size:40px;}
#header-logo a {font-size:0px; display:inline-block; width:70px; height:64px; background-image: url("../images/logo-floral.png"); background-size:contain; background-repeat:no-repeat; background-position:center;}
body.page-template-template-homepage #header-logo a {font-size:40px; background:none; }
#header-logo {display:flex; align-items:center; margin-right:10px; position:absolute; height:73px; z-index: 999999;}
#header-nav {display:flex; justify-content:space-between;}
#header-nav-side {}
#header-banner-holder {background-color:#FFF3D4; padding:25px 0 40px 0;}
#header-banner-holder, #header-banner {display:none;}
body.page-template-template-homepage #header-banner-holder, body.page-template-template-homepage #header-banner {display:flex; width:100%; flex-direction:column; align-items:center;}
#header-banner-logo {display:inline-block; width:300px; height:135px;}
#header-banner h1, #header-banner p {text-align:center; margin:0; padding:0; }
#header-banner h1 {margin:0 0 4px 0;  }
#header-banner p {line-height: 1.2em; font-size:1em;}

#footer {display:flex; flex-wrap:wrap; justify-content:space-between;}
#footer-menu {width:66%}
#footer-social-links {width:33%}
.site-footer a {color:#2c2d33; text-decoration:none; font-size:.9em; font-family: 'Roboto-Light';}
ul#menu-footer-menu {list-style:none; padding:0; margin:0;}
.site-footer ul#menu-footer-menu a:hover {text-decoration:underline;}
.site-footer .social-link {font-size:2.5em; margin:0 16px 0 0;}
#footer-menu-email, #social-instagram, #social-facebook  {display:inline-block; position:relative; width:40px; height:40px;  background-size:contain; background-repeat:no-repeat; background-position:center;}
#footer-menu-email {margin-right: 10px;}
/* #social-instagram {background-image: url("../images/icon-insta.png")} */
/* #social-facebook {background-image: url("../images/icon-facebook.png"); width:20px; background-size:cover;} */
#footer-menu-email i, #social-instagram i, #social-facebook i{display:inline-block; margin:0; position:relative; top:-4px;font-size:30px;}
#social-instagram i {top:-6px; font-size:28px;}
#social-facebook i {top:-8px; font-size:24px;}
#social-instagram.social-link  {margin-right: 4px;}


h2#home-news-carousel-title {margin: 0 0 8px 12px;}

.form-button, #mailchimp-footer-form input[type="submit"] {background-color:#96CCD6; color:#fff; padding:6px 12px; display:inline-block; line-height: 16px;}
.form-button:hover, #mailchimp-footer-form input[type="submit"]:hover {background-color:#df5d3e}
.form-field, #mailchimp-footer-form input[type="email"] {padding:6px; background-color:#fff; border:0;}
.form-field, #mailchimp-footer-form input[type="email"]:focus {border:0; outline:none;}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {color:#96CCD6;}
.site-header ul.menu li.current-menu-item > a {font-family: roboto-bold;}
body.projet-template-default #menu-item-72 > a  {color: #96CCD6; font-family: roboto-bold;}
body.brols-template-default #menu-item-142 > a  {color: #96CCD6; font-family: roboto-bold;}
.secondary-navigation ul.menu a:hover {color:#96CCD6;}
button.menu-toggle, button.menu-toggle:hover {background-color:transparent; border:0; margin:0 2.617924em; top:22px; font-family:'Roboto-Light';}
button.menu-toggle:hover span {color:#96CCD6; }
button.menu-toggle:hover::before, button.menu-toggle:hover span::before, button.menu-toggle:hover::after {background-color:#96CCD6; transition:0;}

.infoblock-item-holder {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-bottom:7em;}
.infoblock-item-picture {width:32%; }
.infoblock-item-data {width:50%; display:flex; flex-direction:column; justify-content:center;}
.infoblock-item-url a {background-image: url("../images/arrow-cta.png"); text-decoration: none !important; color: #000; background-size:contain; background-repeat:no-repeat; background-position:center right; padding: 0 35px 0 0;}
.infoblock-item-url a:hover {font-family: roboto-bold;}

.news-item-holder {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin-bottom:7em;}
.news-item {display:flex; flex-direction:column; width:100%; align-items: center;}
.news-item-card {width:92%;}
.news-item-picture {margin-bottom:1em; height:212px; overflow:hidden;}
.news-item-picture img {object-fit: cover; width:100%; height:100%;}
.news-item-data {text-align:center; }
a.news-item {color:#222;}

.projects-item-holder {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin:5em 0 3em;}
.project-item {display:flex; flex-direction:column; width:32%; margin-right:2%;}
.project-item:nth-child(3n) {margin-right:0;}
.project-item-picture {margin-bottom:1em; width:100%; height:212px; overflow:hidden; background-color: #e5e5e5;}
.project-item-picture img {object-fit: cover; width:100%; height:100%;}
.project-item-data {text-align:center;}
a.project-item {color:#222;}

.brols-item-holder {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin: 0 0 3em}
.brol-item {display:flex; flex-direction:column; width:32%; margin: 0 2% 2% 0;}
.brol-item:nth-child(3n) {margin-right:0;}
.brol-item-picture {margin-bottom:1em; width:100%; height:170px; overflow:hidden; background-color:#96CCD6;}
.brol-item-picture img {object-fit: cover; width:100%; height:100%;}
.brol-item-data {text-align:center; min-height:42px;}
a.brol-item {color:#222;}

.clients-item-holder {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin:1em 0 3em;}
.client-item {display:flex; flex-direction:column; width:18%; margin-right:2%; margin-bottom:20px; text-decoration: none !important; background-color: #f0f0f0; transition: all 150ms ease;}
.client-item:hover {background-color: #df5d3e; color:#fff; transition: all 150ms ease;}
.client-item:hover h3 {color:#fff;}
.client-item:nth-child(5n) {margin-right:0;}
.client-item-picture {width:100%; height:120px; overflow:hidden; background-color: #e5e5e5;}
.client-item-picture img {object-fit: cover; width:100%; height:100%;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;}
.client-item:hover .client-item-picture img {transform: scale(1.2); transition: all 150ms ease; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}
.client-item-data {text-align:center; padding:0 15px; line-height:1.2em; min-height:50px; display:flex; justify-content:center; align-items:center;}
a.client-item {color:#222;}

body.single-projet .storefront-breadcrumb {display:none;}
body.single-projet .storefront-breadcrumb#storefront-breadcrumb-project {display:inline-block; margin-bottom:1em;}

#project-banner-outer {background-color: #f0f0f0; margin-bottom: 3em;}
#project-banner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#project-picture-slider {width:60%; margin: 40px 0; min-height:336px;}
#project-picture-slider .slides img {width:100%; heigth:auto;}
#project-banner-headings {width:33%;}
#project-banner-headings h1 {}
#project-banner-headings h3 {}
#project-banner-headings #project-summary {}

#project-content {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom: 1.5em;}
#project-body {width:60%;}
#project-side-column {width:33%;}
#project-side-column #project-side-column-body {}
#project-side-column #project-side-column-body ul.side-links.files {}
#project-side-column #project-side-column-body ul.side-links internal-links {}
#project-side-column #project-side-column-body ul.side-links external-links {}
ul.side-links {list-style:none;}
ul.side-links li {padding:6px 0; line-height:1em;}
ul.side-links.files li a, ul.side-links.internal-links li a, a.cta-button {background-color:#96CCD6; color:#fff; padding: 6px 12px; border-radius: 12px; display: inline-block; line-height: 16px;}
ul.side-links.external-links li a:hover {color:#df5d3e}
ul.side-links.files li a:hover, ul.side-links.internal-links li a:hover, a.cta-button:hover {background-color:#df5d3e; color:#fff}

body.brols-template-default h1 {margin-bottom: 5px;}
body.brols-template-default p.publication {font-family:'Roboto-Light';}




@media(min-width: 768px) {
	.main-navigation ul li, .secondary-navigation ul li {font-family: 'Roboto-Light';}
 	.woocommerce-active .site-header .main-navigation {width:auto; float:none; margin-right:0; margin-left: 80px;}
	.main-navigation ul.menu, .main-navigation ul.nav-menu {margin-left: 0;}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {padding: 1.618em .6em;}
	.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color: #f0f0f0; top:55px;}
	.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {background-color: rgb(255, 255, 255);}
	.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {padding:.2em 1em; font-weight:100; font-size:1em;}
	.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after {display:none !important;}
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {width:auto; float:none; margin-right:0;}
	.secondary-navigation ul.menu a {color: #404040; padding: 1.618em .6em; font-size: 1.2em; line-height: 1.34; font-weight: 400;}
	.storefront-full-width-content .woocommerce-products-header {text-align:left;}
}
@media (max-width: 66.4989em) {
	.menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {display: block;}
	.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color:transparent; top:0; position:relative; float: none;}
	.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus { background-color:transparent;}
	.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {padding:0 0 10px 0; font-family: 'Roboto-Light';}
	.main-navigation ul.menu > li.menu-item-has-children > a::after {display:none;}
	.main-navigation ul ul, .secondary-navigation ul ul {left: 0; margin-left:0;}
	.main-navigation ul ul li a, .secondary-navigation ul ul li a {width:100%;}
	.handheld-navigation ul.menu .sub-menu.toggled-on {visibility:visible; opacity:1; max-height:9999px; transition:none;}
	.handheld-navigation .dropdown-toggle {padding:14px 5px 12px 20px; color:#fff; font-size:24px;}
	.handheld-navigation .dropdown-toggle:hover {color:#96CCD6;}
	
    .primary-navigation {display: none;}
	.woocommerce-active .site-header .main-navigation {margin-left:0px;}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {padding: .875em 0;}
	#header-logo {margin-right:10px; position:relative;}
	#site-navigation {width:100%; position:absolute; left:0; right:0; }
	#header-nav-side, #header-banner, #header-banner-holder, .storefront-handheld-footer-bar {display:none;}
	.handheld-navigation {background-color:#df5d3e; color:#fff; position:relative; top:45px;}
	.handheld-navigation ul#menu-handheld {margin-left: 2.617924em; margin-right: 2.617924em; padding: 0; display:flex; flex-direction:column;}
	.handheld-navigation ul#menu-handheld > li {border-bottom:1px solid #fff; height:auto; font-family: 'Roboto-Light';}
	.handheld-navigation ul#menu-handheld > li:last-child {border-bottom:none;}
	.handheld-navigation ul > li > a {color:#fff;}
	.site-header ul.menu li.current-menu-item > a {color: #000;}
	#project-picture-slider {min-height:auto;}
	.projects-item-holder, .brols-item-holder {justify-content:space-between;}
	.client-item {width:23%;}
	.client-item:nth-child(4n) {margin-right:0;}
	.client-item:nth-child(5n) {margin-right:2%;}
	.project-item, .brol-item {width:49%; margin-right:0;}
}
@media (max-width: 769px) {
	#project-picture-slider, #project-banner-headings, #project-body, #project-side-column {width:100%;}	
}
@media (max-width: 568px) {
	.handheld-navigation ul#menu-handheld {margin-left: 1.41575em; margin-right: 1.41575em; padding: 0;}
	button.menu-toggle, button.menu-toggle:hover {background-color:transparent; border:0; margin:0 1.41575em; top:22px;}
	#footer-menu, #footer-social-links {width:100%}
	.news-item, .project-item {width:100%; margin-right:0;}
	.infoblock-item-picture, .infoblock-item-data {width:100%;}
	.infoblock-item-picture {margin-bottom:2em;}
	.client-item, .brol-item {width:100%;}
	.client-item:nth-child(4n), .client-item:nth-child(5n) {margin-right:0;}
	.owl-nav {display:none;}
}