.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1300px;
}
body {font-family: Arial, Helvetica, sans-serif;}body {line-height: 1.4;font-size: var(--fs0) ;font-weight: 400;color: #323232;}.oxy-nav-menu-hamburger-line {background-color: #323232;}h1, h2, h3, h4, h5, h6 {font-family: 'Sansation_';font-size: var(--fs1) ;font-weight: 700;line-height: 1.1;}h2, h3, h4, h5, h6{font-size: var(--fs2) ;font-weight: 600;}h3, h4, h5, h6{font-size: var(--fs3) ;}h4, h5, h6{font-size: var(--fs4) ;}h5, h6{font-size: var(--fs5) ;}h6{font-size: var(--fs6) ;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: var(--sect-tb) ;
padding-right: var(--gutters) ;
padding-bottom: var(--sect-tb) ;
padding-left: var(--gutters) ;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: var(--gutters) ;
padding-left: var(--gutters) ;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.grd:locked{
}
.grd {
}
.gair-bdr-radius:locked{
}
.gair-bdr-radius {
 overflow:hidden;
}
.tiles-stretch:locked{
}
.tiles-stretch {
}
.grd-3-2:locked{
}
.grd-3-2 {
}
.gair-border-row__rev:locked{
}
.gair-border-row__rev {
 border-top-color:#cfcfce;
 border-right-color:#cfcfce;
 border-bottom-color:#cfcfce;
 border-left-color:#cfcfce;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 padding-top:.8em;
 padding-right:1.5em;
 padding-bottom:.8em;
 padding-left:.8em;
}
@media (max-width: 767px) {
.gair-border-row__rev {
 padding-left:.8em;
 padding-right:.8em;
}
}

.gap:locked{
}
.gap {
}
.t-vgap:locked{
}
.t-vgap {
}
.gair-bdr-radius__internal:locked{
}
.gair-bdr-radius__internal {
 border-radius:calc(var(--bdr-rad) / 1.3) ;
 object-fit:cover;
 width:100%;
 overflow:hidden;
}
.gair-border-row:locked{
}
.gair-border-row {
 border-top-color:#cfcfce;
 border-right-color:#cfcfce;
 border-bottom-color:#cfcfce;
 border-left-color:#cfcfce;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 padding-top:.8em;
 padding-right:.8em;
 padding-bottom:.8em;
 padding-left:1.5em;
}
@media (max-width: 767px) {
.gair-border-row {
 padding-left:.8em;
}
}

.button-1:locked{
}
.button-1:hover{
 background-color:#3d3d3d;
}
.button-1 {
 background-color:#e8874c;
 transition-duration:.3s;
 color:#ffffff;
 border-top-color:#e8874c;
 border-right-color:#e8874c;
 border-bottom-color:#e8874c;
 border-left-color:#e8874c;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
}
.gair-button__sm:locked{
}
.gair-button__sm:activeselector{
}
.gair-button__sm {
 transition-duration:0.2s;
 transition-property:all;
 overflow:hidden;
 padding-left:var(--p-md) ;
 padding-right:var(--p-md) ;
 margin-top:15px;
 position:relative;
 margin-bottom:15px;
 border-radius:40px;
 padding-top:5px;
 padding-bottom:5px;
 text-align:justify;
}
.gair-button__sm:not(.ct-section):not(.oxy-easy-posts),
.gair-button__sm.oxy-easy-posts .oxy-posts,
.gair-button__sm.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
align-content:center;
justify-content:center;
}
@media (max-width: 1300px) {
.gair-button__sm {
 padding-top:8px;
 padding-bottom:8px;
}
}

@media (max-width: 991px) {
.gair-button__sm {
 padding-top:6px;
 padding-bottom:6px;
}
}

@media (max-width: 767px) {
.gair-button__sm {
 padding-top:4px;
 padding-bottom:4px;
 text-align:center;
}
.gair-button__sm:not(.ct-section):not(.oxy-easy-posts),
.gair-button__sm.oxy-easy-posts .oxy-posts,
.gair-button__sm.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.gair-button__sm {
}
}

.button-1__icon:locked{
}
.button-1__icon {
color: #ffffff;}.button-1__icon 
>svg {width: 33px;height: 33px;}.button-1__icon {
 margin-left:6px;
 margin-right:6px;
}
.button-1__text:locked{
}
.button-1__text {
 font-weight:500;
 margin-left:6px;
 margin-right:6px;
}
.gap-sm:locked{
}
.gap-sm {
}
.no-t-vgap:locked{
}
.no-t-vgap {
}
.grd-middle:locked{
}
.grd-middle {
}
.grd-1-2:locked{
}
.grd-1-2 {
}
.gair-tile__stylised-corporate:locked{
}
.gair-tile__stylised-corporate:before{
 position:absolute;
 top:calc(var(--bl-bdr-width) * -1) ;
 left:calc(var(--bl-bdr-width) * -1) ;
 width:70%;
 height:70%;
 background-color:#0e84ac;
 z-index:-1;
 border-top-left-radius:calc(var(--bdr-rad) / 1.5) ;
  content:"";
}
.gair-tile__stylised-corporate {
 position:relative;
 width:100%;
 background-color:#ffffff;
 border-radius:calc(var(--bdr-rad) / 2) ;
 border-top-color:#c9c9d8;
 border-right-color:#c9c9d8;
 border-bottom-color:#c9c9d8;
 border-left-color:#c9c9d8;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 margin-left:var(--bl-bdr-width) ;
}
.gair-container:locked{
}
.gair-container {
 padding-top:2em;
 padding-right:2em;
 padding-bottom:2em;
 padding-left:2em;
 border-radius:var(--bdr-rad) ;
 width:100%;
}
.gair-container__info:locked{
}
.gair-container__info {
 background-color:#f5f4f4;
}
.gair-img-tile__stylised:locked{
}
.gair-img-tile__stylised:before{
 position:absolute;
 top:calc(var(--or-bdr-width) * -1) ;
 left:calc(var(--or-bdr-width) * -1) ;
 width:70%;
 height:70%;
 background-color:#e8874c;
 border-top-left-radius:calc(1.4 * var(--bdr-rad)) ;
  content:"";
}
.gair-img-tile__stylised {
 position:relative;
 width:calc(100% - var(--or-bdr-width)) !important ;
 margin-left:var(--or-bdr-width) ;
 margin-top:var(--or-bdr-width) ;
}
.gap-md:locked{
}
.gap-md {
}
.last-section:locked{
}
.last-section {
}
.last-section .ct-section-inner-wrap {
padding-bottom: calc(2 * var(--sect-tb)) ;
}
.button-2:locked{
}
.button-2:hover{
 background-color:#e8874c;
}
.button-2 {
 background-color:#0e84ac;
 transition-duration:.3s;
 color:#ffffff;
 border-top-color:#0e84ac;
 border-right-color:#0e84ac;
 border-bottom-color:#0e84ac;
 border-left-color:#0e84ac;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
}
.gair-corp-btn:locked{
}
.gair-corp-btn {
}
@media (max-width: 991px) {
.gair-corp-btn {
}
}

.gair-promo-block__image:locked{
}
.gair-promo-block__image {
 padding-top:1vw;
 padding-right:1vw;
 padding-bottom:1vw;
 padding-left:1vw;
 position:relative;
}
.gair-promo-block__image:not(.ct-section):not(.oxy-easy-posts),
.gair-promo-block__image.oxy-easy-posts .oxy-posts,
.gair-promo-block__image.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.gair-img-tile__stylised-pano {
 width:75% !important ;
 position:absolute;
 top:0px;
 left:0px;
 border-top-left-radius:var(--bdr-rad) ;
 z-index:1;
}
.gair-img-tile__stylised-portrait {
 width:35%;
 position:absolute;
 right:0px;
 bottom:0px;
 border-top-color:#cfcfce;
 border-right-color:#cfcfce;
 border-bottom-color:#cfcfce;
 border-left-color:#cfcfce;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 border-bottom-right-radius:var(--bdr-rad) ;
}
.box-shadow-soft:locked{
}
.box-shadow-soft {
}
.gair-promo-block__3-2:activeselector{
}
.gair-promo-block__3-2 {
 width:100%;
display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: "images text"; gap: var(--half-gap);
}
@media (max-width: 991px) {
.gair-promo-block__3-2 {
grid-template-columns: 1fr; grid-template-areas: "text" "images";
}
}

@media (max-width: 767px) {
.gair-promo-block__3-2 {
}
}

.gair-promo-block__text {
 padding-right:3vw;
 padding-left:1vw;
 text-align:center;
display: grid; grid-area: text;
}
.gair-promo-block__text:not(.ct-section):not(.oxy-easy-posts),
.gair-promo-block__text.oxy-easy-posts .oxy-posts,
.gair-promo-block__text.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.gair-promo-block__text-div:before{
 position:absolute;
 top:0px;
 left:0px;
 color:#f4cebc;
 font-weight:500;
 font-size:var(--fs-xl) ;
 z-index:-1;
 line-height:1;
 text-align:left;
  content:"";
}
.gair-promo-block__text-div {
 width:90%;
 padding-top:38px;
 padding-left:32px;
 position:relative;
 z-index:1;
}
@media (max-width: 767px) {
.gair-promo-block__text-div {
 width:100%;
}
}

.tabs-6823-tab:hover{
 background-color:#cfcfce;
 color:#323232;
}
.tabs-6823-tab {
 text-align:right;
 border-right-color:#0e84ac;
 border-right-style:solid;
 border-right-width:4px;
 transition-duration:.3s;
 font-size:var(--fs6) ;
 font-weight:600;
 background-color:#ffffff;
 margin-top:4px;
 margin-bottom:4px;
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 padding-left:10px;
}
.tabs-6823-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-6823-tab.oxy-easy-posts .oxy-posts,
.tabs-6823-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
}
@media (max-width: 991px) {
.tabs-6823-tab {
 width:31.333%;
 margin-left:1%;
 margin-right:1%;
}
.tabs-6823-tab:hover{
 background-color:#cfcfce;
}
}

@media (max-width: 767px) {
.tabs-6823-tab {
 width:48%;
}
}

.tabs-6823-tab-active {
 background-color:#e8874c;
 border-right-color:#e8874c;
 color:#ffffff;
}
@media (max-width: 991px) {
.tabs-6823-tab-active {
}
}

.box-shadow-tiny:locked{
}
.box-shadow-tiny {
}
.gair-tabbed-nav:locked{
}
.gair-tabbed-nav:hover{
 background-color:#e8874c;
 color:#ffffff;
}
.gair-tabbed-nav {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 position:relative;
 color:#ffffff;
 padding-top:12px;
 padding-right:8px;
 padding-bottom:12px;
 padding-left:8px;
 transition-duration:.3s;
 width:calc((100% / 6) - 20px) ;
 margin-left:10px;
 margin-right:10px;
 font-weight:500;
 text-align:center;
 background-color:#3d3d3d;
}
.gair-tabbed-nav:not(.ct-section):not(.oxy-easy-posts),
.gair-tabbed-nav.oxy-easy-posts .oxy-posts,
.gair-tabbed-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.gair-tabbed-nav {
 width:calc((100% / 3) - 20px) ;
 margin-bottom:20px;
 text-align:center;
 padding-left:12px;
flex-flow: row nowrap;
}
.gair-tabbed-nav:not(.ct-section):not(.oxy-easy-posts),
.gair-tabbed-nav.oxy-easy-posts .oxy-posts,
.gair-tabbed-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.gair-tabbed-nav {
 margin-left:5px;
 margin-right:5px;
 width:calc((100% / 2) - 10px) ;
 margin-bottom:10px;
}
}

.icon:locked{
}
.icon {
}
.gair-tab-nav__icon {
color: #ffffff;}.gair-tab-nav__icon 
>svg {width: 43px;height: 43px;}.gair-tab-nav__icon {
 margin-bottom:5px;
}
@media (max-width: 991px) {
.gair-tab-nav__icon {
}.gair-tab-nav__icon 
>svg {width: 36px;height: 36px;}.gair-tab-nav__icon {
 margin-bottom:0px;
 margin-right:10px;
}
}

@media (max-width: 767px) {
.gair-tab-nav__icon {
}.gair-tab-nav__icon 
>svg {width: 30px;height: 30px;}.gair-tab-nav__icon {
}
}

.supa-tabs1 {
 position:relative;
 overflow:hidden;
}
@media (max-width: 991px) {
.supa-tabs1 {
 padding-left:0px;
 padding-right:0px;
}
}

.tabs-contents-6823-tab {
 padding-top:.5em;
 padding-right:1em;
 padding-bottom:.5em;
 padding-left:1em;
 background-color:#ffffff;
}
.grd-2:locked{
}
.grd-2 {
}
.grd-2-3:locked{
}
.grd-2-3 {
}
.gair-button__lg:locked{
}
.gair-button__lg:hover{
 background-color:#e8874c;
}
.gair-button__lg:activeselector{
}
.gair-button__lg {
 transition-duration:0.2s;
 transition-property:all;
 overflow:hidden;
 padding-left:30px;
 padding-right:30px;
 margin-top:15px;
 position:relative;
 margin-bottom:15px;
 border-radius:40px;
 padding-top:8px;
 padding-bottom:8px;
 color:#faf9f8;
 text-align:justify;
 font-size:var(--fs6) ;
 font-weight:600;
 border-top-color:#e8874c;
 border-right-color:#e8874c;
 border-bottom-color:#e8874c;
 border-left-color:#e8874c;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 width:max-content ;
 background-color:#3d3d3d;
}
.gair-button__lg:not(.ct-section):not(.oxy-easy-posts),
.gair-button__lg.oxy-easy-posts .oxy-posts,
.gair-button__lg.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
align-content:center;
justify-content:center;
}
@media (max-width: 1300px) {
.gair-button__lg {
 padding-top:8px;
 padding-bottom:8px;
}
}

@media (max-width: 991px) {
.gair-button__lg {
 padding-top:6px;
 padding-bottom:6px;
}
}

@media (max-width: 767px) {
.gair-button__lg {
 padding-top:4px;
 padding-bottom:4px;
 text-align:center;
}
.gair-button__lg:not(.ct-section):not(.oxy-easy-posts),
.gair-button__lg.oxy-easy-posts .oxy-posts,
.gair-button__lg.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.gair-button__lg {
}
}

.no-break:locked{
}
.no-break {
}
.gair-2-col__text:locked{
}
.gair-2-col__text {
columns: 2; column-gap: 4em; -webkit-column-rule: 1px solid #cfcfce; -moz-column-rule: 1px solid #cfcfce; column-rule: 1px solid #cfcfce;
}
@media (max-width: 991px) {
.gair-2-col__text {
columns: 1;
}
}

.refresh-btn:locked{
}
.refresh-btn {
}
.oxel-breadcrumb-wrapper {
 width:100%;
}
.oxel-breadcrumb-code {
 width:100%;
 color:#ffffff;
}
.mbc-shadow-filter {
filter: drop-shadow( -3px 3px 6px #26262661);
}
.tabs-3809-tab:hover{
 background-color:#f5f4f4;
}
.tabs-3809-tab {
 padding-top:.5em;
 padding-right:1em;
 padding-bottom:.5em;
 padding-left:1em;
 border-bottom-color:#cfcfce;
 border-bottom-width:2px;
 border-bottom-style:solid;
 transition-duration:.3s;
}
.tabs-3809-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-3809-tab.oxy-easy-posts .oxy-posts,
.tabs-3809-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.tabs-3809-tab {
 padding-top:1em;
 padding-right:1em;
}
}

