/* START 1CLB STYLES CSS ******************************************************************************************************************************************* */ /* START hyperlinks code */ a:link {color: #000; font-weight:bold;} a:visited {color: #000; font-weight:normal;} a:hover {color: #008000; text-decoration: underline;} a:active {color: brown;} a.white:link {color: #ffffff; font-weight:bold;} a.white:visited {color: #ffffff; font-weight:normal;} a.white:hover {color: #ffffff; text-decoration: underline;} a.white:active {color: brown;} a.brown:link {color: brown; font-weight:bold;} a.brown:visited {color: brown; font-weight:normal;} a.brown:hover {color: brown; text-decoration: underline;} a.brown:active {color: brown;} a.product_type_simple-new:link {color:#801625; background-color:#ffffe0} a.product_type_simple-new:visited {color:#801625; background-color:#ffffe0} a.product_type_simple-new:hover {color:#ffffe0; background-color:#801625} a.product_type_simple-new:active {color:yellow; background-color:purple} /* END hyperlinks code */ h1 { color: #000; } h2 { color: #000; } h3 { color: #000; } .top-thin {vertical-align: text-top; border-style: solid; border-width: thin;} .solid {border-style: solid;} .width15 {width:15%;} .width85 {width:85%;} .padding-15 {padding:15px;} .padding-5 {padding:5px;} .i {font-style:italic;} .j {text-align:justify;} .b {font-weight:bold;} .c {text-align:center;} .u {text-decoration: underline;} .smalltext{font-size:10pt;} .mediumtext {font-size:12pt;} .largetext {font-size:14pt;} .clear {clear:both;} .fl {float:left; margin: 0px 0px 0px 10px; font-size:10pt; text-decoration: underline;} .float-left {float:left;} .float-right {float:right;} .blog-pro-tips {font-size:12pt; background-color:#ffffe0; color:#801625; border: 1px solid #801625;} .fr {float:right; margin: 0px 10px 0px 0px; font-size:10pt; text-decoration: underline;} .capital-quote-form {background:#ffffff; border-style: solid; border-color: #5daee2;} .features-border {border: 2px solid #993333; padding: 0 0 0 35px;} .features-border-capital {border: 2px solid #5daee2; padding: 0 0 0 35px;} .space-row-20 {width:100%; min-height:20px;} .space-row-50 {width:100%; min-height:50px;} .gallery-images {font-size: 24px; color: #4a0d15; text-align: center; font-weight: bold; min-height: 70px;} .gallery-text {font-size: 24px; color: #4a0d15; text-align: center; font-weight: bold; min-height: 70px;} .megamenu-tab-text {font-size:12pt; font-weight:bold; text-align: center; background:#ffd500;} .change-color-white-brown {background:#4a0d15; color: #ffffff; text-decoration: none; font-weight: bold;} .change-color-white-brown:hover {background:#ffffff; color:#4a0d15; text-decoration: underline; font-weight: bold;} .caption-290 {width: 300px; font-weight: bold; text-align:center; background:#4a0d15; color:#ffffff; float:left; border: 5px solid #ffffff; padding: 3px;} .caption-290:hover {width: 300px; font-weight: bold; text-align:center; background:#ffd500; color:#000000; float:left; border: 5px solid #ffffff; padding: 3px;} .caption-290-white {width: 300px; font-weight: bold; text-align:center; color:#4a0d15; float:left; background:#ffffff; position: relative; border:5px; border-style: solid; border-color: #efefef; } .caption-290-white:hover {width: 300px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; position: relative; border:5px; border-style: solid; border-color: #4a0d15; } .caption-290-product-white {width: 300px; font-weight: bold; text-align:center; color:#4a0d15; float:left; background:#ffffff; position: relative; border:2px; border-style: solid; border-color: #efefef; } .caption-290-product-white:hover {width: 300px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; position: relative; border:2px; border-style: solid; border-color: #4a0d15; } .caption-290-capital {width: 300px; font-weight: bold; text-align:center; background:#00008b; color:#ffffff; float:left; border: 5px solid #ffffff; padding: 3px;text-decoration: none;} .caption-290-capital:hover {width: 300px; font-weight: bold; text-align:center; background:#00008b; color:#ffffff; float:left; border: 5px solid #ffffff; padding: 3px; text-decoration: underline;} .w {background-color:#ffffff;} /*White Background*/ .y {background-color:#ffd500;} /*Yellow Background*/ .black {background-color:#000000;} /*Black Background*/ .red {background-color:#ff0000;} /*Red Background*/ .bl {background-color:blue;} /*Blue Background*/ .br {background-color:#ffd500;} /*Brown Background */ .grey {background-color:#f0f0f0;} /*Grey Background*/ .ly {background-color:#ffd500;} /*Light Yellow Background*/ .mint {background-color:#ccff99;} /*Mint Green Background*/ .o {background-color:#ffb13d;} /*Orange Background*/ .cream {background-color:#ffcc99;} /*Cream Background*/ .green {background-color:#2ba62b;} /*Green Background*/ .brfont {color:#4a0d15;} /* Brown Text */ .greenfont {color:#336633;} /* Green Text */ .redfont {color:#ff0000;} /* Red Text */ .wfont {color:#ffffff;} /* White Text */ .bfont {color:#000000;} /* Black Text */ .yfont {color:#ffd500;} /* Yellow Font */ .colour-1 {color:#801625} /* brown */ .colour-2 {color:#ffffe0} /* light yellow*/ .colour-3 {color:#ffd500} /* bright yellow */ .colour-4 {color:#008000} /* green*/ .colour-5 {color:#ffffff;} /* white*/ .colour-6 {color:#000000;} /* black*/ .colour-7 {color:#ececec;} /* light grey*/ .colour-back-1 {background-color:#801625} /* brown */ .colour-back-2 {background-color:#ffffe0} /* light yellow*/ .colour-back-3 {background-color:#ffd500} /* bright yellow */ .colour-back-4 {background-color:#008000} /* green*/ .colour-back-5 {background-color:#ffffff;} /* white */ .colour-back-6 {background-color:#000000;} /* black */ .colour-back-7 {background-color:#ececec;} /* light grey*/ .blank-line-5px {min-width:100%; min-height:5px; clear:both;} .blank-line-10px {min-width:100%; min-height:10px; clear:both;} .category-header-image {width: 100%; height: auto; border: 5px solid;} .blank-line-5px {min-width:100%; min-height:5px; clear:both;} .blank-line-10px {min-width:100%; min-height:10px; clear:both;} .feature-icons {border-style: solid; border-width: 5px 0px 5px 0px; color:#ececec;} .feature-icons-tablet {width:24%; border: 1px solid #801625; border-radius: 8px; padding-top: 5px; background-color:#FFFFE0; min-height:35px; margin:1px} .header-top {background-color:#801625; color:#ffffff; text-align:center; font-weight: bold;} .header-full-width {background-color:#dcdcdc;} a.product_type_simple-new:link {color:#801625; background-color:#ffffe0} a.product_type_simple-new:visited {color:#801625; background-color:#ffffe0} a.product_type_simple-new:hover {color:#ffffe0; background-color:#801625} a.product_type_simple-new:active {color:yellow; background-color:purple} .product-catgory-text-box {border-radius: 5px; padding: 10px; height: 40px; border: 1px solid #ffd500; background:#801625; color:#ffffff; text-align:center;} .product-catgory-text-large-box {width:90%; margin:auto; border-radius: 5px; padding: 10px; height: 40px; border: 1px solid #ffd500; background:#801625; color:#ffffff; text-align:center; } .product-catgory-text-no-box {width:45%; float:left; margin-left:5%; color:#801625; line-height: 150%;} .entry-title {font-size:50px; text-align: center; color: #801625; font-weight: bold; font-size: 150%; background-color:#ffd500;} .post-thumbnail {max-width: fit-content;margin:auto;} /* START code for W3.CSS Box Sections */ .w3-image{max-width:100%;height:auto;}.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table;}.w3-table-all{border:1px solid #ccc;}.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd;}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1;}.w3-table-all tr:nth-child(odd){background-color:#fff;}.w3-table-all tr:nth-child(even){background-color:#f1f1f1;}.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc;}.w3-centered tr th,.w3-centered tr td{text-align:center;}.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top;}.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px;}.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;}.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);}.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:.3;}.w3-disabled *,:disabled *{pointer-events:none;}.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none;}.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;}.w3-badge{border-radius:50%;}.w3-ul{list-style-type:none;padding:0;margin:0;}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd;}.w3-ul li:last-child{border-bottom:none;}.w3-tooltip,.w3-display-container{position:relative;}.w3-tooltip .w3-text{display:none;}.w3-tooltip:hover .w3-text{display:inline-block;}.w3-ripple:active{opacity:.5;}.w3-ripple{transition:opacity 0s;}.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%;}.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc;}.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer;}.w3-dropdown-hover:hover .w3-dropdown-content{display:block;}.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000;}.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000;}.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1;}.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px;}.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed !important;z-index:1;overflow:auto;}.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%;}.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%;}.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px;}.w3-main,#main{transition:margin-left .4s;}.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);}.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px;}.w3-bar{width:100%;overflow:hidden;}.w3-center .w3-bar{display:inline-block;width:auto;}.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;}.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left;}.w3-bar .w3-button{white-space:normal;}.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0;}.w3-bar-block.w3-center .w3-bar-item{text-align:center;}.w3-block{display:block;width:100%;}.w3-responsive{display:block;overflow-x:auto;}.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both;}.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%;}.w3-col.s1{width:8.33333%;}.w3-col.s2{width:16.66666%;}.w3-col.s3{width:24.99999%;}.w3-col.s4{width:33.33333%;}.w3-col.s5{width:41.66666%;}.w3-col.s6{width:49.99999%;}.w3-col.s7{width:58.33333%;}.w3-col.s8{width:66.66666%;}.w3-col.s9{width:74.99999%;}.w3-col.s10{width:83.33333%;}.w3-col.s11{width:91.66666%;}.w3-col.s12{width:99.99999%;}@media (min-width:601px){.w3-col.m1{width:8.33333%;}.w3-col.m2{width:16.66666%;}.w3-col.m3,.w3-quarter{width:24.99999%;}.w3-col.m4,.w3-third{width:33.33333%;}.w3-col.m5{width:41.66666%;}.w3-col.m6,.w3-half{width:49.99999%;}.w3-col.m7{width:58.33333%;}.w3-col.m8,.w3-twothird{width:66.66666%;}.w3-col.m9,.w3-threequarter{width:74.99999%;}.w3-col.m10{width:83.33333%;}.w3-col.m11{width:91.66666%;}.w3-col.m12{width:99.99999%;}}@media (min-width:993px){.w3-col.l1{width:8.33333%;}.w3-col.l2{width:16.66666%;}.w3-col.l3{width:24.99999%;}.w3-col.l4{width:33.33333%;}.w3-col.l5{width:41.66666%;}.w3-col.l6{width:49.99999%;}.w3-col.l7{width:58.33333%;}.w3-col.l8{width:66.66666%;}.w3-col.l9{width:74.99999%;}.w3-col.l10{width:83.33333%;}.w3-col.l11{width:91.66666%;}.w3-col.l12{width:99.99999%;}}.w3-rest{overflow:hidden;}.w3-stretch{margin-left:-16px;margin-right:-16px;}.w3-content,.w3-auto{margin-left:auto;margin-right:auto;}.w3-content{max-width:980px;}.w3-auto{max-width:1140px;}.w3-cell-row{display:table;width:100%;}.w3-cell{display:table-cell;}.w3-cell-top{vertical-align:top;}.w3-cell-middle{vertical-align:middle;}.w3-cell-bottom{vertical-align:bottom;}.w3-hide{display:none !important;}.w3-show-block,.w3-show{display:block !important;}.w3-show-inline-block{display:inline-block !important;}@media (min-width:993px){.w3-modal-content{width:900px;}.w3-hide-large{display:none !important;}.w3-sidebar.w3-collapse{display:block !important;}}.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1;}.w3-top{top:0;}.w3-bottom{bottom:0;}.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;}.w3-display-topleft{position:absolute;left:0;top:0;}.w3-display-topright{position:absolute;right:0;top:0;}.w3-display-bottomleft{position:absolute;left:0;bottom:0;}.w3-display-bottomright{position:absolute;right:0;bottom:0;}.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%);}.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);}.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}.w3-display-container:hover .w3-display-hover{display:block;}.w3-display-container:hover span.w3-display-hover{display:inline-block;}.w3-display-hover{display:none;}.w3-display-position{position:absolute;}.w3-circle{border-radius:50%;}.w3-round-small{border-radius:2px;}.w3-round,.w3-round-medium{border-radius:4px;}.w3-round-large{border-radius:8px;}.w3-round-xlarge{border-radius:16px;}.w3-round-xxlarge{border-radius:32px;}.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px;}.w3-container,.w3-panel{padding:.01em 16px;}.w3-panel{margin-top:16px;margin-bottom:16px;}.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px;}.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4caf50;word-wrap:break-word;}.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%;}.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19);}.w3-spin{animation:w3-spin 2s infinite linear;}@keyframes w3-spin{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}.w3-animate-fading{animation:fading 10s infinite;}@keyframes fading{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}.w3-animate-opacity{animation:opac .8s;}@keyframes opac{from{opacity:0;}to{opacity:1;}}.w3-animate-top{position:relative;animation:animatetop .4s;}@keyframes animatetop{from{top:-300px;opacity:0;}to{top:0;opacity:1;}}.w3-animate-left{position:relative;animation:animateleft .4s;}@keyframes animateleft{from{left:-300px;opacity:0;}to{left:0;opacity:1;}}.w3-animate-right{position:relative;animation:animateright .4s;}@keyframes animateright{from{right:-300px;opacity:0;}to{right:0;opacity:1;}}.w3-animate-bottom{position:relative;animation:animatebottom .4s;}@keyframes animatebottom{from{bottom:-300px;opacity:0;}to{bottom:0;opacity:1;}}.w3-animate-zoom{animation:animatezoom .6s;}@keyframes animatezoom{from{transform:scale(0);}to{transform:scale(1);}}.w3-animate-input{transition:width .4s ease-in-out;}.w3-animate-input:focus{width:100% !important;}.w3-opacity,.w3-hover-opacity:hover{opacity:.6;}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1;}.w3-opacity-max{opacity:.25;}.w3-opacity-min{opacity:.75;}.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%);}.w3-greyscale,.w3-grayscale{filter:grayscale(75%);}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%);}.w3-sepia{filter:sepia(75%);}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%);}.w3-sepia-min{filter:sepia(50%);}.w3-tiny{font-size:10px !important;}.w3-small{font-size:12px !important;}.w3-medium{font-size:15px !important;}.w3-large{font-size:18px !important;}.w3-xlarge{font-size:24px !important;}.w3-xxlarge{font-size:36px !important;}.w3-xxxlarge{font-size:48px !important;}.w3-jumbo{font-size:64px !important;}.w3-left-align{text-align:left !important;}.w3-right-align{text-align:right !important;}.w3-justify{text-align:justify !important;}.w3-center{text-align:center !important;}.w3-border-0{border:0 !important;}.w3-border{border:1px solid #ccc !important;}.w3-border-top{border-top:1px solid #ccc !important;}.w3-border-bottom{border-bottom:1px solid #ccc !important;}.w3-border-left{border-left:1px solid #ccc !important;}.w3-border-right{border-right:1px solid #ccc !important;}.w3-topbar{border-top:6px solid #ccc !important;}.w3-bottombar{border-bottom:6px solid #ccc !important;}.w3-leftbar{border-left:6px solid #ccc !important;}.w3-rightbar{border-right:6px solid #ccc !important;}.w3-section,.w3-code{margin-top:16px !important;margin-bottom:16px !important;}.w3-margin{margin:16px !important;}.w3-margin-top{margin-top:16px !important;}.w3-margin-bottom{margin-bottom:16px !important;}.w3-margin-left{margin-left:16px !important;}.w3-margin-right{margin-right:16px !important;}.w3-padding-small{padding:4px 8px !important;}.w3-padding{padding:8px 16px !important;}.w3-padding-large{padding:12px 24px !important;}.w3-padding-16{padding-top:16px !important;padding-bottom:16px !important;}.w3-padding-24{padding-top:24px !important;padding-bottom:24px !important;}.w3-padding-32{padding-top:32px !important;padding-bottom:32px !important;}.w3-padding-48{padding-top:48px !important;padding-bottom:48px !important;}.w3-padding-64{padding-top:64px !important;padding-bottom:64px !important;}.w3-padding-top-64{padding-top:64px !important;}.w3-padding-top-48{padding-top:48px !important;}.w3-padding-top-32{padding-top:32px !important;}.w3-padding-top-24{padding-top:24px !important;}.w3-left{float:left !important;}.w3-right{float:right !important;}.w3-button:hover{color:#000 !important;background-color:#ccc !important;}.w3-transparent,.w3-hover-none:hover{background-color:transparent !important;}.w3-hover-none:hover{box-shadow:none !important;} /* end code for W3.CSS Box Sections */ /* END 1CLB STYLES CSS ******************************************************************************************************************************************* */ /* START 1CLB LAYTOUT SECTIONS CSS ******************************************************************************************************************************** */ .margin15 {margin-left:15px;} @media screen and (max-width: 325px) { .secrets-header {font-size:10pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;} .secrets-header-green {font-size:10pt; color:#ffffff; background:#008000; text-align:center; font-weight:bold;} .secrets-header-light-yellow {font-size:10pt; background:#ffffe0; color:#801625; text-align:center; font-weight:bold;} .secrets-header-brown {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;} .secrets-header-white {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 1px solid #801625;} .secrets-header-lugarde {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .secrets-header-lugarde:hover {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde-reverse {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border-style: solid; border-color: #801625;} .secrets-header-category {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .category-accordian {color:#801625; font-size:10pt; font-weight:bold; background:#ffd500; min-width:100%; padding:5px; border-style: solid; border-width: 2px; border-color: #ffffff;} .yellow-circle {background: #ffe119; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; } .yellow-circle-office {background: #ffe119; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; } .product-feature-double-glazed {background: url(https://www.leisurebuildings.com/images/misc/double-glazed.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-package {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-package.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-valtti-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/valtti-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-free {background: url(https://www.leisurebuildings.com/images/misc/fully-insulated.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-option {background: url(https://www.leisurebuildings.com/images/misc/installation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-free {background: url(https://www.leisurebuildings.com/images/misc/installation-free.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-and-painting-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-and-painting-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffe119; font-weight:bold; padding:0px; font-size:10pt;} .white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 25px; } .white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; } .green-box {font-size:12pt; color:#008000; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #008000; margin:5px;} } @media screen and (min-width: 326px) and (max-width:640px) { .secrets-header {font-size:10pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;} .secrets-header-green {font-size:10pt; color:#ffffff; background:#008000; text-align:center; font-weight:bold;} .secrets-header-light-yellow {font-size:10pt; background:#ffffe0; color:#801625; text-align:center; font-weight:bold;} .secrets-header-brown {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;} .secrets-header-white {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 2px solid #801625;} .secrets-header-lugarde {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .secrets-header-lugarde:hover {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde-reverse {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border-style: solid; border-color: #801625;} .secrets-header-category {font-size:10pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .category-accordian {color:#801625; font-size:10pt; font-weight:bold; background:#ffd500; min-width:100%; padding:5px; border-style: solid; border-width: 2px; border-color: #ffffff;} .yellow-circle {background: #ffe119; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; } .yellow-circle-office {background: #ffe119; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; } .product-feature-double-glazed {background: url(https://www.leisurebuildings.com/images/misc/double-glazed.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-package {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-package.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-valtti-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/valtti-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-free {background: url(https://www.leisurebuildings.com/images/misc/fully-insulated.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-option {background: url(https://www.leisurebuildings.com/images/misc/installation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-free {background: url(https://www.leisurebuildings.com/images/misc/installation-free.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-and-painting-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-and-painting-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffe119; font-weight:bold; padding:0px; font-size:10pt;} .white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 25px; } .white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; } .green-box {font-size:14pt; color:#008000; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #008000; margin:5px;} } @media screen and (min-width: 641px) and (max-width:800px) { .secrets-header {font-size:12pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;} .secrets-header-green {font-size:12pt; color:#ffffff; background:#008000; text-align:center; font-weight:bold;} .secrets-header-brown {font-size:12pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;} .secrets-header-light-yellow {font-size:12pt; background:#ffffe0; color:#801625; text-align:center; font-weight:bold;} .secrets-header-white {font-size:12pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde {font-size:12pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .secrets-header-lugarde:hover {font-size:12pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde-reverse {font-size:12pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border-style: solid; border-color: #801625;} .secrets-header-category {font-size:12pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .category-accordian {color:#801625; font-size:12pt; font-weight:bold; background:#ffd500; min-width:100%; padding:5px; border-style: solid; border-width: 2px; border-color: #ffffff;} .yellow-circle {background: #ffe119; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; } .yellow-circle-office {background: #ffe119; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; } .product-feature-double-glazed {background: url(https://www.leisurebuildings.com/images/misc/double-glazed.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-package {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-package.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-valtti-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/valtti-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-free {background: url(https://www.leisurebuildings.com/images/misc/fully-insulated.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-option {background: url(https://www.leisurebuildings.com/images/misc/installation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-free {background: url(https://www.leisurebuildings.com/images/misc/installation-free.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-and-painting-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-and-painting-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffe119; font-weight:bold; padding:0px; font-size:10pt;} .white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 5px; } .white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; } .green-box {font-size:16pt; color:#008000; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #008000; margin:5px;} } @media screen and (min-width: 801px) { .secrets-header {font-size:16pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;} .secrets-header-green {font-size:16pt; color:#ffffff; background:#008000; text-align:center; font-weight:bold;} .secrets-header-light-yellow {font-size:16pt; background:#ffffe0; color:#801625; text-align:center; font-weight:bold;} .secrets-header-brown {font-size:16pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;} .secrets-header-white {font-size:16pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde {font-size:16pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .secrets-header-lugarde:hover {font-size:16pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;} .secrets-header-lugarde-reverse {font-size:16pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border-style: solid; border-color: #801625;} .secrets-header-lugarde {font-size:16pt; color:#ffd500; background:#801625; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .category-accordian {color:#801625; font-size:16pt; font-weight:bold; background:#ffd500; min-width:100%; padding:5px; border-style: solid; border-width: 2px; border-color: #ffffff;} .yellow-circle {background: #ffe119; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; } .yellow-circle-office {background: #ffe119; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 10px; right: 10px; } .product-feature-double-glazed {background: url(https://www.leisurebuildings.com/images/misc/double-glazed.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-sadolin-paint-package {background: url(https://www.leisurebuildings.com/images/misc/sadolin-paint-package.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-valtti-paint-finish {background: url(https://www.leisurebuildings.com/images/misc/valtti-paint-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-free {background: url(https://www.leisurebuildings.com/images/misc/fully-insulated.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-option {background: url(https://www.leisurebuildings.com/images/misc/installation-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-installation-free {background: url(https://www.leisurebuildings.com/images/misc/installation-free.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .product-feature-insulation-and-painting-option {background: url(https://www.leisurebuildings.com/images/misc/insulation-and-painting-option.gif); height: 20px; width: 250px; text-align: center; vertical-align: middle; line-height: 15px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; bottom: 25px; left: 0px; } .brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffe119; font-weight:bold; padding:0px; font-size:13pt;} .white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 380px; right: 25px; } .white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 220px; right: 5px; } .green-box {font-size:22pt; color:#008000; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #008000; margin:5px;} } /* END CODE FOR TITLE BOXES */ /* START - THIS SECTION FOR FLOATING HEADER ON PRODUCT CATEGORY AND PRODUCT PAGES */ .floating-header {font-size:16pt; background:#ffffe0; text-align:center; font-weight:bold; border: 3px solid #ffd500;} .floating-header:hover {font-size:16pt; background:#ffffe0; text-align:center; font-weight:bold; border: 3px solid #801625;} /* START - THIS SECTION FOR FLOATING HEADER ON PRODUCT CATEGORY AND PRODUCT PAGES */ /* START - THIS SECTION FOR DISPLAYING 3 IMAGES WIDE OR FOUR IMAGES WIDE */ * {box-sizing: border-box;} /* Container for images-four-wide */ .containerrr {display: flex; flex-wrap: wrap;} /* Create four equal columns */ /*.column {flex: 25%;}*/ /* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) {.container {flex-direction: column;}} /* START - THIS SECTION FOR DISPLAYING 4 IMAGES WIDE Create four equal columns that floats next to each other */ .column {float: left; width: 25%;} /* Clear floats after the columns */ .row:after {content: ""; display: table; clear: both;} /* Responsive layout - makes the four columns stack on top of each other instead of next to each other */ @media screen and (max-width: 800px) { .column {width: 50%;} } @media screen and (max-width: 600px) { .column {width: 100%;} } /* END - THIS SECTION FOR DISPLAYING 3 IMAGES WIDE Create three equal columns that floats next to each other */ /* START - THIS SECTION FOR DISPLAYING 3 IMAGES WIDE Create three equal columns that floats next to each other */ .column-3 {float: left; width: 33.33%;} /* Clear floats after the columns */ .row:after {content: ""; display: table; clear: both;} /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 800px) { .column-3 {width: 100%;} } /* END - THIS SECTION FOR DISPLAYING 3 IMAGES WIDE Create three equal columns that floats next to each other */ .four-images-code {display: block; margin: auto; max-width:290px; width: 290px; height:218px; border: 1px solid #ffd500;} .three-images-code {display: block; margin: auto; max-width:350px; width:350px; height:280px; border: 1px solid #ffd500;} /* Create two equal columns that floats next to each other */ .column-2 {float: left; width: 50%;} /* Clear floats after the columns */ .row:after {content: ""; display: table; clear: both;} /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 800px) {.column-2 {width: 100%;} } /* END - THIS SECTION FOR DISPLAYING 3 IMAGES WIDE OR FOUR IMAGES WIDE */ /* START Centre Main Category Images 290px */ @media screen and (max-width: 300px) { .center-main-category {width: 300px; margin: auto;} .center-main-category-image {float:left; width:100%; border: 1px solid #ffd500; min-width:290px; height: auto;} h2 {font-size: 20px;} } @media screen and (min-width: 301px) and (max-width:599px) { .center-main-category {width: 600px; margin: auto;} .center-main-category-image {float:left; width:50%; border: 1px solid #ffd500; min-width: 290px; height: auto;} h2 {font-size: 24px;} } @media screen and (min-width: 600px) and (max-width:899px) { .center-main-category {width: 900px; margin: auto;} .center-main-category-image {float:left; width:50%; border: 1px #ffd500; min-width: 290px; height: auto;} h2 {font-size: 30px;} } @media screen and (min-width: 901px) { .center-main-category {width: 1200px; margin: auto;} .center-main-category-image {float:left; width:25%; border: 1px solid #ffd500; min-width: 290px; height: auto;} h2 {font-size: 30px;} } /* END Centre Main Category Images 290px */ /* START Centre Main Product Images 290px */ @media screen and (max-width: 480px) { .center-main-products {width: 300px; margin: auto;} .center-main-products-image {max-width: 250px; height: auto; margin-left: -5px;} h2 {font-size: 20px;} } @media screen and (min-width: 481px) and (max-width:768px) { .center-main-products {width: 600px; margin: auto;} .center-main-products-image {float:left; max-width: 250px; height: auto; margin-left: -7.5px;} h2 {font-size: 24px;} } @media screen and (min-width: 769px) and (max-width:1024px) { .center-main-products {width: 900px; margin: auto;} .center-main-products-image {float:left; border: 1px solid #ffd500; max-width: 290px; height: auto;} h2 {font-size: 30px;} } @media screen and (min-width: 1025px) { .center-main-products {width:1200px; margin: auto;} .center-main-products-image {float:left; border: 1px solid #ffd500; max-width: 290px; height: auto;} h2 {font-size: 30px;} } /* END Centre Main Product Images 290px */ /* START Centre Main Product Images 290px NOT used @media screen and (max-width: 599px){ .center-main-products {min-width: 300px; max-width: 300px; margin: auto; } h2 {font-size: 20px;} } @media screen and (min-width: 600px) and (max-width:899px){ .center-main-products {min-width: 600px; max-width: 300px;margin: auto;} h2 {font-size: 24px;} } @media screen and (min-width: 900px) and (max-width:1199px){ .center-main-products {min-width: 900px; margin: auto;} h2 {font-size: 30px;} } @media screen and (min-width: 1200px){ .center-main-products {min-width:1200px; margin: auto;} h2 {font-size: 30px;} } NOT used END Centre Main Product Images 290px */ /* START Code for Section Name Fragment Sections used on painted log cabin page */ @media screen and (max-width: 325px) { .width-product-office {width: 100%; float: left; padding: 2px;} } @media screen and (min-width: 326px) and (max-width:600px) { .width-product-office {width: 100%; float: left; padding: 2px;} } @media screen and (min-width: 601px) and (max-width:900px) { .width-product-office {width: 50%; float: left; padding: 2px;} } @media screen and (min-width: 901px) and (max-width:1279px) { .width-product-office {width: 50%; float: left; padding: 2px;} } @media screen and (min-width: 1280px) { .width-product-office {width: 50%; float: left; padding: 2px;} } /* END Code for Section Name Fragment Sections*/ /* START Category Main Product Images 275px For Each Product Item NEEDED dor 404 page etc */ @media screen and (max-width: 549px) {.category-main-products {width: 275px; margin: auto;} .category-315-white {width: 275px; font-weight: bold; text-align:center; color:#ffd500; float:left; background:#ffffff; padding:0px;} .category-315-white:hover {width: 275px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; padding:0px;} .category-brown-yellow-box {border-width:2px; border-style:solid; background:#4a0d15; color:#ffd500; font-weight:bold; padding:0px; font-size:14pt;} /* needed */ .category-yellow-green-box {border-width:4px; border-style:solid; background:#efc700; color:#05640e; font-weight:bold; padding:0px; font-size:14pt;} .category-h2 {font-size:12pt; font-weight:bold;} a.category {text-decoration: none;} a.category:hover {text-decoration: underline;} } @media screen and (min-width: 550px) and (max-width:824px) {.category-main-products {width: 550px; margin: auto;} .category-315-white {width: 275px; font-weight: bold; text-align:center; color:#ffd500; float:left; background:#ffffff; padding:5px;} .category-315-white:hover {width: 275px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; padding:5px;} .category-brown-yellow-box {border-width:2px; border-style:solid; background:#4a0d15; color:#ffd500; font-weight:bold; padding:5px; font-size:14pt;} /* needed */ .category-yellow-green-box {border-width:4px; border-style:solid; background:#efc700; color:#05640e; font-weight:bold; padding:5px; font-size:14pt;} .category-h2 {font-size:14pt; font-weight:bold;} a.category {text-decoration: none;} a.category:hover {text-decoration: underline;} } @media screen and (min-width: 825px) and (max-width:1099px) {.category-main-products {width: 825px; margin: auto;} .category-315-white {width: 275px; font-weight: bold; text-align:center; color:#ffd500; float:left; background:#ffffff; padding:5px;} .category-315-white:hover {width: 275px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; padding:5px;} .category-brown-yellow-box {border-width:2px; border-style:solid; background:#4a0d15; color:#ffd500; font-weight:bold; padding:5px; font-size:14pt;} /* needed */ .category-yellow-green-box {border-width:4px; border-style:solid; background:#efc700; color:#05640e; font-weight:bold; padding:5px; font-size:14pt;} .category-h2 {font-size:14pt; font-weight:bold;} a.category {text-decoration: none;} a.category:hover {text-decoration: underline;} } @media screen and (min-width: 1100px) {.category-main-products {width:1100px; margin: auto;} .category-315-white {width: 275px; font-weight: bold; text-align:center; color:#ffd500; float:left; background:#ffffff; padding:5px;} .category-315-white:hover {width: 275px; font-weight: bold; text-align:center; color:#000000; float:left; background:#ffd500; padding:5px;} .category-brown-yellow-box {border-width:2px; border-style:solid; background:#4a0d15; color:#ffd500; font-weight:bold; padding:5px; font-size:14pt;} /* needed */ .category-yellow-green-box {border-width:4px; border-style:solid; background:#efc700; color:#05640e; font-weight:bold; padding:5px; font-size:14pt;} .category-h2 {font-size:16pt; font-weight:bold;} a.category {text-decoration: none;} a.category:hover {text-decoration: underline;} } /* END Category Main Product Images 275px For Each Product Item NEEDED for 404 page etc */ /* START CODE FOR _all-summerhouses-sizes-just-text */ .caption-200-white{width:200px;font-weight:bold;text-align:center;color:#4a0d15;float:left;background:#fff;position:relative;border:5px;border-style:solid;border-color:#efefef;} .caption-200-white:hover{width:200px;font-weight:bold;text-align:center;color:#000;float:left;background:#ffd500;position:relative;border:5px;border-style:solid;border-color:#4a0d15;} .caption-290-white-product{width:290px;font-weight:bold;text-align:center;color:#4a0d15;float:left;background:#fff;position:relative;border:5px;border-style:solid;border-color:#efefef;} .caption-290-white-product:hover{width:290px;font-weight:bold;text-align:center;color:#000;float:left;background:#ffd500;position:relative;border:5px;border-style:solid;border-color:#4a0d15;} /* START CODE FOR PAGE TITLE */ @media screen and (max-width: 325px){ .page-title {font-size:10pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;}} @media screen and (min-width: 326px) and (max-width:640px){ .page-title {font-size:12pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;}} @media screen and (min-width: 641px) and (max-width:800px){ .page-title {font-size:16pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;}} @media screen and (min-width: 801px){ .page-title{font-size:20pt; color:#801625; background:#ffd500; text-align:center; font-weight:bold;}} /* END CODE FOR PAGE TITLE */ @media screen and (min-width: 800px){} @media screen and (min-width: 801px){.secrets-header{padding:10px;}} .secrets-header-faq {font-size:20pt; color:#ffffff; background:#3D4042; text-align:center; font-weight:bold; width:100%; border-width:20px 0px 0px 0px; border-style: solid; border-color:#ffffe0; padding:5px} .secrets-header-inline {color: #801625; font-weight: bold; font-size: 150%; display:inline;} .secrets-header-grey-box {padding: 20px; font-size: 20pt; color: #ffffff; background: #20313d; text-align: center; font-weight: bold;} .category-header-image {width: 100%; height: auto; border: 5px solid;} .blank-line-5px {min-width:100%; min-height:5px; clear:both;} .blank-line-10px {min-width:100%; min-height:10px; clear:both;} .feature-icons {border-style: solid; border-width: 5px 0px 5px 0px; color:#ececec;} .feature-icons-tablet {width:24%; border: 1px solid #801625; border-radius: 8px; padding-top: 5px; background-color:#FFFFE0; min-height:35px; margin:1px} .header-top {background-color:#801625; color:#ffffff; text-align:center; font-weight: bold;} .header-full-width {background-color:#dcdcdc;} /* END 1CLB LAYTOUT SECTIONS CSS ******************************************************************************************************************************** */ /* START 1CLB SPECIAL CODE SECTION CSS *************************************************************************************************************************** */ /* START CODE TO CHANGE COLOUR OF WOOCOMMERCE ICON SIGN */* .onsale {background-color: #15C90D!important;} /* END CODE TO CHANGE COLOUR OF WOOCOMMERCE ICON SIGN */* /* START This Code For All Sizes of Screens */ .delivery-maps {position: relative; padding-bottom: 150%; height: 0; overflow: hidden;} .google-maps {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;} .google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} img.center {display: block; margin-left: auto; margin-right: auto;} /* END This Code For All Sizes of Screens */ /* START YOUTUBE PLAYER */ .youtube-player {position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; } .youtube-player iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img {bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -o-transition: .4s all; -moz-transition: .4s all; transition: .4s all;} .youtube-player img:hover {-webkit-filter: brightness(75%);} .youtube-player .play {height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer;} /* END YOUTUBE PLAYER */ /* START CODE FOR GRAVITY FORM NEW STYLES */ .gfield_label {background:#efefef; width:100%; font-weight:bold; border-left: solid; border-right: solid; border-top: solid; border-bottom: solid;} .ginput_container {background:#efefef;} .ginput_total {background:#efefef; border-right: solid; border-top: solid; border-bottom: solid;} .product_title {background:#4a0d15;} .entry-title {background:#ffd500} /* END CODE FOR GRAVITY FORM NEW STYLES */ /* START CODE TO STOP RELATED PRODUCTS (AT BOTTOM OF PAGE) SHOWING */ .related.products { display: none; } /* END CODE TO STOP RELATED PRODUCTS (AT BOTTOM OF PAGE) SHOWING */ /* START CODE FOR LINK WORDS TO GALLERY ON PRODUCT PAGES */ .product-gallery-words-left {font-size:18px; color:#ffffff; background:#4a0d15; margin:15px 0px 0px 0px; float:left;} .product-gallery-words-right {font-size:48px;color:#ffd500; display:inline; float:right;} /* END CODE FOR LINK WORDS TO GALLERY ON PRODUCT PAGES */ /* START CODE FOR BANNER TEXT SIZE ON HOME PAGE */ @media screen and (max-width: 325px) {.banner_text {font-size:14px}} @media screen and (min-width: 326px) and (max-width:639px) {.banner_text {font-size:16px}} @media screen and (min-width: 640px) and (max-width:799px) {.banner_text {font-size:16px}} @media screen and (min-width: 800px) {.banner_text {font-size:20px;}} @media screen and (max-width: 325px) {.banner_heading {font-size:14px}} @media screen and (min-width: 326px) and (max-width:639px) {.banner_heading {font-size:16px}} @media screen and (min-width: 640px) and (max-width:799px) {.banner_heading {font-size:16px}} @media screen and (min-width: 800px) {.banner_heading {font-size:24px;}} /* END CODE FOR BANNER TEXT SIZE ON HOME PAGE */ /* START CODE TO HIDE ICONS IN SEARCH BOX HEADER SECTION */ @media screen and (max-width: 1200px){.search-box-display-or-not {display:none;}} @media screen and (min-width: 1201px){.search-box-display-or-not {display:block;}} /* END CODE TO HIDE ICONS IN SEARCH BOX HEADER SECTION */ /* START CODE FOR WIDTH ON ORDER FROM POST CODES AREA ON ALL PAGES*/ @media screen and (max-width: 640px) {.order-form-75 {min-width:100%;}} @media screen and (max-width: 640px) {.order-form-25 {display: block; margin-left: auto; margin-right: auto; width: 95%;}} @media screen and (min-width: 641px) {.order-form-75 {width:75%; float:left;}} @media screen and (min-width: 641px) {.order-form-25 {width:25%; float:left;}} /* START CODE FOR WIDTH ON ORDER FROM POST CODES AREA ON ALL PAGES*/ .modula-gallery-title {font-weight: bold;} /* END 1CLB SPECIAL CODE SECTION CSS *************************************************************************************************************************** */ /* START 1CLB SSL EXTRA CODE SECTION CSS *************************************************************************************************************************** */ /* START other added code */ .download-application-text{color:#fff;font-size:24px;font-weight:600;margin:0;margin-bottom:10px;margin-right:40px;display:inline-block;font-family:"Poppins",sans-serif;} .download-application-btn{color:#fff;background:#26bdef;padding:15px 40px;font-size:16px;font-family:"Poppins",sans-serif;transition:.5s ease;display:inline-block;} .download-application-btn:hover{color:#26bdef;background:#fff;} .display-inline{display:inline-block;} .about-author{background:#f5f5f5;border:1px solid #eaedef;color:#333;line-height:24px;padding:10px;} .about-author img{display:block;width:250px;height:auto;margin:7px;margin-right:20px;} .about-author h3{font-size:18px !important;margin:9px 0px !important;color:#666 !important;border-bottom:2px solid #666 !important;border-top:0px !important;} .about-author p{margin:0px;text-align:justify;} /* END other added code */ .column-a {float: left; width: 33.33%;} /* Clear floats after the columns */ .row-a:after {content: ""; display: table; clear: both;} @media screen and (max-width: 799px) { .column-a { width: 100%; } } /* START CODE FOR TITLE BOXES */ @media screen and (max-width: 325px){ .video-box-small {background-color:#ffffff; text-align: justify; display:block;} .video-box-large {background-color:#ffffff; display:none;} .top-box-half{width:100%;float:left;} .top-box-half-text-margin{margin-top:5px; max-height:35px} .top-box-half-text-h1{font-size:16pt;} } @media screen and (min-width: 326px) and (max-width:640px){ .video-box-small {background-color:#ffffff; text-align: justify; display:block;} .video-box-large {background-color:#ffffff; display:none;} .top-box-half{width:100%;float:left;} .top-box-half-text-margin{margin-top:10px; max-height:60px;} .top-box-half-text-h1{font-size:20pt;} } @media screen and (min-width: 641px) and (max-width:991px){ .video-box-small {background-color:#ffffff; text-align: justify; display:block;} .video-box-large {background-color:#ffffff; display:none;} .top-box-half{width:100%;float:left;} .top-box-half-text-margin{margin-top:15px; max-height:65px;} .top-box-half-text-h1{font-size:18pt;} } @media screen and (min-width: 992px){ .video-box-small {background-color:#ffffff; display:none;} .video-box-large {background-color:#ffffff; display:block;} .top-box-half{width:50%;float:left;} .top-box-half-text-margin{margin-top:30px; max-height:75px} .top-box-half-text-h1{font-size:26pt;} } /* END CODE FOR TITLE BOXES */ /* START for */ .box {-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; height: 100%; justify-items: center;} .box-content {background: #801625; color: #000000; padding: 0px;} /* END for */ .product-category-text {font-size:12pt; line-height:2;} .simple-sitemap-wrapper { display:flex;justify-content:space-around; } @media only screen and (max-width: 600px){ .simple-sitemap-wrapper { flex-direction: column;}} .vc_grid-filter {background: #ecf3f9 !important; padding: 1rem; width: 200%; position: relative; left: -50%;} .vc_grid-filter > li {margin: 0 .6rem !important; background: white !important; transition: .25s linear;} .vc_grid-filter > li:hover, .vc_grid-filter .vc_active {background: #c3d8ea !important;} details{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; margin-bottom: 5px; padding: 0.5em 0.5em 0;} details[open]{padding: 0.5em;} summary{font-weight: normal; margin: -0.5em -0.5em 0; padding: 0.5em; cursor: pointer;} summary {font-size: 20px; font-weight: normal; cursor: pointer; margin: 10px; padding: 10px; color: #ffffff; background-color: #801625; border: 3px solid #801625;} /* This code was used on the website to sart with */ summary:focus, summary:hover {background-color: #ffffff; color:#801625;} /* This code was used on the website to sart with */ details[open] summary{margin-bottom: 0.5em;} details > p {padding: 5px; font-size: 20px; font-weight: normal; border: 30px; } /* This code was used on the website to sart with */ .topPieceWrapper h1{color: #801625; text-align: left;} .topPieceWrapper .topColumn{width: 50%;} .topPieceWrapper .columnsWrapper{display: flex; gap: 40px;} @media (max-width: 768px){ .topPieceWrapper .topColumn{width: 100%;} .topPieceWrapper .columnsWrapper{display: grid;} } body.archive .advanced-woo-labels .awl-label-wrap{width:100%;} body.archive .advanced-woo-labels .awl-type-label-standard, body.archive .advanced-woo-labels .awl-type-label-arrow{display: grid !important;} body.archive .advanced-woo-labels .awl-label-text{background: #ffffe0 !important; border: none !important;} body.archive .category-main .products > li{background: #ffffe0 !important; border: 1px solid #801625;} body.archive li.product:hover{box-shadow: -1px -5px 60px -32px rgba(66, 68, 90, 1); transition: 0.3s;} body.archive li.product{transition: 0.3s;} body.archive ul.products li.product .button{display: flex !important; margin: 15px auto; width: max-content; text-decoration: underline;} body.archive .woocommerce-loop-product__title{text-align: center; font-size: 1.2em !important;} .awl-inner-text b:first-of-type{font-size: 1.2em !important;} @media (min-width: 770px) and (max-width: 994px){ .awl-product-label.awl-type-label.awl-type-label-arrow{white-space: unset !important;} } @media screen and (max-width:991px) { .z-blog-grid-left {float: none !important; max-width:100% !important; margin: 0 !important;} .z-blog-grid-right {float: none !important; max-width:100% !important; margin: 30px 0 30px 0 !important;} } @media screen and (max-width:991px) { .columnsWrapperZk {display: flex !important; flex-flow: column-reverse wrap !important; gap: 0px !important; margin-top: 23px;} .columnsWrapperZk > .topColumn { width: 100% !important; } .columnsWrapperZk > .topColumn:first-child { margin-top: 20px; } } .zk-category-slider .n2-ss-slider [data-force-pointer=zoom-in], .zk-category-slider .n2-ss-slider [data-force-pointer=zoom-in] * { cursor: pointer !important;} .z-table-165307 {width: 100%; max-width: 700px; margin-top:20px;} .z-table-165307 td {padding: 5px 10px;} .tax-product_cat .under-tab-content h3 {font-size: 20px;} body #gform_wrapper_308 .gform_body .gform_fields .gfield .gfield_label{font-weight: normal; display: none;} body #gform_wrapper_308 .gform_body .gform_fields .gfield select {font-weight: normal; font-weight: bold; border-width: 4px; border-color: #81d742; border-style: solid; border-radius: 4px; -web-border-radius: 4px; -moz-border-radius: 4px; max-width: 100%;} #gform_fields_309 label.gfield_label {background: #fff !important; border: none !important;} #gform_fields_309 legend.gfield_label {background: #fff !important; border: none !important;} #gform_fields_309 .ginput_container {background: #fff !important;} #gform_fields_309 .ginput_container.ginput_container_consent {background: #fff;} #gform_fields_309 .charleft {display:none;} .z-cat-table td {border: 1px solid #000; padding: 10px;} .z-cat-table th {text-align: center !important;} .prettyprint2 {border: 1px solid #000; padding: 15px 20px; background: #efefef; font-weight: 500; border-radius: 3px; margin-bottom: 15px;} html body .modula .modula-items .modula-item .modula-item-content {opacity: 1 !important;} .blog-post-new-cta {text-align: center; background:#eee; border-radius:5px; padding: 12px 16px; margin:0 auto; max-width:700px;} .z-blog-grid-left {float: left; max-width: 50%; height: auto; margin-top: 20px;} .z-blog-grid-right {float: right; border: 5px solid #ffd500; max-width: 45%; height: auto; margin: 20px 0 20px 0;} .z-blog-grid-right:after {clear:both; content: '';} /* START NEW HOME PAGE */ .home > .new-header{margin-bottom:0;} .page-id-168164 > header + section:has(.rank-math-breadcrumb), .home > section:has(.rank-math-breadcrumb){display:none;} #primary h1.b-title{padding:0 0 13px !important; margin:0 !important; border-bottom:solid 3px #FFFFE0;} #primary .full-widthsec{left:0 !important;} #primary .full-widthsec > .wpb_column{max-width:1240px; float:none; margin:auto; padding:0 15px;} #primary .full-widthsec > .wpb_column > .vc_column-inner{padding:0;} #home-hero.vc_row{position:relative; padding:175px 0 50px; max-width:100% !important; width:100% !important;} #home-hero:before{content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:linear-gradient(0deg, #1E1E1E 36%, #D9D9D9 100%) !important; opacity:0.5; display:block;} #home-hero .wpb_column > .vc_column-inner .vc_column-inner > .wpb_wrapper{max-width:640px;} #home-hero .wpb_column .wpb_text_column .wpb_wrapper{padding:24px 0 32px;} #home-hero .wpb_column .wpb_text_column .wpb_wrapper p{color:#FFFFE0; padding:0; margin:0; font-size:18px; font-weight:500;} #home-hero .b-btn .vc_general{background:#801625; border:solid 1px #FFFFE0; padding:24px 15px; margin:0; font-size:18px; color:#FFFFE0; border-radius:3px; font-weight:500; transition:all 0.3s;} #home-hero .b-btn .vc_general:hover{background:#FFFFE0; color:#801625;} #primary .home-sec1{padding:48px 0;} #primary .home-sec1 > .wpb_column > .vc_column-inner{padding-top:0;} #primary .home-sec1 .vc_custom_heading{font-size:22px; font-weight:600;} #primary .home-sec1 .wpb_text_column p{color:#4A0D15; font-size:15px; padding:10px 0 0;} #primary .home-sec2{padding:48px 0;} #primary .home-sec2 .vc_custom_heading{font-size:32px;} #primary .home-sec2 p{color:#FFFFE0; padding:16px 0 0; font-size:18px;} #primary .home-category{padding:48px 0;} #primary .home-category > .wpb_column > .vc_column-inner > .wpb_wrapper{display:flex; flex-direction:column; gap:32px;} #primary .home-category .wpb_wrapper > .vc_row{display:flex; gap:32px;} #primary .home-category .wpb_wrapper > .vc_row:before, #primary .home-category .wpb_wrapper > .vc_row:after{display:none;} #primary .home-category .vc_row > .wpb_column{position:relative; box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); border-radius:3px; overflow:hidden;} #primary .home-category .wpb_single_image{margin:0; position:relative; padding:0 0 96%;} #primary .home-category .wpb_single_image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} #primary .home-category .wpb_text_column{margin:0; position:absolute; left:0; top:0; width:100%; height:100%; padding:36px; display:flex; align-items:flex-start;} #primary .home-category .wpb_text_column .wpb_wrapper{padding:16px; background:rgba(255,255,255,0.8); box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); border-radius:3px;} #primary .home-category .wpb_text_column h3{padding:0 0 8px; margin:0; font-size:26px; font-weight:600; border-bottom:solid 2px #4A0D15;} #primary .home-category .wpb_text_column h3 a{text-decoration:none; padding:0; margin:0; color:#4A0D15;} #primary .home-category .wpb_text_column .txt{font-size:15px; color:#4A0D15; padding:16px 0;} #primary .home-category .wpb_text_column .btn{padding:0; margin:0; border:none; outline:none; display:flex;} #primary .home-category .wpb_text_column .btn a{padding:0; margin:0; width:112px; text-align:center; background:#801625; border:solid 1px #FFFFE0; box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); border-radius:3px; height:40px; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:600; color:#fff; transition:all 0.3s; text-decoration:none;} #primary .home-category .wpb_text_column .btn a:hover{background:#FFFFE0; color:#4A0D15;} #primary .home-img-txt{padding:48px 0;} #primary .home-img-txt .vc_custom_heading{padding:0; margin:0;} #primary .home-img-txt .wpb_text_column{padding:32px 40px 32px 0; font-size:18px; color:#FFFFE0;} #primary .home-img-txt .b-btn .vc_general{background:#801625; border:solid 1px #FFFFE0; padding:17px 32px; margin:0; font-size:18px; color:#FFFFE0; border-radius:3px; font-weight:500; transition:all 0.3s;} #primary .home-img-txt .b-btn .vc_general:hover{background:#FFFFE0; color:#801625;} #primary .home-img-txt .vc_col-sm-6:has(.wpb_single_image) > .vc_column-inner > .wpb_wrapper{height:100%;} #primary .home-img-txt .wpb_single_image{height:100%;} #primary .home-img-txt .wpb_single_image .wpb_wrapper{display:flex; height:100%;} #primary .home-img-txt .wpb_single_image .wpb_wrapper img{height:100%; width:100%; object-fit:cover; border-radius:3px;} #primary .cta-row{max-width: 640px; margin: 0 auto;} #primary .cta-row .cta-btn{padding-top: 30px;} #primary .cta-row .cta-btn .vc_general{background:#FFFFE0; border:solid 1px #801625; padding:25px 48px; margin:0; font-size:18px; color:#801625; border-radius:3px; font-weight:500; transition:all 0.3s;} #primary .cta-row .cta-btn .vc_general:hover{background:#ffffff;} #primary .foot-cta{padding:48px 0;} .foot-cta .cta-adr p{font-size: 18px; font-weight: 500; color: #FFFFE0; padding-top: 8px;} .foot-cta .cta-adr p a{color: #FFFFE0;} .foot-cta .cta-map .wpb_wrapper, .foot-cta .cta-map .wpb_wrapper .wpb_content_element{height: 100%; margin: 0;} .foot-cta .wpb_content_element{margin: 0;} .foot-cta .vc_col-sm-4 .vc_column-inner{border-radius: 3px 0 0 3px; box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25);} .foot-cta .vc_col-sm-8 .vc_column-inner{border-radius: 0 3px 3px 0; box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25);} #primary .home-sec4{padding:48px 0;} #primary .home-sec4 .wpb_wrapper .wpb_content_element{margin-bottom: 0;} .custom-product-inner{background-color: #FFFFE0; border: solid 1px #4A0D15; border-radius: 3px; box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25); height: 100%;} .home-slider .custom-product-image{position: relative; padding-bottom: 70%;} .home-slider .custom-product-image img{position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 3px 3px 0 0; top: 0; left: 0; object-position: top;} .home-slider .custom-product-content{padding: 15px;} .home-slider .custom-product-content .custom-product-title{font-size: 22px; font-weight: 700; color: #4A0D15; padding-bottom: 5px; border-bottom: solid 2px #4A0D15;} .home-slider .custom-product-content .custom-product-title a{color: #4A0D15; text-decoration: none;} .home-slider .product-label-service .awl-product-label .awl-label-before, .home-slider .product-label-service .awl-product-label .awl-label-after{display: none !important;} .home-slider .product-label-service .awl-label-text{background: no-repeat !important; padding: 0 !important; border: none !important;} .home-slider .product-label-service .awl-label-text .awl-inner-text{font-size: 0 !important;} .home-slider .product-label-service .awl-label-text .awl-inner-text b{font-size: 15px !important; font-weight: 700 !important; color: #4A0D15 !important;} .home-slider .product-label-service .awl-label-text .awl-inner-text b:nth-last-of-type(2){display: none !important;} .home-slider .product-label-service .awl-label-text .awl-inner-text b:first-child{position: absolute; bottom: 25px; font-size: 20px !important;} .home-slider .product-label-service .advanced-woo-labels, .home-slider .product-label-service span{position: static !important;} .home-slider .product-review{display: flex; align-items: center; gap:15px; padding: 16px 0 12px; font-size: 15px; font-weight: 400;} .home-slider .product-price-btn{text-align: right;} .home-slider .product-price-btn a.product-btn{background:#801625; border: solid 1px #801625; padding:14px 26px; margin:0; font-size:18px; color:#FFFFE0; border-radius:3px; font-weight:700; transition:all 0.3s; box-shadow: 0 4px 4px 0 rgb(0, 0, 0, 0.25); display: inline-block; text-decoration: none;} .home-slider .product-price-btn a.product-btn:hover{background:transparent; color:#801625;} .topdeal-product-sec{padding: 0 50px;} .topdeal-product-sec .slick-arrow{width: 40px; height: 40px; position: absolute !important; outline: none; opacity: 1;} .topdeal-product-sec .slick-arrow:before{display: none;} .topdeal-product-sec .slick-prev{background: url(https://www.leisurebuildings.com/wp-content/uploads/2025/08/arrow-left.svg) center no-repeat !important; background-size: contain !important; left: 0;} .topdeal-product-sec .slick-next{background: url(https://www.leisurebuildings.com/wp-content/uploads/2025/08/arrow-right.svg) center no-repeat !important; background-size: contain !important; right: 0;} .topdeal-product-sec .slick-slide{margin-bottom: 0 !important;} #primary .home-testimonial{padding: 48px 0;} .page-id-168164 .footer__map-header, .page-id-168164 .footer__map{display: none;} .revwid-container{margin: 0 !important; padding: 30px 30px 0 !important;} @media screen and (max-width:991px){ #home-hero.vc_row{padding: 50px 0;} #home-hero .b-btn .vc_general, #primary .home-img-txt .b-btn .vc_general, #primary .cta-row .cta-btn .vc_general{padding: 15px 30px;} #primary .home-category .wpb_wrapper > .vc_row{flex-wrap: wrap;} #primary .home-category .vc_row > .wpb_column{width: 100%;} } @media screen and (max-width:767px){ #primary .home-sec1 .vc_custom_heading, #primary .home-sec1 .wpb_wrapper{text-align: center !important;} #primary .home-sec1{grid-row-gap: 16px;} #primary .home-img-txt .wpb_wrapper .vc_row{grid-row-gap: 30px;} .cta-map iframe{min-height: 300px;} #primary .home-category .wpb_text_column{align-items: center;} .foot-cta .vc_col-sm-4 .vc_column-inner{border-radius: 3px 3px 0 0; padding: 24px !important;} .foot-cta .vc_col-sm-8 .vc_column-inner{border-radius: 0 0 3px 3px;} #primary .home-img-txt .wpb_text_column{padding: 16px 0px 32px 0;} .topdeal-product-sec .slick-prev{left: 10px;} .topdeal-product-sec .slick-next{right: 10px;} .home-slider .custom-product-content .custom-product-title{font-size: 20px;} .home-slider .product-label-service .awl-label-text .awl-inner-text b:first-child{font-size: 18px !important;} } /* END NEW HOME PAGE */ .promotional-bar a:hover {text-decoration: none !important;} ul.z-cat-ulist, ul.z-blog-ulist, ul.ulist{padding:0 0 1rem 1rem; margin:0;} .z-blog-row{clear:both; padding-bottom:20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;} .blog-post-new-cta{clear:both;} .z-cat-table thead tr th{padding:10px; background:rgba(0,0,0,0.06);} .page-id-168164 .footer-new { min-height: auto !important; } .page-id-168164 .footer__content { padding-top: 15px; } .z-product-buttons-flex { display: flex !important; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; } .secrets-header-lugarde-zk { width: 48%; padding: 5px; border: 3px solid #4a0d15 !important; background: #fff !important; border-radius: 4px !important; } .secrets-header-lugarde-zk > a { display: flex; justify-content: center; align-content: center; align-items: center; gap: 6px; } .secrets-header-lugarde-zk > a > img { width: auto !important; height: 25px !important; } .secrets-header-lugarde-zk > a span.yfont { font-weight: 600; font-size: 0.8em !important; color: #000 !important; } .z-aboutus-herotext { max-width: 615px; color: #FFFFE0; margin: 0 auto; text-align: center; text-shadow: 0px 2px 5px #222; font-size: 1.1em; } #primary h1.b-title.z-aboutus-header { margin: 0 auto 20px auto !important; width: fit-content; min-width: 300px; text-shadow: 0px 2px 5px #222; } .page-id-170109 .new-header + style + .c.b.colour-1.colour-back-2.secrets-header, .page-id-170109 .new-header + style + div + script + section { display: none !important; } .z-aboutus-hero-image, .z-aboutus-section13434, .z-aboutus-section1343444, .z-aboutus-section134344455, .z-aboutus-section-row { min-width: 100%; box-sizing: border-box !important; } .z-color-primary { color: #4A0D15 !important; } .z-color-secondary { color: #111 !important; } .z-color-yellow { color: #FFFFE0 !important; } .z-aboutus-image-1 { max-height: 350px; } .z-aboutus-image-1 > figure { justify-content: flex-end; } .z-authorpage-contentbox { background: #ffffe0; color: #111; font-weight: 700; min-height: 205px; flex-flow: column wrap; display: flex; align-items: center; padding: 20px; border: 1px solid #111; border-radius: 6px; } .z-authorpage-contentbox p { font-weight: 400 !important; } .z-authorpage-contentbox h2 { font-size: 20px !important; margin-bottom: 15px; } .z-aboutus-section-row > .wpb_column { max-width: 450px; } .z-aboutus-section-row > .wpb_column:nth-child(1) { border-left: 1px solid #ffffe0; border-right: 1px solid #ffffe0; } .z-aboutus-section-row > .wpb_column:nth-child(2) { border-right: 1px solid #ffffe0; } .z-aboutus-section-row > .wpb_column:nth-child(3) { border-right: 1px solid #ffffe0; } .z-aboutus-section-row { justify-content: center; padding-top:45px; } .z-aboutus-best-header1, .z-aboutus-best-header2, .z-aboutus-best-header3 { position: relative; padding-left: 35px; } .z-aboutus-best-header1::before, .z-aboutus-best-header2::before, .z-aboutus-best-header3::before { content: ""; position: absolute; left: 0; top: 46%; width: 24px; height: 24px; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; } .z-aboutus-best-header1::before { background-image: url('https://www.leisurebuildings.com/wp-content/uploads/2025/11/aboutus-icon1.png'); } .z-aboutus-best-header2::before { background-image: url('https://www.leisurebuildings.com/wp-content/uploads/2025/11/aboutus-icon2.png'); width: 22px; } .z-aboutus-best-header3::before { background-image: url('https://www.leisurebuildings.com/wp-content/uploads/2025/11/aboutus-icon3.png'); } .z-aboutus-button-section { margin: 0 auto; text-align: center; } .z-aboutus-button-section div.z-aboutus-btn-dark a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { background: #801625 !important; border: solid 1px #FFFFE0 !important; padding: 17px 32px !important; margin: 0 auto !important; font-size: 18px !important; color: #FFFFE0 !important; border-radius: 3px !important; font-weight: 500 !important; transition: all 0.3s !important; } .z-aboutus-button-section div.z-aboutus-btn-dark a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover { color: #801625 !important; background: #FFFFE0 !important; } .z-aboutus-client-testimonials > .wpb_wrapper > div + div { background: #fff !important; border-radius: 6px !important; } .z-aboutus-client-testimonials > .wpb_wrapper > div + div > * { color: #111 !important; } .z-aboutus-client-testimonials > .wpb_wrapper > div + div .revwid-container .revwid-has-content-color { color: #111 !important; } .z-aboutus-client-testimonials > .wpb_wrapper > div + div .revwid-pagination-list li a { color: #111 !important; } .z-aboutus-client-testimonials > .wpb_wrapper > div + div .revwid-container .revwid-pagination .revwid-pagination-link.revwid-is-active { color: #111 !important; } .z-aboutus-innercol1 > div >div >div.b-btn { text-align: right !important; } .z-aboutus-innercol2 > div >div >div.b-btn { text-align: left !important; margin-left: 30px; } .z-aboutus-innercol1 > div >div >div.b-btn > a.vc_general { background: #801625 !important; color: #FFFFE0 !important; border: 1px solid #FFFFE0 !important; } .z-aboutus-innercol1 > div >div >div.b-btn > a.vc_general:hover { background: #FFFFE0 !important; color: #801625 !important; } .z-aboutus-masonryrow .wpmf_img { min-height: 300px; object-fit: fill; } .z-aboutus-masonryrow .gallery-masonry .wpmf-gallery-icon { overflow: hidden !important; } .z-aboutus-masonryrow a.not_video.noLightbox img { transition: transform 0.2s ease; } .z-aboutus-masonryrow a.not_video.noLightbox:hover img { transform: scale(1.04); } .z-aboutus-project-image { border-radius: 4px; overflow: hidden; } .z-aboutus-js-only-row { display: none !important; } .page-id-170109 .entry-footer { display: none; } @media screen and (max-width: 768px) { .z-aboutus-innercol1 > div >div >div.b-btn { margin-top:20px; text-align: center !important; } .z-aboutus-innercol2 > div >div >div.b-btn { text-align: center !important; margin-left: 0; } .z-aboutus-section-row > .wpb_column:nth-child(1) { border:none !important; } .z-aboutus-section-row > .wpb_column:nth-child(2) { border:none !important; margin-top: 32px !important; } .z-aboutus-section-row > .wpb_column:nth-child(3) { border:none !important; margin-top: 32px !important; } } body.single-product .why-choose__trustpilot { font-weight: 400 !important; } #panel-reviews p.woocommerce-noreviews { text-align: center; padding: 10px 0; } #panel-reviews p.comment-form-author label, #panel-reviews p.comment-form-email label { margin-right: 15px; } /* END 1CLB SSL EXTRA CODE SECTION CSS *************************************************************************************************************************** */