/*! Sydney parent theme CSS — PRESERVED VERBATIM. Do not edit. Redesign layer follows below. */ :root{--sydney-global-color-1: #d65050;--sydney-global-color-2: #b73d3d;--sydney-global-color-3: #233452;--sydney-global-color-4: #00102E;--sydney-global-color-5: #6d7685;--sydney-global-color-6: #00102E;--sydney-global-color-7: #F4F5F7;--sydney-global-color-8: #dbdbdb;--sydney-global-color-9: #ffffff;--sydney-headings-color: var(--sydney-global-color-4);--sydney-dark-background: var(--sydney-global-color-6);--sydney-grey-color: var(--sydney-global-color-5);--sydney-text-color: var(--sydney-global-color-3);--sydney-light-background: var(--sydney-global-color-7);--sydney-button-background: var(--sydney-global-color-1);--sydney-border-color: var(--sydney-global-color-8);--sydney-scrolltop-distance: 800}.valign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%}.posts-navigation .nav-previous{padding-left:15px}.posts-navigation .nav-next{padding-right:15px}.post-navigation .nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 60px;position:relative;border-top:1px solid var(--sydney-border-color)}.post-navigation .nav-next,.post-navigation .nav-previous{width:50%}.post-navigation .nav-next{text-align:right}.post-navigation a{color:var(--sydney-text-color)}.post-navigation .nav-previous:hover span,.post-navigation .nav-next:hover span{color:var(--sydney-text-color)}.post-navigation span{color:var(--sydney-grey-color);-webkit-transition:color .3s;transition:color .3s}.post-navigation .nav-previous,.post-navigation .nav-next{padding:30px 60px}.post-navigation .nav-previous span{margin-right:10px}.post-navigation .nav-previous{border-right:1px solid var(--sydney-border-color)}.post-navigation .nav-next span{margin-left:10px}.woocommerce nav.woocommerce-pagination ul li .page-numbers{padding:0}.woocommerce nav.woocommerce-pagination ul li .page-numbers,.nav-links .page-numbers{background-color:var(--sydney-dark-background);width:60px;height:60px;line-height:60px;text-align:center;display:inline-block;color:#fff;margin-right:5px}.page-numbers.dots{background:rgba(0,0,0,0)}.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,.nav-links .page-numbers:not(.dots):hover,.nav-links .page-numbers.current{background-color:var(--sydney-grey-color);color:#fff}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{background-color:var(--sydney-light-background);border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.widget select{max-width:100%}.widget_search .search-submit{display:none}.sticky{display:block}.updated:not(.published){display:none}.single .entry-header,.page .entry-header{margin-bottom:30px}.entry-footer{clear:both;margin-top:30px}.page-links{clear:both;margin:0 0 30px}.page-header{margin:0;border:0}.archive-header{margin-bottom:60px}.archive-header h1{margin-bottom:0}.archive-header .taxonomy-description{margin-top:15px}.single .meta-post .post-cat::before{content:"/";padding:0 10px}.single .meta-post .post-cat:first-of-type::before{content:"";padding:0}.single .hentry .meta-post a{color:var(--sydney-global-color-1)}.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}ol.wp-block-latest-comments{padding:0}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}img{max-width:100%;height:auto;vertical-align:middle}.fitVids-wrapper{position:relative;padding-bottom:56.25%;height:0}.fitVids-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}.wp-caption-text{text-align:center}.wp-caption .wp-caption-text{margin:.8075em 0}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background:var(--sydney-global-color-9);color:var(--sydney-text-color)}a{text-decoration:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover,a:focus{color:#443f3f;text-decoration:none;outline:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}p{-webkit-margin-before:0;margin-block-start:0;margin-bottom:20px}.footer-widgets .widget ul,.widget-area .widget ul{list-style:none;padding:0}.widget .children{padding-left:15px}strong{font-weight:600}h1{font-size:48px}h2{font-size:38px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--sydney-headings-color);font-weight:600;margin:10px 0 24px;line-height:1.2}button,.llms-button-action,.llms-student-dashboard .llms-button-secondary,input[type=button],input[type=reset],input[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form button[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form .wpforms-page-button{position:relative;display:inline-block;font-size:13px;line-height:24px;padding:12px 34px;color:#fff;text-transform:uppercase;border-radius:3px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}button:hover,.llms-button-action:hover,.llms-student-dashboard .llms-button-secondary:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form button[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form .wpforms-page-button:hover{background-color:rgba(0,0,0,0)}.select2-container--default .select2-selection--single,select,textarea,input[type=text],input[type=password],input[type=date],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=date],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=datetime],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=datetime-local],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=email],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=month],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=number],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=password],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=range],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=search],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=tel],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=text],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=time],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=url],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=week],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form select,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form textarea{color:var(--sydney-grey-color);border:1px solid var(--sydney-border-color);height:50px;padding:4px 20px;border-radius:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus{-webkit-box-shadow:none;box-shadow:none}textarea{width:100%;height:120px;padding:15px 20px}input[type=checkbox]{display:inline}input:-moz-placeholder,textarea:-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--sydney-grey-color)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--sydney-grey-color)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--sydney-grey-color)}textarea,input{text-shadow:none;-webkit-box-shadow:none;box-shadow:none}table{width:100%}th,td{border:1px solid #333;padding:5px;text-align:center}.site-title{font-size:32px;line-height:1.2;font-weight:600}.site-title a,.site-title a:hover{color:#fff}.site-logo{max-height:100px;width:auto;vertical-align:middle}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(0,0,0,0);padding:20px 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.admin-bar .site-header,.admin-bar .site-header.float-header{top:32px}.admin-bar:not(.siteScrolled) .slide-item{background-position:50% 0 !important}.header-image{display:none;position:relative;height:300px;background-position:center;background-size:cover;background-repeat:no-repeat}.header-inner{display:none}.site-description:empty{margin:0}.site-header.fixed{position:fixed}.site-header .col-md-4,.site-header .col-md-8{min-height:0}.site-header .logo{margin:40px 0;float:left;-webkit-transition:all .3s linear;transition:all .3s linear}.site-header .logo a{display:block;height:100%}.site-header .logo{width:135px;height:27px}.site-header.float-header{background-color:rgba(0,0,0,.9);padding:5px}.site-header.float-header #mainnav{padding:0}.site-header.float-header #mainnav>ul>li>a{height:70px;line-height:70px}.site-header.float-header .logo{margin:20px 0}#mainnav{display:block;float:right;-webkit-transition:all .3s linear;transition:all .3s linear}#mainnav ul{list-style:none;margin:0;padding:0}#mainnav li{float:left;padding:0 14px;font-size:14px}#mainnav ul ul li{padding:0}#mainnav ul li a{position:relative;display:block;color:#fff;font-weight:500;text-decoration:none;outline:none}#mainnav ul li a:hover,#mainnav ul li:hover>a{color:var(--sydney-global-color-1)}#mainnav ul li:hover>.dropdown-symbol svg{fill:var(--sydney-global-color-1)}#mainnav ul ul a{width:180px}#mainnav>ul>li:last-child{padding-right:0}#mainnav ul li{position:relative}#mainnav ul li ul{width:180px;position:absolute;top:100%;left:initial;opacity:0;visibility:hidden;border-radius:0 0 2px 2px;-webkit-transition:all .3s ease;transition:all .3s ease}#mainnav ul li ul ul{top:0}#mainnav .dropdown-symbol{fill:#fff;margin-left:8px;position:relative;top:-2px}#mainnav ul ul .dropdown-symbol svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#mainnav ul li ul:after{content:"";position:absolute;left:0;width:100%;height:1px}#mainnav ul li ul ul:after{top:0}#mainnav ul li ul li ul{left:100%}#mainnav:not(.mainnav.toggled) li>ul.toggled,#mainnav:not(.mainnav.toggled) li:hover>ul{opacity:1;padding-top:10px;visibility:visible;left:auto;display:block !important;-webkit-transition:all .3s ease;transition:all .3s ease}#mainnav:not(.mainnav.toggled) li ul.toggled ul.toggled,#mainnav:not(.mainnav.toggled) li:hover>ul ul{padding-top:0;left:100%}#mainnav .sub-menu{z-index:99999}#mainnav .sub-menu li a{color:#fff;display:block;line-height:1;background:#1c1c1c;padding:0 18px;border-top:1px solid #252525;-webkit-transition:all .3s ease;transition:all .3s ease;word-wrap:break-word}#mainnav .sub-menu li:hover>a{color:#fff}#mainnav li:hover>.sub-menu>li>a{padding:8px 18px}#mainnav ul li::before{font-family:"Fontawesome","Font Awesome 5 Free";color:#fff;float:left;margin:5px 5px 0 0;font-size:14px;line-height:1;font-weight:400}#mainnav ul li a{float:left}#mainnav .sub-menu li:before{content:"";margin:0;-webkit-transition:all .3s ease;transition:all .3s ease}.mainnav.toggled ul li a,#mainnav-mobi ul li a{float:none !important}.mainnav.toggled ul li::before,#mainnav-mobi ul li::before{content:""}.fw-menu-container{padding-left:60px;padding-right:60px}.main-header{-webkit-transition:background-color .3s;transition:background-color .3s}.main-header,.header-search-form{background-color:var(--sydney-dark-background);z-index:999}.bottom-header-row #mainnav,.main-header #mainnav{float:none}.bottom-header-row #mainnav ul li ul,.main-header #mainnav ul li ul{left:-9999em}.site-header-inner{padding-top:15px;padding-bottom:15px}.bottom-header-row #mainnav a,.main-header #mainnav a{background:rgba(0,0,0,0) !important;border:0 !important}.bottom-header-row #mainnav ul li ul:after,.main-header #mainnav ul li ul:after{display:none !important}.bottom-header-row #mainnav ul ul li,.main-header #mainnav ul ul li{background-color:#233452;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 18px;width:100%}.bottom-header-row #mainnav ul ul li:first-of-type,.main-header #mainnav ul ul li:first-of-type{padding-top:16px}.bottom-header-row #mainnav ul ul li:last-of-type,.main-header #mainnav ul ul li:last-of-type{padding-bottom:16px}.bottom-header_layout_4 #mainnav>div>ul>li:first-of-type,.bottom-header_layout_5 #mainnav>div>ul>li:first-of-type{padding-left:0}.bottom-header-row #mainnav ul li ul,.main-header #mainnav ul li ul{width:220px}.main-header ul ul a:not(.mega-menu-link){padding-left:0 !important;padding-right:0 !important}.header-contact i,.header-item.header-contact i{margin-right:5px}.header-item.header-woo{display:-webkit-box;display:-ms-flexbox;display:flex}.header-item:last-child{margin-right:0}.sydney-offcanvas-menu,.mobile-header{display:none}.sydney-offcanvas-menu .dropdown-symbol{margin-left:0 !important}.sydney-offcanvas-menu .header-search,.sydney-offcanvas-menu .wc-account-link,.sydney-offcanvas-menu .site-header-cart{display:inline-block;vertical-align:middle}.sydney-offcanvas-menu .button{margin-top:30px}.sydney-offcanvas-menu #mainnav ul li a{float:none !important}.sydney-offcanvas-menu .header-contact a{margin-bottom:15px}.sydney-offcanvas-menu .header-contact{background-color:rgba(0,0,0,0) !important;border:0 !important;margin-top:30px;padding:0 !important}.sydney-offcanvas-menu svg{max-height:16px}.sydney-offcanvas-menu{position:fixed;left:-100%;opacity:0;-webkit-transition:all .4s;transition:all .4s;top:0;-webkit-box-shadow:0 5px 15px 3px rgba(0,0,0,.07);box-shadow:0 5px 15px 3px rgba(0,0,0,.07);padding:40px 30px 30px;margin:0;z-index:99999;background-color:var(--sydney-dark-background);width:100%;max-width:300px;height:100%;overflow-y:auto}.offcanvas-header-custom-text{color:#fff;font-size:18px}.sydney-offcanvas-menu .mobile-header-item{visibility:hidden}.admin-bar .sydney-offcanvas-menu{top:32px}.sydney-offcanvas-menu.toggled{left:0;opacity:1}.sydney-offcanvas-menu.toggled .mobile-header-item{visibility:visible}.sydney-offcanvas-menu #mainnav a{width:100%}.sydney-offcanvas-menu #mainnav .menu-item-has-children a{width:calc(100% - 23px)}.sydney-offcanvas-menu #mainnav ul ul a{width:calc(100% - 23px);background:rgba(0,0,0,0);border:0;padding-top:10px;padding-bottom:10px}.sydney-offcanvas-menu #mainnav ul li a,.sydney-offcanvas-menu #mainnav ul ul li a{font-size:18px}.sydney-offcanvas-menu #mainnav ul ul a:hover{background:rgba(0,0,0,0)}.sydney-offcanvas-menu #mainnav ul ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;background-color:rgba(0,0,0,0)}.sydney-offcanvas-menu #mainnav ul li ul:after,.sydney-offcanvas-menu #mainnav ul li ul ul:after{display:none}.sydney-offcanvas-menu #mainnav ul li{padding:0;margin-right:0;float:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover>ul{padding-top:0}.sydney-offcanvas-menu #mainnav ul ul ul{position:static}.sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover>ul,.sydney-offcanvas-menu #mainnav ul ul li:hover>ul{display:none !important}.sydney-offcanvas-menu #mainnav .sub-menu{display:none;margin:0;list-style:none;padding-left:10px;position:static;float:none;-webkit-box-shadow:none;box-shadow:none}.mobile-menu-close svg{fill:var(--sydney-text-color)}.menu-toggle .sydney-svg-icon{vertical-align:unset}.sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) .sub-menu.toggled{display:block !important;visibility:visible;opacity:1;width:100%;margin-bottom:10px}.sydney-offcanvas-menu #mainnav li:hover>.sub-menu>li>a{padding:10px 18px}.sydney-offcanvas-menu.toggled .menu{display:block}.sydney-offcanvas-menu #mainnav{display:block;float:none}.sydney-offcanvas-menu .mainnav ul li:last-of-type{border:0 !important}.sydney-offcanvas-menu #mainnav .sub-menu li:hover>a{background:rgba(0,0,0,0) !important}.mobile-header-item{margin-bottom:30px}.mobile-header-item.offcanvas-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.mobile-header-item.offcanvas-items>.header-item{margin:0}.mobile-header-item.offcanvas-items .button{-ms-flex-item-align:start;align-self:start}.mobile-header-item.offcanvas-items .social-profile{text-align:left}.main-header .header-contact,.bottom-header-row .header-contact,.mobile-header .header-contact{background:rgba(0,0,0,0) !important;border:0 !important;width:auto !important;position:static !important;padding:0 !important}.mobile-header-item:last-of-type{margin-bottom:0}.mobile-header-item .align-right{text-align:right}.site-title{margin:0}.site-title a,.site-title a:visited{color:#fff}.site-description{color:#fff;margin:5px 0 0}.header-elements{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-elements svg{fill:#fff;max-height:14px}.header_layout_1 .header-elements,.header_layout_2 .header-elements{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.header_layout_2 .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header_layout_2 .menu-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.header_layout_2 .menu-center .mainnav>div>ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header_layout_2 .menu-right .mainnav>div>ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.header_layout_2 .header-col{padding-left:15px;padding-right:15px}.header_layout_1 .site-branding,.header_layout_3 .site-branding,.header_layout_5 .site-branding{text-align:center}.bottom-header_layout_3 .mainnav>div>ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header_layout_3 .header-elements:not(:first-of-type),.bottom-header_layout_3 .header-elements:not(:first-of-type),.bottom-header_layout_4 .header-elements:not(:first-of-type),.header_layout_4 .header-elements:not(:first-of-type),.bottom-header_layout_5 .header-elements:not(:first-of-type),.header_layout_5 .header-elements:not(:first-of-type){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.main-header .top-header-row{padding-top:15px;padding-bottom:15px}.main-header.header_layout_3 .site-header-inner,.site-header.header_layout_4 .site-header-inner,.main-header.header_layout_5 .site-header-inner{padding:0}.transparent-header .sticky-header.sticky-scrolltop{position:static;z-index:19;width:100%;top:0;-webkit-transition:all .5s;transition:all .5s}.transparent-header .bottom-header_layout_3.sticky-header.sticky-scrolltop:not(.is-sticky),.transparent-header .bottom-header_layout_4.sticky-header.sticky-scrolltop:not(.is-sticky),.transparent-header .bottom-header_layout_5.sticky-header.sticky-scrolltop:not(.is-sticky){position:static}.admin-bar.transparent-header .sticky-header.sticky-scrolltop{top:32px}.sticky-header.sticky-scrolltop{position:sticky;top:-200px;-webkit-transition:top .4s;transition:top .4s}.sticky-header.is-sticky,.sticky-header.sticky-always{position:sticky;top:0}.admin-bar .sticky-header.is-sticky,.admin-bar .sticky-header.sticky-always{top:32px}.sticky-header.sticky-shadow,.sticky-header.is-sticky{-webkit-box-shadow:0 0 30px rgba(0,0,0,.07);box-shadow:0 0 30px rgba(0,0,0,.07)}.bottom-header-row{background-color:var(--sydney-dark-background);z-index:999}.bottom-header-inner{padding-top:15px;padding-bottom:15px}.header-item{margin-right:25px;line-height:1;font-size:14px}.header-item:last-child{margin-right:0}.header-contact a{display:block;margin-bottom:5px}.header-contact a:last-of-type{margin-bottom:0}.header-search .icon-search,.header-search .icon-cancel{display:none;cursor:pointer;position:relative;z-index:999}.header-search .icon-search.active,.header-search .icon-cancel.active{display:inline-block}.header-search .icon-cancel svg{width:20px;height:24px}.icon-cancel{cursor:pointer}.header-search-form{position:absolute;width:100%;top:auto;padding:20px;z-index:999999;left:-9999em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden}.header-search-form form{max-width:720px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.header-search-form form .search-field,.header-search-form form label{width:100%}.header-search-form label{margin-bottom:0}.header-search-form form button,.header-search-form form .search-field{display:block}.header-search-form form button svg,.header-search-form form .search-field svg{fill:#fff}.header-search-form form button{padding:13px 24px !important;border-radius:0 !important;font-size:14px !important}.header-search-form.active{opacity:1;left:0;visibility:visible}.search-overlay{position:fixed;top:0;height:100%;width:100%;z-index:998;background-color:rgba(0,0,0,.3);left:-100%;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.search-overlay.active{opacity:1;left:0}.header-image img{width:100%;vertical-align:top}.custom-logo-link{line-height:1}.custom-logo-link img{max-width:180px}@media(max-width: 1024px){.bottom-header-row,.main-header{display:none}.mobile-header{display:block;padding-top:15px;padding-bottom:15px}.mobile-header .align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right}.mobile-header .align-center{text-align:center}.sydney-offcanvas-menu{display:block}}.main-header.sticky-active{-webkit-box-shadow:0 0 30px rgba(0,0,0,.05);box-shadow:0 0 30px rgba(0,0,0,.05)}.transparent-header .header-wrapper,.transparent-header .shfb-header{position:absolute;width:100%;top:auto;z-index:999}@media(min-width: 1024px){.transparent-header .main-header:not(.sticky-active):not(.is-sticky),.transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky){background-color:rgba(0,0,0,0)}}.transparent-header .sticky-header.sticky-always{position:fixed;top:auto;left:0;width:100%;-webkit-transition:all .3s;transition:all .3s}.transparent-header .sticky-header.sticky-always.bottom-header_layout_3,.transparent-header .sticky-header.sticky-always.bottom-header_layout_4,.transparent-header .sticky-header.sticky-always.bottom-header_layout_5{position:static}.transparent-header .sticky-header.is-sticky{position:fixed;width:100%}.transparent-header .sticky-header.sticky-always.sticky-active{position:fixed;top:0;z-index:999}.admin-bar.transparent-header .sticky-header.sticky-always.sticky-active{position:fixed;top:32px;z-index:999}.mainnav.toggled{display:block !important;top:100%}.mainnav.toggled,#mainnav-mobi{display:block;margin:0 auto;width:100%;position:absolute;background-color:#1c1c1c;margin-top:15px;z-index:1000}#mainnav-mobi{top:28px}.mainnav.toggled ul,#mainnav-mobi ul{display:block;list-style:none;margin:0;padding:0}.mainnav.toggled ul li,#mainnav-mobi ul li{margin:0;position:relative;text-align:left;border-top:1px solid #252525;cursor:pointer;float:none !important}.mainnav.toggled ul>li>a,#mainnav-mobi ul>li>a{display:block;text-decoration:none;padding:10px 50px;color:#fff}.mainnav.toggled ul.sub-menu,#mainnav-mobi ul.sub-menu{top:100%;left:0;z-index:2000;position:relative;background-color:#161625}.mainnav.toggled>ul>li>ul>li,.mainnav.toggled>ul>li>ul>li>ul>li,#mainnav-mobi>ul>li>ul>li,#mainnav-mobi>ul>li>ul>li>ul>li{position:relative;border-top:1px solid #252525;background-color:#222}.mainnav.toggled>ul>li>ul>li>a,#mainnav-mobi>ul>li>ul>li>a{padding-left:70px !important}.mainnav.toggled>ul>li>ul>li>ul>li a,#mainnav-mobi>ul>li>ul>li>ul>li a{padding-left:90px !important}.mainnav.toggled ul.sub-menu>li>a,#mainnav-mobi ul.sub-menu>li>a{display:block;text-decoration:none;padding:10px 60px;border-top-color:hsla(0,0%,100%,.1);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.mainnav.toggled>ul>li>ul>li:first-child a,#mainnav-mobi>ul>li>ul>li:first-child a{border-top:none}#mainnav.toggled ul.sub-menu,#mainnav.toggled ul ul a{width:100%;left:0}#mainnav.toggled li>.sub-menu>li>a{padding:10px 50px}#mainnav.toggled ul li ul:after{display:none}#mainnav.toggled .sub-menu li a{background:rgba(0,0,0,0) !important}#mainnav.toggled ul ul li{padding:0 14px}.mainnav.toggled ul.sub-menu>li>a:hover,.mainnav.toggled>ul>li>ul>li.active>a,#mainnav-mobi ul.sub-menu>li>a:hover,#mainnav-mobi>ul>li>ul>li.active>a{color:#fff}.btn-menu{float:right;color:#fff;text-align:center;width:28px;height:28px;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.btn-submenu{position:absolute;right:20px;top:0;width:50px;text-align:center}.btn-submenu.is-amp{color:#fff;font-size:26px}@media(min-width: 1025px){.btn-submenu{display:none}}.btn-menu{display:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7}.page-wrap{padding:83px 0 100px;clear:both}.page-template-page_front-page .page-wrap,.projects-template-post_full .page-wrap,.projects-template-post_full .page-wrap .content-wrapper{padding:0}.entry-post p{margin-bottom:24px}.entry-post img{margin:10px 0 20px}.header-slider,.owl-wrapper{direction:ltr}.header-slider,.owl-carousel{-webkit-transform:translate3d(0, 0, 0)}.header-slider{-webkit-transform:none;transform:none}.parallax{width:100%;background-attachment:fixed;background-position:50% 0}.single .hentry{margin-bottom:60px}.content-area.sidebar-left .post-wrap{padding-right:0}.content-area.sidebar-left.no-sidebar{float:none;padding-left:15px}.no-sidebar .content-area.sidebar-left{padding-left:15px}.content-area .post-wrap,.contact-form-wrap{padding-right:30px}.no-sidebar .page-wrap{overflow-x:hidden}.content-area.no-sidebar{padding-left:15px;padding-right:15px}.no-sidebar .content-area .post-wrap{padding-right:0;padding-left:0}.container-narrow{max-width:730px;margin-left:auto;margin-right:auto;float:none;width:auto}.entry-content>*{margin-bottom:1.5em}.entry-content>.elementor,.entry-content>.panel-layout{margin-bottom:0}body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h1{margin-top:1em;margin-bottom:.5em}body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h2,body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h3,body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h4,body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h5,body:not(.elementor-page):not(.panel-layout):not(.page-template-page_front-page) .entry-content h6{margin-top:1.2em;margin-bottom:.5em}.container-narrow .post-wrap{padding-right:0}.content-area .hentry{position:relative}.hentry .post-content{overflow:hidden}.content-area .entry-thumb{text-align:center;margin-bottom:24px}.content-area .entry-thumb:empty{margin:0 !important}.single .related-post .entry-thumb{margin-bottom:12px}.hentry .title-post{margin:0}.single .entry-header .entry-title{padding:0}.posts-layout .hentry{margin-bottom:60px}.posts-layout .entry-title{font-size:32px;padding:0}.single-post-author .author-link,.posts-layout .read-more{color:var(--sydney-headings-color);text-decoration:underline;display:inline-block;margin-top:20px}.single-post-author .author-link:hover,.posts-layout .read-more:hover{color:var(--sydney-grey-color)}.posts-layout .entry-header{margin-bottom:24px}.posts-layout .entry-post p:last-of-type{margin-bottom:0}.entry-title a{color:var(--sydney-headings-color)}.posts-layout .entry-title a:hover{color:var(--sydney-grey-color)}span.author.vcard{padding:0;margin:0}.hentry .wp-block-quote.is-style-large,.hentry blockquote{background-color:var(--sydney-light-background);font-size:22px;margin:30px 0;padding:30px 30px 30px 40px;position:relative;font-style:normal;border-left:3px solid #000}.hentry .wp-block-quote.is-style-large p{font-style:normal;font-size:32px}.hentry blockquote cite{color:var(--sydney-grey-color);text-transform:uppercase;font-size:12px;font-style:normal;letter-spacing:1px}.hentry .wp-block-quote.is-style-large cite{font-size:12px}.hentry .wp-block-pullquote blockquote{padding:30px;border:3px solid #000}.hentry .wp-block-pullquote p{font-size:32px}.fullwidth{width:100%}.error-404{text-align:center}.error-404 .page-content p{margin-bottom:30px}.layout5 .hentry:after{width:0;height:0}.layout3 .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.posts-layout .post-align-center{text-align:center}.posts-layout .post-align-center .entry-meta{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.posts-layout .post-align-center .entry-header{text-align:center}.posts-layout .post-align-right{text-align:right}.posts-layout .post-align-right .entry-header{text-align:right}.posts-layout .post-align-right .entry-meta{-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end}.posts-layout .list-image{width:35%}.posts-layout .list-content{width:65%;max-width:65%}.posts-layout article:not(.has-post-thumbnail) .list-content{width:100%;max-width:100%}.layout4 .content-inner,.layout6 .content-inner{display:-webkit-box;display:-ms-flexbox;display:flex}.layout4 .entry-thumb,.layout6 .entry-thumb{margin:0 24px 0 0;height:100%}.layout4 .entry-thumb a,.layout6 .entry-thumb a{display:block;height:100%}.layout4 .entry-thumb img,.layout6 .entry-thumb img{-o-object-fit:cover;object-fit:cover;height:100%}.posts-layout .post-vertical-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.posts-layout .post-vertical-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.layout4 .image-right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.layout4 .image-right .entry-thumb{margin:0 0 0 30px}.list-image.image-left:empty{display:none}.layout6 article:nth-of-type(even) .list-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.layout6 article:nth-of-type(even) .list-image .entry-thumb{margin:0 0 0 24px}.no-sidebar .layout1,.no-sidebar .layout2{max-width:920px;margin-left:auto;margin-right:auto;padding-left:15px !important;padding-right:15px !important;float:none !important}.single .meta-post a{text-transform:uppercase;letter-spacing:5px;font-size:13px}.single-meta,.single-meta a{color:#68647a}.single .single-meta{text-transform:uppercase;font-size:13px}.single .single-meta{display:table}.single-meta .byline{padding-left:10px}.single-post-author{margin-bottom:60px;background-color:var(--sydney-light-background);padding:40px;text-align:center}.single-post-author .author-avatar img{border-radius:50%}.sydney-related-posts{margin-bottom:60px}.related-post .entry-meta{margin-bottom:6px}.related-post .entry-title{margin-top:6px;margin-bottom:0}.entry-meta{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-bottom:15px}.entry-meta .avatar{border-radius:50%;margin-left:5px;vertical-align:middle}.entry-meta .author a.url{color:var(--sydney-headings-color)}.entry-meta,.entry-meta a{color:var(--sydney-grey-color)}.posts-layout .entry-meta a:hover,.entry-meta a:hover{color:var(--sydney-headings-color)}.entry-meta>*{margin-right:10px}.entry-meta>*:last-of-type{margin-right:0}.entry-meta.delimiter-dot>*,.entry-meta.delimiter-vertical>*,.entry-meta.delimiter-horizontal>*{margin-right:0}.entry-meta.delimiter-dot>*:after,.entry-meta.delimiter-vertical>*:after,.entry-meta.delimiter-horizontal>*:after{padding:0 10px}.entry-meta.delimiter-dot>*:last-child:after,.entry-meta.delimiter-vertical>*:last-child:after,.entry-meta.delimiter-horizontal>*:last-child:after{display:none}.entry-meta.delimiter-dot>*:after{content:"";background:var(--sydney-headings-color);opacity:.2;width:4px;height:4px;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 10px;padding:0}.entry-meta.delimiter-vertical>*:after{content:"|"}.entry-meta.delimiter-horizontal>*:after{content:"⎯"}.single .entry-meta-below{margin-bottom:0}#secondary{padding:30px}.widget-area .widget{position:relative;margin-bottom:60px}.widget-area .widget_block{margin-bottom:30px}.widget-area .widget:last-child{margin-bottom:0}.sidebar-column .widget:last-of-type{margin-bottom:0}.footer-widgets h2,.widget-area h2{font-size:32px}.widget-area .widget-title{font-size:22px;line-height:normal;padding-bottom:24px;margin:0}.widget-area .widget ul li{padding:5px 0}.widget-area .widget ul li:first-child{padding-top:0}.widget-area .widget ul li:last-child{padding-bottom:0}.widget-categories .categories li a{position:relative;display:block}.widget-categories .categories li span{position:absolute;right:0;top:0}.widget-tags .tag-list a{display:inline-block;font-size:13px;color:var(--sydney-grey-color);border:1px solid var(--sydney-border-color);padding:7px 15px;margin:4px;margin-left:0}.widget-tags .tag-list a:hover{color:var(--sydney-dark-background)}.search-field{max-width:100%}.wp-block-search__button.has-icon{padding:12px !important}.tags-links a{display:inline-block;background-color:var(--sydney-grey-color);padding:2px 10px;color:#fff;margin:0 4px;font-size:12px;text-transform:uppercase;font-weight:600}.tags-links a:hover{background-color:var(--sydney-headings-color)}.tags-links a:first-of-type{margin-left:0}.footer-widgets{border:0;padding:0;background-color:#252525}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-of-type{margin-bottom:0}.footer-widgets .widget-title{text-transform:uppercase;color:#fff;line-height:normal;margin:5px 0 0}.footer-widgets,.footer-widgets a{color:#666}.footer-widgets-grid{padding:95px 0;display:grid;gap:30px}.footer-widgets-grid.footer-layout-2{grid-template-columns:repeat(2, 1fr)}.footer-widgets-grid.footer-layout-col2-bigleft{grid-template-columns:2fr 1fr}.footer-widgets-grid.footer-layout-col2-bigright{grid-template-columns:1fr 2fr}.footer-widgets-grid.footer-layout-3{grid-template-columns:repeat(3, 1fr)}.footer-widgets-grid.footer-layout-col3-bigleft{grid-template-columns:3fr 1fr 1fr}.footer-widgets-grid.footer-layout-col3-bigright{grid-template-columns:1fr 1fr 3fr}.footer-widgets-grid.footer-layout-4{grid-template-columns:repeat(4, 1fr)}.footer-widgets-grid.footer-layout-col4-bigleft{grid-template-columns:2fr 1fr 1fr 1fr}.footer-widgets-grid.footer-layout-col4-bigright{grid-template-columns:1fr 1fr 1fr 2fr}.footer-widgets-grid.align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-widgets-grid.align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.visibility-mobile-only{display:none}@media(max-width: 991px){.visibility-desktop-only{display:none}.visibility-mobile-only{display:block}}.site-info{padding:20px 0}.site-footer{background-color:#1c1c1c}.site-footer,.site-footer a{color:#666}.site-footer svg{fill:#666}.social-profile{text-align:right}.social-profile a{margin-right:20px}.social-profile a:last-of-type{margin-right:0}.preloader{background:none repeat scroll 0 0 #fff;height:100%;opacity:1;position:fixed;text-align:center;-webkit-transition:opacity .2s ease 0s;transition:opacity .2s ease 0s;width:100%;z-index:9999}.preloader.disable{opacity:0}.preloader.hide{display:none}.preloader .spinner{height:30px;left:50%;margin-left:-15px;margin-top:-15px;position:relative;top:50%;width:30px}.preloader .pre-bounce1,.preloader .pre-bounce2{-webkit-animation:2s ease 0s normal none infinite bounce;animation:2s ease 0s normal none infinite bounce;background-color:var(--sydney-global-color-1);border-radius:50%;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.preloader .pre-bounce2{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.go-top{position:fixed !important;right:20px;bottom:-45px;color:#fff;display:block;line-height:1;text-align:center;padding:15px;visibility:hidden;opacity:0;z-index:9999;cursor:pointer;font-size:14px;border-radius:2px;-webkit-transition:all .5s;transition:all .5s}.go-top.position-left{right:auto;left:20px}.go-top:hover{background-color:#fff}.go-top.show{opacity:1;visibility:visible;bottom:11px}.go-top span{margin-right:7px;vertical-align:middle}.sydney_contact_info_widget span{color:var(--sydney-global-color-1);margin-right:15px}.sydney_contact_info_widget div{margin-bottom:10px}.roll-button{position:relative;display:inline-block;font-size:13px;line-height:24px;font-weight:500;padding:12px 35px;letter-spacing:1px;color:#fff;text-transform:uppercase;border-radius:3px;-webkit-transition:all .3s;transition:all .3s}.roll-button:hover{background-color:rgba(0,0,0,0)}.roll-button.border{background-color:rgba(0,0,0,0);text-transform:uppercase}.roll-button.border:hover{color:#fff}.roll-button.border.text-white{color:#fff}.more-button{display:table;margin:30px auto 0;clear:both}a{color:var(--sydney-global-color-1)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--sydney-global-color-1)}.wp-block-post-title a,.wp-block-post-title>a,.wp-block-latest-posts__post-title{color:var(--sydney-headings-color)}.text-color{color:var(--sydney-global-color-1)}button,input[type=button],input[type=reset],input[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form button[type=submit],div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form .wpforms-page-button{background-color:var(--sydney-global-color-1);border:1px solid var(--sydney-global-color-1)}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form input[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form button[type=submit]:hover,div.wpforms-container-full:not(.wpforms-render-modern) .wpforms-form .wpforms-page-button:hover{background-color:rgba(0,0,0,0);color:var(--sydney-global-color-1)}div.wpforms-container-full.wpforms-render-modern button[type=submit],div.wpforms-container-full.wpforms-render-modern input[type=submit],div.wpforms-container-full.wpforms-render-modern .wpforms-page-button{font-weight:400;min-height:var(--wpforms-button-size-height)}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus{border:1px solid var(--sydney-global-color-1)}#mainnav>ul>li>a.active,#mainnav>ul>li>a:hover{color:var(--sydney-global-color-1)}#mainnav ul li ul:after{background-color:var(--sydney-global-color-1);-webkit-transition:all .3s ease;transition:all .3s ease}#mainnav .sub-menu li:hover>a{background-color:var(--sydney-global-color-1)}.error-wrap #search-submit:hover{background-color:var(--sydney-global-color-1);border-color:var(--sydney-global-color-1)}.hentry .meta-post a:hover{color:var(--sydney-global-color-1)}.sidebar .widget:before{background-color:var(--sydney-global-color-1)}.widget-tags .tag-list a:hover{border:1px solid var(--sydney-global-color-1)}.comment .comment-detail{border:1px solid var(--sydney-global-color-1)}.bottom .socials li:hover a,.go-top{background-color:var(--sydney-global-color-1)}.go-top:hover{color:var(--sydney-global-color-1)}.switcher-container .switcher-icon a:focus{color:var(--sydney-global-color-1)}.llms-student-dashboard .llms-button-secondary,.roll-button{background-color:var(--sydney-global-color-1);border:1px solid var(--sydney-global-color-1)}.llms-student-dashboard .llms-button-secondary:hover,.roll-button:hover{color:var(--sydney-global-color-1)}.roll-button.border{color:var(--sydney-global-color-1);border:1px solid var(--sydney-global-color-1)}.roll-button.border:hover{background-color:var(--sydney-global-color-1)}.wp-custom-header video{display:block;height:auto;max-width:100%;width:100%}.wp-custom-header iframe{vertical-align:top}.wp-custom-header{position:relative}.wp-custom-header .wp-custom-header-video-button{display:none}.page-template-page_front-page.elementor-page .page-wrap .content-wrapper,.page-template-page_front-page.fl-builder .page-wrap .content-wrapper{width:100%;padding:0 15px}.fl-widget .widgettitle,div[class*=elementor-widget-wp-widget-sydney] h5{text-align:center;margin-bottom:50px;position:relative;font-weight:600;line-height:normal;text-transform:uppercase;padding-bottom:10px;font-size:32px}.mc4wp-form label{display:block;width:100%}.mc4wp-form input:not([type=submit]){width:100%}.sydney-breadcrumbs{background-color:var(--sydney-light-background);padding:15px;margin-bottom:30px;margin-right:20px}.sydney-breadcrumbs,.sydney-breadcrumbs a{color:var(--sydney-grey-color)}.sydney-breadcrumbs a{text-decoration:underline;margin:0 3px;-webkit-text-decoration-color:#bababa;text-decoration-color:#bababa}.sydney-svg-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;line-height:1}.go-top svg{stroke:#fff;width:18px;height:18px}.go-top:hover svg{fill:none;stroke:var(--sydney-global-color-1)}.meta-post .sydney-svg-icon{position:absolute;top:2px;left:0;width:14px}.posted-on .sydney-svg-icon{top:-1px}.single-meta .sydney-svg-icon{fill:var(--sydney-grey-color)}.single-meta .sydney-svg-icon{width:14px;height:20px;margin-right:7px}.wp-custom-header button{fill:#fff}.btn-menu .sydney-svg-icon{width:22px;fill:#fff}.btn-submenu svg{fill:#fff;width:20px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .4s;transition:all .4s;position:relative;top:15px}.btn-submenu.active svg{-webkit-transform:rotate(0);transform:rotate(0)}.visibility-mobile-only{display:none}@media(max-width: 991px){.visibility-desktop-only{display:none}.visibility-mobile-only{display:block}}@media only screen and (min-width: 1930px){.parallax{background-size:cover}}@media only screen and (max-width: 991px){.parallax{background-size:cover;background-attachment:scroll;background-position:top center !important}.header-wrap .col-md-8{padding:0}.last{margin-bottom:0 !important}.margin-bottom-device{margin-bottom:50px}.margin-top-device{margin-top:50px}.content-area .post-wrap,.contact-form-wrap{padding-right:0}.contact-form-aside,.widget-area{margin-top:50px}.footer-widgets .widget{margin-bottom:50px}}@media only screen and (max-width: 1024px){.site-header.fixed{position:static !important}.site-header{position:static;background-color:rgba(0,0,0,.9)}.header-clone{display:none}.posts-navigation{overflow:hidden;margin-bottom:30px}#mainnav{display:none}.btn-menu{display:block}.fw-menu-container{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 780px){h1{font-size:32px}h2{font-size:28px}h3{font-size:22px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape){.parallax{background-size:cover;background-attachment:scroll;background-position:top center !important}.slides-container .slide-item{background-position:center center !important;background-attachment:scroll !important}}@media only screen and (max-width: 1399px){.site-header #mainnav ul li ul{right:14px}.site-header #mainnav ul li ul li ul{left:-100%}}@media only screen and (max-width: 767px){.layout6 article{display:block}.posts-layout .list-image{width:100% !important}.posts-layout .list-image .entry-thumb{margin:0 0 30px !important}.col-grow-mobile{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.posts-layout .list-content,.posts-layout{max-width:100%}.roll-button{padding:10px 30px}.comment-list .children{margin-left:75px}.social-menu-widget a:before{font-size:42px}.btn-menu{float:none;margin:15px auto 0}.header-wrap{text-align:center}#mainnav-mobi{top:auto}.site-header.float-header{padding-top:20px;padding-bottom:20px}.fluid-width-video-wrapper+#wp-custom-header-video-button{display:none}.footer-widgets-grid{grid-template-columns:1fr !important}.site-info .sydney-credits,.site-info .social-profile{text-align:center}.site-info .social-profile{margin-top:15px}input,optgroup,select,textarea{max-width:100%}.content-wrapper .layout4 .content-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout4 .posts-layout .content-inner .list-content{width:100%}}@media only screen and (max-width: 575px){.post-navigation .nav-previous,.post-navigation .nav-next{width:100%;float:none;text-align:left;text-align:center;padding:15px}.post-navigation .nav-previous{border:0;border-bottom:1px solid rgba(0,16,46,.1)}#commentform .comment-form-email,#commentform .comment-form-url{width:100%;margin-left:0;margin-right:0}.comment-respond{padding:20px}}@media only screen and (max-width: 479px){.sidebar-column{padding:0}.roll-button{font-size:12px}}@media screen and (min-width: 1025px){#mainnav>div>ul,.header-wrap .fw-menu-container>.row,.header-wrap .container>.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.main-header #mainnav>div>ul,.bottom-header-row #mainnav>div>ul{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}#mainnav>div>ul{-ms-flex-wrap:wrap;flex-wrap:wrap}.menu-centered #mainnav>div>ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu-centered .fw-menu-container>.row{-ms-flex-wrap:wrap;flex-wrap:wrap}}.mobile-slide{display:none}.sydney-hero-area{overflow:hidden}:root .site :where(a:where(:not(.wp-element-button))){text-decoration:none !important}.wp-block-post{width:100% !important}.wp-block-button__link{font-weight:600;background-color:var(--sydney-button-background)}.wp-block-button__link:hover{opacity:.85;color:#fff}.wp-block-button.is-style-outline a:not(.has-text-color){color:var(--sydney-button-background)}.wp-block-button.is-style-outline a:not(.has-text-color):hover{background-color:var(--sydney-button-background);border-color:var(--sydney-button-background);color:#fff}.post-template-post_nosidebar .content-area{max-width:805px;margin-left:auto;margin-right:auto}.post-template-post_nosidebar .alignfull,.post-template-post_nosidebar .wp-block-cover-image{max-width:100vw;width:auto;margin-left:-182px;margin-right:-182px}.post-template-post_nosidebar .alignwide{max-width:none;width:calc(100% + 200px);position:relative;left:-100px}.page-template-page_front-page .alignfull{margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}.page-template-page_front-page.syd-has-blocks{overflow-x:hidden}.is-style-sydney-no-margin{margin:0 !important}.zindex10{z-index:10;overflow:visible}@media(min-width: 1024px){.no-sidebar .entry-content .alignfull{margin:20px calc(50% - 50vw);max-width:100vw;width:100vw}.no-sidebar .entry-content .alignwide{margin:20px calc(25% - 25vw);width:auto}}.wp-block-group.has-background{padding:20px 30px}.is-layout-flex.is-vertical>.wp-block-image.is-resized img{max-width:none}.sydney-icon-row>.sydney-icon,.sydney-avatar-row>.sydney-avatar{-ms-flex-negative:0;flex-shrink:0}.sydney-icon-row>.sydney-icon+.wp-block-group,.sydney-avatar-row>.sydney-avatar+.wp-block-group{min-width:0}.sydney-avatar-row>.sydney-avatar+.wp-block-group{overflow-wrap:break-word}@media(max-width: 781px){.wp-block-group.sydney-icon-row,.wp-block-group.sydney-avatar-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.sydney-icon-row>.sydney-icon+.wp-block-group,.sydney-avatar-row>.sydney-avatar+.wp-block-group{min-width:auto}}.shfb-footer .shfb-row-wrapper.syd-hidden,.shfb-row-wrapper.syd-hidden{display:none}#mainnav-mobi.syd-hidden{display:none}#mainnav-mobi.toggled{display:block}.btn-submenu.toggled~.sub-menu{display:block !important;position:relative !important;opacity:1 !important;visibility:visible !important}.sub-menu.toggled{display:block !important}@media(min-width: 991px){.content-area.sidebar-left{padding-right:15px;padding-left:60px;float:right}} /* ==================================================================== UK AIRPORT — REDESIGN LAYER -------------------------------------------------------------------- Everything above this banner is the untouched Sydney parent-theme stylesheet. It loads first on purpose so the rules below win on the cascade without needing !important. Covers: front-page.php, parent.php, child.php, arrival.php, departure.php, all-airports.php, airport-parent.php, airport-nav-pills.php, plus blog/archive/search/404/single/comments. No markup was changed — every selector here matches HTML that already exists. ==================================================================== */ /* -------------------------------------------------------------- 0. DESIGN TOKENS -------------------------------------------------------------- */ :root { /* Brand — midnight navy */ --ap-navy-900: #05121F; --ap-navy-800: #0A2036; --ap-navy-700: #102C49; --ap-navy-600: #17395C; --ap-navy-500: #23507F; /* Accent — runway sky */ --ap-sky-700: #005C9E; --ap-sky-600: #0077C8; --ap-sky-500: #0090E8; --ap-sky-400: #35ACF5; --ap-sky-200: #B6DFFB; --ap-sky-100: #E4F2FD; /* Signal — live boards */ --ap-amber-500: #F0A414; --ap-amber-100: #FFF3DA; --ap-live: #12A76A; --ap-live-100: #E2F6EE; --ap-alert: #E5484D; /* Neutrals */ --ap-white: #FFFFFF; --ap-50: #F7F9FC; --ap-100: #EFF3F8; --ap-200: #E2E9F1; --ap-300: #CBD6E3; --ap-400: #94A5B8; --ap-500: #6B7C90; --ap-600: #4C5D71; --ap-700: #334458; --ap-900: #101D2C; /* Semantic */ --ap-text: #1B2A3B; --ap-text-muted: #5D6E82; --ap-heading: var(--ap-navy-800); --ap-link: var(--ap-sky-600); --ap-link-hover: var(--ap-navy-700); --ap-border: var(--ap-200); --ap-surface: var(--ap-white); --ap-surface-alt: var(--ap-50); /* Type */ --ap-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ap-font-display: var(--ap-font); --ap-fs-display: clamp(2.25rem, 1.30rem + 4.20vw, 4.25rem); --ap-fs-h1: clamp(1.95rem, 1.35rem + 2.60vw, 3.10rem); --ap-fs-h2: clamp(1.60rem, 1.20rem + 1.75vw, 2.45rem); --ap-fs-h3: clamp(1.25rem, 1.05rem + 0.85vw, 1.65rem); --ap-fs-h4: clamp(1.10rem, 1.00rem + 0.45vw, 1.30rem); --ap-fs-lead: clamp(1.02rem, 0.96rem + 0.30vw, 1.20rem); --ap-fs-body: 1rem; --ap-fs-sm: 0.9125rem; --ap-fs-xs: 0.8125rem; /* Space */ --ap-section-y: clamp(3.25rem, 2.10rem + 4.60vw, 6.25rem); --ap-gap: clamp(1.25rem, 0.95rem + 1.30vw, 2rem); --ap-container: 1200px; --ap-container-pad: clamp(1rem, 0.55rem + 1.90vw, 2rem); /* Shape */ --ap-radius-xs: 6px; --ap-radius-sm: 10px; --ap-radius: 14px; --ap-radius-lg: 20px; --ap-radius-xl: 28px; --ap-radius-pill: 999px; /* Elevation */ --ap-shadow-xs: 0 1px 2px rgba(10, 32, 54, .06); --ap-shadow-sm: 0 2px 8px rgba(10, 32, 54, .07); --ap-shadow: 0 8px 24px -8px rgba(10, 32, 54, .16), 0 2px 6px rgba(10, 32, 54, .05); --ap-shadow-lg: 0 22px 48px -18px rgba(10, 32, 54, .30), 0 4px 12px rgba(10, 32, 54, .07); --ap-ring: 0 0 0 3px rgba(0, 144, 232, .32); /* Motion */ --ap-ease: cubic-bezier(.4, .14, .3, 1); --ap-dur: .28s; /* Gradients */ --ap-grad-brand: linear-gradient(135deg, var(--ap-navy-800) 0%, var(--ap-navy-600) 55%, var(--ap-sky-700) 100%); --ap-grad-sky: linear-gradient(135deg, var(--ap-sky-600) 0%, var(--ap-sky-400) 100%); --ap-scrim: linear-gradient(90deg, rgba(5, 18, 31, .90) 0%, rgba(5, 18, 31, .74) 42%, rgba(5, 18, 31, .30) 100%); /* ---- Legacy aliases: kept so any rule or inline style still referencing the previous token names keeps resolving. ---- */ --primary: var(--ap-navy-800); --primary-dark: var(--ap-navy-900); --secondary: var(--ap-navy-600); --text-dark: var(--ap-text); --text-light: var(--ap-text-muted); --accent: var(--ap-sky-500); --accent-hover: var(--ap-sky-600); --white: var(--ap-white); --light-bg: var(--ap-50); --light-gray: var(--ap-100); --border-color: var(--ap-border); --success: var(--ap-live); --overlay-dark: rgba(5, 18, 31, .70); --radius-sm: var(--ap-radius-sm); --radius-md: var(--ap-radius); --radius-lg: var(--ap-radius-lg); } /* -------------------------------------------------------------- 1. BASE & TYPOGRAPHY -------------------------------------------------------------- */ body { font-family: var(--ap-font); font-size: var(--ap-fs-body); line-height: 1.65; color: var(--ap-text); background: var(--ap-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: var(--ap-font-display); color: var(--ap-heading); font-weight: 700; line-height: 1.18; letter-spacing: -.015em; margin: 0 0 .6em; text-wrap: balance; } h1 { font-size: var(--ap-fs-h1); } h2 { font-size: var(--ap-fs-h2); } h3 { font-size: var(--ap-fs-h3); } h4 { font-size: var(--ap-fs-h4); } h5 { font-size: 1.05rem; } h6 { font-size: .95rem; letter-spacing: .02em; text-transform: uppercase; color: var(--ap-text-muted); } p { margin: 0 0 1.15rem; } p:last-child { margin-bottom: 0; } a { color: var(--ap-link); text-decoration: none; transition: color var(--ap-dur) var(--ap-ease); } a:hover, a:focus { color: var(--ap-link-hover); } img { max-width: 100%; height: auto; } hr { border: 0; height: 1px; background: var(--ap-border); margin: 2rem 0; } ::selection { background: var(--ap-sky-200); color: var(--ap-navy-900); } :focus-visible { outline: 2px solid var(--ap-sky-500); outline-offset: 2px; border-radius: var(--ap-radius-xs); } .eyebrow-text { display: inline-flex; align-items: center; gap: .55rem; font-size: var(--ap-fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ap-sky-600); margin: 0 0 .85rem; } .eyebrow-text::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: var(--ap-grad-sky); } /* -------------------------------------------------------------- 2. LAYOUT PRIMITIVES -------------------------------------------------------------- */ .container { width: 100%; max-width: var(--ap-container); margin-inline: auto; padding-inline: var(--ap-container-pad); } /* Bootstrap 3 clearfix neutraliser. BS3 sets `.row:before/.row:after { content:" "; display:table; }`. In a flex or grid container those pseudo-elements become real items: ::before takes the first cell, pushing every child one slot along and wrapping the last one off the end. Any `.row` turned into grid/flex below must drop them, or the columns silently shift. */ .hero-section .row::before, .hero-section .row::after, .row.quick-services__row::before, .row.quick-services__row::after, .row.gateway-section__row::before, .row.gateway-section__row::after, .row.destinations-section__header::before, .row.destinations-section__header::after, .row.blog-section__row::before, .row.blog-section__row::after, .row.sustainability-banner__row::before, .row.sustainability-banner__row::after, .row.ul-parentPage::before, .row.ul-parentPage::after, .services-section > .container > .row::before, .services-section > .container > .row::after, .inner-page > .container > .row::before, .inner-page > .container > .row::after, .inner > .container > .row::before, .inner > .container > .row::after { content: none; } .icon { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; } .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* -------------------------------------------------------------- 3. BUTTON SYSTEM -------------------------------------------------------------- */ .btn-airport { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .85rem 1.6rem; font-family: var(--ap-font); font-size: var(--ap-fs-sm); font-weight: 650; line-height: 1.2; letter-spacing: .01em; border: 1.5px solid transparent; border-radius: var(--ap-radius-pill); cursor: pointer; text-align: center; transition: transform var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease), background-color var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease), color var(--ap-dur) var(--ap-ease); } .btn-airport .icon { transition: transform var(--ap-dur) var(--ap-ease); } .btn-airport:hover .icon { transform: translateX(3px); } .btn-airport:active { transform: translateY(1px); } .btn-airport-primary { background: var(--ap-grad-sky); color: var(--ap-white); box-shadow: 0 10px 22px -10px rgba(0, 144, 232, .70); } .btn-airport-primary:hover, .btn-airport-primary:focus { color: var(--ap-white); box-shadow: 0 16px 30px -12px rgba(0, 144, 232, .85); transform: translateY(-2px); } .btn-airport-dark { background: var(--ap-navy-800); color: var(--ap-white); box-shadow: 0 10px 22px -12px rgba(10, 32, 54, .85); } .btn-airport-dark:hover, .btn-airport-dark:focus { background: var(--ap-navy-700); color: var(--ap-white); transform: translateY(-2px); } .btn-airport-outline { background: transparent; color: var(--ap-navy-800); border-color: var(--ap-300); } .btn-airport-outline:hover, .btn-airport-outline:focus { color: var(--ap-sky-700); border-color: var(--ap-sky-500); background: var(--ap-sky-100); transform: translateY(-2px); } .btn-airport-white { background: var(--ap-white); color: var(--ap-navy-800); box-shadow: var(--ap-shadow); } .btn-airport-white:hover, .btn-airport-white:focus { color: var(--ap-sky-700); transform: translateY(-2px); box-shadow: var(--ap-shadow-lg); } /* -------------------------------------------------------------- 4. FORMS & SEARCH Styles WordPress core's get_search_form() output. -------------------------------------------------------------- */ .search-form { display: flex; align-items: stretch; gap: .5rem; width: 100%; max-width: 540px; background: var(--ap-white); padding: .4rem; border-radius: var(--ap-radius-pill); box-shadow: var(--ap-shadow); } .search-form label { flex: 1 1 auto; min-width: 0; margin: 0; display: block; } /* Scoped to .search-form so it outranks the generic input[type="search"] rule below (0,1,1), which would otherwise repaint the field white. */ .search-form .search-field { width: 100%; height: 46px; padding: 0 .5rem 0 1.15rem; font-family: var(--ap-font); font-size: var(--ap-fs-sm); color: var(--ap-text); background: transparent; border: 0; border-radius: var(--ap-radius-pill); outline: none; box-shadow: none; } .search-form .search-field:focus { border: 0; box-shadow: none; } .search-form .search-field::placeholder { color: var(--ap-400); } .search-form .search-submit { flex: none; height: 46px; padding: 0 1.5rem; font-family: var(--ap-font); font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-white); background: var(--ap-grad-sky); border: 0; border-radius: var(--ap-radius-pill); cursor: pointer; transition: filter var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .search-form .search-submit:hover { filter: brightness(1.07); transform: translateY(-1px); } input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], textarea, select { width: 100%; padding: .75rem 1rem; font-family: var(--ap-font); font-size: var(--ap-fs-sm); color: var(--ap-text); background: var(--ap-white); border: 1.5px solid var(--ap-border); border-radius: var(--ap-radius-sm); transition: border-color var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus { outline: none; border-color: var(--ap-sky-500); box-shadow: var(--ap-ring); } textarea { min-height: 150px; resize: vertical; } /* -------------------------------------------------------------- 5. SHARED PAGE HEADER — .inner-wrapper / .inner-wrapper-new Used by parent.php, child.php, all-airports.php, arrival.php, departure.php. child.php sets a background-image inline, so the overlay here is a ::before layer that sits on top of it. -------------------------------------------------------------- */ .inner-wrapper, .inner-wrapper-new { position: relative; isolation: isolate; padding: clamp(2.5rem, 1.60rem + 3.60vw, 4.5rem) 0 clamp(2rem, 1.40rem + 2.40vw, 3.25rem); background-color: var(--ap-navy-800); background-image: var(--ap-grad-brand); overflow: hidden; } /* Scrim over the inline featured image on child.php */ .inner-wrapper::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, rgba(5, 18, 31, .88) 0%, rgba(5, 18, 31, .62) 55%, rgba(0, 92, 158, .45) 100%); } /* Soft runway glow */ .inner-wrapper::after, .inner-wrapper-new::after { content: ""; position: absolute; z-index: -1; right: -140px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(53, 172, 245, .30) 0%, rgba(53, 172, 245, 0) 68%); pointer-events: none; } .inner-wrapper .container, .inner-wrapper-new .container { position: relative; z-index: 1; } .inner-title h1, .inner-title h2 { color: var(--ap-white); font-size: var(--ap-fs-h1)!important; font-weight: 750; letter-spacing: -.02em; margin: 0 0 10px 0; max-width: 30ch; text-shadow: 0 2px 18px rgba(5, 18, 31, .35); } /* -------------------------------------------------------------- 6. BREADCRUMBS — .brcr wrapper + Yoast #breadcrumbs -------------------------------------------------------------- */ .brcr { margin: 0 0 1rem; } .inner-wrapper .brcr, .inner-wrapper-new .brcr { margin-bottom: .9rem; } #breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; margin: 0; padding: 0; font-size: var(--ap-fs-xs); font-weight: 550; letter-spacing: .01em; color: var(--ap-text-muted); list-style: none; } #breadcrumbs a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; transition: color var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } #breadcrumbs a:hover { color: var(--ap-sky-600); border-bottom-color: currentColor; } #breadcrumbs .breadcrumb_last, #breadcrumbs strong { color: var(--ap-text); font-weight: 650; } /* On dark headers */ .inner-wrapper #breadcrumbs, .inner-wrapper-new #breadcrumbs { color: rgba(255, 255, 255, .72); } .inner-wrapper #breadcrumbs a:hover, .inner-wrapper-new #breadcrumbs a:hover { color: var(--ap-sky-200); } .inner-wrapper #breadcrumbs .breadcrumb_last, .inner-wrapper #breadcrumbs strong, .inner-wrapper-new #breadcrumbs .breadcrumb_last, .inner-wrapper-new #breadcrumbs strong { color: var(--ap-white); } /* -------------------------------------------------------------- 7. AIRPORT NAV PILLS — template-parts/airport-nav-pills.php Horizontally scrollable on small screens, no wrap jitter. -------------------------------------------------------------- */ .airport-nav-pills { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.5rem; } .nav-pill { display: inline-flex; align-items: center; padding: .55rem 1.15rem; font-size: var(--ap-fs-sm); font-weight: 600; line-height: 1.2; color: rgba(255, 255, 255, .88); background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .20); border-radius: var(--ap-radius-pill); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); white-space: nowrap; transition: background-color var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease), color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .nav-pill:hover, .nav-pill:focus { color: var(--ap-white); background: rgba(255, 255, 255, .20); border-color: rgba(255, 255, 255, .38); transform: translateY(-1px); } .nav-pill.active { color: var(--ap-navy-800); background: var(--ap-white); border-color: var(--ap-white); box-shadow: 0 6px 16px -6px rgba(5, 18, 31, .55); } .nav-pill.active:hover { color: var(--ap-navy-800); } /* -------------------------------------------------------------- 8. INNER PAGE BODY — .inner-page The content/sidebar split in child.php, arrival.php and departure.php is .col-md-8 + .col-md-4 inside .row. Redefined here as CSS Grid so the layout is correct and responsive even if the Bootstrap grid is not present. -------------------------------------------------------------- */ .inner-page { padding: clamp(2.25rem, 1.60rem + 2.60vw, 3.75rem) 0 var(--ap-section-y); background: var(--ap-white); } /* -------------------------------------------------------------- 9. ARTICLE CONTENT — .child-content WordPress + Gutenberg output inside child/arrival/departure. -------------------------------------------------------------- */ .child-content { font-size: var(--ap-fs-lead); line-height: 1.75; color: var(--ap-text); } .child-content > *:first-child { margin-top: 0; } .child-content > *:last-child { margin-bottom: 0; } .child-content h2, .child-content h3, .child-content h4 { margin: 2.25rem 0 .85rem; scroll-margin-top: 100px; } .child-content h2 { font-size: var(--ap-fs-h2); padding-bottom: .5rem; border-bottom: 2px solid var(--ap-100); } .child-content h3 { font-size: var(--ap-fs-h3); } .child-content h4 { font-size: var(--ap-fs-h4); } .child-content p { margin: 0 0 1.25rem; } .child-content a { color: var(--ap-sky-600); font-weight: 550; border-bottom: 1px solid var(--ap-sky-200); transition: color var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } .child-content a:hover { color: var(--ap-navy-700); border-bottom-color: currentColor; } .child-content ul, .child-content ol { margin: 0 0 1.4rem; padding-left: 1.35rem; } .child-content li { margin-bottom: .55rem; } .child-content li::marker { color: var(--ap-sky-500); } .child-content ul { list-style: none; padding-left: 0; } .child-content ul li { position: relative; padding-left: 1.7rem; } .child-content ul li::before { content: ""; position: absolute; left: .25rem; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--ap-grad-sky); } .child-content ol ul li::before, .child-content ul ul li::before { background: var(--ap-300); } .child-content img { border-radius: var(--ap-radius); box-shadow: var(--ap-shadow-sm); } .child-content blockquote { margin: 1.75rem 0; padding: 1.35rem 1.6rem; background: var(--ap-sky-100); border-left: 4px solid var(--ap-sky-500); border-radius: 0 var(--ap-radius) var(--ap-radius) 0; font-size: 1.05em; color: var(--ap-navy-700); } .child-content blockquote p:last-child { margin-bottom: 0; } .child-content blockquote cite { display: block; margin-top: .6rem; font-size: var(--ap-fs-xs); font-style: normal; font-weight: 650; color: var(--ap-text-muted); } .child-content code { padding: .15em .45em; font-size: .88em; background: var(--ap-100); border-radius: var(--ap-radius-xs); color: var(--ap-navy-700); } .child-content pre { margin: 1.5rem 0; padding: 1.25rem 1.4rem; background: var(--ap-navy-900); color: #D9E6F2; border-radius: var(--ap-radius); overflow-x: auto; font-size: var(--ap-fs-sm); line-height: 1.6; } .child-content pre code { background: none; color: inherit; padding: 0; } /* Tables inside content scroll rather than break the layout */ .child-content table { width: 100%; margin: 1.75rem 0; border-collapse: separate; border-spacing: 0; font-size: var(--ap-fs-sm); background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius); overflow: hidden; } .child-content table th, .child-content table td { padding: .85rem 1rem; text-align: left; /* Sydney sets th,td{border:1px solid #333} — reset before restyling */ border: 0; border-bottom: 1px solid var(--ap-border); } .child-content table th { background: var(--ap-50); font-weight: 700; color: var(--ap-navy-800); letter-spacing: .01em; } .child-content table tr:last-child td { border-bottom: 0; } .child-content table tbody tr { transition: background-color var(--ap-dur) var(--ap-ease); } .child-content table tbody tr:hover { background: var(--ap-50); } .child-content .wp-block-table, .child-content figure.wp-block-table { margin: 1.75rem 0; overflow-x: auto; -webkit-overflow-scrolling: touch; } .child-content .wp-block-table table { margin: 0; } .child-content figure { margin: 1.75rem 0; } .child-content figcaption { margin-top: .6rem; font-size: var(--ap-fs-xs); color: var(--ap-text-muted); text-align: center; } .child-content iframe, .child-content video, .child-content embed { max-width: 100%; border-radius: var(--ap-radius); } .child-content .wp-block-embed__wrapper { position: relative; } /* -------------------------------------------------------------- 10. SIDEBAR — .sidebar, .side-latest, .latest-side, .side-a Used by child.php, arrival.php, departure.php. -------------------------------------------------------------- */ .sidebar { margin-bottom: 1.5rem; } .sidebar:last-child { margin-bottom: 0; } .side-latest, .sidebar-search { padding: 1.5rem; background: var(--ap-surface-alt); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); } .side-latest .heading, .sidebar .heading { position: relative; margin: 0 0 1.15rem; padding-bottom: .75rem; font-family: var(--ap-font-display); font-size: 1.08rem; font-weight: 700; letter-spacing: -.01em; color: var(--ap-navy-800); border-bottom: 1px solid var(--ap-border); } .side-latest .heading::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 44px; height: 3px; border-radius: 3px; background: var(--ap-grad-sky); } .latest-side { margin: 0; padding: 0; list-style: none; } .latest-side li { margin: 0; padding: 0; border-bottom: 1px solid var(--ap-border); } .latest-side li:last-child { border-bottom: 0; } .latest-side p { margin: 0; } .side-a { display: block; padding: .8rem 0 .8rem 1.4rem; position: relative; font-size: var(--ap-fs-sm); font-weight: 550; line-height: 1.5; color: var(--ap-text); transition: color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .side-a::before { content: ""; position: absolute; left: 0; top: 1.28em; width: 6px; height: 6px; border-radius: 50%; background: var(--ap-300); transition: background-color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .side-a:hover { color: var(--ap-sky-600); transform: translateX(3px); } .side-a:hover::before { background: var(--ap-grad-sky); transform: scale(1.35); } /* Sticky sidebar on desktop only */ @media (min-width: 992px) { .inner-page > .container > .row > .col-md-4 { position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: thin; } .inner-page > .container > .row > .col-md-4::-webkit-scrollbar { width: 6px; } .inner-page > .container > .row > .col-md-4::-webkit-scrollbar-thumb { background: var(--ap-300); border-radius: 3px; } } /* Plugin widgets dropped into the sidebar (Ajax Search Lite, EZ-TOC) */ .sidebar-search #ez-toc-container, .sidebar-search .ez-toc-title-container { background: transparent; border: 0; box-shadow: none; padding: 0; width: 100%; } .sidebar-search .ez-toc-title { font-family: var(--ap-font-display); font-size: 1.08rem; font-weight: 700; color: var(--ap-navy-800); } .sidebar-search #ez-toc-container ul { padding-left: 0; } .sidebar-search #ez-toc-container a { font-size: var(--ap-fs-sm); color: var(--ap-text); } .sidebar-search #ez-toc-container a:hover { color: var(--ap-sky-600); } /* -------------------------------------------------------------- 11. CARD GRID — .ul-parentPage / .latest-page parent.php (with thumbnails) and all-airports.php (text only). The markup carries .col-md-3, replaced here with an auto-fill grid so cards reflow at every width. -------------------------------------------------------------- */ .row.ul-parentPage, ul.ul-parentPage { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--ap-gap); margin: 0; padding: 0; list-style: none; } .ul-parentPage > li, .ul-parentPage > .col-md-3 { width: auto; max-width: none; min-width: 0; flex: initial; float: none; padding: 0; margin: 0; list-style: none; display: flex; } .latest-page { display: flex; flex-direction: column; width: 100%; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); overflow: hidden; transition: transform var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } .latest-page:hover { transform: translateY(-4px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow-lg); } .latest-page .thumbnail { position: relative; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ap-100); } .latest-page .thumbnail a { display: block; width: 100%; height: 100%; } .latest-page .thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s var(--ap-ease); } .latest-page:hover .thumbnail img { transform: scale(1.06); } .latest-page-title { margin: 0; padding: 1.05rem 1.15rem; font-family: var(--ap-font-display); font-size: 1rem; font-weight: 650; line-height: 1.4; letter-spacing: -.005em; } .latest-page-title a { display: block; color: var(--ap-navy-800); transition: color var(--ap-dur) var(--ap-ease); } .latest-page:hover .latest-page-title a { color: var(--ap-sky-600); } /* Text-only variant (all-airports.php) gets an arrow affordance */ .latest-page:not(:has(.thumbnail)) .latest-page-title { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 84px; padding: 1.25rem; } .latest-page:not(:has(.thumbnail)) .latest-page-title::after { content: ""; flex: none; width: 8px; height: 8px; border-top: 2px solid var(--ap-400); border-right: 2px solid var(--ap-400); transform: rotate(45deg); transition: border-color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .latest-page:not(:has(.thumbnail)):hover .latest-page-title::after { border-color: var(--ap-sky-500); transform: rotate(45deg) translate(2px, -2px); } /* -------------------------------------------------------------- 12. AIRPORT DIRECTORY — airport-parent.php .ad-parent (content + sidebar) and the arrivals/departures table. -------------------------------------------------------------- */ .inner { padding: clamp(2.25rem, 1.60rem + 2.60vw, 3.75rem) 0 var(--ap-section-y); background: var(--ap-white); } .inner > .container > .row { margin: 0; } .inner > .container > .row > .col-md-12 { padding: 0; width: 100%; float: none; } .ad-parent { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: clamp(1.75rem, 1.10rem + 2.60vw, 3rem); } .ad-parent__content { min-width: 0; } .ad-parent__content > h1 { font-size: var(--ap-fs-h1); margin: 0 0 .75rem; } .ad-parent__content #breadcrumbs { margin-bottom: 1.5rem; } .ad-parent__sidebar { min-width: 0; } @media (min-width: 992px) { .ad-parent__sidebar { position: sticky; top: 100px; } } @media (max-width: 991px) { .ad-parent { grid-template-columns: minmax(0, 1fr); } } /* ---- Arrivals / Departures table ---- */ .ad-airport-table { width: 100%; margin: 1.75rem 0 0; border-collapse: separate; border-spacing: 0; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); overflow: hidden; box-shadow: var(--ap-shadow-sm); } .ad-airport-table__heading { padding: .95rem 1.25rem; font-family: var(--ap-font-display); font-size: var(--ap-fs-xs); font-weight: 750; letter-spacing: .10em; text-transform: uppercase; text-align: left; color: var(--ap-white); background: var(--ap-navy-800); border: 0; } .ad-airport-table__heading:first-child { border-right: 1px solid rgba(255, 255, 255, .14); } .ad-airport-table__row { transition: background-color var(--ap-dur) var(--ap-ease); } .ad-airport-table__body .ad-airport-table__row:nth-child(even) { background: var(--ap-50); } .ad-airport-table__body .ad-airport-table__row:hover { background: var(--ap-sky-100); } .ad-airport-table__cell { padding: 0; /* Sydney sets th,td{border:1px solid #333} — reset before restyling */ border: 0; border-bottom: 1px solid var(--ap-border); border-right: 1px solid var(--ap-border); vertical-align: middle; text-align: left; } .ad-airport-table__cell:last-child { border-right: 0; } .ad-airport-table__body .ad-airport-table__row:last-child .ad-airport-table__cell { border-bottom: 0; } .ad-airport-table__link { display: flex; align-items: center; gap: .65rem; padding: .95rem 1.25rem; font-size: var(--ap-fs-sm); font-weight: 550; line-height: 1.45; color: var(--ap-navy-700); transition: color var(--ap-dur) var(--ap-ease); } .ad-airport-table__link::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ap-live); box-shadow: 0 0 0 3px var(--ap-live-100); } a.ad-airport-table__link:hover { color: var(--ap-sky-600); } .ad-airport-table__link--disabled { color: var(--ap-400); cursor: default; } .ad-airport-table__link--disabled::before { background: var(--ap-300); box-shadow: 0 0 0 3px var(--ap-100); } .ad-airport-table__empty { margin: 1.75rem 0 0; padding: 2rem; text-align: center; color: var(--ap-text-muted); background: var(--ap-50); border: 1px dashed var(--ap-300); border-radius: var(--ap-radius-lg); } /* Table becomes a stacked card list on phones */ @media (max-width: 575px) { .ad-airport-table, .ad-airport-table__body, .ad-airport-table__row, .ad-airport-table__cell { display: block; width: 100%; } .ad-airport-table__head { display: none; } .ad-airport-table { border: 0; border-radius: 0; box-shadow: none; background: transparent; } .ad-airport-table__body .ad-airport-table__row { margin-bottom: .75rem; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius); overflow: hidden; } .ad-airport-table__body .ad-airport-table__row:nth-child(even) { background: var(--ap-white); } .ad-airport-table__cell { border-right: 0; border-bottom: 1px solid var(--ap-border); } .ad-airport-table__cell:last-child { border-bottom: 0; } } /* ---- Sidebar list from the [ad_parent_pages] shortcode ---- */ .ad-sidebar-list__title { position: relative; margin: 0 0 1.15rem; padding-bottom: .75rem; font-family: var(--ap-font-display); font-size: 1.08rem; font-weight: 700; color: var(--ap-navy-800); border-bottom: 1px solid var(--ap-border); } .ad-sidebar-list__title::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 44px; height: 3px; border-radius: 3px; background: var(--ap-grad-sky); } .ad-parent__sidebar > * { padding: 1.5rem; background: var(--ap-surface-alt); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); } .ad-sidebar-list__items { margin: 0; padding: 0; list-style: none; } .ad-sidebar-list__item { border-bottom: 1px solid var(--ap-border); } .ad-sidebar-list__item:last-child { border-bottom: 0; } .ad-sidebar-list__link { display: block; padding: .8rem 0 .8rem 1.4rem; position: relative; font-size: var(--ap-fs-sm); font-weight: 550; color: var(--ap-text); transition: color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .ad-sidebar-list__link::before { content: ""; position: absolute; left: 0; top: 1.28em; width: 6px; height: 6px; border-radius: 50%; background: var(--ap-300); transition: background-color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .ad-sidebar-list__link:hover { color: var(--ap-sky-600); transform: translateX(3px); } .ad-sidebar-list__link:hover::before { background: var(--ap-grad-sky); transform: scale(1.35); } /* ==================================================================== 13. FRONT PAGE — front-page.php ==================================================================== */ /* -------------------------------------------------------------- 13a. HERO -------------------------------------------------------------- */ /* Split hero: brand panel carries the copy, photo occupies the right with a slanted leading edge. Keeps the subject of the photo fully visible instead of burying it under a full-bleed scrim. */ .hero-section { position: relative; isolation: isolate; display: flex; align-items: center; min-height: clamp(500px, 68vh, 720px); padding: clamp(3.5rem, 2.20rem + 5.20vw, 6rem) 0; overflow: hidden; background: var(--ap-navy-900); background-image: radial-gradient(120% 130% at 6% 12%, rgba(0, 119, 200, .38) 0%, rgba(0, 119, 200, 0) 55%), linear-gradient(135deg, var(--ap-navy-900) 0%, var(--ap-navy-800) 45%, var(--ap-navy-700) 100%); border-bottom: 3px solid transparent; border-image: linear-gradient(90deg, var(--ap-sky-500), var(--ap-sky-400) 35%, rgba(53, 172, 245, 0) 85%) 1; } .hero-section__media { position: absolute; inset: 0 0 0 50%; z-index: -2; clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%); } .hero-section__image { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* Feathers the photo into the panel so the slant reads as a blend, not a cut */ .hero-section__overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, var(--ap-navy-900) 0%, rgba(5, 18, 31, .82) 12%, rgba(5, 18, 31, .28) 34%, rgba(5, 18, 31, .10) 60%, rgba(5, 18, 31, .28) 100%); } .hero-section__container { position: relative; z-index: 1; } .hero-section .row { margin: 0; } .hero-section .row > [class*="col-"] { width: 100%; /* Must clear the photo panel that starts at the 50% mark */ max-width: 520px; padding: 0; flex: initial; float: none; } .hero-section__eyebrow { color: var(--ap-sky-200); margin-bottom: 1.1rem; } .hero-section__eyebrow::before { width: 34px; height: 2px; background: var(--ap-sky-400); } .hero-section__title { margin: 0 0 1.15rem; font-size: var(--ap-fs-display); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; color: var(--ap-white); } .hero-section__desc { position: relative; margin: 0 0 2.25rem; padding-left: 1.15rem; font-size: var(--ap-fs-lead); line-height: 1.6; color: rgba(255, 255, 255, .82); max-width: 42ch; } .hero-section__desc::before { content: ""; position: absolute; left: 0; top: .35em; bottom: .35em; width: 2px; border-radius: 2px; background: linear-gradient(180deg, var(--ap-sky-400), rgba(53, 172, 245, 0)); } .hero-section__search { max-width: 480px; } .hero-section__search .search-form { background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .22); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 18px 40px -18px rgba(5, 18, 31, .85); } .hero-section__search .search-form .search-field { color: var(--ap-white); } .hero-section__search .search-form .search-field::placeholder { color: rgba(255, 255, 255, .60); } .hero-section__cta { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.5rem; } /* -------------------------------------------------------------- 13b. QUICK SERVICES Overlaps the hero on desktop as a floating tile strip. -------------------------------------------------------------- */ /* Sits below the hero on its own — no negative margin, no overlap. */ .quick-services { position: relative; padding: clamp(2.5rem, 1.80rem + 2.80vw, 4rem) 0 0; background: var(--ap-white); } /* NOTE ON SPECIFICITY (applies to every row/column rule below): Sydney's stylesheet and Bootstrap 3 load AFTER this file on the site, and both style bare `.row` / `.col-*`. A single-class selector ties on specificity and loses on order, which left these grids inert. Pairing the BEM class with `.row` (0,2,0) wins regardless of load order and avoids !important. */ .row.quick-services__row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-xl); box-shadow: var(--ap-shadow); overflow: hidden; } .quick-services__row > .quick-services__col { width: auto; max-width: none; padding: 0; flex: initial; float: none; border-right: 1px solid var(--ap-border); } .quick-services__row > .quick-services__col:last-child { border-right: 0; } .quick-services__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .5rem; height: 100%; padding: 1.75rem 1rem; text-align: center; color: var(--ap-navy-800); transition: background-color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .quick-services__item.active { background: var(--ap-sky-100); color: var(--ap-navy-800); } .quick-services__item:hover { background: var(--ap-sky-100); color: var(--ap-navy-800); } .quick-services__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: .35rem; border-radius: var(--ap-radius); color: var(--ap-sky-600); background: var(--ap-sky-100); transition: background var(--ap-dur) var(--ap-ease), color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .quick-services__icon .icon { width: 24px; height: 24px; } .quick-services__item:hover .quick-services__icon { background: var(--ap-grad-sky); color: var(--ap-white); transform: translateY(-3px) scale(1.04); } .quick-services__item.active .quick-services__icon { background: var(--ap-grad-sky); color: var(--ap-white); transform: translateY(-3px) scale(1.04); } .quick-services__title { font-family: var(--ap-font-display); font-size: var(--ap-fs-sm); font-weight: 700; line-height: 1.3; letter-spacing: -.005em; } .quick-services__desc { font-size: var(--ap-fs-xs); line-height: 1.45; color: var(--ap-text-muted); } /* -------------------------------------------------------------- 13c. GLOBAL GATEWAY -------------------------------------------------------------- */ .gateway-section { padding: var(--ap-section-y) 0; background: var(--ap-white); } .row.gateway-section__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(2rem, 1.20rem + 3.20vw, 4rem); margin: 0; } .gateway-section__row > .gateway-section__content, .gateway-section__row > .gateway-section__media { width: auto; max-width: none; min-width: 0; padding: 0; flex: initial; float: none; } .gateway-section__title { margin: 0 0 1rem; font-size: var(--ap-fs-h2); } .gateway-section__desc { margin: 0 0 2rem; font-size: var(--ap-fs-lead); color: var(--ap-text-muted); max-width: 48ch; } .gateway-section__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-bottom: 2.25rem; } .gateway-section__stat { display: flex; flex-direction: column; gap: .3rem; padding: 1.25rem 1rem; background: var(--ap-50); border: 1px solid var(--ap-border); border-radius: var(--ap-radius); transition: transform var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease); } .gateway-section__stat:hover { transform: translateY(-3px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow); } .gateway-section__stat-icon { display: inline-flex; color: var(--ap-sky-600); margin-bottom: .2rem; } .gateway-section__stat-icon .icon { width: 22px; height: 22px; } .gateway-section__stat-number { font-family: var(--ap-font-display); font-size: clamp(1.45rem, 1.20rem + 1.10vw, 1.95rem); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: var(--ap-navy-800); } .gateway-section__stat-label { font-size: var(--ap-fs-xs); line-height: 1.4; color: var(--ap-text-muted); } .gateway-section__media { position: relative; } .gateway-section__image { width: 100%; height: 100%; max-height: 520px; object-fit: cover; display: block; border-radius: var(--ap-radius-xl); box-shadow: var(--ap-shadow-lg); } /* -------------------------------------------------------------- 13d. SECTION HEADERS (shared by destinations + blog) -------------------------------------------------------------- */ .row.destinations-section__header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 0 0 2.25rem; } .destinations-section__header > [class*="col-"] { width: auto; max-width: none; padding: 0; flex: 1 1 auto; float: none; } .destinations-section__header > .destinations-section__link-col { flex: 0 0 auto; } .destinations-section__title { margin: 0 0 .4rem; font-size: var(--ap-fs-h2); } .destinations-section__subtitle { margin: 0; font-size: var(--ap-fs-lead); color: var(--ap-text-muted); } .destinations-section__view-all { display: inline-flex; align-items: center; gap: .5rem; font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-sky-600); white-space: nowrap; } .destinations-section__view-all .icon { transition: transform var(--ap-dur) var(--ap-ease); } .destinations-section__view-all:hover { color: var(--ap-navy-700); } .destinations-section__view-all:hover .icon { transform: translateX(4px); } .destinations-section__empty { padding: 2.5rem; text-align: center; color: var(--ap-text-muted); background: var(--ap-50); border: 1px dashed var(--ap-300); border-radius: var(--ap-radius-lg); } /* -------------------------------------------------------------- 13e. POPULAR DESTINATIONS — horizontal snap scroller -------------------------------------------------------------- */ .destinations-section { padding: var(--ap-section-y) 0; background: var(--ap-surface-alt); } /* Wraps as a grid — every airport visible at once, no sideways scrolling. */ .destinations-section__scroller { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--ap-gap); } /* Compact row-style card — reads as a scannable directory in a grid rather than the tall poster shape the horizontal scroller needed. */ .destination-card { display: flex; align-items: center; justify-content: space-between; gap: .85rem; min-height: 78px; padding: 1rem 1.15rem 1rem 1.4rem; position: relative; overflow: hidden; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius); transition: transform var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } /* Accent bar wipes up the left edge on hover */ .destination-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--ap-grad-sky); transform: scaleY(0); transform-origin: 50% 100%; transition: transform var(--ap-dur) var(--ap-ease); } .destination-card::after { content: ""; flex: none; width: 8px; height: 8px; border-top: 2px solid var(--ap-300); border-right: 2px solid var(--ap-300); transform: rotate(45deg); transition: border-color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .destination-card:hover { transform: translateY(-2px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow); } .destination-card:hover::before { transform: scaleY(1); } .destination-card:hover::after { border-color: var(--ap-sky-500); transform: rotate(45deg) translate(2px, -2px); } .destination-card__body { min-width: 0; } .destination-card__name { display: block; font-family: var(--ap-font-display); font-size: 1rem; font-weight: 650; line-height: 1.35; letter-spacing: -.01em; color: var(--ap-navy-800); transition: color var(--ap-dur) var(--ap-ease); } .destination-card:hover .destination-card__name { color: var(--ap-sky-600); } .destination-card__country { display: block; margin-top: .15rem; font-size: var(--ap-fs-xs); color: var(--ap-text-muted); } /* -------------------------------------------------------------- 13f. BLOG CARDS -------------------------------------------------------------- */ .blog-section { padding: var(--ap-section-y) 0; background: var(--ap-white); } .row.blog-section__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--ap-gap); margin: 0; } .blog-section__row > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; flex: initial; float: none; display: flex; } .blog-card { display: flex; flex-direction: column; width: 100%; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); overflow: hidden; transition: transform var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } .blog-card:hover { transform: translateY(-5px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow-lg); } .blog-card__image-wrap { aspect-ratio: 16 / 9; overflow: hidden; background: var(--ap-100); } .blog-card__image { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s var(--ap-ease); } .blog-card:hover .blog-card__image { transform: scale(1.06); } .blog-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 1.35rem; } .blog-card__date { display: inline-flex; align-items: center; align-self: flex-start; padding: .28rem .7rem; margin-bottom: .75rem; font-size: var(--ap-fs-xs); font-weight: 600; letter-spacing: .02em; color: var(--ap-sky-700); background: var(--ap-sky-100); border-radius: var(--ap-radius-pill); } .blog-card__title { margin: 0 0 .6rem; font-size: 1.14rem; font-weight: 700; line-height: 1.35; color: var(--ap-navy-800); transition: color var(--ap-dur) var(--ap-ease); } .blog-card:hover .blog-card__title { color: var(--ap-sky-600); } .blog-card__excerpt { margin: 0 0 1.15rem; font-size: var(--ap-fs-sm); line-height: 1.6; color: var(--ap-text-muted); } .blog-card__read-more { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-sky-600); } .blog-card__read-more .icon { transition: transform var(--ap-dur) var(--ap-ease); } .blog-card:hover .blog-card__read-more .icon { transform: translateX(4px); } /* -------------------------------------------------------------- 13g. EVERYTHING YOU NEED — services -------------------------------------------------------------- */ .services-section { padding: var(--ap-section-y) 0; background: var(--ap-surface-alt); } .services-section > .container > .row { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); align-items: center; gap: clamp(1.75rem, 1.10rem + 2.60vw, 3.25rem); margin: 0; } .services-section > .container > .row > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; flex: initial; float: none; } .services-section__title { margin: 0 0 1rem; font-size: var(--ap-fs-h2); } .services-section__desc { margin: 0 0 1.85rem; font-size: var(--ap-fs-lead); color: var(--ap-text-muted); } .services-section__scroller { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px, 1fr); gap: var(--ap-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: .75rem; scrollbar-width: thin; scrollbar-color: var(--ap-300) transparent; } .services-section__scroller::-webkit-scrollbar { height: 6px; } .services-section__scroller::-webkit-scrollbar-track { background: transparent; } .services-section__scroller::-webkit-scrollbar-thumb { background: var(--ap-300); border-radius: 3px; } .service-card { scroll-snap-align: start; display: flex; flex-direction: column; background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); overflow: hidden; transition: transform var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease); } .service-card:hover { transform: translateY(-5px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow-lg); } .service-card__image-wrap { aspect-ratio: 4 / 3; overflow: hidden; background: var(--ap-100); } .service-card__image { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s var(--ap-ease); } .service-card:hover .service-card__image { transform: scale(1.07); } .service-card__body { padding: 1.1rem 1.15rem 1.3rem; } .service-card__title { margin: 0 0 .3rem; font-size: 1.08rem; font-weight: 700; color: var(--ap-navy-800); transition: color var(--ap-dur) var(--ap-ease); } .service-card:hover .service-card__title { color: var(--ap-sky-600); } .service-card__subtitle { margin: 0; font-size: var(--ap-fs-xs); line-height: 1.5; color: var(--ap-text-muted); } /* -------------------------------------------------------------- 13h. SUSTAINABILITY BANNER -------------------------------------------------------------- */ .sustainability-banner { position: relative; isolation: isolate; padding: clamp(3rem, 2rem + 4vw, 5rem) 0; overflow: hidden; background: var(--ap-navy-800); } .sustainability-banner__media { position: absolute; inset: 0; z-index: -2; } .sustainability-banner__image { width: 100%; height: 100%; object-fit: cover; display: block; } .sustainability-banner__overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5, 18, 31, .88) 0%, rgba(5, 18, 31, .70) 50%, rgba(18, 167, 106, .38) 100%); } .sustainability-banner__container { position: relative; z-index: 1; } .row.sustainability-banner__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.75rem; margin: 0; } .sustainability-banner__row > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; flex: 1 1 340px; float: none; } .sustainability-banner__row > .sustainability-banner__cta-col { flex: 0 0 auto; display: flex; justify-content: flex-end; } .sustainability-banner__eyebrow { color: #7FE3B4; } .sustainability-banner__eyebrow::before { background: linear-gradient(90deg, #7FE3B4, var(--ap-live)); } .sustainability-banner__title { margin: 0 0 .85rem; font-size: var(--ap-fs-h2); font-weight: 800; line-height: 1.1; color: var(--ap-white); } .sustainability-banner__desc { margin: 0; font-size: var(--ap-fs-lead); color: rgba(255, 255, 255, .84); max-width: 52ch; } /* ==================================================================== 14. INNER PAGES — page, blog listing, single, archive, search, 404 These reuse the .ad-* wrappers already present in the theme's page.php / single.php / home.php / archive.php / search.php / 404.php ==================================================================== */ .ad-page, .ad-blog, .ad-archive, .ad-search, .ad-single, .ad-404 { font-family: var(--ap-font); color: var(--ap-text); } /* ---- Shared hero band ---- */ .ad-page__hero, .ad-archive__hero, .ad-search__hero { position: relative; isolation: isolate; padding: clamp(2.5rem, 1.60rem + 3.60vw, 4.5rem) 0; background-image: var(--ap-grad-brand); overflow: hidden; } .ad-page__hero::after, .ad-archive__hero::after, .ad-search__hero::after { content: ""; position: absolute; z-index: -1; right: -140px; top: -160px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(53, 172, 245, .30) 0%, rgba(53, 172, 245, 0) 68%); } .ad-page__hero-inner, .ad-archive__hero-inner, .ad-search__hero-inner { max-width: var(--ap-container); margin-inline: auto; padding-inline: var(--ap-container-pad); position: relative; z-index: 1; } .ad-page__title, .ad-archive__title, .ad-search__title { margin: 0; font-size: var(--ap-fs-h1); font-weight: 750; color: var(--ap-white); letter-spacing: -.02em; } .ad-archive__description { margin: .85rem 0 0; font-size: var(--ap-fs-lead); color: rgba(255, 255, 255, .82); max-width: 62ch; } /* ---- Shared inner wrapper ---- */ .ad-page__inner, .ad-blog__inner, .ad-archive__inner, .ad-search__inner, .ad-single__inner, .ad-404__inner { max-width: var(--ap-container); margin-inline: auto; padding: clamp(2.25rem, 1.60rem + 2.60vw, 3.75rem) var(--ap-container-pad) var(--ap-section-y); } /* ---- Standard page ---- */ .ad-page__thumb { width: 100%; max-height: 460px; object-fit: cover; border-radius: var(--ap-radius-xl); box-shadow: var(--ap-shadow); margin-bottom: 2.25rem; } .ad-page__content, .ad-single__content { font-size: var(--ap-fs-lead); line-height: 1.75; max-width: 74ch; } .ad-page__content > *:first-child, .ad-single__content > *:first-child { margin-top: 0; } .ad-page__content h2, .ad-single__content h2, .ad-page__content h3, .ad-single__content h3 { margin: 2.25rem 0 .85rem; scroll-margin-top: 100px; } .ad-page__content h2, .ad-single__content h2 { padding-bottom: .5rem; border-bottom: 2px solid var(--ap-100); } .ad-page__content a, .ad-single__content a { color: var(--ap-sky-600); font-weight: 550; border-bottom: 1px solid var(--ap-sky-200); } .ad-page__content a:hover, .ad-single__content a:hover { color: var(--ap-navy-700); border-bottom-color: currentColor; } .ad-page__content img, .ad-single__content img { border-radius: var(--ap-radius); } .ad-page__content blockquote, .ad-single__content blockquote { margin: 1.75rem 0; padding: 1.35rem 1.6rem; background: var(--ap-sky-100); border-left: 4px solid var(--ap-sky-500); border-radius: 0 var(--ap-radius) var(--ap-radius) 0; color: var(--ap-navy-700); } .ad-page__content ul li::marker, .ad-single__content ul li::marker, .ad-page__content ol li::marker, .ad-single__content ol li::marker { color: var(--ap-sky-500); } .ad-page__content table, .ad-single__content table { width: 100%; margin: 1.75rem 0; border-collapse: separate; border-spacing: 0; font-size: var(--ap-fs-sm); border: 1px solid var(--ap-border); border-radius: var(--ap-radius); overflow: hidden; } .ad-page__content th, .ad-single__content th { padding: .85rem 1rem; text-align: left; background: var(--ap-50); font-weight: 700; color: var(--ap-navy-800); /* Sydney sets th,td{border:1px solid #333} — reset before restyling */ border: 0; border-bottom: 1px solid var(--ap-border); } .ad-page__content td, .ad-single__content td { padding: .85rem 1rem; text-align: left; border: 0; border-bottom: 1px solid var(--ap-border); } /* ---- Blog listing ---- */ .ad-blog__header { margin-bottom: 2.25rem; } .ad-blog__title { margin: 0; font-size: var(--ap-fs-h1); } .ad-blog__grid, .ad-archive__grid, .ad-search__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--ap-gap); } .ad-blog__empty, .no-results, .page-content { padding: 2.5rem; text-align: center; color: var(--ap-text-muted); background: var(--ap-50); border: 1px dashed var(--ap-300); border-radius: var(--ap-radius-lg); } /* ---- Single post ---- */ .ad-single__main { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: clamp(1.75rem, 1.10rem + 2.60vw, 3.25rem); } @media (max-width: 991px) { .ad-single__main { grid-template-columns: minmax(0, 1fr); } } @media (min-width: 992px) { .ad-single__sidebar { position: sticky; top: 100px; } } .ad-single__header { margin-bottom: 1.75rem; } .ad-single__category, .ad-single__term { display: inline-flex; align-items: center; padding: .3rem .8rem; font-size: var(--ap-fs-xs); font-weight: 650; letter-spacing: .02em; color: var(--ap-sky-700); background: var(--ap-sky-100); border-radius: var(--ap-radius-pill); } .ad-single__title { margin: .85rem 0 .75rem; font-size: var(--ap-fs-h1); letter-spacing: -.025em; } .ad-single__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.15rem; font-size: var(--ap-fs-sm); color: var(--ap-text-muted); } .ad-single__thumb { width: 100%; max-height: 480px; object-fit: cover; border-radius: var(--ap-radius-xl); box-shadow: var(--ap-shadow); margin-bottom: 2.25rem; } .ad-single__footer { margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--ap-border); } .ad-single__terms { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } .ad-single__terms-label { font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-navy-800); margin-right: .25rem; } .ad-single__nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--ap-gap); margin-top: 2.5rem; } .ad-single__nav-link { display: flex; flex-direction: column; gap: .35rem; padding: 1.25rem 1.4rem; background: var(--ap-50); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); transition: transform var(--ap-dur) var(--ap-ease), border-color var(--ap-dur) var(--ap-ease), box-shadow var(--ap-dur) var(--ap-ease); } .ad-single__nav-link:hover { transform: translateY(-3px); border-color: var(--ap-sky-200); box-shadow: var(--ap-shadow); } .ad-single__nav-link--next { text-align: right; } .ad-single__nav-label { font-size: var(--ap-fs-xs); font-weight: 700; letter-spacing: .10em; text-transform: uppercase; color: var(--ap-sky-600); } .ad-single__nav-title { font-family: var(--ap-font-display); font-size: var(--ap-fs-sm); font-weight: 650; line-height: 1.45; color: var(--ap-navy-800); } /* ---- 404 ---- */ .ad-404 { display: flex; align-items: center; min-height: 60vh; background: var(--ap-surface-alt); } .ad-404__inner { text-align: center; } .ad-404__code { display: block; font-family: var(--ap-font-display); font-size: clamp(4.5rem, 2.50rem + 9vw, 9rem); font-weight: 800; line-height: 1; letter-spacing: -.05em; background: var(--ap-grad-sky); -webkit-background-clip: text; background-clip: text; color: transparent; } .ad-404__title { margin: 1rem 0 .75rem; font-size: var(--ap-fs-h2); } .ad-404__text { margin: 0 auto 2rem; max-width: 48ch; font-size: var(--ap-fs-lead); color: var(--ap-text-muted); } .ad-404__search { display: flex; justify-content: center; margin-bottom: 1.75rem; } .ad-404__search .search-form { margin-inline: auto; } .ad-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .85rem; } /* -------------------------------------------------------------- 15. COMMENTS -------------------------------------------------------------- */ .comments-area, .ad-single__comments { margin-top: 3rem; padding-top: 2.25rem; border-top: 1px solid var(--ap-border); } .comments-title, .comment-reply-title { margin: 0 0 1.5rem; font-size: var(--ap-fs-h3); font-weight: 700; color: var(--ap-navy-800); } .comments-list, .comment-list { margin: 0 0 2.5rem; padding: 0; list-style: none; } .comments-list .children, .comment-list .children { margin: 1.25rem 0 0; padding-left: 2.25rem; list-style: none; border-left: 2px solid var(--ap-100); } .comment-body { position: relative; padding: 1.35rem 1.5rem; margin-bottom: 1.25rem; background: var(--ap-50); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); } .comment-author { display: flex; align-items: center; gap: .75rem; margin-bottom: .35rem; font-weight: 700; color: var(--ap-navy-800); } .comment-author .avatar { width: 42px; height: 42px; border-radius: 50%; border: 2px solid var(--ap-white); box-shadow: var(--ap-shadow-xs); } .comment-author .fn { font-style: normal; font-size: var(--ap-fs-sm); } .comment-author .says { display: none; } .comment-meta, .comment-metadata { margin-bottom: .75rem; font-size: var(--ap-fs-xs); color: var(--ap-text-muted); } .comment-metadata a { color: var(--ap-text-muted); } .comment-metadata a:hover { color: var(--ap-sky-600); } .comment-content { font-size: var(--ap-fs-sm); line-height: 1.7; } .comment-content p:last-child { margin-bottom: 0; } .comment-reply-link, .reply a { display: inline-flex; align-items: center; margin-top: .85rem; padding: .38rem .95rem; font-size: var(--ap-fs-xs); font-weight: 650; color: var(--ap-sky-700); background: var(--ap-sky-100); border-radius: var(--ap-radius-pill); transition: background var(--ap-dur) var(--ap-ease), color var(--ap-dur) var(--ap-ease); } .comment-reply-link:hover, .reply a:hover { background: var(--ap-grad-sky); color: var(--ap-white); } .comment-respond { padding: 1.75rem; background: var(--ap-50); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-lg); } .comment-notes { font-size: var(--ap-fs-xs); color: var(--ap-text-muted); margin-bottom: 1.25rem; } .comment-form label { display: block; margin-bottom: .4rem; font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-navy-800); } .comment-form p { margin-bottom: 1.15rem; } .form-submit .submit, input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; padding: .85rem 1.75rem; font-family: var(--ap-font); font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-white); background: var(--ap-grad-sky); border: 0; border-radius: var(--ap-radius-pill); cursor: pointer; transition: filter var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } .form-submit .submit:hover, input[type="submit"]:hover { filter: brightness(1.07); transform: translateY(-2px); } /* -------------------------------------------------------------- 16. PAGINATION -------------------------------------------------------------- */ .pagination, .nav-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; margin-top: 3rem; } .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 .85rem; font-size: var(--ap-fs-sm); font-weight: 650; color: var(--ap-navy-800); background: var(--ap-white); border: 1px solid var(--ap-border); border-radius: var(--ap-radius-sm); transition: all var(--ap-dur) var(--ap-ease); } .page-numbers:hover { color: var(--ap-sky-700); border-color: var(--ap-sky-400); background: var(--ap-sky-100); transform: translateY(-2px); } .page-numbers.current { color: var(--ap-white); background: var(--ap-grad-sky); border-color: transparent; box-shadow: 0 8px 18px -8px rgba(0, 144, 232, .70); } .page-numbers.dots { border-color: transparent; background: transparent; pointer-events: none; } /* -------------------------------------------------------------- 17. RESPONSIVE -------------------------------------------------------------- */ /* Laptop */ @media (max-width: 1199px) { .row.quick-services__row { grid-template-columns: repeat(3, minmax(0, 1fr)); } .quick-services__row > .quick-services__col:nth-child(3n) { border-right: 0; } .quick-services__row > .quick-services__col:nth-child(-n+3) { border-bottom: 1px solid var(--ap-border); } .services-section > .container > .row { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); } } /* Tablet */ @media (max-width: 991px) { /* Not enough width for the split — photo goes full-bleed behind the copy */ .hero-section { min-height: 460px; text-align: left; } .hero-section__media { inset: 0; clip-path: none; } .hero-section__overlay { background: linear-gradient(105deg, rgba(5, 18, 31, .94) 0%, rgba(5, 18, 31, .86) 45%, rgba(5, 18, 31, .68) 100%); } .hero-section .row > [class*="col-"] { max-width: 620px; } .row.gateway-section__row { grid-template-columns: minmax(0, 1fr); } .gateway-section__row > .gateway-section__media { order: -1; } .gateway-section__image { max-height: 340px; } .services-section > .container > .row { grid-template-columns: minmax(0, 1fr); } .row.ul-parentPage, ul.ul-parentPage { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } .sustainability-banner__row > .sustainability-banner__cta-col { justify-content: flex-start; } } /* Mobile */ @media (max-width: 767px) { :root { --ap-container-pad: 1.15rem; } .hero-section { min-height: 400px; padding: 3.5rem 0 3rem; } .hero-section__desc { max-width: none; } .hero-section__search { max-width: none; } .hero-section .row > [class*="col-"] { max-width: none; } .search-form { flex-wrap: wrap; border-radius: var(--ap-radius-lg); padding: .6rem; } .search-form label { flex: 1 1 100%; } .search-form .search-field { height: 44px; padding-left: .9rem; } .search-form .search-submit { flex: 1 1 100%; height: 44px; } .quick-services { padding: 2.25rem 0 3rem; } .row.quick-services__row { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: var(--ap-radius-lg); } .quick-services__row > .quick-services__col:nth-child(3n) { border-right: 1px solid var(--ap-border); } .quick-services__row > .quick-services__col:nth-child(2n) { border-right: 0; } .quick-services__row > .quick-services__col { border-bottom: 1px solid var(--ap-border); } .quick-services__row > .quick-services__col:nth-last-child(-n+2) { border-bottom: 0; } .quick-services__item { padding: 1.35rem .75rem; } .quick-services__icon { width: 46px; height: 46px; } .gateway-section__stats { grid-template-columns: minmax(0, 1fr); } .gateway-section__stat { flex-direction: row; align-items: center; gap: .85rem; flex-wrap: wrap; } .gateway-section__stat-icon { margin: 0; } .gateway-section__stat-label { flex: 1 1 100%; } .row.destinations-section__header { flex-direction: column; align-items: flex-start; } .destinations-section__scroller { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .services-section__scroller { grid-auto-columns: minmax(180px, 68%); } .ad-single__nav-link--next { text-align: left; } .comments-list .children, .comment-list .children { padding-left: 1rem; } .comment-respond { padding: 1.25rem; } .side-latest, .sidebar-search { padding: 1.25rem; } .footercall button { padding-left: 12px; padding-right: 12px; } .footercall button .content { font-size: 18px; } .footercall button .content svg { width: 22px; height: 22px; margin-right: 6px; } .bottom_menu .menu-new{ display:inline-flex; flex-direction:column; gap:0!important; } } /* Small mobile */ @media (max-width: 479px) { .row.ul-parentPage, ul.ul-parentPage { grid-template-columns: minmax(0, 1fr); } .row.quick-services__row { grid-template-columns: minmax(0, 1fr); } .quick-services__row > .quick-services__col { border-right: 0; } .quick-services__row > .quick-services__col:last-child { border-bottom: 0; } .quick-services__item { flex-direction: row; align-items: center; text-align: left; gap: .9rem; padding: 1rem 1.15rem; } .quick-services__icon { width: 42px; height: 42px; margin: 0; flex: none; } .destinations-section__scroller { grid-template-columns: repeat(2, minmax(0, 1fr)); } .services-section__scroller { grid-auto-columns: minmax(170px, 78%); } .airport-nav-pills { gap: .45rem; } .nav-pill { padding: .48rem .95rem; font-size: var(--ap-fs-xs); } .btn-airport { width: 100%; padding: .8rem 1.25rem; } .sustainability-banner__row > .sustainability-banner__cta-col { width: 100%; } } /* -------------------------------------------------------------- 18. MOTION & PRINT -------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } .services-section__scroller { scroll-snap-type: none; } } @media print { .hero-section__media, .hero-section__overlay, .quick-services, .sustainability-banner, .airport-nav-pills, .sidebar, .ad-parent__sidebar, .comments-area, .pagination { display: none !important; } .inner-wrapper, .inner-wrapper-new, .ad-page__hero { background: none !important; padding: 0 0 1rem; } .inner-title h1, .ad-page__title { color: #000 !important; text-shadow: none; } body { font-size: 12pt; color: #000; } a { color: #000; text-decoration: underline; } } div.wpforms-container-full .wpforms-form .wpforms-head-container{ padding: 0 0 15px 0!important; } .wpforms-container .wpforms-title{ margin:0!important; } /* Footer */ footer#colophon { position: relative; isolation: isolate; overflow: hidden; /* Clears the fixed .footercall bar. Padding rather than margin so the footer's own background fills that strip instead of leaving it white. */ padding-bottom: 50px; background: var(--ap-navy-900); background-image: radial-gradient(120% 130% at 8% 0%, rgba(0, 119, 200, .38) 0%, rgba(0, 119, 200, 0) 58%), linear-gradient(135deg, var(--ap-navy-900) 0%, var(--ap-navy-800) 45%, var(--ap-navy-700) 100%); border-top: 3px solid transparent; border-image: linear-gradient(90deg, var(--ap-sky-500), var(--ap-sky-400) 35%, rgba(53, 172, 245, 0) 85%) 1; } /* Subtle dotted texture, echoing the hero's world-map motif so the footer still feels like part of the same brand system instead of a flat block. */ footer#colophon::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1.5px); background-size: 22px 22px; opacity: 0.6; } /* Two soft light blooms for depth — same technique as .hero__glow */ footer#colophon::after { content: ""; position: absolute; top: -200px; right: -140px; width: 560px; height: 560px; z-index: 0; pointer-events: none; background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 70%); } footer#colophon .pre-footer, footer#colophon .disc__main, footer#colophon .site-info { position: relative; z-index: 1; } /* ---- Menu columns ---- Markup is Bootstrap 3 (.row > .col-md-3), which drops straight from four columns to one at 991px. Re-declared as grid so the footer steps 4 -> 2 -> 1 and the gutters are set here instead of by float margins. BS3's .row::before/::after are clearfix pseudo-elements; inside a grid they become real items and shift every column one slot along, so they are cleared. */ footer#colophon .pre-footer { padding-top: clamp(2.75rem, 2rem + 3.20vw, 4.5rem); padding-bottom: clamp(1.75rem, 1.40rem + 1.60vw, 2.75rem); display:none; } footer#colophon .pre-footer .row::before, footer#colophon .pre-footer .row::after { content: none; } footer#colophon .pre-footer .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem var(--ap-gap); margin: 0; } footer#colophon .pre-footer .row > [class*="col-"] { width: auto; max-width: none; min-width: 0; padding: 0; float: none; flex: initial; } footer#colophon .footer-menu-heading { position: relative; margin: 0 0 1.15rem; padding-bottom: .7rem; font-family: var(--ap-font-display); font-size: var(--ap-fs-xs); font-weight: 750; letter-spacing: .14em; text-transform: uppercase; color: var(--ap-white); border-bottom: 1px solid rgba(255, 255, 255, .14); } footer#colophon .footer-menu-heading::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 40px; height: 2px; border-radius: 2px; background: var(--ap-grad-sky); } footer#colophon .menu-new { margin: 0; padding: 0; list-style: none; } footer#colophon .menu-new li { margin: 0; padding: 0; } /* The id keeps these at (1,1,1) so they outrank the parent theme's .site-footer a { color: #666 } (0,1,1) without !important — that grey on navy is what made the links unreadable. */ footer#colophon .menu-new a { display: block; position: relative; padding: .42rem 0 .42rem 1.1rem; font-size: var(--ap-fs-sm); line-height: 1.5; color: rgba(255, 255, 255, .76); transition: color var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } footer#colophon .menu-new a::before { content: ""; position: absolute; left: 0; top: .92em; width: 5px; height: 5px; border-radius: 50%; background: var(--ap-sky-400); opacity: .5; transition: opacity var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease); } footer#colophon .menu-new a:hover { color: var(--ap-white); transform: translateX(3px); } footer#colophon .menu-new a:hover::before { opacity: 1; transform: scale(1.4); } .bottom_menu .menu-new{ display:inline-flex; list-style:none!important; gap:15px; } /* ---- Disclaimer ---- Rule sits on the inner .container so the hairline lines up with the menu columns above rather than running the full viewport width. */ footer#colophon .disc__main .container { padding-top: clamp(1.25rem, 1rem + 1vw, 1.75rem); padding-bottom: clamp(1.5rem, 1.20rem + 1.20vw, 2.25rem); border-top: 1px solid rgba(255, 255, 255, .12); } footer#colophon .disc__main p { margin: 0; max-width: 100%; font-size: var(--ap-fs-xs); line-height: 1.7; color: rgba(255, 255, 255, .60); } .footercall { display: block; position: fixed; bottom: 0; width: 100%; } .footercall .mobile_view { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 0 16px; color: var(--ap-white); background: var(--ap-grad-sky); border: 0; cursor: pointer; transition: filter var(--ap-dur) var(--ap-ease); } .footercall .mobile_view:hover { filter: brightness(1.07); } .footercall .content { display: flex; align-items: center; gap: 10px; color: var(--ap-white); font-size: 28px; font-weight: normal; } .footercall #phone { width: 24px; height: 24px; flex-shrink: 0; fill: var(--ap-white); } @media (max-width: 991px) { footer#colophon .pre-footer .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem var(--ap-gap); } } @media (max-width: 767px) { .footercall .content { display: flex; align-items: center; gap: 10px; color: var(--ap-white); font-size: 20px; font-weight: 650; } .footercall .content span { display: none; } footer#colophon .pre-footer { padding-top: 2.75rem; padding-bottom: 1.5rem; } footer#colophon .pre-footer .row { grid-template-columns: minmax(0, 1fr); gap: 2rem; } } .footercall button .content svg path:nth-child(2) { -webkit-animation: header-phone 1s infinite cubic-bezier(.1,.57,.5,1); animation: header-phone 1s infinite cubic-bezier(.1,.57,.5,1) } .footercall button .content svg path:nth-child(3) { -webkit-animation: header-phone2 1s infinite cubic-bezier(.1,.57,.5,1); animation: header-phone2 1s infinite cubic-bezier(.1,.57,.5,1) } @-webkit-keyframes header-phone { 0%,30% { opacity: 0; -webkit-transform: translate3d(-20px,20px,0); transform: translate3d(-20px,20px,0) } 80% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { opacity: 0 } } @keyframes header-phone { 0%,30% { opacity: 0; -webkit-transform: translate3d(-20px,20px,0); transform: translate3d(-20px,20px,0) } 80% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { opacity: 0 } } @-webkit-keyframes header-phone2 { 0% { opacity: 0; -webkit-transform: translate3d(-20px,20px,0); transform: translate3d(-20px,20px,0) } 70%,90% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { opacity: 0 } } @keyframes header-phone2 { 0% { opacity: 0; -webkit-transform: translate3d(-20px,20px,0); transform: translate3d(-20px,20px,0) } 70%,90% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 100% { opacity: 0 } } .footercall { position: fixed; width: 100%; bottom: 0; text-align: center; z-index: 999; } .footercall button { width: 100%; background: var(--ap-grad-sky); border: 0; } .footercall button .content { color: var(--ap-white); font-size: 24px; text-transform:capitalize; } .footercall button .content svg { width: 30px; height: 25px; float: none; margin-bottom: -4px; margin-right: 10px; } .footercall button .content svg path { fill:var(--ap-white); }