.tabs-3809-tab-active {
 background-color:#ffffff;
 color:#e8874c;
 border-bottom-color:#e8874c;
 border-bottom-width:2px;
 border-bottom-style:solid;
}
.rta-tile {
}
.rta-tile:not(.ct-section):not(.oxy-easy-posts),
.rta-tile.oxy-easy-posts .oxy-posts,
.rta-tile.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: center;align-items: stretch;grid-template-columns: repeat(1, minmax(0px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.rta-travel-image {
box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11);
}
.rta-tabs {
 overflow:hidden;
 position:relative;
 z-index:1;
}
.tabs-contents-3809-tab {
 width:100%;
 background-color:#ffffff;
 padding-top:40px;
 padding-bottom:0px;
 padding-right:0px;
 padding-left:0px;
display: grid; grid-template-columns: 1fr; row-gap: 40px;
}
@media (max-width: 991px) {
.tabs-contents-3809-tab {
}
}

.rta-tabcontent-tile:last-child{
 border-bottom-style:none;
}
.rta-tabcontent-tile {
 padding-top:16px;
 padding-left:32px;
 padding-right:32px;
 padding-bottom:16px;
 background-color:#ffffff;
 border-bottom-color:#ac2030;
 border-bottom-width:2px;
 border-bottom-style:solid;
display: grid; grid-template-areas: "heading heading" "image text"; grid-template-columns: 1fr 2fr; gap: 20px; align-items: stretch;
}
@media (max-width: 991px) {
.rta-tabcontent-tile {
 padding-left:0px;
 padding-right:0px;
}
}

@media (max-width: 767px) {
.rta-tabcontent-tile {
grid-template-columns: 2fr 3fr;
}
}

@media (max-width: 479px) {
.rta-tabcontent-tile {
grid-template-areas: "heading" "image" "text"; grid-template-columns: 1fr;
}
}

.rta-gettinghere-heading-area {
grid-area: heading;
}
.rta-gettinghere-image-area {
grid-area: image; display: grid; grid-template-columns: 1fr; row-gap: 20px; align-content: start;
}
.rta-gettinghere-text-area {
 text-align:center;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:30px;
 padding-right:30px;
display: grid; grid-area: text; gap: 20px; align-items: center;
}
@media (max-width: 767px) {
.rta-gettinghere-text-area {
 padding-left:8px;
 padding-right:8px;
}
}

.mbc-button-rad-sm {
 border-radius:6px;
}
.mbc-hover-button:hover .mbc-button-icon{
transform:translate(-4px); visibility:visible;
 opacity:1;
 color:inherit;
}
.mbc-hover-button:activeselector{
}
.mbc-hover-button:hover{
 padding-left:10px;
 padding-right:30px;
}
.mbc-hover-button {
 transition-duration:0.2s;
 transition-property:all;
 overflow:hidden;
 position:relative;
 color:#ac2030;
 padding-left:20px;
 padding-right:20px;
 margin-top:0px;
 margin-bottom:0px;
}
.mbc-hover-button:not(.ct-section):not(.oxy-easy-posts),
.mbc-hover-button.oxy-easy-posts .oxy-posts,
.mbc-hover-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
align-content:center;
justify-content:space-between;
}
@media (max-width: 1300px) {
.mbc-hover-button {
 padding-top:8px;
 padding-bottom:8px;
}
}

@media (max-width: 991px) {
.mbc-hover-button {
 padding-top:6px;
 padding-bottom:6px;
}
}

@media (max-width: 767px) {
.mbc-hover-button {
 padding-top:4px;
 padding-bottom:4px;
 text-align:center;
}
.mbc-hover-button:not(.ct-section):not(.oxy-easy-posts),
.mbc-hover-button.oxy-easy-posts .oxy-posts,
.mbc-hover-button.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 479px) {
.mbc-hover-button {
}
}

.mbc-p1 {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
}
.mbc-p1:not(.ct-section):not(.oxy-easy-posts),
.mbc-p1.oxy-easy-posts .oxy-posts,
.mbc-p1.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
}

.mbc-button-text-lt {
 color:#fffaf2;
}
.mbc-button-bg-dk {
 background-color:#ac2030;
}
.mbc-button-center {
 margin-left:auto;
 margin-right:auto;
}
.mbe-button-rounded-icon {
}
.mbc-button-icon {
border: 1px solid;
padding: 0px;color: #ac2030;}.mbc-button-icon 
>svg {width: 18px;height: 18px;}.mbc-button-icon {
transform:translate(50%); transition-duration:0.2s;
 transition-property:all;
 margin-left:6px;
 opacity:0;
 position:absolute;
 right:5px;
 float:none;
 overflow:visible;
 clear:none;
 visibility:visible;
 background-color:rgba(0,0,0,0);
}
.mbc-button-icon:not(.ct-section):not(.oxy-easy-posts),
.mbc-button-icon.oxy-easy-posts .oxy-posts,
.mbc-button-icon.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.mbc-m1-x {
 margin-left:8px;
 margin-right:8px;
}
.header-socials {
 margin-right:15px;
}
.header-socials:not(.ct-section):not(.oxy-easy-posts),
.header-socials.oxy-easy-posts .oxy-posts,
.header-socials.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.header-socials {
 margin-right:60px;
}
}

.nav-social__icon:hover{
color: #212121;}.nav-social__icon:hover{
cursor: pointer;
}
.nav-social__icon {
color: #5a5a5a;}.nav-social__icon 
>svg {width: 24px;height: 24px;}.nav-social__icon {
 margin-left:8px;
 margin-right:8px;
 transition-duration:.2s;
}
.box-shadow-tiny__offset {
}
.mttr-footer-span:hover{
}
.mttr-footer-span {
 font-size:var(--fs-1) ;
 transition-duration:.3s;
}
.mttr-footer-span:not(.ct-section):not(.oxy-easy-posts),
.mttr-footer-span.oxy-easy-posts .oxy-posts,
.mttr-footer-span.ct-section .ct-section-inner-wrap{
display:inline-block;
}
@media (max-width: 767px) {
.mttr-footer-span {
 margin-bottom:11px;
}
}

.matter-solutions-logo {
 color:#ffffff;
 text-align:left;
vertical-align: middle;
}
.mttr-button {
}
.box-shadow-med {
}
.box-shadow-med__offset {
}
.box-shadow-alt1 {
}
.box-shadow-alt2 {
}
.box-shadow-alt3 {
}
.box-shadow-blog-sharp {
}
.box-shadow-blog-diffuse {
}
.box-shadow-blog-dreamy {
}
.box-shadow-shorter:locked{
}
.box-shadow-shorter {
}
.box-shadow-longer {
}
.mttr-bg-alt1 {
 background-color:#e8874c;
}
.mttr-bg-alt1:not(.ct-section):not(.oxy-easy-posts),
.mttr-bg-alt1.oxy-easy-posts .oxy-posts,
.mttr-bg-alt1.ct-section .ct-section-inner-wrap{
display:flex;
}
.box-shadow-filter {
}
.style-class-title {
 color:#323232;
 font-weight:400;
 font-size:var(--fs-2) ;
 font-style:italic;
 width:100%;
 text-align:center;
}
.gair-icon__nav {
color: #e8874c;}.gair-icon__nav 
>svg {width: 22px;height: 22px;}.gair-icon__nav {
 margin-left:6px;
 margin-right:6px;
}
.menu-search:locked{
}
.menu-search {
}
.menu-search__icon {
}
.gair-tile-1 {
background-image:url(https://gladstoneairport.com.au/wp-content/uploads/2024/07/airport-gate-sign.jpg);background-size: cover; border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 padding-top:110%;
 background-repeat:no-repeat;
 position:relative;
 background-position:500% 50%;
}
.gair-tile-1:not(.ct-section):not(.oxy-easy-posts),
.gair-tile-1.oxy-easy-posts .oxy-posts,
.gair-tile-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.gair-flights__cell {
 padding-left:1em;
 padding-right:1em;
 padding-top:1.5em;
 padding-bottom:1.5em;
}
.gair-flights__cell:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__cell.oxy-easy-posts .oxy-posts,
.gair-flights__cell.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.gair-flights__header-cell {
 padding-left:.5em;
 padding-top:1em;
 padding-right:.5em;
 padding-bottom:1em;
 text-align:left;
}
.gair-flights__header-cell:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__header-cell.oxy-easy-posts .oxy-posts,
.gair-flights__header-cell.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.gair-flights__cell-airline {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
}
.gair-flights__cell1-w {
}
.gair-flights__row-cellw {
}
.gair-flights__row {
}
.gair-flights__header-cell-airline {
}
.gair-flights__header-cell-airline:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__header-cell-airline.oxy-easy-posts .oxy-posts,
.gair-flights__header-cell-airline.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.gair-flights__header-cell-airline {
}
.gair-flights__header-cell-airline:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__header-cell-airline.oxy-easy-posts .oxy-posts,
.gair-flights__header-cell-airline.ct-section .ct-section-inner-wrap{
display:none;
}
}

.gair-tab-title {
 color:#323232;
 transition-duration:.3s;
}
.gair-tabs {
}
.mttr-flights-table__time-cell {
}
.gair-flights__header-cell-time {
 padding-top:.2em;
 padding-bottom:.2em;
}
.gair-contact-row__item:activeselector{
}
.gair-contact-row__item:ct_depth{
}
.gair-contact-row__item {
 flex-grow:1;
 text-align:left;
}
.gair-contact-row__item:not(.ct-section):not(.oxy-easy-posts),
.gair-contact-row__item.oxy-easy-posts .oxy-posts,
.gair-contact-row__item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.gair-contact-row__item {
 width:100%;
}
}

.gair-promo-banner {
 width:100%;
}
.centre-bg-img:locked{
}
.centre-bg-img {
 background-position:50% 50%;
}
.gair-img-tile__stylised-img1:locked{
}
.gair-img-tile__stylised-img1 {
background-size: cover; position:absolute;
 top:0px;
 left:0px;
 width:80%;
 padding-top:70%;
 background-repeat:no-repeat;
 border-top-left-radius:var(--bdr-rad) ;
}
.gair-img-tile__stylised-img2:locked{
}
.gair-img-tile__stylised-img2 {
background-size: cover; position:absolute;
 width:50%;
 padding-top:50%;
 background-repeat:no-repeat;
 right:0px;
 bottom:0px;
 border-bottom-right-radius:var(--bdr-rad) ;
 border-top-color:#cfcfce;
 border-right-color:#cfcfce;
 border-bottom-color:#cfcfce;
 border-left-color:#cfcfce;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
}
.gair-tab-col-img {
 margin-bottom:6px;
}
.gair-cafe28-tab-container:activeselector{
}
.gair-cafe28-tab-container {
 width:100%;
display: grid; grid-template-columns: 3fr 2fr; grid-template-areas: "text images" "logo images"; gap: 20px;
}
.gair-cafe28-tab-container__images:activeselector{
}
.gair-cafe28-tab-container__images {
display: grid; grid-area: images; grid-template-columns: 1fr 1fr; gap: 6px;
}
.gair-parking-prices:locked{
}
.gair-parking-prices:activeselector{
}
.gair-parking-prices {
 width:100%;
 margin-bottom:25px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
 background-color:#f5f4f4;
display: grid; grid-template-columns: 2fr 3fr; gap: 30px;
}
.tile:locked{
}
.tile {
}
.gair-bg__fade-orange:locked{
}
.gair-bg__fade-orange {
background-image: linear-gradient(90deg, #e8874c, #db5432);}
.gair-tile__mission-title {
 padding-top:6px;
 padding-right:6px;
 padding-bottom:6px;
 padding-left:3em;
 min-height:4em;
}
.gair-row__mission {
 padding-top:6px;
 padding-right:10px;
 padding-bottom:6px;
 padding-left:10px;
 margin-top:10px;
 margin-bottom:10px;
color: #fff !important;
}
.gair-tile__mission-text {
 max-width:400px;
}
.grd-1-3:locked{
}
.grd-1-3 {
}
.no-gap:locked{
}
.no-gap {
}
.grd-3-1 {
}
.grd-2-2-1 {
}
.grd-2-1-1 {
}
.grd-2-sm:locked{
}
.grd-2-sm {
}
.grd-2-lg:locked{
}
.grd-2-lg {
}
.grd-3-2-lg:locked{
}
.grd-3-2-lg {
}
.grd-dyn-6 {
}
.gair-nav-row {
}
.flx:locked{
}
.flx {
}
.flx-dyn-6:locked{
}
.flx-dyn-6 {
}
.tiles-centre:locked{
}
.tiles-centre {
}
.gair-footer-container:locked{
}
.gair-footer-container {
 width:100%;
}
.grd-md:locked{
}
.grd-md {
}
.gair-tile-nav:locked{
}
.gair-tile-nav:hover{
 background-color:#e8874c;
}
.gair-tile-nav {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 position:relative;
 background-color:#3d3d3d;
 color:#ffffff;
 padding-top:12px;
 padding-right:8px;
 padding-bottom:12px;
 padding-left:8px;
 transition-duration:.3s;
 width:calc((100% / 7) - 20px) ;
 margin-left:10px;
 margin-right:10px;
}
.gair-tile-nav:not(.ct-section):not(.oxy-easy-posts),
.gair-tile-nav.oxy-easy-posts .oxy-posts,
.gair-tile-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.gair-tile-nav {
 width:calc((100% / 3) - 20px) ;
 margin-bottom:20px;
 text-align:center;
 padding-left:12px;
flex-flow: row nowrap;
}
.gair-tile-nav:not(.ct-section):not(.oxy-easy-posts),
.gair-tile-nav.oxy-easy-posts .oxy-posts,
.gair-tile-nav.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.gair-tile-nav {
 margin-left:5px;
 margin-right:5px;
 width:calc((100% / 3) - 10px) ;
 margin-bottom:10px;
}
}

.gair-tile-nav__icon {
color: #ffffff;}.gair-tile-nav__icon 
>svg {width: 43px;height: 43px;}.gair-tile-nav__icon {
 margin-bottom:15px;
}
@media (max-width: 991px) {
.gair-tile-nav__icon {
}.gair-tile-nav__icon 
>svg {width: 36px;height: 36px;}.gair-tile-nav__icon {
 margin-bottom:0px;
 margin-right:10px;
}
}

@media (max-width: 767px) {
.gair-tile-nav__icon {
}.gair-tile-nav__icon 
>svg {width: 30px;height: 30px;}.gair-tile-nav__icon {
}
}

.txt:locked{
}
.txt {
}
.gair-nav-bar__services:locked{
}
.gair-nav-bar__services:activeselector{
}
.gair-nav-bar__services {
transform:translateY(-30%); width:calc(100% + 20px) ;
 max-width:1100px;
 margin-left:-10px;
 margin-right:-10px;
}
.gair-nav-bar__services:not(.ct-section):not(.oxy-easy-posts),
.gair-nav-bar__services.oxy-easy-posts .oxy-posts,
.gair-nav-bar__services.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
}
.gair-nav-bar__services:ct_parent{
}
@media (max-width: 991px) {
.gair-nav-bar__services {
transform:translateY(-20%);}
}

@media (max-width: 767px) {
.gair-nav-bar__services {
 width:calc(100% + 10px) ;
 margin-left:-5px;
 margin-right:-5px;
}
}

.gair-flights__header-cell-details {
}
.gair-flights__header-cell-details:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__header-cell-details.oxy-easy-posts .oxy-posts,
.gair-flights__header-cell-details.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.gair-flights__header-cell-details {
}
.gair-flights__header-cell-details:not(.ct-section):not(.oxy-easy-posts),
.gair-flights__header-cell-details.oxy-easy-posts .oxy-posts,
.gair-flights__header-cell-details.ct-section .ct-section-inner-wrap{
display:none;
}
}

.oxy-stock-content-styles {
}
.flx-3:locked{
}
.flx-3 {
}
.gair-discover-tile:hover img{
transform:scale3d(1.04,1.04,1);}
.gair-discover-tile:hover{
 border-top-color:#e8874c;
 border-right-color:#e8874c;
 border-bottom-color:#e8874c;
 border-left-color:#e8874c;
}
.gair-discover-tile {
 background-color:#0e84ac;
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 padding-left:10px;
 border-top-color:#0e84ac;
 border-right-color:#0e84ac;
 border-bottom-color:#0e84ac;
 border-left-color:#0e84ac;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 color:#ffffff;
 transition-duration:.3s;
}
.gair-narrow__800:locked{
}
.gair-narrow__800 {
 width:100%;
 max-width:800px;
}
.gair-discover-tile__image:activeselector{
}
.gair-discover-tile__image {
 width:100%;
 border-radius:calc(var(--bdr-rad) / 4) ;
 overflow:hidden;
 position:relative;
 padding-top:100%;
}
.gair-discover-tile__content:activeselector{
}
.gair-discover-tile__content {
 width:100%;
 padding-top:20px;
}
.gair-discover-tile__description:activeselector{
}
.gair-discover-tile__description {
 width:100%;
 padding-bottom:6px;
 text-align:center;
}
.gair-discover-tile__description:not(.ct-section):not(.oxy-easy-posts),
.gair-discover-tile__description.oxy-easy-posts .oxy-posts,
.gair-discover-tile__description.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.gair-discover-tile__button:activeselector{
}
.gair-discover-tile__button {
 width:100%;
 margin-top:auto;
}
.gair-discover-tile__button:not(.ct-section):not(.oxy-easy-posts),
.gair-discover-tile__button.oxy-easy-posts .oxy-posts,
.gair-discover-tile__button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.gair-discover-tile__title:activeselector{
}
.gair-discover-tile__title {
 width:100%;
 padding-bottom:20px;
}
.gair-discover-tile__title:not(.ct-section):not(.oxy-easy-posts),
.gair-discover-tile__title.oxy-easy-posts .oxy-posts,
.gair-discover-tile__title.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.grow:locked{
}
.grow {
}
.gair-sect-img-bg {
 position:relative;
 color:#ffffff;
}
.gair-mask__right {
background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(38,38,38,0.65) 40%); position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
}
.gair-sect-img-bg__row:locked{
}
.gair-sect-img-bg__row {
 margin-top:15px;
 margin-bottom:15px;
}
.gair-sect-img-bg__row-text:activeselector{
}
.gair-sect-img-bg__row-text {
 width:100%;
 padding-left:var(--gap) ;
 border-left-color:#0e84ac;
 border-left-style:solid;
 border-left-width:2px;
}
.gair-video-tile:locked{
}
.gair-video-tile {
 border-radius:var(--bdr-rad) ;
 position:relative;
}
.gair-video-tile__vid-container {
 width:100%;
}
.gair-promo-block__1-1 {
 width:100%;
display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "images text"; gap: 0;
}
@media (max-width: 767px) {
.gair-promo-block__1-1 {
grid-template-columns: 1fr; grid-template-areas: "text" "images";
}
}

