/* DoucheFLUX theme, child theme of GeneratePress

Colors:
green : #8cb648;
green-bright: #99d638;
teal : #99c9d3;
teal-light : #e1f0f3;
teal-dark : #294f57;
teal-bright: #54bed3;

*/
/*
================================
PAGE LAYOUT
================================
*/
  body {
    background: #99c9d3 url(../img/body-texture.jpg) repeat-x center 200px;
  }

  .site-content {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  /* all white blocks
  */
  /*
  .inside-article,
  .comments-area,
  .page-header,
  .one-container .container,
  .paging-navigation,
  .inside-page-header,
  */
  .inside-article,
  .comments-area,
  .sidebar .widget {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }

/*
================================
Shared Form styles, specific forms
================================
*/
  /* needs body to override styles from blog plugin, coming after my styles...*/
  body button,
  body html input[type="button"],
  body input[type="reset"],
  body input[type="submit"],
  body .button,
  body .button:visited {
    display: inline-block;
    background: #8cb648;
    border-radius: 5px;
    padding: 6px 25px 8px;
    color: white;
    text-transform: uppercase;
  }

  body button:hover,
  body html input[type="button"]:hover,
  body input[type="reset"]:hover,
  body input[type="submit"]:hover,
  body .button:hover {
    background: #99c9d3;
    color: #294f57;
  }

  body input[type="text"],
  body input[type="email"],
  body input[type="url"],
  body input[type="password"],
  body input[type="search"],
  body input[type="tel"],
  body textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #666;
    width: 100%;
    max-width: 100%;
    padding: 8px 15px;
    margin-bottom: 15px;
  }

  /* ============= Contact forms (Contact Form 7)
  */
  span.wpcf7-list-item {display: block;}

  /* ============= Yikes Mailchimp form
  */
  .row-newsletters .panel-grid-cell:last-child {
    border-left: 1px dotted #ddd;
  }

  .yikes-easy-mc-form {
    /*margin-bottom: 20px;*/
    margin-top: -10px;
    border: 1px solid #ddd;
    padding: 15px;
  }

  .yikes-easy-mc-error-message {
    border: 1px solid red;
    padding: 10px;
    color: red;
  }

  .yikes-easy-mc-success-message {
    background-color: #e9f2e5;
    border: 1px solid #8cb648;
    padding: 10px;
    color: #63911e;
  }

  p.form-field-description {
    display: none;
  }
  /* override styles */
  form.yikes-easy-mc-form {
      margin-bottom: 20px;
      margin-top: 0;
      border: none;
      padding: 0;
  }
  form.yikes-easy-mc-form input[type=email],
  form.yikes-easy-mc-form input[type=number],
  form.yikes-easy-mc-form input[type=password],
  form.yikes-easy-mc-form input[type=text],
  form.yikes-easy-mc-form input[type=url],
  form.yikes-easy-mc-form select,
  form.yikes-easy-mc-form textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  form.yikes-easy-mc-form input[type=email],
  form.yikes-easy-mc-form input[type=number],
  form.yikes-easy-mc-form input[type=text],
  form.yikes-easy-mc-form input[type=url],
  form.yikes-easy-mc-form select {
      padding: 8px 15px;
      background-color: #fafafa;
      border: 1px solid #ccc;
      display: block;
      -moz-box-sizing: border-box;
      margin-bottom: 15px;
  }
  form.yikes-easy-mc-form .yikes-easy-mc-submit-button {
      display: block;
      width: auto;
      margin-top: 0;
      min-height: 40px;
      padding: 6px 25px 8px;
      cursor: pointer;
  }

