/****************************************************************************************************************/

/* 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 Blue: #64b3e2

Dark Blue: #005696

Very Dark Blue: #1c3664

Also any blacks/whites/greys.



*/



body {font-family: 'Oswald', Arial, sans-serif; line-height: 160%!important;}

h1, h3, h5 {color:#015994!important;  text-shadow: 1.1px 1.1px #071838;}

h2 {color:#56b1e9!important; text-shadow: 1.1px 1.1px #015994;}

h4 {color:#071838!important;}

h6 {color:#011016!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:  url(/SiteData/SiteID12/Images/Wispakfooter.jpg); padding: 30px 0 30px 0; color: #56b1e9; }

.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: #1c3664;}

.headerZone a:active, .headerZone a:hover, .contentZone a:active, .contentZone a:hover { color:#56b1e9; }

.footerZone a:link, .footerZone a:visited {color: white;}



/*Site Header*/

.headerZone {background: white;}

.headerZone .SiteNavigation {padding: 0px 30px; background-color: #015994; }

.headerZone .SiteNavigation .sf-menu a {font-size: 20pt!important; padding-left:15px; padding-right:15px; font-weight: medium!important; }

.headerZone .SiteNavigation a {padding: 15px 0;}

.headerZone .SiteNavigation a:hover {color: #56b1e9}

header footer img { padding: 25px 0; }

.headerLogo img {width: 200px; padding: 10px 0; }

.subHeaderText{



    font-family: 'Oswald', Arial, sans-serif;

    font-size:30pt;

}

header{  

	background:  url(/SiteData/SiteID12/Images/Wispakbanner.jpg);

    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: url(/SiteData/SiteID12/Images/WispakNav6.jpg); color: White;}



/*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: #64b3e2!important;}

footer img {width: 200px;}



/* homepage */

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



.bannerimage { 

    width:100%; height: 600px;

    background: url(/SiteData/SiteID12/Images/Wis-Pak-HOME4.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:103px;

    left:60px;

    color: #1c3664;

    text-shadow: 2px 2px #011016;

    line-height: 85pt;

}*/



.CTAbutton { margin: 30px auto 0 auto; width: 7em; background-color: #56b1e9; color: white; font-weight: bold; 

            border-color: transparent; font-size: 1.2em; padding: 0.5em; letter-spacing: .1rem; text-align: center;}

.CTAbutton:hover { background-color: #015994; }



#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: 800px; 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 { font-size:30pt; width: 800px; 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: 800px; max-width: 100%; margin: 0 auto}

.ProductPricing {width: 300px; margin: 0 auto; max-width: 100%;}





/* Login Page */

.loginSection { padding: 20px!important; }



.ProductSKULabel {display: none;}

.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: #015994; border: 3px solid #071838; 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;}





.ccPayInfo.cardInput {height: 830px; width: 1000px;}

.CardInfoForm {width: 1000px;}

.MethodDetails.methodSubForm {width: 1000px; border: 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 20px;}

/*Mobile Header*/

header {display:block; justify-content:space-between; align-items:center; padding: 0 50px;}

header img {max-width: 100%; margin: 10px 0 0 0;}



header .subHeaderText {display: none;}

.expander img {width: 30px;}

	

.ccPayInfo.cardInput {height: 830px; width: 300px;}

.CardInfoForm {width: 300px;}

.MethodDetails.methodSubForm {width: 300px; border: none;}

    

/*Mobile Home Page*/

.bannerimage { 

    background:  url(/SiteData/SiteID12/Images/Wis-Pak-HOME4.jpg);

    width: 100%;

    height: 175px;

    background-size: cover;

    }

.bannerimage::before {

    width: 45%;

   

    font-family: 'Oswald', Arial, sans-serif;

    font-size:60pt;

	    position:absolute;    

    bottom:40px;

    left:40px;

    color: #1c3664;

    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; }}