/*PRIMARY TYPEFACE > MONTSERRATMAIN HEADINGS: Montserrat Semi Bold with Tracking of 100 and in capitals Please note: all headings to be Burgandy colour: #552236 and in capitals*/ body{ font-family: 'Montserrat', sans-serif; } /*SECONDARY TYPEFACE Northwell Mainly used in for web banner artwork on the homepage and in signup areas of the site. */ @font-face { font-family: Northwell; src: url('/_apps/randalls/php_theme_includes/css/Northwell/TTF/Northwell.ttf'); } @font-face { font-family: Northwell-Alt; src: url('/_apps/randalls/php_theme_includes/css/Northwell/TTF/Northwell Alt.ttf'); } @font-face { font-family: Northwell-Swash; src: url('/_apps/randalls/php_theme_includes/css/Northwell/TTF/Northwell Swash.ttf'); } /* ******* FONT TO BE PURCHASED ******** */ .secondText{ font-family: 'Northwell', 'Northwell-Alt', 'san-serif'; } /* MAIN TEXT HEADING COLOUR COMPLIMENTING TEXT OR ILLUSTRATION COLOUR MAIN COLOUR: MUSTARD #A87D40 OR PURE WHITE */ h1, h2, h3, .form-item label{ color: #552236; font-weight: 600; } a:hover, a:focus{ color: #A87D40; } .colour1bg{ background-color: #552236; color: #A87D40; } .colour1bg{ color: #A87D40; } .colour1bg.text2{ color: #fff; } body a { color:#000; } footer a { color:#fff; } /* COMPLIMENTING TEXT OR ILLUSTRATION COLOUR MAIN CHOICE: PINK #CB948E OR PURE WHITE */ .colour2text{ color: #0F5057; } .colour2bg, .mailchimpblock, .btn-default:focus, .btn-default.focus{ background-color: #0F5057; color: #CB948E; } .colour2bg.text2, .mailchimpblock{ color: #fff; } /* COMPLIMENTING TEXT OR ILLUSTRATION COLOUR MAIN CHOICE: BURGANDY #552236 OR TEAL #0F5057 OR PURE WHITE */ .colour3text{ color: #CB948E; } .colour3bg, .btn.btn-pink{ background-color: #CB948E; color: #552236; } .colour3bg.text2{ color: #0F5057; } .colour3bg.text3, .btn.btn-pink{ color: #fff; } /* COMPLIMENTING TEXT OR ILLUSTRATION COLOUR MAIN CHOICE:BURGANDY #552236 OR PURE WHITE */ .colour4text{ color: #A87D40; } .colour4bg, #header_mid .cart_text a > span:first-child, #header_mid .cart_text a:last-child{ background-color: #A87D40; color: #552236; } #header_mid .loginLink { float: left; } img.logo { margin: auto; display: block; } #header_mid .loginLink a > span:first-child { background: #A87D40; background-color: #A87D40; color: #fff; padding: 0; border-radius: 50%; width: 35px; height: 35px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-right: 5px; } #header_mid .account-link i { color: #fff; font-size: 18px; line-height: 35px; padding-right: 1px; } .colour4bg.text2{ color: #fff; } /* FEATURE AREA BACKGROUND COLOUR */ .featuredbk{ background-color: #EAE9E1; } /* MAIN BACKGROUND COLOUR FOR THE SITE */ body{ background-color: #F7F7F5; } /* MAIN MENU COLOUR */ .menuBackground{ background-color: #fff; } /* SUB TEXT COLOUR SUB TEXT:Montserrat Regular with no tracking Please note all sub text to be black */ .subText{ font-weight: 400; color: #000; } /*Global*/ .overflow-auto { max-height: 150px !important; overflow-y: scroll; display: inline-block; background-color: #EAE9E1; padding: 20px; } input[type="checkbox"]{ float: left; width: 20px; margin: 7px; } .form-item label { margin-top: 15px; } .form-item label.checkLabel { margin-top: 0px; } .title { font-size: 24px; text-transform: uppercase; border-bottom: 2px SOLID #552236; padding: 20px 0px; margin-bottom: 40px; margin-top: 30px; } .btn.fullheight{ line-height: 10px; } .btn.checkout { max-height: 40px; } .body.page, .body.policy{ margin-bottom: 0px; } .body.page section, .body.policy section{ margin-bottom: 150px; } /* HEADER */ #header_top { text-align: center; text-transform: uppercase; padding: 4px; } #header_mid > .container > .row > [class*="col-"] img.logo{ height: 135px; width: unset; } #header_mid form#search_form i{ left: 15px; font-size: 9px; } #header_mid form#search_form input[type="submit"]{ height: 31px; width: 31px; } #header_mid form#search_form input[type="text"] { width: 75%; float: right; height: 10px; } #header_mid .cart_text a:last-child{ color: #fff; } #header_mid .cart_text a:last-child { color: #fff; border-radius: 14px; font-weight: 600; font-size: 13px; padding: 10px 14px; } #header_mid .cart_text i { font-size: 18px; } #header_bottom{ background-color: #fff; color: #552236; } #header_bottom ul#main_menu > li > a{ color: #552236; font-weight: 600; font-size: 18px; } #header_bottom ul#main_menu > li > a > span{ line-height: 30px; } li:first-child { margin-left: auto; } li:last-child { margin-right: auto; } #header_bottom{ border-bottom: 0px; } #header_bottom ul#main_menu > li > .sub_menu { max-width: 100%; margin-left: auto; margin-right: auto; border-top: 0px; } #header_bottom ul#main_menu > li > .sub_menu .fourLevelMenu li{ width: 100%; padding: 0px; } .MenuPromo { width: 100%; } .productPromo { margin: 10px; } #header_bottom ul#main_menu .MenuPromo .panel_img { height: 225px; } #header_bottom ul#main_menu > li > .sub_menu li a { font-size: 20px; color: #552236; } #header_bottom ul#main_menu > li > .sub_menu li ul li a { font-size: 14px; font-weight: normal; } #header_bottom ul#main_menu > li > .sub_menu li { line-height: 40px; } #header_bottom ul#main_menu > li:hover > .sub_menu { /* padding: 30px; */ } /*Footer*/ #footer{ background-color: #44403d; } #footer section{ margin: 0px; } #footer h4 { font-size: 13px; padding: 3px 0px; margin-top: 25px; text-transform: uppercase; } .quickLinks li { font-size: 12px; } .getInTouch li { float: left; padding-right: 15px; font-size: 25px; padding-top: 6px; } .footermenu .title { font-size: 10px; border: 0px; text-transform: capitalize; margin: 0px; padding: 20px 10px 0px 0px; float: left; } footer .footer_sub{ color: #fff; font-size: 10px; } .newsletter input { padding: 10px; font-size: 12px; margin: 0px; height: 35px; float: left; color: #44403d; } .newsletter .btn-blue { background-color: #2f5ba8; margin: 0px; padding: 0px; font-size: 12px; height: 35px; width: 70px; } /*Blocks*/ .ctawide{ background-color: #fff; } .ctaBlock .cta.image { max-height: 40px; float:left; margin-right:5px; } .ctaBlock a { font-size: 11px; font-weight: 600; text-transform: uppercase; line-height:110%; } /* .ctaBlocks { margin: 5px 0px; display: flex; } .ctaBlock { float: left; margin: 3px auto; line-height: 15px; } */ section#banner{ margin: 0px; } .slide a{ float: left; } section#banner .slide{ height: unset; } .subbanners{ display: flex; } .subbanner { float: left; width: 25%; margin: auto 15px; } .subbanner img, .subbanner a { width: 100%; padding: 10px; text-align: center; display: inline-block; font-weight: 600; color: #552236; text-transform: uppercase; } section#banner .banner-text{ display: flex; max-width: unset; float: left; width: 100%; left: 0px; top: 68%; } section#banner .slide a.btn.btn-default { background-color: #552236; margin: auto !important; font-size: 20px; text-transform: uppercase; border-radius: 10px; height: 60px; line-height: 38px; position: relative; font-weight: 600; padding: 8px; } .mailchimpblock{ text-align: center; padding: 20px 0px 80px; } .mailchimpblock .secondText{ font-size: 75px; line-height: 75px; padding: 35px; } .mailchimpblock .subText{ text-transform: uppercase; font-weight: 600; color: #fff; } /* Add to cart */ .addToCartForm .btn-default i, .addToCartForm .btn-primary i { display: none; } /*Buttons*/ .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn-default, .btn-primary, .btn-secondary { background: #552236; text-transform: uppercase; padding: 16px 25px; font-weight: 400; color: #fff; } .btn-default:hover, .btn-default.active:hover, .btn-secondary:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #fff; background-color: #0F5057; border-color: #fff; } .btn-secondary { background: #A87D40; color: #fff; } .btn-block { display:block; width:100%; } /*Product list*/ .sort { margin-bottom: 15px; } .homeproducts h1 { font-size: 28px; border-bottom: 2px SOLID #552236; padding: 10px 0px 20px; margin: 30px 0px 60px; text-transform: uppercase; font-weight: 600; } .panel_container .panel p.price span { font-size: 13px; margin-top: 14px; display: inline-block; font-weight: bold; } .panel_container.panel_products .product_content { float: left; margin-bottom: 10px; } .panel_container.panel_products .product_content .panel { background-color: white; } .panel_container.panel_products .product_options{ margin: 0px; } .product_content.Drow .panel-body { margin-top: 15px; } .panel_container .panel .product_reviews { margin-top: 60px; font-size: 12px; font-weight: bold; } .panel_container .panel .reviewCount { margin-left: 10px; } .panel_container .panel .reviewLink i { font-size: 14px; margin: 2px; } .panel_container .panel p.price{ margin-bottom: 10px; } .panel_container.panel_products .panel h3 { min-height: 75px; } .panel_products .fa.fa-heart-o, .panel_products .fa.fa-heart { position: absolute; right: 10px; bottom: 30px; color: #A87D40; } .panel_products .qtyspacer { height: 25px; } /* .panel_container .panel .panel_buttons{ height: 100px; } */ .panel_container .panel .btn.btn-default.viewButton { display: inline-block; margin-top: 50px; } .SpecialOffer { background-color: #A87D40; padding: 0px 5px; font-size: 9px; color: #fff; position: absolute; left: 10px; top: 25px; text-transform: uppercase; font-weight: bold; line-height: 15px; } .panel_products .btn { font-size: 9px; } .filters .title { width: 100%; display: inline-block; margin: 5px 0px; padding: 1px; font-size: 14px; text-align: left; margin-top: 15px; } .filter_list li ul li { padding-left: 5px; } .filters_radio ul li li a{ padding-left: 0px; left: 0px; } .filterproducts{ display: none; } .filter_list .close { font-size: 36px; color: black; opacity: 100; padding: 0px 15px; } /* Product */ .body .product { margin-top: 80px; } .product_img img{ max-height: 500px; } .product_img { max-width: 500px; max-height: 500px; } .product .product_title.title { font-size: 27px; font-weight: bold; } .product .product_SKU { font-size: 20px; font-weight: bold; margin-top: 5px; display: inline-block; } .product .product_reviews { margin-top: 60px; font-size: 12px; font-weight: bold; } .product .reviewCount { margin-left: 10px; } .product .reviewLink i { font-size: 14px; margin: 2px; } .product .addtocartarea { text-align: center; border: 2px solid black; background-color: white; padding: 25px 10px; width: 85%; margin: auto; margin-top:30px; } .product .price { margin-bottom: 30px; display: inline-block; } .product #addToCartButton,.product .addToCartButton { margin: 10px 0; padding: 20px; width: 100%; height: auto; font-size: 14px; background-color: #A87D40;; } .product_options.op2 { display: block; margin-bottom: 0px; } .option.qty .small { width: 100%; float: left; } .select-area i { display: none; } .product_options .input-name { width: 100%; text-align: center; } .product_options .select-area { width: 100%; height: 35px; font-size: 18px; } .product_options .option select { margin: 0px; width: 100%; height: 35px; border: 2px SOLID #552236; } .product .btn{ font-weight: bold; } .product .wishlist { font-size: 8px; padding: 12px 8px; text-transform: uppercase; margin-right: 0px; } h1.hr{ font-size: 24px; text-transform: uppercase; border-bottom: 2px SOLID #552236; padding: 20px; margin-bottom: 40px; margin-top: 30px; } a.product_social{ background-color: #A87D40; } a.product_social:hover{ background-color: #552236;; } .productBundles { margin-bottom: 50px; } .discount_item { width: 24%; } .product p.price span.discountPrice { font-size: 26px; width: 100%; display: inline-block; } .product p.price span.hasSaving { color: black; font-size: 24px; margin-top: 10px; display: inline-block; } .discount_item.icon { font-weight: bold; font-size: 50px; color: #552236;; } /* Checkout */ .cart_item.header{ color: #fff; } .qop .cart_item.header { font-size: 10px; } .checkout_progress_step img, .checkout_progress_step svg{ fill: #A87D40; } .checkout_progress_step:not(.todo) svg{ fill: #552236; } .dayBlock { display: inline-block; float: left; width: 100px; border: 1px SOLID black; height: 110px; text-align: center; } .deliveryDates label { width: 100%; display: inline-block; border: 1px SOLID black; text-align: center; font-size: 10px; padding: 0px; margin: 1px 0px; } .deliveryDates input[type="radio"]{ display: none; } .deliveryDates input[type="radio"]:checked + label, .deliveryDates label.selected { background-color:#552236; color: #fff; } .deliveryDates .line1 { width: 45px; height: 2px; left: 0; border-bottom: 1px solid red; -webkit-transform: translateY(-9px) translateX(50px) rotate(13deg); /*position: absolute;*/ } .deliveryDates .disabled { background-color: #EAE9E1; opacity: 70%; } .calendar-day-head { text-align: center; font-weight: bold; } .day-number { text-align: center; background-color: #A87D40; color: #fff; font-weight: 600; } .calendar.mobile { display: none; } /*blog*/ .container.post { margin-top: 15px; } .blog_side .box h2.title { color: white; font-weight: bold; } /*QOP*/ .qop .price .SellPrice { font-size: 16px; } .qop .fa.fa-heart-o, .qop .fa.fa-heart { color: #A87D40; } .qtyboxsml { width: 50%; margin-left: auto; margin-right: auto; text-align: center; } body #header_bottom ul#main_menu > li > a { padding: 0.5em 0.75em; display: block; } #header_bottom ul#main_menu > li .sub_menu .row > div:last-child { display: block !important; } #header_bottom .mobile_menu_button a{ color: #000; } #header_bottom ul#main_menu > li > .sub_menu .fourLevelMenu li{ width: 100%; display: contents; } body #header_bottom ul#main_menu > li > .sub_menu li a /* body #header_bottom ul#main_menu > li > .sub_menu li a:hover */{ padding: 0px; line-height: 20px; margin-bottom: 10px; } body #header_bottom ul#main_menu > li > .sub_menu li a:hover{ padding: 0px; } #header_bottom ul#main_menu > li .sub_menu ul li { padding-left: 15px; } #header_bottom ul#main_menu > li a{ line-height: 30px; } #header_bottom ul#main_menu > li > a > span{ padding: 9px 16px 9px; } #header_top { display: none; } #header_bottom > .container { position: static; } .container.review .checkout_progress + .col-xs-12 > h1 { margin-top: 15px; } #main_menu .sub_menu small { font-size: 11px; font-weight: normal; line-height: 14px; display: none; margin-top: 10px; margin-right: 30%; } .mailForm { margin-top: 20px; margin-left: 20%; width: 60%; color: #0F5057; } .mailForm #mc_embed_signup{ border-radius: 20px; padding: 20px; } #mc_embed_signup form { margin-bottom: 0px; } #mc_embed_signup .button { background-color: #4d5758; padding: 12px; line-height: 1; height: 40px; width: 125px; } @media only screen and (max-width : 1200px) { .deliveryDates .line1 { -webkit-transform: translateY(-9px) translateX(35px) rotate(13deg); } } @media only screen and (max-width : 992px) { .deliveryDates .line1 { -webkit-transform: translateY(-9px) translateX(25px) rotate(13deg); } } @media only screen and (max-width : 992px) { .calendar.mobile { display: block; } .calendar.desktop { display: none; } .deliveryDates .line1 { -webkit-transform: translateY(-30px) translateX(30px) rotate(13deg); } td.calendar-day { padding: 0px !important; } .deliveryDates label { margin: 5px 0px; height: 70px; line-height: 60px; } .deliveryDates .deliveryDates label:focus { background-color:#552236; color: #fff; } #header_mid i{ background-color: #A87D40; padding: 0; border-radius: 50%; width: 35px; height: 35px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: white; } #header_mid .account-link i, #header_mid #searchLink i{ color: white; padding: 0; } .panel_container { width: unset; } .cart_text.small a{ float: right; } #main_image{ width: unset; } body #header_bottom ul#main_menu > li > .sub_menu li a /* body #header_bottom ul#main_menu > li > .sub_menu li a:hover */{ padding: 8px 0px; line-height: 20px; } body #header_bottom ul#main_menu > li > .sub_menu li a:hover{ padding: 8px 0px; line-height: 20px; } } @media only screen and (max-width : 500px) { .deliveryDates .line1 { -webkit-transform: translateY(-30px) translateX(15px) rotate(13deg); } .calendar-day-head { width: 20vw; } } /*Sidebar changes*/ .sortby form{ margin-bottom: 0px; } .filter_list{ display: none; right: 0; top: 0; z-index: 10000; background: white; height: 100%; border-left: 5px SOLID #060606; padding: 0px 0px 75px 0px; position: fixed; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } .filter_list::-webkit-scrollbar { display: none; } .filter_list h4 { padding-top: 7px; margin-top: 10px; margin-bottom: 20px; padding: 15px; } .filter_list .filters{ padding: 5px 15px; } .filterButtons{ position: fixed; bottom: 0; display: flex; width: 33%; } .filter_list .filterClose{ padding: 10px 0px; background-color: black; opacity: 1; text-align: center; color: white; width: 50%; } .filter_list .filterSearch{ bottom: 0px; background-color: #552236; padding: 10px 0px; color: white; width: 50%; } /* .filter_list li ul { display: block !important; } */ .priceFilter { display: flex; -moz-box-pack: justify; justify-content: space-between; position: relative; flex: 1 1 0%; width: 100%; margin-right: 0px !important; margin-left: 0px !important; margin-top: 25px !important; padding: 0px 10px; } .priceFilter .priceInput[aria-checked="true"] + .priceValue::before { background-color: rgb(0, 0, 0); background-image: url("/_apps/randalls/php_theme_includes/images/tick.png"); background-size: 15px; } .priceFilter::before { bottom: 40px; width: 85%; left: 30px; content: ""; position: absolute; height: 1px; background-color: rgb(0, 0, 0); } .priceFilter .priceCircle { cursor: pointer; display: flex; flex: 1 1 0%; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; } .priceFilter .priceValue { display: inline-block; line-height: 1; position: relative; font-family: Concept-Regular; font-size: 14px; padding-top: 40px; padding-bottom: 0px; } .priceFilter .priceValue::before { content: ""; display: inline-flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); max-width: 8vw; max-height: 8vw; } .priceFilter .priceInput { display: none; opacity: 0; visibility: hidden; } .priceFilter .priceCircle:first-child > span::before { left: 10px; } .priceFilter .priceCircle:first-child > span::before { left: 0px; transform: translateX(0px); } .priceFilter .priceValue::before { bottom: 20px; } .filter_list .selected { font-weight: bold; } .row.sort { display: flex; justify-content: space-between; } .row.sort div { display: flex; align-items: center; } .mr-1{ margin-right: 1em; } .mr-2{ margin-right: 2em; } .mr-3{ margin-right: 3em; } .mr-4{ margin-right: 4em; } .ml-1{ margin-left: 1em; } .ml-2{ margin-left: 2em; } .ml-3{ margin-left: 3em; } .ml-4{ margin-left: 4em; } @media only screen and (max-width : 1280px) { .filter_list { width: 50%; } .filterButtons{ width: 50%; } } @media only screen and (max-width : 996px) { .filter_list { width: 90%; } .filterButtons{ width: 90%; } .filter_list ul > li { width: 90%; } .sort .sortamount a, .sort .sorttemplate a{ display: none; } .sortamount { padding-left: 15px; } .sort .filter_open.ml-2 { display: block; margin: 0px; padding: 10px; } .panel_container.panel_products .product_content{ padding: 5px; } .row.sort{ display: block; margin: -10px; } .row.sort div { display: grid; align-items: center; width: 100%; padding-bottom: 10px; } }