@media (min-width: 481px) and (max-width: 767px) {

  .wildly {
      font-size: 60px!important;
      padding: 0!important;
      line-height: 60px!important;
      color: #001357;
      float: none!important;
      margin-top: 40px!important;
      text-align: center!important;

  }

}

@media (min-width: 1024px) and (max-width: 1327px) {

  .wildly {
      font-size: 80px!important;
      padding: 0!important;
      line-height: 80px!important;
      color: #001357;
      float: right!important;
      margin-top: 40px!important;
  }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

  .wildly {
      font-size: 60px!important;
      padding: 0!important;
      line-height: 60px!important;
      color: #001357;
      float: none!important;
      margin-top: 40px!important;
      text-align: center!important;
  }

}

.textleft {text-align: left;}
.text-left {text-align: left;}
.textright {text-align: right;}
.text-right {text-align: right;}
.margin20bot {margin-bottom: 20px;}
.margin40top {margin-top: 40px;}
.single .copy-area {text-align: left;}
.wildly {
    font-size: 120px;
    padding: 0 10%;
    line-height: 124px;
    color: #001357;
    float: right;
    margin-top: 40px;
    text-align: left;
}
.cat_top {color:#001357;font-size: 90px;letter-spacing: -5px;line-height: 90px;}

.single .alignleft {float:left;margin-right: 20px;margin-bottom: 20px;}
div .wp-caption.alignleft {float:left;margin-right: 20px;margin-bottom: 20px;}
div .wp-caption.alignright {float:right;margin-left: 20px;margin-bottom: 20px;}
.page-id-22281 #content {
  background-image:url('https://www.wildplanetfoods.com/wp-content/uploads/2019/09/iStock-478500151.jpg');
  background-repeat: repeat-x;
  background-size: cover;
}

#gform_5 .gform_wrapper ul.gform_fields li.gfield{padding-right: 6px;}
#gform_wrapper_5 ul.gform_fields li.gfield{padding-right: 6px;}
#gform_wrapper_5 {margin-top:30px!important;}
#gform_wrapper_5 input[type=submit] {    margin-top: 10px;
    width: 100%;
    background-color: #7ac142;
    color: white;
    font-weight: bold;
  }
  #input_5_2_1 {margin-bottom: 10px!important;}
