/*
Theme Name: Semences de France
Theme URI: http://semencesdefrance.com
Author: Evomedia
Author URI: http://evomedia.fr
Description: Thème Wordpress SdF
Text Domain: sdf2015
Domain Path: /languages/

*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Footer
13. Mobile Styling
14. Social icons
15. Call For Action
16. Ajouts
*/

/* =Global
----------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

@font-face {
    font-family: 'CalibriRegular';
    src: url('typo/calibri-webfont.eot');
    src: url('typo/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/calibri-webfont.woff') format('woff'),
         url('typo/calibri-webfont.ttf') format('truetype'),
         url('typo/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriBold';
    src: url('typo/calibrib-webfont.eot');
    src: url('typo/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/calibrib-webfont.woff') format('woff'),
         url('typo/calibrib-webfont.ttf') format('truetype'),
         url('typo/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriItalic';
    src: url('typo/calibrii-webfont.eot');
    src: url('typo/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/calibrii-webfont.woff') format('woff'),
         url('typo/calibrii-webfont.ttf') format('truetype'),
         url('typo/calibrii-webfont.svg#CalibriItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'semencesfregular';
    src: url('typo/semencesf_0-webfont.eot');
    src: url('typo/semencesf_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/semencesf_0-webfont.woff2') format('woff2'),
         url('typo/semencesf_0-webfont.woff') format('woff'),
         url('typo/semencesf_0-webfont.ttf') format('truetype'),
         url('typo/semencesf_0-webfont.svg#semencesfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #565656;
  word-wrap: break-word;
  line-height: 1.4;
  font-size: 14px;
/*  background: url('images/tiny_grid.png') repeat;*/
  background:#fff; 
  font-family:'CalibriRegular',Helvetica,"Trebuchet MS",Arial, sans-serif;
}

.entry-content{font-family:'CalibriRegular',Helvetica,"Trebuchet MS",Arial, sans-serif !important}

h1, h2, h3, h4, h5{ font-family: 'semencesfregular'; }

hr{ border-top:1px solid #CACACA}

a {
  color: #00634F;
  text-decoration: none;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #00634F;
}

h1,
.h1 {
  font-size: 32px;
}

h2,
.h2 {
  font-size: 28px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
select {
    width: 250px;
    border: 1px solid #DCE4EC;
    background-color: #FFF;
    height: 30px;
    padding: 5px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #E8E8E8;
  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: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}



/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
  margin-right: 0;
}
.page-content,
.entry-content,
.entry-summary {
  margin:  0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
#content {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* =Post styling
----------------------------------------------- */
.entry-meta a {
  font-size: 13px;
}
#main .page-header {
  margin-top: 0;
}

.entry-meta a {
  color: #6B6B6B;
}
.entry-meta .fa {
  font-size: 14px;
  margin-right: 3px;
  color: #00634F;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title {
  font-size: 36px;
  color: #00634F;
  margin-top:10px
}
.entry-title a {
  color: #444;
}
.entry-title a:hover {
  color: #666;
}
.btn.btn-default.read-more {
  float: right;
  border: 1px solid #E8E8E8;
  color: #00634F;
  background-color: transparent;
  margin: 0px 0 0 15px;
}
.btn.btn-default.read-more:hover {
  color: #FFF;
  background-color: #00634F;
}
.search .btn.btn-default.read-more {
  float: right;
  margin-right:30px;
}
hr.section-divider {
  border-color: #CACACA;
  margin-top: 20px;
  margin-bottom: 0px;
}

/* =Singe Post/Page Pagination
----------------------------------------------- */
.page-links span {
  display: inline-block;
  color: #fff;
  background-color: #00634F;
  border-radius: 4px;
  padding: 2px 10px;
  margin-left: 2px;
}
.page-links a span {
  background-color: inherit;
  border: 1px solid #E8E8E8;
  color: #00634F;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
.page-links a:hover span {
  background-color: #00634F;
  border: 1px solid #00634F;
  color: #fff;
}
/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.site-main .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-main .gallery dd {
  margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}
.widget > ul > li,
li.recentcomments {
  border-bottom: 1px solid #EEE;
  position: relative;
  display: block;
  padding: 10px 0;
}
.widget ul li {
    list-style: none;
}
.widget ul {
    padding: 10px 10px;
}
.widget-title {
  border-bottom: 1px solid #eee;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before {
  font-family: fontawesome;
  margin-right: 10px;
}
#secondary .widget_archive ul li:before {
  content: '\f073';
}
#secondary .widget_categories ul li:before {
  content: '\f115';
}
#secondary .widget_recent_comments ul li:before {
  content: '\f0e5';
}
.tab-content .tab-thumb {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
  float: left;
  line-height: 0px;
  width: 60px;
  height: 60px;
}
.tab-content li {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 8px;
  padding: 0 0 6px;
}
.tab-content .tab-entry {
  display: block;
}
.tab-content > .active {
  border: 1px solid #E8E8E8;
  border-top: none;
}
.tab-content ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tab-content .tab-entry {
  font-size: 14px
}
.tab-comment {
  font-size: 18px;
  padding: 0 10px;
}
.nav-tabs > li > a {
  border-bottom-color: transparent;
  text-transform: uppercase;
}
.tab-content i {
  font-size: 12px;
}
.tab-thumb.thumbnail {
  margin-bottom: 5px;
}
.tab-content #messages li:before {
  content: '\f0e5';
  font-family: fontawesome;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  color: #00634F;
}

