/*
 Theme Name:   Basiq.io
 Theme URI:    https://generatepress.com
 Description:  Basiq.io Theme
 Author:       Wil Brown
 Author URI:   https://zeropointdevelopemnt.com/
 Template:     generatepress
 Version:      0.0.1
*/

.separate-containers .inside-article{
    padding: 40px 0;
}
:root{
    --colour-cyprus: #002D3C;
    --colour-brilliant-blue: #0075DC;
    --colour-button-blue: #0075DC;
    --colour-button-blue-hover: #4098e5;
    --colour-text: #4f6772;
    --colour-header: #000217;
    --colour-nav-link: #515151;
    --colour-nav-link-hover:#7a8896;
    --colour-hoki: #4F6772;
    --colour-zircon: #ECEFF1;
    --colour-licorice: #000217;
    --colour-nepal: #B0BEC5;
    --colour-porcelain: #F5F7F8;
    --colour-fjord: #607D8B;
    --colour-calypso-vibrant: #007692;
}

svg{
    height: 1em;
    width: 0.875em;
}
body,html{
    font-family: "Inter",sans-serif;
    font-weight:400;
    image-rendering: -webkit-optimize-contrast;
    -webkit-font-smoothing: antialiased;
}
p{
    color: var(--colour-text);
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    margin-bottom: calc(1em / 3);
    color: var(--colour-header); }
.h1,
h1 {
    font-size: 64px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight:700;
}
.h2,
h2{
    font-size: 40px;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.h3,
h3{
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -1px;
    /*font-weight:700;*/
}

.h4,
h4{
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight:700;
    line-height: 1;
}

.h5,
h5{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.h6,
h6{
    font-size: 12px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.33;
}


a,
a:visited{
    color: var(--colour-calypso-vibrant);
    text-decoration-color: var(--colour-calypso-vibrant);
}
a:hover{
    color: var(--colour-brilliant-blue );
}

.h1-subheading{
    font-family: 'Lato', sans-serif;
    font-size:20px;
}
/*.site-main article.post.type-post h2{
    font-size:22px;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    line-height:22px;
    letter-spacing: -0.2px;
}*/
hr{
    margin-bottom:4px;
    margin-top:4px;
}
img{
    image-rendering: -webkit-optimize-contrast;
    -webkit-font-smoothing: antialiased;
}

body.blog #content,
body.archive #content{
    padding: 0 70px 90px 70px;
    margin-right:auto;
    margin-left:auto;
}

/** Misc **/
.basiq-zero-margin{
    margin:0!important;
}
.basiq-zero-padding{
    padding:0!important;
}

.basiq-image-fill-block figure,
.basiq-image-fill-block figure img{
    width:100%;
}

.basiq-border-dashed{
    border-style: dashed !important;
}

.gb-headline.reverse-icon > span.gb-icon {
    order: 2;
    margin-left: 0.5em  ;
}

.gb-container.basiq-inside-container-transparent > .gb-inside-container{
    background-color:transparent;
}


/*.site-main ul li:before,*/
.site-main ul{
    padding: 0;
    margin: 0 0 0 1em;
}
.site-main ul li{
    padding: .75em;
}
body.page .site-main ul li::marker{
    content: url(/wp-content/themes/basiq/assets/img/li-green-tick.svg);
}


.basiq-box-shadow{
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
    border-radius: 12px;
}

.basiq-opacity-50pc{
    opacity: 0.5;
}

/** Top Bar **/
.top-bar{
    background-color: var(--colour-cyprus);
    color:white;
    margin: 0 auto;
    text-align:center;
}
.top-bar p{
    font-size: 14px;
    padding: .5em;
    margin:0 auto;
    color:white;
}
.top-bar p a{
    color: var(--colour-brilliant-blue);
}
.top-bar p a:hover{
    color: var(--colour-button-blue-hover);
}

/** Header **/
header.site-header > .inside-header{
    padding: 20px 40px;
}

.header-widget{
    height:60px;
}
header #primary-menu ul li a,
.header-widget ul.menu li a{
    font-family: "Inter", sans-serif;
    font-weight:400;
    font-size: 16px;
}
.header-widget ul.menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:flex-end;
}
.header-widget ul.menu li {
    position: relative;
}
.header-widget ul.menu li a{
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
    color: var(--colour-licorice);
}
.header-widget ul.menu li a:hover{
    opacity: 0.7;
}
.header-widget ul.menu li:last-child a {
    background-color: var(--colour-brilliant-blue);
    color:white;
    padding: 13px 17px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    font-weight: 700;
    font-family: "Inter", sans-serif;
}
.header-widget ul.menu li:last-child a:hover{
    background-color: var(--colour-button-blue-hover);
}