.sect-no-pad {
}
.sect-no-pad .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.gair-car-hire {
}
.tile-href:locked{
}
.tile-href {
}
.tile__image:locked{
}
.tile__image {
}
.gair-news-posts:locked{
}
.gair-news-posts {
}
@media (max-width: 767px) {
.gair-news-posts {
}
}

.tile__content:locked{
}
.tile__content {
}
.tile__text:locked{
}
.tile__text {
}
.tile__button:locked{
}
.tile__button {
}
.tile__title:locked{
}
.tile__title {
}
.flx-4:locked{
}
.flx-4 {
}
.gair-board-member:locked{
}
.gair-board-member {
 text-align:justify;
 border-radius:calc(var(--bdr-rad) / 2) ;
 overflow:hidden;
 background-color:#ffffff;
 transition-duration:.5s;
cursor: pointer;
}
.gair-board-member:not(.ct-section):not(.oxy-easy-posts),
.gair-board-member.oxy-easy-posts .oxy-posts,
.gair-board-member.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
.tile__subtitle:locked{
}
.tile__subtitle {
}
.flx-2:locked{
}
.flx-2 {
}
.tile__details {
}
.tile__details:not(.ct-section):not(.oxy-easy-posts),
.tile__details.oxy-easy-posts .oxy-posts,
.tile__details.ct-section .ct-section-inner-wrap{
display:flex;
}
.gair-corporate:locked{
}
.gair-corporate {
}
.gair-list-row:locked{
}
.gair-list-row:activeselector{
}
.gair-list-row {
 margin-bottom:2em;
 padding-bottom:1em;
}
.gair-document-tile {
 background-color:#f5f4f4;
 padding-top:1em;
 padding-right:1em;
 padding-bottom:.5em;
 padding-left:1em;
}
.tile__inner:locked{
}
.tile__inner {
}
.gair-corporate-tiles:locked{
}
.gair-corporate-tiles {
}
@media (max-width: 767px) {
.gair-corporate-tiles {
}
}

.hvr {
 position:absolute;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
 transition-duration:.3s;
}
.member-title:locked{
}
.member-title {
 font-weight:500;
}
.gair-flyout {
}
.gair-board:locked{
}
.gair-board {
}
.gair-tile__stylised-corporate-inv:locked{
}
.gair-tile__stylised-corporate-inv:before{
 position:absolute;
 left:-.7vw;
 width:70%;
 height:70%;
 background-color:#0e84ac;
 z-index:-1;
 bottom:-.7vw;
 border-bottom-left-radius:calc(var(--bdr-rad) / 1.5) ;
  content:"";
}
.gair-tile__stylised-corporate-inv {
 position:relative;
 width:100%;
 background-color:#ffffff;
 border-radius:calc(var(--bdr-rad) / 2) ;
 border-top-color:#c9c9d8;
 border-right-color:#c9c9d8;
 border-bottom-color:#c9c9d8;
 border-left-color:#c9c9d8;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.footer-socials__light {
 color:#ffffff;
}
.footer-socials__light:not(.ct-section):not(.oxy-easy-posts),
.footer-socials__light.oxy-easy-posts .oxy-posts,
.footer-socials__light.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.footer-socials__light {
}
}

.gair-flight-single__row-cellw {
 font-size:var(--fs6) ;
 font-weight:600;
}
.gair-nav-bar__single-arrival:activeselector{
}
.gair-nav-bar__single-arrival {
 width:calc(100% + 20px) ;
 max-width:1100px;
 margin-left:-10px;
 margin-right:-10px;
}
.gair-nav-bar__single-arrival:not(.ct-section):not(.oxy-easy-posts),
.gair-nav-bar__single-arrival.oxy-easy-posts .oxy-posts,
.gair-nav-bar__single-arrival.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
}
.gair-nav-bar__single-arrival:ct_parent{
}
@media (max-width: 767px) {
.gair-nav-bar__single-arrival {
 width:calc(100% + 10px) ;
 margin-left:-5px;
 margin-right:-5px;
}
}

.gair-single-flight:locked{
}
.gair-single-flight {
 max-width:1200px;
}
.grd-dyn-3:locked{
}
.grd-dyn-3 {
}
.gair-other-contacts:locked{
}
.gair-other-contacts {
}
.tile__link {
}
.grd-3:locked{
}
.grd-3 {
}
.mob-menu-socials:locked{
}
.mob-menu-socials {
 margin-right:15px;
 color:#ffffff;
 margin-top:30px;
}
.mob-menu-socials:not(.ct-section):not(.oxy-easy-posts),
.mob-menu-socials.oxy-easy-posts .oxy-posts,
.mob-menu-socials.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.mob-menu-socials {
}
}

.gair-flights__header-cell-status {
}
.btn-no-m {
 margin-top:0px;
 margin-bottom:0px;
}
.flx-lg {
}
.gair-promotion-grd:locked{
}
.gair-promotion-grd {
}
.gair-tab-container {
}
.gair-backdrop {
 position:fixed;
 top:0px;
 left:0px;
 width:0px;
 height:0px;
 background-color:rgba(22,22,22,0.55);
 z-index:11;
}
.tile-mask {
 position:fixed;
 left:0px;
 bottom:0px;
 background-color:rgba(22,22,22,0.55);
 width:0px;
 height:0px;
 z-index:11;
}
.gair-board-member__text {
}
.open-lightbox:locked{
}
.open-lightbox {
}
.footer-socials {
}
.footer-socials:not(.ct-section):not(.oxy-easy-posts),
.footer-socials.oxy-easy-posts .oxy-posts,
.footer-socials.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.footer-socials {
}
}

.footer-link:locked{
}
.footer-link {
 color:#ffffff;
}
@media (max-width: 991px) {
}

.gair-button__corp {
 border-radius:calc(var(--bdr-rad) / 4) ;
 padding-top:4px;
 padding-bottom:4px;
 margin-bottom:0px;
 margin-top:auto !important ;
}
.gair-tile__stylised-mini:locked{
}
.gair-tile__stylised-mini:before{
 position:absolute;
 top:calc((var(--or-bdr-width) / 3) * -1) ;
 left:calc((var(--or-bdr-width) / 3) * -1) ;
 width:70%;
 height:70%;
 background-color:#e8874c;
 z-index:-1;
 border-top-left-radius:calc(var(--bdr-rad) / 2) ;
  content:"";
}
.gair-tile__stylised-mini {
 position:relative;
 width:calc(100% - (var(--or-bdr-width) / 3)) !important ;
 margin-left:calc(var(--or-bdr-width) / 3) ;
 z-index:1;
 background-color:#f5f4f4;
 border-radius:calc(var(--bdr-rad) / 2) ;
}
.tile-mini {
 border-radius:calc(var(--bdr-rad) * .4) ;
 background-color:#ffffff;
}
.gair-breadcrumb-container {
}
.gair-breadcrumb-container .ct-section-inner-wrap {
padding-top: 10px;
}
.gair-breadcrumb {
 background-color:#3d3d3d;
 padding-top:2px;
 padding-right:20px;
 padding-bottom:2px;
 padding-left:20px;
 border-radius:var(--bdr-rad) ;
 width:fit-content ;
}
.gair-3-tiles {
}
.gair-btns__nav-scroll:locked{
}
.gair-btns__nav-scroll {
}
.gair-tabbed-section:locked{
}
.gair-tabbed-section {
}
.achtung:locked{
}
.achtung {
}
.gair-info-grid:locked{
}
.gair-info-grid {
 background-color:#f5f4f4;
}
.p-lg:locked{
}
.p-lg {
}
.tiles-center:locked{
}
.tiles-center {
}
.flx-dyn-lg:locked{
}
.flx-dyn-lg {
}
.no-tvgap {
}
.eq-h:locked{
}
.eq-h {
}
.t-vgap-sm:locked{
}
.t-vgap-sm {
}
.gair-menu-travel:locked{
}
.gair-menu-travel {
}
.gair-tiles {
}
.styles:locked{
}
.styles {
}
.t-item:locked{
}
.t-item {
}
.flx-3-2:locked{
}
.flx-3-2 {
}
.flx-6:locked{
}
.flx-6 {
}
.gap-lg:locked{
}
.gap-lg {
}
.flx-2-1:locked{
}
.flx-2-1 {
}
.samples:locked{
}
.samples {
}
.abs:locked{
}
.abs {
}
.tiles-pt-25:locked{
}
.tiles-pt-25 {
}
.samples__inner:locked{
}
.samples__inner {
}
.row-gap-lg:locked{
}
.row-gap-lg {
}
.row-gap-sm:locked{
}
.row-gap-sm {
}
.row-gap:locked{
}
.row-gap {
}
.tcell:locked{
}
.tcell {
 padding-top:3px;
 padding-bottom:3px;
 padding-right:3px;
 padding-left:3px;
 text-align:center;
 font-size:var(--fs-1) ;
}
.grd-6:locked{
}
.grd-6 {
}
.p-sm:locked{
}
.p-sm {
}
.tcellh:locked{
}
.tcellh {
 margin-bottom:8px;
 border-bottom-color:#2b2b2b;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.grd-dyn-sm:locked{
}
.grd-dyn-sm {
}
.contents-center:locked{
}
.contents-center {
}
.t-p-sm:locked{
}
.t-p-sm {
}
.t-p:locked{
}
.t-p {
}
.custom-class {
}
.t-bdr {
}
.t-vgap-lg {
}
.flx-1-3:locked{
}
.flx-1-3 {
}
.t-rad:locked{
}
.t-rad {
}
.flx-1-2:locked{
}
.flx-1-2 {
}
.flx-2-3:locked{
}
.flx-2-3 {
}
.brk-xs:locked{
}
.brk-xs {
}
.brk-md:locked{
}
.brk-md {
}
.grd-dyn-xs:locked{
}
.grd-dyn-xs {
}
.grd-4:locked{
}
.grd-4 {
}
.gair-tile-nav__bus:locked{
}
.gair-tile-nav__bus:hover{
 background-color:#e8874c;
}
.gair-tile-nav__bus {
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 position:relative;
 background-color:#3d3d3d;
 color:#ffffff;
 padding-top:12px;
 padding-right:8px;
 padding-bottom:12px;
 padding-left:8px;
 transition-duration:.3s;
 width:calc((100% / 6) - 20px) ;
 margin-left:10px;
 margin-right:10px;
}
.gair-tile-nav__bus:not(.ct-section):not(.oxy-easy-posts),
.gair-tile-nav__bus.oxy-easy-posts .oxy-posts,
.gair-tile-nav__bus.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
@media (max-width: 991px) {
.gair-tile-nav__bus {
 width:calc((100% / 3) - 20px) ;
 margin-bottom:20px;
 text-align:center;
 padding-left:12px;
flex-flow: row nowrap;
}
.gair-tile-nav__bus:not(.ct-section):not(.oxy-easy-posts),
.gair-tile-nav__bus.oxy-easy-posts .oxy-posts,
.gair-tile-nav__bus.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
}

@media (max-width: 767px) {
.gair-tile-nav__bus {
 margin-left:5px;
 margin-right:5px;
 width:calc((100% / 3) - 10px) ;
 margin-bottom:10px;
}
}

.grd-1-4:locked{
}
.grd-1-4 {
}
.p:locked{
}
.p {
}
.p:not(.ct-section):not(.oxy-easy-posts),
.p.oxy-easy-posts .oxy-posts,
.p.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.tabs-2005-tab {
}
.tabs-2005-tab-active {
}
.tabs-contents-2005-tab {
}
.gair-flights__iframe:locked{
}
.gair-flights__iframe {
}
/* Main site global variables */

/* FOR GOLIVE - remove comments and unused classes */

/* ~~~~~~ DO NOT EDIT OR ADD CUSTOM CSS TO THIS STYLESHEET ~~~~~~~ */