/* =Buttons
----------------------------------------------- */
.btn-default, .label-default {
  background-color: #00634F;
  border-color: #00634F;
}
.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover {
  background-color: #1b926c;
  border-color: #1b926c;
}
.btn.btn-default {
    color: #FFF;
}
/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 12px;
  background: transparent;
  border: 1px solid #E8E8E8;
  color: #00634F;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
#infinite-handle span:hover {
  background-color: #00634F;
  color: #fff;
}
.woocommerce #infinite-handle {
    display: none;
}
/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
  margin-top: -20px;
  margin-bottom: 20px;
}

/* =Navigation
----------------------------------------------- */

#logo{ padding:8px 0 7px;}

.fondvert{ 
	background:#00634F;
	border-bottom: 5px solid #fff;
	box-shadow:0 8px 15px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);
	-moz-box-shadow:0 8px 15px rgba(0,0,0,.1);
}

.site-main [class*="navigation"] a,
.more-link {
  border: 1px solid #E8E8E8;
  padding: 6px 12px;
  border-radius: 4px;
  display: block;
}
.site-main [class*="navigation"] a:hover,
.more-link:hover {
  color: #fff;
  background: #00634F;
  text-decoration: none;
}
.more-link {
  float: right;
  margin: 10px 0;
}
.site-main [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden;
}
[class*="navigation"] .nav-previous {
  float: left;
}
[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
}
.navbar.navbar-default {
  background-color: #FFDD00;
  font-weight: 200;
  margin-bottom: 0;
  
  padding:0px 0 0px;
  /*border-bottom: 1px solid #eee;*/
}
.navbar-default .navbar-nav > li > a {
  color: #999;
  line-height: 30px;
}
.navbar > .container .navbar-brand {
  color: #00634F;
  font-size: 24px;
  margin: 8px 0;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  border-right: none;
  border-left: none;
}
.navbar {
  border-radius: 0;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #00634F;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #999;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
  padding: 8px 20px;
  color: #333;
  font-size:16px;
}
.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border: none;
}
.dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
  background-color: #00634F;
  color: #fff;
}

.dropdown-menu>.active>a {background-color: #aaa !important;}

.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
}
.navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 18px;
  color:#fff;
  font-size:15px;
}
.navbar-nav > li > a:hover{ color:#00634F}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav {
  float: left;
}
@media (max-width: 767px) {
  .nav.navbar-nav {
    float: none;
  }
}
/* =Comments
----------------------------------------------- */

.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
}
#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}
p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
.comment .comment-body {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 116px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  border-color: #E8E8E8;
  border-radius: 4px;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #E8E8E8;
  background-repeat: no-repeat;
  background-position: left 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.vcard .avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}


/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #00634F;
  color: #fff;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

/* =Footer
----------------------------------------------- */

