/* Theme Name: Caddyshackers Theme URI: caddyshackers.co.uk Author: Arch Author URI: archcreative.co.uk Description: Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: */ *:focus, *:active { outline:none; } /* MGRID */ .m-container-1200,.m-container-1400,.m-container-1600,.m-container-1920,.m-container-768{width:100%;margin:0 auto}*{box-sizing:border-box}.m-container-1920{max-width:1920px}.m-container-1600{max-width:1600px}.m-container-1400{max-width:1400px}.m-container-1200{max-width:1200px}.m-container-768{max-width:768px}.m-section,.m-section-15{padding-top:15px;padding-bottom:15px}.m-inner-section,.m-inner-section-15{padding-left:15px;padding-right:15px}.m-section-30{padding-top:30px;padding-bottom:30px}.m-inner-section-30{padding-left:30px;padding-right:30px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.m-grid{display:flex;flex-wrap:wrap;margin-bottom:0}.m-grid-gap-5>div{padding:2px 2px 3px 3px}.m-grid-gap-10>div{padding:5px}.m-grid-gap-15>div{padding:7px 7px 8px 8px}.m-grid-gap-20>div{padding:10px}.m-grid-gap-25>div{padding:12px 12px 13px 14px}.m-grid-gap-30>div{padding:15px}.m-xl-1{width:8.33333333333%}.m-xl-2{width:16.6666666667%}.m-xl-3{width:25%}.m-xl-4{width:33.3333333333%}.m-xl-5{width:41.6666666667%}.m-xl-6{width:50%}.m-xl-7{width:58.3333333333%}.m-xl-8{width:66.6666666667%}.m-xl-9{width:75%}.m-xl-10{width:83.3333333333%}.m-xl-11{width:91.6666666667%}.m-xl-12{width:100%}@media screen and (max-width:990px){.m-xl-1,.m-xl-10,.m-xl-11,.m-xl-12,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9{width:100%}.m-lg-1{width:8.33333333333%}.m-lg-2{width:16.6666666667%}.m-lg-3{width:25%}.m-lg-4{width:33.3333333333%}.m-lg-5{width:41.6666666667%}.m-lg-6{width:50%}.m-lg-7{width:58.3333333333%}.m-lg-8{width:66.6666666667%}.m-lg-9{width:75%}.m-lg-10{width:83.3333333333%}.m-lg-11{width:91.6666666667%}.m-lg-12{width:100%}}@media screen (max-width:768px){.m-lg-1,.m-lg-10,.m-lg-11,.m-lg-12,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9{width:100%}.m-md-1{width:8.33333333333%}.m-md-2{width:16.6666666667%}.m-md-3{width:25%}.m-md-4{width:33.3333333333%}.m-md-5{width:41.6666666667%}.m-md-6{width:50%}.m-md-7{width:58.3333333333%}.m-md-8{width:66.6666666667%}.m-md-9{width:75%}.m-md-10{width:83.3333333333%}.m-md-11{width:91.6666666667%}.m-md-12{width:100%}}@media screen and (max-width:560px){.m-md-1,.m-md-10,.m-md-11,.m-md-12,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9{width:100%}.m-sm-1{width:8.33333333333%}.m-sm-2{width:16.6666666667%}.m-sm-3{width:25%}.m-sm-4{width:33.3333333333%}.m-sm-5{width:41.6666666667%}.m-sm-6{width:50%}.m-sm-7{width:58.3333333333%}.m-sm-8{width:66.6666666667%}.m-sm-9{width:75%}.m-sm-10{width:83.3333333333%}.m-sm-11{width:91.6666666667%}.m-sm-12{width:100%}}@supports (display:grid){.m-grid{display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:15px}.m-grid-gap-5{grid-gap:5px}.m-grid-gap-10{grid-gap:10px}.m-grid-gap-15{grid-gap:15px}.m-grid-gap-20{grid-gap:20px}.m-grid-gap-25{grid-gap:25px}.m-grid-gap-30{grid-gap:30px}.m-grid-gap-10>div,.m-grid-gap-15>div,.m-grid-gap-20>div,.m-grid-gap-25>div,.m-grid-gap-30>div,.m-grid-gap-5>div{padding:0}.m-lg-1,.m-lg-10,.m-lg-11,.m-lg-12,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9,.m-md-1,.m-md-10,.m-md-11,.m-md-12,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9,.m-sm-1,.m-sm-10,.m-sm-11,.m-sm-12,.m-sm-2,.m-sm-3,.m-sm-4,.m-sm-5,.m-sm-6,.m-sm-7,.m-sm-8,.m-sm-9,.m-xl-1,.m-xl-10,.m-xl-11,.m-xl-12,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9{width:auto}.m-xl-0{display:none}.m-xl-1{grid-column-end:span 1}.m-xl-2{grid-column-end:span 2}.m-xl-3{grid-column-end:span 3}.m-xl-4{grid-column-end:span 4}.m-xl-5{grid-column-end:span 5}.m-xl-6{grid-column-end:span 6}.m-xl-7{grid-column-end:span 7}.m-xl-8{grid-column-end:span 8}.m-xl-9{grid-column-end:span 9}.m-xl-10{grid-column-end:span 10}.m-xl-11{grid-column-end:span 11}.m-xl-12{grid-column-end:span 12}@media(max-width:990px){.m-xl-1,.m-xl-10,.m-xl-11,.m-xl-12,.m-xl-2,.m-xl-3,.m-xl-4,.m-xl-5,.m-xl-6,.m-xl-7,.m-xl-8,.m-xl-9{grid-column-end:span 12}.m-lg-0{display:none}.m-lg-1{grid-column-end:span 1}.m-lg-2{grid-column-end:span 2}.m-lg-3{grid-column-end:span 3}.m-lg-4{grid-column-end:span 4}.m-lg-5{grid-column-end:span 5}.m-lg-6{grid-column-end:span 6}.m-lg-7{grid-column-end:span 7}.m-lg-8{grid-column-end:span 8}.m-lg-9{grid-column-end:span 9}.m-lg-10{grid-column-end:span 10}.m-lg-11{grid-column-end:span 11}.m-lg-12{grid-column-end:span 12}}@media(max-width:768px){.m-lg-1,.m-lg-10,.m-lg-11,.m-lg-12,.m-lg-2,.m-lg-3,.m-lg-4,.m-lg-5,.m-lg-6,.m-lg-7,.m-lg-8,.m-lg-9{grid-column-end:span 12}.m-md-0{display:none}.m-md-1{grid-column-end:span 1}.m-md-2{grid-column-end:span 2}.m-md-3{grid-column-end:span 3}.m-md-4{grid-column-end:span 4}.m-md-5{grid-column-end:span 5}.m-md-6{grid-column-end:span 6}.m-md-7{grid-column-end:span 7}.m-md-8{grid-column-end:span 8}.m-md-9{grid-column-end:span 9}.m-md-10{grid-column-end:span 10}.m-md-11{grid-column-end:span 11}.m-md-12{grid-column-end:span 12}}@media(max-width:560px){.m-md-1,.m-md-10,.m-md-11,.m-md-12,.m-md-2,.m-md-3,.m-md-4,.m-md-5,.m-md-6,.m-md-7,.m-md-8,.m-md-9{grid-column-end:span 12}.m-sm-0{display:none}.m-sm-1{grid-column-end:span 1}.m-sm-2{grid-column-end:span 2}.m-sm-3{grid-column-end:span 3}.m-sm-4{grid-column-end:span 4}.m-sm-5{grid-column-end:span 5}.m-sm-6{grid-column-end:span 6}.m-sm-7{grid-column-end:span 7}.m-sm-8{grid-column-end:span 8}.m-sm-9{grid-column-end:span 9}.m-sm-10{grid-column-end:span 10}.m-sm-11{grid-column-end:span 11}.m-sm-12{grid-column-end:span 12}}} /* ===== GENERAL ===== */ html,body { margin:0;padding:0;font-family: "museo-sans", sans-serif; } html { background:#000; } h1,h2,h3,h4,h5,h6 { font-family: "bebas-neue", sans-serif;font-weight:400; } h1,h2 { font-size:60px;color:#fff;margin:0; } h3 { font-size:90px; } h4 { font-size:32px;margin:0 0 5px; } h5 { font-size:25px;margin:0 0 0px; } p { font-size:18px;line-height:26px; } .text-white { color:#fff; } .text-white span { color:#feeb34; } .text-white p a { color:#feeb34;border-bottom:1px solid #feeb34;font-weight:bold; } p a { text-decoration: none; } p a:hover { color:#fff; } .text-green { color:#1aaca8; } .text-green span { color:#ffffff; } .text-yellow { color:#feeb34; } .text-shadow { text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.55); } .bg-green { background:#1aaca8; } .bg-black { background:#000000; } .bg-pink { background:#e21065; } .hideoverflow { overflow: hidden; } .pos-rel { position:relative; } .button, .btn.btn-primary.submit.ng-binding { border:none !important;text-transform:uppercase;text-decoration:none;background:#fff;padding:15px 50px;font-family:"bebas-neue", sans-serif;font-size:25px;text-align: center;letter-spacing:1px;display:inline-block;margin:30px auto;transform: rotate(-7deg);width:auto;max-width:100%; } .btn.btn-primary.submit.ng-binding { color:#e21065 !important;text-shadow: none !important;margin-top:60px; } .button.green { color:#1aaca8; } .button.green:hover { background:#1aaca8;color:#ffffff; } .button.pink { color:#e21065; } .button.pink:hover, .btn.btn-primary.submit.ng-binding:hover { background:#e21065 !important;color:#ffffff !important; } .button.pink.onpink:hover { background:#000 !important;color:#fff !important; } .button.yellow{ color:#000;background:#feeb34; } .button.yellow:hover { background:#ffffff; } .button.black{ color:#FFF;background:#000; } .button.black:hover { background:#ffffff;color:#000; } .button.package-button { transform: none;margin:0 0 12px;font-size:18px;min-width:100px; } ul { padding-left:20px;font-size:18px;line-height:26px; } /* ====== NAV ===== */ #nav { width:100%;position:fixed;top:0;left:0;z-index:10; } .nav-upper, .nav-lower { width:100%;background:#000000;position:relative; } #nav .logo { width:100%;max-width:180px;display:inline-block;margin:10px auto 0px;position:relative;z-index:3; } .logo img { width:100%; } #block-footer .logo.small { width:160px;display:block;margin-bottom:10px; } #scrollMenu { display:table;table-layout:fixed;width:100%;list-style: none;padding:0;margin:0 auto;max-width:600px; } #scrollMenu > li { display:table-cell;padding:10px 0;position:relative;z-index:3;display:inline-block;padding:10px 10px; } #scrollMenu a { margin-bottom:3px;border-bottom:2px solid #000;color:#fff;display:inline-block;padding:5px 0px 0px;text-decoration: none;font-weight: bold;text-transform: uppercase;font-size:18px;letter-spacing:1px;font-family: "bebas-neue", sans-serif; } #scrollMenu a:hover, #scrollMenu a.active { color:#feeb34;border-bottom:2px solid #feeb34; } #nav .green-sweep { background:#1aaca8;width:100%;height:100%;position:absolute;top:0;left:0; clip-path: polygon(0 0, 0 65%, 100% 35%, 100% 0); -webkit-clip-path: polygon(0 0, 0 65%, 100% 35%, 100% 0); z-index:2; } #nav .social-icons { position:absolute;top:15px;right:25px; } .social-icons .icon { width:22px;height:22px;display:inline-block;margin:0 5px; } .social-icons .icon.facebook { background:url("/wp-content/themes/arch_caddyshackers/img/icon-facebook.png") no-repeat center;background-size:cover;margin-left:0; } .social-icons .icon.facebook:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-facebook-hover.png") no-repeat center;background-size:cover;margin-left:0; } .social-icons .icon.twitter { background:url("/wp-content/themes/arch_caddyshackers/img/icon-twitter.png") no-repeat center;background-size:cover; } .social-icons .icon.twitter:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-twitter-hover.png") no-repeat center;background-size:cover; } .social-icons .icon.instagram { background:url("/wp-content/themes/arch_caddyshackers/img/icon-instagram.png") no-repeat center;background-size:cover; } .social-icons .icon.instagram:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-instagram-hover.png") no-repeat center;background-size:cover; } #block-footer .social-icons .icon { width:30px;height:30px;display:inline-block;margin:0 5px; } #block-footer .social-icons .icon.facebook { background:url("/wp-content/themes/arch_caddyshackers/img/icon-facebook-large.png") no-repeat center;background-size:cover;margin-left:0; } #block-footer .social-icons .icon.facebook:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-facebook-hover-large.png") no-repeat center;background-size:cover;margin-left:0; } #block-footer .social-icons .icon.twitter { background:url("/wp-content/themes/arch_caddyshackers/img/icon-twitter-large.png") no-repeat center;background-size:cover; } #block-footer .social-icons .icon.twitter:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-twitter-hover-large.png") no-repeat center;background-size:cover; } #block-footer .social-icons .icon.instagram { background:url("/wp-content/themes/arch_caddyshackers/img/icon-instagram-large.png") no-repeat center;background-size:cover; } #block-footer .social-icons .icon.instagram:hover { background:url("/wp-content/themes/arch_caddyshackers/img/icon-instagram-hover-large.png") no-repeat center;background-size:cover; } /* ===== BLOCKS ===== */ .block { width:100%;position:relative;display:block;} .parallax-window { height:100vh;max-height:800px;height:800px;background-size:cover;background-position: center center; } .block-content { width:100%;height:100%; } .block-background { width:100%;display:block; } .black-grad { opacity:0.6;background:rgba(0,0,0,1);background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); position:absolute;bottom:0;left:0;width:100%;height:75%;z-index:4; } .black-grad.top { bottom:auto;top:0;transform: rotate(180deg); } .block-content .logo { z-index:5;position: relative; } .blockimg { display:block; } .floating-text { margin:0;z-index:4;position:absolute;bottom:15%;width:100%;max-width:500px;left:30px; } .floating-text.text-right { right:30px;left:auto; } .static-prop { position:absolute;width:55%;bottom:0;left:30px;max-height:100%; } .static-prop img { width:100%; } .static-prop.right { left:auto;right:30px; } .static-prop.flip { transform:scaleX(-1); } .green-swish.top, .black-swish.top, .pink-swish.top { display:none; } .ball-roll img { display:none; } @supports(-webkit-clip-path: polygon(0 0, 0 100%, 100% 0)) or (clip-path: polygon(0 0, 0 100%, 100% 0)){ .green-swish.top { display:inline-block;background:#1aaca8;width:100%;height:80px;position:absolute;top:-79px;left:0; clip-path: polygon(0 0, 0 100%, 100% 100%); -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%); z-index:5; } .ball-roll img { display:inline-block; } } @supports(-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0)) or (clip-path: polygon(0 100%, 100% 100%, 100% 0)){ .black-swish.top { display:inline-block;background:#000000;width:100%;height:80px;position:absolute;top:-79px;left:0; clip-path: polygon(0 100%, 100% 100%, 100% 0); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0); z-index:5; } } @supports(-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%)) or (clip-path: polygon(0 0, 0 100%, 100% 100%)){ .pink-swish.top { display:inline-block;background:#e21065;width:100%;height:80px;position:absolute;top:-79px;left:0; clip-path: polygon(0 0, 0 100%, 100% 100%); -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%); z-index:5; } } .christmas-swish { display:inline-block;width:105%;height:85px;z-index:6;position:absolute;transform:rotate(3deg);top:-79px;left:0;background:url("/wp-content/themes/arch_caddyshackers/img/xmas/xmas5.png") repeat-x center center;background-size:contain; } @media(min-width:2000px){ .christmas-swish { transform:rotate(2deg); } } #intro-block .logo { width:100%;max-width:600px;display:inline-block;margin:60px 0 30px; } #intro-block .logo img { width:100%; } .scrollbox { position:absolute;bottom:0;left:0;display:inline-block;width:100%;text-align: center;padding-bottom:30px;z-index:5; } .star { position:absolute;z-index:5;right:100px;bottom:200px;background:url("/wp-content/themes/arch_caddyshackers/img/star.png") no-repeat center;background-size:contain;width:220px;height:220px;transform: rotate(25deg) scale(1.1); } .star h3 { font-size:48px; } #intro-text { background:#000; } .package-box { margin:0px 0 0px 0px;border:2px solid #feeb34;width: 100%;position:relative;border-bottom:none; } .package-box:last-child { border-bottom:2px solid #feeb34; } .package-box.popular { padding-top:55px; } .package-box ul { font-weight:bold; } .package-box .most-popular { position:absolute;top:0px;left:0px;height:40px;width:100%;background:#feeb34; } .package-box .most-popular > span { padding-top:3px;display:inline-block;color:#000;font-family: "bebas-neue", sans-serif;font-size:25px;position:relative;width:100%;text-align: center; } .package-cost { position:absolute;right:50px;top:15px;font-size:30px;font-family: "bebas-neue", sans-serif;letter-spacing: 1px; } .package-cost small { font-size:18px; } .package-toggle { font-weight:bold;display:inline-block;padding:0px 6px 3px;font-size:25px;position:absolute;top:15px;right:15px; } .package-title:hover { cursor:pointer;cursor:hand; } .package-content { display:none;padding:5px 15px; } .package-title { padding:15px;display:inline-block;width:100%;position:relative; } .package-box.open .package-title { background:#feeb34; } .package-box.open .package-title * { color:#000 !important; } #two-column { margin-top:60px; } #two-column p { font-family: "bebas-neue", sans-serif;color:#feeb34;font-size:28px;letter-spacing: 1px;margin:0 0 15px;line-height:28px; } .gallery-slider img { display:block;width:100%; } .slick-slider { margin:0; } .slick-slide > div { margin-bottom:-4px; } .slick-prev, .slick-next { width:29px;height:50px;opacity:0.7; } .slick-prev::before, .slick-next::before { content:''; } .slick-prev { background:url('/wp-content/themes/arch_caddyshackers/img/arrow-gallery.png') no-repeat center;background-size:contain;left:15px;z-index:4;transform: scaleX(-1) translateY(-25px); } .slick-next { background:url('/wp-content/themes/arch_caddyshackers/img/arrow-gallery.png') no-repeat center;background-size:contain;right:15px;z-index:4; } .slick-prev:hover, .slick-prev:focus, .slick-prev:active { background:url('/wp-content/themes/arch_caddyshackers/img/arrow-gallery.png') no-repeat center;background-size:contain;opacity:1; } .slick-next:hover, .slick-next:focus, .slick-next:active { background:url('/wp-content/themes/arch_caddyshackers/img/arrow-gallery.png') no-repeat center;background-size:contain;opacity:1; } .slick-slide img { width:100%; } .map-holder { height:800px;position:relative; } #map { width:100%;height:100%;display:inline-block; } #block-footer { positon:relative;z-index:5; } #block-footer .logo { width:100%;max-width:250px;display:inline-block; } #block-footer h4 { font-size:50px;margin:30px 0 15px;position:relative; } #block-footer h4::after { content:' ';width:170px;height:15px;background:#fff;position:absolute;bottom:-30px;left:0; } .email-link { font-family:"bebas-neue", sans-serif;font-size:20px;text-decoration: none;border-bottom:2px solid #feeb34;display:inline-block;margin-left:35px;position:relative; } .email-link::after { position:absolute;left:-35px;content:' ';width:25px;height:25px;background:url('/wp-content/themes/arch_caddyshackers/img/icon-email.png') no-repeat center center;background-size:25px 25px; } #top-spacer { width:100%;height:100px; } .festivelink { background:#27aca7;color:#fff !important;position:relative;top:35px; } .festivelink:hover { color:#27aca7 !important;background:#fff !important; } #tandcsholder, #festiveholder { display:none;background:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;top:0;left:0;z-index:50;text-align: center; } #tandcs, #festive { display:inline-block;width:90%;max-width:900px;margin:0 auto;height:100%;position:relative;top:-100%; } #tandcs.readable, #festive.readable { top:0%; } #tandcs .outer-tcs, #festive .outer-tcs { width:100%;background:#e50064;padding:10px; -webkit-clip-path: polygon(0 0, 0 90%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 90%, 100% 100%, 100% 0); z-index:2; } #tandcs .inner-tcs, #festive .inner-tcs { width:100%;background:#ffffff;padding:30px; -webkit-clip-path: polygon(0 0, 0 90%, 100% 100%, 100% 0); clip-path: polygon(0 0, 0 90%, 100% 100%, 100% 0); z-index:2; } #tandcscroll { height:100%;max-height:500px;overflow: scroll;text-align:left;padding-bottom:30%; } #gnome { width:100%;max-width:400px;height:auto;position:absolute;bottom:-200px;right:0; } .close-cross { width:30px;height:30px;background:url("/wp-content/themes/arch_caddyshackers/img/close-cross.png") no-repeat center;background-size:contain;position:absolute;top:15px;right:15px; } #simple-instagram-wrap { position:relative;z-index:4; } #simple-instagram-wrap .simple-instagram-list .simple-instagram-list-item { margin:0 !important; } .simple-instagram-list-item { max-height:0px !important;padding-top:25% !important;position:relative; } .simple-instagram-list-item > a { position:absolute;top:0;width:100%; } .xmaslist { font-size:32px;font-family: "bebas-neue", sans-serif;font-weight:400;list-style: none;padding:10px;margin:10px 0 0; } .xmaslist li { margin-bottom:15px;background:url("/wp-content/themes/arch_caddyshackers/img/xmas/snowflake.png") no-repeat left center;background-size:15px auto;padding-left:25px; } #block-xmas img { max-width:250px;width:100%; } .xmas-price { padding:0 15px;position:absolute;top:0;right:0;width:40%; } .xmas-package { padding-right:40%;position:relative; } .xmas-package h4 { font-size:50px; } .xmas-disclaimer { position:relative;top:-20px; } /* FAQs */ .faq-q { padding:5px 15px; } .faq-q p { margin:0;font-size:14px; } .faq-q.open { font-weight:bold; } .faq-q .package-toggle { top:2px; } .faq-a { padding:10px 15px; } .faq-a p { font-size:13px;line-height:20px;margin:0; } .package-box.faq { max-width:1000px; } .axelogo { width:100%;max-width:420px;margin-bottom:30px; } .section-links { color:#fff;font-family:"bebas-neue", sans-serif;padding:30px 0px 30px; } .section-links p { font-size:1.75rem; } .section-links p span { color:#fff;font-size:2.5rem; } .section-links a { padding:5px 10px;font-size:4rem;font-family:"bebas-neue", sans-serif;color:#fff;text-decoration:none;text-transform:uppercase;display:inline-block;font-weight:400; } .section-links a:hover { color:#feeb34; } /* ====== TABLET SIZE ======= */ @media(max-width:768px){ .parallax-window { max-height: 560px; } #intro-block .logo { padding:0 30px; } #floating-prop-1 { width:330px !important;top:-140px !important; } #floating-text-1 { bottom:100px !important; } h1, h2 { font-size:40px; } #floating-prop-2 { width:530px !important; } #floating-prop-9 { width:430px !important; } #floating-prop-3 { left:-120px !important;bottom:-300px !important; } #skele1 { width:350px !important; } #skele2 { width:320px !important; } #skele3 { width:290px !important; } #skele4 { width:260px !important; } #skele5 { width:230px !important; } .map-holder { height:560px; } .star { } #scrollMenu a { font-size:15px; } #nav .social-icons { top:-35px;right:15px;z-index:3; } #scrollMenu > li { padding:20px 5px 5px; } .text-shadow { text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); } #top-spacer { width:100%;height:105px; } .package-box { max-width:100%; } p { font-size:16px;line-height:22px; } .scrollimg { display:none; } .star h3 { font-size:40px; } .star { width:190px;height:190px;right:45%;bottom:160px; } .ball-roll { display:none; } .grown-up-footer { display:none !important; } .parallax-window { height:500px;max-height:500px; } .static-prop { width:65%;max-height:100%; } .section-links a { font-size:3rem; } } /* ====== MOBILE SIZE ======= */ @media(max-width:560px){ h1, h2 { font-size:28px; } .parallax-window { max-height: 350px; } .map-holder { height:420px; } #intro-block .button { margin:15px 0; } #floating-text-1 { width:100% !important;font-size:50px !important;padding:0 15px; } #floating-text-2 { width:100% !important;font-size:50px !important;padding:0 15px;bottom:120px !important;text-align:left; } #floating-text-3 { width:100% !important;font-size:50px !important;padding:0 15px;bottom:100px !important; } .nav-upper > div { text-align:left !important; } .nav-upper .logo { padding-left:15px; } #scrollMenu { padding:0 15px; } #floating-prop-2 { width:420px !important;bottom:-60px !important;right:-110px !important; } .text-shadow { text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7); } #top-spacer { width:100%;height:102px; } /*.package-cost { position:static;width:100%;text-align: right;display:inline-block; }*/ p { font-size:16px; } .star { width:140px;height:140px;right:50%;bottom:135px; } .star h3 { font-size:32px; } .opening-times { border-top:1px solid #fff !important;padding-top:30px !important; } #scrollMenu { border-top:15px solid #000; } #scrollMenu > li { padding:0px 0 5px;width:30%;display:inline-block; } #nav .green-sweep { height:95px; } .section-links a { font-size:2rem;width:100%; } .section-links p { font-size:1.5rem; } } /* ========== ANIMATIONS ========== */ @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotatingreverse { from { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotatingreverse { from { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .rotating { -webkit-animation: rotating 12s linear infinite; -moz-animation: rotating 12s linear infinite; -ms-animation: rotating 12s linear infinite; -o-animation: rotating 12s linear infinite; animation: rotating 12s linear infinite; } .rolling { -webkit-animation: rotating 1s linear infinite; -moz-animation: rotating 1s linear infinite; -ms-animation: rotating 1s linear infinite; -o-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; } .rollingreverse { -webkit-animation: rotatingreverse 1s linear infinite; -moz-animation: rotatingreverse 1s linear infinite; -ms-animation: rotatingreverse 1s linear infinite; -o-animation: rotatingreverse 1s linear infinite; animation: rotatingreverse 1s linear infinite; } .animate-5 { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .animate-6, .animate { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .animate-7 { -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .animate-8{ -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .animate-9{ -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .animate-10 { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .animate-roll { -webkit-transition: all 3s ease-in-out; -moz-transition: all 3s linear; -o-transition: all 3s linear; transition: all 3s linear; } .plyr__control--overlaid, .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:#e21065 !important; } .plyr__progress input[type=range], .plyr__volume input[type=range] { color:#e21065 !important; } .prop img { width:100%; } #floating-prop-1 { position:absolute;top:-180px;left:0; } #floating-text-1 { position:absolute;width:460px;right:15px;bottom:150px;z-index:5; } #floating-prop-2 { position:absolute;bottom:-150px;right:0;width:660px;transform:rotate(-10deg) translateY(90%); } #floating-prop-2.animated { transform:rotate(0deg) translateY(0%); } #floating-text-2, #floating-text-kids { position:absolute;width:auto;left:15px;bottom:150px;z-index:5; } #floating-text-kids { max-width:560px;width:100%; } #floating-prop-3 { position:absolute;left:-150px;bottom:-400px;width:660px; } #floating-text-3 { position:absolute;width:460px;right:15px;bottom:150px;z-index:5; } #floating-prop-xmas { position:absolute;left:-20px;bottom:-1050px;width:900px; } #floating-prop-xmas.animated { bottom:-350px; } #floating-text-xmas { position:absolute;width:390px;right:30px;bottom:150px;z-index:5; } #floating-prop-9 { position:absolute;bottom:-150px;right:0;width:660px;transform:rotate(90deg) translateX(100%); } #floating-prop-9.animated { transform:rotate(0deg) translateX(0%); } #skele1 { position:absolute;bottom:0;left:0;width:500px;transform:rotate(90deg) translate(60%, 60%); } .animated #skele1 { transform:rotate(-10deg) translate(0%, 0%); } #skele2 { position:absolute;bottom:0;left:0;width:470px;transform:rotate(90deg) translate(60%, 60%); } .animated #skele2 { transform:rotate(5deg) translate(27%, -2%); } #skele3 { position:absolute;bottom:0;left:0;width:440px;transform:rotate(90deg) translate(60%, 60%); } .animated #skele3 { transform:rotate(20deg) translate(44%, -9%); } #skele4 { position:absolute;bottom:0;left:0;width:410px;transform:rotate(90deg) translate(60%, 60%); } .animated #skele4 { transform:rotate(35deg) translate(60%, -14%); } #skele5 { position:absolute;bottom:0;left:0;width:380px;transform:rotate(90deg) translate(60%, 60%); } .animated #skele5 { transform:rotate(50deg) translate(70%, -26%); } .ball-roll { width:200px;height:200px; } .ball-roll img { width:100%; } #ball-roll-1 { position:absolute;top:-290px;left:-100px;z-index:6;transform:translateX(-50%); } #ball-roll-1.rolled { left:calc(100% + 100px);top:-190px; } #ball-roll-2 { position:absolute;top:-290px;right:-100px;z-index:6;transform:translateX(50%); } #ball-roll-2.rolled { right:calc(100% + 100px);top:-190px; } #ball-roll-3 { position:absolute;top:-290px;left:-100px;z-index:6;transform:translateX(-50%); } #ball-roll-3.rolled { left:calc(100% + 100px);top:-190px; } #ball-roll-4 { position:absolute;top:-200px;left:30px;transform:translateX(0%);z-index:2; } #ball-roll-4.rolled { top:910px; } #ball-4-holder { position:relative;width:100%;height:0px;z-index:2; } #block-contact { position:relative;overflow:hidden; } #golf-flag { width:200px;position:absolute;bottom:-50px;z-index:3;left:30px;transform: rotate(120deg) translate(300px, -300px); } #golf-flag img { width:100%; } #golf-flag.rolled { transform: rotate(15deg) translate(100px, 0px); } body { overflow-x: hidden; } @media(max-width:1100px){ #golf-flag { display:none !important; } } @media(max-width:768px){ #ball-roll-4 { display:none !important; } } @media(max-width:560px){ #floating-prop-xmas.animated { bottom:-360px; } #floating-prop-xmas { width:700px; } .christmas-swish { transform: rotate(7deg);left:-7px; } } @media(max-width:500px){ h3 { font-size:60px; } } /* ====== FORM RESTYLING ===== */ .dmn-form { width:100% !important;box-sizing:border-box !important;border:none !important;padding:0px !important; } .dmn-form h1 { display:none !important; } .dmn-form input, .dmn-form select { width:100% !important; } .dmn-form label { text-transform: uppercase;font-weight:bold !important;font-size:14px !important; } .dmn-form button > span { color:#000; } .dmn-form input, .dmn-form input[type="text"], .dmn-form input[type="password"] { box-sizing: border-box !important; } .powered-by { display:none !important; } #desc-box { display:inline-block !important;width:100%;padding-top:10px; } #desc-box > .m-grid { display:grid; } #desc-box > .m-grid > div { display:inline-block; } #desc-box ul,#desc-box span { font-size:13px;color:#fff !important;margin:0 0 5px;line-height:18px; } #desc-box span { font-weight:bold;font-size:25px;margin-bottom:15px;display:inline-block; } /* ===== SIGN UP ===== */ .signup-popup { position:fixed;bottom:-378px;left:0;width:100%;background:#1aaca8;z-index:9998;padding:30px 15px 30px;color:#fff;text-align:center;box-shadow:0px 0px 20px rgba(0,0,0,0.2); -webkit-transition: bottom 0.4s ease-in-out; -moz-transition: bottom 0.4s ease-in-out; -o-transition: bottom 0.4s ease-in-out; transition: bottom 0.4s ease-in-out; } .signup-popup.active { bottom:0; } fieldset { border:none;padding:15px 0;margin:0; } .signup-popup fieldset label { margin-bottom:10px;display:inline-block; } .signup-popup input[type="email"] { width:100%; } .signup-popup select { width:33%; } .signup-popup form { width:100%;max-width:325px;margin:0 auto;display:inline-block; } .signup-popup input[type="email"] { -webkit-appearance: none;padding:5px 10px;border:none;border-radius:0; } .signup-popup input[type="checkbox"] { margin-right:10px; } .signup-popup select { -webkit-appearance: none;padding:5px 10px;border:none;border-radius:0; } .signupshow { position:absolute;top:-180px;left:15px;z-index:9999;width:150px;height:150px;text-align:center;padding:35px 0 0;transform: rotate(-25deg) scale(1); -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .signupshow:hover { cursor:pointer;cursor:hand;transform: rotate(-25deg) scale(1.1) } .signupshow h4 { font-size:38px; } @media(max-width: 560px){ .signupshow { transform:rotate(-25deg) scale(.6);top:-110px;left:-15px; } .signupshow:hover { transform: rotate(-25deg) scale(.7) } .scrollbox { bottom:-70px; } }