/*****************************REFLECTIVESTRIPE REV12*****************************/

/* Upload Custom Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,400;1,700&display=swap');

/* Brand Colors
Orange: #fe5200
Light Orange: #ff854c
*/



p {width: 100%;}

/*General and Misc*/

.ZoneBoxHolder { width: 100% !important;}
p {line-height: 1.4; }
.widgetWrapper {  margin-bottom: 0; }
.colZoneContainer { table-layout: fixed;}
.PanelHeader {padding: 0}





/*Site Header*/
.headerZone {background-color: white;}
.headerZone .SiteNavigation {background-color: #d1d1d1;}
.headerZone .SiteNavigation .sf-menu a {text-align: center; border-right: 1px solid #e1e1e1; padding-top: 7px; }
.headerZone .SiteNavigation .sf-menu a:hover {background-color: #f1f1f1;}
.headerZone {position: -webkit-sticky; position: sticky; top: 0; z-index: 1500}

header footer img { padding: 25px 0; }
header {padding: 0 35px;}

.headerLogo {}
.headerLogo img {width: 300px; margin-top: 5px;}

/*Sidebar*/
.QuickPicks { padding-top: 30px!important;}
.LoginLinks { display:none; }
.SearchWrapper .CompactInput { max-width:95%; }
.leftColZone > .zonePadding { padding-top: 50px; padding-left: 50px; margin: 15px 50px 0 30px;}

.leftColZone .ProductGroupNavigation a {font-size: 14pt; color: black; font-family: 'Open Sans', sans-serif;}
.leftColZone .ProductCategoryNavigation a {font-size: 14pt; color: black; font-family: 'Open Sans', sans-serif;}
.productSearchInput .searchWrapper input[type="image"] { margin-left:0.2em; }
.productSearchInput .searchWrapper .compactInput { max-width: 90% }
.leftColZone {background-color: white;}


/* footer */
footer { text-align: center;}
.topFooter {text-align: center; background-color: #fe5200; width: 100%; padding: 20px; color: white; font-weight: bold; font-size: 14pt}
.topFooter a {color: white; font-size: 14pt; text-decoration: underline; font-weight: bold;}
.footerZone { padding: 30px 0 30px 0; background-color: white;}
footer nav { margin-bottom:10px; }
footer nav ul { display:block; list-style-type:none; padding: 20px 0; }
footer nav ul li {display:inline-block; border-right:1px solid white; 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: 'Open Sans', sans-serif; font-size:14pt; color: black;}

.copyright {padding-bottom: 25px;}

/* homepage */
.hero {background-image: linear-gradient(to right, #d1d1d1, white, #d1d1d1); border-top: 1px solid black; border-bottom: 1px solid black;}
.hero img {width: 993; margin: 0 auto; display: block;}

.SiteHome .leftColZone { display:none !important; }
.Slideshow {background-image: linear-gradient(to right, #d1d1d1, white, #d1d1d1); border-top: 1px solid black; border-bottom: 1px solid black;}
.FullCoverBackgroundImage { 
    width:100%; height: 500px;
    background: url(/SiteData/SiteID18/Images/heroReflectiveStripe.JPG) no-repeat center center ;
   	background-repeat: no-repeat;
    background-size: cover;
       position:relative;
    
}

.herotext { color: white; font-family: 'Open Sans', sans-serif; margin-top: 150px; font-size: 3.5rem;}


.CTAbutton {
margin: 30px auto;
width: 15vw;
background-color: #f8f8f8;
color: #fe5200;
text-align: center;
font-weight: bold;
border-color: transparent;
font-size: 1.6em;
padding: 0.75em;
letter-spacing: .1rem;
font-family: 'Open Sans', sans-serif;
border: 2px solid #fe5200;}

.CTAbutton:hover {
  color: #f8f8f8;
    background-color: #fe5200 ;
  transition: 0.0s;
    border: 2px solid #f8f8f8;
}

/* 2-column landing page component */

.TwoColLandingComponent { padding:3em 0; }
.TwoColLandingComponent .fullWidthLogo img { max-width:100%; display:block; margin:0 auto; }
.TwoColLandingComponent h2 { margin:0.5em 1em; text-align:center; }
.TwoColLandingComponent .columns { max-width:1000px; margin:0 auto;}
.TwoColLandingComponent .columns h5 { margin:0 0 0.5em 0; text-align:center }
.TwoColLandingComponent .columns .colContainer { float:left; padding:0 0.4em; }

.TwoColLandingComponent .columns .col1 { padding: 0px 0.8em; width: 50%; float: left; }
.TwoColLandingComponent .columns .col2 { padding: 0px 0.8em; width: 50%; float: left; }


/* 3-column landing page component */
.ThreeColLandingComponent { padding:3em 0; }
.ThreeColLandingComponent .fullWidthLogo img { max-width:100%; display:block; margin:0 auto; }
.ThreeColLandingComponent h2 { margin:0.5em 1em; text-align:center; }
.ThreeColLandingComponent .columns { max-width:1200px; margin:0 auto;}
.ThreeColLandingComponent .columns h5 { margin:0 0 0.5em 0; text-align:center }
.ThreeColLandingComponent .columns .colContainer { float:left; padding:0 0.4em; }

.ThreeColLandingComponent .columns .col1 { padding: 0px 1em; width: 33%; float: left; }
.ThreeColLandingComponent .columns .col2 { padding: 0px 1em; width: 33%; float: left; }
.ThreeColLandingComponent .columns .col3 { padding: 0px 1em; width: 33%; float: left; }

.ThreeColLandingComponent .col1 img {max-width: 175px;}

/*Catalog*/
.Catalog .PanelHeader, .ResultStatistics {display: none;}
.CategoryImage img {width: 100px;}

/* Product Detail */

#w1000552_imgPreview {max-width: 100%;}

#w1000508_lblRequiredFields {display: none;}

.ProductSurvey::after {
    content: ' ';
    clear: both;
    height: 1px;
    display: block;
}

.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; }
.ImageGalleryPopup .PanelHeader { padding-left: 0.2em !important; }
.ProductDescription {text-align: center;}
.ProductPricing .PanelHeader { font-size: 14pt; }
.ProductDescription {text-align: left;}
.ProductPricing, .ProductDetail, .ProductMatrix {max-width: 700px; margin: 30px auto;}
.MatrixOrderForm th {padding: 0 15px 5px 15px;}
.ProductDetailLink {cursor: pointer;}
.ProductSurvey {max-width: 700px; margin: auto; font-size: 10pt;}


.ProductSurvey .QuestionDiv .FormLabel {height: 5vh;}
.radioWrapper {font-size: 10pt;}
.ProductMatrix {margin-top: 100px;}



/*Survey Columns*/
.WidgetType94 .QuestionDiv:first-child { height: 100%; width: 100%;}
.WidgetType94 .QuestionDiv {width: 33%; float: left; height: 70px;}




/* Login Page */
.NewAccountInvitation { padding: 0 20px 0 20px!important;}
.NewAccountInvitation .PanelHeader {color: black;}

/*Cart*/
.CartTotal, .CartTotalLabel { font-size: 14pt; }
.QuickAddForm { font-size:13pt; font-family: 'Open Sans', sans-serif; }
.cartTotals .totalsRow { padding: 0.3em 3px 0.3em 0.3em;}
.cartTotals .totalsRow .numeric { padding-right: 3px !important; }
.cartBody {background-color: #d1d1d1; padding: 1em; margin-top: 40px;}
.cartCTAbutton {
float: right;
background-color: #f8f8f8;
color: #fe5200;
text-align: center;
font-weight: bold;
border-color: transparent;
font-size: 11pt;
padding: 0.25em 0.5em;
font-family: 'Open Sans', sans-serif;
border: 2px solid #fe5200;}

.cartCTAbutton:hover {
  color: #f8f8f8;
    background-color: #fe5200 ;
  transition: 0.0s;
    border: 2px solid #d1d1d1;
}

.CartUpload {display: none;}

/*Checkout */
.OrderBillToAddress, .PaymentSummary, .PaymentMethodSelection, .GiftCertificate { padding-bottom: 25px; }
.ReceiptHeader { background-color:white;}
.ReceiptHeader + div { text-align:center; padding:15px; margin: 25px 0; }
.AddressSelector { background-color:white; padding:10px;}
.OrderConfirmation .itemDeleteLeft .CartHeader .cartItemThumb {margin-left: 0%; } 

.CartHeader {padding: 15px 0 10px; font-size: 14pt;}
.FormLabel, .PanelFooter, .infoWrapper {color: black;}

/*Checkout Sequence and My Account Widths and Banners*/
.PackageTracking, .CartTable, .ArtVault, .PasswordReset, .AddressBook, .ShoppingCart, .OrderShipping, .OrderShipVia, .OrderShippingButtons, .PaymentSummary, .OrderBillToAddress, .PaymentTypes, .OrderPaymentButtons, .OrderConfirmation, .Receipt {max-width: 900px; margin: auto; padding-top: 30px;}
.PageNameBanner {background-color: #fe5200; text-align: center; text-transform: uppercase; padding: 5px 0; margin-bottom: 50px; clear: both;}
.PageNameBanner h1 {font-weight: bold; color: #ffffff; }

/*Stripe Details, Stripe Locations, ANSI Standards*/

.StripeDetails, .StripeLocations {margin: 30px 0}
.StripeDetails .CTAbutton, .ANSIstandards .CTAbutton {width: 150px; margin: 20px 0}
.StripeDetails p, .StripeLocations p {font-size: 16pt;}
.StripeLocations .LocationContainer {margin-top: 30px;}
.StripeLocations .LocationContainer a {font-size: 16pt; text-align: right;}
.ANSIstandards h2 a {font-size: 18pt!important;}
.StripeLocations img {max-width: 100%;}


/*MOBILE STYLES*/

@media only screen and (max-width:950px) {

    .hero img {width: 100%;}
    .CTAbutton {
width: 125px;
font-size: 12pt;
line-height: 1;
    padding: 5px;}    
    .QuickPicks   {display: none!important;}
    .BillboardTextBlock2 h1 {font-size: 36pt; line-height: 1.2;}
.garment img {width: 100%; height: auto;}
.ThreeColLandingComponent .columns .col1, .ThreeColLandingComponent .columns .col2, .ThreeColLandingComponent .columns .col3 { width: 100%;}

.ProductImageGallery .WidgetBody > a:first-child { padding:0; width: 100%; }
#pnlZoneBoxHolder.SiteHome .contentZone {padding: 0;}
.contentZone {padding: 20px;}
.CategoryResultEntry, .ProductGroupResultEntry, 
    .SubCategoryResultEntry {width: 100%!important;}
.ProductResultEntry {width: 100%!important;}
    
/*Mobile Header*/
header {display:block; justify-content:space-between; align-items:center; padding: 0 50px;}
header img {max-width: 200px!important;}
header .subHeaderText {display: none;}
.searchWrapper {float: left; margin: 16px 30px; padding: 0;}
.headerZone .SiteNavigation {padding:0px;}
.expander img {padding: 14px 30px 10px 10px;}    
#Header img {width: 150px;}
#Header img + img{width: 75px;}
.headerLogo img {width: 400px; margin: 0 0 5px -50px;}
.headerLogo2 img {display: none;}
    
.searchWrapper {display: none;}
.productSearchInput {display: none;}
    
/*Mobile Home Page*/
.leftColZone .ProductGroupNavigation {display: none;}
.leftColZone .ProductCategoryNavigation {display: none;}
.FullCoverBackgroundImage {height: 600px;}
.BillboardTextBlock2 {height: 600px;}

      
/*Mobile Footer*/
.footerZone {padding: 30px 0 30px 0;  margin: 0;}