/*
Theme Name: Marchaland Farms
Theme URI: http://www.appnet.com
Description: Custom Theme for Marchaland Farms
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/

html * {
  box-sizing:border-box; }
html body, html button, html input, html select, html textarea {
  font-family:"Raleway", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height:1.5em;
}


body.responsive.layout-full #page-wrapper .full-container {
  max-width:1200px;
}

a, a:link, a:visited, a:hover, a:active {
  transition:.4s ease all; }
  
h1, h2, #secondary h3, nav.main-navigation, #callouts a.co .overlay .co-title, #footer-widgets aside h3, .sow-carousel-title .widget-title, #home-content .widget-title {
  font-style:italic;
  font-family:"Lora", serif;
}
h1, h2 {
  font-weight:700 !important;
}

.entry-content h1 {
  line-height:1.2em;
}
.entry-content h2 {
  margin:0;
  padding:20px 0 0 0;
}
.entry-content h3 {
  border-bottom:2px solid #d8d8d8;
  margin:0 0 10px 0;
  padding:10px 0 5px 0;
}
.entry-content h4 {
  margin:0;
  padding:10px 0 0 0;
}
.entry-content h5 {
  font-size:14px;
  line-height:20px;
  margin:0;
  padding:5px 0 10px 0;
}

ul, ol {
  margin:5px 0 20px 0;
  padding:0;
}
ul ul, ol ol {
  margin:0 0 10px 0;
  padding:0;
}

a.btn {
  display:inline-block;
}
a.btn, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .post-navigation a, #image-navigation a, article.post .more-link, article.page .more-link, .paging-navigation a, .woocommerce #page-wrapper .button, .woocommerce a.button, .woocommerce .checkout-button, .woocommerce input.button, #infinite-handle span {
  background:#5dc269;
  border-color:#5dc269;
  border-radius:0;
  color:white !important;
  font-size:16px;
  font-weight:400;
  letter-spacing:1px;
  padding:10px 20px;
  text-decoration:none;
  text-transform:uppercase;
  transition:.4s ease all;
}
a.btn:hover {
  opacity:0.75;
}
a.btn-wide {
  display:block !important;
  text-align:center;
  padding:10px 20px !important;
}


nav.main-navigation {
  background:rgba(37,53,38,0.85);
  position:absolute;
  width:100%;
}
div#sticky-container nav.main-navigation {
  position:fixed;
  width:100% !important;
}
nav.main-navigation ul li {
  margin-top:0 !important;
}
nav.main-navigation ul li a {
  font-size:16px;
  font-style:normal;
  font-weight:400;
}
nav.main-navigation ul li li a {
  background:#253526;
  font-size:14px;
  padding-top:10px;
  padding-bottom:10px;
}
nav.main-navigation ul li li a:hover {
  background:#384f39;
}

#masthead.masthead-logo-in-menu .logo {
  margin-top:12px !important;
}
#masthead {
  border-bottom:10px solid #fec428;
}
#main-slider {
  margin:0 -35px;
}

#header-img {
  background-position:50% 50%;
  background-size:cover;
  height:250px;
  margin:0 -35px;
  position:relative;
    top:0; }
.noheaderimg {
  background-image:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/bg-pasture.jpg'); }



#main {
  padding-top:70px;
  padding-bottom:70px;
}
.home #main {
  padding-top:0;
  padding-bottom:0;
}

#callouts a.co {
  display:block;
}

#primary,
.page-template-default #primary {
  width:69%; }
  

#callouts {
  background:#2d2418;
  border-bottom:10px solid #fec428;
  box-shadow:inset 0 -5px 0 #3f3221, inset 0 5px 0 #3f3221;
  color:white;
  padding:10px 5px !important;
}
#callouts .textwidget {
  margin:5px 0;
}
#callouts a {
  color:white;
  text-align:center;
  text-decoration:none;
}
#callouts a.co {
  background-size:cover;
}
#callouts a.co1 {
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/co1.jpg') 50% 50%;
}
#callouts a.co2 {
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/co2.jpg') 50% 50%;
}
#callouts a.co3 {
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/co3.jpg') 50% 50%;
}
#callouts a.co4 {
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/co4.jpg') 50% 50%;
}

#callouts a.co .overlay {
  background:rgba(63,50,33,0.5);
  position:relative;
  min-height:140px;
  padding:20px;
  transition:.4s ease all;
}
#callouts .textwidget:hover a.co .overlay {
  background:rgba(63,50,33,0);
}

#callouts a.co .overlay .co-title {
  background:rgba(255,255,255,0.6);
  color:#2d2418;
  font-size:28px;
  font-style:italic;
  font-weight:700;
  padding:10px 5px;
  position:absolute;
    top:20px;
  text-align:center;
  transition:.4s ease all;
  width:calc(100% - 40px);
}
#callouts a.co .overlay .co-title span {
  font-weight:400;
}
#callouts a.co .overlay .co-text {
  display:none;
}
#callouts .textwidget:hover a.co .overlay .co-title {
  background:rgba(255,255,255,0.8);
  top:40px;
}

#home-contact {
  align-items:stretch;
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/bg-pattern2.jpg');
  display:flex;
}





#secondary {
  width:29%; }
#secondary .widget {
  background:rgba(0,0,0,0.05);
  margin:0 0 15px 0;
  padding:15px; }
#secondary .widget :last-child {
  margin-bottom:0;
  padding-bottom:0; }
#secondary .widget h3.widget-title {
  border-bottom:2px solid rgba(0,0,0,0.05);
  margin:5px 0 10px 0;
  padding:0 0 5px 0; }
#secondary .widget_recent_entries li {
  margin-bottom:5px; }
#secondary .widget input {
  border:0;
  border-radius:0;
  font-weight:300;
  line-height:30px;
  padding:0 5px;
  width:100%; }
  

body.page #formfields {
  background:rgba(0,0,0,0.05);
  padding:20px;
}
#formfields {overflow:hidden;}
#formfields p {
  display:none; }
#formfields p.full {
  display:block;
  margin:0 0 10px 0;
  width:100%; }
  
#formfields input[type=text], #formfields input[type=email], #formfields select, #formfields textarea {
  border-radius:0;
  border:0;
  font-size:14px;
  padding:10px;
  width:100%;
}
#formfields textarea {
  height:104px;
}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}



#gform_wrapper_2 {
  background:rgba(0,0,0,0.05);
  padding:20px;
}
#gform_wrapper_2 ul.gform_fields li.gfield {
  padding-right:0;
  margin-top:0;
}
#gform_wrapper_2 input, #gform_wrapper_2 textarea {
  display:block;
  margin:0 0 10px 0;
  width:100%;
  border-radius:0;
  border:0;
  padding:10px;
  font-size:14px;
  width:100%;
}
#gform_wrapper_2 input[type=submit] {
  display:inline-block;
  width:auto;
  padding:15px 25px;
  margin-bottom:0;
}
#gform_wrapper_2 .gform_footer {
  margin:10px 0;
  padding:0;
}


footer#colophon {
  border-top:10px solid #fec428;
}

div.wpcf7-validation-errors {
  background:#f7f7a0;
  border:2px solid #f7e700;
}
div.wpcf7-response-output {
  font-size:16px;
  line-height:20px;
  margin:0;
  padding:15px;
}

::-webkit-input-placeholder { 
  color:#666;
}
::-moz-placeholder { 
  color:#666;
}
:-ms-input-placeholder { 
  color:#666;
}
:-moz-placeholder {
  color:#666;
}

.layout-full #colophon {
  padding:0 0 30px 0;
}

#footer-widgets {
  background:linear-gradient(rgba(37,53,38,0.85),rgba(37,53,38,0.85)), url('//www.marchalandfarms.com/wp-content/uploads/2017/03/bg-pasture.jpg') 50% 50%;
  background-size:cover;
  border-bottom:10px solid #231e18;
  margin:0;
  padding:30px;
}
#footer-widgets .widget h3.widget-title {
  border-bottom:1px solid rgba(255,255,255,0.15);
  font-size:24px;
  font-style:italic;
  padding:0 0 10px 0;
  margin-bottom:0 0 10px 0;
}
#footer-widgets aside.widget {
  background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/bg-pattern.png');
  padding:20px !important;
  text-align:center;
}
#footer-widgets aside.widget a.btn {
  background:#2b402c;
  display:block;
  margin:10px auto 0 auto;
  max-width:200px;
}
#footer-widgets aside.widget p {
  margin:0 0 10px 0;
  padding:0;
}

#home-content .widget-title,
.sow-carousel-title .widget-title {
  border-bottom-width:2px;
  display:block;
  font-size:32px;
  font-weight:700;
  padding-right:0;
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {
  border:0;
  font-size:16px;
  line-height:22px;
  margin:10px 0 0 0;
  padding:0;
}
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a span.overlay {
  background:#253526;
}


.archive #primary article,
.blog #primary article {
  background:rgba(0,0,0,0.05);
  padding:20px;
}
.archive #primary article h1,
.blog #primary article h1 {
  font-size:27px;
  margin:0;
  padding:0;
}
.archive #primary article h1 a,
.blog #primary article h1 a {
  text-decoration:none;
}
article.post .entry-header, 
article.page .entry-header {
  margin-bottom:10px;
}

.archive article.post, 
.archive article.page,
.single article.post,
.single article.page {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:0;
}

.page-list-ext .page-list-ext-item {
  background:rgba(0,0,0,0.05);
  font-size:90%;
  font-weight:300;
  line-height:150%;
  overflow:hidden;
  padding:20px;
}
.page-list-ext .page-list-ext-item .page-list-ext-image {
  margin:5px 15px 0 0;
}
.page-list-ext .page-list-ext-item h3 {
  border-bottom:0;
  margin:10px 0;
  padding:0;
}
.page-list-ext .page-list-ext-item a {
  text-decoration:none;
}

ul.long-list {
  align-items:stretch;
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
}
ul.long-list li {
  border-bottom:2px solid white;
  font-size:16px;
  line-height:20px;
  margin:0;
  padding:5px 10px;
  width:33.3333%;
}
ul.long-list li:nth-child(odd) {
  background:rgba(0,0,0,0.05);
}
ul.long-list li:nth-child(even) {
  background:rgba(0,0,0,0.025);
}

table {
  border:0 !important;
}
table tr:nth-child(odd) td {
  background:rgba(0,0,0,0.05);
}
table tr:nth-child(even) td {
  background:rgba(0,0,0,0.025);
}
table tr td,
table tr th {
  border-bottom:2px solid white;
  font-size:16px;
  line-height:20px;
  padding:5px 10px;
}
table tr th {
  background:rgba(0,0,0,0.075);
}




@media (min-width:1200px) { 
  
  body.responsive.layout-full #page-wrapper header#masthead .full-container {
    max-width:100%;
    padding:0 15px;
  }
  
}

@media (min-width:780px) {
  
  #callouts .textwidget {
    background:#3f3221;
    overflow:hidden;
    padding:10px;
    transition:.4s ease all;
  }
  #callouts .textwidget:hover {
    padding:0;
  }
  #callouts a.co .overlay {
    min-height:280px;
  }
  #callouts .textwidget:hover a.co .overlay {
    min-height:300px;
  }
  
  #callouts a.co .overlay .co-text {
    background:rgba(255,255,255,0.8);
    color:#2d2418;
    display:block;
    font-size:14px;
    font-weight:700;
    line-height:16px;
    opacity:0;
    padding:5px;
    position:absolute;
      bottom:10px; left:10px;
    text-align:center;
    text-transform:uppercase;
    transition:.4s ease all;
    width:calc(100% - 20px);
  }
  #callouts .textwidget:hover a.co .overlay .co-text {
    bottom:30px;
    opacity:1;
  }
  
  #pg-3-1 .panel-row-style,
  #pg-3-3 .panel-row-style {
    margin:0 !important;
  }
  
  #home-contact .panel-grid-cell:nth-child(1) {
    background:url('//www.marchalandfarms.com/wp-content/uploads/2017/03/bg-cows.jpg') 50% 50% no-repeat;
    background-size:cover;
  }
  #home-contact .panel-grid-cell:nth-child(2) {
    max-width:600px;
    padding:50px;
  }
  
  
  #footer-widgets .full-container {
    align-items:stretch;
    display:flex;
  }
  #footer-widgets aside.widget {
    margin:0 1%;
    width:31.333%;
  }
  
}


@media (max-width: 1400px) {
  
  #callouts a.co .overlay .co-title span {
    display:block;
  }
  
} @media (max-width: 1080px) { 


} @media (max-width: 780px) { 
  
  #callouts a.co .overlay .co-title span {
    display:inline;
  }
  
  
  .home #pgc-3-0-0, .home #pgc-3-0-1, .home #pgc-3-0-2 {
    margin-bottom:0;
  }
  
  /* umm... yeah. about that. fix this later. */
  #pgc-3-2-1 {
    padding:0 15px !important;
    width:100% !important;
  }
  
  .home .panel-row-style {
    padding:40px 20px !important;
  }

  .entry-content .alignleft, .entry-content .aligncenter, .entry-content .alignright {
    display:block;
    float:none;
    margin:10px auto;
  }
  footer #footer-widgets .widget {
    width:100%; }
    
  ul.long-list li {
    width:50%;
  }
  

} @media (max-width: 530px) {
  
  #masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
    margin-top:6px;
    max-width:250px;
  }
  
} @media (max-width: 480px) { 

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

} @media (max-width: 420px) {
  
  #masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
    margin-top:14px;
    max-width:150px;
  }
  
} 
