@font-face { font-family: 'Footlight MT'; src: url('fonts/FootlightMTLight.eot'); src: url('fonts/FootlightMTLight.eot#iefix') format('embedded-opentype'), url('fonts/FootlightMTLight.woff') format('woff'), url('fonts/FootlightMTLight.ttf') format('truetype'), url('img/FootlightMTLight.svg#FootlightMTLight') format('svg'); font-weight: 300; font-style: normal; } html { background: rgb(0, 0, 0); } h1, h2 { color: rgb(189, 32, 37); font-family: ; font-size: 20px; } h2 { color: ; font-family: ; font-size:1.2em; } h3 { color: ; font-family: ; font-size:; } h4 { color: ; font-family: ; font-size:; } h5 { color: ; font-family: ; font-size:; } a { color: rgb(189, 32, 37); } body { color: rgb(231, 231, 231); font-size: 14px; font-family: 'Arial'; } .headerTop { background: #f4f4f4; } .navWrapper ul li a.video-thumb { border-color: rgb(189, 32, 37); } .navWrapper ul li a .fa { text-shadow: 0px 0px 3px rgb(0, 0, 0); } .navWrapper ul li a .fa:after { background: rgb(0, 0, 0); } @media all and (min-width:768px) { .mainHeader { height:170px; } .headerTop, .headerLeft { height:120px; } .headerLeft img { max-height:120px; } } .headerRight span:not(.caret) { color: rgb(0, 0, 0); font-family: 'Arial'; } a.solidSocialColorHeader { color: rgb(238, 42, 56); font-size:24px; margin-left: 8px; } a.solidSocialColorHeader svg path { fill: rgb(238, 42, 56); } a.solidSocialColorContact i { color: rgb(238, 42, 56); } a.solidSocialColorContact svg path { fill: rgb(238, 42, 56); } a.solidSocialColorFooter { color: rgb(238, 42, 56); font-size:24px; margin-left: 8px; } a.solidSocialColorFooter svg path { fill: rgb(238, 42, 56); } .newsletterSubmit, .headerSearchSubmit { color: #f4f4f4; background: rgb(0, 0, 0); width:75px; } .newsletterSubmit:hover, .headerSearchSubmit:hover { background: ; color: ; } .about { background: rgba(255, 255, 255, 0); color: rgb(231, 231, 231); font-size: 14px; font-family: 'Arial'; border-width: ; border-style: ; border-color: ; border-radius: ; } @media (min-width: 768px) { .about { margin: ; padding: ; } } .newsfeed { background: rgba(0, 0, 0, 0.8); color: rgb(231, 231, 231); font-size: 14px; font-family: 'Arial'; border-width: ; border-style: ; border-color: ; border-radius: ; } @media (min-width: 768px) { .newsfeed { margin: 20px 0; padding: ; } } .newsfeed .storyItem time { color: rgb(189, 32, 37); font-family: 'Arial'; border-color: ; border-bottom-width:; } .storyItem time { border-bottom:1px solid rgb(231, 231, 231); } .storyItem .coupon, .couponsContainer .coupon { border:2px dashed rgb(231, 231, 231); } .mainFooter { background: rgb(69, 69, 69); } @media (min-width: 768px) { .mainFooter { background: rgb(69, 69, 69); } } .mainFooter ul li { display: inline; padding: 0 10px; border-right: 1px solid rgb(255, 255, 255); } .mainFooter ul li a { color: rgb(255, 255, 255); font-family: 'Arial'; } .mainFooter ul li ul.parent { background: rgb(69, 69, 69); } .mainFooter ul li ul.parent li:hover { background: rgba(21,21,21,1); } .copyright, .poweredBy, .poweredBy a, .poweredBy span { color: rgb(255, 255, 255); } @media (max-width: 767px) { .mainFooterMobile .copyright, .mainFooterMobile .poweredBy, .mainFooterMobile .poweredBy a, .mainFooterMobile .poweredBy span { color: rgb(231, 231, 231); } } .cartColor { border:1px solid rgb(0, 0, 0); } .cartSideBar { color: ; background-color: ; border-width: ; border-style: ; border-color: ; border-radius: ; } .cartSideBar a { color: ; } .cartSideBar ul.mobileProductCats li i, .cartSideBar ul.productCats li i { color: rgb(0, 0, 0); } .shippingNote { color: rgb(0, 0, 0); } .checkoutComplete hr, .checkoutConfirm hr { border-color:rgb(0, 0, 0); } svg path, svg rect{ fill: rgb(0, 0, 0); } .likely__widget_facebook svg path { fill: #425497 } .likely__widget_twitter svg path { fill: #00b7ec } .likely__widget_gplus svg path { fill: #dd4241 } .likely__widget_pinterest svg path { fill: #cc002b } .headerRight svg, footer svg { width: 24px; height: 24px; vertical-align: -3px; } .headerRight svg path, .headerRight svg rect{ fill: rgb(238, 42, 56); } footer svg path, footer svg rect{ fill: rgb(238, 42, 56); } .smsIcon svg path { fill: rgb(189, 32, 37); } .smsIcon svg circle { fill: rgb(231, 231, 231); } .burg { background: rgb(0, 0, 0); } .burg:after { background: rgb(0, 0, 0); } .burg:before { background: rgb(0, 0, 0); } .activeBurg { background:transparent; } .itemInfo { border-top: 1px solid rgb(0, 0, 0); border-top-style: ; border-color: ; } .viewToggle, .refineByToggle { color: rgb(231, 231, 231); } .cartSideBar ul li a { color: rgb(231, 231, 231); } .itemInfo h3, .itemInfo span { color: ; } .price, .productDescription h2, .priceOnSale { color: rgb(189, 32, 37); } .price span { color: rgb(231, 231, 231); } .thumbWrapper { border-top:1px solid rgb(0, 0, 0); } .reviewForm .button, .inquire button, .addToCart, .chooseOptionsButton, .cartTotals button, .checkoutButton, .listButton button, .rsvpButton, button.largeButton { background: rgb(189, 32, 37); color: rgb(255, 255, 255); } .reviewForm .button:hover, .inquire button:hover, .addToCart:hover, .chooseOptionsButton:hover, .cartTotals button:hover, .checkoutButton:hover, .listButton button:hover, .rsvpButton:hover, button.largeButton:hover { background: ; color: ; } .inquire button, .addToCart, .chooseOptionsButton, .cartTotals button, .checkoutButton, .listButton button, button.largeButton { background: ; color: ; } .inquire button:hover, .addToCart:hover, .chooseOptionsButton:hover, .cartTotals button:hover, .checkoutButton:hover, .listButton button:hover, button.largeButton:hover { background: ; color: ; } .inquireForm label { color: rgb(0, 0, 0); } .inquireForm { background: rgb(189, 32, 37); } .contactSubmit { color: ; background: rgb(189, 32, 37); } .contactSubmit:hover { background: ; color: ; } .sendInquiry { background: rgb(0, 0, 0) !important; color: rgb(189, 32, 37) !important; } .sendInquiry:hover { background: !important; color: !important; } .sc-association #sc-search button { background: rgb(189, 32, 37); color: rgb(255, 255, 255); } .sc-association #sc-search button:hover { background: ; color: ; } .subReview { border-left: 4px solid rgb(189, 32, 37); } .reviewNewsStar svg polygon { fill: #F2CA22; } .reviewStar svg polygon { fill: #F2CA22; } .headerTop { border-bottom:1px solid rgba(23,23,23,1); } .mainNav ul li { background: rgba(26,26,26,1); } .mainNav ul li a { color: #ffffff; font-family: 'Arial'; border-bottom:1px solid rgba(23,23,23,1); font-size: 16px; margin: ; padding: ; } .mainNav ul li a .caret:before { border-top: 6px solid #ffffff; } .mainNav ul li a .caretUp:before { border-bottom: 6px solid #ffffff; } .mainNav ul li:first-child a { border-top:1px solid rgba(23,23,23,1); } .mainNav ul li ul li { background: rgba(23,23,23,1); } .mainNav ul li ul li a { color: ; } .mainNav ul li ul li a .caret:before { border-top: 6px solid ; } .mainNav ul li ul li a .caretUp:before { border-bottom: 6px solid ; } @media (max-width: 767px) { .mainNav ul li ul li { border-left:5px solid ; } } .pagination li a { border:1px solid rgb(0, 0, 0); color: #ffffff; background: rgba(26,26,26,1); } .pagination li a:hover { background: rgb(0, 0, 0); color: ; } .pagination li.active a { background: rgba(23,23,23,1); color: ; } .newsfeed .pagination li a { border-color: ; color: ; background: ; } .newsfeed .pagination li a:hover { background: ; color: ; } .newsfeed .pagination li.active a { background: ; color: ; } .blogPost h1 { border-bottom:1px solid rgb(231, 231, 231); } .blogPost .blogCreated { color: rgb(231, 231, 231); font-size: 14px; } .storyDate { border-bottom:1px solid rgb(231, 231, 231); } .move-month span::after { border-right: 0.2em solid rgb(231, 231, 231); border-top: 0.2em solid rgb(231, 231, 231); } .event-title { color:rgb(189, 32, 37); } .event-ticket-button { background: rgb(189, 32, 37); color: rgb(255, 255, 255); } .event-ticket-button:hover { background: !important; color: !important; } .eventsContainer ul.event-list li .event-list-details .eventRight .date { border-color: rgb(231, 231, 231); } @media all and (min-width:768px) { .headerTop { border-bottom:0; } .mainNav { background: rgb(0, 0, 0); height: 50px; } .mainNav ul li { height: 50px; display: inline-block; border-right: 1px solid rgb(0, 0, 0); border-left: 1px solid rgba(26,26,26,1); background: rgb(0, 0, 0); } .mainNav ul li:first-child a { border-top:0; } .mainNav ul li:hover { background: rgba(21,21,21,1); } .mainNav ul li ul li:hover { background: rgba(21,21,21,1); } .mainNav ul li:last-child { border-right: 1px solid rgba(26,26,26,1); } .mainNav ul li:hover > ul li { border-color: rgba(21,21,21,1); } .on { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, rgba(21,21,21,1)), color-stop(100%, rgba(23,23,23,1))) !important; background: -webkit-linear-gradient(bottom, rgba(21,21,21,1) 25px, rgba(23,23,23,1) 25px) !important; background: -moz-linear-gradient(bottom, rgba(21,21,21,1) 25px, rgba(23,23,23,1) 25px) !important; background: -o-linear-gradient(bottom, rgba(21,21,21,1) 25px, rgba(23,23,23,1) 25px) !important; background: linear-gradient(to bottom, rgba(21,21,21,1) 25px, rgba(23,23,23,1) 25px) !important; } .mainNav ul li a { color: #ffffff; font-family: 'Arial'; } } @media (min-width: 1200px) { .contain, .mainNav .contain, .mainContent { width:1200px; } .slider-wrapper { max-height:600px; } .mainContent .about { width:75%; } .mainContent .newsfeed { width:25%; } .album { width:calc(20% - 1rem); } .cartSideBar { width:20%; } .productRightSide { width:80%; } .productOptions { width:30%; } .productImages { width:66%; } } .largeHeader { width:100%; height:300px; position:relative; overflow:hidden; background:url('img/largeHeader1.jpg'); background-size:cover; background-position:center center; } @media all and (max-width:767px) { .largeHeader { height:150px; } } #slider.nivoSlider { border-width: ; border-style: ; border-color: ; border-radius: ; } @media all and (min-width:768px) { .mainContent, .mainContainer { margin: ; padding: ; border-width: ; border-style: ; border-color: ; border-radius: ; } } #slider.nivoSlider { border-width: ; border-style: ; border-color: ; border-radius: ; } body { background-image:url("img/siteBGImage.jpg"); background-size: ; background-repeat: ; background-attachment: ; } .headerTop { } .mainFooter { } .cartItem, .productImages, .listView .innerItem, .innerItem { color: ; margin: ; padding: ; background-color: ; border-width: ; border-style: ; border-color: ; border-radius: ; } .albumsContainer-Grid .album span, .albumsContainer-GridTall .album span, .albumsContainer-GridRect .album span { color: rgba(255, 255, 255, 0.79); background-color: rgba(0, 0, 0, 0.8); text-align: center; } .album:hover div:after, .navWrapper li:hover a:after { background-color: !important; } .albumsContainer { justify-content: space-between; } .album:hover img, .navWrapper li:hover img { transform: scale(1.05); } .slider-wrapper { margin: ; padding: ; } .bizInfo { background: rgba(0, 0, 0, 0.8); margin: ; padding: 10px; border-width: ; border-style: ; border-color: ; border-radius: ; } .mainContainer { background: rgba(0, 0, 0, 0.8); margin: 20px auto; padding: 20px; border-width: ; border-style: None; border-color: ; border-radius: ; } @media (min-width: 768px) { body.home header.header-HamburgerOverlayHomeOnly:not(.scrolled) .headerTop, body.home header.header-OverlayHomeOnly:not(.scrolled) .headerTop, header.header-HamburgerOverlay:not(.scrolled) .headerTop, header.header-Overlay:not(.scrolled) .headerTop { background: ; } } @media (min-width: 515px) { .album { width: calc(20% - 1rem); } } .mainNav { text-transform: uppercase; box-shadow: 0 2px 0px 0 rgb(189, 32, 37); } .largeHeader { border-bottom: 2px solid rgb(189, 32, 37); } p { line-height: 1.5em; } .mainContainer, .newsfeed, .bizInfo { border-bottom: 2px solid rgb(189, 32, 37); //**border-top: 2px solid rgb(33, 77, 148);**// box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.8); } @media (min-width: 768px) { .headerLeft { position: absolute; width: 100%; text-align: center; } .headerRight { float: right; } } /**Body Background**/ body { background-color: #fff; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } .Home { background-image: url('img/BodyBG-S2.jpg'); } .page-Aboutus { background-image: url('img/BodyBG-B2.jpg'); } .page-Meettheteam { background-image: url('img/BodyBG-B1.jpg'); } .page-Portfolio { background-image: url('img/BodyBG-S3.jpg'); } .page-Specials { background-image: url('img/BodyBG-B5.jpg'); } .page-Contact { background-image: url('img/BodyBG-B4.jpg'); } .page-Barbershop { background-image: url('img/BodyBG-B1.jpg'); } .page-Salon { background-image: url('img/BodyBG-S1.jpg'); } .page-Testimonials { background-image: url('img/BodyBG-S4.jpg'); }