#footer-area {
  background-color: #f5f5f5;
  color: #333;
  font-size: 15px;
  line-height:21px;
  box-shadow: 0 0 10px #bbbbbb;
  -webkit-box-shadow: 0 0 10px #bbbbbb;
  /*background: url('images/tiny_grid.png') repeat;*/
  
  margin-top:30px;
}
#footer-area a {
  color: #ccc;
}
#footer-area .footer-widget-area {
  padding: 35px 0 15px 0;
  overflow: hidden;
}
#footer-area ul li {
  border-bottom: 1px solid #444;
}
#footer-area .site-info nav ul li {
  border-bottom: none;
}
#footer-area .tab-content > .active {
  border: none;
}
#footer-area .nav-tabs > li.active > a, #footer-area .nav-tabs > li.active > a:hover, #footer-area .nav-tabs > li.active > a:focus {
  background-color: transparent;
}
#footer-area .tab-content .tab-entry {
  font-size: inherit;
}
#footer-area .widgettitle {
  font-size: 18px;
  color: #00634F;
  margin-top: 0px;
}
#footer-area #social ul li {
  border-bottom: none;
}
#footer-area .widget ul li {
  padding: 10px 0;
  list-style: none;
}
.footer-nav.nav > li {
  position: relative;
  display: inline-block;
}
.footer-nav.nav {
  float: left;
  margin-bottom: 2px;
}
.copyright {
  margin-top: 10px;
  float: right;
  text-align: right;
}
#colophon {
  background-color: #00634f;
  padding: 10px 0;
  border-top: 1px solid #3A3A3A;
}
.site-info a {
  color: #777;
}
.site-info a:hover {
  color: #999;
}
#footer-area a:hover {
  color: #fff;
}
.site-info {
  color: #999;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
    background-color: transparent;
}
.scroll-to-top {
  background: #3B3B3B;
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  padding: 2px 10px;
  border-radius: 4px;
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}
.scroll-to-top:hover {
  background: #00634F;
  opacity: .8;
}

/* =Mobile Styling
----------------------------------------------- */

@media (max-width: 768px) {
  .pull-right {
    float: none !important;
  }
  .pull-left {
    float: none !important;
  }
  .site-info, .copyright {
      text-align: center;
  }
  .footer-nav.nav, .copyright {
    float: none;
  }
  .flex-caption {
    display: none;
  }
  .navbar > .container .navbar-brand {
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* =Social icons
----------------------------------------------- */

.top-bar {
    border-bottom-color: #E8E8E8;
}
.social-icon {
    font-size: 32px;
    margin: 6px;
    color: #E8E8E8;
}
#social {
    top: 0;
    position: relative;
    text-align: center;
}
#social ul li {
  list-style: none;
  display: inline-block;
  padding: 0 10px;
}
#social ul {
  margin-bottom: 0;
  padding: 0;
}
.fa-googleplus:before {
  content: "\f0d5";
}
@media (max-width: 992px) {
  .site-branding {
    text-align: center;
  }
  #social {
    top: 0;
    float: none;
    text-align: center;
  }
}

/* =Call For Action
----------------------------------------------- */

.cfa{
  padding: 30px 0px;
  background: #00634F;
  text-align: center;
}
.cfa-text{
  font-size: 22px;
  color: #fff;
  display: block;
  padding-top: 10px;
}
.cfa-button {
  background-color: transparent;
  color: #fff;
  padding: 15px 30px;
  border-color: #fff;
}
.cfa-button a,
.cfa-button a {
  color: #fff;
}
.cfa-button:hover {
    background-color: #fff;
    color: #00634F;
}
.cfa-button:hover a {
    color: #00634F;
}

/* =Ajouts
------------------------------------------------*/

.dropdown-menu{-webkit-transition: all .1s ease-out; 
   -moz-transition: all .1s ease-out; 
   -o-transition: all .1s ease-out; 
   transition: all .1s ease-out;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);}

#footer-area a{ color:#333; }

#footer-area a:hover{ color:#00634F }

