/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.10.4
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
@import url("https://use.typekit.net/zwb6gif.css");
html,
body{
    font-size: 100%;
    font-family: 'futura-pt', sans-serif;
    min-width: 350px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3{
    font-weight: 700;
}
p,ul:not(.menu),ol{
    font-size: 1.2rem;
    line-height: 1.8;
}
ol {list-style: none; counter-reset: li}
ol li::before {content: counter(li) ")"; color: #ad1e23;
    display: inline-block; width: 1em;
    margin-left: -1em}
ol li {counter-increment: li}
#intro h1,
#intro h2,
.main-container h1,
.main-container h2
{
    font-family: 'bely', serif;
    font-weight: 700;
}
.after-intro h3,
.before-footer h3{
    font-family: 'futura-pt', sans-serif;
    font-weight: 700;
    font-size: 1.65rem;
}
a:focus,
a:hover{
    color: #c76f58;
}

.bg-teal{background: #8ccfc7;}
.bg-teal:not(#intro):hover{background: #5eaea4}
.bg-rust{background: #c76f58}
.bg-rust:not(#intro):hover{background: #af5841}
.bg-blue{background: #2a3845 !important;}
.bg-blue:not(#intro):hover{background: #1c2935;}
.bg-yellow{background: #e0a94d;}
.bg-yellow:not(#intro):hover{background: #cf9940;}
.bg-gray{background: #444444;}
.bg-gray:not(#intro):hover{background: #797979;}
.bg-red{background: #ad1e23 !important;}
.bg-red:not(#intro):hover{background: #84191d;}
.bg-nocl{background: none;}
.bg-nocl:not(#intro):hover{background: none;}
form.CalculatorForm .button{
    padding: 1rem 2rem;
    font-size: 1.2rem;
    margin-left: 30px;
}
form.CalculatorForm .cal_assum{
    font-size: 1rem;
}
#intro.bg-rust a{
    color:#c76f58;
}
#intro.bg-rust a:hover{
    color: #6f4338;
}
.page-teal a{
    color:#348e84;
}
.page-rust a{
    color:#c76f58;
}
.page-blue a{
    color:#2a3845;
    text-decoration: underline;
}
.page-yellow a{
    color:#e0a94d;
    text-decoration: underline;
}
.page-gray a{
    color:#444444;
    text-decoration: underline;
}
.page-red a{
    color:#ad1e23;
    text-decoration: underline;
}


.text-teal{color: #348e84;}
.before-footer,
.before-footer a,
.after-intro,
.after-intro a{
    color: #fff;
}
li.btn-red a{
    background: #ad1e23 !important;
    color: #fff !important;
    border-radius: 50px;
    max-width:100%;
    text-align:center;
}
li.btn-red a:hover{
    background: #84191d;
}
/* Footer */
.before-footer .text a,
.after-intro .text a{
    padding: 1.8rem 1.2rem;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.after-intro,
.before-footer{
    min-height: 16.66667vw;
}

.before-footer img,
.after-intro img{
    width: 100%;
}
.before-footer .read-more,
.after-intro .read-more{
    position: absolute;
    bottom: 1.8rem;
    right: 1.2rem;
    /*background: url('dist/assets/images/chevron-right-white.png') no-repeat bottom right;*/
    background-size: 16px;
    font-size: 1rem;
    max-width: 80%;
    padding-right: 20px;
    min-height: 20px;
    color: #fff;
}
.before-footer .read-more i,
.after-intro .read-more i{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}
.footer-container{
    border-top: none;
    margin-top: 0;
}
.section_recent_p {
    padding:48px 0;
    background-color: #f7f6f4;
}

.footer-logo,
footer .button{
    margin-bottom: 50px;
}
.footer-logo{
    max-width: 90%;
}
.footer-grid{
    padding: 3.875rem 0;
}
.footer-grid h6{
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
footer p,
.contact-footer .contact-item p{
    margin-bottom: 0;
    color: #424242;
    font-size: 1rem;
    line-height: 1.5;
}
.contact-footer .contact-item p{
    font-size: 1.1rem;
}
.contact-footer .contact-item a{
    color: #797979;
}

.contact-footer .contact-item.social a{
    margin-right: 20px;
}
.footer-legal {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    gap: 0.5rem;
    border-top: 1px dotted #cecece;
}

.footer-legal ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-legal ul li{
    padding: 0 5px;
    margin: 0;
}
.footer-legal ul li a{
    font-size: 16px;
    color: inherit;
}
@media (max-width: 840px) {
    .footer-legal {
        flex-direction: column;
    }
}
#intro {
    padding-top: 50px;
    padding-bottom: 50px;
    /* pointer-events: none;*/
}
#intro a{
    box-shadow: 0px 1px;
}
#intro a.button.no-bg{
    padding: 0;
    background: none;
    border: none;
    box-shadow: none ;
    /*font-size: 1.25rem;*/
    line-height: 1.7;
}
#intro  .feature-image {
    color: #fff;
}
#intro  .into-text{
    position: relative;
    color: #fff;
}

#intro h2{
    color: #fff;
    font-size: 3rem;
}
#intro  .into-text p{
    font-size: 1.25rem;
    line-height: 1.8;
}
#intro img{border-radius: 50%;}
.home #intro img{border-radius: 0;}
.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.search-popup.open{
    opacity: .95;
    visibility: visible;
}
.search-form {
    width: 100%;
    position: relative;
    border-bottom: 3px solid #fff;
    padding: .5rem 0;
}
.search-popup-container {
    display: flex;
    align-items: center;
    max-width: 75rem;
    width: 100%;
    height: 100%;
    padding: 0 .9375rem;
    margin: 0 auto;
    position: relative;
}
.search-popup-close {
    position: absolute;
    top: 0;
    right: .9375rem;
    margin-top: 3rem;
    width: 40px;
    height: 40px;
    font-size: 2.5rem;
    line-height: 32px;
    color: #333;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.search-form .search-button {
    position: absolute;
    right: 0;
    top: calc(50% - 1.5625rem);
    width: 2.4375rem;
    height: 2.4375rem;
    text-align: center;
    cursor: pointer;
}
.top-bar, .top-bar ul{
    background: #fff;
    padding:0;
}
header a {
    color:black;
}
header a.logo{
    width: 230px;
    display: block;
    margin-bottom: 10px;
}
span.tagsite{
    font-size: 1.1rem;
}
ul.submenu{
    border-top:5px solid #c76f58;
}
.top-bar-right a{
    font-weight: 500;
}

.title-bar{
    padding: 1rem 1.5rem;
}
.title-bar .menu-icon{
    float: right;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.25rem;
}
.title-bar-title{
    max-width: 250px;
}
.top-bar-title{
    margin-top: 6px;
}
.top-right{
    padding-top: 1rem;
}
#menu-top-menu>li{
    margin-left: 8px;
}
#menu-top-menu>li>a{
    font-size: 1rem;
    font-weight: 700;
}
#menu-top-menu{
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 0.875rem;
}

#menu-main-menu>li{
    padding-bottom: 30px;
    margin-left: 30px;
}
ul.submenu{
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.submenu .submenu{
    min-width: 250px;
}
#menu-main-menu>li>a{
    font-size: 1.2rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

#menu-main-menu.dropdown.menu>li.btn-red>a{
    padding-left: 40px;
    padding-right: 40px;
}
.dropdown.menu>li.is-active>a{
    color: #c76f58;
}
.dropdown.menu.vertical>li.opens-right>a{
    width: 100%;
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub{
    right: auto;
    left: 0;
}
.dropdown.menu.vertical>li.opens-right>a::after{
    background: url(/wp-content/themes/CheckFirst/dist/assets/images/chevron-right-grey.png);
    border:none;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-size: 20px;
    right: 0;
    top: 60%;
}
.inner-content{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.share-story{
    margin-top: 40px;
    margin-bottom: 40px;
}
.share-story h4{
    margin-bottom: 20px;
}
.share-story a{
    padding-left: 20px;
    padding-right: 20px;
}

.category-story{
    margin-bottom: 90px;
}

.category-story .head{
    margin-bottom: 40px;
}
.category-story .columns{
    margin-bottom:10px;
}
.category-story .inner-related{
    background: #f7f6f4;
    padding: 15px;
}
.category-story .content_story{
    height:100%;
    background:#f7f6f4;
    border-radius: 5px;
    overflow: hidden;
}
a.all-stories{
    color: #8ccfc7;
    float: right;
}
.page-template-page-thanks .main-grid{
    margin-top: 0;
}
form .hidden{
    display: none;
}
.font-bely{
    font-family: 'bely', serif;
}
.number{
    border: 7px solid #c76f58;
    border-radius: 50%;
    width: 90px;
    color: #c76f58;
    font-weight: 700;
    font-size: 80px;
    line-height: 0.8;
    padding-bottom: 16px;
    text-align: center;
}
.custom-tabs .vc_tta-tabs-container{
    margin-bottom: 3rem !important;
}
.custom-tabs li.vc_tta-tab a {
    background: none !important;
    padding: 0 5px !important;
    line-height: 1.8;
    font-size: 1.2rem;
    font-weight: 700;
}
.custom-tabs .vc_toggle .vc_toggle_icon{
    left: unset !important;
    right: 0;
    font-family: "Font Awesome 5 Free";
    background: none;
    border: none;
    font-weight: 900;
}


.custom-tabs .vc_toggle .vc_toggle_icon::before{
    content: "\f067";
    font-size: 2rem;
    visibility: unset;
    font-style: normal;
    background: none;
    border: none;
    right: 40px;
    left: unset;
    top: unset;
    bottom: 0px;
}
.custom-tabs .vc_toggle .vc_toggle_icon::after{
    content: none;
}
.custom-tabs .vc_toggle_default.vc_toggle_active .vc_toggle_icon::before{
    content: "\f00d";
    visibility: unset;
}
.custom-tabs .vc_toggle_title{
    padding-top: 15px;
    border-top: 2px solid #eeece8;
    padding-left: 0 !important;
}
.custom-tabs .vc_toggle_default.vc_toggle_active .vc_toggle_title{
    color: #c76f58;
}
.custom-tabs .vc_toggle_default .vc_toggle_title h3{
    font-size: 1.4rem;
}
.custom-tabs .vc_toggle_size_md.vc_toggle_default .vc_toggle_content{
    padding-left: 0;
}
/*calculator*/
form .formLeft p{
    display: none;
    font-size: 1rem;
}
label{
    font-size: 1.1rem;
}
form label{
    font-size: 1.2rem;
}
form label i{
    font-size: 1rem;
}
.ipt_fsqm_success_wrap{text-align: center;}
.progress_bar {padding:13px 0 !important;overflow: hidden;float: left;width: 100%;}
.progress_group{width:25%; float: left; text-align: center; font-weight: 900;}
.progress_group .low{background: #a1e2db; border-right: 5px solid #EBEBEB; height: 60px;line-height: 60px; color: #fff; border-top-left-radius: 27px; border-bottom-left-radius: 27px;font-size: 24px;font-weight: 700;font-family: 'bely', serif;}
.progress_group .moderate{background: #8ccfc7; border-right: 5px solid #EBEBEB; height: 60px;line-height: 60px; color: #fff;font-size: 24px;font-weight: 700;font-family: 'bely', serif;}
.progress_group .above_average{background: #7ec2ba; border-right: 5px solid #EBEBEB; height: 60px;line-height: 60px; color: #fff;font-size: 24px;font-weight: 700;font-family: 'bely', serif;}
.progress_group .high{background: #5eaea4; height: 60px; line-height: 60px; color: #fff; border-top-right-radius: 27px; border-bottom-right-radius: 27px;font-size: 24px;font-weight: 700;font-family: 'bely', serif;}

.ipt-uif-custom-material-default i{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
.ipt-uif-custom-material-default h2.quizResult_final,
.ipt-uif-custom-material-default h3.number,
.ipt-uif-custom-material-default h3.quizResult{
    font-family: 'bely', serif;
    font-weight: 700;
    color: #c76f58;
}
.ipt-uif-custom-material-default h3.number{
    float: none;
    margin: 0 auto;
    border: 5px solid;
    font-size: 4rem;
    padding: 5px 10px;
}
.ipt-uif-custom-material-default p.quizz_teal{color:#8ccfc7;}
.page-template-page-blogs .readmore-post{
    color: #c76f58 !important;
}
.search-popup-container{
    flex-wrap:wrap;
}
strong.search-highlight{
    background:yellow;
}
.slick-next{
    right:10px;}
.slick-prev{
    left:10px;
    z-index:1;}
.slick-dotted.slick-slider{
    margin-bottom:0 !important ;}
.slick-dots{
    bottom:10px;}
.search-form{
    position:absolute;
    top:30%;}
#datafetch{
    position:absolute;
    top:calc(30% + 80px);}
ul.filter-category{
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom:40px;
    flex-wrap: wrap;
}
ul.filter li {
    display: inline-block;
    margin-bottom:10px;
}
ul.filter li.cat-item{
    padding: 0px 25px;
    border-radius: 35px;
    border: 2px solid rgb(140, 207, 199);
}
ul.filter li a{
    color:rgb(140, 207, 199);
    font-weight:500;
}
.content_filter{
    display: flex;
    flex-basis:100%;
    flex-wrap:wrap;
    justify-content: space-between;
}
.content_filter article{
    flex-basis:100%;
    margin-bottom:40px;
    overflow:hidden;
    border-radius:5px;
    display:flex;
    flex-direction:column;
}
.content_filter article img{
    width:100%;
}
.content_filter article .entry-content{
    background: #f7f6f4;
    padding: 40px 30px;
    flex:1;
}
.content_filter article h2{
    font-size: 1.8rem;
}
.inner-related a,
.content_filter article h2 a{
    color:rgb(67, 80, 96);
}
.category-tag{
    margin-left:0;
}
.category-tag li{
    display:inline-block;
}
.category-tag span{
    padding: 0 10px;
}
.button.load-more{
    margin-bottom:60px;
}
.button.bg-teal:focus,
.button.load-more:focus{
    background:#8ccfc7;
}

.top-bar-left{position:absolute;z-index:999;}
.top-bar-right{flex-basis:100%;flex:1 !important;}
.off-canvas-content{max-width: 100%;overflow: hidden;}
.menu li {list-style: none;}
ul.mega-sub-menu .menu {
    flex-direction: column;
}
.top-bar-right a{font-weight: unset;}
ul.mega-sub-menu .menu a{font-weight: 500;}
ul.mega-sub-menu .menu .sub-menu a{font-weight: 400;padding-top: 5px;padding-bottom: 5px;}
ul.sub-menu {
    margin: 0;
    font-size: 16px;
}
.menu .is-active>a{background:none; color:hsl(12, 50%, 56%);}
.submenu-toggle::after{border-color:rgb(67, 80, 96) transparent transparent}
.mobile-menu .header-search{text-align:right;background:rgb(121 121 121 / 40%);}
.mobile-menu .btn-red{margin:16px;}
.mobile-menu .widget-social a{display:inline-block;margin-right: 5px;padding: 5px;}
.mobile-menu .widget-social a i{font-size:1em;}
.mobile-menu .mobile-widgets{padding:16px; }
.mobile-menu .mobile-widgets p{font-size:1rem;line-height:1;}
.mobile-menu .mobile-widgets p a{padding:0;}
span.dropdow{display:none;}
ul.sub-menu li{position:relative;display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
ul.sub-menu span.dropdow{display: block;}
ul.sub-menu .sub-menu{width:100%; transition: opacity 1s ease-out;
    opacity: 0;height:0;overflow:hidden;}
ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu{display: block;opacity:1;height:auto;}
#menu-top-menu-new .btn-red{margin-left:20px;}
#menu-top-menu-new .btn-red a{font-size:1.1rem;}
.a11y-toolbar{top:171px;}
.mobile-menu a{font-size:1rem;}
.above_copy_right{flex-direction: column;padding:48px 0;}
.above_copy_right p{margin-bottom:16px;}
.extend_width{background:#f7f6f4}
.ipt_fsqm_container_captcha .ipt_uif_question_label {display:flex;flex-direction: column-reverse;}
.ipt_fsqm_container_captcha .ipt_uif_question_label .ipt_uif_question_subtitle{font-size:20px !important;color:red !important;}
.ipt_fsqm_container_captcha .ipt_uif_question_label .clear-both{height:15px;border-top:1px solid;}


.ipt_fsqm_container_captcha span.error-message:nth-last-child(2){display:block;font-size:0 !important;}
.ipt_fsqm_container_captcha span.error-message:nth-last-child(2):after{content: '* Incorrect answer.';display:block; font-size:1rem;}
.slick-dots li{text-indent:-9999px;}
@media print, screen and (min-width: 40em){
    .h1, h1{
        font-size: 3.6rem;
    }
    .h2, h2{
        font-size: 2.625rem;
    }
    .content_filter article h2{
        font-size: 2.3rem;
    }
    .content_filter article{
        flex-basis:49%;
    }
    .top-bar .top-bar-left{flex: 0 1 auto;}

}
@media only screen and (min-width: 1024px) {

    .top-bar{
        max-width: 100%;
        margin: 0 auto;
    }
    header a.logo{margin-left : 3vw;height:auto;}
    #menu-top-menu-new{margin:16px 3vw}
    .mega-last-item{margin-right: 3vw !important;}
    #mega-menu-main-menu{margin-bottom: 16px !important;}
    #intro  .into-text .inner{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #intro img{
        margin-left: 55px;
    }
}
@media only screen and (min-width: 960px) {

    .ipt_fsqm_container_captcha .ipt_uif_question_content{margin-top:50px;}
    .site-mobile-title{
        max-width: 250px;
    }
    .content_filter article{
        flex-basis:32%;
        margin-bottom:80px;
    }
    .content_filter article:first-child{
        flex-basis:100%;
    }

    .content_filter article .entry-content{
        margin: 0 auto;
    }
    .content_filter article:first-child .entry-content{
        max-width: 90%;

        margin-top: -80px;
    }
    .content_filter article:nth-child(2),
    .content_filter article:nth-child(3){
        flex-basis:49%;
    }
}

@media only screen and (max-width: 640px) {

    .footer-container{
        padding-left: 50px;
        padding-right: 50px;
    }
    .footer-container .cell{
        padding-left: 5%;
        padding-right: 5%;
    }
    .contact-item,
    .contact-item h6{
        font-size: 1.7rem;
    }
    .before-footer h3{
        font-size: 2rem;
    }
    .after-intro .text,
    .before-footer .text{
        min-height: 100vw;
    }
    .before-footer a.read-more{
        font-size: 1.5rem;
        max-width: unset;
    }

}
@media only screen and (max-width: 480px) {
    h2 {
        font-size: 1.375rem;
    }
    .contact-footer .contact-item.social {
        text-align: center;
    }
    .contact-footer .contact-item.social a i {
        font-size: 1.5rem;
    }
    .contact-footer .contact-item.social a {
        margin: 0;
        padding: 0 20px;
    }
    .custom-tabs  .vc_separator h4 {
        font-size: 120%;
    }
}
@media only screen and (max-width: 320px) {
    .title-bar{padding:25px 25px 50px;}
    .site-mobile-title{margin-top: 20px;}
}


/* Max megamenu fixes - gf mar 04 */

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 600;
}
@media only screen and (max-width: 1023px) {
    #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
      background: #222;
      padding: 0px 0px 0px 0px;
      display: block;
    }
    #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu {
      display: block;
    }
}

/* youtube vids blowing out on home page */

body.home .entry-content > .vc_row-fluid {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}
body.home .entry-content > .vc_row-fluid > .vc_col-sm-6 {
    width: unset;
    flex: 1;
}
body.home .entry-content > .vc_row-fluid > .vc_col-sm-6 iframe {
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    body.home .entry-content > .vc_row-fluid {
        flex-direction: row;
    }
}


/* Fix to megamenu for how arrows are positioned */

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: unset;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    vertical-align: middle;
}

.wpb_wrapper .cell.medium-8.note > p {
    line-height: 1.2;
    font-size: 1rem;
}

#printResults:hover {
    color: #348e84 !important;
}