/* Theme Name:Play'n'Learn Theme URI:http://pnl.dmm.net.nz/ Description:Play'n'Learn. Version:1.0.0 Author:DMM Author URI:https://www.dmm.net.nz */ /* Open Sans 400 = Regular 700 = Bold Roboto: 300 = Light 400 = Regular 700 = Bold Raleway: 400 = Regular 500 = Medium 600 = Semi Bold 800 = Bold 900 = Black */ body{ font-family:'Roboto',sans-serif; font-size:14px; line-height:1.7; font-weight:400; color:#363636; background:#FFFFFF; } h1{font-family:'Raleway', sans-serif;font-size:48px;font-weight:900;} h2{font-family:'Raleway', sans-serif;font-size:30px;} h3{font-family:'Raleway', sans-serif;font-size:25px;} h4{font-family:'Raleway', sans-serif;font-size:22px;} h5{font-family:'Raleway', sans-serif;font-size:20px;} h6{font-family:'Raleway', sans-serif;font-size:16px;} a{color:#363636;} a:hover{color:#60A845;} a:focus{outline:0px;} .nothing{clear:both;margin:0px;padding:0px;} .spacer50{margin-top:50px;} .container{max-width:1170px;} .headings{margin:0px;padding:0 0 25px 0;color:#60A845;font-weight:500;text-transform:uppercase;} .headings span{color:#636363;font-weight:900;} .home header{margin-bottom:21px;border-top:4px solid #60A845;} header{position:relative;border-top:4px solid #60A845;z-index:512;} header .container{position:relative;} #logo{position:absolute;top:20px;left:0px;} #logoSmall{position:absolute;top:40px;left:140px;} #topLinks{float:right;margin-top:-4px;} .phoneLink{float:left;padding:9px 25px 0 0;display:block;line-height:26px;} .phoneLink img{margin-right:11px;} .phoneLink:hover{text-decoration:none;} #topBar{float:left;padding:0px 34px 0px 43px;background:#60A845;-webkit-border-bottom-right-radius:16px;-webkit-border-bottom-left-radius:16px;-moz-border-radius-bottomright:16px;-moz-border-radius-bottomleft:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;} #topBar a{float:left;color:#FFFFFF;display:block;} #topBar a:hover{color:#FFFFFF;text-decoration:none;background:#57993F;} .divider{float:left;} .vdivider{float:left;padding:8px 0 3px 0;color:#FFFFFF;} .link1{padding:8px 22px 3px 21px;} .link2{margin-right:22px;padding:8px 16px 3px 16px} .link3{margin:0 3px 0 8px;padding:8px 9px 3px 9px} .link4{margin:0 10px 0 4px;padding:8px 9px 3px 9px} .link5{margin:0 1px 0 11px;padding:8px 7px 3px 7px} .link6{padding:8px 7px 3px 7px} .btn-primary{color:#ffffff; background-color:#60A845 !important; border-color: #60A845 !important; } .btn-primary:hover{color:#60A845 !important; background-color:#F8E509 !important; border-color: #F8E509 !important; } #menu{float:right;margin:29px 0 23px 0;} #menu-main-menu{float:left;margin:0px;padding:0px;list-style-type:none;} #menu-main-menu li{padding:0px 10px;display:inline-block;} #menu-main-menu li a{padding:0 5px;font-size:24px;color:#252525;font-weight:300;line-height:33px;text-transform:uppercase;display:block;} #menu-main-menu li a:hover{color:#60A845;font-weight:700;text-decoration:none;} .ubermenu .ubermenu-tab-content-panel .ubermenu-target-text{font-weight:normal !important;} .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target:hover, .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-active > .ubermenu-target{color:#ffffff !important; background-color: #60A845 !important;} #search{float:left;margin-left:15px;padding:7px 28px 5px 50px;background:#F8E509 url(./images/design/search-icon.png) no-repeat 28px 15px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} #search input{width:280px;padding:4px 0 0 0;color:#363636;border:0px;background:transparent;} #cart{float:left;margin-left:14px;} #cart .cartLink{position:relative;padding:11px 21px 5px 53px;color:#363636;background:#EEF5EB;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:block;cursor:pointer;} #cart .cartLink img{position:absolute;top:13px;left:23px;} #shopMSG{padding:14px 0 12px 0;font-family:'Raleway', sans-serif;font-size:18px;color:#FFFFFF;font-weight:800;text-transform:uppercase;text-align:center;background:#60A845;} .mini_shopping_cart{left:auto !important;right:15px;width:300px;margin:0px !important;padding:0px;text-align:left;border-radius:0px !important;background:#FFFFFF;z-index:1024;box-shadow:0px 0px 0px rgba(0,0,0,0);} .mini_shopping_cart .woocommerce-mini-cart__empty-message{margin:0px;text-align:center;} .mini_shopping_cart ul{margin:0px;padding:0px;list-style-type:none !important;} .mini_shopping_cart .woocommerce-mini-cart-item{position:relative;padding:4px 10px !important;} .mini_shopping_cart .woocommerce-mini-cart-item .quantity{display:block;} .mini_shopping_cart .woocommerce-mini-cart-item .remove{position:absolute;top:0px;right:0px;width:auto;height:auto;padding:10px;font-size:16px;color:#FF0000;text-align:center;line-height:13px;text-decoration:none;border-radius:0;background:#FFFFFF;} .mini_shopping_cart .woocommerce-mini-cart-item .remove:hover{color:#FFFFFF;background:#FF0000;} .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{display:block;font-weight:700;} .mini_shopping_cart .woocommerce-mini-cart-item .size-woocommerce_thumbnail{float:right;width:80px;height:80px;margin:0 10px 0 0;} .mini_shopping_cart .woocommerce-mini-cart__total{margin:20px 0 0 0;padding:10px;color:#636363;background:#EDF5E6;} .mini_shopping_cart .woocommerce-Price-amount{float:right;display:inline-block;} .mini_shopping_cart .woocommerce-mini-cart__buttons{margin:0px;} .mini_shopping_cart .woocommerce-mini-cart__buttons a{width:49.505%;padding:10px;font-weight:400;color:#FFFFFF;text-align:center;text-decoration:none;line-height:initial;border-radius:0;background:#60A845;display:inline-block;} .mini_shopping_cart .woocommerce-mini-cart__buttons a:hover{color:#60A845;background:#F8E509;} .mini_shopping_cart .woocommerce-mini-cart__buttons .checkout{margin-left:1%;} .woocommerce .woocommerce-product-gallery__image{text-align: center;} .woocommerce .woocommerce-product-gallery__image img{max-height:400px !important;width:auto !important;display: inline-block !important;} .woocommerce .woocommerce-product-gallery__image .zoomImg{max-height: none !important;} .woocommerce-MyAccount-navigation-link--edit-address{display:none;} .woocommerce div.product p.price, .woocommerce div.product span.price{color:#62A744 !important;} .woocommerce ul.products li.product .price{color:#62A744 !important; font-size: unset !important} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{color:#62A744 !important;} .woocommerce div.product .stock{color:#62A744 !important;} .woocommerce_dispatch_field{color:#62A744 !important;margin-bottom:20px;} .woocommerce-variation-estimated-dispatch-field{color:#62A744 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid #62a744;background-color: #62a744;color: #ffffff !important ; display: inline-block;position: relative;z-index: 0;border-radius: 4px 4px 0 0;margin: 0 -5px;padding: 0 1em} .woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #ffffff !important} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{border: 1px solid #62a744;background-color: #ffffff;color: #363636 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color: #363636 !important} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{color: #ffffff !important; background-color: #62a744 !important;} .woocommerce-error, .woocommerce-info, .woocommerce-message{border-top: 3px solid #62a744;color: #363636;background-color: #EEF5EB;} .woocommerce-info::before{color: #62a744 !important;} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{border: 1em solid #62a744; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: #EEF5EB;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background-color: #62a744 !important; color: #ffffff !important;} section.up-sells{display:none !important;} #bannerSection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:stretch;} #bannerHolder{position:relative;flex:0 0 59%;} #bannerHolder img {width:100%;max-height:919px;} #pattern1{position:absolute;bottom:0px;right:0px;width:100%;height:97px;background:url('./images/design/pattern1.png') no-repeat right bottom;z-index:256;} #bannerHolder .navArrows{position:absolute;top:34px;right:35px;width:50px;height:50px;background:url(./images/design/vertical-arrows.png) no-repeat 0% 0%;cursor:pointer;z-index:128;} #bannerHolder .next{top:102px;background-position:0 100%;} #importantStuff{margin:0px 21px 0 25px;display:flex;flex-wrap:wrap;justify-content:center;} #bannerSection .fullWidth{width:100%;padding:48px 25px 43px 14px;display:flex;align-items:center;justify-content:center;} #bannerSection .fullWidth .left-box{margin-right:7px;} #bannerSection .halfWidth{width:calc(50% - 13px);margin:24px 0 0 13px;padding:28px 40px 90px 52px;text-align:center;} #bannerSection .firstBox{margin-left:0px;margin-right:13px;} #bannerSection .greyBox{background:#EAEAEA;} #bannerSection .greyBox h2{margin:0 0 6px 0;padding:0 0 0px 0;color:#60A845;font-weight:500;text-transform:uppercase;} #bannerSection .greyBox h2 span{color:#636363;font-weight:900;} #bannerSection .greyBox p{margin:0px;color:#8d8d8d;text-align:left;} #bannerSection .greyBox .readMore{float:left;margin-top:13px;padding:9px 31px 9px 26px;font-size:13px;color:#8D8D8D;font-weight:700;text-transform:uppercase;border:2px solid #BABABA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block} #bannerSection .greyBox .readMore:hover{text-decoration:none;} #bannerSection2{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;align-content:stretch;} #bannerHolder2{position:relative;flex:0 0 59%;} #bannerHolder2 img {width:100%;max-height:919px;} #bannerHolder2 .navArrows{position:absolute;top:34px;right:35px;width:50px;height:50px;background:url(./images/design/vertical-arrows.png) no-repeat 0% 0%;cursor:pointer;z-index:128;} #bannerHolder2 .next{top:102px;background-position:0 100%;} #standardBanner #bHolder #pattern{height:221px;margin-bottom:33px;background:url(./images/design/pattern.png) no-repeat 0% 0%;} /* HOMEPAGE BLOG LINKS */ #hptext a{font-weight:bold !important;} /* BREADCRUMBS */ #breadcrumbs{color:#000000;} /*#breadcrumbs .crumbs{padding:20px 0px;}*/ #breadcrumbs .crumbs{padding-bottom:20px;margin-top: -80px;} .single-cart_approval #breadcrumbs .crumbs{padding-bottom:20px;margin-top: 100px;} .single-cart_approval .woocommerce-message{display:none;} .single-cart_approval .wc-proceed-to-checkout{display:none;} .single-cart_approval .attachment-woocommerce_thumbnail{width:32px !important;} #breadcrumbs a{padding:0px;color:#000000;text-decoration:none;} #breadcrumbs a:hover{color:#60A845;} #breadcrumbs .divider{margin:0px 5px;color:#000000;} #ourStory{position:relative;/*height:1127px;*/padding:204px 0 256px 0;background:url('./images/design/background.png') no-repeat center top;} #ourStory .padRight{padding-right:15px;} #ourStory #storyText{float:right;max-width:510px;margin-right:26px;padding-top:217px;} #ourStory #storyText h1{margin:0px;padding:0px;font-size:30px;} #ourStory #storyText .subHeading{margin:11px 0 32px 0;font-size:18px;color:#636363;font-weight:300;} #ourStory #storyText .subHeading:after{content:"";width:30px;margin:0px;padding-top:26px;border-bottom:3px solid #60A845;display:block;} #ourStory #storyText p{margin:0px;color:#636363;} #ourStory #storyText .readMore{margin-top:34px;padding:8px 24px 11px 26px;font-size:13px;color:#636363;font-weight:700;text-transform:uppercase;border:2px solid #BABABA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;} #ourStory #storyText .readMore:hover{text-decoration:none;} #storyImage{position:relative;display:flex;justify-content:left;align-items:flex-end;} #storyImage #caption{position:absolute;bottom:23px;left:0;width:100%;max-width:732px;font-size:16px;color:#FFFFFF;text-align:center;} #storyImage img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} #featuredLinks{position:relative;padding-top:11px;z-index:128;} #featuredLinks .container{position:relative;z-index:512;} #pattern2{position:absolute;top:0px;left:0px;width:100%;height:35vh;background:url('./images/design/pattern2.png') no-repeat 100% 0%;z-index:256;} #featuredLinks .row{margin:0px;} #featuredLinks .col-auto{padding:0px;} #featuredLinks .categoryBox{width:350px;height:250px;margin-top:26px;padding:54px 36px;background:rgba(255,255,255,1);} #featuredLinks .categoryBox:hover{background:rgba(255,255,255,0.58);} #featuredLinks .categoryBox a{width:100%;height:100%;text-align:center;display:block;} #featuredLinks .categoryBox a:hover{text-decoration:none;} #featuredLinks .categoryBox h2{margin:0 0 14px 0;padding:0 0 0px 0;color:#60A845;font-weight:500;text-transform:uppercase;} #featuredLinks .categoryBox h2 span{color:#636363;font-weight:900;display:block;} #featuredLinks .categoryBox:hover h2, #featuredLinks .categoryBox:hover h2 span{color:#FFFFFF;} #featuredLinks .categoryBox .arrow{width:52px;height:52px;margin:15px auto 0 auto;background:url(./images/design/arrows.png) no-repeat 0% 0%;} #featuredLinks .categoryBox:hover .arrow{background-position:0% 100%;} #callToAction{margin:2px 0;padding:63px 15px 53px 15px;text-align:center;background:#60A845;} #callToAction a{font-family:'Raleway', sans-serif;font-size:36px;color:#FFFFFF;font-weight:400;text-transform:uppercase;} #callToAction a:hover{text-decoration:none;} #callToAction a h1{position:relative;margin:0px;font-weight:500;} #callToAction a h1 span{font-weight:900;} #callToAction a h1 img{margin:-12px 20px 0 0;} #featuredProduct{margin:55px 0 58px 0;padding:57px 0 35px 0;background:url('./images/design/featured-product-bg.jpg') no-repeat 50% 100%;} #featuredProduct .row{margin:0px;} #featuredProduct .featuredText{padding:12px 0 0 0;} #featuredProduct .featuredText p{padding-left:5px;font-size:18px;color:#636363;font-weight:300;} #featuredProduct .featuredText .abcIcon{margin:34px auto 0 auto;display:block;} #shopByCategoryHeader h1{margin:0px;padding:0px;line-height:34px;} #shopByCategory{position:relative;padding-top:25px;z-index:128;} #shopByCategory .container{position:relative;z-index:512;} #pattern3{position:absolute;top:0px;left:0px;width:100%;height:35vh;background:url('./images/design/pattern3.png') no-repeat 0% 0%;z-index:256;} #shopByCategory .categoryBox{width:350px;height:250px;margin-top:26px;padding:36px 15px 26px 36px;background:rgba(255,255,255,1);} #shopByCategory .categoryBox:hover{background:rgba(255,255,255,0.58);} #shopByCategory .categoryBox a{width:100%;height:100%;display:block;} #shopByCategory .categoryBox a:hover{text-decoration:none;} #shopByCategory .categoryBox h2{margin:0 0 14px 0;padding:0 0 0px 0;color:#60A845;font-weight:500;text-transform:uppercase;} #shopByCategory .categoryBox h2 span{color:#636363;font-weight:900;} #shopByCategory .categoryBox p{float:left;width:170px;margin:23px 0 0 0;font-size:18px;color:#636363;font-weight:300;} #shopByCategory .categoryBox img{float:left;} .featuredBanner{position:relative;text-align:right;z-index:128;} .featuredBanner .categoryBox{width:350px;height:250px;margin-top:26px;padding:54px 36px;background:rgba(255,255,255,1);} .featuredBanner .categoryBox:hover{background:rgba(255,255,255,0.58);} .featuredBanner .categoryBox a{width:100%;height:100%;text-align:center;display:block;} .featuredBanner .categoryBox a:hover{text-decoration:none;} .featuredBanner .categoryBox h2{margin:0 0 14px 0;padding:0 0 0px 0;color:#60A845;font-weight:500;text-transform:uppercase;} .featuredBanner .categoryBox h2 span{color:#636363;font-weight:900;display:block;} .featuredBanner .categoryBox:hover h2, #newCentre .categoryBox:hover h2 span{color:#FFFFFF;} .featuredBanner .categoryBox .arrow{width:52px;height:52px;margin:15px auto 0 auto;background:url(./images/design/arrows.png) no-repeat 0% 0%;} .featuredBanner .categoryBox:hover .arrow{background-position:0% 100%;} .ourVision .shapeBox{width:648px;height:428px;padding:90px 70px 0 120px;text-align:left;background:url(./images/design/our-vision-shape.png) no-repeat 0% 0%;} .ourVision .shapeBox h1{margin:0px;padding:0px;font-family:'Open Sans', sans-serif;font-size:42px;} .ourVision .shapeBox h1 span{font-family:'Raleway', sans-serif;} .ourVision .shapeBox h1:after{content:"";width:54px;margin:0 0 41px 0px;padding-top:36px;border-bottom:3px solid #60A845;display:block;} .ourVision .shapeBox p{margin:0px;font-size:22px;color:#636363;line-height:36px;} .ourMission .shapeBox{width:647px;height:434px;padding:112px 70px 0 120px;text-align:left;background:url(./images/design/our-misson-shape.png) no-repeat 0% 0%;} .ourMission .shapeBox h1{margin:0px;padding:0px;font-family:'Open Sans', sans-serif;font-size:42px;} .ourMission .shapeBox h1 span{font-family:'Raleway', sans-serif;} .ourMission .shapeBox h1:after{content:"";width:54px;margin:0 0 29px 0px;padding-top:22px;border-bottom:3px solid #60A845;display:block;} .ourMission .shapeBox p{margin:0px;font-size:22px;color:#636363;line-height:36px;} #pattern4{position:relative;width:100%;height:166px;margin-top:-38px;background:url('./images/design/pattern4.png') no-repeat 0% 0%;z-index:256;} #pattern5{position:relative;width:100%;height:175px;margin-top:-23px;background:url('./images/design/pattern5.png') no-repeat 50% 0%;z-index:256;} #enquiryForm{padding:82px 15px 96px 15px;background-image:url(./images/design/background-shape2.png), url(./images/design/background-shape1.png);background-position:right bottom, left top;background-repeat:no-repeat, no-repeat; } #enquiryForm form{width:100%;max-width:1170px;margin:0px auto;padding:20px 30px 17px 30px;background:#8F8C8C;} #enquiryForm h2{margin:0 0 35px 0;font-size:32px;color:#000000;font-weight:800;} #enquiryForm label{margin:0 0 4px 0;font-family:'Open Sans', sans-serif;font-size:22px;color:#000000;} #enquiryForm .inputBox{margin:0 0 10px 0;padding:10px 20px;font-family:'Roboto',sans-serif;font-size:16px;border-radius:0px;border:0px;} #enquiryForm .textareaBox{height:182px;padding:10px 20px;font-family:'Roboto',sans-serif;font-size:16px;border-radius:0px;border:0px;} #enquiryForm #submitBtn{margin-top:10px;padding:18px 42px 13px 38px;font-size:20px;color:#000000;font-weight:700;text-transform:uppercase;text-align:center;border:0px;background:#CACEC9;display:block;} #playNlearnBanner{width:100%;height:357px;padding:181px 15px 0 15px;text-align:center;background:#FBF6B4 url(./images/design/playnleran-banner.jpg) no-repeat 50% 0%;} #playNlearnBanner h1{margin:0 0 3px 0;padding:0 0 0px 0;font-size:60px;color:#60A845;font-weight:500;text-transform:uppercase;} #playNlearnBanner h1 span{color:#636363;font-weight:900;} #playNlearnBanner h2{margin:0px;font-size:41px;color:#60A845;font-style:italic;letter-spacing:2.5px;} .ncHolder{margin-bottom:40px;} .ncImageBox{min-height:560px;margin-bottom:20px;} .contentBox .wordContent .borderAbove:before{content:"";width:100px;margin:0px auto 26px auto;padding:0px;border-bottom:3px solid #60A845;display:block;} .contentBox .wordContent p{padding: 0 50px 0 50px;} .owl-carousel .owl-item .fitout-h4{margin:30px 0 30px 0;} .owl-carousel .owl-item img{border:1px solid #636363;object-fit:scale-down;object-position:50% 50%;height:250px;} .owl-carousel .owl-item h2{margin: 20px 0px 0px 0px !important;padding: 0px !important;font-family: 'Raleway', sans-serif;font-size: 1em;color: #636363;font-weight: 900;text-transform: uppercase;text-align: center;} .owl-carousel .nav-btn{height: 47px; position: absolute;width: 26px;cursor: pointer;top: 100px !important; } .owl-carousel .owl-prev.disabled,.owl-carousel .owl-next.disabled{pointer-events: none; opacity: 0.2; } .owl-carousel .prev-slide{background: url(./images/design/nav-icon.png) no-repeat scroll 0 0;left: -33px; } .owl-carousel .next-slide{background: url(./images/design/nav-icon.png) no-repeat scroll -24px 0px;right: -33px;} .owl-carousel .prev-slide:hover{background-position: 0px -53px;} .owl-carousel .next-slide:hover{background-position: -24px -53px;} .fitOut .fitOutBlurb{padding:40px 0;} .fitOut .fitOutBlurb a{display:block;} .fitOut .fitOutBlurb a:hover{text-decoration:none;} .masonry {width:100%;display:flex;flex-flow:column wrap;counter-reset:brick;} .masonry-brick{position:relative;margin:0px;overflow:hidden;} .masonry-brick .centreName{position:absolute;top:50%;left:50%;color:#FFFFFF;font-size:20px;font-weight:700;transform:translate(-50%, -50%);transition:font-size .25s, opacity .25s ease-in-out;opacity:.5;z-index:5000;} .masonry-brick:hover .centreName{font-size:2.25em;opacity:1;} .masonry-brick-caption{padding:1.5em;text-align:center;} .masonry-preloader{font-size:2em;letter-spacing:2px;text-transform:uppercase;opacity:.5;height:3em;display:flex;justify-content:center;align-items:center;} .masonry-img{object-fit:cover;width:100%;height:100%;} #pageBanner{position:relative;width:100%;min-height:848px;z-index:128;margin-bottom:80px;} #pattern7{position:absolute;bottom:0px;left:0px;width:100%;height:345px;background:url('./images/design/pattern7.png') no-repeat -0.1% 0%;z-index:256;} #headingStyle2{width:100%;padding:0 15px 0 15px;text-align:center;} #headingStyle2 h1{margin:0 0 3px 0;padding:0 0 0px 0;font-size:60px;color:#60A845;font-weight:500;text-transform:uppercase;} #headingStyle2 h1 span{color:#636363;font-weight:900;} #headingStyle2 h2{margin:0px;font-size:41px;color:#60A845;font-style:italic;letter-spacing:2.5px;} .pageLayout1{margin:95px 0;display:flex;justify-content:center;align-items:center;align-content:center;} .pageLayout1 .contentBox{width:50%;padding:0 5%;align-items:center;justify-content:center;} .pageLayout1 h2{margin-bottom:51px;font-size:42px;font-weight:800;} .pageLayout1 h2:after{content:"";width:80px;margin:0px;padding-top:43px;border-bottom:3px solid #000000;display:block;} .pageLayout1 .imageContent{padding:16px 5% 18px 5%;} .pageLayout1 .alternative{padding:9px 5% 49px 5%;} .pageLayout1 .wordContent{width:80%;} .pageLayout1 .wordContent p{font-family:'Open Sans', sans-serif;font-size:22px;} .pageLayout1 .wordContent li{font-family:'Open Sans', sans-serif;font-size:22px;} .pageLayout1 .wordContent a{font-family:'Open Sans', sans-serif;font-size:22px;} .pageLayout1 .alternativeContent .wordContent{float:right;} .videoHolder{margin:10px 0;font-size:16px;} #pageContent{margin-top:60px;} #content h1{margin:0 0 35px 0;font-size:60px;color:#636363;text-transform:uppercase;-ms-word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;} h1.product_title{font-size:28px !important;} .smallIcons{margin:0 13px;} .readBlog{margin:24px 0 70px 0;padding:9px 31px 9px 26px;font-size:13px;color:#636363;font-weight:700;text-transform:uppercase;border:2px solid #636363;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block} .readBlog:hover{text-decoration:none;} #content .qty-legend{font-size:14px;} .qty_table th, .qty_table td{padding:0px !important;} #jobsHolder{margin:50px 0;padding:50px 0;background:#EDF5E6;} #jobsHolder h2{margin-bottom:50px;text-transform:uppercase;} #jobsHolder .readMore{width:200px;margin:34px auto 0 auto;padding:8px 24px 11px 26px;font-size:13px;color:#363636;font-weight:700;text-transform:uppercase;border:2px solid #BABABA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;clear:both;} #jobsHolder .readMore:hover{text-decoration:none;} .success_stories-template-default #jobsHolder{margin:50px 0 0 0;} #storyCollection{position:relative;max-width:calc(100% - 160px);margin:0px auto;} #storyCollection .owl-carousel{max-width:1140px;margin:43px auto 0 auto;} /*#storyCollection .owl-carousel .owl-stage-outer{max-width:967px;margin:0px auto;z-index:20;}*/ #storyCollection .owl-carousel .owl-stage-outer{max-width:1140px;margin:0px auto;z-index:20;} #storyCollection .owl-carousel .item{margin-right:30px !important;} #storyCollection .owl-carousel .item a{width:100%;height:100%;display:block;} #storyCollection .owl-carousel .item a:hover{text-decoration:none;} #scrollStories{position:relative;} #scrollStories #prevSlide{position:absolute;top:50%;left:0%;float:right;width:72px;height:72px;margin-right:0px;text-indent:-9999px;border-radius:0px;background:url(./images/design/owl-arrow-left.png) no-repeat 0% 0%;cursor:pointer;} #scrollStories #nextSlide{position:absolute;top:50%;right:0%;float:left;width:72px;height:72px;margin-left:0px;text-indent:-9999px;border-radius:0px;background:url(./images/design/owl-arrow-right.png) no-repeat 0% 0%;cursor:pointer;} #scrollStories #prevSlide:hover{background:url(./images/design/owl-arrow-left-hover.png) no-repeat 0% 0%;} #scrollStories #nextSlide:hover{background:url(./images/design/owl-arrow-right-hover.png) no-repeat 0% 0%;} #testimonialsHolder{padding:50px 0;color:#FFFFFF;text-align:center;background:#8F8C8C;} #testimonialsHolder h2{margin-bottom:50px;text-transform:uppercase;} #testimonialsHolder .readMore{width:200px;margin:34px auto 0 auto;padding:8px 24px 11px 26px;font-size:13px;color:#FFFFFF;font-weight:700;text-transform:uppercase;border:2px solid #BABABA;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;clear:both;} #testimonialsHolder .readMore:hover{text-decoration:none;} .testimonialHolder{margin:0 0 20px 0;padding:20px;color:#FFFFFF;background:#8F8C8C;} .testimonialHolder p{color:#FFFFFF;} .testimonialHolder .fa{margin:10px 0;font-size:26px;color:#F8E409;} .testimonialHolder .author{font-weight:bold;} #staffHolder{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;} .staffBox{margin-top:50px;padding:0 15px;text-align:center;min-height:650px;} .staffBox h2{margin-top:20px;} .staffBox .icons{margin:10px;display:inline-block;} .staffBox .fa{font-size:30px;} #catalogueDownload{margin-top:102px;} #catalogueHolder div{margin:10px 0px;cursor:pointer;} #catalogueHolder h4{margin:10px 0px;} #catalogueHolder div:hover h4{color:#60A845;} #catalogueViewer{width:100%;height:800px;display:none;} #catalogueViewer h4:hover{color:#60A845;cursor:pointer;} #motivatorSignUp{padding:100px 15px;text-align:center;background:#F8E409;} #motivatorSignUp a{color:#FFFFFF;text-transform:uppercase;} #motivatorSignUp a:hover{color:#60A845;text-decoration:none;} #contactHolder{margin-top:100px;display:flex;justify-content:center;align-items:center;align-content:center;} #contactHolder .cBox{width:50%;align-items:center;justify-content:center;flex-wrap:wrap;} #contactForm{padding:63px 64px 57px 62px;background:#8F8C8C;} #contactForm h2{margin:0 0 35px 0;color:#000000;font-weight:800;} /*#contactForm p{font-size:20px;} */ #contactForm label{margin:0 0 4px 0;font-family:'Open Sans', sans-serif;color:#000000;} #contactForm .inputBox{margin:0;padding:19px 10px;font-family:'Roboto',sans-serif;border-radius:0px;border:0px;} #contactForm .textareaBox{height:182px;padding:19px 10px;font-family:'Roboto',sans-serif;border-radius:0px;border:0px;} #contactForm #submitBtn{margin-top:30px;padding:18px 42px 13px 38px;color:#000000;font-weight:700;text-transform:uppercase;text-align:center;border:0px;background:#CACEC9;display:block;} #contactAbout{padding:50px 0;background:#EDF5E6;} #contactAbout h2{margin-bottom:50px;text-transform:uppercase;} #contactAbout p{width:50%;margin:0 auto;} #contactAbout .icons{margin:10px;display:inline-block;} #contactAbout .fa{font-size:30px;} /* QUICK ORDER FORM */ .dataTables_length{display:none;} /* SHOP */ .shopBG{background:url(./images/design/categories-background.png) no-repeat center top;} #shopBanner{position:relative;height:571px;margin-bottom:50px;background:url(./images/design/shop-banner.jpg) no-repeat 50% 100%;} #pattern6{position:absolute;bottom:0px;left:0px;width:100%;height:274px;background:url(./images/design/pattern6.png) no-repeat 100% 0%;} #shopBanner .blackBox{width:100%;max-width:497px;height:571px;margin-left:110px;padding:15px;text-align:center;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;} #shopBanner .blackBox h1{margin:0px !important;font-size:60px;font-weight:500;text-transform:uppercase;z-index:256;} #shopBanner .blackBox h1 span{color:#FFFFFF;} #categoryBanner{height:358px;margin-bottom:137px;background:url(./images/design/category-banner.jpg) no-repeat 0% 0%;} #categoryBanner .blackBox{width:100%;max-width:497px;height:358px;margin-left:110px;padding:15px;text-align:center;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;} #categoryBanner .blackBox h1{margin:0px;font-size:60px;color:#FFFFFF;font-weight:500;text-transform:uppercase;} .shopContainer{max-width:1530px;} .pageTitle{margin:0 0 64px 0 !important;padding:0 0 0px 0;font-size:48px !important;color:#60A845 !important;font-weight:500;text-transform:uppercase;text-align:center;word-break:break-word;} .pageTitle span{color:#636363;font-weight:900;} #sideBarHeading{width:270px;padding:39px 32px 21px 32px;border:1px solid #636363;border-bottom:0px;background:#F6F6F6;} #sideBarHeading h2{margin:0 0 0px 0;padding:0 0 0px 0;font-size:18px;color:#60A845;font-weight:500;text-transform:uppercase;} #sideBarHeading h2 span{color:#636363;font-weight:900;} #categoryDropDownHolder{width:100%;margin:0 15px 2.25em 15px;padding:15px;border:1px solid #636363;background:#F6F6F6;} #categoryDropDownHolder #sideBarHeading{width:100%;padding:0px 0px 21px 0px;border:0px !important;} #categoryDropDownHolder #sideBarHeading h2{text-align:center;} #categoryDropDownHolder #categoryDropDown{width:100%;} .product-categories{width:270px;margin:0px;padding:0px 32px 60px 32px;list-style-type:none;border:1px solid #636363;border-top:0px;background:#F6F6F6;} .product-categories .cat-item a{padding:8.5px 0;font-family:'Roboto', sans-serif;font-size:18px;color:#636363;font-weight:300;display:block;} .product-categories .cat-item a:hover{color:#60A845;text-decoration:none;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin:0 20px 2.25em 0;min-height:500px;} .woocommerce ul.products li.product a img{margin:0 0 22px 0;border:1px solid #636363;object-fit:scale-down;object-position:50% 50%;width:100%;height:250px;} .woocommerce ul.products li.product a h2{margin:0px !important;padding:0px !important;font-family:'Raleway', sans-serif;font-size:16px;color:#636363;font-weight:900;text-transform:uppercase;text-align:center;} .woocommerce ul.products li.product .cart{margin-bottom:0 !important; display:inline-block;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{flex:unset;max-width:100%;} .woocommerce form .form-row{display:initial;display:initial;-ms-flex-wrap:initial;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#60A845;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{color:#60A845;background:#F8E509;} .woocommerce-checkout #payment{padding:1em} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{color:#FFFFFF;background:#60A845;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{color:#60A845;background:#F8E509;} .woocommerce a.added_to_cart{padding-left:5px;} #coupon_code.input-text{width:110px !important;} .woocommerce-result-count, .woocommerce-ordering{display:none;} .woocommerce div.product form.cart .button {float: none !important;margin-bottom: 10px;} .woocommerce button.button.alt.disabled{background-color:#60A845 !important;} .woocommerce #reg_terms_field #reg_terms{max-width:20px !important;margin-top: 7px;} .woocommerce .wapl-flash{z-index: 10 !important;} /*.woocommerce div.product form.cart .variations td {line-height:1.5em;display:block;text-align:center;} */ .woocommerce div.product form.cart .variations td {line-height:1.5em;} .woocommerce .swatch-wrapper{max-width:140px !important;position:relative;} .woocommerce .swatch-wrapper a{width:100% !important;height:100% !important;text-align: center !important;min-width: 100px;min-height: 100px;} .woocommerce .swatch-wrapper a img{text-align:center !important} .woocommerce .swatch-wrapper .swatch-caption{text-align:center !important;padding: 5px;max-width:160px;} .woocommerce .swatch-wrapper .swatch-price{text-align:center !important;position: absolute;top: 20%;left: 0; width: 100%;background-color: rgba(255,255,255,0.8);} .woocommerce #cat-frm .form-control{margin-right:20px;} .woocommerce #resources{margin-top:30px;} /*.woocommerce #resources ul.products li.product img {position:relative;} .woocommerce #resources ul.products li.product .woocommerce-loop-product__link:before{content:"\f055";font-family: FontAwesome;display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} .woocommerce #resources ul.products li.type-product:hover .woocommerce-loop-product__link:before{display:block;} */ .woocommerce #resources ul.products li.product .archive-wishlist{position:relative;} .woocommerce #resources ul.products li.product .archive-wishlist-icons{display:none;position:absolute;top:25%;left:30%;width:100%;height:100%;z-index:1;} .woocommerce #resources ul.products li.product .archive-wishlist-icons a{color:#60A845 !important;font-size:80px;} .woocommerce #resources ul.products li.product .archive-wishlist-icons a span{color:#60A845 !important;font-size:10px;} .woocommerce #resources ul.products li.type-product:hover .archive-wishlist{background-color:rgba(255,255,255,0.7);} .woocommerce #resources ul.products li.type-product:hover .archive-wishlist-icons{display:block;} .woocommerce #resources .add_to_cart_button{display:none !important;} .woocommerce #resources .stock{display:none !important;} .woocommerce ul.products li.product .product-meta{margin-bottom: 10px;} .woocommerce ul.products li.product .add_to_wishlist{font-size:70%;position:absolute; left: 0; top:83.3%;margin-top:0; padding: 0 0 30px 0; width: 100px; height: 10px;} .woocommerce ul.products li.product .add_to_cart_button{font-size:70%;position:absolute; right:0;top:83.3%;margin-top:0; height: 30px; padding-top: 10px;} .yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-button .add_to_wishlist img{margin: 5px 2px 0 2px !important; } .yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist .add_to_wishlist img{height: auto; width: 15px !important;} .yith-wcwl-add-to-wishlist .yith-wcwl-add-button{align-items: flex-start !important;} #wl-wrapper.wl-button-wrap{padding: 0 !important;} .woocommerce ul.products li.product .button{margin-top: 0px !important;} .woocommerce ul.products li.product .stock{margin-top: 10px;} /* My Account Featureboxes */ .woocommerce #my-fboxes{margin-bottom:30px;} .woocommerce #my-fboxes .box-wrapper{margin:0 0 20px 0;padding-left:0;} .woocommerce #my-fboxes .box{padding:50px 30px 50px 30px;border:1px solid #60A845;text-align:center;} .woocommerce #my-fboxes .box h6{margin-top:20px;font-weight:bold;} .page-id-54 footer, .page-id-71 footer, .page-id-73 footer, .page-id-102 footer, .page-id-192 footer, .page-id-31104 footer, .success_stories-template-default footer, .page-template-page-home2 footer{margin-top:0px;} .page-id-51 footer{margin-top:0px;background:#FFFFFF;} footer{margin-top:102px;font-family:'Open Sans', sans-serif;color:#636363;background:#EDF5E6;} #signup{padding:41px 0 28px 0;border-bottom:1px solid #FFFFFF;background:#60A845;} #signup .container{font-family:'Raleway', sans-serif;text-align:right;} #signup a{position:relative;font-size:30px;font-weight:600;color:#FFFFFF;} #signup a:hover{text-decoration:none;} #signup a span{font-weight:800;text-transform:uppercase;} #signup a img{position:relative;top:-5px;padding-left:12px;} .bottomNav{padding-top:43px;padding-bottom:69px;} .bottomNav .flex-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:start;align-content:stretch;} .bottomNav img{margin-top:15px;} .bottomNav h3{margin:11px 0 15px 0;font-family:'Raleway', sans-serif;font-size:18px;color:#636363;font-weight:900;text-transform:uppercase;} .bottomNav ul{margin:0px;padding:0px;list-style-type:none;} .bottomNav ul li{padding:7px 0;} .bottomNav ul li a{color:#636363;letter-spacing:0.4px;} .bottomNav ul li a:hover{color:#60A845;} #bar{height:49px;background:#D7DED0;} /* HOT SPOT */ .hotspot-default{fill-opacity: 0.81 !important; stroke-opacity: 0.81 !important;} /* --------------------------------------------- */ /* Responsive Changes */ /* --------------------------------------------- */ @media only screen and (min-width:1px) and (max-width:991px){ .mobileFix{display:block;} .navbar-brand{display:block;} .bottomNav .flex-container{justify-content:flex-start;} .bottomNav .flex-container .item{min-width:50%;width:255px;} #ourStory{padding:50px 0;background:transparent;} #ourStory .col-12{background:url(./images/design/shape1.png) no-repeat center center / contain;} #ourStory #storyText{float:unset;max-width:50%;margin:0px auto;padding:170px 0;} #ourStory .padRight{background:url(./images/design/shape2.png) no-repeat center center / contain;} #ourStory #storyImage{justify-content:center;} #storyImage #caption{left:0;} #pattern7{background-position:100% 0%;} #contactHolder{display:block;} #contactHolder .cBox{width:100%;} @media only screen and (min-width:1px) and (max-width:379px){ .mini_shopping_cart{right:10.5px;} #shopByCategoryHeader h1{line-height:44px;} #shopByCategory .categoryBox{width:100%;height:auto;padding:36px 15px 26px 15px;} #shopByCategory .categoryBox a{text-align:center;} #shopByCategory .categoryBox p{float:unset;width:100%;margin:23px 0;} #shopByCategory .categoryBox img{float:unset;} #featuredLinks .mr-auto{display:none;} #featuredLinks .col-auto{width:100%;} #featuredLinks .categoryBox{width:100%;} #enquiryForm #submitBtn{width:100%;padding:18px 30px 13px 30px;} #customerStories, #ourTestimonials, #ourPeople, #ourPartners{padding-right:0px;} #newCentre, #ourStoryHolder{padding:414px 0 0 0;} } @media only screen and (min-width:1px) and (max-width:399px){ #categoryBanner .blackBox h1{font-size:40px;} } @media only screen and (min-width:1px) and (max-width:459px){ #enquiryForm form{padding:63px 32px 57px 31px;} } @media only screen and (min-width:1px) and (max-width:599px){ #bannerSection .fullWidth{display:block;} #bannerSection2 .fullWidth{display:block;} #ourStory #storyText{max-width:100%;padding:100px 0;} #ourVision .shapeBox{padding:90px 20px 0 60px;} #ourMission .shapeBox{padding:112px 20px 0 60px;} #ourVision .shapeBox p, #ourMission .shapeBox p{font-size:20px;line-height:26px;} .pageLayout1{display:block;} .pageLayout1 .contentBox{width:100%;} .pageLayout1 h2{margin-top:43px;} @media only screen and (min-width:1px) and (max-width:359px){ #ourMission .shapeBox p{font-size:17px;line-height:19px;} } @media only screen and (min-width:360px){ #newCentre, #customerStories, #ourTestimonials, #ourStoryHolder, #ourPeople, #ourPartners{padding-right:10%;} } } @media only screen and (min-width:600px) and (max-width:800px){ #ourStory #storyText{max-width:75%;padding:100px 0;} } @media only screen and (min-width:1px) and (max-width:575px){ .bottomNav .flex-container .item{width:50%;min-width:220px;} } @media only screen and (min-width:1px) and (max-width:699px){ #logo{position:unset;margin-top:10px;text-align:center;} #logoSmall{position:unset;margin-top:10px;text-align:center;} #topLinks{float:unset;margin:0px;} .phoneLink{float:unset;margin:10px;padding:0px;font-size:18px;text-align:center;} #topBar{float:unset;width:100%;padding:0px;border-radius:0px;} .divider{float:unset;height:1px;clear:both;visibility:hidden;} .vdivider{float:unset;display:none;} .link1, .link2{width:50%;margin:0px;padding:10px;text-align:center;} .link3, .link4{width:50%;margin:0px;padding:10px;text-align:center;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;} .link5, .link6{width:50%;margin:0px;padding:10px;text-align:center;} #menu{float:unset;margin:29px auto 23px auto;} #menu ul{float:unset;} #menu ul li{padding:10px;display:block;} #menu ul li a{text-align:center;} #search{float:unset;margin:10px 0;clear:both;} #search input{width:222px;} #cart{width:100%;margin:0px;} } @media only screen and (min-width:1px) and (max-width:719px){ #callToAction h1 img{margin:0 0 20px 0;} #callToAction h1 span{clear:both;display:block;} } @media only screen and (min-width:1px) and (max-width:768px){ #shopBanner .blackBox{margin-left:0px;} #categoryBanner .blackBox{margin-left:0px;} } @media only screen and (min-width:769px) and (max-width:991px){ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin:0 20px 2.25em 0;} } @media only screen and (min-width:1px) and (max-width:820px){ #playNlearnBanner{height:auto;padding:181px 15px 20px 15px;} } @media only screen and (min-width:700px) and (max-width:991px){ #logo{top:35px;left:5px;} #logoSmall{top:45px;left:140px;} /*#menu ul{float:unset;margin-bottom:10px;clear:both;}*/ @media only screen and (min-width:700px) and (max-width:749px){ #ubermenu-main-16-header-menu-2{float:right;margin-bottom:10px;} #search input{width:220px;} } #shopMSG{padding-left:140px;} } } @media only screen and (min-width:750px) and (max-width:950px){ #ubermenu-main-16-header-menu-2{margin-bottom:10px;} } @media only screen and (min-width:700px) and (max-width:950px){ #menu{width:calc(100% - 210px);} } @media only screen and (min-width:1px) and (max-width:1199px){ .pageLayout1 .wordContent{width:100%;} } @media only screen and (min-width:1px) and (max-width:1279px){ #bannerSection{display:unset;} #bannerHolder{margin-bottom:24px;flex:unset;} #bannerSection2{display:unset;} #bannerHolder2{margin-bottom:24px;flex:unset;} #pattern1{background-position:100% 100%;background-size: 300px 30px;} #importantStuff{margin:0px;display:unset;} #bannerSection .fullWidth{padding:48px 14px 43px 14px;text-align:center;} #bannerSection .fullWidth .left-box{margin:0px;} #bannerSection .halfWidth{width:100%;margin-left:0px;padding:28px 14px 90px 14px;text-align:center;display:block;} #bannerSection .greyBox p{text-align:center;} #bannerSection .greyBox .readMore{float:unset;} @media only screen and (min-width:992px) and (max-width:1279px){ #pattern1{background-position:100% 0%;} #importantStuff{margin:0px 25px;display:flex;} #bannerSection .halfWidth{width:calc(50% - 7px);margin-left:0px;padding:28px 14px 90px 14px;text-align:center;} } } @media only screen and (min-width:768px) and (max-width:1023px){ .masonry-brick{width:50%;} } @media only screen and (min-width:1024px){ .masonry-brick{width:50%;} } @media only screen and (min-width:1018px){ #featuredProduct .featuredText p{max-width:494px;} } @media only screen and (min-width:992px) and (max-width:1399px){ #sideBarHeading, .product-categories{width:100%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin:0 20px 2.25em 0;} .woocommerce ul.products li.first, .woocommerce-page ul.products li.first{clear:none;} } @media only screen and (min-width:1100px){ #ourStory .col-lg-6{padding:0px;} } @media only screen and (min-width:992px) and (max-width:1159px){ #search input{width:220px;} @media only screen and (min-width:992px) and (max-width:1024px){ #search input{width:130px;} } } @media only screen and (min-width:992px) and (max-width:1159px){ #logo{left:15px;} #logoSmall{left:140px;} /*#menu ul{float:unset;margin-bottom:10px;clear:both;}*/ .staffBox{width:50%;} @media only screen and (min-width:992px) and (max-width:1089px){ #ourStory #storyText{margin-right:45px;padding-top:170px;} #contactHolder{display:block;} #contactHolder .cBox{width:100%;} } } @media only screen and (min-width:1200px){ #featuredProduct .container, #shopByCategory .container{padding:0px;} } @media only screen and (min-width:1280px){ .staffBox{width:25%;} } @media only screen and (min-width:1280px) and (max-width:1919px){ /* #pattern1{background-position:0% 0%;} #bannerSection .fullWidth .right-box{width:100%;} #bannerSection .halfWidth{padding:18px 30px;} */ #bannerSection{display:unset;} #bannerHolder{margin-bottom:24px;flex:unset;} #bannerSection2{display:unset;} #bannerHolder2{margin-bottom:24px;flex:unset;} #pattern1{background-position:100% 0%;} #bannerSection .fullWidth{width:45%;margin-right:13px;padding:48px 14px 43px 14px;text-align:center;} #bannerSection .fullWidth .left-box{margin:0px;} #bannerSection .halfWidth{width:25%;margin-top:0px;margin-left:0px;padding:28px 14px 90px 14px;text-align:center;display:block;} #bannerSection .greyBox p{text-align:center;} #bannerSection .greyBox .readMore{float:unset;} } @media only screen and (min-width:1680px){ .woocommerce ul.products li.product a img{width:241px;} } @media only screen and (min-width:1680px) and (max-width:1919px){ #pattern1{background-position:0% 0%;} #bannerSection .fullWidth .right-box{width:100%;} } @media only screen and (min-width:1798px){ #pattern6{background-position:0% 0%;} } @media only screen and (min-width:1883px){ #pattern4{background-position:100% 0%;} } @media only screen and (min-width:1920px){ #bannerSection .fullWidth .left-box .img-fluid{max-width:initial;} #bannerSection2{margin-top:30px;} } @media only screen and (min-width:1920px) and (max-width:2299px){ #bannerSection .fullWidth{padding:18px 25px 0px 14px;} #bannerSection .halfWidth{padding:18px 40px 18px 52px;} .woocommerce ul.products li.product .product-meta{margin-bottom: 10px;} /*.woocommerce ul.products li.product .add_to_wishlist{font-size:90%;position:absolute; top:83.3%;margin-top:0} .woocommerce ul.products li.product .add_to_cart_button{font-size:90%;position:absolute; right:-10px;top:83.3%;margin-top:0}*/ #wl-wrapper.wl-button-wrap{padding: 0 !important;} .woocommerce ul.products li.product .button{margin-top: 0px !important;} .woocommerce ul.products li.product .stock{margin-top: 10px;} } @media only screen and (min-width:1921px){ #featuredProduct{background:url('./images/design/featured-product-bg2.jpg') no-repeat center center;} .shopBG{background-size:cover;} #shopBanner{background-position:top center;background-size:cover;} #categoryBanner{background-position:center center;background-size:cover;} }