.social-icon{ color:#fff !important; }
.social-icon:hover{color:#FFDD00 !important;}

#secondary{
	background:#f5f5f5;
	/*background: url('images/tiny_grid.png') repeat;*/
	-moz-box-shadow: 0px 0px 6px 0px #bbbbbb;
	-webkit-box-shadow: 0px 0px 6px 0px #bbbbbb;
	-o-box-shadow: 0px 0px 6px 0px #bbbbbb;
	box-shadow: 0px 0px 6px 0px #bbbbbb;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, Direction=NaN, Strength=6);
}

.page-header{ border:none; margin-bottom:0; }

.titre-article-miniature{ margin-top:0; }

.page-header #main {margin-top:0}

.breadcrumb{
	margin:0;
	padding:0;
	background:transparent;
}

.grostexte{ font-size:16px; }

.image{
	-moz-box-shadow: 0px 0px 6px 0px #bbbbbb;
	-webkit-box-shadow: 0px 0px 6px 0px #bbbbbb;
	-o-box-shadow: 0px 0px 6px 0px #bbbbbb;
	box-shadow: 0px 0px 6px 0px #bbbbbb;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, Direction=NaN, Strength=6);
	background:#fff;
	padding:5px;
}

.dropdown-toggle{ color:#00634F}

.bloc-variete, .fondgrille{ background:#f5f5f5}

.widget .text-widget ul li{ list-style:disc; margin-left:10px;}

.bloc-actu h2{ font-size:22px;}
.bloc-actu .isotope-item{padding:0 17px 0 17px; border-right:1px dotted #999;}
.bloc-actu .isotope-item:first-child{padding:0 17px 0 0;}
.bloc-actu .isotope-item:last-child{padding:0 0 0 17px; border:none;}
.bloc-actu .entry-content{font-size:16px; text-align:justify;}


.motscles {  -webkit-padding-start: 0px; padding-start:0; -moz-padding-start:0}
.motscles li {
    display: inline;
    list-style: none; /* pour enlever les puces sur IE7 */
	margin-right:8px;
}

.motscles li a{
	padding:5px 14px;
	background:#c2c2c2;
	color:#fff;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	font-size:14px;
}

.icone{
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
       -webkit-transition: all .1s ease-out; 
   -moz-transition: all .1s ease-out; 
   -o-transition: all .1s ease-out; 
   transition: all .1s ease-out;
   -moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-ms-transform: scale(0.9);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M10.9.1, M12=-0, M20.9, M22=0.9);
}
.icone:hover
{
	
	   -webkit-transition: all .1s ease-out; 
   -moz-transition: all .1s ease-out; 
   -o-transition: all .1s ease-out; 
   transition: all .1s ease-out;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
        
-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-ms-transform: scale(1.0);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11.0.1, M12=-0, M21=0, M22=1.0);
}

.icone-light{
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
       -webkit-transition: all .1s ease-out; 
   -moz-transition: all .1s ease-out; 
   -o-transition: all .1s ease-out; 
   transition: all .1s ease-out; 
}
.icone-light:hover
{
	
	   -webkit-transition: all .1s ease-in; 
   -moz-transition: all .1s ease-in; 
   -o-transition: all .1s ease-in; 
   transition: all .1s ease-in; 
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

#page-image-une{ 
	height:120px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 50%;
	        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
           -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
   -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))
}
#page-image-une:hover
{
		   -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}


.nav>li>a{ padding:20px 11px; }
.navbar-collapse{ padding-left:0; padding-right:0;} 
 
 .sidebar-nav {
    padding: 7px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

/* Menu entete */

#footer-area .menu, #footer-area .widget ul {padding:0}
#footer-area .menu-en-tete-container{float:left;}
#footer-area .widget ul li{ padding:5px 0;}

#menu-en-tete li:hover, #menu-en-tete .current-menu-item{
	background:#fff;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
}
#menu-en-tete li:hover a{color:#00634F;}

.menu-en-tete-container{
	float:right;
}

#menu-en-tete{ margin:0;}

#menu-en-tete li{
	display:inline-block;
	padding:21px 12px
}

#menu-en-tete li a{ font-size:17px; }

#barre-header{
	float:right;
}

#barre-header .form-group{
	max-width:200px;
}

#header-droit{  float:right; padding:0; }
#header-droit ul{-webkit-padding-start: 0; padding-start: 0; -moz-padding-start: 0}

.widget-header{
	float:left;
	margin:16px 0 0 20px;
}

.pr30{ padding-right:30px;}

.liste-dossier{padding-bottom:8px;}

