/*
Theme Name: Espace et fonction
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: holger1411/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/holger1411/understrap
A child theme is available on Github, too: https://github.com/holger1411/understrap-child;
Version: 0.8.1
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 17, 2018 */

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.circle{
  display:inline-block;
  width:38px;
  height:38px;
  border-radius:50%;
  text-align:center;
  background: #ef8400;
  color: white;    
  padding-top:9px;
  font-size:10px;
  line-height:11px;
    overflow: hidden;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
a:hover .circle::before, a:focus .circle::before, a:active .circle::before {
	transform: scale(2);
	}

.circle::before {
    background: #359db4 none repeat scroll 0 0;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
body {font-family: 'open_sanslight'; color: #001e27 }
a {color: #000 }
a:hover, a:focus, a:active {color: #666; text-decoration: none;}
h1 {text-transform: uppercase; font-size:1.75rem;}
@media (min-width:768px) {
    h1 {font-size: 2.1875rem; }
}
h2 {color: #00a7d6}
h3 { color: #001e27;}
strong {color: #00a7d6; font-family: 'open_sansregular';}
.color0 {color:#fff !important;}
.color1 {color: #00a7d6} /* bleu */
.color2 {color: #d91653} /* rose */
.btn, .button {border-radius: 0; font-size: 0.875rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem;}
.btn-primary, .button {background:#00a7d6; border-color:#00a7d6; color: #fff }
.btn-primary:hover, .button:hover {background:#d91653; border-color:#d91653 }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background:#d91653; border-color:#d91653;
}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 .2rem rgba(0,0,0,.25);}
input, textarea {
    border: solid 1px #ccc;
    box-shadow: 0 0 6px rgba(0,0,0,0.07) inset;
}
.smallcaps {font-variant: small-caps;}
.bg-gris {background: #eaecf1}
.quiet {color:#929aa2;}
/* Header */
.mainnav-espace-fonction {font-size: 0.875rem;font-family: 'open_sansregular';}
@media (min-width:768px) {
    .mainnav-espace-fonction li + li:before {content:''; width: 6px; height: 6px; background:#d91653; border-radius: 50%; float: left; margin-top:14px }
}

.mainnav-espace-fonction .navbar-nav > li > a.nav-link {padding-left: 1rem;}
.headercontact {background: #00a7d6;display: inline-block; }
.headercontact a {color: #fff;}
.headercontact p {margin: 0}
@media (max-width:768px) {
    .header-contact, .headercontact {width: 100%}
    .headercontact {font-size: 0.875rem;}
    #navbarNavDropdown { background: #f5f5f5}
}
@media (min-width:768px) {
    .headercontact {min-width: 350px; }
    .header-contact {position: absolute; top:20px; right:0}
}
@media (min-width:1200px) and (max-width:1500px) {
    .header-contact {top:5px;}
    .headercontact {font-size: 0.875rem; padding-top: 0.2rem!important; padding-bottom: 0.2rem!important}
}
.navbar-brand {margin-right: 0;}
.navbar {padding-left: 0; padding-right: 0;}
.contentmenu {align-items: flex-end;}
.navbar-toggler-icon {font-size: 3.5rem; width: 1em; height: 1em; background: #f5f5f5}

/* HOME */
.bg-home-competences {background: #00a7d6 url(img/bg-competences.jpg) center center; }
.bg-home-competences .row {font-size: 1.125rem;font-family: 'open_sansregular';}
.bg-home-competences h2 {color:#fff;}
.bg-home {background: url(img/bg-home.png) top center/cover}
#home-silders figure {margin: 0}
#home-silders .gallery {margin: 0}
.home-bureaux , .home-cloisons {position: relative}
.tit-home-sliders {position: absolute;top:50%; left:50%;transform: translate(-50%, -50%); z-index: 10; width: 90% }
.tit-home-sliders a {background: rgba(21,28,35,0.85); display: inline-block; font-size: 1.5625rem;}
@media (min-width:1200px) {
    .tit-home-sliders a { font-size: 1.875rem;}
}
.tit-home-sliders a:before {content:' ';display: block; margin: 0 auto 20px auto; width:24px; height: 24px; background-color:#d91653}
.tit-home-sliders a:hover, .tit-home-sliders a:active, .tit-home-sliders a:focus {color: #d91653; rotation: 5deg;}
.homeShowroom {font-size: 1.875rem;}
.homeShowroom em {font-size: 1.5rem;}
.homeShowroom a {color:#fff; background: #00a7d6; padding: 5px 25px;text-transform: uppercase; font-size: 0.875rem; }
.homeCcles figure { width: auto; background: #f5f5f5; padding: 2rem;}
.home-actus h2:after {content: ''; display: block; width: 6px; height: 24px; background: #00a7d6; margin: 10px auto}

.footer-espace-et-fonction {background: #151c23; color:#fff;}
.footer-espace-et-fonction a {color: #fff;}
.footer-espace-et-fonction #wrapper-footer-full {background: none;}
.etiquette {
    animation-name: oscillation;
    animation-duration: 4s;    
    animation-delay: 0s;
    transform-origin: top center;
    animation-timing-function: ease;
/*    animation-iteration-count: 2;*/
}
@keyframes oscillation {
    10% { transform: rotate(25deg); }	
    20% { transform: rotate(-20deg); }
    30% { transform: rotate(20deg); }	
    40% { transform: rotate(-15deg); }	
    50% { transform: rotate(15deg); }  
    60% { transform: rotate(-10deg); }	
    70% { transform: rotate(10deg); }
    80% { transform: rotate(-5deg); }	
    90% { transform: rotate(5deg); }	
    100% { transform: rotate(0deg); }    
}

/* PAGES */
.wrapper {
    padding:0;
}
.entry-header-page {padding:280px 20px 30px; text-align: center; background-position: center center; background-size: cover; margin-bottom: 40px;}
@media (min-width:768px) {
    .entry-title-page {max-width: 50%;}
}
.entry-title-page {background: rgba(0,0,0,0.5); color: #fff;  margin: 0 auto; padding: 5px;}
.entry-header-actu {padding:400px 20px 30px; text-align: center; background-position: center center; background-size: cover; margin-bottom: 40px;}
.entry-title-actu {background: rgba(0,0,0,0.5); color: #fff; padding: 5px;}
.entry-header-actus {padding:280px 20px 30px; text-align: center; background: url(img/bg-titre-actualites.jpg)no-repeat center center/cover; margin-bottom: 40px;}

@media (min-width: 576px) {
    .full-width {margin-left: -1rem; margin-right: -1rem}
}
@media (min-width: 768px) {
    .full-width {margin-left: -3rem; margin-right: -3rem}
}
.content-actu-liste {background: #FFF;}
.entry-title-actu-liste {font-family: 'open_sanssemibold'; font-size: 1.2rem; line-height: 1.4; margin-bottom: 1rem;height: 5.2rem; overflow: hidden}
.post-navigation {font-size: 90%;}
.elementor-12 .elementor-element.elementor-element-1e121dd strong {color: #fff;}
.contentmenu .custom-logo-link .img-fluid {width: 100%}