/*
================================
CONTENT - typography, images, etc.
================================
*/
  /* ============= Text
  */
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    clear: both;
  }

  p, ul, ol, dl, h1, h2, h3, h4, h5, h6 {
    color: #3a3a3a;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
  }

  p {
    margin-bottom: 1.5em;
  }

  h1 {
    font-family: inherit;
    font-size: 40px;
    font-weight: 300;
  }

  h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 20px;
    color: #294f57;
  }

  h3 {
    font-size: 20px;
    color: #294f57;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  h4, h5, h6 {
    font-size: 14px;
    margin-bottom: 20px;
  }

  blockquote {
    border-left: 3px solid #8cb648;
    font-family: Georgia, serif;
  }

  ul {
    list-style: none;
    margin-left: 10px;
    margin-bottom: 1.5em;
  }
  .widget ul {
    margin-bottom: 1.5em; /* counteract generatepress */
  }

  ul li {
    margin-left: 0;
    padding-left: 15px;
    margin-bottom: 3px;
    background: url(../img/bullet-teal.svg) no-repeat left 9px;
  }

  .entry-content h2,
  .entry-content h3,
  .entry-content h4 {
    clear: both;
  }

  blockquote {
    border-left: 3px solid #8cb648;
    font-family: Georgia,serif;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 1.5em;
    padding: 20px;
    position: relative;
  }

  blockquote, q {
    quotes: "" "";
  }

  p.special {
    background: white;
    border-radius: 3px;
    border: 1px solid #99c9d3;
    padding: 10px 20px;
    font-size: 16px;
  }

  p.very-special {
    background: #99c9d3;
    border-radius: 3px;
    color: white;
    padding: 20px;
    font-size: 20px;
  }

  p.very-special a {
    color: white;
    text-decoration: underline;
  }

  /* ============= Images
  */
  .alignleft {
    margin-right: 1em;
    margin-bottom: 15px;
  }

  .alignright {
    margin-left: 1em;
    margin-bottom: 15px;
  }

  a img {
    transition: 0.15s all;
  }

  a:hover img {
    opacity: 0.9;
  }

  /* ============= WP audio player
  */
  .wp-audio-shortcode {
    margin: 1em 0 1.5em;
  }

  div .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #99c9d3;
  }
  /* ============= Tables (override Generatepress)
  */
  table {
     border-collapse: collapse;
     border-spacing: 0;
     border: none;
  }
  td, th {
    border: 1px solid rgba(0,0,0,.2);
    border-width: 1px 0 1px 0;
    vertical-align: top;
    padding: 10px 15px 12px 0;
  }
  td h3, th h3 {
    margin: 10px 0;
  }
  tr:first-child td,
  tr:first-child th {border-top-width: 0;}

/*
================================
CONTENT BLOCKS
================================
*/
  /* ============= Featured image at top of page/post
  */
  .page-header-image-single {
    /*	margin-top: -40px;
  		margin-left: -40px;
  		margin-right: -40px;
  	*/
  }

  .page-header-image-single img {
    box-shadow: 5px 5px 0 0 #8cb648;
  }

  /* ============= Link to top
  */
  .generate-back-to-top, .generate-back-to-top:visited {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.3);
  }

/*
================================
SITE HEADER
================================
*/
  body {
    border-top: 5px solid #99c9d3;
  }
  .inside-header {
    padding: 35px 40px;
  }

/* ============= Logo & description
*/
  .site-branding {
    display: inline-block;
    margin-top: -5px;
  }

  .main-title {
    float: left;
    margin: 0 14px 0 0;
    padding: 0;
    background: url(../img/logo-doucheflux-anim2.gif) no-repeat 0 0;
    width: 215px;
    height: 118px;
    background-size: contain;
  }

  .main-title a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 120%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
  }

  .site-description {
    padding-top: 52px;
    max-width: 178px;
    margin-bottom: 0;
    float: left;
    font-size: 16px;
    line-height: 1.3;
    /*font-family: Georgia, serif;*/
    font-style: italic;
    /*color: #8cb648;*/
    color: #3a3a3a;
  }

  .site-description:before,
  .site-description:after,
  .site-branding:before,
  .site-branding:after {
    display: none;
    clear: none;
  }