:root {
	
	/* FONTS and HEADINGS */
	/* ..variables copied to headings and Oxy Settings > Global Styles */
	/* CALCULATOR here: https://utopia.fyi/generator-mk-ii/ */
  	/* OBVIOUSLY, USE ONLY ONE SET OF FONT-SIZE VARIABLES!! */
	
	/*--fs-2= body-2
	--fs-1	= body-1
	--fs0	= body
	--fs1	= H1
	--fs2	= H2
	--fs3	= H3
	--fs4	= H4
	--fs5	= H5
	--fs6	= H6*/

    /* https://utopia.fyi/type/calculator/?c=320,14,1.125,1400,16,1.125,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
    --fs-2: clamp(0.6914rem, 0.6621rem + 0.1463vw, 0.7901rem);
    --fs-1: clamp(0.7778rem, 0.7449rem + 0.1646vw, 0.8889rem);
    --fs0: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem);
    --fs6: clamp(0.9844rem, 0.9427rem + 0.2083vw, 1.125rem);
    --fs5: clamp(1.1074rem, 1.0605rem + 0.2344vw, 1.2656rem);
    --fs4: clamp(1.2458rem, 1.1931rem + 0.2637vw, 1.4238rem);
    --fs3: clamp(1.4016rem, 1.3423rem + 0.2966vw, 1.6018rem);
    --fs2: clamp(1.5768rem, 1.51rem + 0.3337vw, 1.802rem);
    --fs1: clamp(1.7739rem, 1.6988rem + 0.3754vw, 2.0273rem);

  	--fs-xl: clamp(2.99rem, calc(2.60rem + 1.93vw), 4.29rem);
    --fs-xl: clamp(2.80rem, calc(2.50rem + 1.50vw), 3.82rem);
	
	/* == VERSION: -v7- 10 May 2025 == */

  /*  
      - added a 'scaling' variable
      - comprehensively accommodated '.tile__inner' for formatting within tiles
      - functioning dynamic CSSGRIDs  ... grd-dyn/-sm/-lg
          - tile widths are set with vars below (col-dyn/-sm/-lg)
  */
  
  /* COLOURS */
  /* Use Oxygen Global colours that are set within the Oxygen Builder Global Settings
      To use the variables, simply use eg. color(3) in place of the colour value.
      The number should correspond with the number of the colour in the Oxy Global Settings. */
  
  /* PADDINGS AND MARGINS */
  /* ..these two variables intended for the main Oxygen global padding for Sections
  /* ..applied also to [Oxygen] Settings > Global Styles > Sections & Columns padding */
  --gutters: 20px;
  --sect-tb: calc(2vw + 20px); /* use for default Oxy SECTION top&bottom padding */
  --marg-bottom: 200px;
  --sect-top: 30px;

  /* COLUMNS */
  /* ...for FLEXBOX centre justification */
  /* NOTE: 'Gap' is not necessary if using space-between or space-around justification */
  /* NOTE: This framwork was made because the standard CSS 'gap' doesn't work as desired (for FlexBox)
              This framework enables flexbox 'tiles' to be flush left and right aligned  */


  /* 
    GLOBAL SIZING VARIABLES:

    Global gap spacing and default settings
    - these are the default values throughout the site
  */
  --gap: 3vmax;     /* desired default gap for FlexBox and CSSGRID */
  --vgap: 20px;     /* vertical spacing for content in grid "tiles" */
  --p: 1vmax;       /* padding */
  --bdr-rad: .8em;  /* border radius */
  --col-dyn-xs: 12em;  /* width for tile in dynamic CSSGRID */
  --col-dyn-sm: 20em;  /* width for tile in dynamic CSSGRID */
  --col-dyn: 30em;     /* width for tile in dynamic CSSGRID */
  --col-dyn-lg: 50em;  /* width for tile in dynamic CSSGRID */

  --scaling: 2;     /* determines the scaling factor between xs,sm,md,lg,xl IN ALL CASES

  /* A global variable for drop shadows */
  --shadow: 0 2px 15px -4px rgb(50 50 50 / .4);

  /* ..applied with classes (at the bottom): max-w-sm etc */
  --maxwsm: 600px;
  --maxwmd: 800px;
  --maxwlg: 1000px;
  
  /* HERO and BANNER image heights */
  --hero-height: 25vmax;
  --banner-height: 25vw; /* Supplemental pages sometimes have a banner of less height */

  /* ===================*/

  /* ####     UPDATE ONLY BELOW HERE!!     #### */
  /* ---- Custom site settings exist above ---- */

  /* == VERSION: -v8- 3 Aug 2025 == */

  /*  
      - fixed single flx column
      - fixed dynamic flx layout: flx-dyn-xs, flx-dyn-sm, flx-dyn, flx-dyn-lg
      - added shadow variables [above] and CSS classes [above shadows below]
  */

  --half-gap: calc(var(--gap) / 2);

  --gap-xs: calc((var(--gap) / (var(--scaling) * 2)));
  --gap-sm: calc((var(--gap) / var(--scaling)));
  --gap-lg: calc((var(--gap) * var(--scaling)));
  --gap-xl: calc((var(--gap) * (var(--scaling) * 2)));

  --row-gap: var(--gap);
  --row-gap-xs: calc((var(--gap) / (var(--scaling) * 2)));
  --row-gap-sm: calc((var(--gap) / var(--scaling)));
  --row-gap-lg: calc((var(--gap) * var(--scaling)));
  --row-gap-xl: calc((var(--gap) * (var(--scaling) * 2)));

  --vgap-xs: calc(var(--vgap) / (var(--scaling) * 2));
  --vgap-sm: calc(var(--vgap) / var(--scaling));
  --vgap-lg: calc(var(--vgap) * var(--scaling));

  --neg-gap: calc(var(--half-gap) * -1);
  --neg-gap-sm: calc(var(--gap-sm) * -1);
  --neg-gap-lg: calc(var(--gap-lg) * -1);

  --flx-dyn-gap: 2vw;  /* probably not used anymore */
  --tile-tb: 3vw;  /* probably not used anymore */

  /* For the width of Flex columns, corresponding with the number of columns */
  /* ..for responsive behaviour, add the new desired Col width/number for smaller screens
   *  ie. 3 Column layout may go to 2 columns below 768px. So change column width value from 
   *    var(--cols-3) to var(--cols-2) for that media query */
/*     --page-width: calc(1300px - (2 * var(--gutters)));*/

  --cols-2: calc(100% / 2);
  --cols-3: calc(100% / 3);
  --cols-4: calc(100% / 4);
  --cols-5: calc(100% / 5);
  --cols-6: calc(100% / 6);
  
  /* ADJUSTMENTS */
  /* Width for the flex-containing-div */
  /* NOTE: The following two variables are not needed if not using centre justification */
  
  /* ..for Flex centre alignment/justification */
  /* This allows for negative L&R margins (below) to accommodate the 'gap' in the margins
    so that the columns sit flush with left and right edges */
/*  --flex-containing-div: calc(100% + var(--gap));*/
  --flex-dyn-containing-div: calc(100% + var(--flx-dyn-gap));
  
  /* --neg-gap used for L&R margins for the flex-containing-div */
  --neg-gap: calc( var(--half-gap) * -1);
  --neg-dyn-gap: calc(calc(var(--flx-dyn-gap) / 2) * -1);

  /* SITE CUSTOM VARIABLES */
  --bdr-rad-xs: calc(var(--bdr-rad) / (var(--scaling) * 2));
  --bdr-rad-sm: calc(var(--bdr-rad) / var(--scaling));
  --bdr-rad-lg: calc(var(--bdr-rad) * var(--scaling));
  --p-xs: calc(var(--p) / (var(--scaling) * 2));
  --p-sm: calc(var(--p) / var(--scaling));
  --p-md: var(--p);   /* default */
  --p-lg: calc(var(--p) * var(--scaling));
  --p-xl: calc(var(--p) * (var(--scaling) * 2));
  --neg-p-xs: calc(var(--p-sm) * -1);
  --neg-p-sm: calc(var(--p-sm) * -1);
  --neg-p-md: calc(var(--p-md) * -1);
  --neg-p-lg: calc(var(--p-lg) * -1);
  --neg-p-xl: calc(var(--p-xl) * -1);
}

/* GLOBAL STYLING OF BELOW GRID FRAMEWORK */

/* TEMPLATE GLOBAL STYLING */

/* BREAKPOINT CLASSES */
.brk-xl,  /* 1100px */
.brk-lg,  /* 991px */
.brk-md,  /* 767px */
.brk-sm,  /* 579px */
.brk-xs { /* 480px */
}

/* FLEXGRID */

/* --- USE --- 
  For FlexBox, apply the 'flx' class to the parent container.
  Modifiers exist for the parent container: eg. 'gap-sm' 't-vgap' etc */
.flx {
  width: 100%;
  display: flex;
  flex-flow: row wrap;    /* **** default might need to be set to COLUMN for wanting to do dynamic row layouts **** */
  align-items: stretch;
}
.flx > * {
  display: flex;
  align-content: start;
  align-content: flex-start;
}
.flx > *:has(.tile__inner) {
  width: 100%;
}
.flx .tile__inner {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.flx-col {
  flex-flow: column;
}

/* When using an Oxy Repeater, href can't be applied to the Repeater 'tile div' so an internal
    div is applied that can have the href applied - .tile__inner */
/*.flx > * {
  width: 100%;
}*/
.flx > * {
  margin: 0 ;
}
.flx.gap-xs > * {
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
/*   margin-bottom: var(--row-gap-xs); */
}
.flx.gap-sm > * {
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
/*   margin-bottom: var(--row-gap-sm); */
}
.flx.gap > *,
.flx.gap-md > * {
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
/*   margin-bottom: var(--row-gap); */
}
.flx.gap-lg > * {
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
/*   margin-bottom: var(--row-gap-lg); */
}
.flx.gap-xl > * {
  margin: 0 calc(var(--gap-xl) / 2) var(--row-gap-xl);
/*   margin-bottom: var(--row-gap-xl); */
}


/* ###################################################*/
/* Something to try with flex ...
    Use 'flex: 1 1 {min-width}' for   .flx > div   ??
    The {min-width} would be set in px to determine the number of columns */
/* ###################################################*/

/* For columns (tiles) with dynamically sizing width */
.flx.flx-col > * {
  width: 100%;
}

.flx.gap-xs {
  width: calc(100% + var(--gap-xs));
  margin: 0 calc((var(--gap-xs) / 2) * -1) calc(var(--row-gap-xs) * -1);
}
.flx.gap-sm {
  width: calc(100% + var(--gap-sm));
  margin: 0 calc((var(--gap-sm) / 2) * -1) calc(var(--row-gap-sm) * -1);
}
.flx.gap,
.flx.gap-md {
  width: calc(100% + var(--gap));
  margin: 0 calc((var(--gap) / 2) * -1) calc(var(--row-gap) * -1);
}
.flx.gap-lg {
  width: calc(100% + var(--gap-lg));
  margin: 0 calc((var(--gap-lg) / 2) * -1) calc(var(--row-gap-lg) * -1);
}
.flx.gap-xl {
  width: calc(100% + var(--gap-xl));
  margin: 0 calc((var(--gap-xl) / 2) * -1) calc(var(--row-gap-xl) * -1);
}


.flx-2 > * {
  width: var(--cols-2);
}
.flx-3 > * {
  width: var(--cols-3);
}
.flx-4 > * {
  width: var(--cols-4);
}
.flx-5 > * {
  width: var(--cols-5);
}
.flx-6 > * {
  width: var(--cols-6);
}

.flx-2.gap-xs > * {
  width: calc(var(--cols-2) - var(--gap-xs));
}
.flx-3.gap-xs > * {
  width: calc(var(--cols-3) - var(--gap-xs));
}
.flx-4.gap-xs > * {
  width: calc(var(--cols-4) - var(--gap-xs));
}
.flx-5.gap-xs > * {
  width: calc(var(--cols-5) - var(--gap-xs));
}
.flx-6.gap-xs > * {
  width: calc(var(--cols-6) - var(--gap-xs));
}

.flx-2.gap-sm > * {
  width: calc(var(--cols-2) - var(--gap-sm));
}
.flx-3.gap-sm > * {
  width: calc(var(--cols-3) - var(--gap-sm));
}
.flx-4.gap-sm > * {
  width: calc(var(--cols-4) - var(--gap-sm));
}
.flx-5.gap-sm > * {
  width: calc(var(--cols-5) - var(--gap-sm));
}
.flx-6.gap-sm > * {
  width: calc(var(--cols-6) - var(--gap-sm));
}

.flx-2.gap > *,
.flx-2.gap-md > * {
  width: calc(var(--cols-2) - var(--gap));
}
.flx-3.gap > *,
.flx-3.gap-md > * {
  width: calc(var(--cols-3) - var(--gap));
}
.flx-4.gap > *,
.flx-4.gap-md > * {
  width: calc(var(--cols-4) - var(--gap));
}
.flx-5.gap > *,
.flx-5.gap-md > * {
  width: calc(var(--cols-5) - var(--gap));
}
.flx-6.gap > *,
.flx-6.gap-md > * {
  width: calc(var(--cols-6) - var(--gap));
}

.flx-2.gap-lg > * {
  width: calc(var(--cols-2) - var(--gap-lg));
}
.flx-3.gap-lg > * {
  width: calc(var(--cols-3) - var(--gap-lg));
}
.flx-4.gap-lg > * {
  width: calc(var(--cols-4) - var(--gap-lg));
}
.flx-5.gap-lg > * {
  width: calc(var(--cols-5) - var(--gap-lg));
}
.flx-6.gap-lg > * {
  width: calc(var(--cols-6) - var(--gap-lg));
}

.flx-2.gap-xl > * {
  width: calc(var(--cols-2) - var(--gap-xl));
}
.flx-3.gap-xl > * {
  width: calc(var(--cols-3) - var(--gap-xl));
}
.flx-4.gap-xl > * {
  width: calc(var(--cols-4) - var(--gap-xl));
}
.flx-5.gap-xl > * {
  width: calc(var(--cols-5) - var(--gap-xl));
}
.flx-6.gap-xl > * {
  width: calc(var(--cols-6) - var(--gap-xl));
}


/* For dynamic display of grid where columns (tiles) have a fixed width, according
    to pagewidth (var(--page-width)) */

/* For a dynamic grid based on fixed widths declared for these variables above:
    --col-dyn-xs
    --col-dyn-sm
    --col-dyn
    --col-dyn-lg */
.flx.flx-dyn-xs > * {
  flex: 0 1 var(--col-dyn-xs);
}
.flx.flx-dyn-sm > * {
  flex: 0 1 var(--col-dyn-sm);
}
.flx.flx-dyn > * {
  flex: 0 1 var(--col-dyn);
}
.flx.flx-dyn-lg > * {
  flex: 0 1 var(--col-dyn-lg);
}

.flx.flx-dyn-xs.gap-xs > * {
  flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-xs));
  margin-left: calc(var(--gap-xs) / 2);
  margin-right: calc(var(--gap-xs) / 2);
}
.flx.flx-dyn-xs.gap-sm > * {
  flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-sm));
  margin-left: calc(var(--gap-sm) / 2);
  margin-right: calc(var(--gap-sm) / 2);
}
.flx.flx-dyn-xs.gap > * {
  flex: 0 1 calc(var(--col-dyn-xs) - var(--gap));
  margin-left: calc(var(--gap) / 2);
  margin-right: calc(var(--gap) / 2);
}
.flx.flx-dyn-xs.gap-lg > * {
  flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-lg));
  margin-left: calc(var(--gap-lg) / 2);
  margin-right: calc(var(--gap-lg) / 2);
}

