/* Theme Information */
/*
Theme Name: TT Basic
Theme URI: http://themetailor.co.za
Author: ThemeTailor
Author URI: http://themetailor.co.za
Description: Webanchor Boiler Plate Theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themetailor
Tags: editor-style
*/

:root { 
    --black: #121826; 
    --orange:  #f37021;
    --yellow:  #fff9e6;
    --lightgrey: #4D5562;
    --lightestgrey: #D9D9D9;
    --grey: #6C727F;
    --white: #FFFFFF;
    --darkgrey: #333333;
    --darkgrey2: #040711;
    --orangelight: #F9A75F;
    --bggrey:  #E6E7EB;
}

.alignfull {
   width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.alignwide {
   max-width: 1200px; width: 100%;
   margin: 0 auto;
}

/* Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; padding: 0; }
body { color: var(--black); font-family: Lato, Arial, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom:  32px; }
h1 { font-size: 54px; line-height: 64px; font-weight: 500; }
h2 { font-size: 48px; line-height: 65px; font-weight: 500; }
h3 { font-size: 40px; line-height: 40px; font-weight: 500; }
h4 { font-size: 32px; line-height: 42px; font-weight: 500; }
h5 { font-size: 25px; line-height: 34px; font-weight: 500; } 
h6 { font-size: 20px; line-height: 26px; font-weight: 500; }
img { width: 100%; max-width: 100%; height: auto; display: block; }
a, button { transition: all 0.3s ease }

input { outline: none; }

.page-content ul { margin: 0 0 20px 0; padding: 0;  }
.page-content ul li { margin: 0 0 10px 0; padding: 0; list-style: none; position: relative; padding-left: 30px; font-size: 16px; line-height: 26px; color: var(--darkgrey); }
.page-content ul li::before { content: "\f061"; position: absolute; left: 0; top: 14px; transform: translateY(-50%); font-size: 12px; color: var(--orange);  display: block; z-index: 9999; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-sharp-regular); }

/*
a img { display: block; transition: transform 0.6s ease;  }
a:hover img { transform: scale(1.05); }
*/


h2.site-title { /* background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jetclub.png') no-repeat; */background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jet-logo.png') no-repeat; background-size: 100%; width: 144px; text-indent: -9999px; margin-bottom: 0; height: 34px; }
h2.site-title a { display: block; /* height: 34px; line-height: 34px; */ height: 100%; }
header { width: 100%; margin: 0 auto; position: fixed; z-index: 999999; background: var(--white); }
.home header {  position: fixed; top: 0; }
header nav#mobi-navigation { display: none; }
header .container #search { background: url('img/search-b.svg') no-repeat center center;  margin-left: 10px; border: 1px solid var(--black); border-radius: 50px; width: 48px; height: 48px; color: var(--black); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; box-sizing: border-box; }
header .container #facebook { background: url('img/facebook-b.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--black); border-radius: 50px; width: 48px; height: 48px; color: var(--black); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; box-sizing: border-box; }
header .container #instagram { background: url('img/instagram-b.svg') no-repeat center center; margin-left: 10px; border: 1px solid var(--black); border-radius: 50px; width: 48px; height: 48px; color: var(--black); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; box-sizing: border-box; }
header .container #showmobi { margin-left: 10px; border: 1px solid var(--black); border-radius: 50px; width: 48px; height: 48px; color: var(--black); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; box-sizing: border-box; }
header .container #nav-btn a { display: block; text-decoration: none; border: 1px solid var(--black); border-radius: 50px; width: fit-content; padding: 0 20px; height: 48px; color: var(--black); line-height: 48px; text-align: center; cursor: pointer; font-size: 16px; box-sizing: border-box; }
header .container #facebook a, header .container #instagram a { color: var(--black); }
#mobi-navigation .alignfull { display: block; background: var(--white); padding-bottom: 80px; }

h1.homeh1 { font-size: 48px; line-height: 65px; font-weight: 500; font-family: "Playfair Display", serif; }

header.scroll { z-index: 9999; position: fixed; top: 0; background: rgba(46, 50, 60,.8); width: 100%; height: 80px; padding-bottom: 0; transition: all 0.3s ease }
header.scroll #site-navigation { display: none; }
header.scroll h2.site-title { background: url('img/logo-black.png') no-repeat; background-size: 100%; line-height: 1; margin: 2px 0 0; padding: 0; }
header .container .nav-top { display: flex; justify-content: space-between; position: relative; height: 80px; }
header .container .nav-top .site-branding { display: flex; align-items: center; }
header.scroll .container #search { background: url('img/search.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.scroll .container #facebook { background: url('img/facebook.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.scroll .container #instagram { background: url('img/instagram.svg') no-repeat center center; margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.scroll .container #showmobi { margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.scroll .container #nav-btn a { display: block; text-decoration: none; border: 1px solid var(--white); border-radius: 50px; width: fit-content; padding: 0 20px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 16px; }

header.meganavactive { z-index: 9999; position: fixed; top: 0; background: rgba(46, 50, 60,.8); width: 100%; height: 80px; padding-bottom: 0; transition: all 0.3s ease }
header.meganavactive #site-navigation { display: none; }
header.meganavactive h2.site-title { background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jet-logo.png') no-repeat; background-size: 100%; line-height: 1; margin: 0; padding: 0; }
header .container .nav-top { display: flex; justify-content: space-between; position: relative; height: 80px; }
header .container .nav-top .site-branding { display: flex; align-items: center; }
header.meganavactive .container #search { background: url('img/search.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.meganavactive .container #facebook { background: url('img/facebook.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.meganavactive .container #instagram { background: url('img/instagram.svg') no-repeat center center; margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.meganavactive .container #showmobi { margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
header.meganavactive .container #nav-btn a { display: block; text-decoration: none; border: 1px solid var(--white); border-radius: 50px; width: fit-content; padding: 0 20px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 16px; }

header.meganavactive { z-index: 9999; position: fixed; top: 0;  background: rgba(46, 50, 60,.8); width: 100%; height: 80px; padding-bottom: 0; }
header.meganavactive:not(.scroll) { background: rgba(46, 50, 60,.8); color: var(--white); }


.home h2.site-title { background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jet-logo.png') no-repeat; background-size: 100%; line-height: 1; margin: 16px 0 0; padding: 0; }
.home .container .nav-top { display: flex; justify-content: space-between; position: relative; height: 80px; align-self: end; }
.home .container .nav-top .site-branding { display: flex; align-items: center; }
.home .container .nav-top #search { background: url('img/search.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home .container .nav-top #facebook { background:  url('img/facebook.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home .container .nav-top #instagram { background:  url('img/instagram.svg') no-repeat center center; margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }

.home .container .nav-top #facebook a, 
.home .container .nav-top #instagram a { width: 48px; height: 48px; display: block; border-radius: 50px; }


.home .container .nav-top #showmobi { margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home .container .nav-top #nav-btn a { display: block; text-decoration: none; border: 1px solid var(--white); border-radius: 50px; width: fit-content; padding: 0 20px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 16px; }
.home .container .nav-top #search:hover { background: url('img/search.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home .container .nav-top #facebook:hover { background:  url('img/facebook.svg') no-repeat center center; margin-left: 10px;border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home .container .nav-top #instagram:hover { background:  url('img/instagram.svg') no-repeat center center; margin-left: 10px; border: 1px solid var(--white); border-radius: 50px; width: 48px; height: 48px; color: var(--white); line-height: 48px; text-align: center; cursor: pointer; font-size: 20px; }
.home nav#site-navigation ul li a { color: var(--white); }




.single #content .breadcrumbs { padding-bottom: 60px; }
.category #content { padding-top: 126px; }
.single #content { padding-top: 126px; }
.page-template-default #content { padding-top: 126px; }

.page-template #content { padding-top: 126px; }
.home.page-template-default #content { padding-top: 30px; }

.wp-block-image a { display: block!important; }

#mobinav > #nav-btn a:hover  { background: var(--orange); border: 1px solid var(--orange); color: var(--black); }
#mobinav > div#search:hover { background: var(--orange) url('img/search-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }
#mobinav > div#facebook:hover { background: var(--orange) url('img/facebook-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }
#mobinav > div#instagram:hover { background: var(--orange) url('img/instagram-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }
#mobinav > div#showmobi:hover { background: var(--orange); border: 1px solid var(--orange); color: var(--black); }

header.scroll #mobinav > div#search:hover { background: var(--orange) url('img/search-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }
header.scroll #mobinav > div#facebook:hover { background: var(--orange) url('img/facebook-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }
header.scroll #mobinav > div#instagram:hover { background: var(--orange) url('img/instagram-b.svg') no-repeat center center; border: 1px solid var(--orange); color: var(--black); }

.home header.scroll {  background: rgba(46, 50, 60,.8); }


header #mobinav { margin-top: 16px; }
header nav#mobi-navigation { background: #FFF; z-index: 999; padding: 0 0 0;  }

header #mobinav { display: flex; }
header #mobinav.active #showmobi { border-color: transparent; background: var(--orange); color: var(--white); }
header nav#mobi-navigation ul#primary-menu { list-style: none; margin: 0; padding: 0; width: 270px; padding-top: 60px; }
header nav#mobi-navigation ul#primary-menu > li { list-style: none; margin: 0; padding: 0;  width: 270px; }
header nav#mobi-navigation ul#primary-menu > li > a { text-decoration: none; text-transform: uppercase; color: var(--black); padding-left: 20px; }

header.scroll .container #mobinav > div a { color: var(--white); }
header.scroll .container #mobinav > div:hover  { color: var(--black); border: 1px solid transparent; }
header.scroll .container #mobinav > div:hover a { color: var(--black);  border: 1px solid transparent; }
/* header.scroll nav#mobi-navigation { top: 80px; } */


.home header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
.home header .container #mobinav > div a { color: var(--white); }
.home header .container #mobinav > div:hover  { color: var(--black); border: 1px solid transparent; }
.home header .container #mobinav > div:hover a { color: var(--black);  border: 1px solid transparent; }
.home header nav#mobi-navigation { top: 80px; position: absolute; }



video { width: 100vw; height: auto; position: absolute; overflow: hidden; }

#content { width: 100%; margin: 0 auto; }
.container { max-width: 1200px; width: 100%; margin:  0 auto; }

.content-area { border-bottom: 3px solid var(--orange); padding-bottom: 120px; margin-bottom: 32px; }

.wp-block-quote { margin: 0; border:  none; padding: 0; }

.wp-block-quote blockquote { position: relative; }
.wp-block-quote blockquote::before { content: ""; display: block; background: url('img/quote.png'); background-size: 100%; width: 62px; height: 48px; margin-bottom: 30px; }

.wp-block-quote figure { margin: 40px 0; border: none; padding: 30px 50px 30px 30px; }
.wp-block-quote p { font-family: "Playfair Display", serif; font-size: 20px; line-height: 26px; }
.wp-block-pullquote { border:  none; padding: 0; margin: 0; border-left-style: solid !important; border-left-width: 4px !important; }
.wp-block-pullquote cite { display: flex; align-items: center; text-transform: capitalize; font-size: 16px; }
.wp-block-pullquote cite img { margin: 0; padding: 0; margin-right: 10px; width: 48px!important; }


.featured-img { position: relative; max-height:60vh; overflow:hidden; height: 500px;  background-attachment: fixed; background-size: cover; background-position: top center; }
.featured-img img { margin: 0; padding: 0; display: block; }
.featured-img .caption { background: #FFF; width: fit-content; padding: 20px 30px 20px 20px; position: absolute; left: 10%; font-weight: normal; top: 25%; max-width: 500px; }
.featured-img .caption p { padding-bottom: 10px!important; margin-bottom: 0; max-width: 500px; }
.featured-img .caption h1 { margin-bottom: 15px; max-width: 400px; }
.featured-img .caption a { color: var(--black); }
.page-content a { color: inherit; }



nav#site-navigation {  }
nav#site-navigation ul { display: flex; list-style: none; margin: 0; padding: 0; justify-content: space-between; }
nav#site-navigation ul li { display: inline-block; position: relative; }
nav#site-navigation ul li a { color: var(--black); text-decoration: none; text-transform: uppercase; padding: 0; height: 46px; display: flex; align-items: center; }
nav#site-navigation ul li.current-menu-item > a, nav#site-navigation ul li a:hover, nav#site-navigation ul li.current-post-parent > a { border-bottom: 2px solid var(--orange); }
nav#site-navigation ul.sub-menu { display: none!important; }

ul.sub-categories { width: 100%; max-width: 1200px; margin: 80px auto; list-style: none; }
ul.sub-categories li { display: flex; margin-bottom: 80px;  }
ul.sub-categories li img { width: 66%; }
ul.sub-categories li .textbox { width: 34%; box-sizing: border-box; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; }
ul.sub-categories li:nth-child(odd) { flex-direction: row;  }
ul.sub-categories li:nth-child(even) { flex-direction: row-reverse; }
ul.sub-categories li h6 { color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 20px; }
ul.sub-categories li h3 a { color: var(--black); text-decoration: none; }



header nav#mobi-navigation ul li.menu-item-has-children > a::after { /* background: var(--orangelight); */ content: "\f107"; font: var(--fa-font-sharp-regular); font-size: 14px; position: absolute; right: 10px; top: 10px;  width: 26px; height: 26px; text-align: center; line-height: 26px; color:var(--black); }
header nav#mobi-navigation ul.sub-menu { padding: 0 0 10px 30px; display: none; width: 270px; box-sizing: border-box; list-style: none; margin: 0 0 10px 0; }
header nav#mobi-navigation ul.sub-menu li a { color: var(--black); text-decoration: none; margin: 5px 0; display: block; }
header nav#mobi-navigation ul.sub-menu li a:hover { opacity: .6; }
header nav#mobi-navigation ul.sub-menu ul.sub-menu { width: 100%; padding: 0 0 0 15px; margin: 0; font-size: 15px; }

header nav#mobi-navigation .latest-posts { list-style: none; margin: 0; padding: 0; width: 100%; }
header nav#mobi-navigation .latest-posts li:hover { box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
/* header nav#mobi-navigation .latest-posts li { margin-bottom: 10px; margin-right: 25px; } */
header nav#mobi-navigation .latest-posts li:last-child { margin-right: 0; }
header nav#mobi-navigation .latest-posts li span { padding: 0 10px; display: block; }
header nav#mobi-navigation .latest-posts li a { display: block; text-decoration: none; }
header nav#mobi-navigation .latest-posts li img { margin-bottom: 10px; }
header nav#mobi-navigation .latest-posts li a.cat { color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 22px; margin: 5px 0; }
header nav#mobi-navigation .latest-posts li a.heading { text-transform: none!important; color: var(--black); font-family: 'Playfair Display'; font-weight: 700; font-size: 16px; line-height: 1.3; letter-spacing: .5px; }
header nav#mobi-navigation .latest-posts li h6 { margin: 10px 0 7px; padding: 0; color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: ; }
header nav#mobi-navigation .latest-posts li h6 a {color: var(--orange);   }

#mobi-navigation #primary-menu > li {  }
#mobi-navigation #primary-menu > li { display: block;  }
#mobi-navigation #primary-menu > li > a { font-weight: 700; line-height: 26px; margin-bottom: 0; padding: 10px 0; display: block; width: 250px; position: relative; border-bottom: 2px solid transparent; }
#mobi-navigation #primary-menu > li.btn { margin-top: 30px; }
#mobi-navigation #primary-menu > li.btn > a { border-radius: 100px; min-width: 250px; border: 1px solid var(--black); color: var(--black); font-size: 16px; line-height: 44px; font-weight: 500; background: var(--white); box-sizing: border-box; height: 48px; padding: 0 25px; width: fit-content; margin: 0!important; text-align: center; cursor: pointer; position: relative; text-decoration: none; display: block; }
#mobi-navigation #primary-menu > li.current_page_item.btn > a,
#mobi-navigation #primary-menu > li.btn > a:hover { background: var(--orange); border: 2px solid var(--orange)!important; }
#mobi-navigation #primary-menu > li > a:hover, 
#mobi-navigation #primary-menu > li.current-menu-item > a { border-bottom: 2px solid var(--orange)!important; }
#mobi-navigation #primary-menu > li.current_page_item.btn > a { border: 1px solid var(--black); }

/* #mobi-navigation #primary-menu > li.menu-item-has-children > a:hover, 
#mobi-navigation #primary-menu > li.menu-item-has-children.current-menu-item > a { border-bottom: 2px solid transparent!important; } */
#mobi-navigation #primary-menu > li.menu-item-has-children.open { background: #e9e9e9; }

#mobi-navigation .container { display: flex; }



.subcontentbox { width: 910px; padding-left: 40px; position: relative; padding-top: 60px; }
.subcontentbox .subcontent ul.latest-posts { display: grid!important; grid-template-columns: repeat(4, 1fr)!important; gap: 20px; }
.subcontent h5 { text-transform: none; color: var(--black); opacity: 1; }






a.button { border-radius: 100px; min-width: 200px; border: 1px solid var(--black); background: var(--white); border: none; color: var(--black); font-size: 16px; line-height: 46px; font-weight: 500; box-sizing: border-box; height: 48px; padding: 0 60px 0 25px; width: fit-content; margin: 0!important; text-align: left; cursor: pointer; position: relative; text-decoration: none; display: block; }
a.button::after { font-weight: 900; content: "\f054"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 12px; color: var(--black);  display: block; z-index: 9999; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-sharp-regular); }
a.button:hover { background: var(--black); color: var(--white); }
a.button:hover::after { color: var(--white)!important; }

a.button.btn-black { background: var(--black); border: none; color: var(--white); }
a.button.btn-black::after { color: var(--white); }
a.button.btn-black:hover { background: var(--orange); color: var(--black); }
a.button.btn-black:hover::after { color: var(--black)!important; }

a.wp-block-button__link { position: relative; padding: 13px 50px 13px 20px; font-size: 16px; }
a.wp-block-button__link::after { content: "\f054"; position: absolute; line-height: 28px!important; font-weight: 900!important; font-size: 15px!important; top: auto; bottom: auto; right: 20px!important; color: var(--white);  display: block; z-index: 9999; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-sharp-regular); }
a.wp-block-button__link:hover { background: var(--orange)!important; color: var(--black)!important; }
a.wp-block-button__link:hover::after { color: var(--black)!important; }

.btn-block a.button { border:  1px solid var(--black); }

.ig-block { padding: 60px 0; background: #F3F4F6; }
.ig-block h6 { text-align: center; color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: 20px; }
.ig-block h3 { text-align: center; }
.ig-block h3 a { text-align: center; display: inline-block; text-decoration: none; color: var(--black); }
.ig-block .btn-block a.button { margin: 0 auto!important; background: transparent; }
.ig-block .btn-block a.button:hover { background: var(--orange); color: var(--black); }
.ig-block .btn-block a.button:hover::after { color: var(--black); }

.breadcrumbs { padding: 15px 0; color: var(--orange); font-size: 12px; line-height: 26px; font-weight: 400; }
.breadcrumbs span { color: var(--grey); padding: 0 15px; }
.breadcrumbs a { color: var(--grey); text-decoration: none; }
.breadcrumbs a:hover { color: var(--orange); }
.home .breadcrumbs { display: none; }
.category .breadcrumbs { margin-bottom: 20px; }

.entry-meta { display: flex; margin: 50px 0; }
.entry-meta .left-meta { width: 48px; margin-right: 20px; }
.entry-meta .left-meta span.initials { font-size: 20px; font-family: "Playfair Display", serif; text-align: center; line-height: 48px; background: var(--orange); display: block; border-radius: 50px; width: 48px; height: 48px; }
.entry-meta .right-meta span.author { display: block; font-size: 16px; line-height: 26px; }
.entry-meta .right-meta span.meta { display: block; font-size: 12px; line-height: 20px; }
.entry-meta .right-meta span.square { margin: 2px 5px; }c


.adbox { text-align: center; }
.adbox .desktop { text-align: center; padding-top: 30px; }
.adbox img { display: block; width: 970px; margin: 0 auto; max-width: 100%; }
.adbox .mobile { display: none; text-align: center; }


footer { background: var(--black); color: var(--white); padding-top: 32px; }
footer .site-info { border-top: 1px solid var(--lightgrey); font-size: 12px; line-height: 15px; padding: 15px 0; }

footer .footer-block { padding-bottom: 22px; }
footer .footer-block h3 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: 'Lato'; margin-bottom: 12px; }
footer .footer-block a { color: var(--white); text-decoration: none; margin: 0; }
footer .footer-block p { color: var(--white); text-decoration: none; margin: 0; line-height: 26px; margin-bottom: 12px; font-weight: 400; }
footer .footer-block ul  { list-style: none; margin: 0; padding: 0; }
footer .footer-block ul li { list-style: none; margin: 0 0 10px 0; padding: 0; }
footer .footer-block a:hover { color: var(--orange); }
footer #facebook { background:  url('img/facebook.svg') no-repeat center center; margin-left: 10px; width: 26px; height: 26px; color: var(--white); line-height: 26px; text-align: center; cursor: pointer; font-size: 20px; display: inline-block; }
footer .container #instagram { background:  url('img/instagram.svg') no-repeat center center; margin-left: 10px;  width: 26px; height: 26px; color: var(--white); line-height: 26px; text-align: center; cursor: pointer; font-size: 20px; display: inline-block; }
footer .container #facebook:hover { background:  url('img/facebook.png') no-repeat center center; background-size: 100%; }
footer .container #instagram:hover { background:  url('img/instagram.png') no-repeat center center; background-size: 100%;  }
#block-12 { line-height: 26px; display: flex; }
.footer-block { display: flex; flex-wrap: nowrap; gap: 20px; }
.footer-widget-area { flex: 1 1 25%; max-width: 25%; padding: 0; box-sizing: border-box; }


/* RELEATED ARTICLES */
h3.related-h3 { margin-bottom: 40px; }
.related {
    display: flex;
    gap: 20px;
    margin-top: 32px; margin-bottom: 120px;
}

.related-block {
    flex: 1;
    text-align: left;
    transition: transform 0.3s ease;
}
.related-block a { text-decoration: none; }

.related-block:hover {
    transform: translateY(-5px);
}

.related-img img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.related-category { padding-left: 15px;
    font-size: 16px; font-weight: 700; line-height: 20px;
    color: var(--orange); text-transform: uppercase;
    margin-bottom: 5px; text-decoration: none;
}

.related-title { padding-left: 15px; font-family: "Playfair Display", serif;
    font-weight: 500;
    color: var(--black); font-size: 20px; line-height: 26px;
}



.latest-magazine { display: flex; gap: 20px; margin: 120px 0 60px; }
.latest-magazine h6 { color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: 20px; }
.latest-magazine .mag-img { width: 330px; }
.latest-magazine .mag-img img { margin: 0; }
.latest-magazine .mag-txt { width: 340px; }
.latest-magazine .mag-form { width: 380px; padding-left: 40px; border-left: 1px solid var(--orange); margin-left: 40px; }


.mag-form {  }
.gform_wrapper input[type=email] { border: none; border-bottom: 1px solid var(--black); padding: 10px; width: 100%; display: block; }
.gform_wrapper textarea { border: none; border-bottom: 1px solid var(--black); padding: 10px; width: 100%; display: block; }
.gform_wrapper input[type=text] { border: none; border-bottom: 1px solid var(--black); padding: 10px; width: 100%; display: block; }
.gform_wrapper .ginput_container { margin-bottom: 20px; }
.gform_wrapper .gchoice_1_3_1 label { font-size: 12px!important; line-height: 20px; }
.gform_wrapper .gfield_description { margin: 0!important; padding: 0 8px!important; }

.gform_wrapper .gform_footer { padding: 0; margin: 20px 0 0 0; }
.gform_wrapper  .gform_footer input.gform_button {
  border-radius: 100px;
  border: 1px solid var(--black);
  color: var(--black);
  font-size: 16px;
  line-height: 46px;
  font-weight: 500;
  background: none;
  box-sizing: border-box;
  height: 48px;
  padding: 0 15px;
  width: 176px; margin: 0!important;
  text-align: left; cursor: pointer;
  position: relative; 
}

.gform_footer {
    position: relative;
    display: inline-block;
}

.gform_wrapper .gform_footer input.gform_button { position: relative; padding-right: 30px; background: url('img/right-angle.svg') no-repeat right 15px center; background-size: 12px; }
.gform_wrapper .gform_footer input.gform_button:hover { background: #000 url('img/right-angle-hover.svg') no-repeat right 15px center; color: white; background-size: 13px; }


/* Style the checkbox container */
.gform_wrapper .gchoice {
  position: relative;
  display: flex;
  align-items: start;
}

/* Style the checkbox itself */
.gform_wrapper .gchoice input[type="checkbox"] {
  appearance: none; /* Remove default checkbox style */
  -webkit-appearance: none; /* For Safari */
  width: 20px; /* Set custom width */
  height: 20px; /* Set custom height */
  border: 2px solid black; /* Black border */
  border-radius: 2px; /* Rounded corners */
  background-color: white;
  cursor: pointer;
  position: relative; display: block; margin: 0; padding: 0;
  margin-top: 3px!important;
}

/* Style the check mark when checked */
.gform_wrapper .gchoice input[type="checkbox"]:checked {
  color: black;
}

.gform_wrapper .gchoice input[type="checkbox"]:checked::after {
  content: "✓"; /* Check mark */
  position: absolute;
  top: 0; /* Adjust positioning */
  left: 2px;
  color: black;
  font-size: 14px;
  font-weight: bold;
}

.gform_wrapper .gchoice label { margin-left: 10px; cursor: pointer; font-size: 13px!important; }

.gform_wrapper .gform-field-label a { font-weight: 700; text-decoration: underline; color: var(--black); }

.orange-block { background: url('img/bg.jpg'); padding: 80px 0; margin-bottom: 80px; }
.orange-block .featured-post { display: flex; flex-direction: row; background: var(--white);  margin-bottom: 32px; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.orange-block .featured-post img { margin: 0; padding: 0; }
.orange-block .featured-post .text-box { padding: 32px 32px 0; }
.orange-block .boxes { display: flex; flex-direction: row; gap: 32px; }
.orange-block .boxes article { flex: 1; background: var(--white); position: relative; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.orange-block .boxes article .text-box { padding: 20px 20px 70px;  }
.orange-block .boxes article .button { position: absolute; bottom: 20px; left: 20px; }
.orange-block h6 { color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 15px; }

.orange-block2 { background: url('img/bg-2.jpg'); padding: 80px 0; margin-bottom: 80px; }
.orange-block2 .featured-post { display: grid; grid-template-columns: 2fr 1fr; background: var(--white);  margin-bottom: 32px; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.orange-block2 .featured-post img { margin: 0; padding: 0; }
.orange-block2 .featured-post .text-box { padding: 32px 32px; display: flex; flex-direction: column; justify-content: center; }
.orange-block2 .boxes { display: flex; flex-direction: row; gap: 32px; }
.orange-block2 .boxes article { flex: 1; background: var(--white); position: relative; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.orange-block2 .boxes article .text-box { padding: 20px 20px 70px;  }
.orange-block2 .boxes article .button { position: absolute; bottom: 20px; left: 20px; }
.orange-block2 h6 { color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 15px; }

.singleblock { padding: 80px 0; margin-bottom: 80px; }
.singleblock .featured-post { display: grid; grid-template-columns: 2fr 1fr; background: var(--white);  margin-bottom: 32px; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.singleblock .featured-post img { margin: 0; padding: 0; }
.singleblock .featured-post .text-box { padding: 32px 32px; display: flex; flex-direction: column; justify-content: center; }
.singleblock .boxes { display: flex; flex-direction: row; gap: 32px; }
.singleblock .boxes article { flex: 1; background: var(--white); position: relative; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.singleblock .boxes article .text-box { padding: 20px 20px 70px;  }
.singleblock .boxes article .button { position: absolute; bottom: 20px; left: 20px; }
.singleblock h6 { color: var(--orange); text-transform: uppercase; font-family: 'Lato'; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 15px; }



.wp-block-media-text { padding-bottom: 67px; }
.wp-block-media-text > .wp-block-media-text__content { padding: 0; }
.wp-block-media-text__content p, .wp-block-media-text__content h2, .wp-block-media-text__content h3, .wp-block-media-text__content h4, .wp-block-media-text__content h5, .wp-block-media-text__content h6  { margin-bottom: 20px; }

.wp-block-media-text > .wp-block-media-text__content { padding-left: 67px; }
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { padding-right: 67px; padding-left: 0; }



.benefits-block h6 { color: var(--orange); letter-spacing: 2px; text-align: center; text-transform: uppercase; font-family: 'Lato'; font-weight: 500; font-size: 20px; line-height: 20px; margin-bottom: 15px; }
.benefits-block h3 { text-align: center; }
.benefits-block a.text-link { display: block; color: var(--orange); font-weight: bold; text-align: center; text-decoration: none; }
.benefits-block a.text-link:hover { color: var(--grey); }

/* Benefit Slider Styles */
.benefits-block { margin-bottom: 70px; }
.benefit-slider { padding: 70px 0; margin-bottom: 40px; }
.benefit-item {  box-sizing: border-box; }
.benefit-item a { color: var(--darkgrey); text-decoration: none; overflow: hidden; display: block; }
.benefit-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease-in-out; }
.benefit-item img:hover { transform: scale(1.05); }
.benefit-item h4 { text-align: left; margin: 5px 0 0 0; font-size: 20px; line-height: 26px; }
.benefit-item p { font-size: 16px; line-height: 26px; text-align: left; margin: 0; }
.benefit-slider .slick-slide { outline: none; }
.benefit-slider .slick-slide:hover .overlay-text { display: block; padding: 15px; color:var(--white); }
.benefit-text { padding: 10px; z-index: 999; position: relative; background: var(--white); }

.slick-dots li button { border: 1px solid var(--darkgrey2)!important; border-radius: 100%!important; width: 5px!important; height: 5px!important; }
.slick-dots li button::before { content: ""!important; }
.slick-dots li.slick-active button { background: var(--darkgrey2); }


.page-template-template-benefits .benefits-block { padding-top: 50px; }
.benefit-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding-top: 50px;  position: relative; }
.benefit-list > .benefit-item  { box-sizing: border-box; padding: 0; margin-bottom: 40px; position: relative; z-index: 1; }
.benefit-list > .benefit-item:hover {  box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.1); }
.benefit-item .overlay-text { display: none; position: absolute; top: 100%; left: 0; width: 100%; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); color: var(--white); z-index: 100; box-sizing: border-box; top:0; height: 100%; opacity: .9; }
.benefit-item:hover { z-index: 101; display: block; }
.benefit-item .overlay-text a { padding: 20px; width: 100%; height: 100%; box-sizing: border-box; color: var(--white); }
.benefit-list > .benefit-item:hover .overlay-text { display: block; box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.1);  }

.benefit-slider .slick-slide { position: relative; margin: 0 10px 10px;  }


.benefit-slider .benefit-item:hover {  box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.1); }
.benefit-slider > .benefit-item:hover .overlay-text { display: block; box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.1);  }


.single-emag .adbox { padding-top: 60px; }
.single-emag .page-content { padding-top: 40px; }

.page-template-template-emag .latest-post { margin-bottom: 80px; }
.page-template-template-emag iframe { border-radius: 15px; }

.greyfilterbox { background: var(--lightestgrey); padding-bottom: 58px; padding-top: 58px; margin-bottom: 0; }
.biggreybox { background: #E6E7EB; padding-bottom: 58px; padding-top: 58px; margin-bottom: 0; margin-top: 80px; }
.biggreybox h3 { text-align: center; padding: 40px 0; }

.biggreybox .celebnews-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; }
.greyfilterbox .post-list { padding-top: 48px; padding-bottom: 48px; }


.biggreybox  h6 { margin: 12px 0; }
.biggreybox  h6 a { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; display: block; }
.biggreybox  h4 { font-size: 20px; line-height: 26px;  }
.biggreybox  h4 a { color: var(--black); text-decoration: none; }
.biggreybox  h4 a:hover { color: var(--orange); }



.filters { text-align: center; }
.filters button { margin: 0 5px; border-radius: 25px; font-size: 16px; border: none; cursor: pointer; height: 48px; padding: 0 20px; background: none; }
.filters button.active { background: var(--black); color: var(--white); }
.filters button:hover { color: var(--orange); }

/*
.greyfilterbox .post-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; }
.greyfilterbox .post-list .post-item {  }
.greyfilterbox .post-list .post-item .post-thumbnail { padding: 16px; background: #FFFFFF; margin-bottom: 15px; }
.greyfilterbox .post-list .post-item .post-thumbnail img { width: 160px; margin: 0 auto; }
.greyfilterbox .post-list .post-item .post-text {  }
.greyfilterbox .post-list .post-item .post-text h6 { font-size: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0; }
.greyfilterbox .post-list .post-item .post-text h6 a { color: var(--black); text-decoration: none; }
.greyfilterbox .post-list .post-item .post-text h6 a:hover { color: var(--orange); }
.greyfilterbox .post-list .post-item .post-text p { letter-spacing: .5px; text-transform: uppercase; font-family: 'Lato'; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 0; padding: 0; }
.greyfilterbox .post-list .post-item .post-text p a { color: var(--orange); text-decoration: none; }
.greyfilterbox .post-list .post-item .post-text p a:hover { color: var(--black); }

*/

.post-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; }
.post-list .post-item {  }
.post-list .post-item .post-thumbnail { padding: 16px; background: #FFFFFF; margin-bottom: 15px; overflow: hidden; display: inline-block; box-sizing: border-box; }
.post-list .post-item .post-thumbnail img { width: auto; height: 210px; margin: 0 auto;  }
.post-list .post-item .post-text {  }
.post-list .post-item .post-text h6 { font-size: 20px; line-height: 20px; margin: 5px 0 0 0; padding: 0; }
.post-list .post-item .post-text h6 a { color: var(--black); text-decoration: none; }
.post-list .post-item .post-text h6 a:hover { color: var(--orange); }
.post-list .post-item .post-text p { letter-spacing: .5px; text-transform: uppercase; font-family: 'Lato'; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 0; padding: 0; }
.post-list .post-item .post-text p a { color: var(--orange); text-decoration: none; }
.post-list .post-item .post-text p a:hover { color: var(--black); }


.post-thumbnail { overflow: hidden; display: inline-block; width: 100%; }
.post-thumbnail img { transition: transform 0.3s ease-in-out; width: 100%; height: auto; }
.post-thumbnail:hover img { transform: scale(1.05); }

button#load-more { border-radius: 100px; min-width: 200px; border: 1px solid var(--black); background: var(--black); border: none; color: var(--white); font-size: 16px; line-height: 44px; font-weight: 500; box-sizing: border-box; height: 48px; padding: 0 60px 0 25px; width: fit-content; margin: 0 auto; text-align: left; cursor: pointer; position: relative; text-decoration: none; display: block; }
button#load-more i { text-align: right; line-height: 46px; position: absolute; right: 20px; }
button#load-more:hover { background: var(--orange); }
button#load-more:hover i { color: var(--black); }

button#load-more-gc { border-radius: 100px; min-width: 200px; border: 1px solid var(--black); background: var(--black); border: none; color: var(--white); font-size: 16px; line-height: 44px; font-weight: 500; box-sizing: border-box; height: 48px; padding: 0 60px 0 25px; width: fit-content; margin: 0 auto; text-align: left; cursor: pointer; position: relative; text-decoration: none; display: block; }
button#load-more-gc i { text-align: right; line-height: 46px; position: absolute; right: 20px; }
button#load-more-gc:hover { background: var(--orange); }
button#load-more-gc:hover i { color: var(--black); }

#el-social .elementor-element { margin: 0; padding: 0;  }

@media screen and (max-width: 768px) {
    .footer-widget-area { flex: 1 1 50%; max-width: 50%; }
}
@media screen and (max-width: 480px) {
    .footer-widget-area { flex: 1 1 100%; max-width: 100%; }
}

.colour-box  { padding-top: 80px; padding-bottom: 80px; margin-bottom: 80px; }
.colour-box > div { margin-bottom:  32px; }
.colour-box > div:last-child { margin-bottom: 0; }

.colour-box .questions > div { width: 50%; }


.claim { padding: 40px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }
.claim .claimbox {  display: flex; gap: 20px; }
.questions { padding: 40px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); display: flex; gap: 20px; }

.claim .claimbox > div { width: 33%; }
.questions p, .claim p { font-size: 13px; line-height: 25px; font-weight: 400; margin-bottom: 10px; }
.questions p a, .claim p a, .questions p span, .claim p span { display: block; font-size: 16px; font-weight: 700; text-decoration: none; color: var(--darkgrey); }

p.ficon { font-size: 16px; line-height: 26px; font-weight: 700; position: relative; margin-left: -30px; color: var(--darkgrey); padding-left: 30px; }
p.ficon::before {  position: absolute; left: 0; top: 14px; transform: translateY(-50%);  color: var(--darkgrey);  display: block; z-index: 999; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased;   }
p.icon-phone::before { content: "\f095"; font: var(--fa-font-sharp-regular); font-size: 18px; }
p.icon-info::before { content: "\f06a"; font: var(--fa-font-sharp-regular); font-size: 20px; }
p.icon-iphone::before { content: "\f3ce"; font: var(--fa-font-sharp-regular); font-size: 20px; }
p.icon-whatsapp::before { content: "\f232"; font: var(--fa-font-brands); font-size: 20px; }

.questions p.ficon { margin-left: 0; }
.questions p { font-size: 13px; font-weight: 400; line-height: 20px; margin-bottom: 25px; }
.questions p a.text-link { padding-left: 30px; }

.claim > div { padding-left: 30px; }


.whitebg { background: #FFF; }
.whitebox { padding: 40px 105px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(12,12,12,.1); }

details.wp-block-details {  }
details.wp-block-details summary { padding: 19px 20px; position: relative; border-bottom: 1px solid #D2D5DB; background: #FFF; }
details.wp-block-details summary::after { content: "\f054"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px!important; color: var(--black);  display: block; z-index: 999; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-sharp-regular); }
details.wp-block-details summary::marker { content: ""; }
details.wp-block-details[open] summary {  background: var(--orangelight); border: none; }
details.wp-block-details[open] summary::after { content: "\f107"; }
details.wp-block-details[open] .wp-block-group { padding: 15px 20px; }
details.wp-block-details[open] .pwcn-accordion__content { padding-top: 15px;  }
details.wp-block-details a { color: var(--black); text-decoration: underline; }
details.wp-block-details a:hover { color: var(--orange); }


details ol, details ul { padding: 10px 40px; list-style-position: outside; margin-bottom: 0; }
details ol li, details ul li {  margin-bottom: 15px; font-size: 16px; line-height: 26px; }
details ol ol.wp-block-list, details ul ul.wp-block-list { padding: 20px 20px 10px; margin: 0; }
details ol ol.wp-block-list li:last-child, details ul ul.wp-block-list:last-child { padding-bottom: 0; margin-bottom: 0; }

details p { padding: 10px 20px 0; margin: 0; }
details p:last-child { padding-bottom: 30px; }

details summary { font-family: "Playfair Display", serif; font-size: 20px; font-weight: 600; }



/* .accordion > div { border-bottom: 1px solid #D2D5DB; } */

.page-id-25 #content { background: url('img/bg-faq.jpg'); background-size: contain; }



#wpsl-search-wrap form,
.wpsl-direction-wrap { display: flex; justify-content: space-between; }
.wpsl-search { background: #FFF; padding: 0 0 30px 0; }
.wpsl-search input { border: none; border-bottom: 1px solid var(--black); border-radius: 0!important; }
.wpsl-input { margin-bottom: 0; }
.wpsl-input label, #wpsl-radius label, #wpsl-category label { width: fit-content!important; }
#wpsl-search-wrap div label { line-height: 49px; }
#wpsl-search-input { height: 33px; }
.wpsl-dropdown { border: none; border-radius: 0; border-bottom: 1px solid var(--black); }
.wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li, .wpsl-selected-item { height: 30px; line-height: 30px; }
#wpsl-search-wrap input { border: none; border-bottom: 1px solid var(--black); }
.wpsl-search #wpsl-search-btn { box-shadow: none!important; background: none; border: none; border-radius: 100px!important; min-width: fit-content; font-size: 16px; line-height: 44px; font-weight: 500; box-sizing: border-box; height: 48px; padding: 0 80px 0 25px; width: fit-content; margin: 0!important; text-align: left; cursor: pointer; position: relative; text-decoration: none; display: block;  border: 1px solid var(--black); color: var(--white); position: relative; background: #000 url('img/right-angle-hover.svg') no-repeat right 15px center; background-size: 12px; }
.wpsl-search #wpsl-search-btn:hover { border: 1px solid var(--white); background: var(--orange) url('img/right-angle.svg') no-repeat right 15px center; color: var(--black); background-size: 13px; }
.wpsl-store-location strong { font-family: "Playfair Display", serif; font-size: 20px; font-weight: 500; margin-bottom: 15px; display: block; }
.wpsl-store-location p span { padding-left: 30px; }
.wpsl-store-location p.wpsl-contact-details span.phone { padding-left: 0; }
.wpsl-store-location p.wpsl-contact-details span.email { padding-left: 30px!important; }
.wpsl-store-location span.phone::before { content: ""; background: url('img/icon-phone.png') no-repeat; padding-left: 30px; background-size: 20px; }

a.wpsl-directions { color: var(--black); position: relative; text-decoration: none; padding-right: 25px; font-weight: bold; float:  right; }
a.wpsl-directions:hover,a.wpsl-directions:hover::after { color: var(--orange); }
a.wpsl-directions::after { font-weight: bold; content: "\f105"; font: var(--fa-font-sharp-regular); font-size: 14px; position: absolute; right: 0; top: 2px;  width: 26px; height: 26px; text-align: center; line-height: 26px; }
#wpsl-wrap #wpsl-result-list li { border-bottom: 1px solid var(--lightestgrey); padding: 10px 0; }
#wpsl-result-list ul { padding-right: 30px; }
#wpsl-stores ul li .wpsl-direction-wrap { color: var(--grey); position: relative; display: inline-block; width: 100%; }
#wpsl-stores ul li .wpsl-direction-wrap::before { content: ""; background: url('img/icon-distance.png') no-repeat; padding-left: 30px; background-size: 20px; }
#wpsl-stores ul li span.wpsl-street:first-of-type { content: ""; background: url('img/icon-location.png') no-repeat; padding-left: 30px; background-size: 25px; }




.category .featured-img { height: 500px; overflow: hidden; }

/*
.child-category .post-list { margin-top: 80px; margin-bottom: 30px; padding:  58px 0; background: #E6E7EB; }
.child-category .post-list .container { display: flex; flex-wrap: wrap;  gap: 30px; }
.child-category .post-list .container > article {  flex: 1 1 calc(33.333% - 30px); box-sizing: border-box;  }
.child-category .post-list .container > article h3 { margin: 10px 0; font-family: 'Lato'; text-transform: uppercase; font-weight: 700; }
.child-category .post-list .container > article h3 a  { color: var(--orange); font-size: 16px; line-height: 20px; text-decoration: none; display: block; }
.child-category .post-list .container > article h4 { margin: 10px 0; }
.child-category .post-list .container > article h4 a  { color: var(--black); font-size: 20px; line-height: 26px; text-decoration: none; display: block; }
*/

.child-category .post-list { margin-top: 0; margin-bottom: 30px; padding:  58px 0; }
.child-category .post-list .container { display: flex; flex-wrap: wrap;  gap: 30px; }
.child-category .post-list .container > article {  flex: 1 1 calc(33.333% - 30px); box-sizing: border-box;  }
.child-category .post-list .container > article h3 { margin: 10px 0; font-family: 'Lato'; text-transform: uppercase; font-weight: 700; }
.child-category .post-list .container > article h3 a  { color: var(--orange); font-size: 16px; line-height: 20px; text-decoration: none; display: block; }
.child-category .post-list .container > article h4 { margin: 10px 0; }
.child-category .post-list .container > article h4 a  { color: var(--black); font-size: 20px; line-height: 26px; text-decoration: none; display: block; }
.child-category .post-list .post-thumbnail { background: none; padding: 0; }
.child-category .post-list .post-item .post-thumbnail img { width: auto; }
.child-category .greyfilterbox { margin-top: 60px; }

.home-box h6 { color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 10px; }
.home-box h3 { font-size: 20px; line-height: 26px; font-weight: 500; }
.home-box p { line-height: 35px; }


.gform_wrapper.gravity-theme .gfield_required { color: var(--orange)!important; }

.home #content .featured-img { margin-bottom: 40px; }
/* .scrolled.home #content { padding-top: calc( 70vh + 110px); } */

.formbox { padding-top: 110px; padding-bottom: 110px; margin-bottom: 48px; }
.yellowbox { background: url('img/bg-yellow.jpg') center center; background-size: cover;  }
.orangebox { background: url('img/bg-orange.jpg') center center; background-size: cover; background-attachment: fixed;  }
.stripebox { background: url('img/bg-faq.jpg') center center; background-size: cover; background-attachment: fixed; }
.formbox .wp-block-columns { padding: 80px 106px; background: var(--white); }
.formbox .wp-block-columns h6 { color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 20px; }

.scoop-slider .scoop-slide { display: flex; flex-direction: column; align-items: center; }
.scoop-slider .slick-prev, .scoop-slider .slick-next { background: var(--black); color: #fff; width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; z-index: 1000; right: 0; right: 0; top: 383px; font-size: 20px; }
.scoop-slider .slick-prev::before, .scoop-slider .slick-next::before { content: ""; }
.scoop-slider .slick-prev { left: auto; right: 72px; }
.scoop-slider .slick-prev:hover, .scoop-slider .slick-next:hover { background: var(--black); color: var(--orange); }
.scoop-slider .scoop-img { overflow: hidden; aspect-ratio: 4/2; }

.news-block { background: var(--bggrey); padding-top: 55px; padding-bottom: 55px; margin-top: 110px; margin-bottom: 48px;}
.news-block h2 { text-align: center; margin-bottom: 30px; font-size: 58px; }
.news-block h5 a { text-decoration: none; color: var(--black); margin: 0; }
.news-block h5 a:hover { color: var(--orange); }
.news-block h6, .news-block h6 a { text-decoration: none; text-align: center; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.news-block h6 a:hover { color: var(--darkgrey); }
.news-block .scoop-slider h6 { text-align: left; margin: 15px 0; }
.news-block span.heading-small { display: block; text-align: center; }
.news-block span.heading-small a { color: var(--orange); text-decoration: none; }
.news-block span.heading-small a:hover { color: var(--darkgrey); }
.news-block .scoopbox { padding-top: 30px; display: flex; }
.news-block .scoopbox .scoopleft { width: 696px; padding-right: 24px; }
.news-block .scoopbox .scoopright { width: 530px; }
.news-block .scoopright h5, .news-block .scoopright h6 { text-align: left; margin: 0; }
.news-block .scoopright h6 { margin-bottom: 8px; }
.news-block .scoopbox .scoopright .recent-post { display: flex; align-items: center; margin-bottom: 15px; }
.news-block .scoopbox .scoopright .recent-post .recent-image { width: 116px; height: 116px; display: flex; align-items: center; margin-right: 10px; overflow: hidden;  }
.news-block .scoopbox .scoopright .recent-post .recent-image img { transition: transform 0.5s ease-in-out; }
.news-block .scoopbox .scoopright .recent-post .recent-image img:hover { transform: scale(1.1); }
.news-block .scoopbox .scoopright .recent-post .recent-content { width: 390px; }

.news-block .scoopbox .scoop-image { overflow: hidden; aspect-ratio: 10 / 6; }
.news-block .scoopbox .scoop-image img { transition: transform 0.3s ease-in-out; }
.news-block .scoopbox .scoop-image img:hover { transform: scale(1.05); }

figure { overflow: hidden; }
figure img {  transition: transform 0.5s ease-in-out; }
figure img:hover { transform: scale(1.05); }


.singlebox { padding-top: 80px; padding-bottom: 80px; }
.singlebox h3 { margin-bottom: 10px; }
.singlebox h3 a { color: var(--black); text-decoration: none; }
.singlebox h3 a:hover { color: var(--orange); }
.singlebox p { margin-bottom: 15px; }
.singlebox h6 { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.singlebox .wp-block-image { margin: 0; }
.columnmin { padding: 0; }
.singlebox .whiteblock { padding: 0 32px; }
.singlebox .imageleft .whiteblock { padding-left: 0; }
.singlebox .imageright .whiteblock { padding-right: 0; }
.singlebox .wp-block-button__link:hover { background: var(--orange)!important; color: var(--black); }


/* WIN */

.page-template-template-win .competition-featured { display: grid; grid-template-columns: 2fr 1fr;  gap: 30px; margin-bottom: 80px; }
.page-template-template-win .competition-featured .comp-ft-img {  }
.page-template-template-win .competition-featured .comp-ft-txt { padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.page-template-template-win .competition-featured .comp-ft-txt .comphead { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 0; }
.page-template-template-win .competition-featured .comp-ft-txt h3 { margin: 20px 0 15px;  }
.page-template-template-win .competition-featured .comp-ft-txt h3 a { color: var(--black); text-decoration: none; }
.page-template-template-win .competition-featured .comp-ft-txt p { margin-bottom: 26px; }



.grid-wrapper { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; }
.grid-wrapper li {  }
.grid-wrapper li span.closed { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 12px 0; display: block; }
.grid-wrapper li h5 { font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 12px; }
.grid-wrapper li h5 a { color: var(--black); text-decoration: none; }
.grid-wrapper li h5 a:hover { color: var(--orange); }
.grid-wrapper p.closingdate { margin: 12px 0; }
.grid-wrapper .grid-text { padding: 12px; }

.closed-head { padding: 48px; }
.closed-head h3 { text-align: center; }
.closed-head h3 span { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 12px 0; display: block; }
.closed-head span.view-all-toggle { color: var(--orange); display: block; text-align: center; cursor: pointer; }

.single-competition {  }
.single-competition .closed-head { border-top: 1px solid var(--orange); padding: 40px 0 48px; margin-top: 80px; }
.single-competition .closed-head h3 { text-align: left; margin: 0; }
.single-competition .closed-head h3 span { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 12px 0; display: block; }
.single-competition .page-content { margin-top: 50px; }


.nocomp { background: var(--yellow); padding: 80px; text-align: center; margin: 40px 0; }
.nocomp .orangecap { text-align: center; text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 12px 0; display: block; }
.nocomp h3 { margin: 10px 0; }



.catbox { display: grid; grid-template-columns: 1fr 2fr;  gap: 30px; margin: 80px 0; position: relative; }
.catbox .category-celebs .featured-post { margin-bottom: 50px; }
.catbox .category-celebs .featured-post h3  { font-size: 40px; line-height: 1.1; margin: 10px 0 20px; }
.catbox .category-celebs .latest-posts { display: grid; grid-template-columns: 1fr 1fr;  gap: 30px; }
.catbox .category-celebs h6 { margin: 12px 0; }
.catbox .category-celebs h6 a { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; display: block; }
.catbox .category-celebs h3 { font-size: 20px; line-height: 26px;  }
.catbox .category-celebs h3 a { color: var(--black); text-decoration: none; }
.catbox .category-celebs h3 a:hover { color: var(--orange); }

.cat-side {
  position: sticky;
  top: 130px; /* Adjust this value as needed for spacing from the top */
  align-self: start;
  height: fit-content;
}
.cat-side p { font-size: 24px; line-height: 35px; }
.cat-side a { color: var(--black); text-decoration: none; font-weight: 400; font-size: 16px; line-height: 26px; }
.cat-side a:hover { color: var(--orange); }
.cat-side h6 { text-decoration: none; color: var(--orange); font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; display: block; margin: 8px 0; }
.cat-side h2 { margin: 0; margin-bottom: 20px; }
.cat-side h2 a {  }


.category .scoop-slide { margin-bottom: 80px; }
.category .scoop-slide h6 {  font-family: 'Lato'; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; display: block; margin: 8px 0; }
.category .scoop-slide h6 a { text-decoration: none; color: var(--orange); }
.category .scoop-slide h3 { font-size: 25px; line-height: 33px; }
.category .scoop-slide h3 a { text-decoration: none; color: var(--black); }
.category .scoop-slide h3 a:hover { color: var(--orange); }
.category .scoop-slider .slick-prev, 
.category .scoop-slider .slick-next { top: 566px; }


.home-slider { z-index: 99; position: relative!important; top: 0; left: 0; right: 0; width: 100vw; overflow: hidden;  }
.home-slider .slider-item { height: 90vh; display: flex!important; align-items: center; background-size: cover; overflow: hidden; }
.home-slider .slider-item img { display: none; }
.home-slider .slider-item .slider-content { width: 50%; position: relative; z-index: 9999; }
.home-slider .slider-item p { font-size: 40px; margin-bottom: 10px; }
.home-slider .scoop-slide { display: flex; flex-direction: column; align-items: center; }


.home-slider .slick-prev, 
.home-slider .slick-next { -webkit-transform: none; -ms-transform: none; transform: none; background: var(--white); color: var(--black); width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; z-index: 99999; bottom: 0; font-size: 20px; top: auto; opacity: 1!important; }
.home-slider .slick-prev:hover, 
.home-slider .slick-prev:focus, 
.home-slider .slick-next:hover, 
.home-slider .slick-next:focus { opacity: 1!important; background: var(--white)!important; color: var(--grey)!important; }
.home-slider .slick-prev::before, 
.home-slider .slick-next::before { content: ""; }
.home-slider .slick-prev { left: auto; right: 182px; }
.home-slider .slick-next { left: auto; right: 102px; }
.home-slider .slick-prev:hover, 
.home-slider .slick-next:hover { background: var(--black)!important; color: var(--white)!important; }


/* Initial: .slider-content is off-screen left */
/* Slide in effect */
.home-slider .slider-item .slider-content {
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}

.home-slider .slider-item.animate-in .slider-content {
  transform: translateX(0);
  opacity: 1;
}

/* Button fade-in after text slides in */
.home-slider .slider-item .slider-content a {
  opacity: 0;
}

.home-slider .slider-item.animate-in .slider-content a {
  animation: fadeIn 1s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}


.foot-socials > div > a { height: 26px; width: 26px; display: block; }

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus { opacity: 1!important; background: var(--white)!important; color: var(--black)!important; }


/* .home #content { padding-top:  70vh; } */
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { border-radius: 30px; padding: 15px 30px; }
#search-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
     background: var(--white); 
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 999999;
}

#search-box.active {
    opacity: 1;
    visibility: visible;
}

.search-container {
    position: relative;
    width: 90%;
    max-width: 100%; 
color: var(--lightestgrey); }
.search-container h3 { font-family: Lato, Arial, sans-serif; font-size: 160px; line-height: 1; padding-top: 100px; font-weight: 700; padding-bottom: 50px; }

.search-container form {
    display: flex;
    align-items: center;
    background: white; 
    height: 60px;
}

.search-container input {
    flex: 1;
    border: none;
    font-size: 16px; height: 60px;
    outline: none;border-bottom: 1px solid var(--black); margin-right: 10px;
    background: transparent;
}

.search-container button {
    border: none;
    background: transparent;
    font-size: 18px; border: 2px solid var(--white);
    cursor: pointer; background: var(--orange); color: var(--white); height: 50px; border-radius: 50px; width: 50px; text-align: center;
}

.search-container button:hover { border: 2px solid var(--orange); color: var(--black); }

#close-search {
    position: absolute;
    top: 40px;
    right: 0;
    font-size: 30px;
    color: var(--black);
    cursor: pointer;
}

.search-results #content { padding-top: 180px; }
.search-results h2 span { color: var(--orange); }
.searchbox { padding: 50px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; }
.searchbox article {  }
.searchbox article .img { margin-bottom: 10px; display: block; }
.searchbox article img { max-width: 100%; }
.searchbox a { color: var(--black); text-decoration: none; }
.searchbox a:hover { opacity: .8; }

.elementor-icon-list-items { padding-bottom: 20px!important; }


.search h2.page-title span { color: var(--orange); }



.slide-box {
          
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.6s ease, transform 0.8s ease;
          
        }

       

        .visible {
            opacity: 1;
            transform: translateY(0);
        }


.wp-block-post-template .taxonomy-category { color: #f37021; font-size: 20px; }        
.wp-block-post-template .taxonomy-category a { color: #f37021; text-decoration: none; }

.oldhead { display: none; }

header.v2 h2.site-title { background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jet-logo.png') no-repeat; background-size: 100%; width: 48px; text-indent: -9999px; margin-bottom: 0; height: 126px; }
header.v2 .site-branding { width: fit-content; margin-right: 50px; }
header.v2 .right-nav { display: flex; flex-direction: column; width: inherit; }
header.v2 .container { display: flex; justify-content: space-between; }
header.v2 .home .container .nav-top { align-self: end; }
header.v2.scroll h2.site-title { background: url('https://www.jetclub.co.za/wp-content/uploads/2025/08/jet-logo-white.png') no-repeat; background-size: 100%; line-height: 1; margin: 2px 0 0; padding: 0; height: 78px; width: 29px; }


@media only screen and (max-width: 1200px) {
   .container { max-width: 90%; }
   .news-block .scoopbox .scoopleft { width: 60%; padding-right: 2%; }
   .news-block .scoopbox .scoopright { width: 38%; }
   h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom: 20px; }
   .alignwide { max-width: 1100px; }
   body { font-size: 15px; line-height: 1.4; }
   h1 { font-size: 44px; line-height: 1.4; }
   h2 { font-size: 38px; line-height: 1.4; }
   h3 { font-size: 30px; line-height: 1.4; }
   h4 { font-size: 22px; line-height: 1.4; }
   h5 { font-size: 18px; line-height: 1.4; } 
   h6 { font-size: 14px!important; line-height: 1.4; }
   .benefits-block h6,
   .home-box h6,
   .singlebox h6,
   .latest-magazine h6,
   .news-block h6, 
   .news-block h6 a { font-size: 14px; line-height: 1.3; }
}


@media only screen and (max-width: 1100px) {
   .singlebox .whiteblock { padding: 30px; }
   .singlebox .imageleft .whiteblock { padding-left: 30px; }

}
@media only screen and (max-width: 769px) {
   .imageright div:nth-child(2) { order: -1; }
   body { font-size: 14px; line-height: 1.4; }
   h1 { font-size: 40px; line-height: 1.1; }
   h2 { font-size: 34px; line-height: 1.2; }
   h3 { font-size: 39px; line-height: 1.1; }
   h4 { font-size: 22px; line-height: 1.2; }
   h5 { font-size: 18px; line-height: 1.2; } 
   h6 { font-size: 14px!important; line-height: 1.2; }
   .featured-img .caption { background: #FFF; width: 50%; padding: 15px 20px; position: absolute; left: 2%; font-weight: normal; top: 25%; }
   .orange-block .featured-post { display: block; }
   .orange-block .featured-post .text-box { padding: 20px; }
   .benefit-list { gap: 20px; grid-template-columns: repeat(3, 1fr); }
   a.button { font-size: 14px; padding: 0 40px 0 25px; min-width: auto; }
   
   .latest-magazine { margin: 50px 0; }
   .singleblock .featured-post { display: block; }
   .singleblock { padding: 40px 0; }
   ul.sub-categories li { display: block; }
   ul.sub-categories li img { width: 100%; }
   ul.sub-categories li .textbox { width: 100%; padding: 20px; }
   .orange-block .boxes { display: block; }
   .orange-block .boxes article { margin-bottom: 20px; }
   .latest-magazine { display: block;  }
   .latest-magazine .mag-form { width: 100%; padding-left: 0; border-left: 0; margin-left: 0; margin-top: 20px; }
   footer .footer-block { display: block; }
   header #mobinav #nav-btn, 
   header #mobinav #facebook,
   header #mobinav #instagram { display: none; }
   nav#site-navigation,
   .subcontentbox { display: none!important; }
   .menu-main-container,
   header nav#mobi-navigation ul#primary-menu,
   header nav#mobi-navigation ul#primary-menu > li { width: 100%; }
   #mobi-navigation #primary-menu > li > a { width: 90%; }
   .alignwide { max-width: 90%; }
   .search-container h3 { font-size: 80px; }
   .searchbox { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 500px) {

   #wpsl-search-wrap .wpsl-dropdown { height: 30px; text-align: center; }

   header { width: 100vw; }
   #wpsl-search-wrap form, .wpsl-direction-wrap { display: block; }
      .adbox .mobile { display: block; }
      .adbox .desktop { display: none; }

      .search-container h3 { font-size: 60px; }
      .latest-magazine { margin: 50px 0; }
      .singleblock .featured-post { display: block; }
      .singleblock { padding: 40px 0; }
      ul.sub-categories li { display: block; margin-bottom: 40px; }
      ul.sub-categories li img { width: 100%; }
      ul.sub-categories li .textbox { width: 100%; padding: 20px; }
      .orange-block .boxes { display: block; }
      .orange-block .boxes article { margin-bottom: 20px; }
      .latest-magazine { display: block;  }
      .latest-magazine .mag-form { width: 100%; padding-left: 0; border-left: 0; margin-left: 0; margin-top: 50px; padding-top: 50px; border-top: 1px solid var(--orange); }
      footer .footer-block { display: block; }
   .featured-img .caption { background: #FFF; width: 100%; padding: 15px 20px; left: auto; top: auto; box-sizing: border-box; font-size: 40px; line-height: 1.1; }
   .category .featured-img { margin-bottom: 20px; }
   .formbox .wp-block-columns { padding: 40px 50px; }
   .latest-magazine .mag-img, 
   .latest-magazine .mag-txt { width: 100%; }
   .benefit-list { gap: 10px; grid-template-columns: repeat(2, 1fr); }
   .benefit-list > .benefit-item { margin-bottom: 20px; }
   .claim { padding: 20px; }
   .questions, .claim .claimbox { display: block; }
   .colour-box .questions > div, .claim .claimbox > div { width: 100%; margin-bottom: 20px; }
   .wp-block-media-text > .wp-block-media-text__content { margin: 30px 0; padding: 0; }
   .whitebox { padding: 10px;  }
   details.wp-block-details summary { padding-right: 40px; }
   details p { padding: 0 0 10px; }
   details summary { font-size: 16px; }

   h1 { font-size: 30px; }
   .catbox .category-celebs .latest-posts,
   .catbox { display: block; }
/*    .container .container { width: 100%; max-width: 100%; } */
   .scoop-slider { margin-bottom: 50px; }
   .scoop-slider .slick-prev, .scoop-slider .slick-next { width: 40px; height: 40px; top: auto!important; bottom: -50px; }
   .category-celebs .scoop-slide { margin-bottom: 0; }
   .scoop-slider .slick-prev { right: 45px; }
   .biggreybox .celebnews-list { display: block; width: 90%; margin: 0 auto; }

   .orange-block { padding: 40px 0; margin-bottom: 40px; }
   .page-template-template-win .competition-featured, .grid-wrapper { display: block; }
   .grid-wrapper li { margin-bottom: 15px; }
   .home-slider { height: auto; background-color: #121826; }
   .home-slider .slider-item { height: auto; display: block!important; background-size: contain; background-repeat: no-repeat; }
   .home-slider .slider-item .slider-content { width: 100%; padding: 20px; box-sizing: border-box; }
   .home-slider .slider-item video { position: relative; }
   .home-slider .slider-item img { display: block; }
   .home-slider .container { max-width: 100%; color: var(--white); }
   .home-slider .slider-item p { font-size: 28px; line-height: 1; }
   .home-slider .slider-item h1 { font-size: 40px; line-height: 44px; }
   .home-slider .slick-prev, .home-slider .slick-next { height: 48px; width: 48px; }
   .home-slider .slick-next { right: 20px; }
   .home-slider .slick-prev { right: 74px; }
   .home-slider .slider-item a.button.btn-black { background: var(--orange); color: var(--black); width: 75%; }
   .home-slider .slider-item a.button.btn-black::after { color: var(--black); }
   .home-slider .slider-item .slider-content { padding-bottom: 68px; }
   .news-block .scoopbox .scoopright { display: none; }
   .news-block .scoopbox .scoopleft { width: 100%; padding-right: 0; }
   .news-block .scoopbox { width: 90%; margin: 0 auto; }
   .post-list { grid-template-columns: repeat(2, 1fr); gap: 20px; }
   .searchbox { display: block;  }
   .searchbox article { margin-bottom: 15px; }
   .related { display: block; }
   .related-block { margin-bottom: 30px; }
   blockquote { min-width: auto!important; max-width: auto!important; }
   header nav#mobi-navigation ul.sub-menu ul.sub-menu { font-size: 13px; }
   
   #mobi-navigation #primary-menu > li.menu-item-has-children li.menu-item-has-children a::after { content: ""; }
   #block-12 { display: block; }
   .foot-socials { display: block; margin-top: 5px; }
   .foot-socials > div { margin-left: 0!important; margin-right: 10px; }
   .home-box p { line-height: 26px!important; font-size: 16px!important; }
   .benefits-block h3 { font-size: 40px!important; line-height: 1.1!important; }
   .benefits-block a.text-link { font-size: 16px; line-height: 26px; color: var(--black); border-bottom:  2px solid var(--orange); padding: 0 15px 20px; display: table; margin: 0 auto; }
   .orangebox { padding: 50px 0px; }
   .formbox .wp-block-columns { padding: 50px 20px; }
   .singlebox { padding: 50px 0px; }
   .news-block h2 { font-size: 60px; line-height: 50px; width: 80%; text-align: center; margin: 0 auto 20px; }
   .heading-small {  }
   
   .news-block span.heading-small a {font-size: 16px; line-height: 26px; color: var(--black)!important; border-bottom:  2px solid var(--orange); padding: 0 15px 20px; display: table; margin: 0 auto; }
   * { box-sizing: border-box; } 
   .singlebox,
   .home-slider, 
   .news-block { box-sizing: border-box; }
    .singlebox .imageright .whiteblock { padding-right: 30px; }



   .featured-img {
    position: relative;
    width: 100%;
    background-size: contain;
    overflow: hidden;
    background-attachment: unset;
  }
  .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    width: 100%;
   
    padding: 20px;
    text-align: center;
  }


    .page-template-default #content { padding-top: 80px; }
    .home #content { padding-top: 15px; }
    .hidemobile { display: none; }
    .wp-block-spacer { max-height: 50px; }
    .single #content { padding-top: 80px; }
    .category #content { padding-top: 80px; }
    .page-template #content { padding-top: 80px; }
    .featured-img .caption p { font-size: 20px; }
    .page-template-default .featured-img,
    .page-template .featured-img, 
    .category .featured-img { height: 260px; background-size: 100%; background-repeat: no-repeat; }
    .cat-side { position: relative; top: auto; padding-top: 50px; padding-bottom: 50px; }
    .catbox { margin-top: 0; }
    .post-list .post-item .post-thumbnail img { width: 100%; height: auto; }
}