.header-section {
    display: flex;
    flex-wrap: wrap;
}

.header-section > div {
    width: calc(100% / 3);
}

.nav-float-right #site-navigation{
    margin:0 auto;
}
.nav-float-right .header-widget{
    margin-left:0;
}

/** Footer **/
.site-footer .footer-widgets-container.grid-container{
    max-width:1200px;
    padding-left:0;
    padding-right:0;
}
#footer-widgets .gform_wrapper form{
    margin-left:0;
}
#footer-widgets{
    background-color: var(--colour-cyprus);
    color:white;
}

.inside-footer-widgets .widget-title{
    font-weight:bold;
    font-size: 16px;
    color:white;
}

.inside-footer-widgets>div:last-child{
    flex: 1.25 1 0;
}
.footer-widgets #gform_widget-3{
    margin-bottom:0;
}
.gb-grid-column.gb-grid-column-b9c38935{
    margin-left:10px;
}
.gb-grid-column.gb-grid-column-9c013c98{
    padding-left:0 !important;
}

.site-footer{
    background-color: var(--colour-cyprus);
    color:white;
}
.site-footer p,
.site-footer h2{
    font-family: "Inter", sans-serif;
}
.site-footer p,
.site-footer a,
.site-footer a:hover{
    color:white;
}
.site-footer ul.menu li a{
    width:auto;
    position:relative;
    display:inline-block;
}

.site-footer a,
.site-footer p{
    font-size:16px;
}

.site-footer ul.menu li a:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: scale(0);
    height: 1px;
    background-color: #fff;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}


.site-footer ul.menu li a:hover:before{
    transform: scale(1);
}
.site-footer .widget ul.menu li{
    margin-bottom: .25em;
}
.site-footer .widget ul.menu li a{
    font-weight:normal;
}
.site-footer .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield{
    padding-right:0;
}

.site-footer .gform_wrapper .gf_simple_horizontal .gform_footer.top_label input[type=submit],
.site-footer #gform_submit_button_1{
    margin:0;
    padding: .5em 1em;
    height:40px;
    background-color: var(--colour-button-blue);
}
.site-footer .gform_wrapper .gf_simple_horizontal .gform_footer.top_label input[type=submit]:hover,
.site-footer #gform_submit_button_1:hover{
    background-color: var(--colour-button-blue-hover);
}

.site-footer .basiq-global-footer-container figure img{
    float:left;
}
.site-footer .basiq-global-footer-container figure figcaption{
    float:left;
    margin: 0 0 0 0.5em;
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

.site-footer h2{
    margin-bottom:10px;
}

.footer-widgets .widget{
    margin-bottom:10px;
}

.basiq-slim-text-margin{
    margin: 0 auto;
    width:768px;
}
/** Buttons **/
.site-main .gb-button-wrapper a.gb-button{
    font-family: "Inter", sans-serif;
    font-weight:700;
    text-align:center;
    padding: 15px 35px;
    border-radius: 5px;
}
.gb-button-wrapper a.basiq-button-blue{
    background-color: var(--colour-brilliant-blue)!important;
    color:white!important;
}
.gb-button-wrapper a.basiq-button-blue:hover{
    background-color: #4098e5!important;
}
.gb-button-wrapper a.basiq-button-white{
    background-color: white!important;
    color:var(--colour-licorice)!important;
}
.gb-button-wrapper a.basiq-button-white:hover{
    color: var(--colour-hoki)!important;
}

.gb-button-wrapper a.basiq-button-dark-blue{
    background-color: var(--colour-cyprus)!important;
    color:white!important;
}
.gb-button-wrapper a.basiq-button-dark-blue:hover{
    color: var(--colour-nepal)!important;
}

.gb-button-wrapper a.basiq-button-grey{
    background-color: var(--colour-zircon)!important;
    color:var(--colour-licorice)!important;
}
.gb-button-wrapper a.basiq-button-grey:hover{
    background-color: var(--colour-porcelain)!important;
}

/** Mega Menu **/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    text-transform: initial;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-family: "Inter", sans-serif;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
    font-family: "Lato";
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
    padding:0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:hover{
    opacity:0.7;
}
/*#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu{
    position: fixed;
    max-width: 1300px!important;
    left: 50%;
    transform: translate(-50%, 0)!important;
}*/


.mega-menu-item i.fas{
    font-size:16px;
    color: var(--colour-fjord);
}

.mega-menu-item .svg-inline--fa{
    width:.5em;
    height:.75em;
    color: var(--colour-fjord);
}
.mega-menu-item .wpmi-iposition-right > a .wpmicons-set.wpmicons-avicon{
    vertical-align: baseline;
    line-height:normal;
}
    /** Gravity Forms **/
.site-main .gform_heading{
    text-align:center;
}
.gform_wrapper .gform_footer input[type=submit]{
    width:100%;
    margin:0;
    padding: .5em;
    min-height:56px;
    height:56px;
    background-color: var(--colour-button-blue);
    font-family: "Inter", sans-serif;
    font-weight: 700;
    border-radius:4px;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: var(--colour-button-blue-hover);
}

.gform_wrapper .gform_body input{
    min-height: 56px;
}
.site-footer .gform_wrapper .gform_body input{
    height:40px;
    min-height:auto;
}

.site-main .gform_wrapper .gform_body input[type="checkbox"]{
    min-height:auto;
}
#gform_1 input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#gform_1 #gform_submit_button_1{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.gform_submission_error{
    letter-spacing: normal;
    line-height: normal;
}
.ginput_container input,
.ginput_container select{
    background-color:#F5F7F8;
    border-bottom:2px solid #90A4AE;
    border-radius:4px;
}