/* Listings */

#ligne{
	background:#fff;
	border-top:1px solid #00634F;
	padding:10px 18px;
	transition:all 0.08s linear;
}

#ligne:nth-of-type(odd){
	background:#f0f0f0;
	transition:all 0.08s linear;
}

#ligne:hover{
	background:#ffee7c;
	transition:all 0.08s linear;
}

.self_clear:after {
  content: "";
  clear: both;
  display: table;
}

.attribut{
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
	line-height:18px; 
}

.att-image{
	width:50px;
	margin-right:10px;
	height:50px;
	width:50px;
}

.att-image-mini{
	margin-right:10px;
	height:30px;
	width:30px;
}

.att-titre{
	font-size:20px;
	font-weight:bold;
	width:165px;
	text-transform:uppercase;
}

.att-slogan{
	width:235px;
	color:#333;
	letter-spacing:-0.5px;
}

.att-picto{margin-right:5px;}

.att-picto img{
	width:auto;
	height:35px;
	font-size:8px;
}

.att-pdf{
	text-align:right;
	display:block;
	float:right;
}

.att-categorie1, .att-categorie2{
	width:180px;
}

.att-special{
	font-size:16px;
	color:#e6352e;
	display:block;
}

blockquote{
	font-size:25px;
	font-style:italic;
	border-left:5px solid #ddd;
	line-height:1.2;
}

#produit-categorie-liste{
	color:#00634F;
	font-size:18px;
	text-transform: lowercase;
	margin-bottom:10px;
}

#produit-categorie-liste:first-letter{
	text-transform: capitalize;
}

.produit-picto{
	height:65px;
	width:auto;
	margin:0 10px 10px 0;
}

.produit-titre{margin:0 !important; text-transform:capitalize;}

.produit-special{
	color:#E6352E;
	font-size:20px;
	font-weight:bold;
}

@media (min-width: 768px) {

	/*.produit-caracteristiques{
		-webkit-column-count:2;
		-moz-column-count:2;
		-ms-column-count:2;
		-o-column-count:2;
		column-count:2;
		-webkit-column-gap:35px;
		-moz-column-gap:35px;
		-ms-column-gap:35px;
		-o-column-gap:35px;
		column-gap:35px;
		columns:2;
		}*/
}	

.produit-caracteristiques ul li{ font-size:16px; }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.bouton-sidebar{
	background:#00634F;
	width:100%;
	padding:6px 25px;
}

.bouton-sidebar a{
	color:#fff;
	font-weight:bold;
	font-size:20px;
}