.smalltext {font-size: 13px!important;color:#023f97; }


.danapadding {padding-bottom: 80px;}
.new-tab2019 {
  text-align: right;
  margin: 0;
  padding-right: 0px;
}

.new-tab2019 p {margin:0px;}

.new-tab2019 .button{
  background: #222;
color: #fefefe;
font-size: 1em;
margin: 0;
}

.new-tab2019 .button:hover, .new-tab2019 .button:active{
  background: #999;
color: #000;
font-size: 1em;
margin: 0;
}


#menu-mobile-nav {border-bottom: 1px solid white;padding: 20px 0;}
.home .top-bar .search-form .search-field {color:black}
.top-bar .search-form .search-submit {margin-left:-2px;}

.top-bar .search-form .search-submit:hover {
  background-image: url(/wp-content/themes/wildplanet/assets/images/search.png);
}

.page-id-19657  mark {display: none;}
#search-form-alt [type=text]{ display: inline;width:70%;}
#search-form-alt [type=submit]{ display: inline;width:25%;    padding: .8em 1em;background: #333;}

.page-id-19657 .image-title {
    height: 30vh;
    max-height: 350px;
    min-height: 200px;
}


.bold {font-weight: bold;}
.sanserif {font-family: "Roboto",sans-serif!important;}
.lightblue {color:#18b4e9;}
.lightbluebg {color:#ebf6fc;}
.oceanblue {color:#306eb3;}
#gform_5 .gform_wrapper ul.gform_fields li.gfield{padding-right: 6px;}
#gform_wrapper_5 ul.gform_fields li.gfield{padding-right: 6px;}
#gform_wrapper_5 {margin-top:30px!important;}
#gform_wrapper_5 input[type=submit] {    margin-top: 10px;
    width: 100%;
    background-color: #7ac142;
    color: black;
    font-weight: bold;
  }


.menu-icon {
    width: 35px;
    height: 30px;
}

.border-top {
    border-top: 3px solid #023f97;
}

.height50 {
    height: 50vh;
    min-height: 500px;
}

.button.darkblue {
    background-color: #f8a304;
}
.button.lightblue {
    background-color: #02238a;
    color: white!important;
}

.strong {font-weight: bold;}


.term-description {padding: 10px 0px;}
.inlineheader {font-size: 1.8rem;text-align: center;}
.page-id-20198 .image-title {
    height: 30vh;
    max-height: 350px;
    min-height: 200px;

}

.home .page-top-pad {
    padding-top: 70px;
}
.page-id-14848 .page-top-pad {padding-top: 20px;}
.page-id-14848 .headersize {font-size: 2.2rem;}

.gform_wrapper .top_label .gfield_label {
    display: block!important;
}

#field_2_2 input, #field_2_2 select{   margin: 10px 0 0px !important;}


.show-for-small .wpmenucart {position: absolute;top:0;margin-top: -40px;text-align: center;border-bottom: 1px #fff solid;width: 100%;font-size: 16px;}
#menu-mobile-nav {top: 80px;}

.woocommerce-product-gallery li {padding: 2px;}
#wc-stripe-payment-request-wrapper {
  padding-top: 0px!important;
}
.related .qty {display: none;}
.button.checkout {border: 1px solid #023f97!important;
    border-radius: 0!important;
    padding: 1.5rem 1.25rem!important;
    background-color: #eaeaea!important;
    float: right;
    width: 100%;
    color: #023f97!important;
    margin-top: 20px!important;
  }
  .button.checkout:hover {border: 1px solid #023f97!important;
      border-radius: 0!important;
      padding: 1.5rem 1.25rem!important;
      background-color: #023f97!important;
      float: right;
      width: 100%;
      color: #fff!important;
      margin-top: 20px!important;
    }
textarea, textarea:focus {color: #000!important;}
.woocommerce-checkout textarea, textarea:focus {color: #000!important;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover
{color: #023f97!important;}
.footer .menu a {
color: #868686;
padding: 0 .8rem;
font-size: 12px;}

.page-id-3602 .screen-reader-text DISABLE {
height: 61px;
position: absolute!important;
width: 91px;
word-wrap: normal!important;
overflow: none;
clip:auto!important;
margin-top:7px;
}

.page-id-3602 [type=color], .page-id-3602 [type=date], .page-id-3602 [type=datetime-local], .page-id-3602 [type=datetime], .page-id-3602 [type=month], .page-id-3602 [type=number], .page-id-3602[type=password], .page-id-3602 [type=search], .page-id-3602 [type=tel], .page-id-3602 [type=time], .page-id-3602 [type=url], .page-id-3602 [type=week], .page-id-3602 textarea {
width: 20%;
margin-left: 70px;
float: left;
}
.page-id-3602 .add_to_cart_inline {
height: 70px;
}
.page-id-3602 .woocommerce-Price-amount {
color: #023f97;
display: block;
font-weight: 800;
margin-bottom: .5em;
font-size: 1.5em;
display: none!important;
}



.page-id-3602 .add_to_cart_button {
float: right;
width: 50%;
display: block!important;
margin-top: 0em!important;
}
.menu-icon {font-size: 11px;}
.light-green-bg{background: #c5e0b4;}
.ranked {font-weight: bold; text-align: center;display: block; top: 85px; position: relative; color: white; }
.ranked p { margin:5px 0; line-height: 20px; font-size:1em; display: inline-block; vertical-align: middle; }
.ranked.message a img { padding: 0 10px; }
.ranked.message a {
    display: inline-block;
}
ol.flex-control-thumbs li{list-style-type: none;
list-style-position: outside;
list-style-image: none;float: left;}

.out-of-stock {color:red;font-weight: bold;text-transform: capitalize;}


.cart .quantity {
    display: inline-block;
    position: relative;
}

.single-product  .cart .quantity {position: absolute;}
div.payment_method_stripe[style] {display: block!important;}

.fiftysardines {margin-top: -51px;margin-bottom: 0px;}


.woocommerce .star-rating span {color: #ffce01;}

.footer nav {   text-align: center;    margin: 0 auto;    float: none;padding-top: 10px;}
#menu-footer-menu {    line-height: 25px;}


@media screen and (max-width: 39.9375em) {
.ranked {font-weight: bold; text-align: center;display: block;    top: 35px;    position: relative;padding-top: 2%;}
.ranked img {width: 120px;}
.ranked p {margin-top:30px;font-size:10px;}
.sub-menu>li>a { text-align: center;}
.menu .sub-menu  { margin:0 auto!important;}
.fiftysardines {margin-top: 0px;margin-bottom: 10px;}
.page-template-template-home .page-top-pad{padding-top: 0px;}
.content-section img.alignleft, .content-section img.alignright {display: block;}
.footer img {float: none;display: inline-block;text-align: center;}

.section-vault .medium-12 .row div.strong.padding-top-small span {
    font-size: 16px;
    text-transform: uppercase;
    width: 100% !important;
    display: inline-block;
}

.section-vault .add_to_cart_inline {
    width: 75% !important;
}

}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
.top-bar .medium-8 {    width: 80%!important;}
}

/* single product page */
#main > .woocommerce .breadcrumb {
    position: absolute; right: 10px; top: -25px; font-size: 12px;
}
#main > .woocommerce > .large-10 { position: relative; }
#main > .woocommerce > .large-10 p.price { margin-bottom:0; }
#main > .woocommerce > .large-10 .woocommerce-product-details__short-description {
    padding-top: 25px; padding-bottom: 10px;
}
#main > .woocommerce > .large-10 .large-7 form table.variations { width: 60%; text-transform: uppercase; display: inline-block; }
#main > .woocommerce > .large-10 table.variations tbody { width: 100%; display: block; }
#main > .woocommerce > .large-10 table.variations tbody tr { width: 100%; }
#main > .woocommerce > .large-10 table.variations tbody .label { width: 120px; padding: 3px 15px; text-align: center; }
#main > .woocommerce > .large-10 table.variations tbody .value { padding-left: 120px; text-transform: uppercase; }
#main > .woocommerce > .large-10 table.variations tbody select { text-transform: uppercase; font-size: 13px; font-weight: 600; height: 50px; }
#main > .woocommerce > .large-10 .single_variation_wrap { display: inline-block; width: 39%; vertical-align: top; }
#main > .woocommerce > .large-10 .flex-control-nav { width: 82%; text-align: center; }
#main > .woocommerce > .large-10 ol.flex-control-thumbs li { display: inline-block; width: 15%; float: none; }
#main > .woocommerce > .large-10 .woocommerce-product-rating { display: inline-block; padding-right: 15px; }
#main > .woocommerce > .large-10 .woocommerce-product-rating .star-rating { margin-right: 15px; }
#main > .woocommerce > .large-10 .woocommerce-product-rating .woocommerce-review-link { font-size: 80%; color:#222; }
@media screen and (max-width: 40em) {
    #main > .woocommerce > .large-10 .large-7 form table.variations { width: 100%; }
    #main > .woocommerce > .large-10 .single_variation_wrap { width: 100%; }
    #main > .woocommerce > .large-10 .large-7 .grey.strong { padding-top: 10px; text-align: center; }
    #main > .woocommerce > .large-10 table.variations tbody .value { text-align: right; }
    .logged-in .mobile-login { display: block !important; }
    #main > .woocommerce .breadcrumb {
        position: absolute;
        top: -15px;
        font-size: 12px;
        right: auto;
        left: 18px;
    }
    .section-vault .large-12 .large-8 img { float: none; margin: 0 auto; display: block; }
    .section-vault .add_to_cart_inline span { width: 100% !important; }
    .danapadding {padding-bottom: 10px;}
}

.page-landing {
    background-image:url('http://staging.wildplanet2018.flywheelsites.com/wp-content/uploads/2019/06/wholefoods-bg.jpg');
    background-repeat: repeat-x;
    background-size: contain;
}

.read-more-state {
    display: none;
}

.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
transition: max-height .25s ease, font-size .25s ease, opacity .25s ease 0.2s;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
content: 'Show less';
}

.read-more-trigger {
cursor: pointer;
display: inline-block;
padding: 0 .5em;
color: #666;
font-size: .9em;
line-height: 2;
border: 1px solid #ddd;
border-radius: .25em;
}

.read-more-state:checked ~ .read-more-wrap .read-more-dots {
display:none;
}


.section-vault .add_to_cart_inline {
    width: 100%;
}
@media screen and (max-width:1099px){
	.section-vault .medium-12 .row div.strong.padding-top-small span {
		font-size: 16px;
		text-transform: uppercase;
		width: 100% !important;
		display: inline-block;
	}

}
@media screen and (min-width:1100px){
	.add_to_cart_inline{
		position:relative;
		top:-10px;
	}

	.section-vault .medium-12 .row div.strong.padding-top-small span{
		font-size:16px;
		text-transform:uppercase;
		width:49%;
		display:inline-block
	}

	.section-vault .add_to_cart_inline{
		width: 50%;
	}

}