.flx.flx-dyn-sm.gap-xs > * {
  flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-xs));
  margin-left: calc(var(--gap-xs) / 2);
  margin-right: calc(var(--gap-xs) / 2);
}
.flx.flx-dyn-sm.gap-sm > * {
  flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-sm));
  margin-left: calc(var(--gap-sm) / 2);
  margin-right: calc(var(--gap-sm) / 2);
}
.flx.flx-dyn-sm.gap > * {
  flex: 0 1 calc(var(--col-dyn-sm) - var(--gap));
  margin-left: calc(var(--gap) / 2);
  margin-right: calc(var(--gap) / 2);
}
.flx.flx-dyn-sm.gap-lg > * {
  flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-lg));
  margin-left: calc(var(--gap-lg) / 2);
  margin-right: calc(var(--gap-lg) / 2);
}

.flx.flx-dyn.gap-xs > * {
  flex: 0 1 calc(var(--col-dyn) - var(--gap-xs));
  margin-left: calc(var(--gap-xs) / 2);
  margin-right: calc(var(--gap-xs) / 2);
}
.flx.flx-dyn.gap-sm > * {
  flex: 0 1 calc(var(--col-dyn) - var(--gap-sm));
  margin-left: calc(var(--gap-sm) / 2);
  margin-right: calc(var(--gap-sm) / 2);
}
.flx.flx-dyn.gap > * {
  flex: 0 1 calc(var(--col-dyn) - var(--gap));
  margin-left: calc(var(--gap) / 2);
  margin-right: calc(var(--gap) / 2);
}
.flx.flx-dyn.gap-lg > * {
  flex: 0 1 calc(var(--col-dyn) - var(--gap-lg));
  margin-left: calc(var(--gap-lg) / 2);
  margin-right: calc(var(--gap-lg) / 2);
}

.flx.flx-dyn-lg.gap-xs > * {
  flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-xs));
  margin-left: calc(var(--gap-xs) / 2);
  margin-right: calc(var(--gap-xs) / 2);
}
.flx.flx-dyn-lg.gap-sm > * {
  flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-sm));
  margin-left: calc(var(--gap-sm) / 2);
  margin-right: calc(var(--gap-sm) / 2);
}
.flx.flx-dyn-lg.gap > * {
  flex: 0 1 calc(var(--col-dyn-lg) - var(--gap));
  margin-left: calc(var(--gap) / 2);
  margin-right: calc(var(--gap) / 2);
}
.flx.flx-dyn-lg.gap-lg > * {
  flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-lg));
  margin-left: calc(var(--gap-lg) / 2);
  margin-right: calc(var(--gap-lg) / 2);
}

/* CSSGRID STRUCTURE MODIFIERS */

.flx-1-2 > *:nth-child(odd) {
  width: var(--cols-3);
  margin: 0;
}
.flx-1-2 > *:nth-child(even) {
  width: calc(var(--cols-3) * 2);
  margin: 0;
}
.flx-1-2.gap-xs > *:nth-child(odd) {
  width: calc(var(--cols-3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-1-2.gap-xs > *:nth-child(even) {
  width: calc((var(--cols-3) * 2) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-1-2.gap-sm > *:nth-child(odd) {
  width: calc(var(--cols-3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-1-2.gap-sm > *:nth-child(even) {
  width: calc((var(--cols-3) * 2) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-1-2.gap > *:nth-child(odd) {
  width: calc(var(--cols-3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-1-2.gap > *:nth-child(even) {
  width: calc((var(--cols-3) * 2) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-1-2.gap-lg > *:nth-child(odd) {
  width: calc(var(--cols-3) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-1-2.gap-lg > *:nth-child(even) {
  width: calc((var(--cols-3) * 2) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}

.flx-2-1 > *:nth-child(odd) {
  width: calc(var(--cols-3) * 2);
  margin: 0;
}
.flx-2-1 > *:nth-child(even) {
  width: var(--cols-3);
  margin: 0;
}
.flx-2-1.gap-xs > *:nth-child(even) {
  width: calc(var(--cols-3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-2-1.gap-xs > *:nth-child(odd) {
  width: calc((var(--cols-3) * 2) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-2-1.gap-sm > *:nth-child(even) {
  width: calc(var(--cols-3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-2-1.gap-sm > *:nth-child(odd) {
  width: calc((var(--cols-3) * 2) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-2-1.gap > *:nth-child(even) {
  width: calc(var(--cols-3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-2-1.gap > *:nth-child(odd) {
  width: calc((var(--cols-3) * 2) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-2-1.gap-lg > *:nth-child(even) {
  width: calc(var(--cols-3) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-2-1.gap-lg > *:nth-child(odd) {
  width: calc((var(--cols-3) * 2) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}


.flx-1-3 > *:nth-child(odd) {
  width: var(--cols-4);
  margin: 0;
}
.flx-1-3 > *:nth-child(even) {
  width: calc(var(--cols-4) * 3);
  margin: 0;
}
.flx-1-3.gap-xs > *:nth-child(odd) {
  width: calc(var(--cols-4) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-1-3.gap-xs > *:nth-child(even) {
  width: calc((var(--cols-4) * 3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-1-3.gap-sm > *:nth-child(odd) {
  width: calc(var(--cols-4) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-1-3.gap-sm > *:nth-child(even) {
  width: calc((var(--cols-4) * 3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-1-3.gap > *:nth-child(odd) {
  width: calc(var(--cols-4) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-1-3.gap > *:nth-child(even) {
  width: calc((var(--cols-4) * 3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-1-3.gap-lg > *:nth-child(odd) {
  width: calc(var(--cols-4) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-1-3.gap-lg > *:nth-child(even) {
  width: calc((var(--cols-4) * 3) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}


.flx-3-1 > *:nth-child(odd) {
  width: calc(var(--cols-4) * 3);
  margin: 0;
}
.flx-3-1 > *:nth-child(even) {
  width: var(--cols-4);
  margin: 0;
}
.flx-3-1.gap-xs > *:nth-child(even) {
  width: calc(var(--cols-4) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-3-1.gap-xs > *:nth-child(odd) {
  width: calc((var(--cols-4) * 3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-3-1.gap-sm > *:nth-child(even) {
  width: calc(var(--cols-4) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-3-1.gap-sm > *:nth-child(odd) {
  width: calc((var(--cols-4) * 3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-3-1.gap > *:nth-child(even) {
  width: calc(var(--cols-4) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-3-1.gap > *:nth-child(odd) {
  width: calc((var(--cols-4) * 3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-3-1.gap-lg > *:nth-child(even) {
  width: calc(var(--cols-4) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-3-1.gap-lg > *:nth-child(odd) {
  width: calc((var(--cols-4) * 3) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}


.flx-2-3 > *:nth-child(odd) {
  width: calc(var(--cols-5) * 2);
  margin: 0;
}
.flx-2-3 > *:nth-child(even) {
  width: calc(var(--cols-5) * 3);
  margin: 0;
}
.flx-2-3.gap-xs > *:nth-child(odd) {
  width: calc((var(--cols-5) * 2) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-2-3.gap-xs > *:nth-child(even) {
  width: calc((var(--cols-5) * 3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-2-3.gap-sm > *:nth-child(odd) {
  width: calc((var(--cols-5) * 2) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-2-3.gap-sm > *:nth-child(even) {
  width: calc((var(--cols-5) * 3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-2-3.gap > *:nth-child(odd) {
  width: calc((var(--cols-5) * 2) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-2-3.gap > *:nth-child(even) {
  width: calc((var(--cols-5) * 3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-2-3.gap-lg > *:nth-child(odd) {
  width: calc((var(--cols-5) * 2) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-2-3.gap-lg > *:nth-child(even) {
  width: calc((var(--cols-5) * 3) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}


.flx-3-2 > *:nth-child(odd) {
  width: calc(var(--cols-5) * 3);
  margin: 0;
}
.flx-3-2 > *:nth-child(even) {
  width: calc(var(--cols-5) * 2);
  margin: 0;
}
.flx-3-2.gap-xs > *:nth-child(even) {
  width: calc((var(--cols-5) * 2) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-3-2.gap-xs > *:nth-child(odd) {
  width: calc((var(--cols-5) * 3) - var(--gap-xs));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs);
}
.flx-3-2.gap-sm > *:nth-child(even) {
  width: calc((var(--cols-5) * 2) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-3-2.gap-sm > *:nth-child(odd) {
  width: calc((var(--cols-5) * 3) - var(--gap-sm));
  margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm);
}
.flx-3-2.gap > *:nth-child(even) {
  width: calc((var(--cols-5) * 2) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-3-2.gap > *:nth-child(odd) {
  width: calc((var(--cols-5) * 3) - var(--gap));
  margin: 0 calc(var(--gap) / 2) var(--row-gap);
}
.flx-3-2.gap-lg > *:nth-child(even) {
  width: calc((var(--cols-5) * 2) - var(--gap-lg));
  margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg);
}
.flx-3-2.gap-lg > *:nth-child(odd) {
  width: calc((var(--cols-5) * 3) - var(--gap-lg));
  margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg);
}


.flx.row-gap-xs > * {
  margin-bottom: var(--row-gap-xs);
}
.flx.row-gap-sm > * {
  margin-bottom: var(--row-gap-sm);
}
.flx.row-gap > * {
  margin-bottom: var(--row-gap);
}
.flx.row-gap-lg > * {
  margin-bottom: var(--row-gap-lg);
}
.flx.row-gap-xl > * {
  margin-bottom: var(--row-gap-xl);
}
.flx.no-row-gap > *,
.flx.no-row-gap {
  margin-bottom: 0 !important;
}

/* CSSGRID */

/* --- USE --- 
  Apply the 'grd' class to the parent container according to where the responsive change
  should occur */
.grd {  /* 479px */
  width: 100%;
  display: grid !important;
  align-items: start;
  align-content: start;
  grid-template-columns: 1fr;
}
.grd:has(> .tile__inner),
.grd:has(> * > .tile__inner) {
  grid-template-rows: 1fr;
  align-items: stretch;
}

/* --- USE --- 
  Only use these classes for evenly spaced columns (tiles) that
    size dynamically.
  Apply the single class with the desired columns to the parent container
    The number = the number of desired columns */
.grd-2 {  /* lg & sm refer to breakpoints */
  grid-template-columns: repeat(2, 1fr);
}
.grd-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grd-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grd-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grd-6 {
  grid-template-columns: repeat(6, 1fr);
}

/* --- USE --- 
  For a responsive row of [evenly sized] columns (tiles) apply the relevant class to the parent
    container (and don't use the classes above) */
/* -- don't use the 'tile' class on the parent container */
/* This is responsive by default and doesn't require additional media queries */

/* For a dynamic grid based on fixed widths declared for these variables above:
    --grd-dyn-sm
    --grd-dyn
    --grd-dyn-lg

    Column widths are set with GLOBAL SIZING VARIABLES: at the top with:
    --col-dyn-sm
    --col-dyn
    --col-dyn-lg */

/* eg. for md (medium) columns, apply only 'grd-dyn' class to the parent container */
/* This is responsive by default and doesn't require additional media queries */
.grd-dyn-xs {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-xs),100%), 1fr));
}
.grd-dyn-xs.gap-xs {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-xs)),100%), 1fr));
}
.grd-dyn-xs.gap-sm {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-sm)),100%), 1fr));
}
.grd-dyn-xs.gap {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap)),100%), 1fr));
}
.grd-dyn-xs.gap-lg {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-lg)),100%), 1fr));
}
.grd-dyn-xs.gap-xl {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-xl)),100%), 1fr));
}
.grd-dyn-sm {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-sm),100%), 1fr));
}
.grd-dyn-sm.gap-xs {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-xs)),100%), 1fr));
}
.grd-dyn-sm.gap-sm {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-sm)),100%), 1fr));
}
.grd-dyn-sm.gap {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap)),100%), 1fr));
}
.grd-dyn-sm.gap-lg {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-lg)),100%), 1fr));
}
.grd-dyn-sm.gap-xl {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-xl)),100%), 1fr));
}
.grd-dyn {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn),100%), 1fr));
}
.grd-dyn.gap-xs {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-xs)),100%), 1fr));
}
.grd-dyn.gap-sm {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-sm)),100%), 1fr));
}
.grd-dyn.gap {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap)),100%), 1fr));
}
.grd-dyn.gap-lg {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-lg)),100%), 1fr));
}
.grd-dyn.gap-xl {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-xl)),100%), 1fr));
}
.grd-dyn-lg {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-lg),100%), 1fr));
}
.grd-dyn-lg.gap-xs {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-xs)),100%), 1fr));
}
.grd-dyn-lg.gap-sm {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-sm)),100%), 1fr));
}
.grd-dyn-lg.gap {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap)),100%), 1fr));
}
.grd-dyn-lg.gap-lg {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-lg)),100%), 1fr));
}
.grd-dyn-lg.gap-xl {
  grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-xl)),100%), 1fr));
}

/* CSSGRID VARIED LAYOUTS */
/* eg. using 'grd-1-2' on the parent container will display 2 columns.
    The right column being twice as wide as the left column.  */
.grd-1-2 {
  grid-template-columns: 1fr 2fr;
}
.grd-1-3 {
  grid-template-columns: 1fr 3fr;
}
.grd-1-4 {
  grid-template-columns: 1fr 4fr;
}
.grd-2-1 {
  grid-template-columns: 2fr 1fr;
}
.grd-3-1 {
  grid-template-columns: 3fr 1fr;
}
.grd-4-1 {
  grid-template-columns: 4fr 1fr;
}
.grd-2-3 {
  grid-template-columns: 2fr 3fr;
}
.grd-3-2 {
  grid-template-columns: 3fr 2fr;
}

.grd-auto-1,
.grd-auto-1 .tile__inner {
  grid-template-columns: auto 1fr;
}
.grd-1-auto,
.grd-1-auto .tile__inner {
  grid-template-columns: 1fr auto;
}

/* CSSGRID MODIFIERS */
/* ...may need to provide grd and flx specific modifiers? ... */
.tile-tb {
  padding: var(--grd-tb) 0;
}
.grd.gap-xs {
  gap: var(--gap-xs); 
}
.grd.gap-sm {
  gap: var(--gap-sm); 
}
.grd.gap,
.grd.gap-md {
  gap: var(--gap); 
}
.grd.gap-lg {
  gap: var(--gap-lg); 
}
.grd.gap-xl {
  gap: var(--gap-xl); 
}
.grd.row-gap-xs {
  row-gap: var(--row-gap-xs);
}
.grd.row-gap-sm {
  row-gap: var(--row-gap-sm);
}
.grd.row-gap,
.grd.row-gap-md {
  row-gap: var(--row-gap);
}
.grd.row-gap-lg {
  row-gap: var(--row-gap-lg);
}
.grd.row-gap-xl {
  row-gap: var(--row-gap-xl);
}

.no-break,
.no-brk {
/* class is added to avoid breaks by way of {selector}:not(.no-break) */
}

/* Restricting dynamic FLEX rows from wrapping until set screen width in media queries below */

/*.flx-row {
  flex-direction: row;
}*/
.flx-wrap-xs,
.flx-wrap-sm,
.flx-wrap,
.flx-wrap-md,
.flx-wrap-lg,
.flx-wrap-xl {
  flex-wrap: nowrap;
}

/* ### Vertical spacing for items within a .tile ### 
    ... NOT SUITABLE FOR A GRID PARENT DIV ... */
/* NOTE: .tile__inner is used primarily for a div inside the Oxy REPEATER item div because Oxygen
      does not permit the main item div to have href.
      href (ie. permalink() ) is then applied to the .tile__inner */

/* Set internal divs in a tile to full width */

/* ???? QUESTION WHETHER THIS IS NEEDED ???? */
/*[class*="t-vgap"] > * > *:not(.grd):not(.flx),
[class*="t-vgap"] > * > *:not(.grd):not(.flx) {
  width: 100%;
}*/

