﻿.white-bg{
    background-color:#fff;
    margin-top:64px;
}

.top-padding{
    padding-top:30px;
}

.blue-text, body.spiritdental h1.blue-text {
    color: #4281A4 !important;
}

.StateName, .spiritdental h1.StateName {
    font-size: 92px;
    font-family: 'Montserrat', sans-serif !important;  
    font-weight: 400;  
    margin-top: 10px;
}

.div-aux1{
    font-size:14px;
}

.div-aux2 {
    font-size: 32px;
    padding-top:50px;   
    display: inline-flex;
}

.div-aux3 {
    font-size: 16px;
    text-align:left;
    width:80%;
}

.div-aux4{
    height:50px;
}

.div-aux2 h1 {
    font-weight: 400;
    font-family: 'Montserrat','DM Sans',sans-serif !important;
}

#RaterInput div.home-rater-input{
    margin-top:0px;
    padding-top:0px;
}

div#RaterInput select.select-rater {
    font-size: 16px;
    width: 168px !important;
    height: 58px !important;
    margin-top: -5px;
}

div#RaterInput input.input-rater {
    font-size: 16px;
    width: 132px;
    height: 58px;
}

div.btnsearch{  
    width:143px !important;
}

div#RaterInput button.btn-search-main {
    font-size: 16px !important;
    height: 58px;
}

#bodyContent_C005_Col00{
    background-color:#fff;
    max-width:100%;
}

.div-badge {
    width: 20%;
    align-content: center;
    display: block;
    text-align: center;
    max-width: 20%;
    padding-left: 30px;
    padding-right: 30px;
}

.img-badge {
    margin: auto;
}

.p-badge {
    margin: auto;
    color: #fff;
    padding-top: 20px;
    font-size: 19px;
}

@media(min-width: 768px) {
    .black-div-aux2 {
        display: none !important;
    }

    .white-bg.top-padding .sf_colsOut.sf_2cols_1_50 {
        max-width:70%
    }
}

.spiritdental p.p-aux1 {
    font-size: 24px;
    font-family: 'Source Serif Pro';
}

.spiritdental p.p-aux2 {
    font-size: 16px;
}

.span-bold {
    font-weight: 600;
}

.sf_cols_aux .sf_2cols_2_75 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.row1 {
    background-color: #465560;
}

.row2 {
    background-color: #91b5c5;
}

.row3 {
    background-color: #4281a4;
}

.row4 {
    background-color: #e25928;
}

.row1, .row2, .row3, .row4 {
    width: 62%;
    border: 1px solid #fff;
}

.row1 .sf_2cols_2_50, .row2 .sf_2cols_2_50, .row3 .sf_2cols_2_50, .row4 .sf_2cols_2_50 {
    border-left: 1px solid #fff;
}

.sfContentBlock p.row_p1, .sfContentBlock p.row_p2, .sfContentBlock p.row_p3, .sfContentBlock p.row_p4 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    margin-top:10px;
    margin-bottom:10px;
}

.sf_2cols_2in_75 .row1 div{
    width:100%;
}

.container.container-white{
    background-color:#fff;
    margin-top:50px;
    text-align:center;
    padding-top:50px;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-bottom:50px;
}

.sf_cols-aux1{
    margin-top:50px;
    margin-bottom:50px;
}

.container-nocolor{
    height:0px;
}