.ginput_container input:focus,
.ginput_container select:focus{
    border-bottom-color: #0075DC;
}

#primary.content-area .gform_wrapper{
    /*padding: 1.5em 1.5em 0 1.5em;*/
    background-color:white;
    padding: 20px;
    /* border-radius:12px;
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);*/
}
#primary.content-area .basiq-gform-bg-transparent .gform_wrapper{
    background-color:transparent;
    box-shadow:none;
}

.gform_wrapper form.hide-required-indicator .gfield_required{
    display:none;
}

#primary.content-area hr{
    margin-top:0;
    opacity: 0.5;
}
/** Header **/
.header-section{
    display: flex;
    flex-wrap: wrap;
}

.header-section > div{
    width: calc(100% / 3);
}

header .grid-container {
    display: flex;
    flex-wrap: wrap;
}

header .site-logo{
    display:flex;
    flex: inherit;
    justify-content: flex-start;
    width:18%;
}

header .basiq-primary-nav{
    display:flex;
    flex: 3 1 0;
    width:64%;
}

header .header-widget{
    display:flex;
    flex: inherit;
    justify-content: flex-end;
    width:18%;
}

/** Single Page **/
body.page header .entry-title{
    text-align:center;
}

.gb-container.basiq-simpletoc .gb-inside-container{
    position: sticky;
    top:2em;
}

/** Homepage **/
.homepage-blog-posts ul li{
    padding: 1em;
    background-color:white;
    border-radius:12px;
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
}
.homepage-blog-posts ul li::marker{
    content:normal;
}