.flx.t-vgap-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.flx.t-vgap-xs > * > .tile__inner > * + * {
  margin-top: var(--vgap-xs);
}
.flx.t-vgap-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.flx.t-vgap-sm > * > .tile__inner > * + * {
  margin-top: var(--vgap-sm);
}
.flx.t-vgap > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.flx.t-vgap > * > .tile__inner > * + * {
  margin-top: var(--vgap);
}
.flx.t-vgap-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.flx.t-vgap-lg > * > .tile__inner > * + * {
  margin-top: var(--vgap-lg);
}


.grd.t-vgap-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.grd.t-vgap-xs > * > .tile__inner > * + * {
  margin-top: var(--vgap-xs);
}
.grd.t-vgap-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.grd.t-vgap-sm > * > .tile__inner > * + * {
  margin-top: var(--vgap-sm);
}
.grd.t-vgap > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.grd.t-vgap > * > .tile__inner > * + * {
  margin-top: var(--vgap);
}
.grd.t-vgap-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *,
.grd.t-vgap-lg > * > .tile__inner > * + * {
  margin-top: var(--vgap-lg);
}

.flx.no-vgap,
.grd.no-vg


/* ### TILES INTERNAL PADDING ### */
.flx.t-p-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-xs > * > .tile__inner,
.grd.t-p-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-xs > * > .tile__inner {
  padding: var(--p-xs);
}
.flx.t-p-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-sm > * > .tile__inner,
.grd.t-p-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-sm > * > .tile__inner {
  padding: var(--p-sm);
}
.flx.t-p > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p > * > .tile__inner,
.grd.t-p > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p > * > .tile__inner {
  padding: var(--p);
}
.flx.t-p-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-lg > * > .tile__inner,
.grd.t-p-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-lg > * > .tile__inner {
  padding: var(--p-lg);
}

/*  X and Y axis padding
    .p-X-Y
    1 = xs
    2 = sm
    3 = default (p or p-md)
    4 = lg
*/
.flx.t-p-1-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-1-2 > * > .tile__inner,
.grd.t-p-1-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-1-2 > * > .tile__inner {
  padding: var(--p-sm) var(--p-xs);
}
.flx.t-p-2-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-2-1 > * > .tile__inner,
.grd.t-p-2-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-2-1 > * > .tile__inner {
  padding: var(--p-xs) var(--p-sm);
}
.flx.t-p-1-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-1-3 > * > .tile__inner,
.grd.t-p-1-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-1-3 > * > .tile__inner {
  padding: var(--p) var(--p-xs);
}
.flx.t-p-3-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-3-1 > * > .tile__inner,
.grd.t-p-3-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-3-1 > * > .tile__inner {
  padding: var(--p-xs) var(--p);
}
.flx.t-p-2-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-2-3 > * > .tile__inner,
.grd.t-p-2-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-2-3 > * > .tile__inner {
  padding: var(--p) var(--p-sm);
}
.flx.t-p-3-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-3-2 > * > .tile__inner,
.grd.t-p-3-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-3-2 > * > .tile__inner {
  padding: var(--p-sm) var(--p);
}
.flx.t-p-3-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-3-4 > * > .tile__inner,
.grd.t-p-3-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-3-4 > * > .tile__inner {
  padding: var(--p-lg) var(--p);
}
.flx.t-p-4-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-4-3 > * > .tile__inner,
.grd.t-p-4-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-4-3 > * > .tile__inner {
  padding: var(--p) var(--p-lg);
}
.flx.t-p-2-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-2-4 > * > .tile__inner,
.grd.t-p-2-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-2-4 > * > .tile__inner {
  padding: var(--p-lg) var(--p-sm);
}
.flx.t-p-4-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-4-2 > * > .tile__inner,
.grd.t-p-4-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-4-2 > * > .tile__inner {
  padding: var(--p-sm) var(--p-lg);
}
.flx.t-p-1-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-1-4 > * > .tile__inner,
.grd.t-p-1-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-1-4 > * > .tile__inner {
  padding: var(--p-lg) var(--p-xs);
}
.flx.t-p-4-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-4-1 > * > .tile__inner,
.grd.t-p-4-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-4-1 > * > .tile__inner {
  padding: var(--p-xs) var(--p-lg);
}
.flx.t-p-1-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-1-5 > * > .tile__inner,
.grd.t-p-1-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-1-5 > * > .tile__inner {
  padding: var(--p-xl) var(--p-xs);
}
.flx.t-p-5-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.flx.t-p-5-1 > * > .tile__inner,
.grd.t-p-5-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)),
.grd.t-p-5-1 > * > .tile__inner {
  padding: var(--p-xs) var(--p-xl);
}


/* ### TILES BORDER RADIUS ### */
.flx.t-rad-xs > *,
.grd.t-rad-xs > * {
  border-radius: var(--bdr-rad-xs);
  overflow: hidden;
}
.flx.t-rad-sm > *,
.grd.t-rad-sm > * {
  border-radius: var(--bdr-rad-sm);
  overflow: hidden;
}
.flx.t-rad > *,
.grd.t-rad > * {
  border-radius: var(--bdr-rad);
  overflow: hidden;
}
.flx.t-rad-lg > *,
.grd.t-rad-lg > * {
  border-radius: var(--bdr-rad-lg);
  overflow: hidden;
}


/* MODIFIERS */
.tiles-centre,
.tiles-center,
.center-row,
.centre-row {
  justify-items: center;
  justify-content: center;
}
.tiles-left {
  align-items: start;
  justify-content: flex-start;
}
.tiles-right {
/*  align-items: end;*/
  justify-content: flex-end;
}
.tile-top {
  align-items: start;
  align-items: flex-start;
}
.tiles-end {
  align-content: end !important;
  align-content: flex-end !important;
}
.tiles-middle,
.grd.v-middle,
.grd .v-middle {
  align-content: center;
}
.flx.v-middle,
.flx .v-middle {
  align-items: center;
}
.flx-between {
  justify-content: space-between;
}
.flx-around {
  justify-content: space-around;
}
.full-span {
  grid-column: 1 / -1;
  flex: 1 0 100%;
  max-width: unset;
}
.txt-center > *,
.txt-centre > * {
  text-align: center;
}
.flx.contents-center > *:not(.grd),
.flx.contents-centre > *:not(.grd),
.flx.contents-center .tile__inner:not(.grd) > *:not(.grd),
.flx.contents-centre .tile__inner:not(.grd) > *:not(.grd) {
  align-items: center;
  text-align: center !important;
}
.grd.contents-center > *:not(.flx),
.grd.contents-centre > *:not(.flx),
.grd.contents-center .tile__inner:not(.flx) > *:not(.flx),
.grd.contents-centre .tile__inner:not(.flx) > *:not(.flx) {
/*   align-items: center;  */
  display: grid;
  justify-content: center;
  text-align: center !important;
}
.flx.contents-right > *:not(.grd),
.flx.contents-right .tile__inner:not(.grd) > *:not(.grd) {
  align-items: flex-end;
  text-align: right !important;
}
.grd.contents-right > *:not(.flx),
.grd.contents-right .tile__inner:not(.flx) > *:not(.flx) {
  justify-items: end;
  text-align: right !important;
}
.flx.v-middle > *:not(.grd),
.flx.v-middle .tile__inner:not(.grd) > *:not(.grd) {
  justify-content: center;
}
.grd.v-middle > *:not(.flx),
.grd.v-middle .tile__inner:not(.flx) > *:not(.flx) {
  align-items: center;
}
.tiles-stretch,
.eq-h {
  align-items: stretch;
}
.flx .grow,
.flx.grow,
.flx-grow {
  flex: 1;
}
.grd.grow {
  grid-template-rows: 1fr;
}
.flx.nowrap {
  flex-wrap: nowrap;
}
.no-gutters {
  margin-left: calc(var(--gutters) * -1);
  margin-right: calc(var(--gutters) * -1);
  width: calc((2 * var(--gutters)) + 100%);
}


/* ### Use only classes that are necessary ### */
.tile__inner, /* Used inside of the div in Oxy REPEATER. This div can have an href applied */
.tile__title,
.tile__subtitle,
.tile__details,
.tile__content,
.tile__extras,
.tile__list,
.tile__listitem,
.tile__contacts,
.tile__text,
.tile__email,
.tile__phone,
.tile__name,
.tile__image,
.tile__number,
.tile__icon,
.tile__date,
.tile__time,
.tile__day,
.tile__file,
.tile__tax,
.tile__button {
  width: 100%;
  /*display: flex;
  flex-wrap: nowrap;
  flex-direction: column;*/
}
.contents-center .tile__title,
.contents-center .tile__subtitle,
.contents-center .tile__details,
.contents-center .tile__content,
.contents-center .tile__extras,
.contents-center .tile__list,
.contents-center .tile__listitem,
.contents-center .tile__contacts,
.contents-center .tile__text,
.contents-center .tile__email,
.contents-center .tile__phone,
.contents-center .tile__name,
.contents-center .tile__image,
.contents-center .tile__number,
.contents-center .tile__icon,
.contents-center .tile__date,
.contents-center .tile__time,
.contents-center .tile__day,
.contents-center .tile__file,
.contents-center .tile__tax,
.contents-center .tile__button {
  align-items: center;
  text-align: center;
}
.contents-right .tile__title,
.contents-right .tile__subtitle,
.contents-right .tile__details,
.contents-right .tile__content,
.contents-right .tile__extras,
.contents-right .tile__list,
.contents-right .tile__listitem,
.contents-right .tile__contacts,
.contents-right .tile__text,
.contents-right .tile__email,
.contents-right .tile__phone,
.contents-right .tile__name,
.contents-right .tile__image,
.contents-right .tile__number,
.contents-right .tile__icon,
.contents-right .tile__date,
.contents-right .tile__time,
.contents-right .tile__day,
.contents-right .tile__file,
.contents-right .tile__tax,
.contents-right .tile__button {
  align-items: flex-end;
  text-align: right;
}

.flx-row .tile__title,
.flx-row .tile__subtitle,
.flx-row .tile__details,
.flx-row .tile__content,
.flx-row .tile__list,
.flx-row .tile__listitem,
.flx-row .tile__text,
.flx-row .tile__email,
.flx-row .tile__phone,
.flx-row .tile__name,
.flx-row .tile__image,
.flx-row .tile__number,
.flx-row .tile__icon,
.flx-row .tile__date,
.flx-row .tile__time,
.flx-row .tile__day,
.flx-row .tile__file,
.flx-row .tile__tax,
.flx-row .tile__button {
  width: unset;
}
.tile__inner {
  flex: 1;
}
.tile__title {
  
}
.tile__subtitle {
  
}
.tile__details {
  
}
.tile__content {
}
.tile__text {
  
}
.tile__image {
  align-items: center;
}
.tile__button {
  
}

/* == BOX/DROP SHADOWS == */
.glb-shadow__sm {
  box-shadow: var(--shadow-sm);
}
.glb-shadow {
  /* Set in Global Settings at the top of this stylesheet */
  box-shadow: var(--shadow);
}
.glb-shadow__lg {
  box-shadow: var(--shadow-lg);
}

.box-shadow-tiny {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04);
    /* ..a little more left offset */
    /*box-shadow: -2px 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04);*/
}

.box-shadow-med {
  box-shadow: 0 2.3px 6.2px rgba(0, 0, 0, 0.024),
              0 5.3px 14.4px rgba(0, 0, 0, 0.034),
              0 10.5px 30.2px rgba(0, 0, 0, 0.045),
              0 25px 80px rgba(0, 0, 0, 0.07);
}

.box-shadow-med__offset { /* variation */
  box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.24),
              -3px 3px 15px rgba(0, 0, 0, 0.31);
}

.box-shadow-soft { /* same as 'dreamy' below */
  box-shadow: 0 1px 2px rgba(0,0,0,0.07),
              0 2px 4px rgba(0,0,0,0.07),
              0 4px 8px rgba(0,0,0,0.07),
              0 8px 16px rgba(0,0,0,0.07),
              0 16px 32px rgba(0,0,0,0.07),
              0 32px 64px rgba(0,0,0,0.07);
}

.box-shadow-alt2 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
              0 2px 2px rgba(0,0,0,0.12), 
              0 4px 4px rgba(0,0,0,0.12), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.box-shadow-alt3 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 8px 8px rgba(0,0,0,0.11), 
              0 16px 16px rgba(0,0,0,0.11), 
              0 32px 32px rgba(0,0,0,0.11);
}

.box-shadow-blog-sharp {
  box-shadow: 0 1px 1px rgba(0,0,0,0.25), 
              0 2px 2px rgba(0,0,0,0.20), 
              0 4px 4px rgba(0,0,0,0.15), 
              0 8px 8px rgba(0,0,0,0.10),
              0 16px 16px rgba(0,0,0,0.05);
}

.box-shadow-blog-diffuse {
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
                0 2px 2px rgba(0,0,0,0.12), 
                0 4px 4px rgba(0,0,0,0.16), 
                0 8px 8px rgba(0,0,0,0.20);
}

.box-shadow-blog-dreamy {
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}

.box-shadow-shorter {
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11);
}

