/* Theme Name: THE BUG FARM Version: 1.0 Author: Dead Sea Design Author URI: https://www.deadseadesign.co.uk */ /* =========================== CONTENTS: 01 Sensible defaults 02 Fonts / type 03 Alignment 04 Forms 04 Grid 05 Tables 06 Useful classes 07 Breakpoints =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 SENSIBLE DEFAULTS ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/normalize.css"; :root { --grey: #546C6F; --lightgrey: #aecace; --lightgreen: #98BE0F; --darkgreen: #408026; --pink: #EB72BF; --blue : #DCF0F2; --white: #ffffff; --black: #000; --lightlightgreen: #eaf6b6; --lightdarkgreen: #cce9b9; --lightpink: #fbeef7; --lightblue : #DCF0F2; } html { overflow-x:hidden } div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; font-family: "Arial", sans-serif; font-size:16px; color:var(--black); line-height:1.8em; font-weight: 400; overflow-x:hidden } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } p, pre { margin: .5em 0;} img { border:none; padding:0; margin:0; max-width:100%;height:auto;} a {text-decoration:underline;border:0;color:var(--darkgreen); text-decoration-color: var(--darkgreen); text-underline-offset:5px} a:hover {text-decoration:underline;} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html .clearfix,*:first-child+html .clearfix{zoom:1} nav ul { padding:0; margin:0;} nav a {display: block; padding:.25em;} menu, ol, ul {padding: 0 0 0 30px;} /* ---------------------------------------------------------------------------------------------------------- 02 FONTS / TYPE ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight:400; line-height:1.2em; margin:0; font-family: "Tilt Warp", sans-serif; } h1 { font-size:42px;} h2 { font-size:36px;} h3 { font-size:26px; } h4 { font-size:24px; } h5 { font-size:20px; } h6 { font-size:18px;} code { background-color: #e8e8e8; color:#2f79ba; font-family:"Courier New", Courier, monospace; display: block; padding:1em; border:solid 1px #ccc; margin: .5em 0; } blockquote { font-size:1.2em; font-style:italic; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.5rem 2rem; } /* ---------------------------------------------------------------------------------------------------------- 03 FORMS ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ form { margin:0;} label { font-size: .86em; color:#666666; display:block; padding:0;} input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="password"] { width:100%; padding:12px; background-color:#fff; border:solid 1px var(--grey); display: inline-block;border-radius:3px; margin-bottom: 10px;} input[type="submit"] { background-color:var(--lightgreen); color:var(--black); display: inline-block;border:0; padding:11px 30px;font-weight: normal; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all;border-radius:3px;margin-top:10px; } input[type="submit"]:hover { text-decoration: none; background-color:var(--darkgreen);color:var(--white) } textarea { width:100%; padding:10px; background-color:#fff; border:solid 1px var(--grey); display: inline-block; border-radius:3px; margin-top: 10px; min-height: 100px;} select { display: block; font-size: 16px; font-family: sans-serif; font-weight: 300; color: #444; padding: 14px; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0 0 10px 0; border: solid 1px var(--grey); box-shadow: none; border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } select::-ms-expand { display: none; } select:hover { border-color: #888; } select:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } select option { font-weight:normal; } /* ---------------------------------------------------------------------------------------------------------- 03 ALIGNMENT ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .textright {text-align:right;} .textleft {text-align:left;} .textcenter {text-align:center;} .textjustify {text-align:justify;} .alignnone { float:none;} .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } img.alignleft { margin: .4em 1em .4em 0;} img.alignright { margin:.4em 0 .4em 1em;} /* ---------------------------------------------------------------------------------------------------------- 04 GRID ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row:after { content: ""; display: table; clear: both; } .grid_1 { width: 8.3333333%; } .grid_2 { width: 16.666666%; } .grid_3 { width: 24.999999%; } .grid_4 { width: 33.333332%; } .grid_5 { width: 41.666665%; } .grid_6 { width: 50%; } .grid_7 { width: 58.333331%; } .grid_8 { width: 66.666664%; } .grid_9 { width: 74.999997%; } .grid_10 { width: 83.33333%; } .grid_11 { width: 91.666663%; } .grid_12 { width: 100%; } [class*='grid_'] { float: left; display: block; min-height: 1px; } /* Gutter grid */ [class*='g_grid_'] { margin: 0 2% 1% 0; } [class*='g_grid_']:last-of-type { margin-right: 0; } .g_grid_1 { width: 6.5%; } .g_grid_2 { width: 15%; } .g_grid_3 { width: 23.5%; } .g_grid_4 { width: 32%; } .g_grid_5 { width: 40.5%; } .g_grid_6 { width: 49%; } .g_grid_7 { width: 57.5%; } .g_grid_8 { width: 66%; } .g_grid_9 { width: 74.5%; } .g_grid_10 { width: 83%; } .g_grid_11 { width: 91.5%; } .g_grid_12 { width: 100%; } /* Container */ .container, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, .wp-block-group__inner-container { width: 90%; max-width: 1100px; margin: auto; } body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ } .is-style-narrow .wp-block-group__inner-container, .is-style-narrow.container { max-width: 860px; } .omega { margin-right: 0} /* ---------------------------------------------------------------------------------------------------------- 05 TABLES ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ table { width:100%; } table th { background:#f0f0f0; padding:10px; border:0 } table td { padding:10px; border:solid 1px #f0f0f0; } table a { text-decoration: none; } .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {font-size: 14px; line-height: 1.3em;color: #666} .woocommerce td.product-name dl.variation p {margin:0} /* ---------------------------------------------------------------------------------------------------------- 06 USEFUL CLASSES -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ iframe { margin:0 } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0;margin-bottom: .5em} .videoWrapper iframe { position: absolute;top: 0;left: 0; width: 100%;height: 100%;background:transparent;} .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:1em; margin:1em } .rounded { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .lead { font-size: 1.2em; line-height: 1.4em } .error {color:#f00;} :root .has-white-color { color:var(--white); } :root .has-white-background-color { background-color: var(--white) } :root .has-black-color { color:var(--black) } :root .has-black-background-color { background-color: var(--black); } :root .has-grey-color { color:var(--grey) } :root .has-lightgrey-background-color { background-color: var(--lightgrey); } :root .has-lightgrey-color { color:var(--lightgrey) } :root .has-grey-background-color { background-color: var(--grey); } :root .has-darkgreen-color { color:var(--darkgreen) } :root .has-darkgreen-background-color { background-color: var(--darkgreen); } :root .has-lightgreen-color { color:var(--lightgreen) } :root .has-lightgreen-background-color { background-color: var(--lightgreen); } :root .has-pink-color { color:var(--pink) } :root .has-pink-background-color { background-color: var(--pink); } :root .has-blue-color { color:var(--blue) } :root .has-blue-background-color { background-color: var(--blue); } :root .has-lightdarkgreen-color { color:var(--lightdarkgreen) } :root .has-lightdarkgreen-background-color { background-color: var(--lightdarkgreen); } :root .has-lightlightgreen-color { color:var(--lightlightgreen) } :root .has-lightlightgreen-background-color { background-color: var(--lightlightgreen); } :root .has-lightpink-color { color:var(--lightpink) } :root .has-lightpink-background-color { background-color: var(--lightpink); } :root .has-lightblue-color { color:var(--lightblue) } :root .has-lightblue-background-color { background-color: var(--lightblue); } .success.message { padding:10px; margin:10px 0; border: solid 1px var(--pink);color:var(--pink); text-align:center; width:100%;border-radius: 10px} .message.error { padding:10px; margin:10px 0; border: solid 1px red;color:red; text-align:center; width:100%;border-radius: 10px} .has-large-font-size {font-size: 3.25rem !important;} .has-medium-font-size { font-size:1.5rem!important } .is-style-yellowlink a {background: url(images/global/link-yellow.svg) no-repeat center right; background-size: auto 40px; padding-right: 50px; line-height: 40px; display: inline-block;text-decoration: none; font-weight: 700; color:var(--black)} .is-style-yellowlink2 a {background: url(images/global/link-yellow-2.svg) no-repeat center right; background-size: auto 35px; padding-right: 50px; line-height: 35px; display: inline-block;text-decoration: none; font-weight: 700; color:var(--black)} .is-style-bluelink a {background: url(images/global/link-blue.svg) no-repeat center right; background-size: auto 35px; padding-right: 50px; line-height: 35px; display: inline-block;text-decoration: none; font-weight: 700; color:var(--blue)} .is-style-lightbluelink a {background: url(images/global/link-light-blue.svg) no-repeat center right; background-size: auto 35px; padding-right: 50px; line-height: 35px; display: inline-block;text-decoration: none; font-weight: 700; color:var(--light-blue)} /* ---------------------------------------------------------------------------------------------------------- HEADER -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .header { padding:20px 0} .mainLogo {z-index: 100; text-align:left;display: block;background:url(images/global/bug-farm-logo.jpg) no-repeat left center; background-size:auto 100%;position: absolute;left: 0; margin-top: -10px; display:inline-block;text-decoration: none; border:0; width: 200px; height:76px;text-indent: -9999px} .mainLogo:hover { text-decoration:none } .menuToggle {position: absolute;right:0; top:20px;padding:0px;line-height: 1em; transition: .5s all; display: none;} .menuToggle:hover { } .menuToggle svg { fill:#000; } .closeMenu { position: absolute; top:30px; right:5%; cursor: pointer;display: none; z-index: 900;line-height: 40px; vertical-align: middle; color:#fff; } .closeMenu img {width:40px;vertical-align: middle} .closeMenu { display: none;z-index: 300;} .closeMenu svg { width:45px; height:45px } .headmenu { text-align: right;padding:15px 40px 10px 0; left:auto; } .headmenu ul li { display: inline-block; } .headmenu ul li a { display: block; padding:5px 8px;font-size:15px;text-decoration: none; transition: .5s all;color:var(--black); font-weight: bold} .headmenu ul li:last-child a { padding:5px 20px;color:var(--white); background:var(--lightgreen); border-radius: 6px} .headmenu ul li.current-menu-item a { text-decoration: underline; text-underline-offset: 12px; text-decoration-color: var(--orange)} .headmenu ul li:last-child.current-menu-item a {text-decoration: none} .headmenu ul li:hover > a { color:var(--orange) } .headmenu ul ul { position: absolute;width:200px; background:#fff; border:solid 1px #e8e8e8; z-index: 100; display: none;text-align: center;border-radius:5px} .headmenu ul ul li { display:block; } .headmenu ul ul li a {padding: 5px 10px; transition: .5s all;border-bottom: solid 1px #e8e8e8} .headmenu ul ul li:last-child a {padding: 5px 10px; transition: .5s all;border-bottom: solid 1px #e8e8e8; background:var(--white); color:var(--black)} .headmenu ul ul li:hover a { color:var(--black) } .headmenu ul li:hover ul { display: block; } .menuCart {position: absolute;right:0; top:25px} .menuCart svg {width:20px; height: 20px} /* ---------------------------------------------------------------------------------------------------------- CUSTOM BLOCKS ------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .errorPage { padding:160px 0 } .slider-item .container {display: flex; flex-wrap:wrap;align-items: stretch;} .slider-item { padding:120px 0; min-height:px } .cover-curve-mob { display:none!important } .slider-item .slider-item-left { width:50% } .slider-item .slider-item-right:before {content:'';position: absolute;left:-100px; height:100%;width:300px;background: url(images/global/cover-curve.svg) no-repeat right center; background-size: 100% auto; z-index: 0} .slider-item .slider-item-right {width: 50%;height: 100%;position: absolute;right: 0;top: 0;background-size: cover;background-position: center;z-index: -1} .slider-item h1 { margin-bottom:15px } .slider-item .wp-block-button__link { border-radius:10px; margin-top: 15px} .cover-slider-link { font-size:14px; margin-top:10px; font-weight:bold; } .coverslider-block .customNext { right:auto; left:50%;margin-left: calc(-630px); } .slider-flowers {width: 400px;position: absolute;bottom: -15px;left: 55%;margin-left: -150px;z-index: 10;display: block;} .news-wrap { display: flex;align-items: stretch; flex-wrap: wrap;padding-top: 40px;} .news-item { background-color: #fff;transition: .5s all; margin-bottom: 3%;border: solid 1px #e8e8e8;} .news-item img { width: 100%; } .news-item h2 { text-transform: uppercase;font-size:28px; margin: 0 0 10px 0;color: var(--black)} .news-item a { color:#888; text-decoration:none } .news-item span { display: block;font-size: 12px; color:var(--grey); padding-bottom: 5px; } .news-item-content {padding: 15px 30px} .news-item a:hover { text-decoration: none; } .news-item:hover { box-shadow: 0 0 12px #999; } .news-container { padding:40px 0 80px 0 } .search-result {padding-bottom: 60px} .navigation { text-align:center;margin-bottom:60px } .navigation ul { padding:0; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {color: #fff;text-decoration:none} .navigation li {display: inline;} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {background-color:var(--darkgreen);color:white;cursor: pointer;padding: 12px;padding: 0.75rem;} .navigation li.active a {background-color: transparent; color: var(--darkgreen)} .pagination { text-align:center;padding:30px 0; color:#666;width:100%} .pagination span { width:25px; display:inline-block; } .pagination a {display: inline-block;width:35px; border:solid 1px var(--orange); height: 35px; line-height: 35px; text-align: center; text-decoration: none; transition: .5s all; color:var(--orange)} .pagination a.current {} .pagination a:hover { background-color:var(--orange); color:white } .pagination .prev , .pagination .next{ display:none } .blog-container {display: flex;flex-wrap: wrap} .blog-item {width:32%;margin-right: 2%; margin-bottom: 50px;background: var(--wp--preset--color--lightlightgreen);padding: 20px 20px 0 20px;border-radius: 12px 12px 0 0;} .blog-item:nth-child(3n + 3) { margin-right:0 } .blog-item:last-child { margin-right:0 } .blog-item:after {content:''; left:-1px;top:auto;bottom:-39px;width:calc(100% + 2px); height:40px;background-image:url(images/global/bottom-lightgreen-tear.svg);background-size:auto 100%;background-repeat:repeat-x;position: absolute;} .blog-item h2 { font-size:22px } .blog-item span { display:block;padding:3px 0; color:#999; font-size: .76em} .blog-item a p { color:#666; line-height:1.4em; margin:0; padding:0} .blog-item a { text-decoration:none } .blog-title { margin-top:60px } .index-container { padding:60px 0 } .blogDate { display:block; color:#999; font-size:14px; padding:10px 0 20px 0 } .faq-item { border-bottom: solid 1px #ccc} .faq-item:hover h2 {color:var(--orange);cursor: pointer;} .faq-item:hover h2 span { color:var(--orange); } .faq-item h2 { padding: 15px 40px 15px 15px; margin:0;font-size:22px; font-weight: 700; letter-spacing: 0} .faq-item h2 span { position: absolute;right:20px;border: solid 1px var(--blue); width: 35px;height: 35px;text-align: center; border-radius: 50%;line-height: 33px; top:10px} .faq-answer { display: none; padding:20px; } .customNext { width: 45px;height: 45px;right: -20px;background: url(images/global/chevron-right.svg) var(--lightgreen) center center;border: solid 1px var(--white);background-size: 20px;background-repeat: no-repeat;border-radius: 50%} .customPrev {width: 45px;height: 45px;left:-20px;background: url(images/global/chevron-left.svg) var(--lightgreen) center center;border: solid 1px var(--white);background-size: 20px;background-repeat: no-repeat;border-radius: 50%} .customNav {position: absolute;bottom: calc(50% - 25px);z-index: 4} .owl-carousel .owl-stage { display: flex; } .banner-item { height: 100%; } .section-title { text-align:center; overflow: hidden; margin-bottom: 20px} .section-title span {font-family: 'tomsnewroman', serif;text-align: center; font-size: 1.4rem; line-height: 60px;display: inline-block;margin:auto; padding-left: 70px; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; position: relative;} .section-title span:before{content:''; height:1px; background: #e8e8e8;width: 3000px;position: absolute;left: -3020px;top: 30px} .section-title span:after {content:'';height:1px; background: #e8e8e8;width: 3000px;position: absolute;right: -3020px;top: 30px} .book-title span {background-image:url(images/global/books-icon.png); } .art-title span {background-image:url(images/global/art-icon.png); } .blog-title span {background-image:url(images/global/blog-icon.png); } .blogWrap { padding:40px 0 } span.wp-block-button__link { display:inline-block;margin-top:10px } span.wp-block-button__link a { color:white; text-decoration:none; } /* ---------------------------------------------------------------------------------------------------------- NATIVE BLOCKS-------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .wp-block-image figcaption {line-height: 1.2em;margin-top: 10px;font-size: 1.1rem;color:#666; margin-bottom: 0} .wp-block-button__link { transition: .5s all; padding: 10px 30px; position: relative;font-weight: bold} .wp-block-button__link:hover { text-decoration:none;padding:10px 35px} .wp-block-separator { border-color: var(--green);opacity: 1; border-width: 4px;} .wp-block-separator.is-style-leftaligned { margin-left: 0;} .has-background .wp-block-separator { border-color: var(--white);} .wp-block-latest-posts__list { padding: 0; margin:0;display: flex; align-items: stretch; } .wp-block-latest-posts__list li { background:#fff; margin-right: 2%; } .wp-block-latest-posts__list li:nth-child(3n + 3) { margin-right: 0; } .wp-block-columns { margin-bottom: 0; } .wp-block-group.has-background { padding:0 } .is-style-nogutter .wp-block-column:not(:first-child) { margin-left: 0; } .is-style-boxedcontent .wp-block-group__inner-container { box-shadow:0 0 12px #ccc; background:#fff; padding:0 5%; max-width:860px } .wp-block-quote {border: 0;font-family: 'Georgia',serif; font-size: 22px;line-height: 1.3em; padding-left: 80px;background: url(images/quote.svg) no-repeat top left; background-size: 50px;} .wp-block-cover-image .wp-block-cover__inner-container .wp-block-quote, .wp-block-cover .wp-block-cover__inner-container .wp-block-quote { background-image: url(images/quote-white.svg); } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-size: 15px; color:#ccc } .wp-block-cover h1:not(.has-text-color), .wp-block-cover h1 {width:100%} .wp-block-cover h1.wp-block-heading img { vertical-align:text-bottom;margin-right:10px } .wp-block-cover{ padding:0 } .wp-block-cover__inner-container { z-index:2 } .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {margin: 0 auto;width: 90%;display: flex;max-width: 1100px;justify-content: flex-end;} .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container {margin: 0 auto ;width: 90%;display: flex;max-width: 1100px;justify-content: flex-start;} .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container { justify-content:flex-start; flex-wrap:wrap } .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-center .wp-block-cover__inner-container { justify-content:center } .wp-block-column:not(:first-child) { } .wp-block-column.has-background { padding:30px } .wp-block-media-text.has-green-background-color .wp-block-separator { border-color: white; } .wp-block-media-text .wp-block-media-text__content { } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-left:0 } .wp-block-media-text.is-style-roundedimage img { border-radius:12px } .wp-block-media-text__media { position:relative;overflow-y: clip;border-radius:12px } .wp-block-media-text .wp-block-media-text__content { z-index:2 } .wp-block-group.is-style-cornerimage { background-image:url(images/global/details/bee-flowers.png); background-repeat:no-repeat;background-size:20%;background-position:bottom right } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-bottom:0 } :root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) { border-radius:12px } .block-upsellproduct { background:var(--lightlightgreen); border-radius:12px;padding:20px; display:flex;flex-wrap:wrap;align-items:stretch; } .upsell-image { background-size:cover; background-position:center;border-radius:12px; width:250px; box-sizing:border-box; } .upsell-content {box-sizing: border-box;width:calc(100% - 250px); padding: 20px 0 20px 40px} .upsell-content .wp-block-button__link {background:var(--darkgreen); color:var(--white); border-radius: 6px} .upsell-content h3 { margin-bottom:15px } .upsell-price {text-align: right} .upsell-price p { font-size:20px; color:var(--pink); padding-top: 10px} .continue-checkout { margin-top:30px; margin-bottom:50px; text-align: right} .continue-checkout a { padding:15px 30px;background:var(--darkgreen);border-radius:6px;color:#fff } .woocommerce-checkout-review-order-table .product-quantity { display:none!important } button[name="apply_coupon"] {background: var(--darkgreen);border: 0;border-radius: 2px;padding: 6px 20px;color: white;} .woocommerce-cart table.cart td.actions .coupon .input-text { width:120px } .optin-box .optional { display:none } .upsell-overlay {transition:.5s all;position: fixed;z-index: 500;top:0; left:0;width:100%; height:100%;background: rgba(0,0,0,0.5);display: none;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;} .upsell-overlay.active { display:flex; } .upsell-popup {width: 900px; background: white; padding:40px; border-radius: 10px; max-height: 90%; overflow: scroll;} .popup-upsellproduct {display: flex; flex-wrap: wrap;align-items: stretch;} .popup-content {width:65%; margin-left: 5%} .popup-image {width:30%;background-size: cover; background-position: center; border-radius: 8px} .popup-content h2 { margin-bottom:15px } .popup-content h3 { margin-bottom:15px; color:var(--darkgreen) } .popup-description { padding:30px 0 } .popup-cta { margin-top:20px } .popup-button a {background:var(--lightgreen); color:var(--darkgreen); border-radius: 6px} .popup-price {text-align: right;font-size: 1.2em;padding-top: 8px;color: var(--pink);font-weight: bold;} .popup-continue-checkout { font-size:.9rem; padding-top:10px } .close-popup { position:absolute;top:30px; right:40px;color:red; text-decoration:none;z-index:300 } /* ---------------------------------------------------------------------------------------------------------- WOOCOMMERCE -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /*** hide the debit radio button **/ .wc_payment_method.payment_method_ppcp-credit-card-gateway { display:none!important} .woocommerce-page ul.products li.product, .woocommerce ul.products li.product { border-radius:12px 12px 0 0; box-sizing:border-box; text-align:center; } .woocommerce-page ul.products li.product img, .woocommerce ul.products li.product img {border-radius: 12px 12px 0 0} .woocommerce-page ul.products li.product.product-category {} .woocommerce ul.products li.product:after {content:''; left:-1px;top:auto;bottom:-39px;width:calc(100% + 2px); height:40px;background-size:auto 100%;background-repeat:repeat-x;position: absolute;} .woocommerce ul.products li.product:nth-child(1), .woocommerce ul.products li.product:nth-child(1n + 3), .woocommerce-page ul.products li.product:nth-child(1n + 3) { background-color:var(--lightlightgreen); border:solid 2px var(--lightlightgreen) } .woocommerce ul.products li.product:nth-child(2), .woocommerce ul.products li.product:nth-child(2n + 3), .woocommerce-page ul.products li.product:nth-child(2n + 3) { background-color:var(--lightdarkgreen);border:solid 2px var(--lightdarkgreen) } .woocommerce ul.products li.product:nth-child(3), .woocommerce ul.products li.product:nth-child(3n + 3), .woocommerce-page ul.products li.product:nth-child(3n + 3) { background-color:var(--lightblue); border:solid 2px var(--lightblue) } .woocommerce ul.products li.product:nth-child(1):after, .woocommerce ul.products li.product:nth-child(1n + 3):after, .woocommerce-page ul.products li.product:nth-child(1n + 3):after {background-image:url(images/global/bottom-lightgreen-tear.svg)} .woocommerce ul.products li.product:nth-child(2):after, .woocommerce ul.products li.product:nth-child(2n + 3):after, .woocommerce-page ul.products li.product:nth-child(2n + 3):after {background-image:url(images/global/bottom-darkgreen-tear.svg)} .woocommerce ul.products li.product:nth-child(3):after, .woocommerce ul.products li.product:nth-child(3n + 3):after, .woocommerce-page ul.products li.product:nth-child(3n + 3):after { background-image:url(images/global/bottom-blue-tear.svg) } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:1.4rem;line-height: 1.4rem; text-align:center;padding:10px 20px 0px 20px } .woocommerce ul.products li.product .woocommerce-loop-category__title { padding:0 20px 10px 20px } .woocommerce ul.products li.product .woocommerce-loop-category__title .count, .woocommerce ul.products li.product .woocommerce-loop-product__title .count, .woocommerce ul.products li.product h3 .count { display:none } .woocommerce-products-header__title.page-title {margin-bottom: 30px} .woocommerce ul.products li.product .button {display: inline-block;margin-top: 0;margin-bottom:10px;background: var(--darkgreen);color: var(--white);border-radius: 6px;padding: 15px 35px} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background:var(--darkgreen); color:var(--white) } .products-wrap {border-top:solid 1px #e8e8e8; background: #fbffec; padding: 30px 0 60px 0} .shop-wrap {padding-top: 60px} .woocommerce .woocommerce-result-count { margin:10px 0 0 0; font-size:12px } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { font-size:1.1rem; font-weight:bold; color:var(--pink); margin-bottom:3px; } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a { display:inline-block;color:var(--lightgreen) } .woocommerce .woocommerce-breadcrumb { padding:20px 0 } body.single-product .product-wrap {padding-bottom: 60px} .tabs.wc-tabs {display: none!important} .related-wrap { background: #fbffec;padding:60px 0; border-top:solid 1px var(--lightlightgreen)} .related h2, .related-products-title { padding-bottom:30px; text-align:center; } .upsells h2 {padding-bottom:30px; text-align:center;margin-top:30px} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock { border:solid 1px var(--wc-red); padding:5px; text-align:center; } .woocommerce div.product form.cart .variations { margin:1em 0 } .woocommerce div.product div.images img {border-radius: 12px; border:solid 1px var(--lightgreen)} .woocommerce div.product div.images .flex-control-thumbs { padding-top:10px } .woocommerce div.product div.images .flex-control-thumbs li { width:23.5%; margin-right:2% } .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n + 4) { margin-right:0 } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .woocommerce ul.products li.product .price { color:var(--pink) } table.variations th { background:transparent;padding:10px } .product_meta { font-size:12px; color:#999999; } .woocommerce div.product form.cart .button { padding:14px 30px; background-color:var(--lightgreen);} .woocommerce div.product form.cart .button:hover { background-color:var(--darkgreen) } .woocommerce-cart table.cart .product-quantity { display:none!important} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {background-color:#ccc} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { text-decoration:none;background:var(--darkgreen); border-radius:6px; color:white } .woocommerce form .form-row label {line-height: 1.3;padding-bottom: 10px;padding-top: 10px;} #order_review_heading { margin:30px 0 10px 0 } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {background:var(--darkgreen); border-radius:6px; color:white; padding:10px 20px; border:0; text-transform: uppercase;} .woocommerce-order {margin-top: 40px;padding: 30px;border: solid 1px #999;border-radius: 10px;background: #fafafa;} /***** SIDE WIDGETS *****/ .side-widget .woocommerce ul.products li.product { background-color:var(--white)!important; width:100%; margin:0 0 5px 0; border:solid 1px var(--lightgreen);border-radius: 6px; transition: background-color .5s } .side-widget .woocommerce ul.products li.product:hover { background-color:var(--lightpink)!important } .side-widget .woocommerce ul.products li.product a img { width:42px; border-radius:3px 0 0 3px;border: solid 1px var(--lightgreen); position:absolute;left:-1px;top:-1px } .side-widget .woocommerce ul.products li.product .woocommerce-loop-category__title {text-align: left;padding: 9px 10px 9px 50px;font-size: 16px;font-weight: 300} .side-widget .woocommerce ul.products li.product:after { display:none; } .search-widget {margin-bottom: 20px; background:var(--darkgreen); border-radius: 6px; padding:3px;} .search-widget input { margin:0 } .search-widget input[type="submit"] {width:40px; position: absolute;top:0; right:0; height:100%;border-radius: 0 3px 3px 0; text-indent: -9999px; z-index: 10;background:url(images/global/search-white.svg) no-repeat center var(--darkgreen); background-size: 25px} .menu-widget { padding-top:5px } /* ---------------------------------------------------------------------------------------------------------- BOOKING AREA-------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .booking-selections-wrap {border:solid 1px #e8e8e8; border-radius: 10px; margin-bottom: 10px} .booking-selections-title {padding:10px 20px;font-weight: bold; margin:0;} .booking-selections { padding:20px 20px 10px 20px;display:none;border-top: solid 1px #e8e8e8; } .booking-selections.active { display:block } .booking-selection-selection {display: flex;flex-wrap: wrap; align-content: center;align-items: center;margin-bottom: 10px} .booking-selection-selection label {display: inline-block;width: 40%;color: black; line-height: 1.2em; margin:0} .booking-selection-selection input {display: inline-block;width: 60%;border-radius: 60px;padding: 10px; margin:0} .booking-selection-selection select {display: inline-block;width: 60%;border-radius: 60px;padding: 10px; margin:0} .booking-selections-cart {border:solid 1px #e8e8e8; border-radius: 10px; margin-bottom: 10px} .booking-selections-cart .booking-selections-title { text-align:center; } .booking-cart-items {padding:20px 20px 10px 20px;border-top: solid 1px #e8e8e8;font-size: 14px} .booking-cart-item {display: flex;flex-wrap: wrap;align-items: stretch;} .booking-cart-item-title {width:50%; line-height: 1.2em; margin-bottom: 10px} .booking-cart-item-qty { width:25%; text-align:center; } .booking-cart-item-price { width:25%; text-align:center;font-weight:bold } .booking-cart-item-item {font-weight: bold; text-align: right; display: block;width:50%} #cart-item-date {padding: 5px 0;border-top: solid 1px #e8e8e8;margin: 10px 0;border-bottom: solid 1px #e8e8e8;} .booking-cart-notes {font-size: 12px;line-height: 1.3em;padding: 0 20px 20px 20px;color: #666;} .booking-cart-total {padding: 0px 20px 20px 20px;text-align: center;font-weight: bolder} .woocommerce div.product.booking-product form.cart .button {width: 100%;border-radius: 6px;padding: 17px; } .customNavBtns { width:100%; position: absolute;top:15px;left:0; z-index: 100; padding:0 20px} .customNavBtn {cursor:pointer;display: block;width:30px; height: 30px;background-position: center;background-repeat: no-repeat;background-size: 100%;text-align: left; text-indent: -9999px; overflow: hidden;} .customPrevBtn {background-image: url(images/global/left-slider-button.svg); float: left} .customNextBtn {background-image: url(images/global/right-slider-button.svg); float: right;} .calendar-table {border:0;} .calendar-header {background:transparent;color:black; border:0;font-weight: 300; font-size: 14px} .calendar-table td { text-align:center; border:solid 2px white; font-size: 14px;width:14.285%; padding:5px!important; border-radius: 10px} .calendar-table td.available { background:var(--lightlightgreen); cursor:pointer; } .calendar-table td.unavailable { background:#e9e9e9; cursor:not-allowed; } .booking-available-times { min-height:200px;} .booking-available-times-wrap {display:flex;align-items:stretch;flex-wrap:wrap } .preloader { position:absolute;background:url(images/global/spinner.gif) no-repeat center white;left:0; top:0; width:100%;height:100% } .time-selection-option {background:var(--lightlightgreen); border-radius: 6px;width:23.5%; margin-right: 2%;text-align: center;font-size: 13px;padding: 10px 0;line-height: 1.2em;margin-bottom: 2%;} .time-selection-option:nth-child(4n + 4) { margin-right:0 } .time-selection-option.available-time { cursor:pointer; } .time-selection-option.available-time.selected {border:solid 1px var(--darkgreen);} .time-selection-option span { display: block;font-size: 10px;padding-top: 3px;color: #666;} .time-selection-option.unavailable-time { background:#ef4040 } .time-selection-option.no-stock-time { background:#fd8f67 } .next-step-link {font-weight: bold;color:var(--white);cursor:not-allowed;padding: 10px;display: block;background: #e8e8e8;border-radius: 6px;text-align: center;text-decoration: none;} .next-step-link.ready {background-color:var(--darkgreen);cursor: pointer;} .next-step-link:hover { text-decoration:none } .backtostep2 { display: block;padding: 0 0px 10px 20px; font-size: 14px} .clear-booking-cart {font-size: 14px;color: var(--darkgreen);font-weight: bold;} /* ---------------------------------------------------------------------------------------------------------- FOOTER-------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .newsletter-section { padding:20px 0; } #subscribe-form {display:flex; flex-wrap: wrap;} .newsletter-section input[type="email"] {width:70%; margin:0; padding:20px; border:0;border-radius: 12px 0 0 12px} .newsletter-section input[type="submit"] {width:30%; margin:0; background: var(--lightgreen); border:0;border-radius: 0 12px 12px 0; color:var(--white); font-weight: bold} .small { font-size:14px } .newsletter-section .small a { text-decoration:underline;color:var(--white) } .footer { padding:60px 0 0 0; background:var(--grey); color:var(--white)} .subscribe-text {line-height: 1.4rem} .foot-container {background:url(images/global/footer-flowers.png) no-repeat bottom right; background-size: 200px; padding-bottom: 60px} .footer a { text-decoration: none; color:var(--white) } .footer a:hover { text-decoration:underline; } .footer ul{padding:10px 0 0 0 ;margin: 0 ;list-style-type:none;text-align:left; } .footer ul li{line-height: 1.2em;margin-bottom: 0px;display:block;font-weight: 300;} .footer ul li a {color:var(--white); font-weight: bold;} .foot-contact { line-height:1.4rem; font-weight: 900} .foot-telephone {margin-top: 15px} .foot-social {text-align: right;padding-top: 10px} .foot-social svg {width:35px; height:35px} .foot-ants { position:absolute;width:100%; height:80px; top:-78px; left:0;background:url(images/global/ant-footer.svg) repeat-x bottom center;background-size:auto 100% } .copyright { text-align:center;color:#999; padding:40px 0 10px 0;font-size:14px; margin-top: 20px} .copyright a { color:#999 } /* ---------------------------------------------------------------------------------------------------------- 07 BREAKPOINTS -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1300px) { h1 { font-size:36px;} h2 { font-size:32px;} .slider-item .slider-item-left { width:40% } .slider-item .slider-item-right { width:60% } } @media screen and (max-width :1150px) { .mainLogo {position: relative;width:160px; height: 66px; margin:0} .header { } .headSearch-trigger {top:3px;right:40px} .headmenu { position: fixed;width:100%; height:100%; background-color: var(--lightgreen); top: 0; left: -101%;z-index: 998;text-align: left;padding: 50px; overflow: scroll;display: flex; align-items: center;} .headmenu ul li { display: block;font-size:22px } .headmenu ul li a { padding:10px; color:var(--white) } .headmenu ul li:last-child a {padding:10px; } .headmenu ul ul { position: relative;width:100%; border:0; display: none;text-align: left;margin-bottom: 10px;background:none; margin-left:10px} .headmenu ul ul li { display:block; } .headmenu ul ul li a {padding:10px;background:none; border:none} .headmenu ul ul li:last-child a {border:0;background:none; color:var(--white)} .headmenu ul#menu-main-menu > li:last-child { float: none; } .headmenu ul > li:last-child {margin-left: 0px; } .menu-main-menu-container { width:100% } .menuToggle { display: block; } .closeMenu { display: block} .menuCart { right:40px; top:23px } } @media screen and (max-width :1100px) { .booking-product-description { width:100%; margin-right:0; margin-bottom:30px } .booking-product-selection-wrapper, .booking-product-cart-wrapper { width:49% } } @media screen and (max-width :1000px) { .slider-item { display:flex;flex-wrap:wrap;padding:0; min-height: auto} .slider-item .container { order:2 } .slider-item .slider-item-left { width:100%;padding:30px 0 60px 0 } .slider-item .slider-item-right { width:100%;order:1; position:relative;padding-top:60% } .slider-item .slider-item-right:before {background: none} .cover-curve-mob { display:block!important;position:absolute;bottom:-2px;left:0;width:100% } .slider-flowers {margin-left: 0;left:auto; right:5%;width:25%} .static .mainLogo { position: relative; } .wp-block-quote {font-size: 1.2rem;padding-left: 0; padding-top: 40px;background-size: 40px;} .upsell-popup {width: 90%;padding:30px;} } @media screen and (max-width :900px) { h1 { font-size:32px;} h2 { font-size:24px;} h3 { font-size:22px; } h4 { font-size:22px; } } @media screen and (max-width:860px) { .is-style-responsiveheight { max-height:50px } } @media screen and (max-width :780px) { .is-style-mobhide { display:none!important } } @media screen and (max-width :767px) { [class*='grid_']:not(.fixgrid) { width:100%; margin-right:0; } h1 { font-size:26px;} h2 { font-size:24px;} h3 { font-size:22px; } h4 { font-size:20px; } .closeMenu { font-size:12px; } .menuLinks ul { text-align:left;width:100%;margin-top:5px; } .menuLinks ul li:nth-child(2) a { font-size:16px; } .menuSocial { text-align: center } .mainNav ul { width:100%} .mainNav ul li a { font-size: 16px; } .mainNav ul > li.menu-item-has-children > a.active { background-image: url(images/global/chevron-down.svg); } .mainNav ul ul { position: relative;right:auto; top:auto;height:auto;padding-bottom: 20px; padding-left: 30px;} .tombstone-container { display: flex;flex-wrap: wrap; } .has-large-font-size {font-size: 2.25rem !important;} .has-medium-font-size { font-size:1.3rem!important } .wp-block-columns {display: block;padding:1px 0 } .wp-block-column { margin-left:0!important; margin-right:0!important } .wp-block-media-text .wp-block-media-text__content { padding:0 8% } .wp-block-media-text .wp-block-media-text__media:before { right:-200px } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media:before { left:-200px } .section-title span {font-size: 1.3rem; line-height: 40px;padding-left: 50px; } .upsell-image {width: 100%; padding-top: 60%;margin-bottom: 20px} .upsell-content { width:100%; padding:20px} .upsell-cta { display:flex;flex-wrap:wrap; } .upsell-button { order:2; text-align: center;} .upsell-price {order:1; text-align: center;} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:20px} .has-large-font-size {font-size: 24px !important;} .blog-item {width: 49%;} .blog-item:nth-child(even) { margin-right:0 } .popup-content {width:100%; margin-left:0} .popup-image {width:100%;padding-top: 50%} .popup-description { padding:20px 0 } .popup-price { text-align:center; } .popup-cta a { width:100% } .close-popup { top:20px; right:20px; } .popup-continue-checkout { text-align:center; } .newsletter-section h3 { padding-bottom:20px } .footer ul{ } .footer ul li{display: block;margin: 5px 0} .foot-social { text-align:center; } .foot-container { padding-bottom:90px; background-size:120px } .copyright { padding-top:20px; margin-top:0; } } @media screen and (max-width :600px) { body { font-size: 16px; } h1 { font-size:24px;} h2 { font-size:22px;} h3 { font-size:20px; } h4 { font-size:20px; } h5 { font-size:18px; } .has-large-font-size { font-size: 1.2em; } .faq-item h2 { font-size:18px } .blog-item {width: 100%;margin-right: 0} .time-selection-option { font-size:12px } .newsletter-section input[type="email"] {width:100%; border-radius: 12px 12px 0 0} .newsletter-section input[type="submit"] {width:100%; border-radius: 0 0 12px 12px;padding:15px 10px } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:16px; line-height: 1.1em; padding-left: 10px; padding-right: 10px} .woocommerce ul.products li.product .button { font-size:14px; width:95%; padding-left:0; padding-right:0 } .continue-checkout {text-align: center;} .continue-checkout a { width:100%; display:block } } @media screen and (max-width :500px) { body { font-size: 15px;line-height: 1.6em; } .mainLogo { font-size:1.6rem } .has-large-font-size {font-size: 1.55rem !important;} .has-medium-font-size { font-size:1.2rem!important } } /**********AOS **********/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width: 10px;height: 10px;border-radius: 50%;margin: 3px;display: inline-block; background:var(--blue);border:solid 1px var(--light-blue);} .owl-carousel button.owl-dot.active {background-color:#fff;} .owl-dots { width:100%; text-align:center; } .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}