.homepage-blog-posts .wp-block-post-excerpt__more-text a{
    background-color:#ECEFF1;
    border-radius:4px;
    padding: .5em 1.5em;
    color:black;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.homepage-blog-posts .wp-block-post-terms{
    margin: 1em .5em .5em 0;
}
.homepage-blog-posts .wp-block-post-terms a{
    color: var(--colour-header);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.25em 1em;
    background-color: #e4f3ff;
}
.homepage-blog-posts .wp-block-post-terms a:hover{
    color: var(--colour-brilliant-blue);
}

.homepage-blog-posts .wp-block-post-title a,
.homepage-blog-posts .wp-block-post-title a:hover{
    color:black;
    font-weight:700;
}
.homepage-building-blocks-of-financial-services .wp-block-image img{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.homepage-building-blocks-of-financial-services .gb-container-8982f688 > .gb-inside-container,
.homepage-building-blocks-of-financial-services .gb-container-607a245c > .gb-inside-container,
.homepage-building-blocks-of-financial-services .gb-container-031e4f70 > .gb-inside-container{
    padding:0;
}

.homepage-building-blocks-of-financial-services .wp-block-image{
    padding-bottom:1em;
}
.homepage-building-blocks-of-financial-services .wp-block-image,
.homepage-building-blocks-of-financial-services .wp-block-image figure,
.homepage-building-blocks-of-financial-services .wp-block-image figure img{
    width:100%;
}

.homepage-building-blocks-of-financial-services .gb-button-wrapper{
    padding-bottom:14px;
}

/** Blog Page **/
.site-main article.post .gb-headline a{
    color: var(--colour-header);
}

.site-main article.post .gb-container.outer{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 9px 12px 0 rgba(0, 45, 60,0.07);
    padding: 0;
    margin: 0;
}
.site-main article.post .gb-container.outer:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 16px rgba(0, 45, 60, 0.15)
}

.site-main article.post .gb-container.outer > .gb-inside-container{
    padding:0;
    padding-bottom: 1em;
}
.site-main article.post .gb-container.featured-image{
    margin-top:0;
}
body.blog article a img.wp-post-image,
body.archive article a img.wp-post-image{
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
body.blog article.featured-column a img.wp-post-image,
body.archive article.featured-column a img.wp-post-image{
    border-bottom-left-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
}
body.blog article{
    margin-bottom:30px;
}
body.blog .featured-column.generate-columns,
body.archive .featured-column.generate-columns{
    width: 100%;
    margin: 0px auto 60px auto;
}

body.blog .featured-column,
body.archive .featured-column{
    display:flex;
    flex-flow:row;
}

body.blog .featured-column .gb-container.outer > .gb-inside-container,
body.archive .featured-column .gb-container.outer > .gb-inside-container{
    padding-bottom:0;
}
body.blog .featured-column .gb-container.inner > .gb-inside-container,
body.archive .featured-column .gb-container.inner > .gb-inside-container{
    display: flex;
    flex-flow: row;
}

body.blog article.generate-columns,
body.archive article.generate-columns{
    background-color: #ffffff;
}


.masonry-load-more{
    text-align:center;
}

.masonry-load-more a.button,
.masonry-load-more a.button{
    background-color: #ECEFF1;
    border-radius: 4px;
    padding: .5em 1.5em;
    color: black;
    font-family: "Inter", sans-serif;
    font-weight: 700;
}
body.blog .wp-block-site-logo{
    text-align:center;
}

.basiq-blog-categories ul.wp-block-categories {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 0;
    list-style: none;
}

.basiq-blog-categories ul.wp-block-categories li.cat-item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    top: 0;
    width: 100%;
    height: 60px;
}
.basiq-blog-categories ul.wp-block-categories li.cat-item a{
    font-size: 12px;
    font-family: "Inter",sans-serif;
    font-weight:700;
    color: #78909C;
    text-transform: uppercase;
}

/*#gform_3 {
    margin-top:1em;
    display:flex;
    flex-flow:row;
    justify-content: center;
}

#gform_3 .gform_body .top_label .gfield{
    width:400px;
    padding-right:0
}

#gform_3 input[type="email"]{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
#gform_3 input[type="submit"]{
    margin:0;
    height:92%;
}*/

article p.date-read-time{
    font-size:12px;
    margin-bottom:0;
}

.basiq-blog-category span.post-term-item a,
.basiq-blog-category span.post-term-item a:hover,
.basiq-blog-category.wp-block-post-terms a,
.basiq-blog-category.wp-block-post-terms a{
    padding: 3px 6px;
    background-color: #e4f3ff;
    color:#0075DC;
    border-radius:5px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Lato", sans-serif;
}

.basiq-blog-category{
    margin-bottom: 1rem;
    display:inline-block;

}
.basiq-blog-tag span.post-term-item a,
.basiq-blog-tag span.post-term-item a:hover,
.basiq-blog-tag.wp-block-post-terms a,
.basiq-blog-tag.wp-block-post-terms a{
    padding: 3px 6px;
    background-color: rgba(120, 144, 156, 0.1);
    color:#78909C;
    border-radius:5px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Lato", sans-serif;
}

.basiq-blog-tag{
    margin-bottom: 1rem;
    display:inline-block;

}

/** Single Post **/
body.single-post .gform_heading{
    text-align:center;
}

/** Archives **/
body.archive.category .site-content,
body.archive.tag .site-content{
    padding: 0 40px;

}

article.post.type-post h2.entry-title{
    padding-bottom:.75em;
}

article.post.type-post .post-author-meta a,
article.post.type-post .post-author-meta a:hover{
    color:var(--colour-text);
}

.basiq-simpletoc .gb-inside-container{
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
    border-radius: 12px;
    padding: 1em!important;
}

.basiq-simpletoc .gb-inside-container ul{
    margin-left: 1em;
    list-style:circle;
}

.basiq-simpletoc .gb-inside-container ul li::marker{
    color: #78909C;
}
.basiq-simpletoc .gb-inside-container ul li a{
    color: #78909C;
    font-family: "Inter", sans-serif;
    font-weight:600;
    font-size:14px;
}
.basiq-simpletoc .gb-inside-container ul li a:hover{
    color: #000217;
}
.basiq-simpletoc .gb-inside-container ul li::marker{
    color: #78909C;
}

.basiq-simpletoc .gb-inside-container ul li:hover::marker{
    color: #0075DC;
}

body.single-post .basiq-simpletoc h2.simpletoc-title{
    font-size: 16px;
    font-weight:700;
    font-family: "Inter", sans-serif;
}

/** Read Progress Bar **/
.basiq-read-progress-bar {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
}

/** Meow FAQ **/
.meow-faq-block .meow-faq-question{
    background-color: transparent;
    color: #002D3C;
    font-family: "Inter", sans-serif;
    font-weight:700;
    border-bottom: 1px solid #CFD8DC;
    padding: 15px 0;
}
.meow-faq-block input[type=checkbox]+label::after{
    content: " ";
    background-image: url( "/wp-content/themes/basiq/assets/img/faq-icon-open.svg" );
    width:34px;
    height:34px;
    transform: rotate( 0deg );
}

.meow-faq-block input[type=checkbox]:checked + label::after {
    transform: rotate(180deg);
}

.generate-back-to-top span.gp-icon.icon-arrow-up:before{
    content:'';
}
/** Tabs Code Block **/
.wp-block-ep-tabs{
    margin: 1em auto;
}
.wp-block-ep-tabs .ep_tabs_header{
    flex-basis:425px!important;
}
.wp-block-ep-tabs .ep_tabs_root{
    gap:100px;
}

.wp-block-ep-tabs .ep_label{
    font-family: "Lato";
    font-size: 24px;
}
.wp-block-ep-tabs .ep_active_tab .ep_label{
    font-family: "Lato";
    font-size: 24px;
    color: #0075DC;
}
.wp-block-ep-tabs .ep_sub_label{
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-weight:normal;
}
pre.wp-block-code{
    background-color: #004359;
    font-size: 16px;
}

pre.wp-block-code code.language-json span.token.property{
    color: #6AE5FF;
}
pre.wp-block-code code.language-json span.token.string{
    color: #20E47D;
}

/** Partner Page **/
.basiq-partner-box:hover h2.gb-headline {
    color:var(--colour-brilliant-blue);
}

/** Revolution Slider **/
rs-module#rev_slider_4_2 rs-slides,
rs-module#rev_slider_5_1 rs-slides{
    height:98%!important;
}
rs-module#rev_slider_4_2 rs-slide,
rs-module#rev_slider_5_1 rs-slide{
    /*border-radius: 12px;*/
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
}
rs-module#rev_slider_4_2 rs-carousel-wrap,
rs-module#rev_slider_5_1 rs-carousel-wrap{
    width:100%!important;
}