.box-shadow-longer {
  box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
              0 4px 2px rgba(0,0,0,0.09), 
              0 8px 4px rgba(0,0,0,0.09), 
              0 16px 8px rgba(0,0,0,0.09),
              0 32px 16px rgba(0,0,0,0.09);
}
.box-shadow-filter {
  filter: drop-shadow( -3px 3px 6px #26262661);
}

/* For use with modifying the Search Input with Oxy, to add a custom icon */
.screen-reader-text {
    display: block;
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal!important;
    padding: 0;
    position: absolute!important;
    width: 1px;
}

/* ### IMPORTANT PLEASE ### */

/* ... This section of media queries is only for the FLEX and GRID framework above.
        For custom CSS media queries, create a new and separate style sheet */
/* ... This allows for easy future maintenance and updates of the FLEX and GRID framework as it evolves. */


/* BREAKPOINT CLASSES */
/*
.brk-xl,   1100px 
.brk-lg,   991px 
.brk-md,   767px 
.brk-sm,   579px 
.brk-xs {  480px 
}*/

@media screen and (max-width: 1200px) {
  .flx-6:not(.no-break) > * {
    width: var(--cols-5);
  }
  .flx-6.gap-sm:not(.no-break) > * {
    width: calc(var(--cols-5) - var(--gap-sm));
  }

  .grd-6:not(.no-break) {
    grid-template-columns: repeat(5, 1fr);
  }
  .grd-6.gap-sm:not(.no-break) {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1100px) {
  .flx-wrap-xl {
    flex-wrap: wrap;
  }
  
  .flx.brk-xl > * {
    width: 100%;
  }
  .grd.brk-xl {
    grid-template-columns: 1fr;
  }

  .grd-4:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr 1fr;
  }
  .grd-1-4:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd-4-1:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 991px) {
  .flx-wrap-lg {
    flex-wrap: wrap;
  }
  
  .flx.brk-lg > * {
    width: 100%;
  }
  .grd.brk-lg {
    grid-template-columns: 1fr;
  }

  .grd-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: repeat(2, 1fr);
  }
  .grd-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }

  .grd-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr 1fr;
  }
  .grd-1-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd-4-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }

  .flx-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap));
  }
  .flx-3.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-xs));
  }
  .flx-3.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-sm));
  }
  .flx-3.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap));
  }
  .flx-3.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-lg));
  }
  
  .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-3);
  }
  .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xs));
  }
  .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-sm));
  }
  .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap));
  }
  .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-lg));
  }
  .flx-4.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xl));
  }
  
  .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-3);
  }
  .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-xs));
  }
  .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-sm));
  }
  .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap));
  }
  .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-lg));
  }
  .flx-5.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-xl));
  }

  .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-4);
  }
  .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-xs));
  }
  .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-sm));
  }
  .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap));
  }
  .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-lg));
  }
  .flx-6.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-4) - var(--gap-xl));
  }

  .flx.flx-1-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-2-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-2-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-3-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .grd.grd-1-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd.grd-2-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd.grd-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd.grd-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd.grd-2-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs),
  .grd.grd-3-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  /* may not get used */
  /*:root {
    --p-m: calc(var(--p) * var(--p-mobile));
    --p-xs: calc(var(--p-m) / (var(--scaling) * 2));
    --p-sm: calc(var(--p-m) / var(--scaling));
    --p-md: var(--p-m);
    --p-lg: calc(var(--p-m) * var(--scaling));
    --p-xl: calc(var(--p-m) * (var(--scaling) * 2));
    --neg-p-xs: calc(var(--p-sm) * -1);
    --neg-p-sm: calc(var(--p-sm) * -1);
    --neg-p-md: calc(var(--p-md) * -1);
    --neg-p-lg: calc(var(--p-lg) * -1);
    --neg-p-xl: calc(var(--p-xl) * -1);
  }*/

  .flx-wrap-md {
    flex-wrap: wrap;
  }

  .flx.brk-md > * {
    width: 100%;
  }
  .grd.brk-md {
    grid-template-columns: 1fr;
  }
  
  /*.grd:not(.no-gap):not(.gap-sm):not(.gap-lg) {
    gap: var(--row-gap) var(--gap);
  }*/
  .grd.grd-2:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd.grd-3:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd.grd-4:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr 1fr;
  }
  .grd.grd-2-1:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-1-2:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd.grd-3-2:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-2-3:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd-1-4:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd-4-1:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }

  .flx-2.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-2.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-2.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap));
  }
  .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-2);
  }
  .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-xs));
  }
  .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-sm));
  }
  .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap));
  }
  .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-lg));
  }
  .flx-4.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-xl));
  }
  
  .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-3);
  }
  .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xs));
  }
  .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-sm));
  }
  .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *  {
    width: calc(var(--cols-3) - var(--gap));
  }
  .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-lg));
  }
  .flx-5.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xl));
  }

  .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: var(--cols-3);
  }
  .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xs));
  }
  .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-sm));
  }
  .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap));
  }
  .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-lg));
  }
  .flx-6.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: calc(var(--cols-3) - var(--gap-xl));
  }

  .flx.flx-1-2:not(.no-break):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-2-1:not(.no-break):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-1-3:not(.no-break):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-3-1:not(.no-break):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-2-3:not(.no-break):not(.brk-sm):not(.brk-xs) > *,
  .flx.flx-3-2:not(.no-break):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .grd.grd-1-2:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-2-1:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-1-3:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-3-1:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-2-3:not(.no-break):not(.brk-sm):not(.brk-xs),
  .grd.grd-3-2:not(.no-break):not(.brk-sm):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 579px) {
  .flx-wrap-sm {
    flex-wrap: wrap;
  }

  .flx.brk-sm > * {
    width: 100%;
  }
  .grd.brk-sm {
    grid-template-columns: 1fr;
  }
  
  .grd-2:not(.no-break):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd-3:not(.no-break):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
  .grd-4.brk-sm:not(.no-break):not(.brk-xs) {
    grid-template-columns: 1fr 1fr;
  }

  .flx.flx-2:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }
  .flx.flx-2.gap-xs:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }
  .flx.flx-2.gap-sm:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }
  .flx.flx-2.gap:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }
  .flx.flx-2.gap-lg:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }

  .flx-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-3.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-3.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-3.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-3.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  
  .flx.flx-5:not(.no-break):not(.brk-xs) > *,
  .flx.flx-6:not(.no-break):not(.brk-xs) > * {
    width: var(--cols-2);
  }
  .flx.flx-5.gap-xs:not(.no-break):not(.brk-xs) > *,
  .flx.flx-6.gap-xs:not(.no-break):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-xs));
  }
  .flx.flx-5.gap-sm:not(.no-break):not(.brk-xs) > *,
  .flx.flx-6.gap-sm:not(.no-break):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-sm));
  }
  .flx.flx-5.gap:not(.no-break):not(.brk-xs) > *,
  .flx.flx-6.gap:not(.no-break):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap));
  }
  .flx.flx-5.gap-lg:not(.no-break):not(.brk-xs) > *,
  .flx.flx-6.gap-lg:not(.no-break):not(.brk-xs) > * {
    width: calc(var(--cols-2) - var(--gap-lg));
  }

  .flx.flx-1-2:not(.no-break):not(.brk-xs) > *,
  .flx.flx-2-1:not(.no-break):not(.brk-xs) > *,
  .flx.flx-1-3:not(.no-break):not(.brk-xs) > *,
  .flx.flx-3-1:not(.no-break):not(.brk-xs) > *,
  .flx.flx-2-3:not(.no-break):not(.brk-xs) > *,
  .flx.flx-3-2:not(.no-break):not(.brk-xs) > * {
    width: 100%;
  }
  .grd.grd-1-2:not(.no-break):not(.brk-xs),
  .grd.grd-2-1:not(.no-break):not(.brk-xs),
  .grd.grd-1-3:not(.no-break):not(.brk-xs),
  .grd.grd-3-1:not(.no-break):not(.brk-xs),
  .grd.grd-2-3:not(.no-break):not(.brk-xs),
  .grd.grd-3-2:not(.no-break):not(.brk-xs) {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 519px) {
  .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
  .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *,
  .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .flx-wrap-xs {
    flex-wrap: wrap;
  }

  .flx.brk-xs > * {
    width: 100%;
  }
  .grd.brk-xs {
    grid-template-columns: 1fr;
  }
  
  .flx-4:not(.no-break) > *,
  .flx-5:not(.no-break) > *,
  .flx-6:not(.no-break) > * {
    width: 100%;
  }
  .flx-4.gap-xs:not(.no-break) > *,
  .flx-5.gap-xs:not(.no-break) > *,
  .flx-6.gap-xs:not(.no-break) > * {
    width: 100%;
  }
  .flx-4.gap-sm:not(.no-break) > *,
  .flx-5.gap-sm:not(.no-break) > *,
  .flx-6.gap-sm:not(.no-break) > * {
    width: 100%;
  }
  .flx-4.gap:not(.no-break) > *,
  .flx-5.gap:not(.no-break) > *,
  .flx-6.gap:not(.no-break) > * {
    width: 100%;
  }
  .flx-4.gap-lg:not(.no-break) > *,
  .flx-5.gap-lg:not(.no-break) > *,
  .flx-6.gap-lg:not(.no-break) > * {
    width: 100%;
  }
}


/* ### GENERAL GLOBAL FORMATTING ### */
body {
  word-break: break-word;
}
.glb-shadow-filter {
  filter: drop-shadow( -3px 3px 6px #26262661);
}
/* Apply this class to text to be 'inset'.
    Actual text element should have no colour. Desired colour of the text should be set on the BG colour */
.inset-text {
    background-color: #5a533e;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 2px 2px;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

/* Just in case iframes are added, keep them formatted and reasonably sized */
iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
/*   max-width: 600px; */
/*   height: 100% */
}

/* Printing Stuff */
@media print {
  body { 
      background-color: white;
      color: black;
      padding: 10px;
  }
  .no-print {
    display: none !important;
  }
  .print-main {
    width: 100% !important; /* Haven't used yet. Idea is to nominate a "main container" for content to be printed within */
  }
  @page {
      size: A4 portrait; 
      margin: 2cm; 
  }
}

/* <br> formatting */
* br {
  content: "";
  display: block;
  margin-top: 8px;
}

ul li:not(li.menu-item) {
  margin: 10px 0;
}
ol:not(.oxel-breadcrumb ol) li {
  margin: 15px 0;
}
ol li::marker {
  font-weight: 500;
}
p, ol {
  margin-block-start: .5em;
  margin-block-end: .5em;
}
/* ## MAX ITEM WIDTH - because sometimes it's just needed ## */
.max-w-sm {
  width: 100%;
  max-width: var(--maxwsm);
}
.max-w-md {
  width: 100%;
  max-width: var(--maxwmd);
}
.max-w-lg {
  width: 100%;
  max-width: var(--maxwlg);
}
.p-xs {
  padding: var(--p-xs);
}
.p-sm {
  padding: var(--p-sm);
}
.p-md,
.p { 
  padding: var(--p-md);
}
.p-lg {
  padding: var(--p-lg);
}
.p-xl {
  padding: var(--p-xl);
}
/*  X and Y axis padding
    .p-X-Y
    1 = xs
    2 = sm
    3 = default
    4 = lg
*/
.p-1-2,
.p-1-3,
.p-1-4,
.p-1-5 {
  padding-left: var(--p-xs);
  padding-right: var(--p-xs);
}
.p-2-1,
.p-2-3,
.p-2-4,
.p-2-5 {
  padding-left: var(--p-sm);
  padding-right: var(--p-sm);
}
.p-3-1,
.p-3-2,
.p-3-4,
.p-3-5 {
  padding-left: var(--p);
  padding-right: var(--p);
}
.p-4-1,
.p-4-2,
.p-4-3,
.p-4-5 {
  padding-left: var(--p-lg);
  padding-right: var(--p-lg);
}
.p-5-1,
.p-5-2,
.p-5-3,
.p-5-4 {
  padding-left: var(--p-xl);
  padding-right: var(--p-xl);
}

.p-2-1,
.p-3-1,
.p-4-1,
.p-5-1 {
  padding-top: var(--p-xs);
  padding-bottom: var(--p-xs);
}
.p-1-2,
.p-3-2,
.p-4-2,
.p-5-2 {
  padding-top: var(--p-sm);
  padding-bottom: var(--p-sm);
}
.p-1-3,
.p-2-3,
.p-4-3,
.p-5-3 {
  padding-top: var(--p);
  padding-bottom: var(--p);
}
.p-1-4,
.p-2-4,
.p-3-4,
.p-5-4 {
  padding-top: var(--p-lg);
  padding-bottom: var(--p-lg);
}
.p-1-5,
.p-2-5,
.p-3-5,
.p-4-5 {
  padding-top: var(--p-xl);
  padding-bottom: var(--p-xl);
}

.box-rad-sm,
.bdr-rad-sm {
  border-radius: var(--bdr-rad-sm);
  overflow: hidden;
}
.box-rad,
.bdr-rad {  /* default */
  border-radius: var(--bdr-rad);
  overflow: hidden;
}
.box-rad-lg,
.bdr-rad-lg {
  border-radius: var(--bdr-rad-lg);
  overflow: hidden;
}:root {
  /* HERO and BANNER image heights */
  --hero-height: 24em; /*25vmax; */
  --banner-height: 25vw; /* Supplemental pages sometimes have a banner of less height */
  --banner-w-overlay: 400px; /*30vw;*/
  --bdr-rad: 1.2em;  /* for border radiuses used through the GAIR site */
  --bdr-width: 4px;
  --oxy-page-width: 1300px;  /* no Oxygen variable is available to be used */
  --or-bdr-width: 12px;
  --bl-bdr-width: 7px;
}

/* For use with modifying the Search Input with Oxy, to add a custom icon */
.screen-reader-text {
    display: block;
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal!important;
    padding: 0;
    position: absolute!important;
    width: 1px;
}


/* ## CUSTOM STYLING FOR GAIR ## */
/* ### GLOBAL ITEMS ### */
.gair-bdr-radius {
  border-radius: var(--bdr-rad);
}
.gair-drop-shadow {
  
}
a:not(img) {
  transition: .2s;
}
a:hover:not(img):not(.gair-tile-nav):not(.gair-tile-nav__bus):not(.button-1):not(.button-2):not(.mttr-flights-table a):not(a.tile__href):not(a.tile__inner) {
  color: #e8874c;
}

.gair-breadcrumb-container .gair-breadcrumb {
  margin-bottom: calc(3vw + 20px);
}
.gair-corporate h2,
.gair-corporate h3,
.gair-corporate h4,
.gair-corporate h5,
.gair-corporate h6 {
  font-family: Arial, Helvetica, sans-serif;
}
.gair-corporate-tiles .tile__text,
.gair-corporate-tiles .tile__button {
  text-align: center;
}
.gair-corporate .gair-container,
.gair-corporate .gair-tab-container,
.gair-corporate .oxy-tab-content,
.gair-tabbed-section .oxy-tab-content {
  border-radius: calc(var(--bdr-rad) / 2);
}
.gair-corporate .oxy-tab-content,
.gair-tabbed-section .oxy-tab-content {
  padding: .7em 1.5em;
  border: 1px solid #c9c9d8;
}
.gair-info-grid .gair-container {
  background: #fff;
}
/* Add extra padding to the last section of each page (within "inner_content") */
div[id^="inner_content-"] section:last-of-type {
  padding-bottom: calc(var(--sect-tb) * 2);
}

/* ### ITEMS ### */

.gair-btns__nav-scroll .gair-button__sm {
  margin-top: 0;
  margin-bottom: 0;
}

/* ### PROMOTIONS ### */
.gair-promotion-grd {
  display: grid; 
  width: 100%;
  border-top: calc(3vw + 30px) solid #f5f4f4;
  gap: var(--gap);
  padding: calc(var(--sect-tb) / 2) 0;  position: relative;
  position: relative;
}
.gair-promotion-grd:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 100vw;
  border-top: calc(3vw + 30px) solid #f5f4f4;
  transform: translateX(-50%);
  margin-top: calc((3vw + 30px) * -1);
}
.gair-promotion-grd:nth-child(odd) {
  grid-template-columns: 2fr 3fr;
  grid-template-areas: "content image";
}
.gair-promotion-grd:nth-child(even) {
  grid-template-columns: 3fr 2fr;
  grid-template-areas: "image content";
}
.gair-promotion-grd .tile__image {
    background-size: cover;
    border: var(--bdr-width) solid #e8874c;
    background-repeat: no-repeat;
    padding-top: 50%;
    position: relative;
    display: grid;
    grid-area: image;
}

/* #### FLIGHTS TABLE FORMATTING #### */
/* ### ... OLD - From Bens original code ... ### */

/* ### TABS ### */

