: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}} /* ============================================================================= Travolo — Site styles (one file for every template) Front page: flights-front-page.php. Inner pages: page.php, parent-page.php, child-page.php, home.php, single.php, archive.php, search.php, 404.php. Bootstrap handles the grid. Font: the design uses Jost. Enqueue it in functions.php rather than @import-ing (an @import here blocks rendering): wp_enqueue_style( 'travolo-fonts', 'https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap', array(), null ); ========================================================================== */ /* ----------------------------------------------------------------------------- 1. Tokens -------------------------------------------------------------------------- */ :root { --tv-primary: #ff681a; --tv-primary-dark: #e85a12; --tv-secondary: #37d4d9; --tv-secondary-dark: #23bcc1; --tv-bg: #f7f7f7; --tv-bg-panel: #f4f5f7; --tv-surface: #fff; --tv-gradient: linear-gradient(rgb(255, 255, 255) 56%, rgba(220, 254, 255, 0.55) 100%); --tv-heading: #12141d; --tv-body: #6a7280; --tv-border: rgba(255, 104, 26, 0.3); --tv-radius-sm: 10px; --tv-radius: 16px; --tv-radius-lg: 24px; --tv-pill: 999px; --tv-shadow: 0 18px 40px rgba(18, 20, 29, 0.08); --tv-shadow-hover: 0 24px 54px rgba(18, 20, 29, 0.14); --tv-section-y: clamp(40px, 5vw, 60px); --tv-ease: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --tv-font-heading: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --tv-font-body: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } /* ----------------------------------------------------------------------------- 2. Full-bleed page shell The parent theme wraps this template in a centred .container, which boxes in every section background. Breaking .site-main back out to the viewport width lets each section run edge to edge, while the .container inside each section keeps the content on the same grid as before. If you can edit header.php so the front page renders outside the theme's .container, delete this block instead -- that is the cleaner fix. -------------------------------------------------------------------------- */ html { /* Absorbs the scrollbar sliver that 100vw would otherwise overflow by. `clip` rather than `hidden` so position:sticky still works. */ overflow-x: clip; } .site-main { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); overflow-x: clip; /* decorative overhangs must not create a scrollbar */ } /* ----------------------------------------------------------------------------- 3. Shared primitives -------------------------------------------------------------------------- */ .site-main { font-family: var(--tv-font-body); color: var(--tv-body); } /* `main section` is deliberately weak, so any section class can set its own padding (e.g. .home-hero-section, .latest-blog). */ main section { padding-block: var(--tv-section-y); position: relative; } .site-main h1, .site-main h2, .site-main h3 { font-family: var(--tv-font-heading); color: var(--tv-heading); margin: 0 0 16px; letter-spacing: -0.01em; } .site-main h1 { font-size: clamp(28px, 5.4vw, 40px); line-height: 1.16; font-weight: 800; } .site-main h2 { font-size: clamp(25px, 3.6vw, 34px); line-height: 1.28; font-weight: 800; } .site-main h3 { font-size: clamp(19px, 1.5vw, 22px); line-height: 1.45; font-weight: 700; } .site-main p { margin: 0 0 16px; font-size: 15px; line-height: 1.75; } .site-main p:last-child { margin-bottom: 0; } /* Orange kicker above every heading. */ .site-main .eyebrow { display: inline-block; margin-bottom: 12px; color: var(--tv-primary); font-family: var(--tv-font-heading); font-size: 16px; font-weight: 700; letter-spacing: 0.02em; } /* Centred header used by the tours and blog sections. */ .site-main .section-header { max-width: 660px; margin-inline: auto; margin-bottom: clamp(28px, 3vw, 40px); text-align: center; } .site-main .section-header p { color: var(--tv-body); } /* Buttons — override Bootstrap via its own custom properties where available, and with plain declarations for Bootstrap 4. */ .site-main .btn-primary { --bs-btn-bg: var(--tv-primary); --bs-btn-border-color: var(--tv-primary); --bs-btn-hover-bg: var(--tv-primary-dark); --bs-btn-hover-border-color: var(--tv-primary-dark); --bs-btn-active-bg: var(--tv-primary-dark); --bs-btn-active-border-color: var(--tv-primary-dark); --bs-btn-focus-shadow-rgb: 255, 104, 26; padding: 17px 40px; border: 0; border-radius: var(--tv-radius-sm); background-color: var(--tv-primary); color: #fff; font-family: var(--tv-font-heading); font-size: 16px; font-weight: 700; line-height: 1.2; text-align: center; transition: background-color var(--tv-ease), transform var(--tv-ease), box-shadow var(--tv-ease); } .site-main .btn-primary:hover, .site-main .btn-primary:focus-visible { background-color: var(--tv-primary-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(255, 104, 26, 0.32); } .site-main :focus-visible { outline: 3px solid var(--tv-secondary); outline-offset: 3px; } /* Grid. The Sydney theme loads Bootstrap 3, whose float grid ignores row-gap, breaks equal-height cards and splits col-md-* only from 992px. This turns every row in our templates into a wrapping flex row and defines the column classes we use, with the same breakpoints as the media queries in this file (md = 768px, lg = 992px). */ .site-main .row { display: flex; flex-wrap: wrap; } .site-main .row::before, .site-main .row::after { content: none; /* Bootstrap 3 clearfix; would become empty flex items */ } .site-main .row > [class*="col-"] { float: none; width: 100%; padding-inline: 15px; /* Bootstrap 3 has no .col-12, so give every column the gutter */ min-width: 0; /* lets long words and wide content shrink instead of overflowing */ } @media (min-width: 768px) { .site-main .row > .col-md-4 { width: 33.3333%; } .site-main .row > .col-md-6 { width: 50%; } } @media (min-width: 992px) { .site-main .row > .col-lg-4 { width: 33.3333%; } .site-main .row > .col-lg-5 { width: 41.6667%; } .site-main .row > .col-lg-7 { width: 58.3333%; } .site-main .row > .col-lg-8 { width: 66.6667%; } } /* Fallback in case the Bootstrap build in use ships neither helper. .screen-reader-text is the WordPress core equivalent. */ .visually-hidden, .sr-only, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ----------------------------------------------------------------------------- 4. Hero -------------------------------------------------------------------------- */ /* Light brand gradient with two soft colour glows; no photo needed. */ .home-hero-section { padding: 4em 0; background: radial-gradient(circle at 85% 20%, rgba(55, 212, 217, 0.22), transparent 40%), radial-gradient(circle at 70% 90%, rgba(255, 104, 26, 0.12), transparent 40%), var(--tv-gradient); } #hero-heading { font-size: clamp(30px, 3vw + 16px, 40px); } /* Text left, boarding pass right; stacks on tablets and phones. */ .home-hero-section .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: center; gap: 56px; } /* .home-hero-section h1 { font-size: clamp(36px, 4.6vw, 56px); } */ .home-hero-section p { /* max-width: 32em; */ font-size: 15px; } .home-hero-section .hero-points { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 24px 0 0; padding: 0; list-style: none; color: var(--tv-heading); font-size: 15px; font-weight: 600; } .home-hero-section .hero-points li::before { content: "\2713"; margin-right: 8px; color: var(--tv-secondary-dark); font-weight: 700; } /* Boarding pass card */ .hero-ticket { width: 100%; max-width: 460px; margin-left: auto; overflow: hidden; border-radius: var(--tv-radius-lg); background: var(--tv-surface); box-shadow: 0 30px 60px rgba(18, 20, 29, 0.14); transform: rotate(-2deg); } .hero-ticket svg { width: 18px; height: 18px; fill: currentColor; } .ticket-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 28px; background: var(--tv-heading); color: rgba(255, 255, 255, 0.75); font-size: 14px; } .ticket-brand { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; } .ticket-brand svg { color: var(--tv-primary); } .ticket-route { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 28px 24px; } .ticket-code { display: block; color: var(--tv-heading); font-size: 34px; font-weight: 800; line-height: 1.1; } .ticket-city { font-size: 14px; } .ticket-route > div:last-child { text-align: right; } /* Dashed flight path with the plane in the middle. */ .ticket-path { position: relative; display: grid; flex: 1; place-items: center; color: var(--tv-primary); } .ticket-path::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 2px dashed rgba(18, 20, 29, 0.15); } .ticket-path svg { position: relative; width: 26px; height: 26px; padding: 4px; background: var(--tv-surface); transform: rotate(90deg); box-sizing: content-box; } .ticket-name { display: grid; gap: 4px; padding: 22px 28px; border-top: 2px dashed rgba(18, 20, 29, 0.12); } .ticket-label { display: block; color: #9aa1ac; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .ticket-old { color: #9aa1ac; font-size: 16px; text-decoration: line-through; text-decoration-color: #e5484d; text-decoration-thickness: 2px; } .ticket-new { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; color: var(--tv-heading); font-size: 22px; font-weight: 800; } .ticket-badge { padding: 4px 12px; border-radius: var(--tv-pill); background: rgba(55, 212, 217, 0.18); color: var(--tv-secondary-dark); font-size: 13px; font-weight: 700; } .ticket-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 18px 28px; background: var(--tv-bg-panel); color: var(--tv-heading); font-weight: 700; } @media (max-width: 991.98px) { .home-hero-section .hero-grid { grid-template-columns: 1fr; gap: 48px; } .hero-ticket { margin-inline: auto; transform: none; } } @media (max-width: 575.98px) { .ticket-top, .ticket-route, .ticket-name, .ticket-meta { padding-inline: 20px; } .ticket-code { font-size: 28px; } .ticket-new { font-size: 19px; } } .home-hero-section .hero-search { margin-top: 36px; max-width: 560px; } .site-main .hero-search form { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 22px; border-radius: var(--tv-pill); background: var(--tv-surface); box-shadow: var(--tv-shadow); } .site-main .hero-search label { flex: 1 1 auto; margin: 0; min-width: 0; } .site-main .hero-search input[type="search"], .site-main .hero-search input[type="text"] { width: 100%; padding: 12px 0; border: 0; background: transparent; color: var(--tv-heading); font-family: inherit; font-size: 16px; } .site-main .hero-search input::placeholder { color: #9aa1ac; } .site-main .hero-search input:focus { outline: 0; } .site-main .hero-search button, .site-main .hero-search input[type="submit"] { flex: 0 0 auto; padding: 15px 34px; border: 0; border-radius: var(--tv-pill); background: var(--tv-primary); color: #fff; font-family: var(--tv-font-heading); font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color var(--tv-ease); } .site-main .hero-search button:hover, .site-main .hero-search input[type="submit"]:hover { background: var(--tv-primary-dark); } /* ----------------------------------------------------------------------------- 5. USP strip (screenshot 4) -------------------------------------------------------------------------- */ .home-usp-section { background: var(--tv-gradient); padding-block: clamp(32px, 4vw, 50px); } .home-usp-section .row { row-gap: 36px; } .home-usp-section .content { display: flex; align-items: flex-start; gap: 20px; } /* Empty hook element — drop a glyph in with background-image or an inline SVG. */ .home-usp-section .icon { flex-shrink: 0; display:flex; align-items:center; justify-content:center; width: 72px; height: 72px; border-radius: 50%; background-color: var(--tv-primary); background-position: center; background-repeat: no-repeat; background-size: 34px 34px; box-shadow: 0 10px 24px rgba(255, 104, 26, 0.25); } .home-usp-section .icon svg{ width:26px; height:26px; color:#fff; } .home-usp-section .text { padding-top: 4px; } .home-usp-section h3 { margin-bottom: 8px; } .home-usp-section p { max-width: 30ch; } /* ----------------------------------------------------------------------------- 6. Tour cards (screenshot 2) -------------------------------------------------------------------------- */ .latest-pages { background: var(--tv-surface); } .latest-pages .row { row-gap: 30px; } .latest-pages .card { height: 100%; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); background: var(--tv-surface); overflow: hidden; transition: transform var(--tv-ease), box-shadow var(--tv-ease); padding:16px; } .latest-pages .card:hover { transform: translateY(-6px); box-shadow: var(--tv-shadow-hover); } .latest-pages .card-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; } .latest-pages .media { overflow: hidden; border-radius:var(--tv-radius-sm); } .latest-pages .media img { display: block; width: 100%; height: auto; aspect-ratio: 900 / 490; object-fit: cover; transition: transform 0.6s var(--tv-ease); } .latest-pages .card:hover .media img { transform: scale(1.06); } .latest-pages .card .content { display: flex; flex: 1; flex-direction: column; padding: 22px 8px 10px; } .latest-pages .card h2, .latest-pages .card h3 { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.42; transition: color var(--tv-ease); } .latest-pages .card:hover h2, .latest-pages .card:hover h3 { color: var(--tv-primary); } /* ----------------------------------------------------------------------------- 7. Blog cards (screenshot 3) — image inset inside a padded card -------------------------------------------------------------------------- */ .latest-blog { background: var(--tv-surface); } .latest-blog .row { row-gap: 30px; } .latest-blog .card { height: 100%; padding: 16px; border: 1px solid var(--tv-border); border-radius: var(--tv-radius); background: var(--tv-surface); transition: transform var(--tv-ease), box-shadow var(--tv-ease); } .latest-blog .card:hover { transform: translateY(-6px); box-shadow: var(--tv-shadow-hover); } .latest-blog .card-link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; } .latest-blog .media { border-radius: var(--tv-radius-sm); overflow: hidden; } .latest-blog .media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 11; object-fit: cover; transition: transform 0.6s var(--tv-ease); } .latest-blog .card:hover .media img { transform: scale(1.06); } .latest-blog .card .content { display: flex; flex: 1; flex-direction: column; padding: 22px 8px 10px; } .latest-blog .card h2, .latest-blog .card h3 { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.42; transition: color var(--tv-ease); } .latest-blog .card:hover h2, .latest-blog .card:hover h3 { color: var(--tv-primary); } /* ----------------------------------------------------------------------------- 8. About (screenshot 1) -------------------------------------------------------------------------- */ .aboutus { background: var(--tv-bg); } .aboutus .row { align-items: center; row-gap: 56px; } .aboutus h2 { max-width: 12em; margin-bottom: 20px; } .aboutus > .container > .row > .col-md-6:first-child > p { max-width: 36em; } /* Feature list */ .aboutus .list-items { display: grid; gap: 28px; margin: 40px 0 0; padding: 0; list-style: none; } .aboutus .item { display: flex; align-items: flex-start; gap: 20px; } /* Empty hook element — drop a glyph in with background-image. */ .aboutus .item-icon { flex-shrink: 0; display:flex; justify-content:center; align-items:center; width: 58px; height: 58px; border-radius: 50%; background-color: var(--tv-secondary); background-position: center; background-repeat: no-repeat; background-size: 26px 26px; } .aboutus .item-icon svg{ width:26px; height:26px; color:#fff; } .aboutus .item-content h3 { margin-bottom: 4px; } .aboutus .item-content p { margin: 0; } /* CTA row */ .aboutus .about-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 36px; margin-top: 44px; } .aboutus .about-phone { display: none; grid-template-columns: auto 1fr; align-items: center; column-gap: 14px; margin: 0; } .aboutus .about-phone .icon { grid-row: 1 / 3; box-sizing: content-box; width: 22px; height: 22px; padding: 15px; border-radius: 50%; background: var(--tv-secondary); fill: #fff; } .aboutus .about-phone > span { grid-column: 2; font-size: 15px; line-height: 1.4; } .aboutus .about-phone > a { grid-column: 2; color: var(--tv-heading); font-family: var(--tv-font-heading); font-size: 18px; font-weight: 700; line-height: 1.4; text-decoration: none; transition: color var(--tv-ease); } .aboutus .about-phone > a:hover { color: var(--tv-primary); } /* Image cluster */ .aboutus .col-md-6:last-child { position: relative; padding-bottom: 90px; /* room for the overlapping secondary image */ --tv-primary-img-w: 82%; } .aboutus .primary-image { margin-left: auto; width: var(--tv-primary-img-w); } .aboutus .primary-image img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 6; object-fit: cover; border-radius: var(--tv-radius-lg); } .aboutus .secondary-image { position: absolute; left: 0; bottom: 0; width: 62%; } .aboutus .secondary-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--tv-radius); border: 6px solid var(--tv-bg); } /* Teal "Years Of Experience" badge. column-reverse puts the orange 25 at the bottom while keeping the number first in the DOM. */ .aboutus .vertical-text { position: absolute; top: 22%; /* Straddle the left edge of the primary image, as in the design. */ left: calc(100% - var(--tv-primary-img-w) - 50px); z-index: 2; display: flex; flex-direction: column-reverse; align-items: center; gap: 18px; padding: 24px 14px 14px; border-radius: var(--tv-pill); background: var(--tv-secondary); color: #fff; box-shadow: 0 14px 30px rgba(55, 212, 217, 0.35); } .aboutus .vertical-text > span:last-child { writing-mode: vertical-rl; transform: rotate(180deg); font-family: var(--tv-font-heading); font-size: 15px; font-weight: 700; letter-spacing: 0.04em; white-space: nowrap; } .aboutus .vertical-text .years { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 50%; background: var(--tv-primary); font-family: var(--tv-font-heading); font-size: 26px; font-weight: 700; line-height: 1; } /* ----------------------------------------------------------------------------- 9. Testimonials -------------------------------------------------------------------------- */ .home-testimonials { background: var(--tv-bg); } .home-testimonials .row { row-gap: 30px; } .home-testimonials .testimonial { height: 100%; padding: 36px 32px; border-radius: var(--tv-radius); background: var(--tv-surface); box-shadow: var(--tv-shadow); transition: transform var(--tv-ease), box-shadow var(--tv-ease); } .home-testimonials .testimonial:hover { transform: translateY(-6px); box-shadow: var(--tv-shadow-hover); } .home-testimonials .user { display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 18px; border-radius: 50%; background: var(--tv-secondary); } .home-testimonials .user svg { fill: #fff; } .home-testimonials .title { display: block; color: var(--tv-heading); font-family: var(--tv-font-heading); font-size: 19px; font-weight: 700; } .home-testimonials .ratings { display: flex; gap: 4px; margin: 8px 0 18px; } .home-testimonials .ratings svg { fill: var(--tv-primary); } .home-testimonials blockquote { margin: 0; padding: 0; border: 0; quotes: none; } .home-testimonials blockquote p { margin: 0; color: var(--tv-body); } /* ----------------------------------------------------------------------------- 10. FAQ (screenshot 5) -------------------------------------------------------------------------- */ .home-faq-section { background: var(--tv-surface); overflow: hidden; } .home-faq-section .row { align-items: center; row-gap: 48px; } .home-faq-section .col-md-6:first-child { position: relative; } .home-faq-section .media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--tv-radius-lg); } /* Orange "38K + Satisfied Customers" pill floating over the image. */ .home-faq-section .customers-widget { position: absolute; right: -18px; top: 26%; z-index: 2; display: flex; align-items: center; gap: 16px; padding: 12px 30px 12px 14px; border-radius: var(--tv-pill); background: var(--tv-primary); color: #fff; box-shadow: 0 16px 36px rgba(255, 104, 26, 0.35); } .home-faq-section .customers-widget .avatars img { display: block; width: auto; max-width: 120px; height: 50px; border-radius: var(--tv-pill); } .home-faq-section .customers-widget .figures p { margin: 0; line-height: 1.3; } .home-faq-section .customers-widget .count { font-family: var(--tv-font-heading); font-size: 24px; font-weight: 700; } .home-faq-section .customers-widget .figures p:last-child { font-size: 14px; opacity: 0.92; } /* Right column header is left-aligned, unlike the centred section headers. */ .home-faq-section .section-header { max-width: none; margin-inline: 0; margin-bottom: 34px; text-align: left; } .home-faq-section .section-header h2 { max-width: 14em; margin-bottom: 0; } /* Accordion */ .home-faq-section .faq { display: grid; gap: 16px; } .home-faq-section .faq-item { padding: 20px 26px; border-radius: 14px; background: var(--tv-bg-panel); transition: background-color var(--tv-ease); } .home-faq-section .faq-item[open] { background: var(--tv-bg-panel); } .home-faq-section .faq-item summary { display: flex; align-items: center; gap: 16px; color: var(--tv-heading); font-family: var(--tv-font-heading); font-size: 17px; font-weight: 700; line-height: 1.45; cursor: pointer; list-style: none; } .home-faq-section .faq-item summary::-webkit-details-marker { display: none; } /* Teal toggle: plus when closed, minus when open. The two white bars are drawn as background gradients, so no extra markup or icon font is needed. */ .home-faq-section .faq-item summary::before { content: ""; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background-color: var(--tv-secondary); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position: center, center; background-size: 14px 2px, 2px 14px; transition: background-size var(--tv-ease), background-color var(--tv-ease); } .home-faq-section .faq-item[open] summary::before { background-size: 14px 2px, 2px 2px; } .home-faq-section .faq-item summary:hover::before { background-color: var(--tv-secondary-dark); } .home-faq-section .faq-item > p { margin: 14px 0 4px; padding-left: 50px; color: var(--tv-body); line-height: 1.8; } @media (prefers-reduced-motion: no-preference) { .home-faq-section .faq-item[open] > p { animation: tv-faq-reveal 0.28s ease both; } } @keyframes tv-faq-reveal { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } /* ----------------------------------------------------------------------------- 11. Why choose us -------------------------------------------------------------------------- */ .why-choose { background: var(--tv-surface); } .why-choose .row { align-items: center; row-gap: 48px; } .why-choose .why-intro h2 { max-width: 11em; margin-bottom: 18px; } .why-choose .why-intro > p { max-width: 34em; } /* Two headline numbers under the intro copy. */ .why-choose .why-stats { display: flex; flex-wrap: wrap; gap: 18px 46px; margin: 34px 0 36px; padding: 0; list-style: none; } .why-choose .why-stats li { display: grid; gap: 2px; } .why-choose .stat-value { color: var(--tv-primary); font-family: var(--tv-font-heading); font-size: clamp(30px, 3vw, 40px); font-weight: 800; line-height: 1.1; } .why-choose .stat-label { font-size: 15px; line-height: 1.4; } /* 2x2 feature grid. CSS Grid rather than Bootstrap columns so the cards can be staggered and still share an equal height per row. */ .why-choose .why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none; } .why-choose .why-card { padding: 32px 28px; border: 1px solid rgba(18, 20, 29, 0.09); border-radius: var(--tv-radius); background: var(--tv-surface); transition: transform var(--tv-ease), box-shadow var(--tv-ease), border-color var(--tv-ease); } .why-choose .why-card:hover { border-color: transparent; box-shadow: var(--tv-shadow-hover); } .why-choose .why-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 20px; border-radius: 18px; background: rgba(255, 104, 26, 0.12); color: var(--tv-primary); } /* Diagonal accent - cards 2 and 3 take the teal. */ .why-choose .why-card:nth-child(2) .why-icon, .why-choose .why-card:nth-child(3) .why-icon { background: rgba(55, 212, 217, 0.18); color: var(--tv-secondary-dark); } .why-choose .why-icon svg { width: 26px; height: 26px; } .why-choose .why-card h3 { margin-bottom: 8px; } .why-choose .why-card p { margin: 0; font-size: 15px; line-height: 1.7; } /* Stagger the right-hand column on large screens. */ @media (min-width: 992px) { .why-choose .why-grid { margin-bottom: 40px; } .why-choose .why-card:nth-child(even) { transform: translateY(40px); } .why-choose .why-card:hover { transform: translateY(-6px); } .why-choose .why-card:nth-child(even):hover { transform: translateY(34px); } } @media (max-width: 575.98px) { .why-choose .why-grid { grid-template-columns: 1fr; } .why-choose .why-card { padding: 26px 22px; } } /* ============================================================================= INNER PAGES ========================================================================== */ /* ----------------------------------------------------------------------------- 12. Page hero (every inner page) -------------------------------------------------------------------------- */ .page-hero { padding-block: clamp(40px, 5vw, 64px); background: var(--tv-gradient); text-align: center; } .page-hero-inner { max-width: 860px; margin-inline: auto; } .page-hero h1 { margin-bottom: 0; overflow-wrap: break-word; } .page-hero--post h1 { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.22; } .page-hero p { max-width: 40em; margin: 20px auto 0; font-size: 17px; } .page-hero a.eyebrow { text-decoration: none; } .page-hero .hero-search, .no-results .hero-search { max-width: 560px; margin: 30px auto 0; text-align: left; } /* Author, date and reading time on a single post */ .post-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; margin: 24px 0 0; padding: 0; list-style: none; font-size: 15px; } .post-meta li { display: flex; align-items: center; gap: 8px; } .post-meta svg { width: 16px; height: 16px; color: var(--tv-primary); fill: currentColor; } .post-meta a { color: var(--tv-heading); font-weight: 600; text-decoration: none; } .post-meta a:hover { color: var(--tv-primary); } /* ----------------------------------------------------------------------------- 13. Breadcrumb (built-in trail and Yoast) -------------------------------------------------------------------------- */ .page-breadcrumb { display: inline-block; max-width: 100%; margin-top: 20px; padding: 10px 24px; border-radius: var(--tv-pill); background: var(--tv-surface); box-shadow: var(--tv-shadow); font-size: 15px; } .page-breadcrumb ol { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; } .page-breadcrumb li + li::before { content: "/"; margin-inline: 10px; color: #b5bac3; } .page-breadcrumb a { color: var(--tv-heading); text-decoration: none; } .page-breadcrumb a:hover, .page-breadcrumb [aria-current], .page-breadcrumb .breadcrumb_last { color: var(--tv-primary); } /* ----------------------------------------------------------------------------- 14. Editor content (the_content) -------------------------------------------------------------------------- */ .entry-content { overflow-wrap: break-word; color: #4b5262; } .entry-content p, .entry-content li { font-size: 17px; line-height: 1.8; margin-bottom: 24px; } .entry-content h2 { margin: 0!important; font-size: clamp(25px, 2.4vw, 32px); line-height: 1.3; } .entry-content h3 { margin: 32px 0 12px; font-size: clamp(20px, 1.8vw, 24px); } .entry-content h4 { margin: 28px 0 10px; color: var(--tv-heading); font-size: 19px; font-weight: 700; } .entry-content a { color: var(--tv-primary); text-underline-offset: 3px; } .entry-content ul, .entry-content ol { margin: 0 0 20px; padding-left: 1.3em; } .entry-content li { margin-bottom: 8px; padding-left:8px; } .entry-content li::marker { color: var(--tv-primary); position:absolute; content: '✔' } .entry-content blockquote { margin: 0 0 20px; padding: 24px 28px; border-left: 4px solid var(--tv-primary); border-radius: 0 var(--tv-radius) var(--tv-radius) 0; background: var(--tv-bg-panel); } .entry-content blockquote p { color: var(--tv-heading); font-size: 19px; } .entry-content img { max-width: 100%; height: auto; border-radius: var(--tv-radius); } .entry-content figure { margin: 0 0 20px; } .entry-content figcaption, .post-featured figcaption { margin-top: 10px; font-size: 14px; text-align: center; } .entry-content table { width: 100%; margin-bottom: 20px; border-collapse: collapse; } .entry-content th, .entry-content td { padding: 12px 16px; border: 1px solid rgba(18, 20, 29, 0.1); } .entry-content th { background: var(--tv-bg-panel); color: var(--tv-heading); } .entry-content .wp-block-table { overflow-x: auto; } .page-links { margin-top: 30px; font-weight: 600; } /* ----------------------------------------------------------------------------- 15. Card extras (date, excerpt, "Read more", no-image placeholder) -------------------------------------------------------------------------- */ .card .card-meta { margin: 0 0 10px; color: var(--tv-primary); font-size: 14px; font-weight: 600; } .card .card-excerpt { margin: 12px 0 0; font-size: 15px; line-height: 1.7; } .card-more { display: flex; align-items: center; gap: 8px; margin-top: auto; /* pins it to the bottom so a row of cards lines up */ padding-top: 18px; color: var(--tv-heading); font-size: 15px; font-weight: 700; } .card-more svg { width: 16px; height: 16px; transition: transform var(--tv-ease); } .card:hover .card-more { color: var(--tv-primary); } .card:hover .card-more svg { transform: translateX(4px); } .media-placeholder { display: block; aspect-ratio: 16 / 11; background: linear-gradient(135deg, rgba(55, 212, 217, 0.3), rgba(255, 104, 26, 0.2)); } .latest-pages .media-placeholder { aspect-ratio: 900 / 490; } /* ----------------------------------------------------------------------------- 16. Default page, parent page and child page -------------------------------------------------------------------------- */ .page-intro { padding-bottom: 0; } .page-intro .entry-content { max-width: 820px; margin-inline: auto; } .page-body .row { row-gap: 48px; } .sidebar-widget { padding: 30px 28px; border-radius: var(--tv-radius); /* background: var(--tv-bg-panel); */ background: var(--tv-gradient); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .sidebar-widget + .sidebar-widget { margin-top: 24px; } .sidebar-widget h2 { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 3px solid var(--tv-primary); font-size: 21px; } .sidebar-widget h2 a { color: inherit; text-decoration: none; } .section-nav ul { margin: 0; padding: 0; list-style: none; } .section-nav li + li { margin-top: 10px; } .section-nav li a { display: block; padding: 14px 18px; border-radius: var(--tv-radius-sm); background: var(--tv-surface); color: var(--tv-heading); font-weight: 600; text-decoration: none; transition: background-color var(--tv-ease), color var(--tv-ease); } .section-nav li a:hover, .section-nav .current_page_item > a { background: var(--tv-primary); color: #fff; } /* Dark contact card */ .sidebar-cta { background: var(--tv-heading); } .sidebar-cta h2 { color: #fff; } .sidebar-cta p { color: rgba(255, 255, 255, 0.72); font-size: 15px; } .sidebar-cta-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 20px; border-radius: 18px; background: rgba(55, 212, 217, 0.18); color: var(--tv-secondary); } .sidebar-cta-icon svg { width: 26px; height: 26px; } .sidebar-cta-phone { display: flex; align-items: center; gap: 10px; margin: 6px 0 22px; color: #fff; font-size: 20px; font-weight: 700; text-decoration: none; } .sidebar-cta-phone svg { fill: var(--tv-secondary); } .sidebar-cta-phone:hover { color: var(--tv-secondary); } .sidebar-cta .btn-primary { width: 100%; display: inline-block; } @media (min-width: 992px) { .page-sidebar { position: sticky; top: 100px; } } /* ----------------------------------------------------------------------------- 17. Blog, archive and search listings -------------------------------------------------------------------------- */ .blog-listing, .related-posts { padding-top: var(--tv-section-y); } .related-posts { background: var(--tv-bg); } .navigation.pagination { justify-content: center; margin-top: 36px; } .pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .page-numbers { display: grid; place-items: center; min-width: 48px; height: 48px; padding: 0 14px; border: 1px solid var(--tv-border); border-radius: var(--tv-radius-sm); color: var(--tv-heading); font-weight: 600; text-decoration: none; } a.page-numbers:hover, .page-numbers.current { background: var(--tv-primary); border-color: var(--tv-primary); color: #fff; } .page-numbers.dots { border: 0; } .no-results { max-width: 620px; margin-inline: auto; padding: 48px 32px; border-radius: var(--tv-radius); background: var(--tv-bg-panel); text-align: center; } .no-results h2 { font-size: clamp(25px, 2.4vw, 32px); } /* 404 buttons */ .not-found-links { padding-bottom: 0; } .not-found-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .site-main .btn-outline { padding: 15px 38px; border: 2px solid var(--tv-primary); border-radius: var(--tv-radius-sm); color: var(--tv-primary); font-size: 16px; font-weight: 700; } .site-main .btn-outline:hover { background: var(--tv-primary); color: #fff; } /* ----------------------------------------------------------------------------- 18. Single post -------------------------------------------------------------------------- */ .post-body { padding-block: clamp(36px, 4vw, 56px); } .post-featured { max-width: 1100px; margin: 0 auto 40px; } .post-featured img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--tv-radius-lg); } /* Comfortable reading width */ .post-content { max-width: 780px; margin-inline: auto; } .entry-footer { margin-top: 36px; } .post-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; } .post-tags a { display: block; padding: 8px 18px; border: 1px solid var(--tv-border); border-radius: var(--tv-pill); color: var(--tv-heading); font-size: 14px; font-weight: 600; text-decoration: none; } .post-tags a:hover { background: var(--tv-primary); border-color: var(--tv-primary); color: #fff; } .author-box { display: flex; gap: 22px; margin-top: 40px; padding: 30px; border-radius: var(--tv-radius); background: var(--tv-bg-panel); } .author-box img { flex-shrink: 0; border-radius: 50%; } .author-box .author-label { margin: 0; color: var(--tv-primary); font-size: 14px; font-weight: 600; } .author-box h2 { margin-bottom: 8px; font-size: 21px; } .author-box h2 a { color: inherit; text-decoration: none; } /* Previous / next article */ .site-main .post-navigation { margin-top: 36px; padding-top: 40px; border-top: 1px solid rgba(18, 20, 29, 0.1); } .site-main .post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; border: 0; } /* Cancel Sydney's 50% width, 60px padding and divider line on each link. */ .site-main .post-navigation .nav-previous, .site-main .post-navigation .nav-next { width: auto; padding: 0; border: 0; text-align: left; } /* Sydney adds a 10px side margin to every span inside the links. */ .site-main .post-navigation .nav-links span { margin: 0; } .site-main .post-navigation .nav-next { grid-column: 2; text-align: right; } .site-main .post-navigation a { display: block; height: 100%; padding: 22px 24px; border: 1px solid var(--tv-border); border-radius: var(--tv-radius); text-decoration: none; transition: box-shadow var(--tv-ease); } .site-main .post-navigation a:hover { box-shadow: var(--tv-shadow-hover); } .site-main .post-navigation .nav-label { display: block; margin-bottom: 6px; color: var(--tv-primary); font-size: 14px; font-weight: 600; } .site-main .post-navigation .nav-title { display: block; color: var(--tv-heading); font-size: 17px; font-weight: 700; } /* ----------------------------------------------------------------------------- 19. Comments -------------------------------------------------------------------------- */ .comments-wrap { margin-top: 36px; } .site-main .comments-area { margin: 0; } .site-main .comment-respond { padding: 0; } .comments-area h2, .comments-area h3 { font-size: clamp(22px, 2vw, 28px); } .comment-list, .comment-list .children { padding: 0; list-style: none; } .comment-list .children { padding-left: 30px; } .comment-body { margin-bottom: 16px; padding: 24px; border-radius: var(--tv-radius); background: var(--tv-bg-panel); } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; padding: 14px 18px; border: 1px solid rgba(18, 20, 29, 0.14); border-radius: var(--tv-radius-sm); font: inherit; } .comment-form textarea { min-height: 160px; } .site-main .comment-form input[type="submit"] { width: auto; padding: 17px 40px; border: 0; border-radius: var(--tv-radius-sm); background: var(--tv-primary); color: #fff; font-size: 16px; font-weight: 700; line-height: 1.2; text-transform: none; cursor: pointer; } .site-main .comment-form input[type="submit"]:hover { background: var(--tv-primary-dark); color: #fff; } /* ----------------------------------------------------------------------------- 20. Call-to-action band -------------------------------------------------------------------------- */ .cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 32px 56px; padding: clamp(28px, 4vw, 48px); border-radius: var(--tv-radius-lg); background: var(--tv-heading); } .cta-copy { max-width: 580px; } .cta-band h2 { margin-bottom: 14px; color: #fff; font-size: clamp(27px, 3vw, 40px); } .cta-band p { color: rgba(255, 255, 255, 0.72); } .cta-actions { display: flex; flex-direction: column; align-items: center; gap: 18px; flex-shrink: 0; } .cta-phone { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; } .cta-phone .icon { fill: var(--tv-secondary); } .cta-phone:hover { color: var(--tv-secondary); } /* ----------------------------------------------------------------------------- Inner pages — responsive -------------------------------------------------------------------------- */ @media (max-width: 991.98px) { .cta-panel { flex-direction: column; align-items: flex-start; } .cta-actions { flex-direction: row; flex-wrap: wrap; } } @media (max-width: 767.98px) { .page-breadcrumb { border-radius: var(--tv-radius); font-size: 14px; } .post-meta { gap: 8px 20px; font-size: 14px; } .post-featured { margin-bottom: 28px; } .post-featured img { border-radius: var(--tv-radius); } .site-main .post-navigation .nav-links { grid-template-columns: 1fr; } .site-main .post-navigation .nav-next { grid-column: auto; text-align: left; } } @media (max-width: 575.98px) { .entry-content p, .entry-content li { font-size: 16px; } .sidebar-widget { padding: 26px 22px; } .author-box { flex-direction: column; padding: 24px; } .cta-actions { flex-direction: column; align-items: stretch; width: 100%; } .cta-phone { justify-content: center; } .site-main .btn-outline { width: 100%; } } /* ----------------------------------------------------------------------------- 21. Front page — responsive -------------------------------------------------------------------------- */ /* Flush the FAQ image to the viewport edge from the md breakpoint up, matching the full-bleed look in the design. */ @media (min-width: 768px) { .home-faq-section .container-fluid { padding-right: 0; padding-left: 0; } .home-faq-section .col-md-6:first-child { padding-left: 0; } .home-faq-section .media img { border-radius: 0 var(--tv-radius-lg) var(--tv-radius-lg) 0; } .home-faq-section .col-md-6:last-child { padding-left: clamp(32px, 5vw, 76px); padding-right: clamp(20px, 4vw, 60px); } } @media (max-width: 1199.98px) { .aboutus .vertical-text { top: 16%; } .home-faq-section .customers-widget { right: 12px; } } /* Tablets: three narrow USP columns, so put the icon above the text. */ @media (min-width: 768px) and (max-width: 991.98px) { .home-usp-section .content { flex-direction: column; } } @media (max-width: 991.98px) { .home-usp-section .content { gap: 16px; } .home-usp-section .icon { flex-basis: 62px; width: 62px; height: 62px; } .home-usp-section p { max-width: none; } .aboutus h2, .home-faq-section .section-header h2 { max-width: none; } .home-faq-section .customers-widget { padding: 10px 24px 10px 12px; gap: 12px; } .home-faq-section .customers-widget .avatars img { height: 42px; } .home-faq-section .customers-widget .count { font-size: 20px; } } @media (max-width: 767.98px) { /* Stack the about image cluster instead of overlapping it. */ .aboutus .col-md-6:last-child { padding-bottom: 0; } .aboutus .primary-image { width: 100%; } .aboutus .secondary-image { position: static; width: 100%; margin-top: 20px; } .aboutus .secondary-image img { border: 0; } .aboutus .vertical-text { top: 16px; left: 16px; flex-direction: row; gap: 12px; padding: 10px 20px 10px 10px; } .aboutus .vertical-text > span:last-child { writing-mode: horizontal-tb; transform: none; font-size: 14px; } .aboutus .vertical-text .years { width: 52px; height: 52px; font-size: 21px; } .aboutus .about-cta { gap: 24px; } /* Pill sits under the image on small screens so it never covers the subject. */ .home-faq-section .customers-widget { position: relative; margin-top: -32px; margin-inline: auto; width: max-content; max-width: 100%; z-index:1; } .home-testimonials .testimonial { padding: 30px 26px; } .home-faq-section .faq-item { padding: 18px 20px; } .home-faq-section .faq-item summary { font-size: 16px; gap: 13px; } .home-faq-section .faq-item > p { padding-left: 0; } } @media (max-width: 575.98px) { .site-main .hero-search form { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; border-radius: var(--tv-radius); } .site-main .hero-search input[type="search"], .site-main .hero-search input[type="text"] { padding: 12px 16px; border-radius: var(--tv-pill); background: var(--tv-bg); } .site-main .btn-primary { width: 100%; padding: 16px 28px; } .aboutus .about-cta { align-items: flex-start; flex-direction: column; } .latest-pages .card .content { padding: 20px 18px 24px; } .latest-blog .card .content { padding: 20px 6px 8px; } } /* ----------------------------------------------------------------------------- 22. Motion & print -------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .site-main *, .site-main *::before, .site-main *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } @media print { .site-main .faq-item > p { display: block !important; } .site-main section { padding-block: 24px; background: none !important; } } a.header-item { padding: 16px; border-radius: 50%; color: #fff; background: #e85a12; display:inline-flex; justify-content:center; align-items:center; } a.header-item .sydney-svg-icon svg{ fill:#fff!important; } #ez-toc-container{ width:100%!important; } /* ---------- 1. Design tokens (scoped, so they never leak into the theme) --- */ #wpforms-form-74 { --al-primary: #ff681a; --al-primary-hover: #e85a12; --al-ink: #0f172a; --al-text: #334155; --al-muted: #64748b; --al-line: #cbd5e1; --al-surface: #ffffff; --al-field: #f8fafc; --al-error: #b91c1c; --al-radius: 8px; --al-ring: 0 0 0 4px rgba(255, 104, 26, 0.2); position: relative; max-width: 760px; margin: 0 0 20px 0; padding: clamp(24px, 4vw, 44px); background: var(--al-surface); border: 1px solid #e2e8f0; border-top: 4px solid var(--al-primary); border-radius: 14px; box-shadow: 0 18px 40px -24px rgba(15, 23, 42, 0.35); font-family: inherit; color: var(--al-text); } /* ---------- 2. Title ------------------------------------------------------- */ #wpforms-form-74 .wpforms-head-container { margin: 0 0 28px; padding: 0; } #wpforms-form-74 .wpforms-title { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem); font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; color: var(--al-ink); } #wpforms-form-74 .wpforms-description { margin: 8px 0 0; font-size: 0.95rem; line-height: 1.6; color: var(--al-muted); } /* ---------- 3. Layout: 2 columns (Name | Email), rest full width ----------- */ #wpforms-form-74 .wpforms-field-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; } #wpforms-form-74 .wpforms-field { grid-column: 1 / -1; margin: 0; padding: 0; } #wpforms-form-74 #wpforms-form-74-field_1-container, #wpforms-form-74 #wpforms-form-74-field_2-container { grid-column: span 1; } /* ---------- 4. Honeypot fields — MUST stay invisible ----------------------- */ #wpforms-form-74 #wpforms-form-74-field_5-container, #wpforms-form-74 #wpforms-form-74-field_6-container, #wpforms-form-74 .wpforms-field:has(> input[tabindex="-1"][aria-hidden="true"]) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } /* ---------- 5. Labels ------------------------------------------------------ */ #wpforms-form-74 .wpforms-field-label { display: block; margin: 0 0 8px; padding: 0; font-size: 0.9rem; font-weight: 500; line-height: 1.4; color: var(--al-ink); } #wpforms-form-74 .wpforms-required-label { margin-left: 2px; font-weight: 600; color: var(--al-error); } /* ---------- 6. Inputs & textarea ------------------------------------------ */ #wpforms-form-74 input[type="text"], #wpforms-form-74 input[type="email"], #wpforms-form-74 input[type="tel"], #wpforms-form-74 input[type="url"], #wpforms-form-74 textarea { display: block; width: 100%; max-width: 100%; height: auto; min-height: 50px; margin: 0; padding: 12px 16px; font-family: inherit; font-size: 16px; line-height: 1.5; color: var(--al-text); background: var(--al-field); border: 1px solid var(--al-line); border-radius: var(--al-radius); box-shadow: none; transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; appearance: none; } #wpforms-form-74 textarea { min-height: 160px; resize: vertical; } #wpforms-form-74 input::placeholder, #wpforms-form-74 textarea::placeholder { color: var(--al-muted); opacity: 1; } #wpforms-form-74 input:hover, #wpforms-form-74 textarea:hover { border-color: #94a3b8; } #wpforms-form-74 input:focus, #wpforms-form-74 textarea:focus { outline: none; background: var(--al-surface); border-color: var(--al-primary); box-shadow: var(--al-ring); } /* ---------- 7. Validation errors ------------------------------------------ */ #wpforms-form-74 input.wpforms-error, #wpforms-form-74 textarea.wpforms-error { border-color: var(--al-error); background: #fef2f2; } #wpforms-form-74 input.wpforms-error:focus, #wpforms-form-74 textarea.wpforms-error:focus { box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.15); } #wpforms-form-74 em.wpforms-error, #wpforms-form-74 label.wpforms-error { display: block; margin: 6px 0 0; padding: 0; font-size: 0.85rem; font-style: normal; line-height: 1.4; color: var(--al-error); } /* ---------- 8. Submit area (ticket-stub style divider) -------------------- */ #wpforms-form-74 .wpforms-submit-container { position: relative; display: flex; align-items: center; gap: 14px; margin: 30px 0 0; padding: 26px 0 0; border-top: 2px dashed #e2e8f0; } #wpforms-form-74 .wpforms-submit-container::before, #wpforms-form-74 .wpforms-submit-container::after { content: ""; position: absolute; top: -12px; width: 22px; height: 22px; background: var(--al-page-bg, #ffffff); border: 1px solid #e2e8f0; border-radius: 50%; } #wpforms-form-74 .wpforms-submit-container::before { left: calc(clamp(24px, 4vw, 44px) * -1 - 12px); clip-path: inset(0 0 0 50%); } #wpforms-form-74 .wpforms-submit-container::after { right: calc(clamp(24px, 4vw, 44px) * -1 - 12px); clip-path: inset(0 50% 0 0); } #wpforms-form-74 button.wpforms-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; margin: 0; padding: 0 32px; font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1; letter-spacing: 0; text-transform: none; color: #ffffff; background: var(--al-primary); border: 0; border-radius: var(--al-radius); box-shadow: 0 8px 18px -10px rgba(255, 104, 26, 0.8); cursor: pointer; transition: background-color 0.15s ease, transform 0.15s ease; } #wpforms-form-74 button.wpforms-submit:hover { background: var(--al-primary-hover); } #wpforms-form-74 button.wpforms-submit:active { transform: translateY(1px); } #wpforms-form-74 button.wpforms-submit:focus-visible { outline: 3px solid var(--al-primary); outline-offset: 3px; } #wpforms-form-74 button.wpforms-submit:disabled { opacity: 0.7; cursor: wait; } #wpforms-form-74 .wpforms-submit-spinner { margin: 0; } /* ---------- 9. Success message (AJAX confirmation) ------------------------ */ #wpforms-form-74 .wpforms-confirmation-container-full, #wpforms-confirmation-74 { margin: 0; padding: 18px 20px; font-size: 1rem; line-height: 1.6; color: #14532d; background: #f0fdf4; border: 1px solid #86efac; border-radius: var(--al-radius); } #wpforms-form-74 .wpforms-confirmation-container-full p:last-child, #wpforms-confirmation-74 p:last-child { margin-bottom: 0; } /* ---------- 10. Mobile ----------------------------------------------------- */ @media (max-width: 600px) { #wpforms-form-74 { border-radius: 12px; } #wpforms-form-74 .wpforms-field-container { grid-template-columns: 1fr; gap: 18px; } #wpforms-form-74 #wpforms-form-74-field_1-container, #wpforms-form-74 #wpforms-form-74-field_2-container { grid-column: 1 / -1; } #wpforms-form-74 button.wpforms-submit { width: 100%; } } /* ---------- 11. Reduced motion -------------------------------------------- */ @media (prefers-reduced-motion: reduce) { #wpforms-form-74 *, #wpforms-form-74 *::before, #wpforms-form-74 *::after { transition: none !important; } } /* ----------------------------------------------------------------------------- 23. Footer (footer.php) Scoped to #colophon so the Sydney theme's footer colours cannot override it. -------------------------------------------------------------------------- */ #colophon { background: var(--tv-heading); color: rgba(255, 255, 255, 0.7); font-family: var(--tv-font-body); font-size: 15px; line-height: 1.6; } #colophon a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color var(--tv-ease); } #colophon a:hover, #colophon .current-menu-item > a { color: var(--tv-primary); } #colophon a:focus-visible { outline: 3px solid var(--tv-secondary); outline-offset: 3px; } #colophon p { margin: 0; } #colophon .menu-new { margin: 0; padding: 0; list-style: none; } /* The theme's Bootstrap 3 rows float their columns; the footer lays itself out with grid/flex instead, so switch the float grid off here. */ #colophon .row { margin: 0; } #colophon .row::before, #colophon .row::after { content: none; } #colophon .row > [class*="col-"] { float: none; width: auto; padding: 0; } /* Four menu columns */ #colophon .pre-footer { padding-block: clamp(48px, 6vw, 72px) clamp(36px, 4vw, 52px); display:none; } #colophon .pre-footer > .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 30px; } #colophon .footer-menu-heading { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid var(--tv-primary); width: fit-content; color: #fff; font-family: var(--tv-font-heading); font-size: 18px; font-weight: 700; line-height: 1.3; } #colophon .pre-footer .menu-new li + li { margin-top: 12px; } /* Disclaimer band */ #colophon .disc__main { padding-block: 22px; border-top: 1px solid rgba(255, 255, 255, 0.1); } #colophon .disc__main p { color: rgba(255, 255, 255, 0.55); font-size: 14px; line-height: 1.7; } #colophon .disc__main strong { color: rgba(255, 255, 255, 0.85); } /* Bottom bar: copyright left, legal links right */ #colophon .site-info { padding-block: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; } #colophon .site-info > .row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; } #colophon .site-info .menu-new { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 24px; } @media (max-width: 991.98px) { #colophon .pre-footer > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575.98px) { #colophon .pre-footer > .row { grid-template-columns: 1fr; gap: 32px; } #colophon .site-info > .row { flex-direction: column; text-align: center; } #colophon .site-info .menu-new { justify-content: center; } } /** * Yoast FAQ Block – custom styles */ .wp-block-yoast-faq-block { --faq-accent: var(--tv-primary, #ff681a); --faq-accent-text: #b8430a; --faq-heading: #1a2230; --faq-body: #475063; --faq-divider: #e6e8ec; --faq-marker-size: 0.5rem; --faq-indent: 1.5rem; margin-block: 2.5rem; padding: 0.25rem 1.5rem; border-top: 3px solid var(--faq-accent); border-radius: 0 0 10px 10px; background: #fff8f4; background: color-mix(in srgb, var(--faq-accent) 5%, #fff); } .wp-block-yoast-faq-block .schema-faq-section { padding-block: 1.25rem; border-bottom: 1px solid var(--faq-divider); } .wp-block-yoast-faq-block .schema-faq-section:last-child { border-bottom: 0; } .wp-block-yoast-faq-block .schema-faq-question { position: relative; display: block; margin: 0 0 0.5rem; padding-left: var(--faq-indent); color: var(--faq-heading); font-size: 1.125rem; font-weight: 700; line-height: 1.4; } .wp-block-yoast-faq-block .schema-faq-question::before { content: ""; position: absolute; left: 0; top: calc((1.4em - var(--faq-marker-size)) / 2); width: var(--faq-marker-size); height: var(--faq-marker-size); border-radius: 2px; background: var(--faq-accent); } .wp-block-yoast-faq-block .schema-faq-answer { max-width: 70ch; margin: 0; padding-left: var(--faq-indent); color: var(--faq-body); font-size: 1rem; line-height: 1.7; } .wp-block-yoast-faq-block .schema-faq-answer > p:last-child { margin-bottom: 0; } .wp-block-yoast-faq-block .schema-faq-answer a { color: var(--faq-accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .wp-block-yoast-faq-block .schema-faq-answer a:hover { text-decoration-thickness: 2px; } .wp-block-yoast-faq-block .schema-faq-answer a:focus-visible { outline: 2px solid var(--faq-accent); outline-offset: 2px; border-radius: 2px; } .wp-block-yoast-faq-block .schema-faq-answer img { display: block; max-width: 100%; height: auto; margin-top: 0.75rem; border-radius: 6px; } @media (max-width: 600px) { .wp-block-yoast-faq-block { padding-inline: 1rem; border-radius: 0 0 8px 8px; } .wp-block-yoast-faq-block .schema-faq-question { font-size: 1.0625rem; } .wp-block-yoast-faq-block .schema-faq-answer { font-size: 0.9375rem; } } @media print { .wp-block-yoast-faq-block { background: none; } } #mainnav ul li a{ font-size:16px!important; font-weight:600!important; }