/*
Theme Name: Affirminds
Theme URI: https://affiminds.com/
Author: Affirminds
Version: 1.0
Tags: responsive, white, bootstrap
*/


@font-face {
      font-family:'Radio Canada';
      src: url("assets/fonts/RadioCanada-Regular.ttf");
}
@font-face {
      font-family:'Radio Canada Medium';
      src: url("assets/fonts/RadioCanada-Medium.ttf");
}

@font-face {
      font-family:'Radio Canada Bold';
      src: url("assets/fonts/RadioCanada-Bold.ttf");
}

@font-face {
      font-family:'Radio Canada Semi Bold';
      src: url("assets/fonts/RadioCanada-SemiBold.ttf");
}

html {
    overflow-x: hidden;
}

body{
    overflow-x: hidden;
    font-family:'Radio Canada';
}

p{color: var(--light-grey);}

li{color: var(--light-grey);
    margin-top: 10px;}

.header-absolute li{margin-top: 0px;}    


.content-area {
    background: #0f1029;
}

.vc_custom_heading{ font-family:'Radio Canada Semi Bold' !important;}

.primary-button a {
     color: #0f1027 !important;
    background: #fede00 !important;
    border: 1px solid #fede00 !important;
    border-radius: 100px !important;
    font-family: 'Radio Canada Semi Bold' !important;
    padding: 10px 32px !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

h1.vc_custom_heading {
    font-size: 48px;
    line-height: 66px;
}

.header-absolute a.btn {
    color: #fede00 !important;
    background: transparent !important;
    border: 1px solid #fede00 !important;
    border-radius: 100px !important;
    font-family: 'Radio Canada Semi Bold' !important;
    padding: 8px 32px !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

.navbar-collapse li{margin-top: 0px;}

.navbar-collapse a {
    display: block;
    padding: 10px 22px;
    color: #f1f2f2;
}

.navbar-collapse a:hover{color: var(--yellow);}

.navbar-brand {
    padding-top: 18px;
    padding-bottom: 18px;
}

.navbar {
    background: #0F1027;
}

.menu-main-menu-container {
    width: 100%;
    text-align: center;
}

.current_page_item a{color: #fede00 !important;}

.hero-para p {
    color: #dbdbdb;
}

.logo-gallery {
    text-align: center !important;
}

.services-block .vc_column-inner > .wpb_wrapper{border: 1px solid var(--grey);
    border-radius: 8px;
padding: 20px;
    margin-bottom: 30px;}


.services-block h5{
color: var(--light-yellow);    font-size: 21px;
    line-height: 31px;

}


.services-block p{
    color: var(--grey);
}

.services-block .vc_single_image-wrapper {
    width: 100%;
}

.services-block img {
    width: 100% !important;
}


.services-block .wpb_single_image .vc_figure{
     width: 100% !important;
}

.services-block {
    padding: 0px 15px !important;
}

.inline-image {
    display: inline-block;
    padding: 10px 32px;
}

.border-block > .vc_column-inner > .wpb_wrapper{border: 1px solid var(--grey);
    border-radius: 8px;    padding: 20px;}


.post-grid .vc_grid-item-mini {
    border: 1px solid var(--grey);
    border-radius: 8px;
   padding: 16px;
    margin-bottom: 16px;
    padding-bottom: 22px;s
}

.post-grid .vc_gitem-zone{    height: 240px;
    background: transparent;
    background: linear-gradient(-73.488deg, rgb(30 25 82 / 60%) 0%, rgb(30 25 82 / 30%) 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;}


.vc_gitem-zone.vc_gitem-zone-c {
    top: -65px;
    margin-bottom: -70px;
    padding: 9px;
    border: 1px solid var(--blue);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}


.post-grid .vc_custom_heading h4{color: var(--light-yellow);
    font-size: 16px;
    text-shadow: 1px 2px 1px #000;
    line-height: 26px;}

.post-grid .vc_btn3{background: transparent !important;
color: var(--light-blue) !important;padding-left: 0px !important;
    text-decoration: underline !important;
    line-height: 32px !important;
    font-size: 16px !important;
    padding-top: 0px !important;}


.post-grid p{color: var(--light-grey);
font-size: 16px; font-weight: normal;
    line-height: 27px; font-family:'Radio Canada' !important;}


.post-grid .vc_gitem-post-data-source-post_excerpt {
    height: 125px;
    overflow: hidden;
}

.post-grid .vc_gitem-post-data {
    margin-bottom: 0px;
}

.post-three .vc_gitem-zone.vc_gitem-zone-c {
    min-height: 280px;
}
.post-three .vc_gitem-zone {
    height: 200px !important;
}






.faq-section .vc_tta-panel-body {
    border: 1px solid var(--grey) !important;
    border-radius: 8px;
    padding: 24px !important;
    margin-bottom: 30px;    padding-bottom: 32px !important;
}

.faq-section .vc_tta-panel-body p{color: var(--light-grey);    font-size: 16px;
    font-weight: normal;
    line-height: 27px;}

.faq-section .vc_tta-panel-body .vc_custom_heading {
    margin-bottom: 20px;
}


.faq-section {
    padding: 32px 64px;
}

.faq-section .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger {
    border-color: var(--yellow) !important;
}

.faq-section .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger {
    background-color: var(--yellow) !important;
}

.faq-section .vc_general.vc_pagination .vc_pagination-trigger{    height: 16px;
    width: 16px;}


.right-circle{position: relative;
}

.right-circle:before{position: absolute;content: '';
    top: -106px;
    right: 0px;
    width: 356px;
    height: 521px;
background: url(assets/images/Ellipse-6.png) no-repeat;
    background-size: 80% !important;
    background-position: center right;
    z-index: 9;}


.bg-cta{text-align: center !important;}

.icons-block .vc_column-inner > .wpb_wrapper {
    border: 1px solid var(--grey);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.icons-block h5 {
    color: var(--light-yellow);
    font-size: 21px;
    line-height: 31px;
}

.icons-block p {
    color: var(--grey);
}

.hero-gradient{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fede00+0,1b1681+87 */
background: linear-gradient(135deg,  rgba(254,222,0,1) 0%,rgba(27,22,129,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.secondary-button a {
    color: #fede00 !important;
    background: transparent !important;
    border: 1px solid #fede00 !important;
    border-radius: 100px !important;
    font-family: 'Radio Canada Semi Bold' !important;
    padding: 10px 32px !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

.tab-icon-block .wpb_single_image {
    display: inline-block !important;
}

.tab-icon-block .vc_custom_heading {
    display: inline-block;
        margin-bottom: 0px !important;
    position: relative;
    top: 5px;
    padding-left: 8px;
}

.hero-gradient {
    position: relative;
}
.hero-gradient:before{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%;
}
.hero-gradient:after{position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;background-size: 100%;}

.hero-section {
    padding-top: 200px;
    text-align: center;
    padding-bottom: 150px;
}

.hero-section h4{
font-size: 24px;
color: var(--light-grey);
line-height: 38px;
margin-bottom: 24px;
}

.hero-section h6{
    margin-top: 32px;
    font-size: 16px;
color: var(--light-grey);
line-height: 30px;
margin-bottom: 24px;
}

footer p {
    font-size: 14px;
}


.vc_tta.vc_general .vc_tta-tab>a{padding: 10px 50px !important;
    margin-bottom: 12px !important;}


.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a {
    border-color: var(--light-grey) !important;
    background-color: var(--light-grey) !important;
    color: var(--dark-blue) !important;font-family:'Radio Canada Bold';
}

.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab.vc_active>a {
    border-color: var(--light-yellow) !important;
    background-color: var(--light-yellow) !important;
    color: var(--dark-blue) !important;
}


.authors-row .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    border: 1px solid var(--grey);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 30px;    min-height: 385px;
}

.authors-row a.vc_btn3{background: transparent !important;
color: var(--light-blue) !important;
padding: 0px;
font-size: 16px;
line-height: 28px;
text-decoration: underline;border: 0px !important;}

.authors-row .wpb_single_image{margin-bottom: 10px !important;}

.text-link{margin-bottom: 0px !important;}

.authors-row .wpb_text_column {
    margin-bottom: 8px;
}


.copyright-box {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 13px;
}


.top-bar {
    background: var(--grey);
    padding: 12px;
    min-height: 48px;
    height: auto;
    text-align: center;
    color: var(--blue);
}


.top-bar a{color: var(--blue);text-decoration: underline !important;    display: inline-block;
    margin-left: 20px;}



.content-area-inner {
    padding-top: 30px;
    padding-bottom: 80px;
}

.content-area-inner h1,
.content-area-inner h2,
.content-area-inner h3,
.content-area-inner h4,
.content-area-inner h5,
.content-area-inner h6{color: var(--light-yellow);}

ul.vc_tta-tabs-list .fa-adjust:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(1) i:before{
    background: url('assets/images/trade.png');    background-size: 100%;color: transparent !important;
}

ul.vc_tta-tabs-list i,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel i{    font-size: 21px !important;}

ul.vc_tta-tabs-list li:nth-child(2) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(2) i:before{
    background: url('assets/images/travel.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}

ul.vc_tta-tabs-list li:nth-child(3) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(3) i:before{
    background: url('assets/images/vpn.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}    

ul.vc_tta-tabs-list li:nth-child(4) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(4) i:before{
    background: url('assets/images/fashion.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}

ul.vc_tta-tabs-list li:nth-child(5) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(5) i:before{
    background: url('assets/images/fitness.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}

ul.vc_tta-tabs-list li:nth-child(6) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(6) i:before{
    background: url('assets/images/gambling.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}

ul.vc_tta-tabs-list li:nth-child(7) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(7) i:before{
    background: url('assets/images/crypto.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}

ul.vc_tta-tabs-list li:nth-child(8) i:before,
.vc_tta-panels-container .vc_tta-panels .vc_tta-panel:nth-child(8) i:before{
    background: url('assets/images/saas.png') no-repeat;    
    background-size: 100% !important;
    color: transparent !important;}  


.vc_tta.vc_general .vc_tta-panel-heading{    border-color: var(--light-grey) !important;
    background-color: var(--light-grey) !important;
    color: var(--dark-blue) !important;
    font-family: 'Radio Canada Bold';
    margin-bottom: 12px !important;}

.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading{border-color: var(--light-yellow) !important;
    background-color: var(--light-yellow) !important;
    color: var(--dark-blue) !important;}


.vc_tta.vc_general .vc_tta-panel-heading a{   color: var(--dark-blue) !important;padding: 13px 42px !important;
    font-size: 17px;}

.p-lr-4 {
    padding-left: 4%;
    padding-right: 4%;
}

.navbar-toggler{border: 0px !important;}
.navbar-toggler .navbar-toggler-animation span{    background: var(--light-grey) !important;}


.footer-post-grid {
    background: transparent;
    border: 0px !important;
    padding: 0px !important;
}

.footer-post-grid .card-body {
    padding-top: 0px;
}
.footer-post-grid .card-title {
    font-size: 13px;
    font-weight: normal;
    color: var(--yellow);
}

a.icon-link {
    color: var(--light-grey) !important;
    font-size: 14px !important;
}

.cta-para {
    width: 750px;
    margin: 0 auto;
    margin-bottom: 32px;
    text-shadow: 1px 1px 1px #000;
}

.cta-para p{color: var(--light-grey);}

.sub-title {
    font-weight: 400 !important;
    font-family: 'Radio Canada' !important;
    color: var(--light-grey) !important;
}

.post-hero {
    padding-top: 150px;
    text-align: center;
    padding-bottom: 150px;
    background: linear-gradient(135deg, rgba(254, 222, 0, 1) 0%, rgba(27, 22, 129, 1) 87%);
    margin-bottom: 50px;
}

.post-hero h1{color: var(--light-grey);    font-size: 44px;
    line-height: 60px;}

.post-image {
    margin-bottom: 32px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{color: var(--grey);}

.post-content h2,
.post-content h3{font-size: 28px;line-height: 42px;margin-bottom: 16px;}

.email-address a{color: var(--light-grey);}

footer li{font-size: 14px;}


.wpcf7-submit {
    color: #0f1027 !important;
    background: #fede00 !important;
    border: 1px solid #fede00 !important;
    border-radius: 100px !important;
    font-family: 'Radio Canada Semi Bold' !important;
    padding: 10px 32px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    width: 100%;
}




.hero-gradient .wpb_column {
    z-index: 1;
}

.number-box {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid var(--light-yellow);
    text-align: center;
    display: inline-block;
    padding: 5px 20px;
}

.numbers-row .icons-block .vc_column-inner > .wpb_wrapper {
    min-height: 412px;
}

.icons-block p a,
.wpb_text_column p a {
    color: var(--light-blue);
    text-decoration: underline !important;
}


.check-list{}

.check-list ul {
}

.check-list ul li:before{content: '';
    width: 24px;
    height: 24px;position: absolute;
    top: 0px;left: -30px;
background: url('assets/images/check.png') no-repeat;
}

.check-list li {
    position: relative;    list-style: none;
}

.check-list li::marker{display: none;}

.check-list strong{color: var(--light-yellow);
    font-family: 'Radio Canada Semi Bold' !important;}

.check-list a{color: var(--light-blue);
text-decoration: underline !important;}

.numbers-row .icons-block .vc_column-inner > .wpb_wrapper{padding-bottom: 0px !important;}

input.wpcf7-form-control,
select.wpcf7-form-control {
    border-radius: 24px;
    padding: 12px 16px;
    background: var(--light-grey);
    width: 100%;
}

textarea.wpcf7-form-control{ border-radius: 24px;
    padding: 12px 16px;
    background: var(--light-grey);
    width: 100%;height: 110px;}


.glass-box{padding: 0px 10px !important;}    


.glass-box > .vc_column-inner > .wpb_wrapper {
    background: linear-gradient(135deg, rgba(30, 25, 82, 1) 0%, rgba(30, 25, 82, 0) 100%);
    border: 1px solid #1E1952;
        border-radius: 6px;
    padding: 24px;
    min-height: 150px !important;
}


.glass-box .vc_icon_element-icon{color: var(--light-yellow) !important;}

.inline-icon {
    display: inline;
}
.inline-heading {
    display: inline;
}

.glass-box .vc_icon_element-inner {
     height: auto !important;
    text-align: left !important;
    margin-left: 0px;
    width: 1.5em !important;
    margin-right: 16px;    top: -4px;
}

.glass-box .vc_icon_element-icon:before{    font-size: 24px;}


.sub-menu {
        padding-left: 0;
        position: absolute;
        width: 15rem;
        z-index: 20;
        background: #0F1027;
        left: 0rem;
        top: 3.1875rem;
        padding: 5px 0 10px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24);
        transition: all .2s ease-in-out;
        opacity: 0;
        visibility: hidden;    list-style: none;
    text-align: left;
    }

.menu-item:hover>.sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;list-style: none;
    text-align: left;
    }

.menu-item-has-children {
    position: relative;
}   


.menu-item-has-children>a:after {
        content: '\E800';
        display: inline-block;
        color: #000;
        font-family: fontello;
        font-size: 12px;
        margin-left: 12px;
        transform: rotate(90deg);
    }




@media (max-width: 767px){

.hero-banner h1 {
    font-size: 32px;
    line-height: 44px;
}

body .hero-banner {
    padding-top: 110px !important;text-align: center !important;
}

.header-absolute{    top: unset !important;}

.inline-image {
    display: inline-block;
    padding: 2px 12px;
}

.hero-banner .primary-button a{    margin-bottom: 30px !important;}

.hero-banner img{width: 80%;}

.hero-banner .wpb_single_image {
    text-align: center !important;
}

.client-logo {
    text-align: center;
}
.about-left .vc_column-inner {
    padding-left: 15px !important;
}

.faq-section {
    padding: 32px 10px;
}

.tab-icon-block {text-align: center;}

/*.tab-icon-block {
    width: 50% ! IMPORTANT;
    float: left;
}*/

}


@media (min-width: 768px){

.menu-main-menu-container{    margin-left: 100px;}
.cta-para {
    width: 750px;}

.hero-subtitle{    width: 650px;
    margin: 0 auto;}


.contact-row {
    padding-left: 8%;
    padding-right: 8%;
}    


}