.tabs-3809-tab-active .gair-tab-title {
  color: #e8874c;
}
/* .gair-flights__row-cellw {
  display: grid !important;
  grid-template-columns: 13% 13% 12% 12% 9% 15% 12% 14%;
  gap: 0;
}
.gair-flight-single__row-cellw {
  display: grid !important;
  grid-template-columns: 15% 15% 14% 14% 10% 18% 14%;
  gap: 0;
}

.mttr-flights-table {
  width: 100%;
	border-collapse: collapse;
}
.mttr-flights-table__row:nth-of-type(odd) {
  background: #f5f4f4;
}
.mttr-flights-table__row-date {
  text-align: center;
  background: #3d3d3d;
  color: #fff;
}
.mttr-flights-table__row-date td {
	padding: .7em;
  text-align: left !important;
}
.mttr-flights-table__td,
.mttr-flights-table td {
  padding: 1em .5em;
  text-align: center;
}
.mttr-flights-table__time-cell {
  padding: .2em;
  align-items: center;
}
.flights__airline {
  text-align: center !important;
  padding: 0 !important;
  width: 13%;
}
.flights__airline img {
  width: 80%;
  max-width: 90px;
}
.flights__number {
  width: 13%;
  font-weight: 600;
}
.flights__number.show-md {
  display: none;
}
.flights__scheduled {
}
.flights__time {
  width: 12%;
}
.flights__gate {
  width: 9%;
}
.flights__location {
  width: 15%;
} 
.flights__status {
  width: 12%;
}
.flights__status.show-md {
  display: none !important;
}
.flights__details {
  width: 14%;
  padding: .5em !important;
  font-size: var(--fs-2);
}
.flights__details a {
  padding: .8em 1em;
  text-align: center;
  color: #fff;
  line-height: 1;
  background: #e8874c;
  border-radius: 30px;
  display: inline-block;
  min-width: 9em;
  transition: .3s;
}
.flights__details a:hover {
  background: #323232;
}
.flights__status.landed {
  background: #41a341;
  color: #fff;
}
.flights__status.cancelled {
  background: #e93131;
  color: #fff;
}
.flights__arrow {
  display: none !important;
  position: relative;
  width: 4%;
}
.flights__arrow path {
  fill: #e8874c;
}
.flight-link {
  cursor: pointer;
  transition: .3s;
}
.flight-link:hover {
  background: #f1d0bf;
} */

/* ### FLIGHTS TABLE - iFRAME ### */
.gair-flights__iframe {
  padding: var(--p);
  pointer-events: none;
}
.gair-flights__iframe iframe #RootPanel .DayRow td, .DayRow {
    color: #323232 !important;
}

/* ### BOARD MEMBERS ### */
.gair-board-member .tile__details {
  padding: 1em .5em 1em 0;
}
/* .gair-board-member .tile__details .member-title {
  margin-bottom: 10px;
} */
.gair-board-member .gair-flyout,
.gair-flyout {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "img details" "img content";
  gap: var(--gap);
  text-align: left;
}
.gair-board-member .gair-flyout .tile__image,
.gair-flyout .tile__image {
  display: grid;
  grid-area: img;
}
.gair-board-member .gair-flyout .tile__details,
.gair-flyout .tile__details {
  display: grid;
  grid-area: details;
}
.gair-board-member .gair-flyout .tile__text,
.gair-flyout .tile__text {
  display: grid;
  grid-area: content;
}

/* ### CONTACT US ### */
.gair-other-contacts .tile-mini * {
  padding: 1px;
}
.gair-other-contacts .tile-mini {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 15px;
  flex: 1;
}
.gair-other-contacts .tile__title {
  font-weight: 600;
  text-align: left;
}
.gair-other-contacts .tile__text {
  text-align: left;
}

/* ### General ### */
.gair-news-posts .tile-href,
.gair-corporate-tiles .tile__inner,
.gair-tiles .tile__inner {
  padding: 1em 1em 0;
  width: 100%;
  background: #fff;
  border: var(--bdr-width) solid #cfcfce;
  overflow: hidden;
}
.gair-list-row .tile {
  border-radius: calc(var(--bdr-rad) / 1.3);
  padding: 1em;
}
.gair-list-row .tile:nth-of-type(1) {
  text-align: right;
  align-items: flex-end;
}
.gair-list-row .tile:nth-of-type(2) {
  background: #f5f4f4;
}

/* ### MENUS ### */
#_nav_menu-563-741 .menu-item a,
#_nav_menu-558-742 .menu-item a,
#_nav_menu-558-749 .menu-item a
 {
  background: #0e84ac;
  border: 2px solid #fff;
  outline: 2px solid #fff;
  border-radius: 10em;
}
#_nav_menu-563-741 .menu-item.gair-menu-home a,
#_nav_menu-558-742 .menu-item.gair-menu-home a,
#_nav_menu-558-749 .menu-item.gair-menu-home a
 {
  background: #e8874c;
  border: 2px solid #fff;
  outline: 2px solid #fff;
  border-radius: 10em;
}
#_nav_menu-563-741 .menu-item a:hover,
#_nav_menu-563-741 .menu-item.gair-menu-home a:hover,
#_nav_menu-563-741 li.current-menu-item > a,
#_nav_menu-563-741 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-558-742 .menu-item a:hover,
#_nav_menu-558-742 .menu-item.gair-menu-home a:hover,
#_nav_menu-558-742 li.current-menu-item > a,
#_nav_menu-558-742 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-558-749 .menu-item a:hover,
#_nav_menu-558-749 .menu-item.gair-menu-home a:hover,
#_nav_menu-558-749 li.current-menu-item > a,
#_nav_menu-558-749 .menu-item.gair-menu-home.current-menu-item a
 {
  outline-color: #0e84ac;
}

/* ### MENUS ### */
/* *** STICKY MENU *** */
#_nav_menu-564-741 .menu-item a,
#_nav_menu-559-742 .menu-item a,
#_nav_menu-560-749 .menu-item a {
  background: #0e84ac;
  border: 2px solid #fff;
  outline: 2px solid #fff;
  border-radius: 10em;
}
#_nav_menu-564-741 .menu-item.gair-menu-home a,
#_nav_menu-559-742 .menu-item.gair-menu-home a,
#_nav_menu-560-749 .menu-item.gair-menu-home a {
  background: #e8874c;
  border: 2px solid #fff;
  outline: 2px solid #fff;
  border-radius: 10em;
}
#_nav_menu-564-741 .menu-item a:hover,
#_nav_menu-564-741 .menu-item.gair-menu-home a:hover,
#_nav_menu-564-741 li.current-menu-item > a,
#_nav_menu-564-741 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-559-742 .menu-item a:hover,
#_nav_menu-559-742 .menu-item.gair-menu-home a:hover,
#_nav_menu-559-742 li.current-menu-item > a,
#_nav_menu-559-742 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-560-749 .menu-item a:hover,
#_nav_menu-560-749 .menu-item.gair-menu-home a:hover,
#_nav_menu-560-749 li.current-menu-item > a {
  outline-color: #0e84ac;
}

/* ### MENUS - MOBILE ### */
#_nav_menu-570-741 .menu-item a,
#_nav_menu-561-742 .menu-item a,
#_nav_menu-562-749 .menu-item a {
  background: #0e84ac;
  border: 2px solid #323232;
  outline: 2px solid #323232;
  border-radius: 10em;
}
#_nav_menu-570-741 .menu-item.gair-menu-home a,
#_nav_menu-561-742 .menu-item.gair-menu-home a,
#_nav_menu-562-749 .menu-item.gair-menu-home a {
  background: #e8874c;
  border: 2px solid #323232;
  outline: 2px solid #323232;
  border-radius: 10em;
}
#_nav_menu-570-741 .menu-item a:hover,
#_nav_menu-570-741 .menu-item.gair-menu-home a:hover,
#_nav_menu-570-741 li.current-menu-item > a,
#_nav_menu-570-741 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-561-742 .menu-item a:hover,
#_nav_menu-561-742 .menu-item.gair-menu-home a:hover,
#_nav_menu-561-742 li.current-menu-item > a,
#_nav_menu-561-742 .menu-item.gair-menu-home.current-menu-item a,
#_nav_menu-562-749 .menu-item a:hover,
#_nav_menu-562-749 .menu-item.gair-menu-home a:hover,
#_nav_menu-562-749 li.current-menu-item > a,
#_nav_menu-562-749 .menu-item.gair-menu-home.current-menu-item a {
  outline-color: #fff;
}


@media screen and (max-width: 1200px) {
  .gair-contact-row__item {
    width: 50%;
    margin: 10px 0;
  }
}
@media screen and (max-width: 991px) {
  .mob-menu-socials .nav-social__icon {
    color: #fff;
    transition: .2s;
    margin: 0 12px;
  }
  .flights__details a {
    min-width: 0;
  }

  .gair-promotion-grd {
    grid-template-columns: 1fr !important;
    grid-template-areas: "content" "image" !important;
  }
  .gair-promotion-grd .tile__image {
    padding-top: 35%;
  }
}
@media screen and (max-width: 767px) {
  .gair-contact-row__item {
    width: 100%;
  }
/*   .gair-flights__row-cellw {
    grid-template-columns: 21% 18% 11% 24% 23%;
  }
  .gair-flight-single__row-cellw {
    grid-template-columns: 22% 18% 12% 25% 23%;
  }
  .flights__number {
    display: none !important;
  }
  .flights__number.show-md {
    display: table-cell !important;
    padding: 8px 0;
  }
  .flights__airline {
    padding: 8px 0 0 !important;
    width: 21%;
  }
  .flights__scheduled {
    display: none !important;
  }
  .flights__time {
    width: 18%;
  }
  .flights__gate {
    width: 11%;
  }
  .flights__location {
    width: 24%;
  }
  .flights__status {
    width: 22%;
  }
  .flights__details {
    display: none !important;
  }
  .flights__arrow {
    display: table-cell !important;
  }
  .flights__arrow svg {
    position: absolute;
    right: 0;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
  } */
  .gair-promotion-grd .tile__image {
    padding-top: 50%;
  }
}
@media screen and (max-width: 579px) {
  .gair-cafe28-tab-container {
    grid-template-areas: "text logo" "images images";
  }
  .gair-cafe28-tab-container__images {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
  }
  .gair-parking-prices {
    grid-template-columns: 1fr;
  }
  .gair-tile-nav,
  .gair-tile-nav__bus {
    width: calc((100% / 2) - 10px);
  }
  .gair-board {
    max-width: 420px;
  }
  .gair-board.flx-3 > .tile,
  .gair-board.flx-2 > .tile{
    width: 100%;
  }
  .gair-board-member .gair-flyout,
  .gair-flyout {
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "img details" "content content";
  }

/*   .gair-flights__row-cellw {
    grid-template-columns: 27% 22% 16% 28%;
  }
  .gair-flight-single__row-cellw {
    grid-template-columns: 29% 22% 16% 33%;
  }

  .flights__status,
  .gair-flights__header-cell-status {
    display: none !important;
  }
  .flights__status.show-md {
    display: table-cell !important;
    padding: .2em;
  }
  .flights__time {
    padding-bottom: .2em;
  } */
}
@media screen and (max-width: 479px) {
}.gair-img-tile__stylised *{
 z-index:1;
}
.gair-tile-nav__bus .txt{
 text-align:center;
 line-height:1.2;
}
.gair-img-tile__stylised-pano img{
 border-top-left-radius:var(--bdr-rad) ;
}
.gair-discover-tile__image img{
transform:scale3d(1,1,1); transition-duration:.3s;
 position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
}
.gair-breadcrumb a:hover{
 border-bottom-style:dotted;
 border-bottom-color:#ffffff;
 border-bottom-width:2px;
}
.gair-breadcrumb a{
 color:#e8874c;
 transition-duration:.2s;
}
.footer-link a{
 color:#ffffff;
}
.show-flyout{
transform:translate(-50%,-50%); position:fixed;
 top:50%;
 left:50%;
 width:95%;
 max-width:800px;
}
.show-details{
 z-index:12;
}
.full-screen{
 width:100%;
 height:100%;
 bottom:0px;
 right:0px;
}
.gair-contact-map iframe{
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
}
.gair-contact-map{
 width:100%;
 min-height:250px;
 position:relative;
 padding-top:60%;
background: repeating-linear-gradient( 45deg, #cf6f7a, #cf6f7a 10px, #e7a8af 10px, #e7a8af 20px );
}
.gair-single-flight .mttr-flights-table{
 font-weight:600;
 font-size:var(--fs6) ;
}
.gair-corporate-tiles .tile__title{
 display:flex;
 flex-direction:column;
 align-items:center;
}
.gair-corporate-tiles .tile__button{
 font-size:var(--fs-1) ;
 display:flex;
 flex-direction:column;
 align-items:center;
 margin-top:auto;
}
.gair-corporate-tiles .tile__text{
 padding-top:1.5em;
 font-size:var(--fs-1) ;
}
.gair-corporate-tiles .tile__content{
 padding-top:1.5em;
 flex-grow:1;
}
.gair-corporate-tiles .tile__inner:hover img{
transform:scale3d(1.02,1.02,1);}
.gair-corporate-tiles .tile__inner:hover .button-2{
 background-color:#e8874c;
}
.gair-corporate-tiles .tile__inner{
 background-color:#ffffff;
 color:#323232;
 display:flex;
 flex-direction:column;
 flex-grow:1;
 align-items:flex-start;
}
.gair-corporate-tiles .tile__image img{
transform:scale(1,1); transition-duration:.3s;
 position:absolute;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
}
.gair-corporate-tiles .tile__image{
 overflow:hidden;
 position:relative;
 padding-top:100%;
}
.gair-news-posts .tile:hover img{
transform:scale3d(1.04,1.04,1);}
.gair-news-posts .tile{
}
.gair-news-posts .tile__image img{
transform:scale3d(1,1,1); position:absolute;
 top:0px;
 left:0px;
 right:0px;
 bottom:0px;
 width:100%;
 height:100%;
 transition-duration:.3s;
object-fit: cover; object-position: center;
}
.gair-news-posts .tile-href:hover{
 background-color:#ffffff;
}
.gair-news-posts .tile-href{
 transition-duration:.3s;
 display:flex;
 flex-grow:1;
 justify-content:flex-start;
 flex-direction:column;
}
.gair-news-posts .tile__button{
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 margin-top:auto;
}
.gair-news-posts .tile__title{
 width:100%;
 display:flex;
 flex-direction:column;
 align-items:center;
 align-content:center;
 color:#323232;
 padding-top:1em;
 text-align:center;
 padding-right:.3em;
 padding-left:.3em;
}
.gair-news-posts .tile__text{
 width:100%;
}
.gair-news-posts .tile__content{
 width:100%;
 flex-grow:1;
 display:flex;
 flex-direction:column;
}
.gair-news-posts .tile__image{
 width:100%;
 position:relative;
 padding-top:64%;
 overflow:hidden;
}
.gair-car-hire .tile:hover{
 border-top-color:#e8874c;
 border-right-color:#e8874c;
 border-bottom-color:#e8874c;
 border-left-color:#e8874c;
}
.gair-car-hire .tile{
 background-color:#3d3d3d;
 display:flex;
 flex-direction:column;
 justify-content:center;
 width:100%;
 padding-top:.5rem;
 padding-right:.5rem;
 padding-bottom:.5rem;
 padding-left:.5rem;
 border-top-width:var(--bdr-width) ;
 border-right-width:var(--bdr-width) ;
 border-bottom-width:var(--bdr-width) ;
 border-left-width:var(--bdr-width) ;
 border-top-color:#3d3d3d;
 border-right-color:#3d3d3d;
 border-bottom-color:#3d3d3d;
 border-left-color:#3d3d3d;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 transition-duration:.3s;
 color:#ffffff;
}
.gair-discover-tile a{
 color:#ffffff;
}
.gair-tile-nav .txt{
 line-height:1.2;
 text-align:center;
}
.gair-border-row .item-mb{
 margin-bottom:25px;
}
.gair-nav-row .tile:hover{
 background-color:#3d3d3d;
}
.gair-nav-row .tile{
 background-color:#e8874c;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 align-content:center;
 font-weight:600;
 padding-top:.5em;
 padding-right:.5em;
 padding-bottom:.5em;
 padding-left:.5em;
 color:#ffffff;
 transition-duration:.3s;
cursor: pointer;
}
.mttr-banner-image{
 position:absolute;
 width:100%;
 height:100%;
object-fit: cover;
}
@media (max-width: 991px) {
.gair-tile-nav .txt{
 font-size:var(--fs6) ;
 text-align:left;
}
}