/** Related Posts **/
#basiq-related-posts-wrapper{
    display:flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
#basiq-related-posts-wrapper .gb-grid-column.main{
    display:flex;
    padding-left:20px;
    margin-bottom: 30px;
}

#basiq-related-posts-wrapper .gb-grid-column.main .post-category a{
    padding: 3px 6px;
    background-color: #e4f3ff;
    color: #0075DC;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
}

#basiq-related-posts-wrapper .gb-grid-column.main h2.entry-title{
    color: var(--colour-header);
    padding-bottom: .75em;
    font-size: 28px;
}

#basiq-related-posts-wrapper .gb-grid-column.main .gb-inside-container.wrapper{
    border-radius:12px;
    box-shadow: 0 9px 12px 0 rgba(0, 45, 60, 0.07);
}

#basiq-related-posts-wrapper .gb-grid-column.main .gb-inside-container.wrapper:hover{
    transform: translateY( -5px );
    box-shadow: 0 15px 16px rgba(0, 45, 60,0.15);
}

#basiq-related-posts-wrapper .gb-grid-column.main span.post-image img{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#basiq-related-posts-wrapper .gb-grid-column.main .gb-inside-container.content{
    padding: 1em;
}

#basiq-related-posts-wrapper .gb-container.post-meta-wrapper .gb-grid-column.post-meta{
    width: 100%;
}

