/* STANDARD ESHOW ELEMENTS - last edited 10/11/2016 - updated for responsive template 6-11-18 (Adriana) ===========================================================================================================*/ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666666; background: url('../images/sitelook/brpattern.png') repeat; background-color: #cccccc; } a { color: #9b0000;} a:hover, a:focus { color: #005580;} .pageTitle {color: #aa1f25; padding-bottom: 15px; margin-top: 0;} h1 { color: #aa1f25; font-size: 30px; } h2 { color: #9b0000; font-size: 26px; } h3 { color: #151036; font-size: 21px; } h4 { color: #666666; font-size: 17px; } .color1 { color: #aa1f25; } .color2 { color: #9b0000; } .color3 { color: #151036; } .bgcolor1 { background-color: #aa1f25; color: #FFF;} .bgcolor2 { background-color: #9b0000; color: #FFF;} .bgcolor3 { background-color: #151036; color: #FFF;} .bgcolorSpecial { background-color: #333; color: #FFF;} .bdcolor1 { border-color: #aa1f25;} .bdcolor2 { border-color: #9b0000;} .bdcolor3 { border-color: #151036;} /* New eShow Styles - TABLE COLOR styles ===========================================================================================================*/ .tb-color1 { /* header row & font color */ color: #FFF; background-color: #aa1f25; } .tb-color2 { /* 2nd row & font color */ color: #FFF; background-color: #9b0000; } .tb-color3 { /* 3nd row & font color */ color: #FFF; background-color: #151036; } .tb-colorLt { /* light row & font color */ color: #333; background-color: #ebebeb; } .tb-colorDefault{ /* used on the {{SALES_SUMMARY}} in emails and admin, with Ami */ color: #333; background-color: #CCC; } .tb-text { /* Default text for all tables that use "tb-text" */ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; text-align: left; } /*========== For table GRIDS / LINES ===================*/ /* Default grey COLOR for table lines - change only if needed*/ .border-table th, .border-table td, .line-table th, .line-table td { border-color: #dddddd !important; } /* MOBILE MENU ===========================================================================================================*/ #mobile-menu > span { color:#aa1f25;} #mobile-menu > span:hover { color:#9b0000;} #toggle-view-menu > li { background-color:#aa1f25;} #toggle-view-menu li:hover { background-color: #9b0000;} #toggle-view-menu span { background-color:#aa1f25;} #toggle-view-menu li.active { background-color:#aa1f25;} #toggle-view-menu .menu-panel { background-color:#aa1f25;} /* TWITTER FEED - Took out twitter old styles for updated 2018 website widget ===========================================================================================================*/ /* BACK TO TOP ===========================================================================================================*/ #back-top a { background-color:#aa1f25;} #back-top a:hover { background-color:#9b0000;} /* CUSTOM TITLES ===========================================================================================================*/ .Custom-title { background-color:transparent; } .Custom-title .title-text { color:#00113D; background-color:transparent; font-size:20px; font-weight:300; text-transform:uppercase; } .countdown-area { padding: 50px 0; } .column-boxes { background-color: #FFF; border: 5px solid #AC1F24; border-radius: 15px; } .column-headers{ padding: 15px 0; background-color: #AC1F24; } .col-header-text { color: #FFF; text-align:center; font-size:18px; text-transform:uppercase; line-height: 1.4em; font-weight: 300; } .countdown-text { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00113D; font-size: 30px; line-height: 4em; font-weight: 300; } .countdown-small { text-align:center; color: #AC1F24; font-size: 16px; font-weight: normal; text-transform:uppercase; } ul#count-down { list-style: none; margin: 0; padding: 0; display: block; text-align: center; } ul#count-down li { display: inline-block; } ul#count-down li.seperator { font-weight: bold; font-size: 26px; line-height: 1.7em; vertical-align: top; padding:12px 3px; font-weight: 300; } ul#count-down li p { color: #AC1F24; font-size: 16px; line-height: 2.5em; font-weight: normal; } /* NEW - GLOBAL UPATED FOR RESPONSIVE TEMPLATE ===========================================================================================================*/ /* Template box container */ .tempate-box { background-color:#fff; box-shadow: 0 0 20px #666;} /* Logo header row */ .logo-header-img { float: left;} /* All navigation styles in responsive_top_nav.css */ /* IMPORTANT - DON'T CHANGE - CSS to funtion as push & pull (switch column positions in phone view) for bootstrap 2*/ #content-area { float:right; } #sidebar-area { margin-left: 0; } @media (max-width: 767px) { #content-area { float:none; } } /* Side column and main content */ .content-row { margin-top: 20px; margin-bottom: 20px; } .side-column { padding: 10px 0 10px 30px; } .admin-column { padding: 0 30px 0 20px; } .border-left { border-left: 1px solid #ebebeb; } .nav-header-area { padding-bottom: 0;} .slideshow2-area { padding-bottom: 30px;} @media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape */ .content-row { margin-top: 15px; margin-bottom: 15px; } .side-column { padding: 0 0 0 15px; } .admin-column { padding: 0 30px 0 20px; } .border-left { border-left: 1px solid #ebebeb; } } @media (max-width: 767px) { /* Landscape phone to portrait tablet */ .content-row { margin-top: 0; margin-bottom: 0; } .side-column { padding: 15px; } .admin-column { padding: 15px; } .border-left { border-left: none; } } /* footer content */ .footer-row { padding-top: 20px; padding-bottom: 20px; } .logo-ft-column { text-align:center; padding-bottom: 15px; } .twitter-ft-column { text-align:center; padding-bottom: 15px; } .social-ft-column { text-align:center; padding-bottom: 15px; } .footer-header-text { color: #FFF; font-size: 14px; font-weight: bold; padding-bottom: 15px;} .social-media-links { text-align: center; } .social-media-links a { font-size: 0.6rem; color: #aa1f25; text-decoration: none; padding: 0 0.2rem; } .social-media-links a:hover, .social-media-links a:focus { color: #aa1f25; } .social-media-links i.fa-inverse { color: #fff;} .social-media-links i.fa-inverse:hover { color: #fff;} @media (max-width: 767px) { /* Landscape phone to portrait tablet */ .footer-row { padding-top: 0; padding-bottom: 0; } .logo-ft-column { padding: 15px; } .twitter-ft-column { padding: 15px; } .social-ft-column { padding: 15px; } } /* CLIENT CUSTOM STYLES ===========================================================================================================*/ .logo_footer { max-width:200px; max-height:120px; padding:0 0 40px 30px; float:left; } /* BASIC MEDIA QUERIES ===========================================================================================================*/ @media (min-width: 1200px) { /* Large desktop */ } @media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape */ } @media (max-width: 767px) { /* Landscape phone to portrait tablet */ } @media (max-width: 480px) { /* Landscape phones and down */ }