/* Generated by less 2.5.1 */
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic";
/******************************************************************
***** Mixins
******************************************************************/
/******************************************************************
***** Global
******************************************************************/
body {
  font-family: 'Open Sans', sans-serif;
  color: #909090;
}
h2,
.h2 {
  color: #4B4B4C;
}
h3,
.h3 {
  color: #8cc63e;
}
h4,
.h4 {
  color: #4B4B4C;
}
a {
  color: #8cc63e;
}
a:hover,
a:focus {
  color: #007244;
  text-decoration: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #8cc63e;
}
::selection {
  background-color: #8cc63e;
  color: #fff;
}
-webkit-::selection {
  background-color: #8cc63e;
  color: #fff;
}
::-moz-selection {
  background-color: #8cc63e;
  color: #fff;
}
.masked:after {
  background: rgba(0, 114, 68, 0.85);
}
.loader {
  background: #fff;
}
/******************************************************************
***** Logos & Branding
******************************************************************/
.brand-img-white {
  width: 180px;
  height: auto;
}
.brand-img {
  width: 150px;
  height: auto;
}
/******************************************************************
***** Buttons
******************************************************************/
.btn {
  border-radius: 4px;
}
.btn-primary {
  color: #fff;
  background-color: #8cc63e;
  border-color: #8cc63e;
}
.btn-primary:hover {
  color: #fff;
  background-color: #98cc52;
  border-color: #98cc52;
}
.btn-outline-primary {
  color: #8cc63e;
  border-color: #8cc63e;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #8cc63e;
  border-color: #8cc63e;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #8cc63e;
}
/*
.btn-secondary {
    color: #fff;
    background-color: @color2;
    border-color: @color2;

    &:hover{
        color: #fff;
        background-color: darken(@color2,5%);
        border-color: darken(@color2,5%);
    }
}

.btn-outline-secondary {
    color: @color2;
    border-color: @color2;

    &:hover {
        color: #fff;
        background-color: @color2;
        border-color: @color2;
    }
}
*/
/******************************************************************
***** Main Navigation
******************************************************************/
.navbar {
  background-color: #ffffff;
}
.navbar.navbar-background {
  background-color: #ffffff;
}
.navbar.affix .navbar-nav li a {
  color: #4B4B4C;
}
@media (min-width: 992px) {
  .navbar-nav .nav-link:before {
    border-top: 2px solid #8cc63e;
  }
}
/******************************************************************
***** Master Head
******************************************************************/
/******************************************************************
***** Share Buttons notirication
******************************************************************/
.share-notification a {
  color: #8cc63e;
}
.share-notification a:hover {
  color: #007244;
}
/******************************************************************
***** Goto Top Button
******************************************************************/
.cd-top {
  color: #FFF;
  background: #8cc63e;
}
/******************************************************************
***** Bootstrap Dropdown Menu
******************************************************************/
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: transparent;
}
/******************************************************************
***** Bootstrap Panels
******************************************************************/
.panel-primary {
  border-color: #007244;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #007244;
  border-color: #007244;
}
/******************************************************************
***** Bootsrap Overlay
******************************************************************/
.close:hover,
.close:focus {
  color: #8cc63e;
}
/******************************************************************
***** Form composants
******************************************************************/
.b-primary {
  border-color: #8cc63e;
}
.form-horizontal .control-label {
  color: #909090;
}
.form-control,
textarea.form-control {
  color: #9F9F9F;
  border-radius: 4px;
}
.form-control:focus {
  border-color: #8cc63e;
}
/******************************************************************
***** Section Newsletter
******************************************************************/
/******************************************************************
***** Section Contact
******************************************************************/
.contacts.section .fa {
  color: #007244;
}
/******************************************************************
***** Section Footer
******************************************************************/
.social a {
  color: #C2C2C2;
}
.social a:hover {
  color: #8cc63e;
}
/******************************************************************
***** Blog Single
******************************************************************/
.single .blog-gallery a {
  border: solid 10px #FFF;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.single .blog-gallery a:hover {
  border: solid 10px #007244;
}
/******************************************************************
***** OWL Carousel
******************************************************************/
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-controls .owl-nav [class*=owl-] {
  background: #d6d6d6;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #8cc63e;
}
.owl-theme .owl-dots .owl-dot:hover span {
  background: #007244;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: #8cc63e;
  color: #fff;
}
/******************************************************************
***** swipebox
******************************************************************/
#swipebox-overlay {
  background: linear-gradient(125deg, rgba(0, 114, 68, 0.9), rgba(107, 153, 45, 0.8));
  background-size: 200% 200%;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px #000;
  background: #000;
  opacity: .95;
}
/* --------------------------------
Cookie notification
-------------------------------- */
.cookie-notice button {
  color: #8cc63e;
}
.cookie-notice button:hover,
.cookie-notice button:active {
  color: #000;
}
/* --------------------------------
TarteAuCitron
-------------------------------- */
#tarteaucitronPercentage {
  background: #8cc63e;
}