/* Theme Name: Base Theme Theme URI: http://greenboxdesigns.com Description: Designed and developed by Greenbox Designs Version: 1.0.55 Author: Greenbox Designs License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /* Typography */ /* // End typography */ /* Resets ------------------------------------------------------------------------------- */ body, html {overflow-x: hidden; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; } ul, ol{list-style: none;} article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} b, strong{font-weight: bold;} [type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0; -webkit-appearance: checkbox;} [type="search"]{-webkit-appearance: textfield; outline-offset: -2px;} [type="search"]::-webkit-search-decoration{-webkit-appearance: none;} ::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;} .clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} a img{border:0; width: auto; height: auto; max-width: 100%; y-align: bottom; border-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;} a,input,select,textarea{outline:none;} img{width: auto; height: auto; max-width: 100%; y-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;} /* Selection colours (easy to forget) */ img::selection{background: transparent;} img::-moz-selection{background: transparent;} a{text-decoration: none; display: inline-block;} input[type='number']{-moz-appearance:textfield;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;} input::-moz-focus-inner{border:0; padding: 0; } input:invalid, input:required{box-shadow: none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{display: none;} input:required { box-shadow:none; } input::-moz-focus-inner{box-shadow:0 0 0px transparent;} /*Remove IOS rounded corners of forms*/ input, textarea { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } /* Resets ------------------------------------------------------------------------------- */ /* Default Layout ------------------------------------------------------------------------------- */ /* ======================= Variables Start ======================= */ :root { --black: #000000; --grey-1: #636363; --grey-2: #A5A5A5; --grey-3: #777777; --grey-4: #C9C9C9; /*--grey-5: #cfd8dd; --grey-6: #eff4f6;*/ --lpink: #FFC7C2; --dpink: #CA86AB; --lblue: #9BD7DC; --duckblue: #9BE0DB; --white: #ffffff; --neutral: #F3EEE9; --neutral: #F3EEE9; --brand: #012332; --mint: #5FAF8C; --purplealt: #BE91D2; --lpurple: #BEBED2; --pred: #ED6C66; --salmon: #F58D82; --yellowalt: #FFC449; --lyellow: #FFDB82; --teal: #1092A2; --greenalt: #AFDE8E; --petrolblue: #1092a2; --pink: #D56AA9; --green: #24A148; --purple: #BE91D2; --yellow: #FAC50A; --orange: #F7B14F; --red: #EA2014; --blue: #4285F4; --font-family: "proxima-nova", sans-serif; --font-light: 300; --font-regular: 400; --font-semi-bold: 600; --font-bold: 800; --lead-text: 1.250em; --space-xs: 4px; --space-s: 8px; --space-base: 16px; --space-m: 24px; --space-l: 32px; --space-xl: 40px; --space-xxl: 64px; --space-xxxl: 72px; --space-xxxxl: 96px; --space-5xl: 128px; --text-lowercase: lowercase; --text-uppercase: uppercase; --text-capatilize: capitalize; } .has-grey-1-color{color: var(--grey-1)} .has-grey-2-color{color: var(--grey-1)} .has-brand-color{color: var(--brand)} .has-white-color{color: var(--white)} .has-orange-color{color: var(--orange)} .has-red-color{color: var(--red)} .has-blue-color{color: var(--brand)} .has-purple-color{color: var(--purple)} .has-green-color{color: var(--green)} .has-grey-1-background-color{background-color: var(--grey-1)} .has-grey-2-background-color{background-color: var(--grey-1)} .has-white-background-color{background-color: var(--white)} .has-orange-background-color{background-color: var(--orange)} .has-red-background-color{background-color: var(--red)} .has-blue-background-color{background-color: var(--brand)} .has-purple-background-color{background-color: var(--purple)} .has-green-background-color{background-color: var(--green)} .has-brand-background-color{background-color: var(--brand)} /* ======================= Variables Start End ======================= */ body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-size: 1em; line-height: 1.3; font-family: var(--font-family); font-weight:var(--font-regular); color: var(--brand)} *{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;} header, footer, section{float: left; width: 100%} /* ======================= Global style Start ======================= */ h1, h2, h3, h4, h5, h6{ line-height: 1; display: inline-block; width: 100%; font-weight: normal;} h1{font-size: 2.625em ;margin-bottom: var(--space-m); letter-spacing: 0.42px;} h2, .h2{font-size: 2.125em; margin-bottom: var(--space-base); line-height: 1.1} h3{font-size: 1.75em;margin-bottom: var(--space-base); line-height: 1.1} h4{font-size: 1.375em;margin-bottom: var(--space-base); line-height: 1.1} h5{font-size: 1.25em; margin-bottom: var(--space-base);} h6{font-size: 1.125em; margin-bottom: var(--space-s); line-height: normal;} p{font-size: 1.125em; margin-bottom: var(--space-m);} /*h2 strong, h3 strong, h4 strong, h5 strong{font-weight: var(--font-semi-bold);}*/ /* ======================= Global style End ======================= */ strong{font-weight: var(--font-semi-bold);} dfn, address, em{font-style: normal;} label, input[type="submit"], .accordion-title:hover{cursor: pointer;} button:focus{outline: none;} .lead-text{font-size: 1.5em; line-height: 1.4} .med-text, .med-text p{font-size: 1em; line-height: normal;} .sml-text{font-size: 0.8125em; line-height: 1.3} .xsml-text{font-size: 0.8125em} /*Global setting classes*/ .lead-section{text-align: center;} ul:not(.slick-dots):not(.menu):not(.selectric-scroll ul):not(.portfolio-tab-trigger ul):not(.menu ul):not(.category-navigation ul){float:left; width: 100%;margin-bottom: var(--space-m);} ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.portfolio-tab-trigger li):not(.category-navigation li), ol li{position: relative; padding-left: 48px;margin-bottom: var(--space-m); font-size: 1.125em; line-height: 1.2;} ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.portfolio-tab-trigger li):not(.category-navigation lil):last-child, ol li:last-child{margin-bottom: 0;} ol{padding-left: 8px;} ol li{padding-left: var(--space-m);} ol li > ol li{padding-left: 42px;} ol li > ol li > ol li {padding-left: 52px;} ol{float: left; width: 100%; counter-reset: item; } ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.portfolio-tab-trigger li):not(.category-navigation li):before{content: ''; position: absolute; top:0; left: 0; background-image: url(/wp-content/themes/base-theme/assets/svg/assets/bullet.svg); background-repeat: no-repeat; background-size: 28px; height: 23px; width: 28px; background-position: center;} ol li:before { content: counters(item, ".") ". "; counter-increment: item; position: absolute;left: 0; color: var(--brand);} blockquote{display: inline-block; width: 100%;} /*blockquote:before{content: ''; display: inline-block; width: 100%; height: 21px;background-image:url(/wp-content/themes/base-theme/assets/svg/assets/quote.svg); background-repeat:no-repeat; background-size:26px; background-position: left; margin-bottom: var(--space-xl);}*/ /*blockquote:after{content: '“ ';position: absolute; top: 0; left: 0; height: 45px;font-size: 2.25em; line-height: 1.25;font-weight: var(--font-bold); }*/ blockquote p{margin-bottom: 0;font-size: 1.125em; line-height: normal; font-weight: normal; text-align: left;} blockquote cite, .video-testimonial cite{font-style:normal; display: inline-block; width: 100%; font-size: 1.125em;} .med-text ol li, .sml-text p{font-size: inherit;} /* ======================= Global style End ======================= */ /* ======================= Spacing Start ======================= */ /*Margin*/ .margin-section{margin: var(--space-xxl) 0;} .margin-container{margin: 40px 0;} .margin-gutter{margin: 30px;} .margin-grid{margin: 20px;} .margin-bottom-section{margin-bottom: var(--space-xxl);} .margin-xxl{margin: var(--space-xxl)} .margin-xl{margin: var(--space-xl)} .margin-l{margin: var(--space-l)} .margin-m{margin: var(--space-m)} .margin-base{margin: var(--space-base)} .margin-s{margin: var(--space-s)} .margin-xs{margin: var(--space-xs)} .margin-top-xxl{margin-top: var(--space-xxl)} .margin-top-xl{margin-top: var(--space-xl)} .margin-top-l{margin-top: var(--space-l)} .margin-top-m{margin-top: var(--space-m)} .margin-top-base{margin-top: var(--space-base)} .margin-top-s{margin-top: var(--space-s)} .margin-top-xs{margin-top: var(--space-xs)} .margin-bottom-xxxl{margin-bottom: var(--space-xxxl)} .margin-bottom-xxl{margin-bottom: var(--space-xxl)} .margin-bottom-xl{margin-bottom: var(--space-xl)} .margin-bottom-l{margin-bottom: var(--space-l)} .margin-bottom-m{margin-bottom: var(--space-m)} .margin-bottom-base{margin-bottom: var(--space-base)} .margin-bottom-s{margin-bottom: var(--space-s)} .margin-bottom-xs{margin-bottom: var(--space-xs)} .margin-left-xxl{margin-left: var(--space-xxl)} .margin-left-xl{margin-left: var(--space-xl)} .margin-left-l{margin-left: var(--space-l)} .margin-left-m{margin-left: var(--space-m)} .margin-left-base{margin-left: var(--space-base)} .margin-left-s{margin-left: var(--space-s)} .margin-left-xs{margin-left: var(--space-xs)} .margin-right-xxl{margin-right: var(--space-xxl)} .margin-right-xl{margin-right: var(--space-xl)} .margin-right-l{margin-right: var(--space-l)} .margin-right-m{margin-right: var(--space-m)} .margin-right-base{margin-right: var(--space-base)} .margin-right-s{margin-right: var(--space-s)} .margin-right-xs{margin-right: var(--space-xs)} .margin-y-xxl{margin: var(--space-xxl) 0} .margin-y-xl{margin: var(--space-xl) 0} .margin-y-l{margin: var(--space-l) 0} .margin-y-m{margin: var(--space-m) 0} .margin-y-base{margin: var(--space-base) 0} .margin-y-s{margin: var(--space-s) 0} .margin-y-xs{margin: var(--space-xs) 0} .margin-x-xxl{margin: 0 var(--space-xxl)} .margin-x-xl{margin: 0 var(--space-xl)} .margin-x-l{margin: 0 var(--space-l)} .margin-x-m{margin: 0 var(--space-m)} .margin-x-base{margin: 0 var(--space-base)} .margin-x-s{margin: 0 var(--space-s)} .margin-x-xs{margin: 0 var(--space-xs)} .mt-20{margin-top: 20px} /*keep footer*/ .margin-none{margin: 0;} .margin-top-none{margin-top: 0;} .margin-bottom-none{margin-bottom: 0;} .margin-left-none{margin-left: 0;} .margin-right-none{margin-right: 0;} /*Padding*/ .p-36{padding: 36px}/*keep heroboxes*/ .py-36{padding: 36px 0}/*keep -footers*/ .pt-36{padding-top: 36px}/*keep -instagram*/ .page-container{padding: 0 16px;} .padding-section{padding: var(--space-xxl) 0} .padding-top-section{padding-top: var(--space-xxl);} .padding-container{padding: 40px 0;} .padding-spacer-top {padding-top: 30px;} .padding-spacer-bottom{padding-bottom: 30px;} .padding-spacer-left{padding-left: 30px;} .padding-spacer-right{padding-right: 30px;} .padding-spacer-y {padding: 30px 0;} .padding-xxl{padding: var(--space-xxl)} .padding-xl{padding: var(--space-xl)} .padding-l{padding: var(--space-l)} .padding-m{padding: var(--space-m)} .padding-base{padding: var(--space-base)} .padding-s{padding: var(--space-s)} .padding-xs{padding: var(--space-xs)} .padding-y-xxl{padding: var(--space-xxl) 0} .padding-y-xl{padding: var(--space-xl) 0} .padding-y-l{padding: var(--space-l) 0} .padding-y-m{padding: var(--space-m) 0} .padding-y-base{padding: var(--space-base) 0} .padding-y-s{padding: var(--space-s) 0} .padding-y-xs{padding: var(--space-xs) 0} .padding-x-xxl{padding: 0 var(--space-xxl)} .padding-x-xl{padding: 0 var(--space-xl)} .padding-x-l{padding: 0 var(--space-l)} .padding-x-m{padding: 0 var(--space-m)} .padding-x-base{padding: 0 var(--space-base)} .padding-x-s{padding: 0 var(--space-s)} .padding-x-xs{padding: 0 var(--space-xs)} .padding-top-xxl{padding-top: var(--space-xxl)} .padding-top-xl{padding-top: var(--space-xl)} .padding-top-l{padding-top: var(--space-l)} .padding-top-m{padding-top: var(--space-m)} .padding-top-base{padding-top: var(--space-base)} .padding-top-s{padding-top: var(--space-s)} .padding-top-xs{padding-top: var(--space-xs)} .padding-bottom-xxxxl{padding-bottom: var(--space-xxxxl)} .padding-bottom-xxxl{padding-bottom: var(--space-xxxl)} .padding-bottom-xxl{padding-bottom: var(--space-xxl)} .padding-bottom-xl{padding-bottom: var(--space-xl)} .padding-bottom-l{padding-bottom: var(--space-l)} .padding-bottom-m{padding-bottom: var(--space-m)} .padding-bottom-base{padding-bottom: var(--space-base)} .padding-bottom-s{padding-bottom: var(--space-s)} .padding-bottom-xs{padding-bottom: var(--space-xs)} .padding-left-xxl{padding-left: var(--space-xxl)} .padding-left-xl{padding-left: var(--space-xl)} .padding-left-l{padding-left: var(--space-l)} .padding-left-m{padding-left: var(--space-m)} .padding-left-base{padding-left: var(--space-base)} .padding-left-s{padding-left: var(--space-s)} .padding-left-xs{padding-left: var(--space-xs)} .padding-right-xxxxl{padding-right: var(--space-xxxxl)} .padding-right-xxxl{padding-right: var(--space-xxxl)} .padding-right-xxl{padding-right: var(--space-xxl)} .padding-right-xl{padding-right: var(--space-xl)} .padding-right-l{padding-right: var(--space-l)} .padding-right-m{padding-right: var(--space-m)} .padding-right-base{padding-right: var(--space-base)} .padding-right-s{padding-right: var(--space-s)} .padding-right-xs{padding-right: var(--space-xs)} .padding-none{padding: 0;} .padding-top-none{padding-top: 0;} .padding-bottom-none{padding-bottom: 0;} .padding-left-none{padding-left: 0;} .padding-right-none{padding-right: 0;} /* ======================= Spacing End ======================= */ /* ======================= Text Properties Start ======================= */ .txt-ctr{text-align: center;} .txt-l{text-align: left;} .txt-r{text-align: right;} .txt-uppercase{text-transform: uppercase;} .txt-underline{text-decoration: underline;} /* ======================= Text Properties End ======================= */ /* ======================= Buttons Start ======================= */ .btn-wrap{float:left;display: inline-block; width: 100%;} .btn{text-align: center;text-transform: var(--text-uppercase); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-size: 1em; line-height: normal; position: relative; margin-right: 20px;} div .btn:last-child{margin-right: 0;} .btn-small{padding: 16px 24px; min-width: 34px; } .btn-large{padding: 10px 24px; min-width: 180px;} .btn-primary{background-color: var(--brand); color: var(--white); border: solid 1px var(--brand);} .btn-primary:hover{background-color: transparent; color: var(--brand);} .btn-secondary{background-color: var(--purplealt); color: var(--white); border: solid 1px var(--purplealt);} .btn-secondary:hover{background-color: transparent; color: var(--purplealt);} .btn-secondary-dark{background-color: var(--purplealt); color: var(--brand); border: solid 1px var(--purplealt);} .btn-secondary-dark:hover{background-color: transparent; color: var(--purplealt);} .btn-outline{background-color: transparent; color: var(--brand); border: solid 1px var(--brand); } .btn-outline:hover{background-color: var(--brand); color: var(--white); } .btn-inv-primary{background-color: var(--white); color: var(--brand); border: solid 1px var(--white); } .btn-inv-outline{background-color: transparent; color: var(--white); border: solid 1px var(--white);} .btn-inv-outline:hover{background-color: var(--white); color: var(--brand);} /*.icon {border-radius: 50%; padding: 8px; background-color: rgb(1 182 244 / 15%); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}*/ .btn-icon{border-radius: 50%; padding: 11px} .btn-icon-right.btn-large{min-width: 202px;} .btn-icon-left.btn-large{padding-left: 24px; padding-right: 24px} .btn-icon-left:before{content: ''; background-repeat: no-repeat;background-position: center; background-size: contain; width: 24px; height: 24px; display: inline-block;background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-icn-left-white.svg);margin-right: 10px;margin-top: -8px; margin-bottom: -6px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .btn-icon-left.btn-primary:hover:before{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-icn-left-brand.svg); } .btn-icon-right:after, .btn-outline.btn-icon-right:hover:after{ background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-right.svg);margin-top: -8px; margin-bottom: -6px; margin-left: 10px;content: ''; background-repeat: no-repeat;background-position: center; background-size: contain; width: 24px; height: 24px; display: inline-block;} /*.icon:hover{background-color: rgb(1 182 244 / 25%);}*/ .btn-inv-primary.btn-icon-right:after, .btn-inv-outline.btn-icon-right:hover:after, .btn-outline.btn-icon-right:after, .btn-primary.btn-icon-right:hover:after{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-right-bl.svg);} .btn-inv-primary:hover{ background-color: transparent; color: var(--white);} .txt-link-arrow{padding-right: 32px; position: relative;} .txt-link-arrow:after{content:''; float:right;background-image: url(/wp-content/themes/base-theme/assets/svg/assets/ArrowRight.svg); background-repeat: no-repeat;background-position: center; background-size: contain; width: 20px; height: 20px; position: absolute; top: 4px; right: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .txt-link-arrow:hover:after{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .combo-btn.flex-row .btn-large:last-child{margin-top: var(--space-base);} .combo-btn.flex-row .btn-large{margin-right: 0;} .not-equal-btn .btn-large{width: auto; flex: 2;} .icon img{display: block;} .combo-btn{display: flex; flex-flow: row wrap; grid-row-gap: var(--space-base);} .txt-ctr .combo-btn{justify-content: center;} /* ======================= Buttons End ======================= */ /* ======================= Containers Start ======================= */ .common-wrap{max-width: 1440px; margin: 0 auto; clear: both; width: 100%} .l-container{max-width: 1400px;} .medlg-container{max-width: 990px;} .med-container{max-width: 780px;} .sml-container{max-width: 580px;} .container{float: left; width: 100%;} /* ======================= Containers End ======================= */ /* ======================= Grid Start ======================= */ .grid-container{display: grid; grid-template-rows: auto auto 1fr;} .grid-row-auto{grid-template-rows: auto} .grid-container-1{grid-template-columns: repeat(1, minmax(0, 1fr));} .grid-container-2{grid-template-columns: repeat(2, minmax(0, 1fr));} .grid-container-3{grid-template-columns: repeat(3, minmax(0, 1fr));} .grid-container-2-equal{grid-template-columns: repeat(2, minmax(0, 1fr));} .grid-container-3-equal{grid-template-columns: repeat(3, minmax(0, 1fr));} .grid-container-4-equal{grid-template-columns: repeat(4, minmax(0, 1fr));} .grid-container-6{grid-template-columns: repeat(6, minmax(0, 1fr));} .grid-container-full{grid-template-columns: repeat(12,1fr);} .grid-container-4{grid-template-columns: repeat(4,1fr);} .grid-1{grid-column: span 1;} .grid-2{grid-column: span 3;} .grid-4{grid-column: span 4;} .grid-8{grid-column: span 8;} .grid-9{grid-column: span 9;} .grid-full{grid-column: span 12;} .gutter{gap: 30px 20px} .grid{gap: 20px} .grid-m {gap: var(--space-m);} .grid-l {gap: var(--space-l);} .grid-xl{gap: var(--space-xl);} .grid-row-xl{grid-row-gap: var(--space-xl);} .column-none{grid-column-gap: 0} .grid-container.row-rev{grid-auto-flow: dense;} .grid-container.row-rev .grid-item:not(.hero-top .grid-item):first-child{grid-column: 2;} .slider-gutter-l{padding-left: 15px; padding-right: 15px;} .slider-gutter-m{padding-left: 10px; padding-right: 10px;} .slider-gutter-s{padding-left: 10px; padding-right: 10px;} /* ======================= Grid End ======================= */ /* ======================= Flexbox Start ======================= */ .flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .flex-y-align{-webkit-box-align: center; align-items: center;} .flex-align-start{-webkit-box-align: flex-start; align-items: flex-start;} .flex-x-align{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;;} .flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;} .flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;} .flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .flex-justify-end{-webkit-justify-content: flex-end; justify-content: flex-end;} .order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .row-rev{flex-flow: row-reverse;} .flex-row{flex-flow: row wrap;} .flex-col{flex-flow: column;} .flex-gap{gap: 8px} .flex-gap-m{gap: var(--space-m)} .flex-gutter-gap{gap:80px} /* ======================= Flexbox End ======================= */ /* ======================= Image Mask Start ======================= */ .aspect-ratio-1-1 {position: relative;width: 100%;padding-top: 100%;} .aspect-ratio-3-2 {position: relative;width: 100%;padding-top: 66.66%;} .aspect-ratio-16-9 {position: relative;width: 100%;padding-top: 56.25%;} .aspect-ratio-4-3 {position: relative;width: 100%;padding-top: 71.656%;} .aspect-ratio-31-37 {position: relative;width: 100%;padding-top: 118.59%;} .aspect-ratio-43-37 {position: relative;width: 100%;padding-top: 85.65%;} .aspect-ratio-75-91 {position: relative;width: 100%;padding-top: 121.6%;} .aspect-ratio-cover{height: 100%; width: 100%} .image-mask-rounded{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; border-radius: 100%;} .image-mask-default{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; } .image-mask-none{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto; margin-left: auto;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .image-mask-container img{width: 100%;} .image-mask-container picture, .image-mask-container figure { height: 100%; width: 100%;} .grid-item-full, .image-mask-cover{height: 100%} /* ======================= Image Mask End ======================= */ .desk{display: none;} .column{width: 46.610169491%} .bg-img{object-fit: cover; object-position: center; width: 100%;} video.bg-img{height: 100%} .label:not(.selectric .label){display: inline-block;background-color: transparent; border-radius: 20px; color: inherit; padding: 4px 15px 3px; font-size:0.875em; line-height: 1.4; border: 1px solid var(--white);} .label a{color: var(--white);} .label-inactive{background-color: rgba(1, 182, 244, 0.1); color: var(--brand); border-radius: 15px; padding: 8px 16px 6px; text-transform: var(--text-uppercase); font-weight: var(--font-bold); font-size:12px; line-height: 13px;letter-spacing: 2px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .label-inactive a{color: var(--brand);} .label-inactive:hover {background-color: rgba(1, 182, 244, 0.2);} .label-dark:not(.selectric .label){border-color: var(--brand);} .label-dark a{color: var(--brand);} /*Borders*/ .br-50{border-radius: 50%} .br-10x{border-radius: 10px} /*Borders*/ /* ======================= Form Start ======================= */ /*label{float: left; }*/ label, input[type="submit"]{cursor: pointer;} textarea{resize: none} input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]), textarea, .selectric{border: 0 ;border-bottom: solid 1px var(--white); border-color: inherit; background-color: transparent; font-size: 1.125em; line-height: 1.2;padding: 0 0 var(--space-m); font-family: var(--font-family); color: inherit;} input[type="submit"]{;border: solid 1px var(--purplealt);background-color: var(--purplealt); text-transform: var(--text-uppercase); font-family: var(--font-family); color: var(--white); padding: 15px var(--space-m); line-height: 1; font-size: 1em;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} input[type="submit"]:hover{background-color: transparent; color: var(--purplealt);} /*input:not([type="submit"]):not([type="checkbox"]):focus, textarea:focus{border: solid 1px var(--brand); color: var(--brand);}*/ ::-webkit-input-placeholder {color: inherit;} ::-moz-placeholder { color: inherit;} :-ms-input-placeholder {color: inherit;;} :-moz-placeholder {color: inherit;} /*Gravity Forms*/ /*Gravity standard fields*/ .gform_wrapper.gravity-theme .gform_fields, .gform_page_footer {float:left;width: 100%;display: -ms-grid;display: grid;-ms-grid-columns: (1fr 3.4%)[12]; grid-template-columns: repeat(12,1fr);grid-template-rows: repeat(auto-fill,auto);grid-column-gap: 3.4%; grid-row-gap: var(--space-m);} .gform_wrapper.gravity-theme .gfield {grid-column: 1/-1;} .gform_wrapper.gravity-theme .gfield.gfield--width-half, .gform_page_footer input[type="button"], .gform_page_footer input[type="submit"] {-ms-grid-column-span: 6;grid-column: span 6;} .gform_wrapper.gravity-theme .gfield.gfield--width-full {-ms-grid-column-span: 12;grid-column: span 12;} .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield textarea, .gfield select{width: 100%;} .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {margin-top: var(--space-xl); display: inline-block;} .gf_progressbar_title{font-weight: 800; font-size: 20px; line-height: 1.25; text-align: center; color: var(--grey-1);} .gform_page_footer input[type="button"]{border-radius: 5px;border: solid 1px var(--brand);background-color: var(--white); text-transform: initial !important; font-family: var(--font-family); font-weight: var(--font-bold); color: var(--brand); padding: 0 var(--space-l); line-height: 3.3em;letter-spacing: 2.1px; font-size: 0.8750em;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;rid-column: span 6;} .gform_page_footer input[type="button"]:hover{box-shadow: 0 2px 10px 0 rgba(1, 182, 244, 0.3), 0 1px 2px 0 rgba(1, 182, 244, 0.2); background-color: var(--brand); color: var(--white);} /*Gravity standard fields*/ .form-wrapper .gform_wrapper.gravity-theme .gfield .gfield_label{font-size: 14px; line-height: 1.25;letter-spacing: 1px; text-transform: var(--text-uppercase); color: inherit; width: 100%; font-weight: normal;margin-bottom: var(--space-s); display: inline-block;padding: 0; float: left;} .page-content-wrap .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{color: var(--red); font-size: 14px;margin-top: 8px; line-height: 1.5;} .page-content-wrap .gform_wrapper .gfield_error [aria-invalid=true] {border: 1px solid var(--red);} .page-content-wrap .gform_wrapper.gravity-theme .gfield textarea.large{height: 120px;} .form-wrapper .gform_wrapper.gravity-theme input[type=color], .form-wrapper .gform_wrapper.gravity-theme input[type=date], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime-local], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime], .form-wrapper .gform_wrapper.gravity-theme input[type=email], .form-wrapper .gform_wrapper.gravity-theme input[type=month], .form-wrapper .gform_wrapper.gravity-theme input[type=number], .form-wrapper .gform_wrapper.gravity-theme input[type=password], .form-wrapper .gform_wrapper.gravity-theme input[type=search], .form-wrapper .gform_wrapper.gravity-theme input[type=tel], .form-wrapper .gform_wrapper.gravity-theme input[type=text], .form-wrapper .gform_wrapper.gravity-theme input[type=time], .form-wrapper .gform_wrapper.gravity-theme input[type=url], .form-wrapper .gform_wrapper.gravity-theme input[type=week], .form-wrapper .gform_wrapper.gravity-theme select, .form-wrapper .gform_wrapper.gravity-theme textarea{font-size: 1.125em;line-height: 1.2; padding: 0 0 var(--space-m);} .form-wrapper .gform_wrapper.gravity-theme .gfield_description, .form-wrapper .gform_wrapper.gravity-theme .instruction{color: var(--grey-3); font-size: 14px;line-height: 1.25; margin-top: var(--space-s);} .form-wrapper .gform_wrapper.gravity-theme .description, .form-wrapper .gform_wrapper.gravity-theme .gsection_description, .form-wrapper .gform_wrapper.gravity-theme .gfield_description.validation_message{border: none; background-color: transparent; padding: 0 0 0 var(--space-m); line-height: 1.5; color: var(--red);position: relative; letter-spacing: normal;} .form-wrapper .gform_wrapper.gravity-theme .description:before, .form-wrapper .gform_wrapper.gravity-theme .gsection_description:before, .form-wrapper .gform_wrapper.gravity-theme .gfield_description.validation_message:before{content: ""; position: absolute;background-image: url(/wp-content/themes/base-theme/assets/svg/assets/error-icon.svg); background-repeat: no-repeat; background-position:center; background-size: 16px;left: 0px;top: 2px;z-index: 9; width: 16px; height: 16px;} .form-wrapper .gform_wrapper .gfield_error .gfield_repeater_cell label,.form-wrapper .gform_wrapper .gfield_error label,.form-wrapper .gform_wrapper .gfield_error legend,.form-wrapper .gform_wrapper .gfield_validation_message,.form-wrapper .gform_wrapper .validation_message,.form-wrapper .gform_wrapper [aria-invalid=true]+label, .form-wrapper .gform_wrapper label+[aria-invalid=true]{color: initial;} .gfield_required {position: relative;} .gfield_required:before {content: '*';color: var(--brand);} .form-wrapper .gform_wrapper .gfield_error label.gfield_consent_label{color: inherit;} .gform_wrapper.gravity-theme .ginput_complex{display: flex; flex-flow: row wrap} .gfield .ginput_complex span{flex: 1} .gfield .ginput_complex input{width: 100%} /*Progressbar*/ .gform_wrapper.gravity-theme .gf_progressbar {position: relative;border-radius: 10.5px;background: var(--grey-5);margin-bottom: var(--space-m);} .gform_wrapper.gravity-theme .gf_progressbar_blue {background: #d2d6dc;} .gform_wrapper.gravity-theme .gf_progressbar_percentage {height: 20.992px;text-align: right; border-radius: 10.5px;y-align: middle;} .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {border-radius: 10.5px 0 0 10.5px;} .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {background-color: var(--brand);color: var(--white);} .gform_wrapper.gravity-theme .gf_progressbar_percentage span {display: block;width: auto;float: right;margin-right: 8px;margin-left: 8px;line-height: 21px;font-size: 13px;min-width: 2em;} /*Checkbox*/ .page-content-wrap .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .ginput_container_consent label{font-size: 0.8125em; line-height: 1.4;padding-left: 30px;} .gfield_html {font-size: 0.8125em; line-height: 1.4;} .page-content-wrap .gchoice{margin: 14px 0;} .gform_wrapper.gravity-theme .gfield_checkbox .gchoice, .gform_wrapper.gravity-theme .gfield_radio .gchoice, .gform_wrapper.gravity-theme .ginput_container_consent label{position: relative; display: inline-block; width: 100%} .form-wrapper .gform_wrapper .gfield_checkbox label::after, .gform_wrapper.gravity-theme .gfield_radio label::after, .gform_wrapper.gravity-theme .ginput_container_consent label:after {content: "";opacity: 1;} .form-wrapper .gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"], .gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="radio"], .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"]{display: none;} .form-wrapper .gfield_checkbox .gchoice label:before, .form-wrapper .gfield_checkbox .gchoice label:after, .gform_wrapper.gravity-theme .gfield_radio .gchoice label:before, .gform_wrapper.gravity-theme .gfield_radio .gchoice label:after, .gform_wrapper.gravity-theme .ginput_container_consent label:after, .gform_wrapper.gravity-theme .ginput_container_consent label:before{bottom: 0;content: ''; margin: 0 auto;position: absolute; top: 0;border-radius: 5px;} .form-wrapper .gfield_checkbox .gchoice label:after, .form-wrapper .gfield_radio .gchoice label:after, .gform_wrapper.gravity-theme .ginput_container_consent label:after{content: "";background-color: transparent; border: solid 1px var(--white); border-color: inherit; border-radius: 5px;display: inline-block;height: 16px; width: 16px; left: 0px;position: absolute;top: 2px;transition: left .25s, background-color .13s;} /* .form-wrapper .gfield_checkbox input[type="checkbox"]:checked + label:before, .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"]:checked + label:before{content: "";background-image: url(/wp-content/themes/base-theme/assets/svg/assets/check.svg); background-repeat: no-repeat; background-position:center; background-size: 20px;left: 0px;top: 2px;z-index: 9; width:18px; height: 18px;} */ .form-wrapper .gfield_checkbox input[type="checkbox"]:checked + label:before, .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"]:checked + label:before{display:none;} .form-wrapper .gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"], .gform_wrapper.gravity-theme .gfield_radio .gchoice input[type="radio"], .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"]{display:block !important; position: absolute; margin-top:3px;} .page-content-wrap .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .ginput_container_consent label, .gfield_html{padding-left:20px !important;} .form-wrapper .gfield_checkbox .gchoice label:after, .form-wrapper .gfield_radio .gchoice label:after, .gform_wrapper.gravity-theme .ginput_container_consent label:after{ display:none !important; } /*Radio*/ .form-wrapper .gfield_radio .gchoice label:after{border-radius: 50%;} .form-wrapper .gfield_radio input[type="radio"]:checked + label:after{border: solid 2px var(--brand); border-color: inherit;} .form-wrapper .gfield_radio input[type="radio"]:checked + label:before{content: ""; border-radius: 50%; background-color: inherit; left: 23px;top: 5px;z-index: 9; width: 10px; height: 10px;} /*Dropdown*/ .selectric .label{margin: 0; padding: 0; height: auto; line-height: inherit; color: #012332; font-size: initial;} .selectric .button{background-color: transparent; font: none;background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-down-grey.svg); background-repeat: no-repeat; background-position: center; width: 52px; height: 48px;} .selectric .button:after{content: none;} .selectric-open .selectric .button{transform: rotate(180deg);} .selectric-open .selectric{border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .selectric-items{top: 46px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;box-shadow: 0 10px 15px -10px rgb(51 59 65 / 50%), 0 1px 3px 0 rgb(0 0 0 / 25%); border: solid 1px var(--grey-5);} .selectric-items li{color: var(--grey-2); font-size: 16px;padding-left: 1em; padding-right: 1em;} .ginput_container_fileupload .gform_delete_file{background-color: transparent; border: none; padding:0 12px 0 16px} .ginput_container_fileupload .dashicons-trash:before{content: ''; background-image: url(/wp-content/themes/base-theme/assets/svg/assets/cross-blue.svg); background-repeat: no-repeat; background-position: center; background-size: 20px;display: block; width: 20px; height: 20px;} .ginput_preview strong{font-weight: normal} .uploadAdded{display: flex; flex-flow: column;} .gform_fileupload_rules{order: 3;} /*Date picker*/ .form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker{min-width: 360px;background-image:url(/wp-content/themes/base-theme/assets/svg/assets/calendar-selected.svg); background-repeat: no-repeat; background-size: 20px 44px; background-position-x: 95%; padding-right: 36px;} .form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker:focus{background-image:url(/wp-content/themes/base-theme/assets/svg/assets/calendar.svg); } .page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) {background: var(--white);border: 1px solid var(--brand);border-radius: 3px;box-shadow: 0 1px var(--space-xs) rgb(0 0 0 / 11%), 0 0 var(--space-xs) rgb(18 25 97 / 4%);color: #607382;font-size: 14px;margin-top: 5px;padding: 18px 15px;width: auto; border-radius: 5px;} .page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default,.page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:focus,.page-content-wrap .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:hover{color: var(--brand); border: solid 1px var(--brand); border-radius: 5px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span, .ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title span{color: var(--grey-4); text-transform: uppercase; font-weight: normal; font-size: 14px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next .ui-icon, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev .ui-icon {display: none;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev{align-items: center;cursor: pointer;display: flex;height: 20px;justify-content: center; line-height: 1;position: absolute;width: 20px; background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-left-grey.svg); background-repeat: no-repeat;background-position: center;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-right-grey.svg);} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev {left: 16px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {right: 16px;} .ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title {text-align: center;} .ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-title span{color: var(--grey-1);} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select {background-color: transparent;background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-down-grey.svg);background-position: 100% 50%;background-repeat: no-repeat;background-size: 20px 20px; border-radius: 0;border: 0;box-shadow: none;color: var(--grey-2);cursor: pointer;font-size: 14px;font-weight: 500;height: auto;min-height: 0;padding: 0 22px 0 0; -webkit-appearance: none;text-transform: uppercase;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-month {margin-right: 20px;-moz-text-align-last: right;text-align-last: right;} .gform-theme-datepicker:not(.gform-legacy-datepicker) td{padding: 2px 5.4px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header{padding: 11px 0;} .gform-theme-datepicker:not(.gform-legacy-datepicker) {background: #fff;border: 1px solid #d0d1d3;border-radius: 3px;box-shadow: 0 10px 15px -10px rgb(51 59 65 / 50%), 0 1px 3px 0 rgb(0 0 0 / 25%);color: #607382;font-size: 13px;font-weight: 500;margin-top: 5px;padding: 14px 15.1px 10px;width: auto; z-index: 2;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default{display: flex;justify-content: center; align-items: center;width: 36px; height: 36px; color: var(--grey-2); font-size: 14px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled .ui-state-default{color: var(--grey-5);} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default{color: var(--brand); border: 1px solid var(--brand); border-radius: 5px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) thead th{padding-bottom: 14px;} .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar{border-collapse: separate; padding-top: var(--space-base);} /*File upload*/ .file-upload-button{background-color: var(--grey-6);border-radius: 5px;box-shadow: 0 3px 5px -30px rgba(51, 59, 65, 0.25);border: solid 1px var(--grey-5); font-size: 16px; line-height: 1.25; padding: 14px 16px;} .form-wrapper .gform_wrapper.gravity-theme input.file-upload-input{border: 0; color: var(--grey-2); width: calc(100% - 121px); } .gform_fileupload_rules{font-size: 14px; color: var(--grey-4); line-height: 1.5; margin-top: var(--space-s); display: block;} /*Hidden*/ .page-content-wrap .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text, .form-wrapper .gform_wrapper.gravity-theme .gfield .gfield_label.screen-reader-text, .form-wrapper .gfield_required_text, .form-wrapper .gform_wrapper .gform_validation_errors, .form-wrapper .gform_wrapper.gravity-theme .hidden_label label:not(.gfield_consent_label) {border: 0;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;width: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;word-wrap: normal!important;} .page-content-wrap .gform_validation_container, .gform_wrapper.gravity-theme .gform_validation_container, body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_validation_container {display: none!important;position: absolute!important;left: -9000px;} /* ======================= Form End ======================= */ /* ======================= Gutenberg style override Start ======================= */ .wp-block-column:not(:first-child){margin-left: 6.779661016%;} .aligncenter{text-align: center;} .wp-block-cover .wp-block-cover__inner-container{display: flex; flex-flow: column;} .wp-block-group{margin: 5.625em 0} .wp-block-columns{ margin-bottom: 0} .wp-block-group{float: left;width: 100%} .row-rev .wp-block-column:not(:first-child){margin-left: 0;} .row-rev .wp-block-column:first-child{margin-left: 6.779661016%;} .wp-block-image figcaption{font-style: italic;} .wp-block-separator.is-style-wide{border: solid 0.5px var(--grey-6); margin-block-start: 36px;margin-block-end: 36px;float: left; width: 100%;border-bottom-width: 0;} blockquote.wp-block-quote cite{font-size: 1em; font-style: normal; color: var(--grey-4); margin-top: var(--space-base); display: block;} .is-yly-aligned-center {align-items: center;} .is-yly-aligned-bottom {align-items: flex-end;align-items: end;} /* ======================= Gutenberg style override End ======================= */ /* ======================= Slick Slider Start ======================= */ .custom-arrow-navigation{position: relative;} .custom-arrow-navigation .prev, .custom-arrow-navigation .next{font-size: 0; line-height: 0; position: absolute; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none;outline: none; background: transparent;} .custom-arrow-navigation .prev:before, .custom-arrow-navigation .next:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dotted.slick-slider{margin-bottom: 0} .slick-slider{padding-bottom: 48px;} .slick-slide:hover{cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;} .slick-dots{margin-top: var(--space-l); bottom: 0; text-align: center; left: 0; } .slick-dots li{margin: 0 4px;} .slick-dots li, .slick-dots li button{width: 10px; height: 10px;} .slick-dots li button:before{color: var(--brand);width: 10px; height: 10px;font-size: 32px;line-height: 10px;opacity: 0.3} .slick-dots li.slick-active button:before{color: var(--brand);opacity: 1} .slider-dots-dark .slick-dots li button:before{color: var(--brand);} .slider-dots-dark .slick-dots li.slick-active button:before{color: var(--brand);} .slider-dots-light .slick-dots li button:before{color: var(--white);} .slider-dots-light .slick-dots li.slick-active button:before{color: var(--white);} .slick-prev, .slick-next, .custom-arrow-navigation .prev, .custom-arrow-navigation .next{height: 32px; width: 32px; bottom: -16px; z-index: 9; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .slick-prev{left: var(--space-base); top: auto; } .slick-next{left: 56px; top: auto;} .slick-next:before, .slick-prev:before, .custom-arrow-navigation .prev:before, .custom-arrow-navigation .next:before{content: ''; background-image: url(/wp-content/themes/base-theme/assets/svg/assets/arrow-right-bl.svg); background-repeat: no-repeat;background-position: center; background-size: contain; width: 32px; height: 32px; display: inline-block; opacity: 1} .slider-arrow-light .slick-next:before, .slider-arrow-light.custom-arrow-navigation .next:before{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/Controls-right.svg);} .slider-arrow-light .slick-prev:before, .slider-arrow-light.custom-arrow-navigation .prev:before{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/Controls.svg);} .slider-arrow-dark .slick-next:before, .slider-arrow-dark .slick-prev:before, .slider-arrow-dark.custom-arrow-navigation .next:before, .slider-arrow-dark.custom-arrow-navigation .prev:before{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/Controls-brand-right.svg);} .slider-arrow-dark .slick-prev:before, .slider-arrow-dark.custom-arrow-navigation .prev:before{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/Controls-brand.svg);} /*.slick-prev:before{transform: rotate(180deg);}*/ .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 0.4;} .slick-prev.slick-disabled:hover, .slick-next.slick-disabled:hover{cursor: unset;} .slider-has-arrows{padding-bottom: 64px} .custom-arrow-navigation .prev{left: 0; top: auto; b} .custom-arrow-navigation .next{left: 40px; top: auto;} /* ======================= Slick Slider End ======================= */ /* ======================= General Page Start ======================= */ .page-content-wrap{margin-top: var(--space-xxl); overflow: hidden;} /* ======================= General Page End ======================= */ /* Default Layout End ------------------------------------------------------------------------------- */ /* Header Start ------------------------------------------------------------------------------- */ .header-section{float: left; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .header-inner{padding: 24px 0;} .logo-wrap{position: relative; z-index: 1} .logo-wrap .main-logo img{max-height: 35px;} .header-section nav ul li:not(.mega-menu .menu-column li):not(.sub-menu li){display: inline-block; padding: var(--space-base) 0;} .header-section nav ul li:last-child{padding-right: 0;} .header-section nav ul li a{color: var(--white); text-transform: var(--text-uppercase); font-family: var(--font-family); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 1} .header-section nav ul li.current_page_item a, .header-section nav ul li.current-menu-item a, .header-section nav ul > li.current-menu-parent > a{color: var(--lblue);} .header-section nav ul > li.current-menu-parent > a:after{background-image: url(/wp-content/themes/base-theme/assets/svg/assets/CaretDown-active.svg);content: ''; display: inline-block; background-repeat: no-repeat; background-size: 12px; width: 12px; height: 12px; margin-left: 3px} .nav-buttons a{margin-top: 0;} .main-nav li .sub-menu, .main-nav li .dropdown-menu {display: none;} /*.main-nav li:hover .sub-menu, .main-nav li:hover .dropdown-menu {display: block;}*/ .sub-menu li{width: 100%} .phone-nav .mobi-close{display: none} .navShown .mobi-close{display: block} /* ======================= Mobile Navigation ======================= */ .phone-nav{ width: 29px; height: 14px; cursor: pointer; display: none; z-index: 999} .phone-nav div{float: left; width: 100%; height: 1px; position: relative; background: var(--white); margin-bottom:3px;transition: .3s ease} .phone-nav div:before, .phone-nav div:after { content: ""; width: 100%; height: 1px; position: absolute; background: var(--white); left: 0px; } .phone-nav div:before { margin-top: 7px} .phone-nav div:after { margin-top: 14px} .mobi-close{position: absolute; top: 0} /* ======================= Scrolling header ======================= */ .scrolling-header .header-section{box-shadow: 0 4px 4px 0px rgb(0 0 0 / 15%); } /* Header End ------------------------------------------------------------------------------- */ .not-mega-menu .sub-menu li:not(:first-child) {padding-top: var(--space-base);} .not-mega-menu .page-container{padding: 0} .not-mega-menu .grid-container{grid-template-columns: repeat(1,1fr); gap: 0} .main-nav .mega-menu .sub-menu{width: 100%; max-width: 100%; left: 0; margin-left: 0; } .header-section nav ul .mega-menu .sub-menu a{text-transform: initial; width: 100%} .header-section nav ul .mega-menu .sub-menu div.menu-column a{text-transform: uppercase; text-decoration: underline;} ul.menu-column .has-icon img{max-height: 23px; max-width: 23px; object-fit: contain; object-position: center; margin-top: 2px} .icon-container {border: 1px solid var(--white); height: 50px; width: 50px; margin-right: 20px} .mega-menu h6{line-height: normal;} .menu-page-description{width: calc(100% - 90px)} /* Promo Bar Start ------------------------------------------------------------------------------- */ .promo-bar{background-color: var(--purplealt); text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;} /*.promo-bar.show-bar{display: block}*/ .promo-inner{padding: 5px 0; position: relative;} .close-promo{position: absolute;right: 0; top: 8px; cursor: pointer;} /*.promo-bar-hidden{display: none}*/ .notification-marquee{display: inline-block; width: 100%} .promo-bar + .header-section{top:26px} /* Promo Bar End ------------------------------------------------------------------------------- */ .menu-item-has-children > a {position: relative;} .menu-item-has-children > a:after {content: ''; background-image: url(/wp-content/themes/base-theme/assets/svg/assets/CaretDown.svg); display: inline-block; background-repeat: no-repeat; background-size: 12px; width: 12px; height: 12px; margin-left: 3px} .main-nav li.menu-item-has-children.active a:after{transform: rotate(180deg);background-image: url(/wp-content/themes/base-theme/assets/svg/assets/CaretDown-active.svg);} /* Blocks Start ------------------------------------------------------------------------------- */ /* ======================= Page Sections Start ======================= */ .nbsection-section, .section{float: left; width: 100%; overflow: hidden;} /* ======================= Page Sections End ======================= */ /* ======================= Page Header Start ======================= */ .page-header-video-block, .page-header-full-img-block{position: relative;height: calc(100vh - 64.8px); z-index:1; } .page-header-full-img-block .page-header-image:before{content:''; position: absolute; top: 0; left:0; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(1, 35, 50, 0.00) 0%, rgba(1, 35, 50, 0.70) 85.42%); z-index: 1} .page-header-full-img-block .page-header-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1} .page-header-full-img-block .page-header-image figure, .page-header-full-img-block .page-header-image figure img{height: 100%} /*.page-header-section .btn-wrap, .image-text-block-section .btn-wrap, .btn-wrap.combo-btn{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } */.page-header-section .btn:not(:only-child):not(.btn-large), .image-text-block-section .btn:not(:only-child):not(.btn-large), .combo-btn .btn:not(:only-child):not(.btn-large){flex: 1;} .page-header-section .btn-wrap{margin-top: var(--space-s);} /*Video Page Header*/ .page-header-video-block video{position: absolute; width: 100%; height: 100%; object-fit: cover;left: 0; top: 0; z-index: -1} /*Programme Page Header*/ .page-header-text-img-block > .grid-container{height: 100%} .page-header-text-img-block .common-wrap{max-width: 100%} .hero-top{height: 100%} .hero_bottom img{height: 120px} .programme-share-btns a{color: inherit;} .programme-share-btns a img{max-height: 20px;} .programme-hero_img-left{flex: 1; max-height: 120px} .programme-hero_img-right{flex: 2; max-height: 120px} .page-header-text-img-block .grid-item{position: relative;} .pattern-overlay{position: absolute; bottom: 0; left: 0; width: 43.05555556%; } .grid-container.row-rev .pattern-overlay{right: 0; left: auto; } .pattern-overlay img{object-fit: contain; object-position: bottom;} /* ======================= Page Header End ======================= */ /* ======================= Centered Content Start ======================= */ /*.centered-content-section{float:left; width: 100%} .centered-content-inner{float: left;width: 100%} .centered-content-section .button-wrap .common-wrap, .image-text-block-inner .common-wrap{padding: 0}*/ /* ======================= Centered Content End ======================= */ /* ======================= Content Editor Start ======================= */ /*.content-editor-wrap{float:left; width: 100%} .content-editor-section .lead-section, .content-editor-section .lead-section .lead-text{text-align: left;} .content-editor-section .lead-section .lead-text{margin-bottom: var(--space-l);} .content-editor-wrap div{width: 100% !important;} .content-editor-section img{margin-bottom: var(--space-s);} .wp-caption{margin-bottom: var(--space-l);} .wp-caption-text{margin-top: var(--space-base); text-align: left; font-style: italic;} .content-editor-wrap :last-child {margin-bottom: 0;} .content-editor-section a:not(.btn), .post-content-wrap a:not(.btn){color: var(--brand);} .content-editor-section a:not(.btn):hover, .post-content-wrap a:not(.btn):hover{text-decoration: underline;} .content-editor-section em, .post-content-wrap em{font-style: italic;} .content-editor-section strong, .post-content-wrap strong{font-weight: 800;} .sidebar-active .med-container{display: inline-block; margin: 0; float: left;} .sidebar{display: inline-block;} .content-editor-section .sidebar{width: calc(100% - 860px)}*/ /* ======================= Content Editor End ======================= */ /* ======================= Text & Image Start ======================= */ .image-mask-container img{height: 100%;} /* ======================= Text & Image End ======================= */ /* ======================= Code Embed Start ======================= */ .code-embed-block-section .image-mask-container:not(.image-mask-none) > iframe, .code-embed-block-section .image-mask-container:not(.image-mask-none) > div, .contact-details-block-section .code-embed-wrapper .image-mask-container:not(.image-mask-none) > iframe, .contact-details-block-section .code-embed-wrapper .image-mask-container:not(.image-mask-none){object-fit: cover; object-position: center;height: 100%; width: 100%;} /* ======================= Cde Embed End ======================= */ /* ======================= Contact Details Start ======================= */ .contact-details-block-section{float:left; width: 100%} .contact-item{align-items: center;} .contact-item .icon{ display: inline-block; margin-right: var(--space-base);align-self: flex-start;} .contact-item address{display: inline-block; margin-top: 6px;} .contact-item a{color: var(--brand);} .contact-item a:hover{text-decoration: underline;} /* ======================= Contact DetailsEnd ======================= */ /* ======================= Accordion Start ======================= */ .accordion-item{border-bottom: var(--purplealt) solid 1px;} .accordion-title{position: relative;} .accordion-title:after, .accordion-title:before{content: ''; position: absolute; right: 0; top: 30px; width: 20px; height: 1.5px; background-color: var(--purplealt);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .accordion-title:after{transform: rotate(90deg)} .accordion-item.active-item .accordion-title:after{transform: rotate(0deg)} .accordion-content-row{display: none; width: 100%; padding-right: 24px} .accordion-content-row a{text-decoration: underline; color: inherit;} .accordion-wrap:not(.full-accordion-wrap) .accordion-content p, .accordion-wrap:not(.full-accordion-wrap) .accordion-content li{font-size: 0.8125em} .full-accordion-wrap .accordion-item:first-child{border-top: var(--purplealt) solid 1px} .full-accordion-wrap .accordion-title, .full-accordion-wrap .accordion-content-row{padding-left: 34px} .full-accordion-wrap .accordion-item{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .full-accordion-wrap .accordion{counter-reset: item; } .full-accordion-wrap .accordion-item h3:before { content: counters(item, ".", decimal-leading-zero) ""; counter-increment: item; position: absolute;left: 0; color: inherit; font-size:18px; top: 26px} .full-accordion-wrap .accordion-title:before, .full-accordion-wrap .accordion-title:after{top: 37px} /*Tabs*/ .tab-wrapper .tab-item:not(:first-child){display: none} .tab-trigger .btn{font-size: 1.125em; padding: 5px 7px; text-transform: none; margin-right: var(--space-s);} .tab-trigger{grid-row-gap: var(--space-s);} .tab-item .inner-row figure{margin-bottom: var(--space-m);} /* ======================= Accordion End ======================= */ /* ======================= Resources Start ======================= */ /*.resources-item {border-radius: 8px;box-shadow: 0 10px 15px -10px rgba(51, 59, 65, 0.5), 0 1px 3px 0 rgba(0, 0, 0, 0.25); width: 100%;} .resources-item figure img{max-width: 60px;} .resources-item h4{color: var(--brand); font-size: 1.25em; line-height: 1.25em; margin-bottom: 0;} .icon-link {display: flex;} .resources-item .icon{width: 40px;} .resources-item .icon img{width: 24px;} .resources-item:hover .icon{background-color: rgb(1 182 244 / 25%);}*/ /* ======================= Resources End ======================= */ /* ======================= Testimonial Start ======================= */ /*.testimonial-item blockquote {font-size: 1em; padding-left: 0;} .testimonial-item blockquote:before{content: none;} .testimonial-item blockquote h3:before, .testimonial-item blockquote h3:after{display: inline-block;} .testimonial-item blockquote h3:before{ content: "“ "} .testimonial-item blockquote h3:after { content: ' ”';}*/ .testimonial-carousel-section .slick-dots{left: var(--space-base);} .testimonial-carousel-section{display: inline-block; width: 100%} .testimonial-carousel .company p{font-size: 1em; line-height: 1.2; font-weight: 400} /*.testimonial-carousel{padding-top: 45px; padding-bottom: 45px;}*/ .testimonial-carousel-section .slick-dotted.slick-slider{margin-bottom: 0;} .testimonial-image-slider{padding-bottom: 0; float: left; width: 100%; height: 100%} .testimonial-img{float: left; width: 100%} .testimonial-image-slider div{height: 100%} /*.testimonial-carousel .slick-slide{opacity: 0.5;} .testimonial-carousel .slick-current{opacity: 1;}*/ /* ======================= Testimonial End ======================= */ /* ======================= Hero Boxes Start ======================= */ .herobox-item-content{border: 1px solid var(--purplealt); overflow: hidden;} .herobox-item-img-wrap{max-width: 200px; margin: 0 auto;} /*.herobox-item-img img{height: 200px;}*/ .herobox-content{margin: 0 auto; text-align: center;} .herobox-content a {color: inherit; text-decoration: underline;} .herobox-content :last-child{margin-bottom: 0} .herobox-slider.slick-track{padding-bottom: 40px;} .hero-slider-two-column .herobox-item, .hero-slider-four-column .herobox-item{padding-left:10px; padding-right: 10px;} .hero-slider-two-column, .hero-slider-four-column{margin: 0 -10px; padding-bottom: var(--space-xl);} .hero-slider-three-column .herobox-item {padding-left:20px; padding-right: 20px;} .hero-slider-three-column{margin: 0 -20px; padding-bottom: var(--space-xl);} /*.herobox-slider .slick-prev, .herobox-slider .slick-next{bottom: 0;}*/ .hero-slider-three-column .slick-prev{right: 76px} .hero-slider-three-column .slick-next{right: 20px;} .hero-slider-two-column .slick-prev, .hero-slider-four-column .slick-prev{ right: 66px; } .hero-slider-two-column .slick-next, .hero-slider-four-column .slick-next{right: 10px;} .herobox-grid-wrapper .grid-container .herobox-item-content, .herobox-slider-wrapper .grid-container .herobox-item-content{height: 100%;} /*Layouts*/ .card-left-aligned-layout .herobox-item-img-wrap{max-width: 70px; margin: 0} /*.card-left-aligned-layout .herobox-item-img img{height: 120px;}*/ .card-left-aligned-layout .herobox-content{text-align: left;} .card-boxed-layout .herobox-item-img picture, .card-boxed-layout .herobox-item-img figure{max-width: 100%; margin: 0} .card-boxed-layout .herobox-item-img img{height: 240px; border-radius: 0;} /*Layouts*/ /* ======================= Hero Boxes End ======================= */ /* ======================= Team End ======================= */ .team-wrapper .team-member-details{align-items: flex-start;} .team-member-thumb, .team-member-details .label:not(.selectric .label){margin-bottom: 12px} .team-carousel, .featured-programmes-wrapper{margin-left: -10px; margin-right: -10px;} .team-carousel .slick-dots{display: none !important} .sr-only{ position: absolute;width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .progress {display: block; width: 100%; height: 2px; overflow: hidden; background-color: var(--grey-3); background-image: -webkit-gradient(linear, left top, right top, from(var(--white)), to(var(--white))); background-image: -o-linear-gradient(left, var(--white), var(--white)); background-image: linear-gradient(to right, var(--white), var(--white)); background-repeat: no-repeat; background-size: 0 100%; -webkit-transition: background-size .4s ease-in-out;} .modalOpen{overflow-y: hidden;} .modal-wrapper{display: none;background-color: rgb(0 0 0 / 50%); position: fixed;top: 0; left: 0; z-index: 9999; width: 100%; height: 100vh;-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);} .team-modal .team-modal-inner{max-width: 660px; margin: 0 auto; max-height: calc(100vh - 60px);overflow-y: scroll;} .team-modal-content{height: 100%} .team-modal-item{display: none} .modal-wrapper .team-member-thumb{max-width: 200px; width: 100%} .close-modal{position: absolute; right: 20px; top: 15px; width: 32.5px; line-height: 32.5px; cursor: pointer;z-index: 999} .team-modal .content-container{position: relative;} .team-item .bio p:last-child{margin-bottom: 0} .team-item a{color: inherit;} /* ======================= Team End ======================= */ /* ======================= Marquee Slider Start ======================= */ .marquee-slider-img-container { display: inline-block; width: 100%;} .marquee-slider-img-container .logo-item img{max-height: 50px} .js-marquee-wrapper{display: inline-block; width: 100%} .js-marquee { display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;align-items: center;} /* ======================= Marquee Slider End ======================= */ /* ======================= Logo Bar Start ======================= */ .inline-container {width: 100%} .inline-container .logo-bar-img-container img{max-height: 23px;display: inline-block;} .inline-container .logo-bar-img-wrap{row-gap: var(--space-m)}; .logo-bar-section .logo-item{width: 45%;} .logo-grid-wrap .logo-item{min-height: 83px; } .logo-grid-wrap .logo-item img{max-height: 56px} /* ======================= Logo Bar End ======================= */ /* ======================= Partners Start ======================= */ .partner-carousel{margin: 0 -10px} .partner-carousel .partner-item{padding: 0 10px} .partner-item .partner-thumb{position: relative;} .partner-item .logo-wrap {position: absolute; right: var(--space-s); bottom: var(--space-s); padding: 5px 3px; text-align: center; width: auto} .partner-item .logo-wrap img{max-height: 16px} /* ======================= Partners End ======================= */ /* ======================= Call to Action Start ======================= */ .call-to-action-section, .global-call-to-action-section {position: relative;} /*Columned*/ .call-to-action-columned-section .container-inner{padding-top: 50px; padding-bottom: 50px; position: relative;} .call-to-action-section .container-inner:before{content: ''; position: absolute; width: 100%; height: 60%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;z-index: 1; background-position: center;} .call-to-action-section .grid-container{position: relative; z-index: 2} .call-to-action-section .btn-wrap{width: auto;} /*.call-to-action-full-section .container-inner{padding-top: var(--space-xl); }*/ .global-call-to-action-section .logo-item {width: auto} .global-call-to-action-section .logo-item img{max-height: 26px;} .global-call-to-action-section .logo-item{min-height: auto} /* ======================= Call to Action End ======================= */ .buttons-block-section .btn-wrap{width: auto} /* ======================= Double Call to Action Start ======================= */ .body-content-container a{color: inherit; text-decoration: underline;} /* ======================= Double Call to Action End ======================= */ .stat-item{border-bottom: 1px solid var(--white);} .stat-item h2 { font-weight: var(--font-semi-bold);} .stat-item p{font-size: 1em} .logo-grid-container {max-width: 1132px} /* ======================= Latest Posts Start ======================= */ .post-item {color: inherit;} .post-item figure{overflow: hidden;} .post-item:hover img{ transform: scale(1.03);} .post-item img{-webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out;transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;} .lastest-posts-section .content-wrap a{color: inherit; float: right;} /* ======================= Latest Posts End ======================= */ /* ======================= Research Start ======================= */ .programme-item .programme-item-inner{padding: 12px} .programme-item img{object-fit: contain;} .featured-programmes-wrapper .slick-track, .carousel-gallery .slick-track, .carousel-inline-gallery .slick-track, .featured-report-slider .slick-track{display: flex;} .featured-programmes-wrapper .slick-slide, .carousel-gallery .slick-slide, .carousel-inline-gallery .slick-slide, .featured-report-slider .slick-slide{height: inherit;} .featured-programmes-wrapper .programme-item, .featured-programmes-wrapper .slick-slide > div, .programme-item .programme-item-inner,.carousel-gallery .slick-slide > div, .carousel-inline-gallery .slick-slide > div, .featured-report-slider .slick-slide > div, .report-slide-item, .report-slide-item .grid-container{height: 100%} /* ======================= Research End ======================= */ /*================= annual--report ======================*/ .featured-report-slider.slick-slider{margin-bottom: var(--space-xxl);} .featured-report-slider .slick-prev{left: 0; bottom: 0; top: 50%;} .featured-report-slider .slick-next{left: auto; right: 0; bottom: auto; top: 50%;} body.single-post .gform_wrapper.gravity-theme .gfield_checkbox label, body.single-post .gfield_html{padding-left: 0px;} /*.annual--report-warp{float: left; width: 100%; background-color: var(--dark); padding: 60px 0;}*/ .annual-inner{float: left; width: 100%;} .annual-inner h2{text-align: center;} .annual-content { float: left; width: 100%; margin-top: 12px; } .medium-text { color: var(--white); font-size: 18px; line-height: 25px;} .annual--report-warp .bullet-btn{margin-top: 16px;} .portfolio-tab-trigger {float: left; width: 100%; } .portfolio-tab-trigger ul { display: flex; float: left; width: 100%; justify-content: center; gap: 8px;} .portfolio-tab-trigger ul li { display: inline-block; margin: 0 8px 0 0; } .portfolio-tab-trigger ul li a {width: auto; color: var(--white); border: 1px solid #fff; padding: 8px; font-size: 20px; line-height: 22px; } .portfolioTabItemWrap { float: left; width: 100%; margin-top: 48px; } .portfolioTabItemWrapper { float: left; width: 100%; display: none;} .portfolioTabItemWrapper:first-child{display: block;} .PortfolioTabItems { float: left; width: 100%; } .PortfolioTabItem{float: left; width: 100%; margin-bottom:20px; } /* .PortfolioTabItem:nth-child(-n + 6){display: block;} */ .portfolio-btn { display: flex; flex-flow: row wrap; float: left; justify-content: center; width: 100%; padding-top: 48px; } .portfolio-btn a{text-transform: uppercase;} .portfolio-tab-trigger .active-btn{background-color: var(--white); color: var(--brand);} .portfolio-tab-trigger .active-btn a{color: var(--brand);} /*================= end annual--report ======================*/ /*================= Carousel Gallery ======================*/ .carousel-gallery{padding-left: 6px} .carousel-item {position: relative;} .carousel-item img:not(.carousel-inline-gallery img):not(.testimonial-thumb img):not(.play-btn img) {height: 50vw; max-width: 80vw} .play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);z-index: 2} .play-btn img{max-height: 55px} .columned-text-item .btn.btn-large{padding: 8px 17px; min-width: auto} .columned-text-top-content a{color: inherit; text-decoration: underline;} .btn-icon-left:before{margin-right: 12px;} .carousel-item blockquote, .carousel-inline-gallery .quote, .carousel-item .quote, .carousel-item, .carousel-item .testimonial-item, .carousel-item .testimonial-content{height: 100%;} .carousel-item blockquote p{font-size: 1.125em} .carousel-item blockquote cite, .video-testimonial cite{font-size: 1em} .carousel-item blockquote .sml-text, .video-testimonial .sml-text{font-size: 0.875em} .carousel-item .testimonial-thumb{width: 100px} .text-testimonial .testimonial-item{display: inline-block; width: 100%; position: relative;} .carousel-inline-gallery{padding-bottom: 0} .carousel-inline-gallery figure{height: 100%} .carousel-inline-gallery img:not(.testimonial-thumb img):not(.play-btn img){min-height: 289px; height: 100%} .carousel-inline-gallery .quote{position: relative; padding-top: 41px} .carousel-inline-gallery .quote:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 21px;background-image:url(/wp-content/themes/base-theme/assets/svg/assets/quote.svg); background-repeat:no-repeat; background-size:26px; background-position: left;} .carousel-inline-gallery .has-brand-background-color .quote:before{background-image:url(/wp-content/themes/base-theme/assets/svg/assets/quote-white.svg); } /*blockquote:after{content: '“ ';position: absolute; top: 0; left: 0; height: 45px;font-size: 2.25em; line-height: 1.25;font-weight: var(--font-bold); }*/ .testimonial-video-cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%} .testimonial-video-cover:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--black); opacity: 0.5; z-index: 1} .testimonial-item .testimonial-content{position: relative; z-index: 2;} .video-testimonial .testimonial-content{height: auto} .testimonial-item{position: relative;} /*================= Carousel Gallery End ======================*/ /* Blocks End ------------------------------------------------------------------------------- */ /* Blog Start ------------------------------------------------------------------------------- */ .featured-post .report-thumb div {height: 100%} .blog-page .label{text-transform: capitalize;} .category-navigation .btn{font-size: 1.125em; padding: var(--space-xs) var(--space-s);text-transform: capitalize;} .alm-btn-wrap{text-align: left; margin-top: var(--space-xl);} /* Blog End ------------------------------------------------------------------------------- */ /* Single Blog Start ------------------------------------------------------------------------------- */ .social-share h6{width: auto;} .post-content-wrap a{color: inherit; text-decoration: underline;} .social-share{padding-top: 36px; border-top: solid 1px var(--grey-2);} .post-content-wrap em{font-style: italic;} /* Single Blog End ------------------------------------------------------------------------------- */ /* ======================= Footer ======================= */ .footer-section{overflow: hidden;} .footer-inner{float: left; width: 100%;} .footer-col-item h6{font-size: 1em; line-height: 1.4; margin-bottom: 14px;} .footer-col-item ul li {padding-bottom: 14px;} .footer-col-item ul li{line-height: normal;} .footer-col-item ul li a{font-size: 1em; line-height: 1.4; color: inherit;} .footer-col-item .bolded-menu li a{font-weight: var(--font-semi-bold);} .footer-bottom .disclaimers p, .footer-bottom .disclaimers a{font-size: 1em; line-height: 1.4; color: inherit;} .footer-bottom .disclaimers ul li{margin-left: var(--space-s);} .footer-bottom{float: left; width: 100%; } .disclaimers p, .policy-content{display: inline-block;} .footer-bottom .social-wrap img{max-height: 22px;} .footer-bottom .social-wrap a:not(:last-child){margin-right: 20px;} .footer-section a{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .footer-section a:hover{color: var(--lblue);} .footer-logos img{max-height: 70px;} .footer-logos img:not(:first-child){margin-left: var(--space-s);} .newsletter{max-width: 467px} .newsletter .gform_wrapper.gravity-theme .gform_fields{grid-column-gap: var(--space-m);grid-row-gap: var(--space-m);} .newsletter .gform_wrapper.gravity-theme input[type=email]{padding: 12px 0; font-size: 0.8125em} .newsletter input[type="submit"]{border: solid 1px var(--white);background-color: var(--white); color: var(--brand);} .newsletter input[type="submit"]:hover{background-color: transparent; color: var(--white);} .newsletter ::-webkit-input-placeholder {color: var(--grey-4);} .newsletter ::-moz-placeholder {color: var(--grey-4);} .newsletter :-ms-input-placeholder {color: var(--grey-4);} .newsletter :-moz-placeholder {color: var(--grey-4);} /* ======================= Footer ======================= */ body.single-report .heading-text-block-section .page-container, body.single-report .post-content-wrap .med-container .heading-text-block-section{ padding:0px !important; } body.single-report .heading-text-block-section .page-container .lg\:grid-container-full { grid-template-columns: none; } body.single-report .post-content-wrap .med-container{ display: flex; flex-direction: column; } .error-404-page{height: calc(100vh - 64px)} /*.maintenance > .main-container:after{display: none} .page-template-templateswpmm-page-template-php:before{height: 100%;background-image: url(/wp-content/themes/base-theme/assets/img/TN.webp); background-repeat: no-repeat; background-size: cover;content: ''; position: absolute; top: 0; width: 100%; background-position: center;}*/ .call-to-action-section .lead-section p, .accordion-section .lead-section p, .hero-boxes-section .lead-section p, .image-text-block-section .grid-item :last-child{margin-bottom: 0;} /* Subscribe Form Page */ body.subscribe .newsletterfrom .selectric .label {color: inherit; outline:none;} body.subscribe .newsletterfrom input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]), body.subscribe .newsletterfrom textarea, body.subscribe .newsletterfrom .selectric {font-size:1em; outline:none;} body.subscribe .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"]:checked + label:before, body.subscribe .gform_wrapper.gravity-theme .ginput_container_consent label:after {display:none !Important;} body.subscribe .gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"] {display: block !important;position: absolute;} body.subscribe .gform_wrapper.gravity-theme .ginput_container_consent label {padding-left: 23px;top: -3px;} /* Logo Text */ .logo-text .image-mask-default{position:relative;} .logo-text .aspect-ratio-3-2 { position: relative; width: 100%; padding-top: 0; display: flex; align-items: center; justify-content: center; height: 100%; } .logo-text .md-lg\:grid-container-2{ display: flex; align-items: center; justify-content: space-between; } .logo-text .logo-section{width:20%;} .logo-text .text-section{width:80%;} .logo-text .grid-container{ border-bottom:1px solid #c7c7c7; } .logo-text .grid-container:last-child{border:0px;} /* ======================================================================================================= ============================================ Responsive style ========================================== */ /* Mobile Layout global: 320px and 767px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;} /* Default Layout Start ------------------------------------------------------------------------------- */ .xs\:margin-xxl{margin: var(--space-xxl)} /* ======================= Buttons Start ======================= */ /*.btn-large{min-width: 100%;} .combo-btn .btn{width: 100%;}*/ /* ======================= Buttons End ======================= */ /* ======================= Containers Start ======================= */ .sml-container{max-width: 100%;} /* ======================= Containers Start ======================= */ /* ======================= Gutenberg style override Start ======================= */ .wp-block-column:not(:first-child){margin-left: 0;} /* ======================= Gutenberg style override End ======================= */ .gform_wrapper.gravity-theme .gfield.gfield--width-half{ -ms-grid-column-span: 12;grid-column: span 12;} .form-wrapper .gform_wrapper.gravity-theme .gfield input.datepicker{min-width: 100%;} /* Default Layout End ------------------------------------------------------------------------------- */ /* Header Start ------------------------------------------------------------------------------- */ .header-section .phone-nav{display: block;} .logo-wrap{width: 100%; position: relative; z-index: 6;} .header-section nav > ul > li{display: block; padding: 0} .header-section nav > ul > li > a{border-bottom: var(--white) solid 1px; padding: var(--space-base) 0;} .header-section nav > ul > li:not(.mega-menu .menu-column li):not(.sub-menu li){padding: 0} .nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;} .nav-buttons a:first-child{margin-bottom: 20px;} body.navShown{overflow-y: hidden} .navShown .phone-nav div{opacity: 0} /* .navShown .phone-nav div {transform: rotate(45deg); top: 7px;}*/ /* .navShown .phone-nav div:before {transform: rotate(-90deg); top: -6px; transition: .3s ease}*/ /* .navShown .phone-nav div:after{display: none;}*/ .nav-wrap{display: block; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; right: -150%; margin-top: 60px; padding: 30px 24px 30px; overflow-y: auto; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; z-index: -1;} .navShown .nav-wrap{right: 0;} .nav-inner{height: 100vh;} .header-section nav ul li{width: 100%} .header-section nav ul li a{width: 100%} .main-nav li.menu-item-has-children a:after{float: right;} .header-section nav ul.sub-menu{padding: 12px 0} .header-section nav ul.sub-menu li{padding: var(--space-s) 0;} div.menu-column p{margin-bottom: 0; font-size: 1em} /* Header End ------------------------------------------------------------------------------- */ /* Blocks Start ------------------------------------------------------------------------------- */ /* ======================= Page Header Start ======================= */ .page-header-text-img-block .page-header-image{position: relative;width: 100%;padding-top: 100%; z-index: 2} /*.page-header-text-img-block .gutter{column-gap: 0;} .grid-container.row-rev .grid-item:first-child{grid-column: unset;} .page-header-section .grid-item{text-align: center;} .page-header-section img, .call-to-action-section .grid-item img, .image-text-block-section .grid-item img, .image-mask-container{width: 100%;} .page-header-section .btn-wrap, .image-text-block-section .btn-wrap, .btn-wrap.combo-btn{flex-flow: column;} .page-header-section .btn-wrap .btn:not(:first-child), .image-text-block-section .btn-wrap .btn:not(:first-child), .btn-wrap.combo-btn .btn:not(:first-child){margin-top: 20px} *//* ======================= Page Header End ======================= */ /* ======================= Code Embed Start ======================= */ .code-embed-block-section .image-mask-container.image-mask-none > iframe, .code-embed-block-section .image-mask-container.image-mask-none > div, .contact-details-block-section .code-embed-wrapper .image-mask-container.image-mask-none > iframe, .contact-details-block-section .code-embed-wrapper .image-mask-container.image-mask-none{width: 100%;} /* ======================= Cde Embed End ======================= */ /* ======================= Hero Boxes Start ======================= */ .hero-slider-two-column, .hero-slider-three-column, .hero-slider-four-column{margin: 0;} /*.hero-slider-two-column .herobox-item, .hero-slider-four-column .herobox-item{padding-left: var(--space-xl); padding-right: var(--space-xl);}*/ .hero-slider-two-column .herobox-item, .hero-slider-three-column .herobox-item, .hero-slider-four-column .herobox-item{padding-left: var(--space-s); padding-right: var(--space-s);} .herobox-slider .slick-next, .herobox-slider .slick-prev{right: calc(50% - 28px); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);transform: translate(50%, -50%);} .herobox-slider .slick-prev{right: calc(50% + 28px);} .mobi-hero-slider-four-column .slick-list{padding-left: var(--space-base);} .mobi-hero-slider-four-column .herobox-item{padding-right: 20px} .herobox-slider .slick-track{display: flex;} .herobox-slider .slick-slide{height: inherit; margin-right: 10px} .herobox-slider .herobox-item, .herobox-slider .slick-slide > div{height: 100%} .mobi-hero-slider-four-column {padding-bottom: 0} /*Layouts*/ .card-left-aligned-layout .herobox-content{text-align: left;} /*Layouts*/ /*Layouts*/ .card-boxed-layout .herobox-item-img img{height: 200px;} /*Layouts*/ /* ======================= Hero Boxes End ======================= */ /* ======================= Logo Bar Start ======================= */ .inline-container .logo-bar-img-wrap{column-gap: 0px;row-gap: var(--space-m);} .inline-container .logo-item{ flex-basis: 33.33333%} .inline-container .logo-item:nth-child(3n+3){text-align: right} .inline-container .logo-item:nth-child(3n+2){text-align: center} .logo-grid-wrap .logo-item{width: 45%;} .global-call-to-action-section .logo-item {width: auto} .global-call-to-action-section .logo-item img{max-width: 86px} /* ======================= Logo Bar End ======================= */ /* ======================= Resources Start ======================= */ .partner-carousel .slick-list{padding-left: 16px; padding-right: 24.8%} /* ======================= Resources End ======================= */ /* ======================= Call to Action Start ======================= */ /* .call-to-action-section .grid-item:first-child{grid-column: unset; grid-row: 2;}*/ /* ======================= Call to Action End ======================= */ /* ======================= Testimonial Start ======================= */ .testimonial-carousel.slick-dotted.slick-slider{margin-bottom: 0;padding-bottom: 46px;} .testimonial-carousel .slider-gutter-l{padding: 0;} /* ======================= Testimonial End ======================= */ .featured-report-slider .slick-dots{text-align: right;} .featured-report-slider .slick-prev, .featured-report-slider .slick-next{top: auto; bottom: -21px} .featured-report-slider .slick-next{left: 40px} .report-slide-item .grid-container{height: auto;} .annual-inner h2 { text-align: left; } .portfolio-tab-trigger ul li { display: inline-block; margin: 0 12px 12px 0px; } .portfolio-tab-trigger ul{display: block;} .sub-heading{font-size: 20px; line-height: normal;} .medium-text{font-size: 16px; line-height: normal;} .portfolio-btn a {font-size: 16px;} .portfolio-btn{justify-content: start;} .image-text-block-section .grid-container.row-rev{grid-auto-flow: auto;} .image-text-block-section .grid-container.row-rev .grid-item:not(.hero-top .grid-item):first-child{grid-column: unset} .carousel-inline-gallery {margin-left: -10px; margin-right: -10px} /* Blocks End ------------------------------------------------------------------------------- */ .blog-page .post-item-content, .blog-page .post-content{height: auto;} .blog-page .post-img img{height: 170px;} /* Blog Start ------------------------------------------------------------------------------- */ /* Blog End ------------------------------------------------------------------------------- */ /* Single Blog Start ------------------------------------------------------------------------------- */ /* Single Blog End ------------------------------------------------------------------------------- */ /* ======================= Footer Start ======================= */ .disclaimers p{display: block;} /* ======================= Footer End ======================= */ } /* Mobile Landscape: 320px and 479px and more but less than or equal to 479px. ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* Default Layout Start ------------------------------------------------------------------------------- */ /* ======================= Buttons Start ======================= */ /*.btn{min-width: 100%;} .btn-small{min-width: auto;}*/ .combo-btn {flex-flow: column; align-items: center;} .combo-btn .btn{margin-right: 0} /* ======================= Buttons End ======================= */ /* ======================= Gutenberg style override Start ======================= */ .wp-block-column:not(:first-child){margin-left: 0; /*margin-top: 30px*/} .wp-block-column .wp-block-image img{min-height: 260px; height: 72.22222vw;} /* ======================= Gutenberg style override End ======================= */ /* Default Layout End ------------------------------------------------------------------------------- */ .logo-text .md-lg\:grid-container-2{ flex-direction:column; } .logo-text .logo-section{ width:80%; padding:2em 0; } .logo-text .text-section{ width:96%; } /* Blocks Start ------------------------------------------------------------------------------- */ /* ======================= Double Call to Action Start ======================= */ /*.double-call-to-action-section .wp-block-columns .wp-block-column:not(:first-child){margin-top: 20px;}*/ /* ======================= Double Call to Action End ======================= */ /* Blocks End ------------------------------------------------------------------------------- */ } /* Mobile Landscape: 480px and 767px and more but less than or equal to 767px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Default Layout Start ------------------------------------------------------------------------------- */ /* Blocks End ------------------------------------------------------------------------------- */ } @media only screen and (min-width: 600px) and (max-width: 767px){ /* Default Layout Start ------------------------------------------------------------------------------- */ /* ======================= Gutenberg style override Start ======================= */ .wp-block-column:not(:only-child){flex-basis: 100% !important;} /* ======================= Gutenberg style override End ======================= */ /* Default Layout End ------------------------------------------------------------------------------- */ } /* Tablet Portrait: 768px and 991px and more but less than or equal to 991px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { /* Default Layout Start ------------------------------------------------------------------------------- */ /* ======================= Global style Start ======================= */ h1{font-size: 2.5em; margin-bottom: var(--space-m);} h2{font-size: 2em; margin-bottom: var(--space-base);} h3{font-size: 1.625em; margin-bottom: var(--space-base);} h4{font-size: 1.375em; margin-bottom: var(--space-base);} p{font-size: 1em; } .desk{display: none;} .tablet{display: block;} .mobi{display: none} /* ======================= Global style End ======================= */ /* ======================= Spacing Start ======================= */ /*Margin*/ .margin-section{margin: 60px 0;} .margin-container{margin: 40px 0;} .md\:margin-xxl{margin: var(--space-xxl)} .md\:margin-xl{margin: var(--space-xl)} .md\:margin-l{margin: var(--space-l)} .md\:margin-m{margin: var(--space-m)} .md\:margin-base{margin: var(--space-base)} .md\:margin-s{margin: var(--space-s)} .md\:margin-xs{margin: var(--space-xs)} .md\:margin-top-xxl{margin-top: var(--space-xxl)} .md\:margin-top-xl{margin-top: var(--space-xl)} .md\:margin-top-l{margin-top: var(--space-l)} .md\:margin-top-m{margin-top: var(--space-m)} .md\:margin-top-base{margin-top: var(--space-base)} .md\:margin-top-s{margin-top: var(--space-s)} .md\:margin-top-xs{margin-top: var(--space-xs)} .md\:margin-bottom-xxl{margin-bottom: var(--space-xxl)} .md\:margin-bottom-xl{margin-bottom: var(--space-xl)} .md\:margin-bottom-l{margin-bottom: var(--space-l)} .md\:margin-bottom-m{margin-bottom: var(--space-m)} .md\:margin-bottom-base{margin-bottom: var(--space-base)} .md\:margin-bottom-s{margin-bottom: var(--space-s)} .md\:margin-bottom-xs{margin-bottom: var(--space-xs)} .md\:margin-left-xxl{margin-left: var(--space-xxl)} .md\:margin-left-xl{margin-left: var(--space-xl)} .md\:margin-left-l{margin-left: var(--space-l)} .md\:margin-left-m{margin-left: var(--space-m)} .md\:margin-left-base{margin-left: var(--space-base)} .md\:margin-left-s{margin-left: var(--space-s)} .md\:margin-left-xs{margin-left: var(--space-xs)} .md\:margin-right-xxl{margin-right: var(--space-xxl)} .md\:margin-right-xl{margin-right: var(--space-xl)} .md\:margin-right-l{margin-right: var(--space-l)} .md\:margin-right-m{margin-right: var(--space-m)} .md\:margin-right-base{margin-right: var(--space-base)} .md\:margin-right-s{margin-right: var(--space-s)} .md\:margin-right-xs{margin-right: var(--space-xs)} .md\:margin-y-xxl{margin: var(--space-xxl) 0} .md\:margin-y-xl{margin: var(--space-xl) 0} .md\:margin-y-l{margin: var(--space-l) 0} .md\:margin-y-m{margin: var(--space-m) 0} .md\:margin-y-base{margin: var(--space-base) 0} .md\:margin-y-s{margin: var(--space-s) 0} .md\:margin-y-xs{margin: var(--space-xs) 0} .md\:margin-x-xxl{margin: 0 var(--space-xxl)} .md\:margin-x-xl{margin: 0 var(--space-xl)} .md\:margin-x-l{margin: 0 var(--space-l)} .md\:margin-x-m{margin: 0 var(--space-m)} .md\:margin-x-base{margin: 0 var(--space-base)} .md\:margin-x-s{margin: 0 var(--space-s)} .md\:margin-x-xs{margin: 0 var(--space-xs)} .md\:mb-20{margin-bottom: 20px;} .md\:mt-24{margin-top: var(--space-m);} .md\:mt-36{margin-top: 36px;} .md\:margin-top-none{margin-top: 0} /*Padding*/ .page-container{padding: 0 36px;} .padding-section{padding: 60px 0;} .padding-top-section{padding-top: 60px;} .padding-container{padding: 40px 0;} .padding-spacer-top { padding-top: 40px;} .gutter{gap: 50px;} .grid-m {gap: 20px;} .md\:padding-spacer-top{padding-top: 40px;} .md\:padding-spacer-bottom{padding-bottom: 40px;} .md\:padding-spacer-left{padding-left: 40px;} .md\:padding-spacer-right{padding-right: 40px;} .md\:padding-xxl{padding: var(--space-xxl)} .md\:padding-xl{padding: var(--space-xl)} .md\:padding-l{padding: var(--space-l)} .md\:padding-m{padding: var(--space-m)} .md\:padding-base{padding: var(--space-base)} .md\:padding-s{padding: var(--space-s)} .md\:padding-xs{padding: var(--space-xs)} .md\:padding-y-xxl{padding: var(--space-xxl) 0} .md\:padding-y-xl{padding: var(--space-xl) 0} .md\:padding-y-l{padding: var(--space-l) 0} .md\:padding-y-m{padding: var(--space-m) 0} .md\:padding-y-base{padding: var(--space-base) 0} .md\:padding-y-s{padding: var(--space-s) 0} .md\:padding-y-xs{padding: var(--space-xs) 0} .md\:padding-x-xxl{padding: 0 var(--space-xxl)} .md\:padding-x-xl{padding: 0 var(--space-xl)} .md\:padding-x-l{padding: 0 var(--space-l)} .md\:padding-x-m{padding: 0 var(--space-m)} .md\:padding-x-base{padding: 0 var(--space-base)} .md\:padding-x-s{padding: 0 var(--space-s)} .md\:padding-x-xs{padding: 0 var(--space-xs)} .md\:padding-top-xxl{padding-top: var(--space-xxl)} .md\:padding-top-xl{padding-top: var(--space-xl)} .md\:padding-top-l{padding-top: var(--space-l)} .md\:padding-top-m{padding-top: var(--space-m)} .md\:padding-top-base{padding-top: var(--space-base)} .md\:padding-top-s{padding-top: var(--space-s)} .md\:padding-top-xs{padding-top: var(--space-xs)} .md\:padding-bottom-xxl{padding-bottom: var(--space-xxl)} .md\:padding-bottom-xl{padding-bottom: var(--space-xl)} .md\:padding-bottom-l{padding-bottom: var(--space-l)} .md\:padding-bottom-m{padding-bottom: var(--space-m)} .md\:padding-bottom-base{padding-bottom: var(--space-base)} .md\:padding-bottom-s{padding-bottom: var(--space-s)} .md\:padding-bottom-xs{padding-bottom: var(--space-xs)} .md\:padding-left-xxl{padding-left: var(--space-xxl)} .md\:padding-left-xl{padding-left: var(--space-xl)} .md\:padding-left-l{padding-left: var(--space-l)} .md\:padding-left-m{padding-left: var(--space-m)} .md\:padding-left-base{padding-left: var(--space-base)} .md\:padding-left-s{padding-left: var(--space-s)} .md\:padding-left-xs{padding-left: var(--space-xs)} .md\:padding-right-xxl{padding-right: var(--space-xxl)} .md\:padding-right-xl{padding-right: var(--space-xl)} .md\:padding-right-l{padding-right: var(--space-l)} .md\:padding-right-m{padding-right: var(--space-m)} .md\:padding-right-base{padding-right: var(--space-base)} .md\:padding-right-s{padding-right: var(--space-s)} .md\:padding-right-xs{padding-right: var(--space-xs)} .md\:pt-0{padding-top: 0px;} .md\:pl-10{padding-left: 10px;} .md\:pr-10{padding-right: 10px;} .md\:px-10{padding: 0 10px;} .md\:pt-20{padding-top: 20px;} .md\:pb-20{padding-bottom: 20px;} .md\:p-24{padding: 24px;} .md\:px-24{padding: 0 24px;} .md\:pt-24{padding-top: 24px;} .md\:p-32{padding: 32px;} .md\:pl-32{padding-left: 32px;} .md\:pb-40{padding-bottom: 40px;} .md\:py-40{padding: 40px 0;} .md\:px-48{padding: 0 48px;} .md\:py-60{padding: 60px 0;} .md\:padding-none{padding: 0;} .md\:padding-top-none{padding-top: 0;} .md\:padding-bottom-none{padding-bottom: 0;} .md\:padding-left-none{padding-left: 0;} .md\:padding-right-none{padding-right: 0;} /* ======================= Spacing End ======================= */ /* ======================= Text Properties Start ======================= */ .md\:txt-ctr{text-align: center;} /* ======================= Text Properties End ======================= */ /* ======================= Flexbox Start ======================= */ .md\:flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;} .md\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .md\:flex-y-align{-webkit-box-align: center; align-items: center;} .md\:flex-row{flex-flow: row wrap;} .md\:flex-col{flex-flow: column;} .md\:flex-nowrap{flex-wrap: nowrap;} .md\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .md\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .md\:flex-y-align{-webkit-box-align: center; align-items: center;} /* ======================= Flexbox End ======================= */ /* ======================= Grid Start ======================= */ .md\:grid-container-one{grid-template-columns: repeat(1, minmax(0, 1fr));} .md\:grid-container-2{grid-template-columns: repeat(2, minmax(0, 1fr));} .md\:grid-container-3{grid-template-columns: repeat(3, 1fr);} .md\:grid-container-4{grid-template-columns: repeat(4,1fr);} .grid-container-2{grid-template-rows: auto} .grid-container-6{grid-template-columns: repeat(3, minmax(0, 1fr));} .slider-gutter-l{padding-left: 25px; padding-right: 25px;} .md\:grid-full{grid-column: span 12;} .md\:grid{gap: var(--space-l)} /*.slider-gutter-m{padding-left: 10px; padding-right: 10px;} .slider-gutter-s{padding-left: 10px; padding-right: 10px;}*/ /* ======================= Grid End ======================= */ .slick-prev{left:36px} .slick-next{left:76px } /* ======================= Containers Start ======================= */ .sml-container{max-width: 100%;} /* ======================= Containers End ======================= */ /* ======================= General Page Start ======================= */ .page-content-wrap{margin-top: var(--space-xxl);} /* ======================= General Page End ======================= */ /* ======================= Gutenberg style override Start ======================= */ .wp-block-column:not(:first-child){margin-left: 5.992509363%;} /* ======================= Gutenberg style override End ======================= */ /* Default Layout End ------------------------------------------------------------------------------- */ /* Header Start ------------------------------------------------------------------------------- */ .header-section .phone-nav{display: block;} .logo-wrap{width: 100%; position: relative; z-index: 6;} .header-section nav > ul > li{display: block; padding: 0} .header-section nav > ul > li > a{border-bottom: var(--white) solid 1px; padding: var(--space-base) 0;} .header-section nav > ul > li:not(.mega-menu .menu-column li):not(.sub-menu li){padding: 0} .nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;} .nav-buttons a:first-child{margin-bottom: 20px;} body.navShown{overflow-y: hidden} /* .navShown .phone-nav div {transform: rotate(45deg); top: 7px;}*/ /* .navShown .phone-nav div:before {transform: rotate(-90deg); top: -6px; transition: .3s ease}*/ /* .navShown .phone-nav div:after{display: none;}*/ .nav-wrap{display: block; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0;right: -150%; margin-top: 60px; padding: 95px 36px 30px; overflow-y: auto; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; z-index: -1;} .navShown .nav-wrap{right: 0;padding: 30px 24px 30px;} .nav-inner{height: 100vh;} .header-section nav ul li{width: 100%} .header-section nav ul li a{width: 100%} .main-nav li.menu-item-has-children a:after{float: right;} .header-section nav ul.sub-menu{padding: 12px 0} .header-section nav ul.sub-menu li{padding: var(--space-s) 0;} div.menu-column p{margin-bottom: 0; font-size: 1em} .mega-menu .page-container{padding: 0} /* Header End ------------------------------------------------------------------------------- */ /* Blocks Start ------------------------------------------------------------------------------- */ /* ======================= Page Header Start ======================= */ .page-header-text-img-block .page-header-image{position: relative;width: 100%;padding-top: 100%; z-index: 2} /*.page-header-text-img-block .grid-container-2{grid-template-columns: repeat(1, 1fr);} .page-header-text-img-block .gutter{column-gap: 0;} .page-header-text-img-block .grid-container.row-rev .grid-item:first-child{grid-column: unset;} .page-header-section .grid-item{text-align: center;} .page-header-section img{width: 100%;}*/ /* ======================= Page Header Start ======================= */ .image-text-block-section .wp-block-columns{flex-wrap: nowrap;} /* ======================= Page Header End ======================= */ /* ======================= Hero Boxes Start ======================= */ /*.herobox-item-img img{height: 160px;}*/ .hero-grid-three-column {grid-template-columns: repeat(1, minmax(0, 1fr));} .hero-grid-three-column .herobox-content{text-align: left; display: inline-block;} .hero-grid-three-column .herobox-item-img{max-width: 172px; width: 100%;} .hero-grid-three-column .herobox-item-img-wrap{max-width: 140px; display: inline-block; width: 100%;} .herobox-grid.grid-container-4-equal{grid-template-columns: repeat(2, minmax(0, 1fr));} .hero-slider-three-column{overflow: hidden; padding-right: 132px;} .hero-slider-two-column, .hero-slider-four-column{overflow: hidden; padding-right: 172px;} .hero-slider-two-column .slick-list, .hero-slider-three-column .slick-list, .hero-slider-four-column .slick-list{overflow: visible;} .hero-slider-four-column, .hero-slider-three-column, .hero-slider-two-column{margin: 0 -10px} .hero-slider-four-column .herobox-item, .hero-slider-three-column .herobox-item, .hero-slider-two-column .herobox-item{padding-left: 10px; padding-right: 10px;} /*.herobox-carousel .slick-dots{bottom: 0}*/ .herobox-slider .slick-next{right: 46px;} .herobox-slider .slick-prev{right: 102px;} /*Layouts*/ .hero-grid-three-column.card-left-aligned-layout .herobox-item-img{max-width: 152px; width: 100%;} .card-left-aligned-layout .herobox-content{text-align: left;} /*Layouts*/ /*Layouts*/ .hero-grid-three-column.card-boxed-layout .herobox-item-img {height: 100%; max-width: 220px; width: 100%;} .hero-grid-three-column.card-boxed-layout .herobox-item-img picture, .hero-grid-three-column.card-boxed-layout .herobox-item-img figure{max-width: 100%; height: 100%;} .hero-grid-three-column.card-boxed-layout .herobox-item-img img{height: 100%;} /*Layouts*/ /* ======================= Hero Boxes End ======================= */ /* ======================= Resources Start ======================= */ .resources-item .icon-link .desk{display: block;} /* ======================= Resources End ======================= */ .carousel-gallery{padding-left: 26px} .carousel-item img:not(.carousel-inline-gallery img):not(.testimonial-thumb img):not(.play-btn img) {height: 25.348vw; min-height: 365px} .carousel-inline-gallery {margin-left: -10px; margin-right: -10px} .logo-grid-wrap .logo-item {width: 22.8%; min-height: 83px} .logo-grid-wrap .logo-item img{max-height: 56px} /* Blocks End ------------------------------------------------------------------------------- */ /* Blog Start ------------------------------------------------------------------------------- */ .blog-page .post-img img{height: 170px;} /* Blog End ------------------------------------------------------------------------------- */ /* Single Blog Start ------------------------------------------------------------------------------- */ /* Single Blog End ------------------------------------------------------------------------------- */ /* ======================= Footer Start ======================= */ /* ======================= Footer End ======================= */ } /* Desktop and Tablet Screens: CSS applying to all sizes bigger than 769px and bigger screens. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) { /* ======================= Grid Start ======================= */ .md-lg\:grid-container-one{grid-template-columns: repeat(1, minmax(0, 1fr));} .md-lg\:grid-container-2{grid-template-columns: repeat(2, minmax(0, 1fr));} .md-lg\:grid-container-3{grid-template-columns: repeat(3, 1fr);} .md-lg\:grid-container-4{grid-template-columns: repeat(4,1fr);} .md-lg\:grid-full{grid-column: span 12;} .md-lg\:grid{gap: var(--space-l)} .md-lg\:grid-m{gap: var(--space-m)} /*.slider-gutter-m{padding-left: 10px; padding-right: 10px;} .slider-gutter-s{padding-left: 10px; padding-right: 10px;}*/ /* ======================= Grid End ======================= */ /* ======================= Flexbox Start ======================= */ .md-lg\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex} .md-lg\:flex-row{-webkit-flex-flow: row wrap; flex-flow: row wrap;} .md-lg\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .md-lg\:flex-y-align{-webkit-box-align: center; align-items: center;} .md-lg\:flex-justify-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .md-lg\:flex-justify-end{justify-content: flex-end;} .md-lg\:flex-content-align-space-between{-webkit-align-content: space-between; -moz-align-content: space-between; align-content: space-between;} /* ======================= Flexbox End ======================= */ } /* Tablet and Desktop only styles ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 992px) { /* ======================= Global style Start ======================= */ h1{font-size: 4.375em ;margin-bottom: var(--space-l);} h2{font-size: 3.25em; margin-bottom: var(--space-l);} h3{font-size: 2.8125em;margin-bottom: var(--space-m); line-height: 1.1} h4, .h4{font-size: 2em;margin-bottom: var(--space-m); line-height: 1.1} h5{font-size: 1.5em; margin-bottom: var(--space-base);} h6{font-size: 1.25em; margin-bottom: var(--space-s);} p{margin-bottom: var(--space-m); font-size: 1.25em; line-height: 1.2} dfn, address, em{font-style: normal;} label, input[type="submit"], .accordion-title:hover{cursor: pointer;} button:focus{outline: none;} .lead-text{font-size: 1.5em; line-height: normal;} .med-text{font-size: 1.125em; line-height: normal;} .sml-text{font-size: 1em;} .xsml-text{font-size: 0.875em;} blockquote p{font-size: 1.5em; } blockquote cite{font-size: 1.25em; } ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.label-inactive):not(.selectric-items li):not(.portfolio-tab-trigger li):not(.category-navigation li), ol li{margin-bottom: var(--space-l); font-size: 1.25em; } .med-text ol li, .sml-text p{font-size: inherit;} /* ======================= Global style End ======================= */ .mobi, .tablet{display: none} .desk{display: block} /* ======================= Spacing Start ======================= */ /*Margin*/ .margin-section{margin: 90px 0;} .margin-container{margin: 50px 0;} .margin-bottom-section{margin-bottom: var(--space-xxl);} /*Padding*/ .page-container{padding: 0 60px;} .padding-section{padding: var(--space-xxl) 0;} .padding-container{padding: var(--space-xl) 0;} .padding-spacer-top{padding-top: 40px;} .padding-spacer-bottom{padding-bottom: 40px;} .padding-spacer-left{padding-left: 40px;} .padding-spacer-right{padding-right: 40px;} .padding-spacer-y{padding: 40px 0} .lg\:margin-xxl{margin: var(--space-xxl)} .lg\:margin-xl{margin: var(--space-xl)} .lg\:margin-l{margin: var(--space-l)} .lg\:margin-m{margin: var(--space-m)} .lg\:margin-base{margin: var(--space-base)} .lg\:margin-s{margin: var(--space-s)} .lg\:margin-xs{margin: var(--space-xs)} .lg\:margin-bottom-xs{margin-bottom: var(--space-xs);} .lg\:margin-none{margin: 0} .lg\:margin-top-none{margin-top: 0} .lg\:padding-xxl{padding: var(--space-xxl)} .lg\:padding-xl{padding: var(--space-xl)} .lg\:padding-l{padding: var(--space-l)} .lg\:padding-m{padding: var(--space-m)} .lg\:padding-base{padding: var(--space-base)} .lg\:padding-s{padding: var(--space-s)} .lg\:padding-xs{padding: var(--space-xs)} .lg\:padding-y-xxxl{padding: var(--space-xxxl) 0} .lg\:padding-y-xxl{padding: var(--space-xxl) 0} .lg\:padding-y-xl{padding: var(--space-xl) 0} .lg\:padding-y-l{padding: var(--space-l) 0} .lg\:padding-y-m{padding: var(--space-m) 0} .lg\:padding-y-base{padding: var(--space-base) 0} .lg\:padding-y-s{padding: var(--space-s) 0} .lg\:padding-y-xs{padding: var(--space-xs) 0} .lg\:padding-x-xxl{padding: 0 var(--space-xxl)} .lg\:padding-x-xl{padding: 0 var(--space-xl)} .lg\:padding-x-l{padding: 0 var(--space-l)} .lg\:padding-x-m{padding: 0 var(--space-m)} .lg\:padding-x-base{padding: 0 var(--space-base)} .lg\:padding-x-s{padding: 0 var(--space-s)} .lg\:padding-x-xs{padding: 0 var(--space-xs)} .lg\:padding-top-5xl{padding-top: var(--space-5xl)} .lg\:padding-top-xxxxl{padding-top: var(--space-xxxxl)} .lg\:padding-top-xxxl{padding-top: var(--space-xxxl)} .lg\:padding-top-xxl{padding-top: var(--space-xxl)} .lg\:padding-top-xl{padding-top: var(--space-xl)} .lg\:padding-top-l{padding-top: var(--space-l)} .lg\:padding-top-m{padding-top: var(--space-m)} .lg\:padding-top-base{padding-top: var(--space-base)} .lg\:padding-bottom-xxxxl{padding-bottom: var(--space-xxxxl)} .lg\:padding-bottom-xxxl{padding-bottom: var(--space-xxxl)} .lg\:padding-bottom-xxl{padding-bottom: var(--space-xxl)} .lg\:padding-bottom-xl{padding-bottom: var(--space-xl)} .lg\:padding-bottom-l{padding-bottom: var(--space-l)} .lg\:padding-bottom-m{padding-bottom: var(--space-m)} .lg\:padding-bottom-base{padding-bottom: var(--space-base)} .lg\:padding-bottom-s{padding-bottom: var(--space-s)} .lg\:padding-bottom-xs{padding-bottom: var(--space-xs)} .lg\:padding-right-xxxxl{padding-right: var(--space-xxxxl)} .lg\:padding-right-xxxl{padding-right: var(--space-xxxl)} .lg\:padding-right-xxl{padding-right: var(--space-xxl)} .lg\:padding-right-xl{padding-right: var(--space-xl)} .lg\:padding-right-l{padding-right: var(--space-l)} .lg\:padding-right-m{padding-right: var(--space-m)} .lg\:padding-right-base{padding-right: var(--space-base)} .lg\:padding-right-s{padding-right: var(--space-s)} .lg\:padding-right-xs{padding-right: var(--space-xs)} .lg\:padding-left-xxxxl{padding-left: var(--space-xxxxl)} .lg\:padding-left-xxxl{padding-left: var(--space-xxxl)} .lg\:padding-left-xxl{padding-left: var(--space-xxl)} .lg\:padding-left-xl{padding-left: var(--space-xl)} .lg\:padding-left-l{padding-left: var(--space-l)} .lg\:padding-left-m{padding-left: var(--space-m)} .lg\:padding-left-base{padding-left: var(--space-base)} .lg\:padding-left-s{padding-left: var(--space-s)} .lg\:padding-left-xs{padding-left: var(--space-xs)} .lg\:padding-none{padding: 0} .lg\:padding-top-none{padding-top: 0} .lg\:padding-bottom-none {padding-bottom: 0} .lg\:padding-right-none {padding-right: 0} .lg\:padding-left-none {padding-left: 0} /* ======================= Spacing End ======================= */ /* ======================= Text Properties Start ======================= */ .lg\:txt-ctr{text-align: center;} .lg\:txt-l{text-align: left;} .lg\:txt-r{text-align: right;} /* ======================= Text Properties End ======================= */ /* ======================= Grid Start ======================= */ .lg\:grid-container{display: grid; grid-template-rows: auto auto 1fr;} .lg\:grid-row-auto{grid-template-rows: auto} .lg\:grid-container-2{grid-template-columns: repeat(2, minmax(0, 1fr));} .lg\:grid-container-3{grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-container-2-equal{grid-template-columns: repeat(2, minmax(0, 1fr));} .lg\:grid-container-3-equal{grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-container-4-equal{grid-template-columns: repeat(4, minmax(0, 1fr));} .lg\:grid-container-5{grid-template-columns: repeat(5, minmax(0, 1fr));} .lg\:grid-container-6{grid-template-columns: repeat(6, minmax(0, 1fr));} .lg\:grid-container-full{grid-template-columns: repeat(12,1fr);} .lg\:grid-container-4{grid-template-columns: repeat(4,1fr);} .lg\:grid-2{grid-column: span 2;} .lg\:grid-3{grid-column: span 3;} .lg\:grid-4{grid-column: span 4;} .lg\:grid-5{grid-column: span 5;} .lg\:grid-6{grid-column: span 6;} .lg\:grid-7{grid-column: span 7;} .lg\:grid-8{grid-column: span 8;} .lg\:grid-9{grid-column: span 9;} .lg\:grid-10{grid-column: span 10;} .lg\:grid-11{grid-column: span 11;} .gutter{column-gap: 80px;} .lg\:gutter-m{column-gap: 40px;} .grid, .lg\:grid{gap: var(--space-m);} .lg\:grid-m{gap: var(--space-m);} .lg\:grid-l{gap: var(--space-l);} .lg\:grid-xl{gap: var(--space-xl);} .lg\:grid-row-l{grid-row-gap: var(--space-l);} .lg\:grid-row-xl{grid-row-gap: var(--space-xl);} .lg\:grid-container.row-rev{grid-auto-flow: dense;} .lg\:grid-container.row-rev .grid-item:first-child{grid-column: 2;} .slider-gutter-l{padding-left: var(--space-xl); padding-right: var(--space-xl);} .slider-gutter-m{padding-left: 20px; padding-right: 20px;} .slider-gutter-s{padding-left: 12px; padding-right: 12px;} /* ======================= Grid End ======================= */ /* ======================= Flexbox Start ======================= */ .lg\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .lg\:flex-x-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .lg\:flex-y-align{-webkit-box-align: center; align-items: center;} .lg\:flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;} .lg\:flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;} .lg\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;} .lg\:flex-justify-end{-webkit-justify-content: flex-end; justify-content: flex-end;} .lg\:order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;} .lg\:order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;} .lg\:row-rev{flex-flow: row-reverse;} .lg\:flex-row{flex-flow: row wrap;} .lg\:flex-nowrap{flex-wrap: nowrap;} .lg\:flex-col{flex-flow: column;} .lg\:flex-gap{gap: 8px} .lg\:flex-gap-m{gap: var(--space-m)} .lg\:flex-gutter-gap{gap:80px} /* ======================= Flexbox End ======================= */ .btn{ font-size: 1.125em;} .btn-large{padding: 10px 32px; min-width: 180px;} .btn-small{padding: 8px 24px; min-width: 34px; font-size: 1em} .lg\:aspect-ratio-43-37 {position: relative;width: 100%;padding-top: 85.65%;} .form-wrapper .gform_wrapper.gravity-theme input[type=color], .form-wrapper .gform_wrapper.gravity-theme input[type=date], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime-local], .form-wrapper .gform_wrapper.gravity-theme input[type=datetime], .form-wrapper .gform_wrapper.gravity-theme input[type=email], .form-wrapper .gform_wrapper.gravity-theme input[type=month], .form-wrapper .gform_wrapper.gravity-theme input[type=number], .form-wrapper .gform_wrapper.gravity-theme input[type=password], .form-wrapper .gform_wrapper.gravity-theme input[type=search], .form-wrapper .gform_wrapper.gravity-theme input[type=tel], .form-wrapper .gform_wrapper.gravity-theme input[type=text], .form-wrapper .gform_wrapper.gravity-theme input[type=time], .form-wrapper .gform_wrapper.gravity-theme input[type=url], .form-wrapper .gform_wrapper.gravity-theme input[type=week], .form-wrapper .gform_wrapper.gravity-theme select, .form-wrapper .gform_wrapper.gravity-theme textarea, input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]), textarea, .selectric{font-size: 1em;} .gform_wrapper.gravity-theme .gform_fields, .gform_page_footer { grid-row-gap: var(--space-l);} .page-content-wrap .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .ginput_container_consent label, .gfield_html{font-size: 0.875em; line-height: 1.4;padding-left: 30px;} input[type="submit"]{ font-size: 1.125em;} .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {margin-top: var(--space-l);} .slick-next{left: calc(60px + 4.166666667%);} .slick-prev{left: 4.166666667%;} .slick-prev, .slick-next, .custom-arrow-navigation .prev, .custom-arrow-navigation .next{height: 48px; width: 48px;} .slick-next:before, .slick-prev:before, .custom-arrow-navigation .prev:before, .custom-arrow-navigation .next:before{height: 48px; width: 48px;} .slider-has-arrows{padding-bottom: 72px} .custom-arrow-navigation{padding-bottom:78px} .custom-arrow-navigation .prev, .custom-arrow-navigation .next{bottom: -23px} .custom-arrow-navigation .next{left: 60px} /* ======================= General Page Start ======================= */ .page-content-wrap{margin-top: 76px;} /* ======================= General Page End ======================= */ /* Header Start ------------------------------------------------------------------------------- */ .header-inner{padding:12px 0;} .header-section nav ul{padding: 0 10px} /* .header-section nav ul li:not(.mega-menu .menu-column li){}*/ .header-section nav > ul > li:not(.mega-menu .menu-column li):not(.sub-menu li){display: inline-block; padding: var(--space-base) var(--space-base) ;} .header-section nav .sub-menu li{display: inline-block; padding-bottom: 0} .header-section nav ul li a:hover{color: var(--lblue);} .main-nav li .sub-menu, .main-nav li .dropdown-menu {position: absolute; max-width: 280px;width: 100%; padding: 30px 16px; background-color: var(--brand);display: none; margin-left: -16px} .main-nav li:hover .sub-menu, .main-nav li:hover .dropdown-menu {display: block;} .main-nav li.menu-item-has-children:hover a:after{transform: rotate(180deg);background-image: url(/wp-content/themes/base-theme/assets/svg/assets/CaretDown-active.svg);} .promo-bar + .header-section{top: 30.8px} .main-nav .mega-menu-wrapper .sub-menu {padding: var(--space-xl) 80px; max-width: 100%; left: 0; margin-left: 0} .main-nav .mega-menu .sub-menu{padding: var(--space-xxxl) 0 var(--space-xxl); } .mega-menu .menu-column li{margin-bottom: var(--space-m); padding-right: var(--base);} div.menu-column{grid-column: span 4; padding-right: var(--space-xxl);} ul.menu-column{grid-column: span 8; display: flex; flex-flow: row wrap; justify-content: space-between;} .icon-container { height: 70px; width: 70px; margin-right: 20px} ul.menu-column li{width: 50%} ul.menu-column .has-icon img{max-height: 35px; max-width: 35px} /* Header End ------------------------------------------------------------------------------- */ .page-header-video-block, .page-header-text-img-block{position: relative;height: calc(100vh - 75px) } .hero_bottom img{height: 235px} .programme-hero_img-left{flex: 1; max-height: 235px} .programme-hero_img-right{flex: 2; max-height: 235px} .team-absolute-btn{position: absolute; right: 0;top:0} .team-block-section .container-inner{position: relative;} .team-block-section .content-container .txt-ctr.desk{width: 100%} .team-block-section .txt-l .content-container .content-wrap h2, .team-block-section .txt-r .content-container .content-wrap h2{margin-bottom: var(--space-xs);} .team-block-section .txt-r .content-container {flex-flow: row-reverse;} .team-carousel, .featured-programmes-wrapper{margin-left: -12px; margin-right: -12px;} .heading-list-block-section h2{margin-bottom: 12px} .list-img{max-width: 221px} .partner-carousel{margin: 0 -16px} .partner-carousel .partner-item{padding: 0 16px} .partner-item .logo-wrap {right: var(--space-base); bottom: var(--space-base); padding: 14px 18px;} .partner-item .logo-wrap img{max-height: 20px} /* ======================= Logo Bar Start ======================= */ .inline-container {width: 100%} .inline-container .content-wrap {width: 27.42424242%} .inline-container .logo-bar-img-container{width: 72.57575758%} .inline-container .logo-bar-img-container img{max-height: 43px; float: left;} .logo-grid-wrap .logo-item {width: 15.15151515%; min-height: 93px} /* ======================= Logo Bar End ======================= */ /* ======================= Accordion Start ======================= */ .full-accordion-wrap .accordion-title, .full-accordion-wrap .accordion-content-row{padding-left: 33.93939394%} .full-accordion-wrap .accordion-item h3:before { left: 31px; font-size: 20px; top: 50%; transform: translateY(-50%);} .full-accordion-wrap .accordion-title:before, .full-accordion-wrap .accordion-title:after{width: 23px; right: 31px; top: 48px} .full-accordion-wrap .accordion-item:hover {background-color: var(--purplealt);} .full-accordion-wrap .accordion-item:hover .accordion-title, .full-accordion-wrap .accordion-item:hover h3, .full-accordion-wrap .accordion-item:hover h3:before{color: var(--brand);} .full-accordion-wrap .accordion-item:hover .accordion-title:before, .full-accordion-wrap .accordion-item:hover .accordion-title:after{background-color: var(--brand);} .tab-trigger .btn{font-size: 1.25em; padding: 4px 8px; margin-right: 12px;} .accordion-wrap:not(.full-accordion-wrap) .accordion-content p, .accordion-wrap:not(.full-accordion-wrap) .accordion-content li{font-size: 1em} /* ======================= Accordion End ======================= */ /* ======================= Call to Action Start ======================= */ .call-to-action-columned-section .container-inner:before{width: 74.50682853%; height: 100%} .call-to-action-full-section .container-inner{padding-top: var(--space-base); padding-bottom: var(--space-l);} /*Full*/ .call-to-action-full-section h2{ padding: 0 var(--space-l); } .call-to-action-full-section:before, .call-to-action-full-section:after, .global-call-to-action-section:after{content:''; width:203px; height: 100%;position: absolute; top:0;} .call-to-action-full-section:before {left: 0;clip-path: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape.svg);-webkit-mask-box-image: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape.svg); mask-border: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape.svg);} .call-to-action-full-section:after, .global-call-to-action-section:after {right: 0;clip-path: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape-r.svg);-webkit-mask-box-image: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape-r.svg); mask-border: url(/wp-content/themes/base-theme/assets/svg/assets/cta-shape-r.svg);} /* ======================= Call to Action Start Start ======================= */ /* ======================= Global Call to Action Start ======================= */ .global-call-to-action-section h2{margin-bottom: var(--space-m);} .global-call-to-action-section .logo-item{min-height: auto;width: auto} .global-call-to-action-section .logo-item img{max-height: 43px} .global-call-to-action-section .logo-item:first-child{padding-left: 0;} .global-call-to-action-section .logo-item:last-child{padding-right: 0} /* ======================= Call to Action End ======================= */ .carousel-gallery{padding-left: 3.33333333%} .carousel-item img:not(.carousel-inline-gallery img):not(.testimonial-thumb img):not(.play-btn img) {height: 25.348vw} .carousel-gallery .testimonial-item{max-width: 422px} .carousel-inline-gallery{width: 73.40277778%; float: right; padding-bottom: 0} .testimonial-left-text{float:left;width: 26.59722222%; position: relative; z-index: 2} .carousel-inline-gallery .slick-list{padding-right: 8%; overflow: visible;} .carousel-inline-gallery:before {content: '';position: absolute; width: 2000%; height: calc(100% + 2px); left: -2000%; z-index: 1;bottom: -1px;} .carousel-inline-gallery img:not(.testimonial-thumb img):not(.play-btn img){min-height: 365px; height: 100%} .carousel-inline-gallery .quote{position: relative; padding-top: 55px} .columned-text-item .btn.btn-large{padding: 13px 17px; min-width: auto} .featured-report-slider{padding-left: 110px; padding-right: 110px; padding-bottom: 52px} .featured-report-slider .aspect-ratio-4-3{padding: 0; height: 100%; min-height: 410px} /* Blog Start ------------------------------------------------------------------------------- */ .category-navigation .btn{font-size: 1.25em;} .alm-btn-wrap{text-align: center;} /* Blog End ------------------------------------------------------------------------------- */ .footer-bottom .disclaimers p, .footer-bottom .disclaimers a , .footer-col-item h6, .footer-col-item ul li a{font-size: 1.125em; line-height: 1.4;} .footer-logos img:not(:first-child){margin-left: 55px;} .footer-logos img{max-height: 80px;} .newsletter .gform_wrapper.gravity-theme .gfield--width-three-quarter{grid-column: span 8} .newsletter .gform_wrapper.gravity-theme .gfield--width-quarter{grid-column: span 4} .newsletter .gform_wrapper.gravity-theme input[type=email]{font-size: 1em} } /* Desktop only styles ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 1025px) { /* ======================= Spacing Start ======================= */ .xl\:margin-section{margin: 90px 0;} .xl\:margin-container{margin: 50px 0;} .xl\:margin-gutter{margin: 80px;} .xl\:margin-grid{margin: 20px;} .xl\:margin-xxl{margin: var(--space-xxl)} .xl\:margin-xl{margin: var(--space-xl)} .xl\:margin-l{margin: var(--space-l)} .xl\:margin-m{margin: var(--space-m)} .xl\:margin-base{margin: var(--space-base)} .xl\:margin-s{margin: var(--space-s)} .xl\:margin-xs{margin: 4px} .xl\:margin-top-xxl{margin-top: var(--space-xxl)} .xl\:margin-top-xl{margin-top: var(--space-xl)} .xl\:margin-top-l{margin-top: var(--space-l)} .xl\:margin-top-m{margin-top: var(--space-m)} .xl\:margin-top-base{margin-top: var(--space-base)} .xl\:margin-top-s{margin-top: var(--space-s)} .xl\:margin-top-xs{margin-top: 4px} .xl\:margin-bottom-xxl{margin-bottom: var(--space-xxl)} .xl\:margin-bottom-xl{margin-bottom: var(--space-xl)} .xl\:margin-bottom-l{margin-bottom: var(--space-l)} .xl\:margin-bottom-m{margin-bottom: var(--space-m)} .xl\:margin-bottom-base{margin-bottom: var(--space-base)} .xl\:margin-bottom-s{margin-bottom: var(--space-s)} .xl\:margin-bottom-xs{margin-bottom: 4px} .xl\:margin-left-xxl{margin-left: var(--space-xxl)} .xl\:margin-left-xl{margin-left: var(--space-xl)} .xl\:margin-left-l{margin-left: var(--space-l)} .xl\:margin-left-m{margin-left: var(--space-m)} .xl\:margin-left-base{margin-left: var(--space-base)} .xl\:margin-left-s{margin-left: var(--space-s)} .xl\:margin-left-xs{margin-left: 4px} .xl\:margin-right-xxl{margin-right: var(--space-xxl)} .xl\:margin-right-xl{margin-right: var(--space-xl)} .xl\:margin-right-l{margin-right: var(--space-l)} .xl\:margin-right-m{margin-right: var(--space-m)} .xl\:margin-right-base{margin-right: var(--space-base)} .xl\:margin-right-s{margin-right: var(--space-s)} .xl\:margin-right-xs{margin-right: 4px} .xl\:margin-y-xxl{margin: var(--space-xxl) 0} .xl\:margin-y-xl{margin: var(--space-xl) 0} .xl\:margin-y-l{margin: var(--space-l) 0} .xl\:margin-y-m{margin: var(--space-m) 0} .xl\:margin-y-base{margin: var(--space-base) 0} .xl\:margin-y-s{margin: var(--space-s) 0} .xl\:margin-y-xs{margin: 4px 0} .xl\:margin-x-xxl{margin: 0 var(--space-xxl)} .xl\:margin-x-xl{margin: 0 var(--space-xl)} .xl\:margin-x-l{margin: 0 var(--space-l)} .xl\:margin-x-m{margin: 0 var(--space-m)} .xl\:margin-x-base{margin: 0 var(--space-base)} .xl\:margin-x-s{margin: 0 var(--space-s)} .xl\:margin-x-xs{margin: 0 4px} /* .page-container{padding: 0 40px;}*/ .xlg\:py-40{padding: 40px 0;} .xlg\:py-60{padding: 60px 0;} /* ======================= Spacing End ======================= */ } /* Small Desktop: 992px and 1279px and more but less than or equal to 1279px. ---------------------------------------------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1279px) { .carousel-inline-gallery{ width:65% } } .hidden{display: none}