/****************************************************************************************************************/
/* TOM/CULVER Site - Rev 1 - 2021-12-02                                                              */
/****************************************************************************************************************/

/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Oswald:wght@200;300;400;500;600;700&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*Brand Colors

Light Green: #a9c47f
Dark Grey: #848484	Very Dark Grey/Black: 232323
Pioneer Green: #4a7729
Also any blacks/whites/greys.

*/

body {font-family: 'Oswald', Arial, sans-serif!important;  line-height: 160%!important; font-weight: normal!important; font-size: 11pt;}
h1, h3, h5 {color:#848484!important; text-transform: uppercase; text-shadow: 1.1px 1.1px #4a7729; font-weight: normal!important;}
h2 {color:#ffffff!important; text-transform: uppercase; text-shadow: 1.5px 1.5px #719949;font-weight: normal!important;}
h4 {color:#4a7729!important; text-transform: uppercase;font-weight: normal!important;}
h6 {color:#011016!important; text-transform: uppercase;font-weight: normal!important;}


body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background-attachment: fixed;
}

.FormLabel { font-size:13pt; }
.formField { height: 2em; }
ol { list-style-type: auto; padding-left:2em; }

.tableText, .CartTable { color: inherit !important; }

.ZoneBoxHolder { text-align: left; display: table; width: 100% !important; }
p { margin-bottom: 10px; }
.zonePadding { padding: 0}
.footerZone { background-color: #232323; padding: 30px 0 30px 0; color: #a4a5a4; }
.widgetWrapper {  margin-bottom: 0; }
.colZoneContainer { table-layout: fixed; }
.PanelHeader { padding-left: 0 !important;}

/* Style overrides */
.headerZone a:link, .headerZone a:visited, .contentZone a:link, .contentZone a:visited  { color: #4a7729;}
.headerZone a:active, .headerZone a:hover, .contentZone a:active, .contentZone a:hover { color:#a9c47f; }
.footerZone a:link, .footerZone a:visited {color: white;}

/*Site Header*/
.headerZone {background: white;}
.headerZone .SiteNavigation {padding: 0px 30px; background-color: #848484; }
.headerZone .SiteNavigation .sf-menu a {font-size: 20pt!important; padding-left:15px; padding-right:15px; font-weight: medium!important; text-transform: uppercase;}
.headerZone .SiteNavigation a {padding: 15px 0;}
.headerZone .SiteNavigation a:hover {background: #4a7729}
header footer img { padding: 25px 0; }
.headerLogo img {width: 200px; padding: 15px 0 10px 0; }
.subHeaderText{
    text-transform:uppercase;
    font-family: 'Oswald', Arial, sans-serif;
    font-size:31pt;
}
header{  
	background: #232323;
    display:flex;justify-content:space-between; align-items:center; padding: 0 50px;
}



/*Sidebar*/
.QuickPicks { padding-top: 30px!important; }
.LoginLinks { display:none; }
.SearchWrapper .CompactInput { max-width:95%; }
.leftColZone { padding: 10px 25px 10px 50px; background: #232323; color: #a4a5a4;}

/*Product Images Sizes*/
.ItemImageDetail .ProductImage img {max-height: 200px;}
.StandardProductImage {height: 300px;}
.ItemImageDetail .ProductImage .thumbnail {height: 150px;}
.CategoryImage .thumbnail {max-height: 200px;}

/* footer */
footer { text-align: center; }
footer nav { margin-bottom:10px; }
footer nav ul { display:block; list-style-type:none; }
footer nav ul li { display:inline-block; border-right:1px solid black; padding: 0px 10px; line-height: 1em; }
footer nav ul li:last-child { border-right:none; }
footer nav a, footer nav a:link, footer nav a:active, footer nav a:visited {font-family: 'Oswald', Arial, sans-serif; font-size:14pt; color: white;}
footer nav a:hover {color: #719949!important;}
footer img {width: 200px;}

/* homepage */
#pnlZoneBoxHolder.SiteHome .leftColZone { display:none !important; }

/*.bannerimage { 
    width: 100%; height: 600px;
    background: url(/SiteData/SiteID10/Images/PioneerSplashImage4.jpg);
   	background-repeat: no-repeat;
    background-size: cover;
    background-position:bottom 70% left 0;
    position:relative;
}*/

/*
.bannerimage::before {
    content: Welcome! ;
    width: 45%;
    text-transform:uppercase;
    font-family: 'Oswald', Arial, sans-serif;
    font-size:75pt;
    position:absolute;    
    bottom:150px;
    left:60px;
    color: #4a7729;
    text-shadow: 2px 2px #011016;
    line-height: 85pt;
}
*/

.Slideshow {width:100%;}

.CTAbutton { margin: 30px auto 0 auto; width: 7em; background-color: #4a7729; color: white; 
            border-color: transparent; font-size: 1.2em; padding: 0.5em; letter-spacing: .1rem; text-align: center;}
.CTAbutton:hover { background-color: #a9c47f; }

#homepage-text {margin: 25px 0;}
#homepage-text h2 { text-align:center; font-size: 36pt;}
#homepage-text h2 + p {margin-left: auto; margin-right: auto; text-align:center; width: 50%;}

/* Product Listings */
.SearchTable img.thumbnail { max-width:150px; max-height:120px; }
.SearchTable .ProductImage a { 
    display: inline-flex; 
    height: 160px; width: 160px; 
    background-color: rgb(255, 255, 255);
    padding: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.SearchTable a, .SearchTable a:link, .SearchTable a:hover, .SearchTable a:active, .SearchTable a:visited { font-size:16pt; }
.SearchTable img { max-width:150px; max-height:150px; }

/* Product Detail */
.ProductHeaderWidget, .ProductDescription {width: 750px; margin: 0 auto;}
.MatrixOrderForm {width: 450px; margin: 0 auto; margin-bottom: 20px;}
.PriceTable .PanelHeaderPermanent {font-size: 10pt;}
.ProductPriceDetails td {padding: 5px!important;}

.ProductImageGallery .DefaultPanel { border-style:none;}
.ProductImageGallery .WidgetBody > a:first-child { 
    padding:10px; width: 420px; height:420px; background-color: #FFFFFF; display:inline-flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ProductImageGallery .StandardProductImage {max-width:100%; max-height:410px; box-sizing:border-box; }
.ProductMatrix .PanelHeader, .ProductDetail .PanelHeader, .Widget1000469 .PanelHeader { display:none; }
.ProductHeaderName { line-height: 45px; padding-bottom: 15px; font-size:30pt; width: 750px; margin: 0 auto; max-width: 100% }
.ProductHeaderSKU { font-size:24pt; }
.ImageGalleryPopup .PanelHeader { padding-left: 0.2em !important; }
table.FullWidth, #w1000469_trQuantity { font-size: larger; }
.ProductDescription {text-align: center; width: 750px; margin: 0 auto; max-width: 100%}
.ProductPricing {width: 350px; margin: 0 auto; max-width: 100%;}
h6.PanelHeader {font-weight: normal; text-transform: uppercase; font-size: 22pt; color: #4a7729!important}











/* Login Page */
.loginSection { padding: 20px!important; }

.CartHeader { border-bottom:1px solid #000000; }
.CartTotal, .CartTotalLabel { font-size: 20pt; }
.QuickAddForm { font-size:13pt; font-family: 'Oswald', Arial, sans-serif; }
.cartTotals .totalsRow { padding: 0.3em 3px 0.3em 0.3em;}
.cartTotals .totalsRow .numeric { padding-right: 3px !important; }
.CartUpload {display: none;}

/*Checkout */
.PaymentSummary .PanelHeader{ border-bottom: 1px solid #000000; }

#w1000478_pnlOrderReferenceNum br { display:none; }
#w1000478_pnlOrderReferenceNum span { display:block; }
.OrderBillToAddress, .PaymentSummary, .PaymentMethodSelection, .GiftCertificate { padding-bottom: 25px; }

.ReceiptHeader { background-color:white; border:1px solid #000000; }
.Receipt .ReceiptHeader + div {margin: 25px 0; padding: 20px; font-size: 18pt; color: white; background: #232323; border: 3px solid #719949; text-align: center;} 
.AddressSelector { background-color:white; padding:10px; border: 1px solid #000; }
.OrderConfirmation .itemDeleteLeft .CartHeader .cartItemThumb {margin-left: 0%; } 

.addressEntryForm .formInputBlock:nth-of-type(13) {display: none;}

/*MOBILE STYLES*/

@media only screen and (max-width:650px) {
    .ProductImageGallery .WidgetBody > a:first-child { padding:0; width: 100%; }
    #pnlZoneBoxHolder.SiteHome .contentZone {padding: 0;}
    .contentZone {padding: 20px ;}
    #homepage-text {padding: 0px 10px;}
/*Mobile Header*/
header {display:block; justify-content:space-between; align-items:center; padding: 0 20px;}
header img {max-width: 100%; margin: 10px 0 0 0;}

header .subHeaderText {display: none;}
.expander img {width: 30px;}
.ProductHeaderName { font-size:30pt; width: 300px; margin: 0; max-width: 100% }
	
	
    
/*Mobile Home Page*/
/*.bannerimage { 
    background: url(/SiteData/SiteID10/Images/Corn_Harvest_Aerial_C3419_F.jpg);
    width: 100%;
    height: 225px;
    background-size: cover;
    }
	*/
/*	
.bannerimage::before {
    content: 'Welcome!';
    width: 45%;
    text-transform:uppercase;
    font-family: 'Oswald', Arial, sans-serif;
    font-size:60pt;
	    position:absolute;    
    bottom:40px;
    left:40px;
    color: #4a7729;
    text-shadow: 2px 2px #011016;
    line-height: 85pt;
}
*/
	
    #homepage-text h2 + p {margin-left: auto; margin-right: auto; text-align:center; width: 100%;}
	
	.ProductGroupNavigation {display: none;}

/*END MOBILE STYLES*/

#faq p, #faq a:link, #faq a:active, #faq a:visited, #faq a:hover, #faq ol, #faq ul, #faq li { font-size:15pt; }
#faq ol, #faq ul { margin-bottom:10px; padding-left:1em;}
#faq li { margin-bottom: 15px; padding-left:1.5em; }
#faq li:last-child { margin-bottom:0;}

#faq ol li span.answer::before { content: '\2022'; display: inline-block; position: relative; left: -2.3em; width: 0; }
	#faq ol li span { display: block; }}