#basiq-related-posts-wrapper .gb-container.post-meta-wrapper .gb-grid-column.post-meta p.gb-headline.gb-headline-text{
    font-size: 15px;
    margin-bottom: 0;
}
#basiq-related-posts-wrapper .gb-container.post-meta-wrapper .gb-grid-column.post-meta p.date-read-time{
    font-size: 12px;
    margin-bottom: 0;
}

#basiq-related-posts-wrapper img.dynamic-author-image{
    width:35px;
    height:35px;
}

.basiq-h1-blue-bg{
    /* background-image: url( /wp-content/themes/basiq/assets/img/h1-blue-bg.svg);
     background-position: center;
     background-repeat: no-repeat;*/
}
.basiq-bg-image{
    position: relative;
    display:inline-block;
    padding: 0 7px;
    z-index: 2;

}
.basiq-bg-image img{
    position: absolute;
    z-index: -1;
    right:0;
    bottom:0;
}

/** Mega Menu **/
li.basiq-mega-column-menu-item,
li.basiq-mega-column-menu-item{
    margin-right:20px!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
    border-radius: 12px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu{
    box-shadow: 0px 9px 16px rgba(0, 45, 60, 0.07);
}

body.error404 #main > .generate-columns-container > article{
    width:100%;
}

/** Breadcrumbs **/
.breadcrumbs{
    font-size:16px;
    font-family: "Inter", sans-serif;
;
}
li.basiq-mega-column-image > ul > li{
    text-align:center!important;
}
li.basiq-mega-column-image img{
    width:48px;
    height:48px;
}
li.mega-use-cases li.widget_media_image img{
    width:30px;
    height:30px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-use-cases > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12{
    width:15%;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{
    padding-bottom:12px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row:last-child{
    padding-bottom:0px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu .textwidget p{
    margin-bottom:0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu .textwidget p a,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu .textwidget p a:hover,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu .textwidget p a:visited{
 color: var(--colour-text);
}

.site-main article .inside-article .entry-content > .gb-container.remove-inner-padding > .gb-inside-container{
    padding-bottom:0;
}

.get-started-button-min-width{
    min-width:200px;
}
.get-api-key-button-min-width{
    min-width:200px;
}

.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:focus, .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:active{
    outline:none;
}
.uagb-faq-child__wrapper{
    border-bottom: 1px solid #CFD8DC;
}

.uagb-block-c6730302 .uagb-faq-item .uagb-faq-content p{
    color: var(--colour-text);
}


/** =================================== Media Queries ==================================== **/
@media (max-width: 768px) {

    .h1,
    h1 {
        font-size: 40px;
    }
    .h2,
    h2{
        font-size: 26px;
    }
    .h3,
    h3{
        font-size: 24px;
    }

    .h4,
    h4{
        font-size: 20px;
    }
    .h5,
    h5{
        font-size: 18px;
    }
    .h6,
    h6{
        font-size: 12px;
    }


    #main{
        /*margin-left:10px;
        margin-right:10px;*/
    }

    .site-main p{
        paddng-bottom:10px;
    }
    .site-main h1,
    .site-main h2{
        text-align:center;
    }
    .site-main h3{
        /*text-align:left;*/
    }

    .h1-subheading{
        font-size:18px!important;
    }

    #basiq-related-posts-wrapper h2{
        text-align:left;
    }
    body.single-post .site-main article h1,
    body.single-post .site-main article h2{
        text-align:left;
    }
    body.blog #content,
    body.archive #content{
        padding: 30px;
    }

    .basiq-blog-category,
    .basiq-blog-tag{
        display:block;

    }

    .site-main .gb-button-wrapper a.gb-button{
        font-family: "Inter", sans-serif;
        font-weight:700;
        text-align:center;
        padding: 15px 35px;
        border-radius: 5px;
        margin-top:0;
    }
    .get-started-button-min-width{
        min-width:auto;
    }

    body > .gb-container > .gb-inside-container{
        padding-left:30px;
        padding-right:30px;
    }

    .header-widget{
        display:none;
    }

    header .basiq-primary-nav .inside-navigation.grid-container {
        justify-content: flex-end;
    }

    header.site-header > .inside-header{
        padding-left:30px;
        padding-right:30px;
    }
    .basiq-slim-text-margin{
        width:100%;
    }

    .has-inline-mobile-toggle .inside-header,
    .inside-header{
        flex-direction: row;
        padding-right:10px;
        padding-left:10px;
    }

    .inside-header > div{
        text-align:center;
        justify-content: flex-start;
    }

    .inside-header .header-widget{
        display:none;
    }
    .inside-header .site-logo{
        flex: 1;
    }

    .inside-header .site-logo img{
        width:88px;
    }

    .inside-header .basiq-primary-nav{
        flex-grow:1;
    }

    .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
        display:block;
    }
    .inside-navigation button.menu-toggle{
        display:none!important;
    }

    .site-main article  .inside-article .entry-content > .gb-container > .gb-inside-container{
        padding:20px;
    }

    /** Mega Menu **/
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
        position: relative;
        max-width:initial;
        left:auto;
        transform: none!important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
        font-size:14px;
    }
    .mega-menu-item .svg-inline--fa{
        width:.35em;
        height:0.7em;
    }
    li.mega-products ul > li >  ul > li,
    li.mega-developers ul > li > ul > li,
    li.mega-use-cases ul > li > ul > li{
        margin-bottom:.25em!important;
    }
    .wpmi-iposition-right > a .wpmicons-set.wpmicons-avicon{
        margin-left:.25em;
    }


    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding-left:20px;
    }

    li.mega-products ul > li ul > li.mega-menu-columns-1-of-12,
    li.mega-developers ul > li ul > li.mega-menu-columns-1-of-12,
    li.mega-use-cases ul > li ul > li.mega-menu-columns-2-of-12,
    li.mega-products ul > li ul > li.mega-menu-columns-3-of-12,
    li.mega-developers ul > li ul > li.mega-menu-columns-3-of-12,
    li.mega-use-cases ul > li ul > li.mega-menu-columns-3-of-12{
        width:15%!important;
        clear:none!important;
      /*  padding-right:1%!important;*/
    }
    li.mega-products ul > li ul > li.mega-menu-column.mega-menu-columns-4-of-12,
    li.mega-developers ul > li ul > li.mega-menu-column.mega-menu-columns-4-of-12,
    li.mega-use-cases ul > li ul > li.mega-menu-column.mega-menu-columns-10-of-12,
    li.mega-products ul > li ul > li.mega-menu-column.mega-menu-columns-9-of-12,
    li.mega-developers ul > li ul > li.mega-menu-column.mega-menu-columns-9-of-12,
    li.mega-use-cases ul > li ul > li.mega-menu-column.mega-menu-columns-10-of-12{
        width:73%!important;
        clear:none!important;
        min-height:60px!important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{
        padding-bottom:0px;
    }

    body.blog .featured-column .gb-container.inner > .gb-inside-container{
        display: flex;
        flex-flow: column;
    }
    body.blog article.featured-column a img.wp-post-image{
        border-bottom-left-radius:0;
        border-top-left-radius:12px;
        border-bottom-right-radius:0;
        border-top-right-radius:12px;
    }
    body.archive.category .site-content, body.archive.tag .site-content{
        padding: 0 10px;
    }

    /** Footer **/
    .footer-widgets-container{
        padding: 20px 20px;
    }

    .inside-footer-widgets {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .inside-footer-widgets>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-left:20px;
    }
    .inside-footer-widgets>div:last-of-type {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .gform_wrapper.gravity-theme .ginput_complex span{
        margin-top:2rem;
    }

    /** Blog **/
    .basiq-blog-categories ul.wp-block-categories{
        /*height: 140px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;*/
        display: block;
        height:auto;
        padding: 14px 0;
        margin-top:10px;
        text-align: center;
        column-count:2;
    }
    .basiq-blog-categories ul.wp-block-categories li.cat-item{
        /**display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        padding: 6px 0;*/
        height:40px;
        width:auto;
    }
    #basiq-related-posts-wrapper .gb-grid-column.main{
        padding: 20px 10px;
    }

    .wp-block-image.icon-70x70-mobile img{
        height:70px;
        width:70px;
    }

    .wp-block-ep-tabs .ep_tabs_root{
        gap: 10px!important;
    }
}

@media (min-width:768px) {
    .inside-footer-widgets>div:first-of-type {
        /*display: none;*/
    }
    .inside-footer-widgets>div.grid-20 {
        width: 25%;
    }
}

@media (max-width: 640px){
    .gform_wrapper.gravity-theme .ginput_complex span{
        margin: 8px auto;
    }

}