@charset "utf-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: 100%; 
}

/*#Header#*/

.row, .magellan-container {max-width: 82rem;width: 100%;margin: 0 auto;}
[data-magellan-expedition], [data-magellan-expedition-clone] {
    padding: 0px;
    height: 80px;
}

[data-magellan-expedition].fixed, [data-magellan-expedition-clone].fixed {box-shadow: 0px 0px 5px #888888;background: #FFFFFF;}

[data-magellan-expedition] .sub-nav a {line-height: 5rem;}

.sub-nav a img {
    width: 150px;
    margin-top: -2px;
}

.sub-nav dd {
   margin-left: 20px;
   font-size: .95rem;
}

.sub-nav dd a {color: #87432c;}

.sub-nav dd.ordernow a {color: #fff !important;background: #9fb313;font-weight: bold;padding: 15px 20px;border-radius: 7px;}
.sub-nav dd.ordernow.active a {background: #9fb313 !important; padding: 15px 20px;}

.sub-nav dd.ordernow a:hover, .sub-nav dd.ordernow.active a:hover {
    border: 2px solid #9fb313;
    background: none !important;
    color: #9fb313 !important;
}


.sub-nav dd a:hover {color: #5f200b;}

.sub-nav dd.active a {background: #e8e8e8;padding: 15px 20px;color: #87432c;}
.sub-nav dd.active a:hover {background: #e8e8e8;}


.tab-bar {background: #FFFFFF !important;box-shadow: 0px 0px 5px #888888;}
.tab-bar .menu-icon span::after {box-shadow: 0px 0px 0px 1px #87432c, 0 7px 0 1px #87432c, 0 14px 0 1px #87432c;width: 1.25rem;}
ul.off-canvas-list li a {padding: 1.5rem;}


ul.off-canvas-list a {color: #87432c;text-decoration: none;}
.left-off-canvas-menu {background: #fff;}
.move-right .exit-off-canvas {box-shadow: -2px 0 2px rgba(0, 0, 0, 0.5), 2px 0 2px rgba(0, 0, 0, 0.5);}
.dirtshirt-logo-small img {width: 125px;margin-top: -4px;}


/*#Content#*/
h1 {font-family: 'Open Sans', sans-serif;font-size: 70px !important;color: #21627e !important;text-align: center;line-height: 1.2;padding-top: 40px;padding-bottom: 40px;}
h2 {font-family: 'Open Sans', sans-serif;font-size: 45px !important;color: #fff !important;text-align: center;padding-top: 20px;padding-bottom: 20px;font-weight:600;}
p , ol li {font-family: 'Open Sans', sans-serif;font-size: 1.25rem !important;color: #fff;}
ol li {margin: 0 15px 16px;}
h1 sup {font-size: 30px;}
h2 sup {font-size: 15px;}

.wrapper {margin-top: 80px;margin-bottom: 90px;}
.center {text-align: center;}
.single-list {margin-top: 40px;}
.ordernow-btn {text-align: center;margin-top: 45px;}
.product-info {margin-bottom: 20px;}

.ordernow-btn a {
    color: #fff !important;
    background: #9fb313;
    font-weight: bold;
    padding: 14px 55px;
    border-radius: 7px;
    margin: 0 auto;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
}

.ordernow-btn a:hover {border: 1px solid #9fb313;background: none;}

.infographics ul {
    list-style: none;
    overflow: auto;
}

.infographics li {
    width: 100%;
    float: none;
    clear: both;
}


.infographics ul li img {
    float: left;
    margin-left: 2px;
}

.infographics ul li p {
    float: left;
    width: 80%;
    text-align: left;
    margin-left: 6px;
}

.label {padding: 0 0;font-size: 13px;background-color: transparent;color: #787878;}
select {height: 3.313rem;}
.shirtsku {background-color: #d7d7d7;padding: 26px 20px;}
.title {color: #212121;font-size: 25px;line-height: 30px;height: 60px;text-align: center;}
.note {margin-top: 2rem;border-color:  #000 1px solid;border: 1px solid #fff;background: none;padding: 5px 5px;font-size: 17px !important;}
table tr:nth-of-type(2n) {
    background: none;
}

.priceTable tr:first-child {display:block;}

.priceTable {
    background: none;
    border: none;
    margin: 0 auto;
}

table.priceTable tr td {
    line-height: 0.5rem;
    padding: 8px 2px;
}

.priceCustomer {
    font-size: 30px;
    font-weight: 600;
    color: #d42037;
}

.priceLabel.priceLabelCustomer {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #d42037;
}

ul.out-stock-list {
    margin-bottom: .25rem;
}

.out-of-stock-note {
    border: 1px solid #9f9b9c;
    padding: 17px 13px;
}

.out-of-stock-note p {
    font-size: 11px !important;
    color: #d5354a;
    text-align: left;
}

.out-stock-list li {
    font-size: 11px !important;
    text-align: left;
    color: #5d5d5d;
    margin-bottom: .25rem;
}

.add-to-cart {
    color: #fff !important;
    background: #9fb313;
    font-weight: bold;
    padding: 14px 55px;
    border-radius: 7px;
    margin: 0 auto;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
}

.add-to-cart::after {
    content: "Order Now";
    font-weight: bold;
    font-size: 1rem;
}

.add-to-cart:hover {
    border: 2px solid #9fb313;
    background: #e7e7e7;
}

.add-to-cart:hover:after {color: #9fb313;}

.content-background-1 {
	background: url('//media.mercola.com/assets/images/dirtshirt/clouds-bg.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
        padding-bottom: 25px;
        background-position: 0 30%;
	background-attachment: fixed;
}


.content-background-2 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-2.png');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
        padding-bottom: 20px;
	margin-top: -70px;
	display: inline-flex;
}

.content-background-3 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-3.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
        padding-bottom: 25px;
        background-position: 0 -8%;
	background-attachment: fixed;
	margin-top: -7px;
}



.content-background-4 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-4.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
        padding-bottom: 25px;
        background-position: 0 30%;
	background-attachment: fixed;
	padding-top: 1px;
}

.content-background-5 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-5.png');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	margin-top: -70px;
	display: inline-flex;
}

.content-background-6 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-6.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	margin-top: -20px;
	display: inline-flex;
	background-position: 55%;

}


.content-background-7 {
	background: url('//media.mercola.com/assets/images/dirtshirt/background-7.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	margin-top: -20px;
	display: inline-flex;

}

.content-background-5 .wrapper h2,
.content-background-2 .wrapper h2 {padding-top: 60px;}

.flex-video.widescreen {margin-bottom: 44px;}

#footer {background: #7c402d;height: 100%;margin-top: -7px;}
.copyright {margin: 27px 0;text-align: center;font-size: 16px !important;}

/*#Error Page#*/

.error {background-color: #184e66;padding:70px;}
.error h1 {color: #fff !important;}
.error p {text-align: center;font-size: 1.75rem !important; }
.error p a {text-align: center;font-size: 1rem !important; color: #fff !important;}

.error-graphic {background-color: #184e66;padding-bottom: 20px;margin: 0 auto;}
.error-graphic img {display: block;margin: 0 auto;}


/*#GDPR#*/
.gdpr-container {
    display: block;
    position: fixed;
    bottom: 0;
    background: #F1F2F2;
    z-index: 99999999!important;
    padding: 14px;
    max-width: 360px;
    border-radius: 5px;
    margin: 8px;
    border: 1px solid #c5c5c5;
    box-shadow: 0 3px 2px rgba(146, 144, 144, .5)
}

.off-canvas-wrap.move-right .gdpr-container {
    display: none
}

.gdpr-container .close-button {
    position: static;
}

.gdpr-container .close-button p {
    margin: 0
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    background-color: #9e9c9c;
    text-align: center;
    line-height: 20px;
    text-transform: lowercase!important;
    font-weight: 700;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
}

.gdpr-container .close-button p a:hover {
    background-color: #8c8c8c
}

.gdpr-container>p {
    padding-right: 25px
}

.gdpr-container p {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px !important;
}

.gdpr-container .agree-button {
    text-align: center
}

.gdpr-container p a {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    color:#0869BD;
    text-decoration: none;
}

.gdpr-container .agree-button p {
    padding-bottom: 2px;
    margin: 0
}

.gdpr-container .agree-button a {
    color: #fff!important;
    font-size: 13px;
    background-color: #0869BD;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    padding: 6px 24px;
    border-radius: 5px
}

.gdpr-container .agree-button p a:hover {
    background: #065497
}

@media(min-width:990px) {
    .gdpr-container {
        margin: 0 35px 35px
    }
}


/*#Media Queries#*/

@media screen and (max-width: 1200px) {
.sub-nav dd {margin-left: 15px;}

}

@media screen and (max-width: 1145px) {
.sub-nav dd {margin-left: 10px;}
.sub-nav a img {width: 120px;}
[data-magellan-expedition] .sub-nav a {line-height: 4.5rem;}
[data-magellan-expedition], [data-magellan-expedition-clone] {height: 70px;}
.sub-nav dd {font-size: .875rem;}
}


@media screen and (max-width: 1024px) {
.sub-nav dd {font-size: .815rem;}
.content-background-1, .content-background-4, .content-background-3, .content-background-6  {	background-attachment: scroll; }
}

@media screen and (max-width: 969px) {
h1 {padding-top: 80px;}
.content-background-5 {margin-top: -75px;background-position: 40% 0%;}
.side-image {margin: 0 auto;width: 50%;float: none !important;}
.icon-image {margin: 0 auto;width: 25%;float: none !important;}
.single-list {margin-top: 0px;text-align: center;}
.infographics ul {margin-left: -20px;}
.infographics li {text-align: center;}
.infographics ul li img {margin: 0 auto !important;display: block;width: auto;float: none;}
.infographics ul li p {float: none;text-align: center;width: auto; margin-left: 45px; margin-right: 40px;}
.image.wide {margin: 0 auto;text-align: center;}
.shirtsku {margin-top: 20px;}
.centered {margin-left: auto;margin-right: auto;float: none;}

}

@media screen and (max-width:800px) {
h1 {font-size: 60px !important;}
}

@media screen and (max-width:640px) {
h1 {font-size: 50px !important;}
h2 {font-size: 35px !important;}
p , ol li {font-size: 1rem !important;
}

@media screen and (max-width:480px) {
.side-image {width: 80%;}
.icon-image {width: 25%;}
.title, .priceCustomer{font-size: 26px;}

}