@media(max-width:991px){
    .white-bg{
        width:90%;
        margin-top:92px;
    }

    .StateName{
        font-size:70px;
    }

    .sf_cols_aux .sf_2cols_1_25 {
        position: absolute !important;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        width:80%;
    }

    .sf_cols_aux .sf_2cols_2_75 {
        margin-top: 260px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .section-nav-aux1 {
        display:none; /*Removing TOC in Mobile*/
    }

    .section-nav ol.ol-aux {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        margin-left:0px;
    }

    .row1, .row2, .row3, .row4 {
        /*margin-left:-20px;*/
        width: 100%;
    }

    .sf_2cols_2_75 .sf_2cols_2in_75.sf_2cols_2in_75_aux {
        margin-left: 0px;
    }

    .sf_cols_aux .sf_colsOut.sf_2cols_2_75 {
        width: 80%;
    }

    .container.container.container-white {
        max-width: 100%;
        padding-bottom: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .container-white div div.sfContentBlock.sf-Long-text {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(max-width:767px) {
    .div-aux1 {
        font-size: 12px;
    }

    .div-aux2 {
        font-size: 20px;
    }

    .div-aux3 {
        font-size: 13px;
        /*width: 80%;*/
    }

    div.quoting-header.quoting-header-aux2 h4 {
        font-size: 20px;
    }

    #RaterInput select.select-rater.select-rater-aux {
        max-width: 340px !important;
        width: 340px !important;
    }

    div#RaterInput div#textinput-zipcode-id.textinput-zipcode {
        width: 340px !important;
    }

    div#RaterInput input.input-rater {
        width: 100%;
    }

    #RaterInput button.btn-search-main.btn-search-main-aux {
        width: 340px !important;
    }

    .div-aux4 {
        display: none;
    }

    .img-aux {
        /*margin-bottom: 50px;*/
        display: none; /*removing state image in Mobile*/
    }

    .black-div {
        width: 110% !important;
        margin-bottom: 0px !important;
        height: auto !important;
    }

    .black-div-aux1 {
        padding-top: 50px;
        padding-bottom: 26px;
    }

    .black-div-aux2 {
        padding-top: 25px;
        padding-bottom: 50px;
        margin-top: 0px !important;
    }

    .spiritdental p.p-badge {
        font-size: 12px;
    }

    .div-badge {
        max-width: 30%;
        width: 30%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .div-badge-aux2 {
        margin-left: 10%;
        margin-right: 10%;
    }

    .div-badge-mobile-hide {
        display: none;
    }

    .img-badge {
        width: 82px;
        height: 82px;
        object-fit: contain;
    }

    .sf_colsOut.sf_2cols_1_25 {
        background-color: transparent;
        border-bottom: none;
    }

    li.ToC-li a {
        font-size: 12px;
    }

    .sf_cols_aux .sf_2cols_2_75 {
        margin-top: 20px !important; /*Adjusting empty space below of the TOC in Mobile*/
    }

    /*.row1, .row2, .row3, .row4{*/
    /*margin-left:-20px;*/
    /*width:100%;
    }*/

    div .sf_cols.row2, div .sf_cols.row3, div .sf_cols.row4 {
        display: block !important;
    }

        div .sf_cols.row2 div.sf_colsOut, div .sf_cols.row3 div.sf_colsOut, div .sf_cols.row4 div.sf_colsOut {
            width: 50%;
        }

    /*   .container.container.container-white {    
     max-width:100%;
     padding-bottom:0px;
     padding-left:0px !important;
     padding-right:0px !important;
    }*/

    /*  .container-white div div.sfContentBlock.sf-Long-text{
        padding-left:20px;
        padding-right:20px;
    }*/

    .sf_cols-auxmobile1 .sf_2cols_2_50 {
        margin-top: 50px;
    }

    /* .sf_2cols_2_75 .sf_2cols_2in_75.sf_2cols_2in_75_aux {
        margin-left: 0px;
    }*/

    .sf_cols_aux .sf_colsOut.sf_2cols_2_75 {
        width: 90%;
    }

    .sf_cols_aux .sf_2cols_1_25 {
        width: 90%;
    }

    .white-bg, #bodyContent_C005_Col00 {
        background-color: unset !important;
    }

    div#RaterInput div.textinput.textinput-aux {
        width: 85% !important;
    }

    #RaterInput select.select-rater {
        font-size: 13pt !important;
    }

    #RaterInput select#selectCovList {
        width: 100% !important;
        max-width: 100% !important;
    }

    .btnsearch {
        display: initial;
        width: 100%;
        max-width: 100%;
        margin-left: 0%;
        margin-top: 0px;
    }

    div#RaterInput div#textinput-zipcode-id.textinput.textinput-zipcode, #RaterInput button.btn-search-main.desktop.tablet.tooltipholder {
        width: 100% !important;
        font-size: 16pt !important;
    }

    #RaterInput button.btn-search-main {
        width: 94% !important;
        margin-top: 20px;
    }

    #RaterInput div.quoting-header-aux2 h4 {
        color: #4281A4 !important;
        font-size: 18pt !important;
    }

    #RaterInput button.btn-search-main {
        max-width: 485px;
        width: 485px !important;
        font-size: 16pt !important;
        height: 58px;
        padding: 10px;
    }

    #RaterInput input.input-rater {
        max-width: 370px;
        width: 370px;
        padding: 10px;
        height: 60px;
        font-size: 16pt !important;
    }

    a .faq-header-title {
        line-height: 25px;
    }
}
