/* File Updated 26/06/2017 */ /*********************************************/ /* GOOGLE FONTS- Added PC 27/02/17 */ /*********************************************/ /* cyrillic-ext */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 400;src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;} /* cyrillic */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 400;src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin-ext */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 400;src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;} /* latin */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 400;src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} /* cyrillic-ext */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 700;src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/kTYfCWJhlldPf5LnG4ZnHCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;} /* cyrillic */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 700;src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/g46X4VH_KHOWAAa-HpnGPiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin-ext */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 700;src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/hpORcvLZtemlH8gI-1S-7iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;} /* latin */@font-face {font-family: 'PT Sans';font-style: normal;font-weight: 700;src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} /* cyrillic-ext */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 400;src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v8/GpWpM_6S4VQLPNAQ3iWvVRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;} /* cyrillic */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 400;src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v8/7dSh6BcuqDLzS2qAASIeuhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin-ext */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 400;src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v8/DVKQJxMmC9WF_oplMzlQqRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;} /* latin */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 400;src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v8/PIPMHY90P7jtyjpXuZ2cLFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} /* cyrillic-ext */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 700;src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;} /* cyrillic */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 700;src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} /* latin-ext */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 700;src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;} /* latin */@font-face {font-family: 'PT Sans';font-style: italic;font-weight: 700;src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} /************************************************************/ /* CHANGE THE UMBER OF COLUMNS ON NAV added PC 05/04/2017 */ /************************************************************/ .NAVCONTAINER .MAINNAV li.level1.TREESANDSHRUBS:hover ul .PANEL, .NAVCONTAINER .MAINNAV li.level1.FLOWERPLANTS:hover ul .PANEL {width:20%;} .NAVCONTAINER .MAINNAV li.level1.FLOWERPLANTS .PLANT-COLLECTIONS > span {display: block!important;} .NAVCONTAINER .MAINNAV li.level1.FLOWERPLANTS .PLANT-COLLECTIONS li a {color: rgba(0, 0, 0, 0.76)!important; font-size: 0.73rem!important; font-weight: 100!important;} .NAVCONTAINER .MAINNAV li.level1.FLOWERPLANTS .PLANT-COLLECTIONS li a:hover {color: #aaa!important;} .NAVCONTAINER .MAINNAV li.level1.XMASGIFTSSUTTONS:hover a{background:red}.NAVCONTAINER .MAINNAV li.level1.XMASGIFTSSUTTONS ul{border-top:4px solid red !important;border:1px solid red;border-bottom:2px solid red !important}.NAVCONTAINER .MAINNAV li.level1>ul .PANEL ul{margin-bottom:0.5rem}.NAVCONTAINER .MAINNAV li.level1>ul .PANEL ul li.level2 .level3 a{font-size:0.75rem}.NAVCONTAINER .MAINNAV li.level1>ul .PANEL.AT-A-GLANCE ul li.level2 a{font-size:0.75rem}.NAVCONTAINER .MAINNAV li.level1>ul .PANEL.IMG1,.NAVCONTAINER .MAINNAV li.level1>ul .PANEL.IMG2{background-color:#f8f8f0;border-top:1px solid #deded1}@media only screen and (min-width:64.0625em){body{background: #e2e1e1;}} .productlisting blockquote{text-indent:1rem;margin:0 0 1.25rem;padding:1rem;border-left:5px solid #fce27c;background:url('https://suttons.s3.amazonaws.com/theme-css/V1/assets/images/open-quote.gif') rgba(246, 235, 193, 0.23) no-repeat .5rem 1.25rem}.productlisting blockquote span{display:block;background:url('https://suttons.s3.amazonaws.com/theme-css/V1/assets/images/close-quote.gif') no-repeat bottom right}.productlisting blockquote cite{font-weight:bold;text-indent:0rem}.linedetails .characterCount{margin:0 0 20px;display:block}div#ctl00_cph1_tc1_cmrPayment a{background:none!important} .NAVCONTAINER .MAINNAV li.level1.OFF-VIEW-ALL-OFFERS, .left-off-canvas-menu li.level1.OFF-VIEW-ALL-OFFERS {display: none;} /********************/ /* NEW GIFT SECTION */ /********************/ /*.NAVCONTAINER .MAINNAV li.level1.SUTTONSGIFTIDEAS ul .PANEL.PANEL1, .NAVCONTAINER .MAINNAV li.level1.SUTTONSGIFTIDEAS ul .PANEL.PANEL2, .NAVCONTAINER .MAINNAV li.level1.SUTTONSGIFTIDEAS ul .PANEL.PANEL3, .suttonsgiftideas #Hierarchy1 li:nth-child(1), .suttonsgiftideas #Hierarchy1 li:nth-child(2), .suttonsgiftideas #Hierarchy1 li:nth-child(3), #LeftColumn .ProductHierarchyMenu li.PANEL1, #LeftColumn .ProductHierarchyMenu li.PANEL2, #LeftColumn .ProductHierarchyMenu li.PANEL3 {display: none!important;}*/ .NAVCONTAINER .MAINNAV li.level1.SUTTONSGIFTIDEAS ul .PANEL {width: 20%;} .NAVCONTAINER .MAINNAV li.level1.SUTTONSGIFTIDEAS ul .PANEL.AT-A-GLANCE {background: #fff; border: none;} /* Improve Styling on gift Variants */ #RHS .PRODLEFT .variant .PVT-AIRMAILPOT .variantRadio li, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBLACK .variantRadio li, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBRASS .variantRadio li, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERCOPPER .variantRadio li, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERWHITE .variantRadio li, #RHS .PRODLEFT .variant .PVT-STONE13CMPOT .variantRadio li, #RHS .PRODLEFT .variant .PVT-STONE18CMPOT .variantRadio li {width: 100%!important;} #RHS .PRODLEFT .variant .PVT-AIRMAILPOT .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBLACK .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBRASS .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERCOPPER .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERWHITE .variantRadio li label, #RHS .PRODLEFT .variant .PVT-STONE13CMPOT .variantRadio li label, #RHS .PRODLEFT .variant .PVT-STONE18CMPOT .variantRadio li label {line-height: 16px;} #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBLACK .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERBRASS .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERCOPPER .variantRadio li label, #RHS .PRODLEFT .variant .PVT-GREENHOUSEPLANTERWHITE .variantRadio li label {height: 55px;} /* Product Listing Hero Banner & h1 Text */ div.productlisting.nurseryclearance h1.Heading, div.productlisting.springclearance h1.Heading {color: #fff;text-align:center;font-weight:600;font-size:2.25rem;margin:0px 0px 10px;min-height:80px;padding:20px 0 0;position:relative;text-shadow:1px 3px 8px rgba(0, 0, 0, 0.9);text-shadow:5px 5px 10px rgba(0, 0, 0, 0.81);} /* http://www.suttons.co.uk/nurseryclearance */ div.productlisting.nurseryclearance h1.Heading {background:url("https://suttons.s3.amazonaws.com/cms/hierarchy/product-listing-hero-banner-nursery-clearance-suttons.jpg") no-repeat center} /* http://www.suttons.co.uk/Reader/Spring+Clearance/list.htm */ div.productlisting.springclearance h1.Heading {background:url("https://suttons.s3.amazonaws.com/cms/hierarchy/product-listing-hero-banner-Spring-clearance-suttons.jpg") no-repeat center} /* Make header images 100% width */ .productlisting .RELDATA .prod-category-header-image {width:100%;} .productlisting .BH-hierarchy-banner-container {background: #add2ef; text-align: center; padding: 3%;} .productlisting .BH-hierarchy-banner-container .button-container div {width: 85%; margin: 10px auto; background: #000000; height: 65px; position: relative;} .productlisting .BH-hierarchy-banner-container .button-container a {position: absolute; color: #fff; width: 100%; height: 100%; left: 0; top: 0; padding-top: 10px; text-decoration: none; font-size: 1.6rem; text-transform: uppercase;} .productlisting .BH-hierarchy-banner-container .button-container a.active {background: #cf0a04;} .productlisting .BH-hierarchy-banner-container .button-container a:hover {border: 3px solid #fff} @media screen and (max-width: 760px) {.productlisting .BH-hierarchy-banner-container .button-container div {width: 100%;} .productlisting .BH-hierarchy-banner-container .button-container a {font-size: 1.2rem; padding-top: 16px;}} .suttonsgiftvouchers .PRODLEFT .personalisation-modify .relatedDataElement .relatedDataLabel {padding-left: 25px;} /* wibraskets landing page */ div#wibraskets p {color:#587b26;} div#wibraskets a {color:#8a7300;font-style: italic;} /* Content Managed Page 2 Hero Banner & h1 Text */ div.contentmanagedpage2 h1.HeroHeading.WIBraskets {background: url("https://suttons.s3.amazonaws.com/cms/landingpages/wibraskets/wibraskets-hero-banner-980-80.jpg") no-repeat center;color: #fff;text-align:center;font-weight:600;font-size: 2.25rem;margin: 10px 0px 10px;min-height:80px;padding: 10px 0 0;position: relative;text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.9);text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.81);} /* This section should ONLY be used if the 'Content Managed Page 2 [full width] Hero Banner' change is sitewide! We'd need to ensure an img with a class of 'h1banner' exists in the top of the CMP */ div.contentmanagedpage2 h1.HeroHeading {color: #fff;font-weight: 600;font-size: 2.25rem;padding-top: 1rem;position: absolute;text-align: center;text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.9);text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.81);} div.contentmanagedpage2 img.h1banner {margin-bottom: 1rem;} /* Moved from Monetate to style search bar PC RH 05/07/2016 */ .SEARCH input,.SEARCH input:hover {background:#fff!important;color:#A59D9D!important} .SEARCH {top:-9px!important} .SEARCH input {/*top:-10px!important*/;border:3px solid #b0b0a0!important;height:45px!important;width:80%!important;margin-left:5%!important;padding:5px 5px 5px 20px!important;border-right:0!important;font-size:18.6px!important;-webkit-border-radius:100px 0 0 100px!important;-moz-border-radius:100px 0 0 100px!important;border-radius:100px 0 0 100px!important;} .SEARCH input:hover {} .SEARCH input:focus {color:#807676!important} .SEARCH a {width:10%!important;height:45px!important;background-color:#F1F1EE;border:3px solid #b0b0a0!important;border-radius:0 100px 100px 0;border-left: 0 !important;} .SEARCH a:hover {border-left:0!Important;background-color:#E6E6E6;} .SEARCH a:focus {background-color:#CCC!important;outline:0;color:red!important} /* HOMEPAGE CHANGES - HOMEMIDS - PC 16/06/2017 */ .home #HomeContainer .homeMid h2 {background: rgba(49, 49, 49, 0.58);} .home .homeBottom .HomeBox div {padding: 0; border: none;} /* CATALOGUE REQUESTS CMP PC 02/08/2016*/ .cataloguerequest h3 {font-weight: 600;} .cataloguerequest #onlineCatReqContainerTop {margin-bottom: 20px;} .cataloguerequest #onlineCatReqContainerRightTop {padding: 0 10px 10px 10px;background-color: #EDEDED;border-radius: 10px;} .cataloguerequest #onlineCatReqContainerBottom .onlineCatReqthumbBottom {float: left;margin-right: 2%;text-align: center;padding: 5px 20px 10px 0px;} .cataloguerequest #onlineCatReqContainerBottom .onlineCatReqthumbBottom a.button, .cataloguerequest #onlineCatReqContainerTop a.button {display: block;padding: 10px 0;background-color: #989881;transition: .2s;-webkit-transition: .2s;border-radius: 5px;text-decoration: none;font-weight: 500;text-transform: capitalize;letter-spacing: 1px;font-size: 1em;} .cataloguerequest #onlineCatReqContainerRightTop a.button {margin: 8px 20%;} .cataloguerequest #onlineCatReqContainerBottom a.button {margin: 10px 0 0;} .cataloguerequest #onlineCatReqContainerBottom .onlineCatReqthumbBottom a.button:hover, .cataloguerequest #onlineCatReqContainerRightTop a.button:hover {background-color:#767660;} /* REMOVE BULLET POINTS */ /* At a glance */ .NAVCONTAINER .MAINNAV li.level1>ul .PANEL.AT-A-GLANCE ul li.level2 a, /* panels */ .NAVCONTAINER .MAINNAV li.level1>ul .PANEL ul li.level2 .level3 a, /* view all categories */ .NAVCONTAINER .MAINNAV li.level1>ul .PANEL .BTMLINK {background:none!important;padding:0!important;} /*********************************/ /* PRODUCT LISTING - TEASER TEXT */ /*********************************/ .hierarchylevel1 #Hierarchy1 .inner span {display: none;} .hierarchylevel1.pickandmix #Hierarchy1 .inner span, .hierarchylevel1.suttonsgiftideas #Hierarchy1 .inner span, .hierarchylevel1.xmasgifts #Hierarchy1 .inner span, .hierarchylevel1.giftsforthegardener #Hierarchy1 .inner span, .hierarchylevel1.foodanddrink #Hierarchy1 .inner span, .hierarchylevel1.growyourowngifts #Hierarchy1 .inner span, .hierarchylevel1.skincare #Hierarchy1 .inner span, .hierarchylevel1.giftsforgrowing #Hierarchy1 .inner span, .hierarchylevel1.containersforgrowing #Hierarchy1 .inner span, .hierarchylevel1.indoorgarden #Hierarchy1 .inner span, .hierarchylevel1.potsplantersbaskets #Hierarchy1 .inner span, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 .inner span, .hierarchylevel1.giftsforoutdoors #Hierarchy1 .inner span, .hierarchylevel1.gardendecor #Hierarchy1 .inner span, .hierarchylevel1.gardensigns #Hierarchy1 .inner span, .hierarchylevel1.wildlifegifts #Hierarchy1 .inner span {display: block; height: 60px;} .hierarchylevel1.pickandmix #Hierarchy1 li .inner h2, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner h2, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner h2, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner h2, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner h2, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner h2, .hierarchylevel1.skincare #Hierarchy1 li .inner h2, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner h2, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner h2, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner h2, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner h2, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner h2, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner h2, .hierarchylevel1.gardendecor #Hierarchy1 li .inner h2, .hierarchylevel1.gardensigns #Hierarchy1 li .inner h2, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner h2 {position: inherit; background: none; padding: 5px 0;} .hierarchylevel1.pickandmix #Hierarchy1 li .inner h2 a, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner h2 a, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner h2 a, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner h2 a, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner h2 a, .hierarchylevel1.skincare #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner h2 a, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner h2 a, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner h2 a, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner h2 a, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner h2 a, .hierarchylevel1.gardendecor #Hierarchy1 li .inner h2 a, .hierarchylevel1.gardensigns #Hierarchy1 li .inner h2 a, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner h2 a {color: #313131; font-weight: 700; text-align: left;} .hierarchylevel1 #Hierarchy1 li .inner p {font-size: .75rem;} .hierarchylevel1 #Hierarchy1 li .inner ul {margin-left: 0; line-height: 18px;} .hierarchylevel1 #Hierarchy1 li .inner ul li {display: inline-flex; color: #000; font-size: .7rem; margin: 0;} @media screen and (max-width: 845px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner h2 a, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner h2 a, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner h2 a, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner h2 a, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner h2 a, .hierarchylevel1.skincare #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner h2 a, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner h2 a, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner h2 a, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner h2 a, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner h2 a, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner h2 a, .hierarchylevel1.gardendecor #Hierarchy1 li .inner h2 a, .hierarchylevel1.gardensigns #Hierarchy1 li .inner h2 a, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner h2 a {font-size: .9rem;} .hierarchylevel1 #Hierarchy1 li .inner p {font-size: .7rem;}} @media screen and (min-width: 640px) and (max-width: 775px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 275px;}} @media screen and (max-width: 640px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 190px;} .hierarchylevel1 #Hierarchy1 li .inner p {font-size: .75rem;}} @media screen and (max-width: 450px) {.hierarchylevel1 #Hierarchy1 li .inner p {font-size: .65rem;}} @media screen and (max-width: 390px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 190px;}} @media screen and (max-device-width: 450px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 300px;}} @media screen and (max-device-width: 400px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 270px;}} @media screen and (max-device-width: 350px) {.hierarchylevel1.pickandmix #Hierarchy1 li .inner, .hierarchylevel1.suttonsgiftideas #Hierarchy1 li .inner, .hierarchylevel1.xmasgifts #Hierarchy1 li .inner, .hierarchylevel1.giftsforthegardener #Hierarchy1 li .inner, .hierarchylevel1.foodanddrink #Hierarchy1 li .inner, .hierarchylevel1.growyourowngifts #Hierarchy1 li .inner, .hierarchylevel1.skincare #Hierarchy1 li .inner, .hierarchylevel1.giftsforgrowing #Hierarchy1 li .inner, .hierarchylevel1.containersforgrowing #Hierarchy1 li .inner, .hierarchylevel1.indoorgarden #Hierarchy1 li .inner, .hierarchylevel1.potsplantersbaskets #Hierarchy1 li .inner, .hierarchylevel1.seasonalplantsbulbs #Hierarchy1 li .inner, .hierarchylevel1.giftsforoutdoors #Hierarchy1 li .inner, .hierarchylevel1.gardendecor #Hierarchy1 li .inner, .hierarchylevel1.gardensigns #Hierarchy1 li .inner, .hierarchylevel1.wildlifegifts #Hierarchy1 li .inner {min-height: 250px;}} /***************************/ /****** PRODUCT DETAIL *****/ /* NOSTO - RECENTLY VIEWED */ /***************************/ .productdetail .NostoRecmnds #productpage-nosto-2 .nosto-product-list-item {min-height: 174px;} /*********************************************/ /* PERENNIALS NAV AND LANDING PAGE CHANGES - Added PC 26/06/17 */ /*********************************************/ .hierarchylevel1.perennials #Hierarchy1 li:nth-child(2), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(7), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(8), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(9), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(11), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(12), .hierarchylevel1.perennials #Hierarchy1 li:nth-child(13), .MAINNAV .PERENNIALS .AT-A-GLANCE .MUSTHAVEPERENNIALS, .MAINNAV .PERENNIALS .AT-A-GLANCE .PERENNIALSEARLY, .MAINNAV .PERENNIALS .AT-A-GLANCE .PERENNIALSMID, .MAINNAV .PERENNIALS .AT-A-GLANCE .PERENNIALSLATE, .SIDENAV .PERENNIALS .AT-A-GLANCE .MUSTHAVEPERENNIALS, .SIDENAV .PERENNIALS .AT-A-GLANCE .PERENNIALSEARLY, .SIDENAV .PERENNIALS .AT-A-GLANCE .PERENNIALSMID, .SIDENAV .PERENNIALS .AT-A-GLANCE .PERENNIALSLATE, #LeftColumn .ProductHierarchyMenu .AT-A-GLANCE li:nth-child(2), #LeftColumn .ProductHierarchyMenu .AT-A-GLANCE li:nth-child(7), #LeftColumn .ProductHierarchyMenu .AT-A-GLANCE li:nth-child(8), #LeftColumn .ProductHierarchyMenu .AT-A-GLANCE li:nth-child(9), #LeftColumn .ProductHierarchyMenu .PERENNIALSATOZ, #LeftColumn .ProductHierarchyMenu .PERENNIALBORDERS {display:none;} /*********************************************/ /* CUSTOMER SERVICES CMP - Added PC 14/09/16 */ /*********************************************/ /* MARGINS */ #cscmp .terms-and-conditions {margin-bottom: 10px;} #cscmp .headersMobile img {margin-top: 10px; min-height: 40px;} /* Overide default li to introduce some breathing room between li's */ #cscmp .accordion-navigation {margin-bottom: .75em !important;} /* Overide the default margins for an accordion */ #cscmp ul.accordion {margin :0.5em;margin-bottom: 0;} /* Overide default lack of margin for ul within an accordion */ #cscmp .accordion-navigation ul {margin: 1.5em 1.5em 1em;} /* LINKS */ /* Overide default anchor link behaviour */ #cscmp .accordion .accordion-navigation > a {text-decoration: none !important;} /* Overide default anchor link hover behavior */ #cscmp .accordion .accordion-navigation > a:hover {background: rgba(0, 0, 0, 0.03)!important;} /* Improve usability of accordion. Add 'chevron down' icon - see http://fontawesome.io/cheatsheet */ #cscmp .accordion .accordion-navigation > a:after {font-family: 'FontAwesome';content:"\f078";padding-left: 5px;float: right;font-size: 20px;color: #e2e2e2;} /* Improve usability of accordion. Add 'chevron up' icon - see http://fontawesome.io/cheatsheet */ #cscmp .accordion .accordion-navigation.active > a:after {font-family: 'FontAwesome';content:"\f077";color:#666;} /* Overide default active state of accordion active */ #cscmp .accordion .accordion-navigation.active > a {background: #EFEFEF;font-weight: 600;} /* Overide default active state of accordion active hover */ #cscmp .accordion .accordion-navigation.active > a:hover {background: #EFEFEF !important;} /* TYPOGRAPHY */ /* FAQ Block Header */ #cscmp h3#myaccount, #cscmp h3#delivery, #cscmp h3#orderingonline {font-size: 1.75em;color: #8a8989;font-weight: 800;margin-left: 0.25em;margin-top: 1em;} @media screen and (min-width: 1024px) {#cscmp .terms-and-conditions {margin-left: 9%;} #cscmp .terms-and-conditions img {width: 89%;} #cscmp .imageOptions {margin: 0 9%;}} /*********************************************/ /* TERMS AND CONDITIONS CMP - Added PC 14/09/16 */ /*********************************************/ #termsAndConditions h3 {color: #8a8989;font-weight: 800;margin-left: 0.25em;margin-top: 1em;} #termsAndConditions h3 {padding-left: 10px;} #termsAndConditions .subHeading {color: #5a5959; font-weight: 700;} #termsAndConditions p {padding-left: 20px;} #termsAndConditions ul {padding-left: 25px;} /***************************************************/ /* STORE LOCATOR - PC 19/10/2016 */ /***************************************************/ #storelocator .how_to_use, #storelocator .feedback {width: 98%; margin: 0 1% 1%; border: 1px solid #deded1;} #storelocator .wufoo_form {margin: 0 3px;} @media screen and (max-width: 640px) {#storelocator #hide-on-small {display: none;}} /***************************************************/ /* SITEMAP - PC 20/10/2016 */ /***************************************************/ /* styling for all list items */ #sitemap .category li,#sitemap .category a {display: list-item;text-align: -webkit-match-parent; /* remove indent */cursor: pointer;text-decoration: none;line-height: 1.71429;list-style: none;} /* Styling for each Hierarchy level section */ #sitemap .category-section {display: inline-block;margin-bottom: 10px;padding-right: 12px;vertical-align: top;width: 80%;z-index: 1;} /* Changes the styling to block to maintain format */ @media only screen and (max-width: 768px) {#sitemap .category-section {display: block;margin-bottom: 8px;vertical-align: top;width: 100%;z-index: 1;}} /* Main header styling */ #sitemap .category-title {font-size: 24px;line-height: 1.71429;font-weight: 300;letter-spacing: 0em;border-bottom: 1px solid #d6d6d6;display: block;margin: 0 0 20px 0;} /* Section header styling */ #sitemap .category-section-title {font-size: 19px;line-height: 1.4446;font-weight: 600;letter-spacing: 0em;margin-bottom: 10px;} /* List items styling */ #sitemap .category-section-items {font-size: 14px;line-height: 1;font-weight: 400;letter-spacing: 0em;margin: 6px 0;} /* Changes colour of text when hover over list items */ #sitemap .category-section-items a:hover {color: #51a63e;} /***************************************************/ /* REGISTRATION ADDRESS - PC 17/11/2016 */ /***************************************************/ /* Change look of tool tip icon */ .CheckoutPages #Main .FCBOX .addCommDetail .ToolT {background-color: #989881;-webkit-transition: .2s;transition: .2s;color: #fff;border-radius: 50%;width: 20px;text-align: center;height: 20px;display: inline-block;margin-left: 5px;} /***************************************************/ /* SUTTONS GIFT VOUCHER - PC 24/11/2016 */ /***************************************************/ /* Extend Personalisation boxes to full width */ .suttonsgiftvouchers .personalisation-modify .relatedDataElement {width: 100%;} /***************************************************/ /* ERROR PAGE - PC 24/07/2017 */ /***************************************************/ .notfound #check-out-offers-link {text-align: center;} .notfound #check-out-offers-link a {font-size: 2.3rem; text-decoration: none;} /***************************************************/ /* PRODUCT LISTING - HIERARCHY TOP - VEG SEEDS - PC 25/01/2017 */ /***************************************************/ .aubergineseeds .Heading, .aubergineseeds .RELDATA .row, .aubergineseeds .RELDATA .tabs-content, .onionseeds .Heading, .onionseeds .RELDATA .row, .onionseeds .RELDATA .tabs-content, .beetrootseeds .Heading, .beetrootseeds .RELDATA .row, .beetrootseeds .RELDATA .tabs-content, .carrotseeds .Heading, .carrotseeds .RELDATA .row, .carrotseeds .RELDATA .tabs-content, .cucumberseeds .Heading, .cucumberseeds .RELDATA .row, .cucumberseeds .RELDATA .tabs-content, .herbseeds .Heading, .herbseeds .RELDATA .row, .herbseeds .RELDATA .tabs-content, .salad .Heading, .salad .RELDATA .row, .salad .RELDATA .tabs-content, .parsnipseeds .Heading, .parsnipseeds .RELDATA .row, .parsnipseeds .RELDATA .tabs-content, .spinachseeds .Heading, .spinachseeds .RELDATA .row, .spinachseeds .RELDATA .tabs-content, .tomatoseeds .Heading, .tomatoseeds .RELDATA .row, .tomatoseeds .RELDATA .tabs-content, .peaseeds .Heading, .peaseeds .RELDATA .row, .peaseeds .RELDATA .tabs-content, .broadbeanseeds .Heading, .broadbeanseeds .RELDATA .row, .broadbeanseeds .RELDATA .tabs-content, .frenchbeanseeds .Heading, .frenchbeanseeds .RELDATA .row, .frenchbeanseeds .RELDATA .tabs-content, .runnerbeanseeds .Heading, .runnerbeanseeds .RELDATA .row, .runnerbeanseeds .RELDATA .tabs-content, .lettuceseeds .Heading, .lettuceseeds .RELDATA .row, .lettuceseeds .RELDATA .tabs-content, .broccoliseeds .Heading, .broccoliseeds .RELDATA .row, .broccoliseeds .RELDATA .tabs-content, .brussellssproutseeds .Heading, .brussellssproutseeds .RELDATA .row, .brussellssproutseeds .RELDATA .tabs-content, .celeryseeds .Heading, .celeryseeds .RELDATA .row, .celeryseeds .RELDATA .tabs-content, .chiliseeds .Heading, .chiliseeds .RELDATA .row, .chiliseeds .RELDATA .tabs-content, .kaleseeds .Heading, .kaleseeds .RELDATA .row, .kaleseeds .RELDATA .tabs-content, .leekseeds .Heading, .leekseeds .RELDATA .row, .leekseeds .RELDATA .tabs-content, .marrowseeds .Heading, .marrowseeds .RELDATA .row, .marrowseeds .RELDATA .tabs-content, .turnipseeds .Heading, .turnipseeds .RELDATA .row, .turnipseeds .RELDATA .tabs-content, .swedeseeds .Heading, .swedeseeds .RELDATA .row, .swedeseeds .RELDATA .tabs-content, .sweetcornseeds .Heading, .sweetcornseeds .RELDATA .row, .sweetcornseeds .RELDATA .tabs-content, .cressseeds .Heading, .cressseeds .RELDATA .row, .cressseeds .RELDATA .tabs-content, .courgetteseeds .Heading, .courgetteseeds .RELDATA .row, .courgetteseeds .RELDATA .tabs-content, .cauliflowerseeds .Heading, .cauliflowerseeds .RELDATA .row, .cauliflowerseeds .RELDATA .tabs-content, .squashseeds .Heading, .squashseeds .RELDATA .row, .squashseeds .RELDATA .tabs-content, .pumpkinseeds .Heading, .pumpkinseeds .RELDATA .row, .pumpkinseeds .RELDATA .tabs-content, .radishseeds .Heading, .radishseeds .RELDATA .row, .radishseeds .RELDATA .tabs-content, .cabbageseeds .Heading, .cabbageseeds .RELDATA .row, .cabbageseeds .RELDATA .tabs-content {background: #6bb964 !important; margin: 0;} .aubergineseeds .RELDATA .tabs-content, .onionseeds .RELDATA .tabs-content, .beetrootseeds .RELDATA .tabs-content, .carrotseeds .RELDATA .tabs-content, .cucumberseeds .RELDATA .tabs-content, .herbseeds .RELDATA .tabs-content, .salad .RELDATA .tabs-content, .parsnipseeds .RELDATA .tabs-content, .spinachseeds .RELDATA .tabs-content, .tomatoseeds .RELDATA .tabs-content, .peaseeds .RELDATA .tabs-content, .broadbeanseeds .RELDATA .tabs-content, .frenchbeanseeds .RELDATA .tabs-content, .runnerbeanseeds .RELDATA .tabs-content, .lettuceseeds .RELDATA .tabs-content, .broccoliseeds .RELDATA .tabs-content, .brussellssproutseeds .RELDATA .tabs-content, .celeryseeds .RELDATA .tabs-content, .chiliseeds .RELDATA .tabs-content, .kaleseeds .RELDATA .tabs-content, .leekseeds .RELDATA .tabs-content, .marrowseeds .RELDATA .tabs-content, .turnipseeds .RELDATA .tabs-content, .swedeseeds .RELDATA .tabs-content, .sweetcornseeds .RELDATA .tabs-content, .cressseeds .RELDATA .tabs-content, .courgetteseeds .RELDATA .tabs-content, .cauliflowerseeds .RELDATA .tabs-content, .squashseeds .RELDATA .tabs-content, .pumpkinseeds .RELDATA .tabs-content, .radishseeds .RELDATA .tabs-content, .cabbageseeds .RELDATA .tabs-content {margin-bottom: 25px;} .aubergineseeds .Heading, .onionseeds .Heading, .beetrootseeds .Heading, .carrotseeds .Heading, .cucumberseeds .Heading, .herbseeds .Heading, .salad .Heading, .parsnipseeds .Heading, .spinachseeds .Heading, .tomatoseeds .Heading, .peaseeds .Heading, .broadbeanseeds .Heading, .frenchbeanseeds .Heading, .runnerbeanseeds .Heading, .lettuceseeds .Heading, .broccoliseeds .Heading, .brussellssproutseeds .Heading, .celeryseeds .Heading, .chiliseeds .Heading, .kaleseeds .Heading, .leekseeds .Heading, .marrowseeds .Heading, .turnipseeds .Heading, .swedeseeds .Heading, .sweetcornseeds .Heading, .cressseeds .Heading, .courgetteseeds .Heading, .cauliflowerseeds .Heading, .squashseeds .Heading, .pumpkinseeds .Heading, .radishseeds .Heading, .cabbageseeds .Heading {padding: 15px; font-size: 2.5rem; color: #fff;} .QUICKSHOP .Heading {background: none!important;color: #767660;padding: 0!important; font-size: 1em;} #vegPosContainer {font-family:"PT Sans", sans-serif !important; color: #fff; clear: both;} #vegPosContainer .tabs.vertical dd a {transition: all 0.5s ease; background: #4e9e47; border: 2px solid #888; border-radius: 7px; cursor: pointer; font-size: .7rem; text-transform: uppercase; text-decoration: none!important; outline: 0; padding: 0.6rem; margin: .5rem; color: #fff;} #vegPosContainer .tabs.vertical dd a:hover {background: #008a35} #vegPosContainer .tabs.vertical dd.active a {background:#008a35; padding:20px 10px; font-weight: 700;} #vegPosContainer .tabs-content.vertical h3, #vegPosContainer .tabs-content.vertical #panel_b p, #vegPosContainer .tabs-content.vertical #panel_c p, #vegPosContainer .tabs-content.vertical .introInfo p {color: #fff} #vegPosContainer .tabs-content.vertical #panel_b p, #vegPosContainer .tabs-content.vertical #panel_c p, #vegPosContainer .tabs-content.vertical .introInfo p {font-size:0.9rem} #vegPosContainer .tabs-content.vertical #panel_a .main-panel {position: relative; height: 100%; width: 100%;} #vegPosContainer .tabs-content.vertical #panel_a .default-link {position:absolute!important; width:100%!important; height:100%; top:0; left: 0; z-index: 1; background-color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;} #vegPosContainer .tabs-content.vertical #panel_a .introInfo {font-size: 1.05rem; padding-bottom: 0px; margin-bottom: 5px;} #vegPosContainer .tabs-content.vertical #panel_a .introInfo a {color:#fff; transition: all 0.5s ease;} #vegPosContainer .tabs-content.vertical #panel_a .introInfo a:hover {color:#f3f3f3;} #vegPosContainer .tabs-content.vertical #panel_a .soloIntroInfo p {font-size: 1.1rem; margin-top: 3%; padding-bottom: 0px; margin-bottom: 5px; color: #fff;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections {border-top: 15px solid #008a36; padding-top: 10px; height: 220px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .provide-side-border {border-left: 2px solid #fff; padding-left: 5px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections ul {margin:0;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections li {list-style: none; height: 100%!important;; padding-bottom: 0!important;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections li:hover {background: #65a85f;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 4rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {text-decoration: none;color: #fff;font-weight: 300;font-size: 0.75rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {position: absolute; text-decoration: none;color: #fff;font-weight: 300;font-size: 0.7rem; margin: 36px 5px; width: 68%;} #vegPosContainer .product-option-buttons {text-align: center; padding: 7% 0;} #vegPosContainer .product-option-buttons .moreInfo {padding: 8px 18% 10px; margin: 5px; border: 2px solid #fff; border-radius: 5px;font-size: .9rem;color: #fff; background-color: #989881; -webkit-transition: .2s; transition: .2s; text-decoration: none; } #vegPosContainer .product-option-buttons .moreInfo:hover {background-color: #7f7f67;} #vegPosContainer .tabs-content.vertical #panel_a .product-option {font-size: .945rem!important; font-weight: 900!important;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 11%!important}} #vegPosContainer .tabs-content.vertical #panel_b h3 {font-size:1.7rem;} #vegPosContainer .tabs-content.vertical #panel_b li {color: #fff;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list {padding: 10px 0 15px;border-top: 1px solid #fff;} #vegPosContainer .tabs-content.vertical #panel_b .first {border:none;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideImage {padding: 0;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list img {margin-top: 10px;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideInfo {padding-left: 2%;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a {color:#fff;font-size:1.7rem;text-decoration: none;transition: all 0.5s ease; margin-bottom: 0; padding-bottom: 5px;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a:hover {color:#f3f3f3; text-decoration: underline;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .entry-meta {font-size: 0.85em} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .entry-meta .post-category a {font-size: 0.9rem; font-weight: 600; text-decoration: none; color: #fff} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .entry-meta .post-category a:hover {color: #eaeaea;} #vegPosContainer .tabs-content.vertical #panel_c .accordion-navigation {margin-bottom: .75em !important;} #vegPosContainer .tabs-content.vertical #panel_c ul.accordion {margin :0.5em;margin-bottom: 0;} #vegPosContainer .tabs-content.vertical #panel_c .accordion-navigation ul {margin: 1.5em 1.5em 1em;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a {text-decoration: none !important; background: #4e9e47; color: #fff; padding-right: 24px} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a:hover {background: #008a35 !important;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a:after {font-family: 'FontAwesome';content:"\f078";padding-left: 5px; font-size: 1.2rem;color: #fff; position: absolute; right: 36px;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation.active > a:after {font-family: 'FontAwesome';content:"\f077";color:#fff;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation.active > a {background: #008a35 !important;font-weight: 600;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation.active > a:hover {background: #008a35 !important;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation .content {background: #6bb964} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation li, #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation a {color: #fff;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation p {font-size: .95rem;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation .content a:hover {color: #e2e2e2;} @media screen and (max-width: 1225px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 11%!important}} @media screen and (max-width: 1024px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections > li {width: 33%;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 36px!important} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideImage {width: 25%!important;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideInfo {width: 75%!important;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a {font-size:1.2rem;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a {font-size: .95rem} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a:after {font-size: 1rem} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .entry-meta, #vegPosContainer .tabs-content.vertical #panel_b .entry-list .entry-meta .post-category a {font-size: 0.8rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 {margin: 0; padding: 0;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation p {font-size: .9rem!important;}} @media screen and (max-width: 944px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 11%!important}} @media screen and (max-width: 900px) {#vegPosContainer .tabs.vertical dd a {font-size: .6rem} #vegPosContainer .tabs-content.vertical #panel_b p, #vegPosContainer .tabs-content.vertical #panel_c p, #vegPosContainer .tabs-content.vertical .introInfo p {font-size:0.85em!important} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a {font-size:1.2rem;}} @media screen and (max-width: 800px) {#vegPosContainer .tabs.vertical {max-width: 25%;width: 25%;} #vegPosContainer .tabs-content.vertical {max-width: 75%;width: 75%;} #vegPosContainer .tabs-content.vertical #panel_b p, #vegPosContainer .tabs-content.vertical #panel_c p, #vegPosContainer .tabs-content.vertical .introInfo p {font-size:0.8em!important} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .remove-for-mobile {display: none;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections li {width: 49%; height: 150px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-header {margin-bottom: 0;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {font-size: 0.9rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 5rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {font-size: 0.9rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideImage {display: none!important;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideInfo {width: 100%!important;} #vegPosContainer .tabs-content.vertical #panel_b h3 {font-size:1.5rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a {font-size:1.28rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a:hover {font-size:1.28rem;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a {font-size: .85rem;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a:after {font-size: 1rem} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation p {font-size: .8rem;}} @media screen and (max-width: 700px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections li {height: 130px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {font-size: 0.8rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 4rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {font-size: 0.8rem;}} @media screen and (max-width: 640px) {#vegPosContainer .tabs.vertical {max-width: 100%;width: 100%;} #vegPosContainer .tabs-content.vertical {max-width: 100%;width: 100%;} #vegPosContainer .tabs.vertical dd a {font-size: .7rem} #vegPosContainer .tabs-content.vertical #panel_a .product-selections li {padding-left: 10px; height: 145px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {font-size: 0.9rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 5rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 36px!important} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {font-size: 0.9rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideImage {width: 25%!important; display: block!important;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideInfo {width: 75%!important;}} @media screen and (max-width: 495px) {#vegPosContainer .tabs.vertical dd a {font-size: .65rem} #vegPosContainer .tabs-content.vertical #panel_a .product-selections li {padding-left: 5px; height: 125px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {font-size: 0.7rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 4.5rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {font-size: 0.7rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideImage {display: none!important;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list .guideInfo {width: 100%!important;}} @media screen and (max-width: 390px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections .twoLines {margin-top: 11%!important}} @media screen and (max-width: 345px) {#vegPosContainer .tabs-content.vertical #panel_a .product-selections li {height: 110px;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections .product-option-title {font-size: 0.65rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections img {height: 3.5rem;} #vegPosContainer .tabs-content.vertical #panel_a .product-selections p {font-size: 0.65rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a {font-size:1.1rem;} #vegPosContainer .tabs-content.vertical #panel_b .entry-list h4 a:hover {font-size:1.1rem;} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation > a {font-size: .8rem} #vegPosContainer .tabs-content.vertical #panel_c .accordion .accordion-navigation p {font-size: .75rem;}} /******************************************************/ /* CHANGE GIFT IDEAS ON NAV TO PURPLE - RH 10/11/2017 */ /******************************************************/ .MAINNAV .SUTTONSGIFTIDEAS {background: #9924d4;} /***************************************/ /* NEW HOMEPAGE LAYOUT - PC 14/02/2017 */ /***************************************/ /* For IE 10 + 11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .homepage-new-search-button {position: absolute; right: 20%;} .new-homepage-search {width: 60%!important;}} #suttons-new-look-homepage {position: absolute; height: 100%; width: 100%;} #new-homepage-content {min-height: 100%;/* equal to footer height */margin-bottom: -170px;} #new-homepage-content:after {content: ""; display: block;} #new-homepage-header {padding: 1.5% 0 0 3%;} #new-homepage-header .suttons-logo {width: 140px;} #new-homepage-header #burger-nav-container {position: absolute; top: 50px; right: 50px; text-align: right;} #new-homepage-header #burger-nav-container .burger-nav-menu {float: right; padding: 0; color: #fff; font-size: 1.4em; font-weight: 800; letter-spacing: 1px; text-shadow: 2px 2px #464445; width:120px; height: 50px;} #new-homepage-header #burger-nav-container #my-account-large {width: 179px; margin-right: 20px;} #new-homepage-header #burger-nav-container .burger-nav-menu span {padding-left: 5%;} #new-homepage-header #hidden-nav {display: none; position: absolute;background: rgba(51, 51, 46, 0.92);top: 0;height: 100%; right: 0; width: 30%;z-index: 9999;} #new-homepage-header #hidden-nav #hidden-nav-container {position: relative;} #new-homepage-header #hidden-nav #hidden-nav-header {padding: 8% 0 4% 2%; border-bottom: grey 2px solid; font-size: 1.3em;} #new-homepage-header #hidden-nav #hidden-nav-header #hidden-nav-close-button {padding: 3%; color: #fff;} #new-homepage-header #hidden-nav #hidden-nav-header #hidden-nav-sign-in-button {padding-right: 17px; color: #fff; float: right;} #new-homepage-header #hidden-nav #hidden-nav-header i {padding-right: 4px;} #new-homepage-header #hidden-nav ul {margin: 0!important} #new-homepage-header #hidden-nav ul li {font-size: 1.05em;border-bottom: rgba(128, 128, 128, 0.25) 1px solid;} #new-homepage-header #hidden-nav ul li span {display: block;} #new-homepage-header #hidden-nav ul li a {display: block; padding: 3% 4%; color: #fff;} #new-homepage-header #hidden-nav ul li a:hover {color: #fff!important; background: rgba(51, 51, 46, 0.6);} #new-homepage-section-buttons {text-align: center;} #new-homepage-section-buttons a {padding: 0 7px;} #new-homepage-section-buttons a img {-webkit-transition: all .3s ease;transition: all .3s ease; width: 190px;} #new-homepage-section-buttons a:hover img {-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} #new-homepage-text {text-align: center;} #new-homepage-text h1, #new-homepage-text h2 {font-weight: 900;color: #fff;text-shadow: 2px 2px #464445;} #new-homepage-text h1 {font-size: 3.5rem;} .new-homepage-search {text-align: right; margin: 1.5% auto;width: 50%;} .new-homepage-search input {background: #fff!important;color: #6b6b6b!important;border: 3px solid #b0b0a0!important;height: 79px!important;padding: 5px 5px 5px 20px!important;font-size: 1.5rem!important;-webkit-border-radius: 9px!important;-moz-border-radius: 9px!important;border-radius: 9px!important; margin: auto; width: 100%;} .new-homepage-search input:focus {color:#807676!important} .homepage-new-search-button {margin-right: 72px;} .new-homepage-search a {width: 63px!important;height: 63px!important;background-color: #f00;border: 3px solid #c50404!important;border-radius: 8px;position: absolute; margin-top: -71px; text-align: center;text-align: webkit-right;} .new-homepage-search a:hover {background-color:#c50404!important;} .new-homepage-search a i {color: #fff; margin-top: 6px; font-size: 2.5em;} #new-homepage-footer, #new-homepage-content:after {height: 170px;} #new-homepage-footer {background: rgba(94, 92, 93, .7); text-align: center; padding-bottom: 1%;} #new-homepage-footer p, #new-homepage-footer a {color: #fff; margin: 0!important; font-size: 0.8rem;} #new-homepage-footer-info #footer-icons img {margin: 4px;} #new-homepage-footer-info .fa-stack {width: 2.5em!important; height: 2.5em!important;} #new-homepage-footer-info .fa-square {font-size: 2.2em!important; margin-top: 3px!important;} #new-homepage-footer-info .facebook-square {color: #4867aa!important;} #new-homepage-footer-info .twitter-square {color: #1da1f2!important;} #new-homepage-footer-info .youtube-square {color: #e12b28!important;} #new-homepage-footer-info .fa-stack-2x {font-size: 1.4em!important; top: 23%!important; color: #fff!important;} #new-homepage-footer-info #footer-icons img, #new-homepage-footer-info #footer-icons a {-webkit-filter: grayscale(60%); filter: grayscale(60%);} #new-homepage-footer-info #footer-icons img:hover, #new-homepage-footer-info #footer-icons a:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);} #new-homepage-footer-info #customer-service-phone {font-size: 1.4rem;} @media screen and (max-width: 1400px) {#new-homepage-section-buttons a img {width: 180px;} .new-homepage-search {width: 68%;}} @media screen and (max-width: 1100px) {#new-homepage-header #hidden-nav {width:45%;} #new-homepage-text {padding-top: 2%;} #new-homepage-text h1 {font-size: 3.2rem;} #new-homepage-text h2 {font-size: 1.6rem;} .new-homepage-search {margin: 4% auto;} .new-homepage-search input {height: 80px!important} .new-homepage-search a {margin-top: -71px;}} @media screen and (max-width: 1024px) {#new-homepage-header #burger-nav-container .burger-nav-menu {width: 50px;} #new-homepage-header #burger-nav-container .burger-nav-menu span {padding: 20%;} #new-homepage-header #burger-nav-container #my-account-small {margin-right: 15px;}} @media screen and (max-width: 924px) {#new-homepage-header #burger-nav-container .burger-nav-menu {font-size: 1.1em; padding-top: 4%;} #new-homepage-header #hidden-nav #hidden-nav-header {font-size: 1.1em} #new-homepage-section-buttons a {padding: 0;} .new-homepage-search {width: 80%;} #new-homepage-text h2 {margin: 0 5%;} .new-homepage-search input {height: 70px!important} .homepage-new-search-button {margin-right: 65px;}.new-homepage-search a {margin-top: -64px; width: 58px!important; height: 58px!important;}} @media screen and (max-width: 766px) {#new-homepage-content {margin-bottom: -173px;} #new-homepage-header .suttons-logo {width: 125px;} #new-homepage-header #burger-nav-container {right: 20px;} #new-homepage-section-buttons {margin-top: 3%;} #new-homepage-section-buttons a img {margin: 0 1%; width: 160px;} #new-homepage-text h1 {font-size: 2.8rem;} .new-homepage-search {width: 85%!important;} #new-homepage-footer, #new-homepage-content:after {height: 173px;}} @media screen and (max-width: 640px) {#new-homepage-header #hidden-nav {width:60%;} #new-homepage-content {margin-bottom: -190px;} #new-homepage-footer, #new-homepage-content:after {height: 190px;} #new-homepage-footer-info #customer-service-phone {font-size: 1.2rem;}} @media screen and (max-width: 565px) {#new-homepage-header .suttons-logo {width: 115px;} #new-homepage-section-buttons {margin-top: 6%;} #new-homepage-section-buttons a img {width: 135px!important; margin: 0 1%;} #new-homepage-text {padding-top: 6%;} #new-homepage-text h1 {font-size: 2.5rem;} #new-homepage-text h2 {font-size: 1.5rem;} .new-homepage-search {padding-top: 5%;} .new-homepage-search input {font-size: 1.2rem!important;}} @media screen and (max-width: 483px) {#new-homepage-text h1 {font-size: 2.3rem;} #new-homepage-text h2 {font-size: 1.4rem;} .new-homepage-search input {height: 55px!important;padding: 7px!important;font-size: 1rem!important;}.homepage-new-search-button {margin-right: 50px;} .new-homepage-search a {width: 40px!important;height: 40px!important;margin-top: -47px;} .new-homepage-search a i {margin-top: 3px; font-size: 1.5em;} #new-homepage-footer, #new-homepage-content:after {height: 210px;}} @media screen and (max-width: 447px) {#new-homepage-section-buttons a img {width: 130px!important;} #new-homepage-text h1 {font-size: 1.85rem;} #new-homepage-text h2 {font-size: 1.168rem;} .new-homepage-search {width: 92%!important} #new-homepage-footer-info #footer-icons img, #new-homepage-footer-info #footer-icons a {width: 20%}} @media screen and (max-device-width: 1024px) {#new-homepage-header {padding: 3% 0 0 3%;} #new-homepage-header .suttons-logo {width: 180px;} #new-homepage-header #burger-nav-container .burger-nav-menu {font-size: 2em;} #new-homepage-header #hidden-nav ul li {font-size: 1.5em;} #new-homepage-header #hidden-nav #hidden-nav-header {font-size: 1.7em;} #new-homepage-section-buttons a img {width: 260px!important; margin: 10% 0 3%;} #new-homepage-text {padding-top: 2%;} .new-homepage-search {margin: 6% auto 1%; width: 75%;} .new-homepage-search input {height: 110px!important; font-size: 1.9rem!important;} .homepage-new-search-button {margin-right: 99px;} .new-homepage-search a {margin-top: -98px; width: 85px!important; height: 85px!important;} .new-homepage-search a i {margin-top: 10px; font-size: 3em;}} @media screen and (max-device-width: 769px) {#new-homepage-content {margin-bottom: -177px;} #new-homepage-header .suttons-logo {width: 140px;} #new-homepage-header #burger-nav-container .burger-nav-menu {font-size: 1.8em} #new-homepage-header #hidden-nav {width: 55%;} #new-homepage-section-buttons a img {width: 185px!important; margin: 5% 0 3%;} #new-homepage-text h1 {font-size: 3.2rem;} .new-homepage-search {margin: 5% auto;} .new-homepage-search input {height: 80px!important} .homepage-new-search-button {margin-right: 74px;} .new-homepage-search a {margin-top: -72px; width: 65px!important; height: 65px!important;} .new-homepage-search a i {margin-top: 8px; font-size: 2.5em;} #new-homepage-footer, #new-homepage-content:after {height: 177px;}} @media screen and (max-device-width: 414px) {#new-homepage-header .suttons-logo {width:90px;} #new-homepage-header #burger-nav-container {top: 30px;} #new-homepage-header #burger-nav-container .burger-nav-menu {font-size: 1.3rem} #new-homepage-header #hidden-nav {width: 65%} #new-homepage-header #hidden-nav #hidden-nav-header {font-size: 1.2rem;} #new-homepage-header #hidden-nav ul li {font-size: 1rem;} #new-homepage-header #hidden-nav ul li a {padding: 5% 4%;} #new-homepage-section-buttons a img {width: 120px!important; margin: 0 1% 2%;} #new-homepage-text h1 {font-size: 2rem;} .new-homepage-search {margin: 2% auto;} .new-homepage-search input {height: 55px!important; font-size: 1.2rem!important; padding: 5px 5px 5px 10px!important;} .homepage-new-search-button {margin-right: 50px;} .new-homepage-search a {height: 44px!important; width: 44px!important; margin-top: -49px;} .new-homepage-search a i {margin-top: 5px; font-size: 1.6em;} #new-homepage-footer {height: 235px;} #new-homepage-footer-info {padding: 0 4%; font-size: .8rem;}} @media screen and (max-device-width: 375px) {#new-homepage-header #hidden-nav ul li {font-size: 0.9rem;} #new-homepage-section-buttons a img {width: 110px!important;}#new-homepage-text h1 {font-size: 1.8rem;} .new-homepage-search {margin: 0% auto 6%;}} @media only screen and (max-device-width: 769px) and (orientation: landscape) {#new-homepage-header .suttons-logo {width: 135px;} #new-homepage-header #hidden-nav, #new-homepage-header #hidden-nav #hidden-nav-container {background: #393931;} #new-homepage-section-buttons a img {margin: 0; width: 190px!important;} #new-homepage-text h1 {font-size: 3rem;} .new-homepage-search {margin: 0 auto 2%;}} @media only screen and (max-device-width: 668px) and (orientation: landscape) {#new-homepage-section-buttons {margin: 0px;} #new-homepage-text {padding: 2% 0 1%;} .new-homepage-search {margin: 0 auto 3%}} @media only screen and (max-device-width: 568px) and (orientation: landscape) {#new-homepage-header .suttons-logo {width: 80px;} #new-homepage-section-buttons a img {width: 100px!important;} #new-homepage-text h1 {font-size: 1.5rem;}} @media screen and (max-device-width: 320px) {#new-homepage-header .suttons-logo {width:60px;} #new-homepage-section-buttons a img {width: 95px!important;} #new-homepage-text h1 {font-size: 1.25rem;} .new-homepage-search input {height: 45px!important; font-size: 0.9rem!important;} .homepage-new-search-button {margin-right: 41px;} .new-homepage-search a {margin-top: -39px; width: 34px!important; height: 34px!important;} .new-homepage-search a i {margin-top: 4px; font-size: 1.2em;} #new-homepage-footer {height: 265px}} @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { @media only screen and (max-device-width: 750px) and (orientation: landscape) {#new-homepage-header .suttons-logo {width: 80px;} #new-homepage-header #hidden-nav, #new-homepage-header #hidden-nav #hidden-nav-container {background: #393931;} #new-homepage-section-buttons a img {width: 100px!important;} #new-homepage-text h1 {font-size: 1.7rem;} #new-homepage-text h2 {font-size: 1.1rem;} #new-homepage-header #burger-nav-container {top: 30px;} #new-homepage-header #burger-nav-container .burger-nav-menu {font-size: 1.3rem} #new-homepage-header #hidden-nav {width: 50%} #new-homepage-header #hidden-nav #hidden-nav-header {font-size: 0.95rem;} #new-homepage-header #hidden-nav ul li {font-size: 0.85rem;} #new-homepage-header #hidden-nav ul li a {padding: 4% 4%;} .new-homepage-search input {height: 45px!important; font-size: 0.9rem!important;} .homepage-new-search-button {margin-right: 41px;} .new-homepage-search a {margin-top: -39px; width: 34px!important; height: 34px!important;} .new-homepage-search a i {margin-top: 4px; font-size: 1.2em;} #new-homepage-footer {height: 235px;}}} /***************************************************/ /* GROUP SCHEME LAYOUT - PC 23/02/2017 */ /***************************************************/ #cmp-suttons-group-scheme #header-image {background: url(https://suttons.s3.amazonaws.com/cms/hierarchy/suttons-group-scheme-header-image.jpg) no-repeat center;margin-bottom: 2%;} #cmp-suttons-group-scheme #header-image h1 {text-align: center;color: #fff;padding: 10%;} #cmp-suttons-group-scheme h3 {margin-top: 4%} #cmp-suttons-group-scheme p {font-size: 1rem;line-height: 175%;} #cmp-suttons-group-scheme i {margin-right: 4%} #cmp-suttons-group-scheme li {font-size: 1rem;line-height: 175%;margin-top: 1%;} #cmp-suttons-group-scheme .group-scheme-checklist li {font-size: 1rem;margin-top: 1%;list-style-type: none;} #cmp-suttons-group-scheme #group-scheme-discount-table {width: 65%;margin: 4% auto 4%;} #cmp-suttons-group-scheme #group-scheme-discount-table th {width: 20%;} #cmp-suttons-group-scheme #group-scheme-discount-table .members-column {text-align: center;background: rgba(255, 247, 0, 0.25);} #cmp-suttons-group-scheme #group-scheme-discount-table .group-column {text-align: center;background: rgba(28, 255, 0, 0.25);} #cmp-suttons-group-scheme #group-scheme-discount-table tr:nth-of-type(even) {background: #e6e6e6;} @media screen and (max-width: 900px) {#cmp-suttons-group-scheme #header-image {background:none;} #cmp-suttons-group-scheme #header-image h1 {text-align: center;color: #483f2e;padding: 0;} #cmp-suttons-group-scheme #group-scheme-discount-table {width: 100%;margin: 5% 0;}} /***************************************************/ /* PRODUCT PAGE - READ MORE DROPDOWN - PC 23/03/2017 */ /***************************************************/ #Main .pright .Unit span, #Main .PURCHASE .Unit span {font-size: .85rem;font-weight: 700;} .hidden-content {display: none;} #Main #RHS .topDesc .read-more {font-weight:600;background:none!important;text-transform:uppercase;font-size:0.85em; text-decoration:none;} .topDesc {max-height: none!important;} .topDesc p:last-child { margin-bottom: 3% !important;} .topDesc p, .topDesc li {font-size: 1rem!important; list-style: disc outside;} .hide-content-button {font-size: 1.2em;} .hide-content-button:hover {color: #111;} .topDesc .hide-content-button i {padding-left: 1%;} /***************************************************/ /* PRODUCT PAGE - VIDEO INSERT - PC 28/03/2017 */ /***************************************************/ .resp-tabs-container #tabs-1 #PD-video-container {padding: 1% 56% 1% 0;} @media screen and (max-width: 984px) {.resp-tabs-container #tabs-1 #PD-video-container {padding: 1% 46% 1% 0;}} @media screen and (max-width: 745px) {.resp-tabs-container #tabs-1 #PD-video-container {padding: 1% 26% 1% 0;}} @media screen and (max-width: 550px) {.resp-tabs-container #tabs-1 #PD-video-container {padding: 1% 0;}} /*********************************************************/ /* PRODUCT PAGE - INSERT COLOUR SPRITES - PC 29/03/2017 */ /*********************************************************/ .iconset span {background: url(https://suttons.s3.amazonaws.com/css/V4/assets/icons-2017-3.png) no-repeat -10px -297px;} .iconset span:hover {filter: none!important; -webkit-filter: grayscale(0%)!important;} /***************************************************/ /* JAMES WONG LANDING PAGE - PC 07/04/2017 */ /***************************************************/ #james-wong-page > div, #james-wong-page .first-container, #james-wong-page .second-container {padding: 0;} #james-wong-page #section-1 {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/wood-bg.jpg) no-repeat center; background-size: cover;} #james-wong-page #section-1 .first-container {margin-top: 5%;} #james-wong-page #section-1 .first-container .intro-text {padding: 0;} #james-wong-page #section-1 .first-container .intro-text #main-logo {text-align: center;} #james-wong-page #section-1 .first-container .intro-text #main-logo img {padding: 0;} #james-wong-page #section-1 .first-container .intro-text #description-container {margin-top: 4%; width: 125%; background: rgba(211, 211, 211, 0.78); padding: 1% 0;} #james-wong-page #section-1 .first-container .intro-text #description-container h4 {margin: 2% 22% 2% 2%; color: #000000; font-size: 1.5rem; font-weight: 500;} #james-wong-page #section-1 .second-container {margin-top: 3%;} #james-wong-page #section-1 .second-container .CTA {text-align: center;} #james-wong-page #section-1 .second-container .CTA .button-container {margin: 5%; background: #2fa0b0; width: 75%; padding: 3%; border-radius: 11px; border: 3px solid #2fa0b0;} #james-wong-page #section-1 .second-container .CTA .button-container:hover {border: 3px solid #fff;} #james-wong-page #section-1 .second-container .CTA .button-container a {color: #fff; text-decoration: none; font-size: 1.3rem; font-weight: 700;} #james-wong-page #section-2 .first-container {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/header-bg.jpg) no-repeat center; background-size: cover;} #james-wong-page #section-2 .first-container h1 {padding: 1% 5%; text-align: center; color: #fff; font-weight: 900;} #james-wong-page #section-2 .second-container {background: #e29835; padding: 2%;} #james-wong-page #section-2 .second-container p {font-size: 1.25em; color: #fff;} #james-wong-page #section-3 {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/heart_bg-bottom.jpg) no-repeat center; background-size: cover;} #james-wong-page #section-3 > div, #james-wong-page #section-3 .second-container .tom-text {padding: 0;} #james-wong-page #section-3 .first-container img {width: 100%;} #james-wong-page #section-3 .second-container h1 {color: #fff; padding-left: 5%; font-weight: 700;text-shadow: 1px 1px #7f7f7f; line-height: 40px;} #james-wong-page #section-3 .second-container .tom-text {padding-top: 3%;} #james-wong-page #section-3 .second-container #highlighted-heading h1 {position: absolute; top: 93px;} #james-wong-page #section-3 .second-container .tom-JW-badge .img-container {float: right; margin-right: 10px;} #james-wong-page #section-3 .second-container .text-blocks {padding: 0 0 10% 3%;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text {background: rgba(70, 131, 64, 1); margin: 2% 0; padding: 0; border-radius: 15px;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #heading {background: rgba(177, 167, 108, 1); text-align: center; border-radius: 15px 15px 0 0;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #heading h2 {margin: 0; color: #fff; padding: 1%; font-weight: 500;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #description {padding-bottom: 15px;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #description p {color: #fff;padding: 2% 2% 0;margin: 0;font-size: 1.25rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text {margin: 28% 0 6%; padding-right: 0;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #uni-arrow {float: right;position: absolute;top: 0;right: 0;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container {z-index: 9;position: absolute;margin: 2px 50px 0 137px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container p {color: black; font-weight: 700; font-size: 1.085rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container #exeter-logo {position: absolute; right: 0; top: 98%;} #james-wong-page #section-4 {background: #e29835; text-align: center;} #james-wong-page #section-4 h2 {color: #fff;font-size: 2.8rem;padding: 1% 0 0;margin-bottom: 0;} #james-wong-page #section-4 h3 {color: #fff;font-size: 2.6rem;margin: 0 28% 1%; line-height: 48px;} #james-wong-page #section-4 .button-container {padding: 2% 0 4%;} #james-wong-page #section-4 .button-container a {background: black; color: #fff; text-decoration: none; padding: 18px; font-weight: 900; font-size: 1.5rem; border-radius: 8px; border: 3px solid black;} #james-wong-page #section-4 .button-container a:hover {border: 3px solid #fff;} #james-wong-page #section-5 {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/book_bg.png) no-repeat center; background-size: cover;} #james-wong-page #section-5 .book-left .img-container {padding: 7% 0 3% 10%;} #james-wong-page #section-5 .book-left .text-container {background: #fff; border-radius: 10px; padding: 3%; margin: 0 20% 0 5%; text-align: center;} #james-wong-page #section-5 .book-left .text-container p {font-size: 1.35rem; color: #000000;} #james-wong-page #section-5 .book-left .text-container a {background: black; color: #fff; text-decoration: none; padding: 10px 18px; font-weight: 900; font-size: 1.8rem; border-radius: 8px;} #james-wong-page #section-5 .book-left .text-container a:hover {background: rgb(29, 29, 29);} #james-wong-page #section-5 .book-right img {margin: 7% 0;} #james-wong-page #section-6 {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/kale_bg.jpg) no-repeat center; background-size: cover; border: 5px solid #fff;} #james-wong-page #section-6 .kale-left {padding: 0;} #james-wong-page #section-6 .kale-left .img-container {text-align: center; padding: 6% 0 2%;} #james-wong-page #section-6 .kale-left h2 {color: #fff; text-align: center; font-size: 2.25rem; margin: 0 16%;} #james-wong-page #section-6 .kale-left .text-container {background: url(https://suttons.s3.amazonaws.com/cms/landingpages/jameswong/new-page/Wood_bg.png) no-repeat center; background-size: cover; border-radius: 0 10px 10px 0;} #james-wong-page #section-6 .kale-left .text-container p {color: #fff; font-weight: 500; padding: 4%; font-size: 1.2rem;} #james-wong-page #section-6 .kale-right .img-container {margin-right: 10px;} #james-wong-page #section-6 .kale-right .img-container img {float: right;} #james-wong-page #section-6 .kale-right .button-container {margin: 72% 0 8%; text-align: center;} #james-wong-page #section-6 .kale-right .button-container a {background: #2fa0b0;color: #fff;text-decoration: none;padding: 18px;font-weight: 900;font-size: 1.8rem;border-radius: 8px; border: 3px solid #2fa0b0;} #james-wong-page #section-6 .kale-right .button-container a:hover {border: 3px solid #fff;} @media screen and (max-width: 1294px) {#james-wong-page #section-1 .first-container .intro-text #description-container h4 {font-size: 1.3rem;} #james-wong-page #section-3 {border-top: 5px solid black;} #james-wong-page #section-3 .first-container img {display: none;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container #exeter-logo {top: 79%;}} @media screen and (max-width: 1160px) {#james-wong-page #section-3 .second-container .text-blocks .tom-right-text {margin: 31% 0 6%;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container {margin: 2px 50px 0 91px;} #james-wong-page #section-5 .book-left .text-container {margin: 0 15% 0 5%;} #james-wong-page #section-6 .kale-right .button-container {margin-left: 0; margin: 78% 0 8%;}} @media screen and (max-width: 1047px) {#james-wong-page #section-1 .first-container .intro-text #description-container h4 {font-size: 1.1rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text {margin: 35% 0 6%;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container p {font-size: 1rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container #exeter-logo {width: 35%;} #james-wong-page #section-4 h3 {font-size: 2.3rem;} #james-wong-page #section-5 .book-left .text-container {margin: 0 5% 0 7%;} #james-wong-page #section-6 .kale-right .button-container {margin: 93% 0 8%;}} @media screen and (max-width: 959px) {#james-wong-page #section-3 .second-container #highlighted-heading img {width: 68%;} #james-wong-page #section-3 .second-container #highlighted-heading h1 {top: 79px;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #description p {font-size: 1.15rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container {margin: 2px 50px 0 65px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container p {font-size: 0.9rem;} #james-wong-page #section-4 h3 {margin: 0 20% 1%;} #james-wong-page #section-5 .book-left .text-container {margin: 0 0% 0 7%;}} @media screen and (max-width: 900px) {#james-wong-page #section-1 .first-container .intro-text #main-logo img {width: 46%;} #james-wong-page #section-1 .second-container .CTA .button-container {width: 90%;} #james-wong-page #section-2 .first-container h1 {font-size: 2rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text {margin: 40% 0 6%;} #james-wong-page #section-5 .book-left .img-container {text-align: center;} #james-wong-page #section-5 .book-left .img-container img {width: 80%;} #james-wong-page #section-6 .kale-left .img-container img {width: 45%;}} @media screen and (max-width: 852px) {#james-wong-page #section-1 .first-container .intro-text #description-container h4 {font-size: 1rem;} #james-wong-page #section-2 .second-container p {font-size: 1.1em;} #james-wong-page #section-3 .second-container h1 {font-size: 2.5rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #description p {font-size: 1rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container {margin: 2px 5px 0 65px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #uni-arrow {height: 107px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container #exeter-logo {top: 72%;} #james-wong-page #section-4 h2 {font-size: 2.5rem;} #james-wong-page #section-4 h3 {font-size: 2rem;} #james-wong-page #section-4 .button-container a {font-size: 1.2rem;} #james-wong-page #section-5 .book-left .text-container p {font-size: 1.2rem; padding-bottom: 10px;} #james-wong-page #section-5 .book-left .text-container a {font-size: 1.6rem;} #james-wong-page #section-6 .kale-left h2 {margin: 0;} #james-wong-page #section-6 .kale-right .button-container {margin: 119% 0 8%;} #james-wong-page #section-6 .kale-right .button-container a {font-size: 1.5rem;}} @media screen and (max-width: 753px) {#james-wong-page #section-1 .first-container .intro-text #description-container h4 {font-size: 0.95rem;} #james-wong-page #section-1 .second-container .CTA .button-container {width: 100%;} #james-wong-page #section-2 .second-container p {font-size: 0.95rem;} #james-wong-page #section-3 .second-container .text-blocks {padding: 0 0 13% 3%;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text {margin: 46% 0 6%;} #james-wong-page #section-3 .second-container h1 {font-size: 2.25rem;} #james-wong-page #section-3 .second-container #highlighted-heading h1 {top: 75px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #uni-arrow {height: 115px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container {margin: 2px 5px 0 46px;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container #exeter-logo {top: 85%;} #james-wong-page #section-4 h3 {margin: 0 12% 1%;}} @media screen and (max-width: 700px) {#james-wong-page #section-1 .first-container .JW-pic-bike img {padding-top: 12%;} #james-wong-page #section-1 .second-container .CTA .button-container a {font-size: 1rem;} #james-wong-page #section-3 .second-container #highlighted-heading h1 {top: 70px;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #description p {font-size: 0.9rem;} #james-wong-page #section-3 .second-container .text-blocks .tom-right-text #floating-container p {font-size: 0.85rem;} #james-wong-page #section-4 h2 {font-size: 2rem;} #james-wong-page #section-4 h3 {font-size: 1.85rem;} #james-wong-page #section-5 .book-left .text-container a {font-size: 1.3rem;} #james-wong-page #section-6 .kale-left h2 {font-size: 2rem;} #james-wong-page #section-6 .kale-left .text-container p {font-size: 1.05rem;} #james-wong-page #section-6 .kale-right .button-container a {font-size: 1.2rem;}} @media screen and (max-width: 639px) {#james-wong-page #section-1 .first-container .JW-pic-bike img {padding-top: 18%;} #james-wong-page #section-1 .second-container .CTA {margin: 4% 0 6%;} #james-wong-page #section-3 {border-bottom: 5px solid black;} #james-wong-page #section-3 .second-container .text-blocks {padding: 0;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text {border-radius: 0; margin: 0;} #james-wong-page #section-3 .second-container .text-blocks .tom-left-text #heading {border-radius: 0; margin: 0;} #james-wong-page #section-5 .book-left .img-container {padding: 5% 0;} #james-wong-page #section-5 .book-left .img-container img {width: 54%;} #james-wong-page #section-5 .book-left .text-container {margin: 0;} #james-wong-page #section-6 .kale-left .text-container {border-radius: 0;} #james-wong-page #section-5 .book-right {text-align: center;} #james-wong-page #section-5 .book-right img {margin: 2%; width: 37%;} #james-wong-page #section-6 .kale-right .button-container {margin: 5%;}} @media screen and (max-width: 460px) {#james-wong-page #section-1 .first-container .intro-text, #james-wong-page #section-1 .first-container .JW-pic-bike {width: 100%;} #james-wong-page #section-1 .first-container .JW-pic-bike img {padding-top: 2%;} #james-wong-page #section-2 .first-container h1 {font-size: 1.4rem;} #james-wong-page #section-4 h2 {font-size: 2rem;} #james-wong-page #section-4 h3 {font-size: 1.5rem; line-height: 34px;} #james-wong-page #section-4 .button-container {padding: 7% 0 9%;} #james-wong-page #section-4 .button-container a {font-size: 1rem;} #james-wong-page #section-5 .book-left .img-container img {width: 75%;} #james-wong-page #section-5 .book-left .text-container p {font-size: 1rem;} #james-wong-page #section-5 .book-left .text-container a {font-size: 1.1rem;}} .animation-element .slide-right .animation-container {opacity: 0;-moz-transition: all 500ms linear;-webkit-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear;-moz-transform: translate3d(-200px, 0px, 0px);-webkit-transform: translate3d(-200px, 0px, 0px);-o-transform: translate(-200px, 0px);-ms-transform: translate(-200px, 0px);transform: translate3d(-200px, 0px, 0px);} .animation-element.in-view .slide-right .animation-container {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);} .animation-element .slide-left .animation-container {opacity: 0;-moz-transition: all 500ms linear;-webkit-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear;-moz-transform: translate3d(200px, 0px, 0px);-webkit-transform: translate3d(200px, 0px, 0px);-o-transform: translate(200px, 0px);-ms-transform: translate(200px, 0px);transform: translate3d(200px, 0px, 0px);} .animation-element.in-view .slide-left .animation-container {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);} .animation-element .bounce-up .animation-container {opacity: 0;-moz-transition: all 1100ms ease-out;-webkit-transition: all 1100ms ease-out;-o-transition: all 1100ms ease-out;transition: all 1100ms ease-out;-moz-transform: translate3d(0px, 200px, 0px);-webkit-transform: translate3d(0px, 200px, 0px);-o-transform: translate(0px, 200px);-ms-transform: translate(0px, 200px);transform: translate3d(0px, 200, 0px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} #section-6.animation-element.bounce-up .animation-container {opacity: 0;-moz-transition: all 800ms ease-out;-webkit-transition: all 800ms ease-out;-o-transition: all 800ms ease-out;transition: all 800ms ease-out;} .animation-element.in-view .bounce-up .animation-container, #section-6.animation-element.bounce-up.in-view .animation-container {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);} .fade-in .animation-container {opacity: 0;-moz-transition: all 1000ms linear;-webkit-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear;} .fade-in.in-view .animation-container {opacity: 1;} @media screen and (max-device-width: 1024px) and (min-device-width: 414px){#section-2 .animation-container {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px);}} /*****************************/ /* Offers PAGE PC 24/07/2017 */ /*****************************/ #offers-page {padding: 10px 0;} #offers-page div {padding: 0;} #offers-page #offers-page-container .inner-section-container {padding: 10px;} #offers-page #offers-page-container img {width: 100%; background-color: rgba(0,0,0,.15); background-blend-mode: overlay;} #offers-page #offers-page-container img:hover {background-color: rgba(0,0,0,.08);} #offers-page #offers-page-container .inner-text-container {position: absolute; top: 0; height: 100%; width: 100%; -webkit-transition: 1s; transition: 1s;} #offers-page #offers-page-container .inner-text-container.dark {background: rgba(0, 0, 0, 0.2);} #offers-page #offers-page-container .inner-text-container:hover {background: rgba(0, 0, 0, 0.34)!important;} #offers-page #offers-page-container .inner-text-container a {position: absolute; width: 100%; height: 100%; left: 0; display: block; text-align: center; text-decoration: none; background: rgba(29, 28, 28, 0.2);} #offers-page #offers-page-container .view-all-offers-container a {padding-top: 11%;} #offers-page #offers-page-container #forth-section-container .inner-text-container a {background: rgba(29, 28, 28, 0.31);} #offers-page #offers-page-container .inner-text-container span {color: #fff; text-transform: uppercase; text-decoration: none; text-shadow: 2px 2px #7d7d7d; line-height: 44px;} #offers-page #offers-page-container .single-offer-container span {position: absolute; left: 10px;} #offers-page #offers-page-container .inner-text-container a .title {font-size: 2.5rem; display: block;} #offers-page #offers-page-container .view-all-offers-container a .title {font-size: 3rem; padding-bottom: 25px;} #offers-page #offers-page-container .single-offer-container a .title {bottom: 83px; text-align: left;} #offers-page #offers-page-container .inner-text-container a .offer {font-size: 1.5rem; bottom: 46px;} #offers-page #offers-page-container .inner-text-container a .offer-button {font-size: 1.5rem; border: 2px solid #fff; padding: 7px 15px; background: rgba(0, 0, 0, 0.05);} #offers-page #offers-page-container .single-offer-container a .offer-button {font-size: 1.4rem; padding: 15px; bottom: 10px; line-height: 0;} #offers-page #offers-page-container .inner-text-container a .offer-button:hover {background: #fff; color: rgb(75, 74, 74); text-shadow: none;} #offers-page #offers-page-container .inner-text-container a.large-section {padding-top: 39%;} #offers-page #offers-page-container .inner-text-container a.mid-section {padding-top: 17%;} #offers-page #offers-page-container #third-section-container .inner-text-container a.small-section {padding-top: 33%;} #offers-page #offers-page-container .inner-text-container a.small-section {padding-top: 24%;} #offers-page #offers-page-container .inner-text-container a.small-section .title {font-size: 2.2rem;} @media screen and (max-width: 700px) {#offers-page #offers-page-container .inner-text-container a .title {font-size: 1.8rem!important;} #offers-page #offers-page-container .single-offer-container a .title {bottom: 70px;} #offers-page #offers-page-container .inner-text-container a .offer {font-size: 1.2rem; bottom: 41px;} #offers-page #offers-page-container .inner-text-container a .offer-button {font-size: 1.2rem;} #offers-page #offers-page-container .view-all-offers-container a .title {padding-bottom: 0px;}} @media screen and (max-width: 520px) {#offers-page #offers-page-container .inner-section-container {padding: 4px;} #offers-page #offers-page-container .inner-text-container a .title {font-size: 1.3rem!important;} #offers-page #offers-page-container .single-offer-container a .title {bottom: 58px; padding-bottom: 9px; line-height: 25px;} #offers-page #offers-page-container .inner-text-container a .offer {font-size: 1.1rem; bottom: 34px;} #offers-page #offers-page-container .inner-text-container a .offer-button {font-size: 1.1rem; padding: 13px;} #offers-page #offers-page-container .view-all-offers-container a .offer-button {font-size: 1rem!important; padding: 8px!important;} #offers-page #offers-page-container .view-all-offers-container a {padding-top: 5%;}} @media screen and (max-width: 420px) {div#second-section-container div.masonary-section-container:nth-child(2) {display: none;} #offers-page #offers-page-container .inner-text-container a .title {font-size: 1.3rem!important; line-height: 20px;} #offers-page #offers-page-container .view-all-offers-container a .title {padding: 4% 0 2%;} #offers-page #offers-page-container .inner-text-container a .offer-button {font-size: 1.1rem; padding: 13px;} #offers-page #offers-page-container .view-all-offers-container a {padding-top: 3%;}} /***************************************************/ /* GARDENERS WORLD - PC 26/07/2017 */ /***************************************************/ .productlisting.gw717 #LeftColumn, .productlisting.gw717 #CenterColumn .PAGINGCONTROL.PAGINGTOP, .productlisting.gw717 #CenterColumn .PAGINGCONTROL.PAGINGBOTTOM, .productlisting.gw717 #RecentlyViewedProducts, .productlisting.gw717 #CenterColumn .LISTCONTAINER .AverageRating, .productlisting.gw717 #CenterColumn .LISTCONTAINER .Del {display: none!important;} .productlisting.gw717 #CenterColumn {width: 100%!important;} .productlisting.gw717 #CenterColumn h1.Heading {display: none;} .productlisting.gw717 #CenterColumn .PLIST li .inner {max-height: none;} .productlisting.gw717 #CenterColumn .LISTCONTAINER .LISTCONTENT h2 {height: 55px;} .productlisting.gw717 #CenterColumn .LISTCONTAINER .LISTCONTENT .LISTDESC {min-height: 0; padding: 3% 5px;} .productlisting.gw717 #header-image {padding: 0;} .productlisting.gw717 #header-image img {width: 100%;} .productlisting.gw717 #header-image #background-image {min-height: 400px;} .productlisting.gw717 #header-image #header-text-container {position: absolute; top: 9%; left: 1%; height: 82%; width: 380px; background: rgba(255, 255, 255, 0.65);} .productlisting.gw717 #header-image #header-text-container img {padding: 21px 56px 0; background: #fff;} .productlisting.gw717 #header-image #header-text-container #header-text {text-align: center; padding: 2%; width: 100%;} .productlisting.gw717 #header-image #header-text-container #header-text h2 {color: #2b2b2b; font-size: 2rem; font-weight: 700; text-transform: uppercase;} .productlisting.gw717 #header-image #header-text-container #header-text h2 span {color: #ff3e3e!important;} .productlisting.gw717 #offer-description {padding: 2% 1%;} .productlisting.gw717 #offer-description p {font-size: 1.17rem;} .productlisting.gw717 #offer-description p span {color: black; font-size: 1.4rem;} @media only screen and (min-width: 64.0625em) {.productlisting.gw717 #CenterColumn .LISTCONTAINER {padding: 0 3%;}} @media screen and (max-width: 640px) {.productlisting.gw717 #header-image #background-image {min-height: 350px;} .productlisting.gw717 #header-image #header-text-container #header-text h2 {font-size: 1.8rem;} .productlisting.gw717 #offer-description {padding: 3% 2%;} .productlisting.gw717 #offer-description p {font-size: 1rem;}} @media screen and (max-width: 405px) {.productlisting.gw717 #header-image #header-text-container {width: 98%;}} /***************************************************/ /* RADIO TIMES - PC 26/09/2017 */ /***************************************************/ .productlisting.radiotimes #LeftColumn, .productlisting.radiotimes #CenterColumn .PAGINGCONTROL.PAGINGTOP, .productlisting.radiotimes #CenterColumn .PAGINGCONTROL.PAGINGBOTTOM, .productlisting.radiotimes #RecentlyViewedProducts, .productlisting.radiotimes #CenterColumn .LISTCONTAINER .AverageRating, .productlisting.radiotimes #CenterColumn .LISTCONTAINER .Del {display: none!important;} .productlisting.radiotimes #CenterColumn {width: 100%!important;} .productlisting.radiotimes #CenterColumn h1.Heading {display: none;} .productlisting.radiotimes #CenterColumn .PLIST li .inner {max-height: none;} .productlisting.radiotimes #CenterColumn .LISTCONTAINER .LISTCONTENT h2 {height: 55px;} .productlisting.radiotimes #CenterColumn .LISTCONTAINER .LISTCONTENT .LISTDESC {min-height: 0; padding: 3% 5px;} .productlisting.radiotimes #header-image {padding: 0;} .productlisting.radiotimes #header-image img {width: 100%;} .productlisting.radiotimes #header-image #background-image {min-height: 400px;} .productlisting.radiotimes #header-image #header-text-container {position: absolute; top: 13%; left: 1%; height: 70%; width: 380px; background: rgba(255, 255, 255, 0.65);} .productlisting.radiotimes #header-image #header-text-container img {padding: 21px 56px 0; background: #fff;} .productlisting.radiotimes #header-image #header-text-container #header-text {text-align: center; padding: 7% 2% 0; width: 100%;} .productlisting.radiotimes #header-image #header-text-container #header-text h2 {color: #2b2b2b; font-size: 2rem; font-weight: 700; text-transform: uppercase;} .productlisting.radiotimes #header-image #header-text-container #header-text h2 span {color: #ff3e3e!important;} .productlisting.radiotimes #offer-description {padding: 2% 1%;} .productlisting.radiotimes #offer-description p {font-size: 1.17rem;} .productlisting.radiotimes #offer-description p span {color: black; font-size: 1.4rem;} @media only screen and (min-width: 64.0625em) {.productlisting.radiotimes #CenterColumn .LISTCONTAINER {padding: 0 3%;}} @media screen and (max-width: 640px) {.productlisting.radiotimes #header-image #background-image {min-height: 350px;} .productlisting.radiotimes #header-image #header-text-container #header-text h2 {font-size: 1.8rem;} .productlisting.radiotimes #offer-description {padding: 3% 2%;} .productlisting.radiotimes #offer-description p {font-size: 1rem;}} @media screen and (max-width: 405px) {.productlisting.radiotimes #header-image #header-text-container {width: 98%;}} /***************************************************/ /* SUTTONS MEDIA PAGE - PC 18/09/2017 */ /***************************************************/ #suttons-media h2 {text-transform: uppercase;} #suttons-media #header-img {padding: 0;} #suttons-media #intro {margin: 3% 1%;} #suttons-media #intro h3 {text-align: center; font-weight: 700; padding-bottom: 2%;} #suttons-media #intro p, #suttons-media #intro li, #suttons-media #range-info p, #suttons-media #business-info p {font-size: 1.2rem;} #suttons-media .range-intro, #suttons-media #business-info {margin: 2% 0;} #suttons-media #range-info .index-options {margin: 3% 0} #suttons-media #range-info .index-options a {margin-right: 1%; text-decoration: none; font-size: 1.05rem; font-weight: 700; border: 2px solid #767660; padding: 1% 2%; border-radius: 10px; text-transform: uppercase;} #suttons-media #range-info .index-options a#section-cta-flowers {color: #0084c9;; border-color: #0084c9;} #suttons-media #range-info .index-options a#section-cta-veg {color: #019b49; border-color: #019b49;} #suttons-media #range-info .index-options a#section-cta-pea {color: #2a772f; border-color: #2a772f;} #suttons-media #range-info .index-options a#section-cta-seed-tin {color: #458449; border-color: #458449;} #suttons-media #range-info .index-options a#section-cta-james-wong {color: #ef5b0a; border-color: #ef5b0a;} #suttons-media #range-info .index-options a#section-cta-fun {color: #ee1720; border-color: #ee1720;} #suttons-media #range-info .index-options a#section-cta-flowers:hover {background: #0084c9; color: #fff!important; border-color: #0084c9;} #suttons-media #range-info .index-options a#section-cta-veg:hover {background: #019b49; color: #fff!important; border-color: #019b49;} #suttons-media #range-info .index-options a#section-cta-pea:hover {background: #2a772f; color: #fff!important; border-color: #2a772f;} #suttons-media #range-info .index-options a#section-cta-seed-tin:hover {background: #458449; color: #fff!important; border-color: #458449;} #suttons-media #range-info .index-options a#section-cta-james-wong:hover {background: #ef5b0a; color: #fff!important; border-color: #ef5b0a;} #suttons-media #range-info .index-options a#section-cta-fun:hover {background: #ee1720; color: #fff!important; border-color: #ee1720;} #suttons-media #business-info #royal-warrant-info {float: left;} #suttons-media #business-info #royal-warrant-info p {margin-top: 17%;} #suttons-media #business-info #contact-container {margin-top: 2%;} #suttons-media #business-info h3 {text-transform: uppercase; font-weight: 700;} #suttons-media #business-info a {text-decoration: none;} #suttons-media .range-container {margin-top: 2%;} #suttons-media .range-container .range-intro {margin-bottom: 3%; padding: 0;} #suttons-media #flower-section h2 {color: #0084c9;} #suttons-media #veg-section h2 {color: #019b49;} #suttons-media #pea-section h2 {color: #2a772f;} #suttons-media #seed-tin-section h2 {color: #458449;} #suttons-media #james-wong-section h2 {color: #ef5b0a;} #suttons-media #fun-section h2 {color: #ee1720;} #suttons-media .content-container {margin-bottom: 7%; height: 290px;} #suttons-media .content-container:last-child {float: left;} #suttons-media .content-container .content-desc-container .header-container, #suttons-media .content-container .content-desc-container .header-title-container {padding: 0;} #suttons-media .content-container .content-desc-container .header-container {margin-bottom: 3%;} #suttons-media .content-container .content-desc-container .content-title {font-weight: 700; margin-bottom: 0; line-height: 28px;} #suttons-media .content-container .content-desc-container .cta-container {margin-top: 3px;} #suttons-media .content-container .small-cta-container {text-align: center; margin-top: 15%;} #suttons-media .content-container .download-image-cta {text-decoration: none; border: 2px solid #ff5858; padding: 5%;} #suttons-media .content-container .content-desc-container .download-image-cta {float: right;} #suttons-media .content-container .download-image-cta:hover {background: #e23c3c; color: #fff;} #suttons-media #flower-section .content-container .download-image-cta {border: 2px solid #0084c9;} #suttons-media #flower-section .content-container .download-image-cta:hover {background: #0084c9;} #suttons-media #veg-section .content-container .download-image-cta {border: 2px solid #019b49;} #suttons-media #veg-section .content-container .download-image-cta:hover {background: #019b49;} #suttons-media #pea-section .content-container .download-image-cta {border: 2px solid #2a772f;} #suttons-media #pea-section .content-container .download-image-cta:hover {background: #2a772f;} #suttons-media #seed-tin-section .content-container .download-image-cta {border: 2px solid #458449;} #suttons-media #seed-tin-section .content-container .download-image-cta:hover {background: #458449;} #suttons-media #james-wong-section .content-container .download-image-cta {border: 2px solid #ef5b0a;} #suttons-media #james-wong-section .content-container .download-image-cta:hover {background: #ef5b0a;} #suttons-media #fun-section .content-container .download-image-cta {border: 2px solid #ee1720;} #suttons-media #fun-section .content-container .download-image-cta:hover {background: #ee1720;} #suttons-media .content-container .content-desc-container .content-type {line-height: 14px;} #suttons-media .content-container .content-desc-container .content-desc {margin: 5% 0 6%; font-size: 0.95rem;} @media screen and (max-width: 1024px) {#suttons-media #intro p, #suttons-media #intro li, #suttons-media #range-info p, #suttons-media #business-info p {font-size: 1rem;} #suttons-media #range-info .index-options a {font-size: 1rem;} #suttons-media .content-container .content-desc-container .content-title {font-size: 1.5rem;} #suttons-media .content-container .content-desc-container .content-desc {font-size: 0.85rem;}} @media screen and (min-width: 640px) and (max-width: 750px) {#suttons-media #range-info .index-options {display: none!important;} #suttons-media .content-container {height: 450px;} #suttons-media .content-container .content-img-container {width: 100%; text-align: center;} #suttons-media .content-container .small-4.content-img-container img {width: 50%;} #suttons-media .content-container .small-5.content-img-container img {width: 80%;} #suttons-media .content-container .small-cta-container {display: none!important;} #suttons-media .content-container .content-desc-container {width: 100%; margin-top: 5%;} #suttons-media .content-container .content-desc-container .header-title-container {width: 60%;} #suttons-media .content-container .content-desc-container .cta-container {display: block!important; width: 40%;}} @media screen and (max-width: 498px) {#suttons-media .content-container {height: 520px;} #suttons-media .content-container .content-img-container {width: 100%; text-align: center;} #suttons-media .content-container .small-4.content-img-container img {width: 45%;} #suttons-media .content-container .small-5.content-img-container img {width: 80%;} #suttons-media .content-container .small-cta-container {display: none!important;} #suttons-media .content-container .content-desc-container {width: 100%; margin-top: 5%;} #suttons-media .content-container .content-desc-container .header-title-container {width: 60%;} #suttons-media .content-container .content-desc-container .cta-container {display: block!important; width: 40%;}} @media screen and (max-width: 390px) {#suttons-media .content-container .small-4.content-img-container img {width: 60%;} #suttons-media .content-container .small-5.content-img-container img {width: 85%;}} /***************************************************/ /* KIDS LANDING PAGE - PC 31/08/2017 */ /***************************************************/ #kids-landing-page {background: #5fccf5;} #kids-landing-page #kids-header {text-align: center;} #kids-landing-page #kids-header img {width: 70%;} #kids-landing-page #kids-content p, #kids-landing-page #kids-content a.text-link, #kids-landing-page #kids-content h1, #kids-landing-page #kids-content h2 {color: #fff;} #kids-landing-page #kids-content h2 {font-size: 2.8rem; text-shadow: 3px 3px #4dc2ef;} #kids-landing-page #kids-content p {font-size: 1.1rem;} #kids-landing-page #kids-content a.text-link {text-decoration: none;} #kids-landing-page #kids-content .button-link {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: 700; border: 2px solid #e41c20; border-radius: 12px; background: #e91c1c; padding: 10px 40px; font-size: 1.1rem;} #kids-landing-page #kids-content .button-link:hover {background: #da0606;} #kids-landing-page #kids-content #kids-range-intro {padding: 2% 0 1%;} #kids-landing-page #kids-content #kids-range-intro h1 {font-weight: 700; text-shadow: 3px 3px #4dc2ef;} #kids-landing-page #kids-content #kids-range-container {padding-bottom: 7%;} #kids-landing-page #kids-content #kids-range-container #kids-range-img {text-align: center;} #kids-landing-page #kids-content #kids-range-container .button-link {font-size: 1.3rem;} #kids-landing-page #kids-content #kids-downloads-section #kids-download-content {padding: 2% 5%; text-align: center; margin-bottom: 2%;} #kids-landing-page #kids-content #kids-downloads-section #kids-download-content p {padding: 4% 1%;} @media screen and (max-width: 1250px) {#kids-landing-page #kids-content #kids-range-container #kids-range-img img {margin-bottom: 6%;}} @media screen and (max-width: 1152px) {#kids-landing-page #kids-content #kids-downloads-section #kids-download-content {padding: 2%;}} @media screen and (max-width: 1024px) {#kids-landing-page #kids-content p {font-size: 0.95rem;}} @media screen and (max-width: 884px) {#kids-landing-page #kids-content #kids-range-content, #kids-landing-page #kids-content #kids-range-container {padding: 0;} #kids-landing-page #kids-content #kids-range-intro h1, #kids-landing-page #kids-content h2 {font-size: 2.3rem;} #kids-landing-page #kids-content #kids-downloads-section #kids-download-content {min-height: 430px;} #kids-landing-page #kids-content #kids-range-container #kids-range-img, #kids-landing-page #kids-content #kids-range-content {width: 100%;} #kids-landing-page #kids-content #kids-range-container #kids-range-img {margin-bottom: 5%;} #kids-landing-page #kids-content #kids-range-container #kids-range-img img {margin-bottom: 2%; width: 65%;} #kids-landing-page #kids-content #kids-range-container {padding-bottom: 3%;}} @media screen and (max-width: 730px) {#kids-landing-page #kids-content #kids-range-container #kids-range-img img {width: 70%;} #kids-landing-page #kids-content #kids-range-container .button-link {font-size: 1.1rem;} #kids-landing-page #kids-content #kids-downloads-section #kids-download-content {min-height: 370px;}} @media screen and (max-width: 640px) {#kids-landing-page #kids-header img {width: 100%;} #kids-landing-page #kids-content #kids-range-intro h1, #kids-landing-page #kids-content h2 {font-size: 2.05rem;} #kids-landing-page #kids-content #kids-range-container #kids-range-img img {width: 90%;} #kids-landing-page #kids-content #kids-downloads-section #kids-download-content {margin-bottom: 6%;}} @media screen and (max-width: 490px) {#kids-landing-page #kids-content #kids-range-img-container {padding: 0;} #kids-landing-page #kids-content #kids-range-img-button {padding: 4% 0;} #kids-landing-page #kids-content .button-link {font-size: 1rem;}} /*****************************/ /* RETAIL PAGE PC 07/06/2017 */ /*****************************/ /* GLOBAL */ #retail-landing-page > section {padding: 0; margin-bottom: 6%} #retail-landing-page .site-container {margin: 0 auto; max-width: 1380px; text-align: center;} #retail-landing-page h2, #retail-landing-page h4, #retail-landing-page h6, #retail-landing-page p {color: #433e3e;} #retail-landing-page .section-header {font-weight: 700; text-transform: uppercase; padding: 0 0 1%; font-size: 2rem;} #retail-landing-page .site-container .section-intro {text-align: center; font-size: 1.1rem; padding: 0 3%;} #retail-landing-page .range-container {margin-top: 7%} #retail-landing-page .section-large-image-container {position: absolute; top: 0; padding: 0;} #retail-landing-page .MagicZoom .mz-hint .mz-hint-message {background: rgba(202, 202, 205, 0.7);} #retail-landing-page .parrallax {background-attachment: fixed!important; background-position: center!important;} #retail-landing-page .content-header h3 {font-weight: 700;text-transform: uppercase;padding: 1% 0 1%;color: rgba(77, 56, 87, 1);width: 100%;font-size: 1.5rem;} #retail-landing-page .content-description-container {margin-top: 1%;} #retail-landing-page .content-description-container .content-description {position: relative; padding-left: 6%; text-align: left;} #retail-landing-page .content-description-container .content-description h6 {font-size: 1.15rem; font-weight: 700; padding-top: 1%;} #retail-landing-page .content-description-container .content-description p {font-size: 0.90rem;} /* OTHER */ #retail-landing-page #mainNav {position: absolute; color: #fff; width: 100%; height: 125px; box-shadow: none; z-index: 999;} #retail-landing-page #mainNav .suttons-logo {float: left; padding: 7px 3% 0;} #retail-landing-page #mainNav #large-retail-menu {float: right; padding-right: 10px;} #retail-landing-page #mainNav #large-retail-menu ul {display: -webkit-box; display: -ms-inline-flexbox; position: absolute; top: 40%; right: 15px;} #retail-landing-page #mainNav #large-retail-menu ul li {padding: 0 13px; color: #fff; text-transform: uppercase; font-size: 1rem!important; font-weight: 800; border-right: 1px solid rgba(128, 128, 128, 0.44);} #retail-landing-page #mainNav #large-retail-menu ul li:last-child {border: none;} #retail-landing-page #mainNav #large-retail-menu ul li a {color: #fff;} #retail-landing-page #mainNav #large-retail-menu ul li a:hover {color: #f8b864;} #retail-landing-page #mainNav.stick {display: none; position: fixed; top: 0; z-index: 10000; background: rgba(19, 19, 19, 0.96); height: 83px;} #retail-landing-page #mainNav.stick img {width: 58%;} #retail-landing-page #mainNav #large-retail-menu ul li.nav-active a {color: #f8b864;} #retail-landing-page #welcome-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/retail-stand-hero-image.jpg") no-repeat center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 700px;} #retail-landing-page #welcome-section #hero-text-section {margin: 0 auto; width: 100%; height: 700px; text-align: center; position: relative;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container {position: relative; top: 50%; transform: translateY(-50%); max-width: 616px; margin: 0 auto;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container h1 {color: #f1f1f1; margin: 0;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container h1 span {color: rgb(248, 184, 100);} #retail-landing-page #welcome-section #hero-text-section #hero-text-container p {font-size: 1rem; padding: 0 27px; font-style: italic; color: #cecece;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container #welcome-section-cta {margin-top: 25px;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container #welcome-section-cta a {background-color: rgba(53, 53, 53, 0.2); color: #fff; text-transform: uppercase; padding: 9px 23px; border: 2px solid rgb(248, 184, 100); font-size: .85rem;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container #welcome-section-cta a:hover {background-color: rgb(248, 184, 100); color: #000000;} #retail-landing-page #benefits-section #benefits-icon-section {padding: 3% 2%; text-align: center;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container {padding: 1% 2% 0;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container img {padding: 0 25% 2%;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container h4 {font-size: 1.15rem; padding-bottom: 0; font-weight: 700;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container p {font-size: .85rem;} #retail-landing-page #benefits-section #royal-warrant-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/royal-warrant-bg-large.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 3% 0; margin-top: 6%;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container {padding-top: 5%;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container h3 {color: #f8b864; text-transform: uppercase;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container p {color: #fff; font-size: 1.1rem;} #retail-landing-page #range-section #a-z-veg-section .large-image-container {float: right;} #retail-landing-page #range-section #a-z-pea-and-bean-section .content-description-container {margin-top: 7%;} #retail-landing-page #james-wong-section {background: url(https://suttons.s3.amazonaws.com/cms/CMP/retail/james-wong-bg.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0 0 33px;} #retail-landing-page #james-wong-section h6, #retail-landing-page #james-wong-section p {color: #2d2929;} #retail-landing-page #james-wong-section img {width: 60%;} #retail-landing-page #james-wong-section .section-header-with-bg {width:100%; background: #c0b2c3; margin: 2% 0; padding: 1px 0;} #retail-landing-page #james-wong-section .section-header-with-bg h2 {color: #4d3857; text-align: left; font-size: 2rem;} #retail-landing-page #james-wong-section #james-wong-info-badge {position: absolute; top: 55px; left: 86%;} #retail-landing-page #james-wong-section #james-wong-info-badge img {width: auto;} #retail-landing-page #james-wong-section #james-wong-portrait {width: auto; margin: 66px 0px 25px;} #retail-landing-page #james-wong-section h6 {font-size: 2rem; font-weight: 600;} #retail-landing-page #james-wong-section #james-wong-content h6 {margin-bottom: 86px;} #retail-landing-page #james-wong-section h6 span {color: inherit; float: right;} #retail-landing-page #james-wong-section p {font-size: 1.5rem; text-align: left; color: #000000;} #retail-landing-page #james-wong-section #james-wong-book {margin-top: 106px;} #retail-landing-page #james-wong-section #book-large-image-container {margin-bottom: 25px;} #retail-landing-page #james-wong-section #james-wong-book img {width: auto;} #retail-landing-page #james-wong-section #james-wong-book-link {border: 3px solid #000; text-transform: uppercase; padding: 12px 30px; font-size: 1.8rem; color: #fff; font-weight: 600; background: #000;} #retail-landing-page #james-wong-section #james-wong-book-link:hover {border: 3px solid #000; background: rgba(0, 0, 0, 0); color: #000;} #retail-landing-page #clients-section {margin-bottom: 0;} #retail-landing-page #partner-section {margin-bottom: 6%;} #retail-landing-page #partner-section #partner-content-container {padding: 5% 0;} #retail-landing-page #testimonial-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/testimonial-bg-large.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 5% 0;} #retail-landing-page #testimonial-section h3 {color: #fff; text-transform: uppercase; padding: 4% 0 2%;} #retail-landing-page #testimonial-section p {color: #ccc; font-size: 1.25rem; margin-bottom: 2%;} #retail-landing-page #testimonial-section .customer-name{color: #888; margin-bottom: 6%; font-size: 1rem;} #retail-landing-page #testimonial-section .slick-initialized .slick-slide {text-align: center!important;} #retail-landing-page #testimonial-section .slick-dots {background: none;} #retail-landing-page #testimonial-section .slick-dots li {margin: 0 15px;} #retail-landing-page #testimonial-section .slick-dots .slick-active button, #retail-landing-page #testimonial-section .slick-dots button:hover {background: #f8b864; border-color: #f8b864;} #retail-landing-page #testimonial-section .slick-dots button {width: 20px!important; height: 4px!important; border-radius: 0!important; background: #fff;} #retail-landing-page #Contact-section {margin-top: 6%;} #retail-landing-page #Contact-section .site-container {text-align: left;} #retail-landing-page #Contact-section .site-container #contact-info-section {padding: 0 4% 0 0;} #retail-landing-page #Contact-section .site-container #contact-info-section #contact-intro {font-size: 1.1rem; margin-bottom: 4%;} #retail-landing-page #Contact-section .site-container #contact-info-section .contact-info {font-size: 1.1rem; padding: 1% 0;} #retail-landing-page #Contact-section .site-container #contact-info-section #email-address-link {color: #f8b864;} #retail-landing-page #Contact-section .site-container #contact-form .info[class], #retail-landing-page #Contact-section .site-container #contact-form label.desc {display: none;} #retail-landing-page #Contact-section .site-container #contact-form form li.focused {background: none;} #retail-landing-page #Contact-section .site-container #contact-form input {padding: 7px 0 7px 6px; line-height: 24px; font-size: 12px; color: #aaaaaa; border-color: #cbcbcb;} #retail-landing-page footer #retail-page-footer {background-color: #282828;} #retail-landing-page footer #retail-page-footer #footer-content-container {padding: 3% 0; text-align: left;} #retail-landing-page footer #retail-page-footer #footer-content-container h6 {color: #777777; font-weight: 600; padding-bottom: 1%; font-size: 1.15rem;} #retail-landing-page footer #retail-page-footer #footer-content-container p {color: #efefef; font-size: 0.95rem; font-style: italic;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-logo {margin-top: 1%; text-align: center;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-description p {padding-right: 11%;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-navigation ul {margin-left: 0;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-navigation li {padding-bottom: 2%;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-navigation li a {color: #efefef; font-size: 1rem;} #retail-landing-page footer #retail-page-footer #footer-content-container #footer-navigation li a:hover {color: #f8b864;} #retail-landing-page footer #retail-page-footer #footer-contact-details {padding: 2% 0 0; border-top: 1px solid #353535;} #retail-landing-page footer #retail-page-footer #footer-contact-details p {color: #5e5d5d;} #retail-landing-page footer #retail-page-footer #footer-copyright p {color: #504c4c;} @media screen and (max-width: 1380px) {#retail-landing-page .site-container {padding: 0 2%;}} @media screen and (max-width: 1125px) {#retail-landing-page #range-section #a-z-flower-section .large-image-container, #retail-landing-page #range-section #a-z-veg-section .large-image-container {padding-top: 6%;}} @media screen and (max-width: 1024px) {#retail-landing-page #mainNav {height: 95px; background: rgba(19, 19, 19, 0.96);} #retail-landing-page #mainNav.stick .suttons-logo img {width: 80%;} #retail-landing-page #mainNav #burger-nav-conatiner {right: 40px; top: 36%; position: absolute; text-transform: uppercase;} #retail-landing-page #mainNav #burger-nav-conatiner #burger-nav-menu-icon {padding: 19px; color: #fff; font-weight: 700;} #retail-landing-page #mainNav #burger-nav-conatiner #burger-nav-menu-icon i {padding-left: 12px; font-size: 1.1rem;} #retail-landing-page #mainNav #burger-nav-conatiner #burger-nav-menu-icon.menu-open {color: #888888;} #retail-landing-page #mainNav #small-retail-menu {position: fixed; top: -300px; background: #222222; width: 100%; transition: 0.9s;} #retail-landing-page #mainNav #small-retail-menu.small-menu-open {top: 94px;} #retail-landing-page #mainNav.stick #small-retail-menu.small-menu-open {top: 82px;} #retail-landing-page #mainNav #small-retail-menu ul {margin: 0;} #retail-landing-page #mainNav #small-retail-menu li a {display: block; color: #fff; padding: 12px 0 12px 15px; font-weight: bold; font-size: 1rem;} #retail-landing-page #mainNav #small-retail-menu li a:hover {background: #1a1a1a;} #retail-landing-page #range-section #a-z-flower-section .large-image-container, #retail-landing-page #range-section #a-z-veg-section .large-image-container {padding-top: 0;} #retail-landing-page #james-wong-section img {width: auto;}} @media screen and (max-width: 900px) {#retail-landing-page #welcome-section #hero-text-section #hero-text-container h1 {font-size: 2.125rem;} #retail-landing-page .site-container .section-intro {font-size: 1rem;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container {width: 50%;} #retail-landing-page #benefits-section #royal-warrant-section {padding: 6% 0;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-img-container img {height: 220px;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container {padding: 2% 2% 0 0;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container h3 {font-size: 1.6rem;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container p {font-size: 0.95rem;}} @media screen and (max-width: 640px) {#retail-landing-page #mainNav #burger-nav-conatiner {right: 5px;} #retail-landing-page #benefits-section #royal-warrant-section #warrant-txt-container {padding: 2% 3%;} #retail-landing-page #partner-section #partner-content-container .partner-content {padding: 3% 4%;} #retail-landing-page #testimonial-section p {font-size: 1rem; margin-bottom: 4%;} #retail-landing-page #testimonial-section .customer-name {font-size: 0.95rem; margin-bottom: 10%;}} @media screen and (max-width: 498px) {#retail-landing-page #welcome-section #hero-text-section #hero-text-container h1 {font-size: 1.5rem;} #retail-landing-page #welcome-section #hero-text-section #hero-text-container p {font-size: 0.85rem;} #retail-landing-page .section-header {font-size: 1.4rem;} #retail-landing-page #benefits-section #benefits-icon-section .benefit-icon-container {width: 100%;}} @media only screen and (max-device-width: 1024px) {#retail-landing-page #mainNav {height: 95px; background: rgba(19, 19, 19, 0.96);} #retail-landing-page #mainNav.stick .suttons-logo img {width: 80%;} #retail-landing-page #mainNav #burger-nav-conatiner {right: 40px; top: 36%; position: absolute; text-transform: uppercase;} #retail-landing-page #mainNav #burger-nav-conatiner #burger-nav-menu-icon {padding: 19px; color: #fff; font-weight: 700;} #retail-landing-page #mainNav #burger-nav-conatiner #burger-nav-menu-icon i {padding-left: 12px; font-size: 1.1rem;} #retail-landing-page #mainNav #small-retail-menu {position: fixed; top: -300px; background: #222222; width: 100%; transition: 0.9s;} #retail-landing-page #mainNav #small-retail-menu.small-menu-open {top: 94px;} #retail-landing-page #mainNav.stick #small-retail-menu.small-menu-open {top: 82px;} #retail-landing-page #mainNav #small-retail-menu ul {margin: 0;} #retail-landing-page #mainNav #small-retail-menu li a {display: block; color: #fff; padding: 12px 0 12px 15px; font-weight: bold; font-size: 1rem;} #retail-landing-page #mainNav #small-retail-menu li a:hover {background: #1a1a1a;} #retail-landing-page .parrallax {background-attachment: scroll!important;} #retail-landing-page #benefits-section #royal-warrant-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/royal-warrant-bg-mid.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #retail-landing-page #testimonial-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/testimonial-bg-mid.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}} @media only screen and (max-device-width: 640px) {#retail-landing-page #mainNav #burger-nav-conatiner {right: 5px;} #retail-landing-page #welcome-section, #retail-landing-page #welcome-section #hero-text-section {height: 610px;} #retail-landing-page #benefits-section #royal-warrant-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/royal-warrant-bg-small.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #retail-landing-page #james-wong-section .section-header-with-bg h2 {font-size: 1.4rem;} #retail-landing-page #james-wong-section #james-wong-portrait {width: 55%; margin: 8% 0;} #retail-landing-page #james-wong-section #james-wong-content h6 {font-size: 1.4rem; margin-bottom: 14%;} #retail-landing-page #james-wong-section p {font-size: 1.15rem;} #retail-landing-page #testimonial-section {background: url("https://suttons.s3.amazonaws.com/cms/CMP/retail/testimonial-bg-small.jpg") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #retail-landing-page footer #retail-page-footer #footer-contact-details p, #retail-landing-page footer #retail-page-footer #footer-contact-details p a {color: #8f8f8f;}} /*****************************/ /* NEW SEED RANGE 2018 - PC 11/09/2017 */ /*****************************/ #new-seeds-range-2018 .columns {padding: 0;} #new-seeds-range-2018 .section-container {margin-top: 8px;} #new-seeds-range-2018 .main-bg-image {width: 100%;} #new-seeds-range-2018 #james-wong-container {background: url("http://suttons.s3.amazonaws.com/cms/CMP/new-seeds-range/book_bg.png") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #new-seeds-range-2018 #james-wong-container #james-wong-badge-container img {width: 80%; padding: 6% 0 7% 5%;} #new-seeds-range-2018 #james-wong-container #james-wong-logo-container {float: right;} #new-seeds-range-2018 #james-wong-container #james-wong-logo-container img {width: 70%; float: right; margin-right: 5%;} /*********************************/ /* TEMP GIFT CMP - PC 19/10/2017 */ /*********************************/ #temp-gifts-cat > div {padding: 0;} #temp-gifts-cat #header-container #header-title {background: #1a1a18;} #temp-gifts-cat #header-container #header-title img {padding: 6%;} #temp-gifts-cat #header-container #header-title h1, #temp-gifts-cat #header-container #header-title h3 {color: #fff;} #temp-gifts-cat .section-heading h2 {text-align: center; color: #fff; padding-top: 8px; font-size: 2.3rem;} #temp-gifts-cat .content-description {padding: 2%;} #temp-gifts-cat #gifts-for-gardeners-section .section-heading {background: #658c39;} #temp-gifts-cat #grow-your-own-section .section-heading {background: #d8c9b6;} #temp-gifts-cat #grow-your-own-section .content-description h4 {color: #800080; } #temp-gifts-cat #sneak-peak-section .section-heading {background: #619bce;} #temp-gifts-cat #sneak-peak-section .cat-img img {padding-top: 1%;} #temp-gifts-cat #sneak-peak-section #end-note {font-size: 1.2rem;} #temp-gifts-cat .cat-img img {padding-top: 1%;}