/* ============= WPML Language selector
*/
  body .wpml-ls-sidebars-header {
    background: none;
    border: none;
  }
  body .wpml-ls-legacy-list-horizontal {
    padding: 0;
  }
  #icl_lang_sel_widget-2 {margin-bottom:0 !important;}

  .wpml-ls-sidebars-header ul li {
    background: none;
    font-size: 12px;
    text-transform: uppercase;
  }
  .wpml-ls-sidebars-header ul li.wpml-ls-current-language a {color: #294f57;}

/* ============= Search
*/
  .widget-search h4 {
    display: none;
  }

/* ============= Navigation
*/
  .main-navigation ul {
    margin-left: 0;
  }

  .main-navigation li {
    padding-left: 0;
    background: none;
    margin-bottom: 0;
  }

  .main-navigation a,
  .menu-toggle {
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
  }

  .main-navigation .main-nav ul li a,
  .menu-toggle,
  .main-navigation .mobile-bar-items a {
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-navigation .main-nav ul .current-menu-item > a,
  .main-navigation .main-nav ul .current-menu-parent > a,
  .main-navigation .main-nav ul .current-menu-ancestor > a {
    background-color: #8cb648;
    color: #ffffff;
  }

  .main-navigation .main-nav ul .current-menu-item > a:hover,
  .main-navigation .main-nav ul .current-menu-parent > a:hover,
  .main-navigation .main-nav ul .current-menu-ancestor > a:hover,
  .main-navigation .main-nav ul .current-menu-item.sfHover > a,
  .main-navigation .main-nav ul .current-menu-parent.sfHover > a,
  .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a {
    background-color: #8cb648;
    color: #ffffff;
  }

  .menu-item-has-children .dropdown-menu-toggle {
    padding-left: 8px;
  }

/* ============= Subnav
*/
  .main-navigation ul ul {
    background-color: #294f57;
    padding-top: 10px;
    padding-bottom: 14px;
    width: 220px;
    top: 100%;
  }

  .main-navigation ul ul a {
    text-transform: none;
  }

  .main-navigation .main-nav ul ul .current-menu-item > a,
  .main-navigation .main-nav ul ul .current-menu-parent > a,
  .main-navigation .main-nav ul ul .current-menu-ancestor > a {
    background-color: #3D747F;
  }

  .main-navigation .main-nav ul ul .current-menu-item > a:hover,
  .main-navigation .main-nav ul ul .current-menu-parent > a:hover,
  .main-navigation .main-nav ul ul .current-menu-ancestor > a:hover,
  .main-navigation .main-nav ul ul .current-menu-item.sfHover > a,
  .main-navigation .main-nav ul ul .current-menu-parent.sfHover > a,
  .main-navigation .main-nav ul ul .current-menu-ancestor.sfHover > a {
    background-color: #3D747F;
  }

/* ============= Subnav
*/
  .header-widget input[name="submit"]{
    float: right;
  }

/*
================================
FOOTER
================================
*/
  /* ============= Widget content
  */
  .footer-widgets .widget-title {
    margin-bottom: 15px;
  }

  .footer-widgets p {
    font-size: 12px;
    color: white;
  }

  .textwidget p:last-child {
    margin-bottom: 0;
  }

  /* ============= Subscribe link
  */
  .site-footer .footer-widgets-container .inner-padding {
    padding: 0;
  }
  .site-footer .footer-widgets-container .inside-footer-widgets {
      margin-left: 0px;
  }
  .site-footer .footer-widgets-container .widget-subscribe-link {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 30px;
  }

  .site-footer .widget-subscribe-link p {
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
  }

  .site-footer .widget-subscribe-link a.button {
    margin-left: 10px;
  }

  /* ============= Sitemap (not used anymore)
  */
  .site-footer .sitemap {
    margin-bottom: 30px;
    display: none;
  }

  @media (min-width: 768px) {
    .site-footer .sitemap {
      display: block;
    }
  }

  .sitemap ul {
    margin-left: 0;
  }

  .sitemap ul li {
    display: inline-block;
    margin-right: 14px;
    vertical-align: top;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 0;
    background: none;
  }

  .sitemap ul ul {
    margin-top: 6px;
    margin-left: 0;
  }

  .sitemap ul li li {
    display: block;
    text-transform: none;
    padding-right: 0;
  }

  /* ============= Footer copyright
  */
  .inside-site-info p {
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 12px;
  }

/*
================================
SIDEBAR sub column widgets
================================
*/
  /* ============= Sidebar widgets
  */
  .sidebar .widget-title {
    margin-bottom: 20px;
  }

  .sidebar .widget-title a {
    color: inherit;
  }

  /* ============= Secundary navigation
  */
  .sidebar .nav-sec {
    background: #e1f0f3;
    background: #294f57;
    padding-right: 10px;
  }

  .sidebar .nav-sec .widget-title {
    color: #8cb648;
  }

  .nav-sec .widget-title a {
    color: inherit;
  }

  .nav-sec ul {
    margin-left: 0;
  }

  .nav-sec ul li {
    padding-left: 0;
    background: none;
    margin-bottom: 6px;
    text-transform: uppercase;
  }

  .nav-sec ul a {
    color: white;
    display: block;
    padding: 2px 12px 2px 0;
    text-transform: none;
    background-position: right 9px;
  }

  .nav-sec ul.children {
    margin-top: 10px;
    margin-left: 15px;
  }

  .nav-sec ul a:hover {
    color: #8cb648;
    /*background-color: #8cb648;*/
  }

  .nav-sec .current_page_parent > a,
  .nav-sec .current_page_item > a {
    color: #8cb648;
    /*background-color: #8cb648;*/
  }

  .nav-sec .current_page_item > a {
    background: url(../img/bullet-green.svg) no-repeat right 9px;
    color: #8cb648;
    /*background-color: #8cb648;*/
  }

  /* ============= Categories
  */
  .sidebar .widget-categories {
    background: #e1f0f3;
    background: #294f57;
    padding-right: 10px;
  }

  .sidebar .widget-categories .widget-title {
    color: #8cb648;
  }

  .widget-categories .widget-title a {
    color: inherit;
  }

  .widget-categories ul {
    margin-left: 0;
  }

  .widget-categories ul li {
    padding-left: 0;
    background: none;
  }

  .widget-categories ul a {
    color: white;
    display: block;
    padding: 2px 12px 2px 0;
    text-transform: none;
    background-position: right 9px;
  }

  .widget-categories ul.children {
    margin-top: 10px;
    margin-left: 15px;
  }

  .widget-categories ul a:hover,
  .widget-categories .current_page_parent > a,
  .widget-categories .current_page_item a {
    color: #8cb648;
    /*background-color: #8cb648;*/
  }

  .widget-categories .current_page_parent > a,
  .widget-categories .current_page_item a {
    background: url(img/bullet-green.svg) no-repeat right 9px;
    /*background-color: #8cb648;*/
  }

  /* ============= Recent posts
  */
  /* Recent posts widget extended */
  .recent-posts-extended h3 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .recent-posts-extended ul li {
    margin-bottom: 15px;
    padding-left: 0;
    background: none;
  }

  .recent-posts-extended ul li time {
    display: block;
    font-size: 10px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #808080;
  }

  /* Display Posts shortcode */
  .display-posts-listing .date {
    font-size: 10px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #808080;
  }

  .widget .display-posts-listing li {
    padding-left: 0;
    background: none;
    margin-bottom: 15px;
  }

  .widget .display-posts-listing .date {
    display: block;
  }


/*
================================
HOME PAGE
================================
*/
/* ============= Home general
*/
  /*.home .site-content {
  		padding-top: 0;
  	}
  	*/
  .home .site-main {
    margin-top: 0;
  }

  .home .entry-content img {
    box-shadow: 5px 5px 0 0 #8cb648;
  }

  .home .entry-content .widget-actu img {
    box-shadow: 5px 5px 0 0 #d85437;
  }

  .home .inside-article {
    padding-top: 0;
  }

/* ============= Slider, custom class
*/
  .row-site-slider {
    margin-left: -30px; /* mobile */
    margin-right: -30px;
    margin-bottom: 0;
  }
  .sow-slider-images li {
    background-image: none;
  }

  /* desktop */
  @media only screen and (min-width: 770px) {
    .row-site-slider {
      margin-left: -40px;
      margin-right: -40px;
    }
  }

/* ============= Intro with big image
*/
  /* Intro image */
  .home #main .panel-grid:first-child {
    margin-bottom: 0 ;
  }
  .row-site-intro-img {
    margin-left: -30px; /* mobile */
    margin-right: -30px;
    margin-bottom: 0;
  }
  .row-site-intro-img img {
    box-shadow: none !important;
  }
  /* Intro text row */
  .row-site-intro {
    margin-left: -30px;
    margin-right: -30px;
    /*padding: 223px 40px 30px;*/
    padding: 20px 40px 30px;
    background-color: #294f57;
    /*background-image: url(/wp/wp-content/uploads/hero-image-group-couleurs-bande.jpg);*/
    /*background-image: url(/wp/wp-content/uploads/doucheflux-equipe-2016-1100px.jpg);*/
    /*background-position: center top;*/
    /*background-repeat: no-repeat;*/
    /*border-bottom: 5px solid #8cb648;*/
    color: #000;
    font-size: 16px;
  }

  .row-site-intro p, .row-site-intro ul, .row-site-intro ol {
    color: white;
    font-size: inherit;
    line-height: 1.5;
  }

  .row-site-intro a {
    color: #8cb648;
    text-decoration: underline;
  }

  .row-site-intro a:hover {
    text-decoration: none;
  }

  /* desktop */
  @media only screen and (min-width: 770px) {
    .row-site-intro-img {
      margin-left: -40px;
      margin-right: -40px;
    }
    .row-site-intro {
      margin-left: -40px;
      margin-right: -40px;
    }
  }

/* ============= Headlines
*/
  .row-title {
    margin-top: 38px;
    border-bottom: 1px solid #99c9d3;
    margin-bottom: -10px;
  }

  .row-title .decoration {
    display: none;
  }

  .row-title h2 {
    margin-bottom: 10px;
  }

  /* Widget content, shared
  	*/
  .widget-title {
    /* h3 */
    margin-bottom: 10px;
    font-size: 15px;
  }

  .panel-grid img.size-medium {
    margin-bottom: 6px;
  }

  .panel-grid h4 {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.2;
  }

/* ============= Featured page, latest post
*/
  .panel-grid .widget_fpw_widget {
    margin-bottom: 10px !important;
  }

  .featured-page-excerpt p,
  .list-excerpt p {
    margin-bottom: 0;
  }

  .list-post-date {
    margin-bottom: 0;
    font-size: 9px;
    text-transform: uppercase;
    color: #aaa;
  }

  /* Link to all actions
  	*/
  .widget-link-to-all {
    margin-top: 20px;
    border-top: 1px dotted #99c9d3;
    padding-top: 7px;
  }

/* ============= Soutien
*/
  .widget-links-soutien .textwidget {
    background: #8cb648;
    padding: 20px 15px;
    box-shadow: 5px 5px 0 0 #294f57;
    /*margin-top: 30px;*/
    color: white;
  }

  .widget-links-soutien h3, .widget-links-soutien h4, .widget-links-soutien p, .widget-links-soutien ul, .widget-links-soutien ol, .widget-links-soutien a {
    color: inherit;
  }

  .widget-links-soutien a {
    text-decoration: underline;
  }

  .widget-links-soutien a:hover {
    color: #294f57;
  }

  .widget-links-soutien h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    /*text-align: center;*/
  }

  .widget-links-soutien ul li {
    background-image: url(../img/bullet-white.svg);
  }