/*
Theme Name: Amerson Farms Theme
Author: Media Marketers
Author URI: http://mediamarketers.com
Description: Custom Theme built on Wordpress 4.4 and WooCommerce 2.4 for Amerson Farms
Version: 0.1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}*:before, *:after {box-sizing: border-box;}html, body {height: 100%;overflow-x: hidden;overflow-y: auto;}body {font-size: 1em;font-weight: normal;letter-spacing: 1px;line-height: 1em;margin: -1px !important;padding: 0 !important;text-size-adjust: none;-moz-text-size-adjust: none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}* {box-sizing: border-box;}a{text-decoration: none;}main{display:block;}

html, body {
  font-family: "Bitter", serif;
  font-size: 16px;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

hr { 
  margin: 10px auto 0;
  width: 60%;
}

label[for='hamburger'] {
  cursor: pointer;
  display: block;
  height: 60px;
  padding-left: 1.25em;
  position: relative;
  width: 100%;
}
label[for='hamburger']:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0.75em;
  bottom: 0.75em;
  height: 2em;
  width: 4em;
  background: linear-gradient(
    to bottom,
    white, white 20%,
    #e63b32 20%, #e63b32 40%,
    white 40%, white 60%,
    #e63b32 60%, #e63b32 80%,
    white 80%, white 100%
  );
  -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
.hide {
  opacity: 0;
  left: -45px;
  position: fixed;
  top: 50%;
}
.drawer {
  background: #e63b32;
  display: block;
  max-height: 0;
  overflow: hidden;
  -moz-transition: all 750ms ease-in-out; -webkit-transition: all 750ms ease-in-out; -ms-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out;
}
.hide:checked ~ .drawer {
  max-height: 2500px;
  overflow: visible;
}
.hide:checked ~ label[for='hamburger']:before {
  background: linear-gradient(
    to bottom,
    #4f0d0f, #4f0d0f 20%,
    #e63b32 20%, #e63b32 40%,
    #4f0d0f 40%, #4f0d0f 60%,
    #e63b32 60%, #e63b32 80%,
    #4f0d0f 80%, #4f0d0f 100%
  );
}
.wrapper {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.hide_text {
  font-size: 0 !important;
  line-height: 0;
}
.fa-mirrored:before {
  display: block;
  -moz-transform: scale(-1,1); -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1);
}
.fa-flipped:before {
  display: block;
  -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.diamond {
  display: inline-block;
  margin: 0 25px;
  -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
  vertical-align: middle;
}
.page_title .diamond {
  display: none;
}
.official_dealer {
  border-top: 4px dashed #4a4a4a;
  margin: 80px 0 0;
}
.official_dealer h3 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.25em;
  margin: 80px 0;
  text-transform: uppercase;
}
.sponsors {
  text-align: center;
}
.sponsors:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.sponsors img {
  display: block;
  height: auto;
  margin: 25px auto;
  padding:0 23px;
  vertical-align: middle;
  width: 75%;
}
.cart_nav.full,
.social.full,
.site_logo.full {
  display: none;
}

.content_nav {
  font-size: 0;
  line-height: 0;
  width: 100%;
}
.content_nav .tab {
  background: #42a128;
  display: block;
  float: left;
  font-size: 16px;
  height: auto;
  line-height: 18px;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.tab.open:after {
  border-style: solid;
  border-width: 35px 50px 0 50px;
  border-color: #42a128 transparent transparent transparent;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
  width: 0;
}
.tab.open:nth-of-type(2n):after {
  border-top-color: #75d15c;
}
.content_nav .tab:first-of-type:after,
.content_nav .tab:last-of-type:after {
  border-top-color: #75d15c; 
}
.content_nav .tab:nth-of-type(2n) {
  background: #75d15c;
}
.content_nav .tab:first-of-type,
.content_nav .tab:last-of-type {
  background: #75d15c;
}
.tab .content {
  color: white;
  left: 50%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 42%;
  -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.page_content .tab .content {
  top: 50%;
  font-size: 0.9em;
}
.content_nav .content img {
  display: block;
  margin: 5px auto;
  max-width: none;
}
.content_tabs .content img {
  max-width: none;
}
.content .detail {
  font-size: 0.884em;
  text-transform: none;
}

.login h1 a {
  background-image: url('/wp-content/themes/amerson/images/logo.png');
  background-size: 100% auto;
  height: 136px;
  width: 320px;
}
.login input:focus {
  border-color: #e63b32;
}
.login .message {
  border-left-color: #4f0d0f;
}
.login .button-primary {
  background: #e63b32;
  border: none;
}
.login .button-primary:hover,
.login .button-primary:focus,
.login .button-primary:active {
  background: #4f0d0f;
  box-shadow: inset 0 1px 0 #4f0d0f, 0 0 0 1px #4f0d0f, 0 0 2px 1px #e63b32;
}

@media only screen and (min-width: 321px) {
  .content_nav .tab {
    padding-top: 50%;
    width: 50%;
  }
  .content_tabs .content img {
    max-width: 50px;
  }
}

@media only screen and (min-width: 475px) {
  .content_tabs .content img {
    max-width: 75px;
  }
}

@media only screen and (min-width: 650px) {
  .content_tabs .content img {
    max-width: 95px;
  }
}

@media only screen and (min-width: 769px) {
  .drawer {
    background: transparent;
  }
  .full {
    display: inline-block;
  }
  .mobile {
    display: none !important;
  }
  #wpadminbar.mobile {
    display: block !important;
  }
  .content_nav .tab {
    padding-top: 20%;
    width: 33.33%;
  }
  .content_tabs .content img {
    max-width: 50px;
  }
  .sponsors img {
    display: inline-block;
    margin: initial;
    width: 28%;
  }
  .official_dealer h3 {
    font-size: 2em;
  }
  .page_title .diamond {
    display: inline-block;
  }
}

@media only screen and (min-width: 1280px) {
  .wrapper {
    width: 1280px;
  }
  .tab .content {
    top: 50%;
  }
  .content_tabs .content img {
    max-width: none;
  }
}