.widget-presse{
	display:block;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

#produit-categorie-liste{ text-transform:capitalize;}

.listedossierwidget{  -webkit-padding-start: 0px; padding-left:30px; margin-bottom:30px;  }
  .listedossierwidget li {   border-bottom:1px solid #ccc; transition:all ease 0.2s; }
.listedossierwidget li a{
  line-height:22px;
  font-size:16px;
 display:block; 
  padding:6px 0;
}

.listedossierwidget li:hover{ background:#e3e3e3; transition:all ease 0.2s;}


/*menu principal, ajustements responsive */
.collapse{
	display:block;
	visibility:visible;
}

.bouton-responsive::before, .bouton-responsive::after{	box-sizing:content-box; }

.bouton-responsive{
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	-webkit-backface-visibility: hidden;
	width:49px;
	height:49px;
	box-sizing:content-box;
	float:right;
}

.bouton-responsive img{max-width:49px; box-sizing:content-box; height:49px;}

@media (max-width: 1199px) {
.noo-megamenu .noo-nav>.dropdown>.dropdown-toggle .caret{display:none !important;}
}

@media (min-width: 768px) {
	
	.menu-accueil span{	display:none; }
}

@media (max-width: 991px) {
	.navbar-toggle, .menu-en-tete-container{display:none;}
	#logo, .menuprincipal{display:none;}
	div.ajaxsearchpro[id*="ajaxsearchpro1_"]{width:100% !important}
	.widget-header, #barre-header, #header-droit{width:100% !important; float:left !important; margin:3px 0 0 0 !important;}
	.csbwfs-social-widget{display:none;}
	.navbar-default{background-color:#00634F !important}
}

@media (min-width: 991px) {
	.navbar-responsive{display:none;}
}

@media (max-width: 490px) {
	#barre-header .form-group{max-width:160px;}
}

@media (min-width:491px) and (max-width: 992px) {
	#barre-header .form-group{max-width:200px;}
}

@media (min-width:991px) and (max-width: 1200px) {
	#barre-header .form-group{max-width:90px;}
}

.mega-inner .widgettitle{font-size:16px;}

.navbar-responsive{
	border:none;
	margin:0;
}


/*tableau produits responsive*/

.btn-pdf{display:none;}

@media (max-width: 1199px) {
	.att-slogan{display:none;}
}

@media (max-width: 991px) {
	.social-widget, .att-slogan, .att-image{display:none;}
}

@media (max-width: 768px) {
	.btn-pdf{display:block; width:100%; background:#00634F; color:#fff; font-size:20px; text-align:center; padding:10px; margin:20px 0;}
	.btn-pdf:hover{color:#eee;}
	.btn-pdf-img{display:none;}
}

@media (max-width: 490px) {
	/*.att-pdf{display:none;}*/
	.att-categorie1, .att-categorie2{width:100px;}
}

/*Recherche AJAX */

 .widget-header h2{display:none;}

.pods-pagination-number{ background:#00634F; color:#fff; padding:5px 8px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

.retourdossier h3{ margin-top:0; background:#00634F; color:#fff; text-align:center; padding:8px 2px; border-radius:6px}

#menu-fourrageres {-webkit-padding-start: 0px; padding-left:20px;}

#menu-fourrageres li{ list-style-type: none; margin-bottom:16px;}

#menu-fourrageres li a{	font-size:18px; font-weight:bold; }

#menu-fourrageres .sub-menu li{ list-style-type: disc; margin-bottom:0px; margin:4px 0;}
  
#menu-fourrageres .sub-menu li a{ font-size:16px; font-weight:normal; }

#menu-fourrageres .sub-menu{ -webkit-padding-start: 0px; padding-left:28px;}

.vc_btn-green, a.vc_btn-green, button.vc_btn-green{background-color:#00634F !important;}
.vc_btn-green:hover, a.vc_btn-green:hover, button.vc_btn-green:hover{background-color:#004839 !important;}
.vc_btn-green.vc_btn_3d, a.vc_btn-green.vc_btn_3d, button.vc_btn-green.vc_btn_3d{box-shadow: 0 5px 0 #005443 !important;}

#head-fourragere{
	width: 100%;
	}
@media (min-width: 1200px){
	#head-fourragere h1{
	width: 1170px;
	}
}
#head-fourragere h1{
  margin:0 auto;
  padding:25px 15px;
  color:#fff;
  text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
  font-size:36px;
}
#head-fourragere{ background:url('http://www.semencesdefrance.com/wp-content/uploads/2015/01/fond5.jpg') }

@media (max-width: 992px) {

.menuprincipal{ display:none!important; }

  .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .container #secondary {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .container #primary {
/*    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;*/
  }
}

#menu-en-tete li ul li{ display:block; }
#menu-en-tete li ul li:hover{ background:#00634F;}
#menu-en-tete li ul li:hover a{ color:#fff }
#menu-en-tete li ul{display:none; }
#menu-en-tete li:hover ul{display:block; }
#menu-en-tete li ul{ display: none; /* Masque la sous-liste */
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
    left: 186px; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
    top: 60px; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur, on le positionne explicitement en bas du conteneur */
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
    z-index: 99999;
-moz-box-shadow: 0px 3px 3px 0px #c0c0c0;
-webkit-box-shadow: 0px 3px 3px 0px #c0c0c0;
-o-box-shadow: 0px 3px 3px 0px #c0c0c0;
box-shadow: 0px 3px 3px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=3);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.menu-item-5875{ background:#e1911e; }
.menu-item-5875 a {color:#fff !important}

.formaucunresultat ul{margin-left:0; padding-left:0}
.formaucunresultat .btn{ margin-top:15px !important;}

/**** HOME ****/

.home .entry-header{ display:none; }

.home .lazyloaded{ top:0 !important; height:100% !important;}

.home .searchandfilter ul{ margin-left:0; padding-left:0; }
.home .searchandfilter .btn{ margin-top:12px; background:#FD0 !important; color:#00634F; font-size:18px;}

.home .searchandfilter ul li{ display:block; }
.home .searchandfilter ul li ul li{ width:100%; }

.home .searchandfilter .children{ margin-left:10px; }

.home .blocvert h3, .blocvert h4, .blocvert h5{ color:#fff; }

.home .entry-content{ margin-top: -20px; }

.home .colonne-cat-gauche, .colonne-cat-droite{ padding-left:8px; padding-right:8px; }

.home .colonne-cat-gauche .wpb_content_element,
.home .colonne-cat-droite .wpb_content_element{ margin-bottom:16px;}

.home #chercherproduit{ background:#eee; padding:5px 15px 20px 15px; border-radius:6px;}
.home #chercherproduit h3, #chercherproduit h4{ color:#00634F; }
.home #chercherproduit h3{ font-size:25px; }
.home #chercherproduit h4{ display:inline-block; font-size:14px; width:50px; font-family:"CalibriRegular",Helvetica,"Trebuchet MS",Arial,sans-serif !important;}
.home #chercherproduit select{ font-size:14px; }

.home .petitp p{ font-size:14px; line-height:18px; }

.home .mini-article{ margin-right:15px; height:50px; width:50px; border-radius:6px; border:2px #00634F solid; float:left;}
.home .titre-article{ float:left; }

.home .listeinfos{ padding-left:0; margin-left:0; list-style-type: none; }
.home .listeinfos li{margin-bottom:10px; }

.home .accesdossier{ display:block; background:#e0e0e0; padding:5px 10px; color:#00634F; font-size:13px;   text-transform: uppercase; border-radius:4px;}

.youtubemoyen{ max-width:450px; text-align:center; margin-left:140px;}
@media (max-width:992px){
     .youtubemoyen{ margin-left:0px;}
}


@media (max-width:768px){
.zopim{display:none !important;}
}

.btn-pdf-img img{ border:1px solid #ccc; transition: all 0.5s ease; }
.btn-pdf-img img:hover{ border:1px solid #00634f; transition: all 0.5s ease; }

.btn-demande a{ color:#fff; }
.btn-demande a:hover{ color:#fff; }

#formulaire-demande-variete{
    display:none;
    width:100%;
    background: #f2f2f2;
    float: left;
    padding: 15px 30px;
    border: 1px solid #ccc;
    margin: 10px 0;
    font-size:16px;
}

#formulaire-demande-variete .wpcf7 input[type="text"], #formulaire-demande-variete .wpcf7 input[type="email"] {width:200px;}

.single-post .entry-content a{ border-bottom: 1px dashed #00634f; }

.facebook .wpb_video_wrapper{ padding-top:0 !important; }

/* Fix Responsive */
#primary{ max-width:100%; }

/* Masquer sidebar */
#secondary{ display:none !important; }
#primary { width: 100% !important; }

/* Masquer date posts et auteur */
.byline, .posted-on, .cat-links{ display:none !important; }


.search-results .produits h2{ text-transform: capitalize }


/* Frise iSols */
.frise .vc_column-inner{ padding-left:0 !important; padding-right:0 !important; }

.frise17{ width:17.7%;}
.frise22{ width:22.1%; }
.frise12{ width:12.4%; }
.frise129{ width:12.9%;}
.frise10{ width:9.5%; }
.frise20{ width:20.5%; }

@media( max-width:767px ){
.frise17, .frise22, .frise12, .frise129, .frise10, .frise20{ width:100%;}
}

.vc_progress_bar .vc_single_bar {
    background: #696969 !important;}
    
    
/* ==== GRID SYSTEM ==== */

.wpcf7 .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wpcf7 .row {
  position: relative;
  width: 100%;
}

.wpcf7 .row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.wpcf7 .row p {
  margin:0;
}

.wpcf7 .col-1,
.wpcf7 .col-2,
.wpcf7 .col-3,
.wpcf7 .col-4,
.wpcf7 .col-5,
.wpcf7 .col-6,
.wpcf7 .col-7,
.wpcf7 .col-8,
.wpcf7 .col-9,
.wpcf7 .col-10,
.wpcf7 .col-11,
.wpcf7 .col-12 {
  width: 96%;
}

.wpcf7 .col-1-sm {
  width: 4.33%;
}

.wpcf7 .col-2-sm {
  width: 12.66%;
}

.wpcf7 .col-3-sm {
  width: 21%;
}

.wpcf7 .col-4-sm {
  width: 29.33%;
}

.wpcf7 .col-5-sm {
  width: 37.66%;
}

.wpcf7 .col-6-sm {
  width: 46%;
}

.wpcf7 .col-7-sm {
  width: 54.33%;
}

.wpcf7 .col-8-sm {
  width: 62.66%;
}

.wpcf7 .col-9-sm {
  width: 71%;
}

.wpcf7 .col-10-sm {
  width: 79.33%;
}

.wpcf7 .col-11-sm {
  width: 87.66%;
}

.wpcf7 .col-12-sm {
  width: 96%;
}

.wpcf7 .row::after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 .hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
.wpcf7 .container {
    width: 100%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
.wpcf7 .col-1 {
    width: 4.33%;
  }

.wpcf7 .col-2 {
    width: 12.66%;
  }

.wpcf7 .col-3 {
    width: 21%;
  }

.wpcf7 .col-4 {
    width: 29.33%;
  }

.wpcf7 .col-5 {
    width: 37.66%;
  }

.wpcf7 .col-6 {
    width: 46%;
  }

.wpcf7 .col-7 {
    width: 54.33%;
  }

.wpcf7 .col-8 {
    width: 62.66%;
  }

.wpcf7 .col-9 {
    width: 71%;
  }

.wpcf7 .col-10 {
    width: 79.33%;
  }

.wpcf7 .col-11 {
    width: 87.66%;
  }

.wpcf7 .col-12 {
    width: 96%;
  }

.wpcf7 .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
.wpcf7 .container {
    width: 100%;
    max-width: 100%;
  }
}

/* ==== GRID SYSTEM ==== */

.gridsys .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gridsys .row {
  position: relative;
  width: 100%;
}

.gridsys .row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.gridsys .row p {
  margin:0;
}

.gridsys .col-1,
.gridsys .col-2,
.gridsys .col-3,
.gridsys .col-4,
.gridsys .col-5,
.gridsys .col-6,
.gridsys .col-7,
.gridsys .col-8,
.gridsys .col-9,
.gridsys .col-10,
.gridsys .col-11,
.gridsys .col-12 {
  width: 96%;
}

.gridsys .col-1-sm {
  width: 4.33%;
}

.gridsys .col-2-sm {
  width: 12.66%;
}

.gridsys .col-3-sm {
  width: 21%;
}

.gridsys .col-4-sm {
  width: 29.33%;
}

.gridsys .col-5-sm {
  width: 37.66%;
}

.gridsys .col-6-sm {
  width: 46%;
}

.gridsys .col-7-sm {
  width: 54.33%;
}

.gridsys .col-8-sm {
  width: 62.66%;
}

.gridsys .col-9-sm {
  width: 71%;
}

.gridsys .col-10-sm {
  width: 79.33%;
}

.gridsys .col-11-sm {
  width: 87.66%;
}

.gridsys .col-12-sm {
  width: 96%;
}

.gridsys .row::after {
	content: "";
	display: table;
	clear: both;
}

.gridsys .hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
.gridsys .container {
    width: 100%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
.gridsys .col-1 {
    width: 4.33%;
  }

.gridsys .col-2 {
    width: 12.66%;
  }

.gridsys .col-3 {
    width: 21%;
  }

.gridsys .col-4 {
    width: 29.33%;
  }

.gridsys .col-5 {
    width: 37.66%;
  }

.gridsys .col-6 {
    width: 46%;
  }

.gridsys .col-7 {
    width: 54.33%;
  }

.gridsys .col-8 {
    width: 62.66%;
  }

.gridsys .col-9 {
    width: 71%;
  }

.gridsys .col-10 {
    width: 79.33%;
  }

.gridsys .col-11 {
    width: 87.66%;
  }

.gridsys .col-12 {
    width: 96%;
  }

.gridsys .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
.gridsys .container {
    width: 100%;
    max-width: 100%;
  }
}