/*
Theme Name: Biblical Archaeology Society
Theme URI: https://amdeellc.com
Author: AmDee LLC
Author URI: https://amdeellc.com
Description: Custom Theme developed for Biblical Archaeology Society
Version: 1.1.0
License:
License URI:
Tags: white, two-columns, one-column, responsive-layout, theme-options, translation-ready, fullwidth-template
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap');
@import url("https://use.typekit.net/mjj2wkk.css");

@font-face {
    font-family: 'albertus_mediumregular';
    src: url('/wp-content/themes/baswp/assets/fonts/albertus_medium_regular_font.woff2') format('woff2'),
        url('/wp-content/themes/baswp/assets/fonts/albertus_medium_regular_font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/*font-family: 'Merriweather', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
}

h5,
h6 {
    font-weight: 400;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 44px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

.f14 {
    font-size: 14px !important;
    line-height: 16px
}

.f16 {
    font-size: 16px !important;
    line-height: 18px
}

.f18 {
    font-size: 18px !important;
    line-height: 20px
}

.f20 {
    font-size: 20px !important;
}

.clrRed {
    color: #dd2a44;
}

.br0 {
    border: 0 !important;
    border-bottom: 0px;
}

.brb1 {
    border-bottom: 1px solid #979797;
}

.brb0 {
    border-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mbt100 {
    margin-top: 100px !important;
}


body {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 18px;
    color: #4a4a4a;
    background: #fff;
    position: relative;
	font-weight: 400;
    font-family: 'proxima-nova', sans-serif;
}

*:focus {
    outline: none !important;
    outline-offset: none !important;
    outline-offset: 0 !important;
}

a {
    text-decoration: underline;
    transition: all 0.3s ease;
    color: #4a90e2;
}

input:focus,
label:focus {
    outline: none !important;
    outline-offset: none !important;
    outline-offset: 0 !important;
}

ul:not(.browser-default) {
    padding-left: 18px;
    list-style-type: disc;
}

ul:not(.browser-default) > li {
    list-style-type: disc;
}

::-moz-selection {
    background-color: #d76d77;
    color: #fff
}

::selection {
    background-color: #d76d77;
    color: #fff
}

::-moz-selection {
    background-color: #d76d77;
    color: #fff
}

::-webkit-selection {
    background-color: #d76d77;
    color: #fff
}

:-webkit-focus {
    outline: none !important;
}

:-moz-focus {
    outline: none !important;
}

:focus {
    outline: none !important;
}

select:-webkit-focusring {
    color: #dd2a44 !important;
    text-shadow: 0 0 0 #333;
}

select:-moz-focusring {
    color: #dd2a44 !important;
    text-shadow: 0 0 0 #333;
}

select:focusring {
    color: #dd2a44 !important;
    text-shadow: 0 0 0 #333;
}

::input-placeholder {
    color: #999 !important;
}

::-moz-input-placeholder {
    color: #999 !important;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #ccc;}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #dd2a44;}*/
.img-responsive {
    width: 100%
}

.lnk {
    color: #4a90e2;
    cursor: pointer;
}

address a {
    color: #4a90e2;
    cursor: pointer;
}

.browser-default {
    padding-left: 18px;
    list-style: inherit;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #979797;
}

.required label:before {
    content: "*";
    color: #f44336;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    margin-top: 3px;
    margin-left: 5px;
    opacity: 1 !important;
    right: -10px !important;
    left: auto !important
}

.badge.badge-danger {
    background: #dd2a44;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    font-family: 'proxima-nova', sans-serif;
}

.br0 {
    border-radius: 0 !important;
}

.imgBox {
    overflow: hidden;
    display: block;
}

.imgBox img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-30 {
    margin-top: 30px
}

.tempBtn {
    background: #dd2a44;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 18px 20px;
    height: auto;
    border-radius: 0;
    display: inline-table;
}

.tempBtn:hover,
.tempBtn:focus {
    background: #ef5350;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .tempBtn {
        padding: 10px 15px;
    }
}

.tempTab .tabContent {
    display: none;
}

.tempTab .tabContent.current {
    display: block;
}

.tempTab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.tempTab ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    list-style-type: none;
    cursor: pointer;
    font-size: 32px;
    line-height: 40px;
    font-family: 'Merriweather', serif;
    border-bottom: 5px solid transparent;
}

.tempTab ul li.current {
    border-bottom: 5px solid #507d8b;
}

.contactTab.tempTab ul li span {
    position: relative;
}

@media (max-width: 991px) {
    .tempTab ul {
        margin-bottom: 30px;
    }

    .tempTab ul li {
        font-size: 22px;
        line-height: 26px;
    }

}

@media (max-width: 405px) {
    .contactTab.tempTab ul li {
        border-bottom: 0px;
    }

    .contactTab.tempTab ul li.current {
        border-bottom: 0px;
    }

    .contactTab.tempTab ul li span:before {
        content: '';
        width: 100px;
        height: 5px;
        position: absolute;
        left: 0;
        bottom: -10px;
    }

    .contactTab.tempTab ul li.current span:before {
        background: #507d8b;
    }




}

@media (max-width: 480px) {
    .contactTab .input-field textarea.materialize-textarea {
        margin-top: 25px;
    }

}


/*more text css*/
.moreText .moreText_content span,
.moreTextMobile .moreText_content span {
    display: none;
}

.moreText .moreText_link,
.moreTextMobile .moreText_link {
    display: block;
}

.moreText.nomoreBtn .moreText_link,
.moreTextMobile.nomoreBtn .moreText_link {
    display: none !important;
}



/*materialize customise*/
.row {
    margin-bottom: 0;
    width: 100%;
}

.row .col {
    padding: 0 15px;
}

.input-field {
    margin-bottom: 40px;
}

.input-field > label {
    font-family: 'Merriweather', serif;
    font-size: 18px;
    color: #4a4a4a;
}

.input-field > input {}

.modal {
    background-color: transparent;
    max-height: none;
    width: auto;
    margin: auto;
    overflow-y: auto;
    border-radius: 0;
}

.modal .modal-content {
    padding: 0;
}

.select-wrapper input.select-dropdown {
    color: #9b9b9b;
}

.dropdown-content {
    padding-left: 0 !important;
}

.dropdown-content li {
    list-style-type: none !important;
}


[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    border: 2px solid #507d8b;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 1px solid #507d8b;
    background-color: #507d8b;

}

.pagination li a {
    text-decoration: none;
}


/*boostrap customise*/
.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

@media (min-width:768px) and (max-width: 991px) {
    .hidden-tab {
        display: none;
    }
}

/*main style strat*/
#tempHeader {
    position: relative;
    z-index: 999;
}

#tempHeader .mainHeader {
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid #979797;
}

#tempHeader .mainHeader .brandLogo {
    line-height: 45px;
    text-decoration: none;
    display: block;
}

#tempHeader .mainHeader .brandLogo img {
    width: 100%;
    height: auto;
}

#tempHeader .mainHeader .brandLogo svg {
    width: 100%;
    height: 100%;
    max-height: 30px;
}

.searchBox {
    position: relative;
}

.searchBox input {
    width: 100%;
    height: 45px;
    padding: 10px !important;
    padding-right: 50px !important;
    border-radius: 3px;
    border: solid 1px #b7bbc0 !important;
    background-color: #ffffff;
    font-size: 16px;
    color: #9b9b9b;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.searchBox button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: transparent;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #d0d2d3;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.searchBox button:hover {
    color: #507d8b
}

.headerNav {
    text-decoration: none;
    font-size: 16px;
    line-height: 1.69;
    text-transform: uppercase;
    color: #4a4a4a;
    line-height: 45px;
}

.headerNav a {
    padding: 0 7px;
    color: #4a4a4a;
    transition: all 0.3s ease;
    text-decoration: none;
}

.headerNav a:hover,
.headerNav a:focus {
    color: #507d8b;
}

/* remove subscribe link btn formatting - ceg 2024-10-22

.subscribeBtn {
    width: 100%;
    height: 45px;
    line-height: 38px;
    text-decoration: none !important;
    border: solid 4px #507d8b;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-align: center;
    color: #4a4a4a;
    text-transform: uppercase;
    display: inline-table;
}

.subscribeBtn:hover,
#tempHeader .mainHeader .subscribeBtn:focus {
    background: #507d8b;
    color: #fff;
}

*/

#tempHeader .tempNav {
    background: #fff;
    border-bottom: 1px solid #979797;
    z-index: 9;
}

#tempHeader .tempNav .container {
    position: relative;
}

#tempHeader .tempNav .socialNav {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 15px;
    display: table;
    z-index: 9999;
}

#tempHeader .tempNav .socialNav li {
    list-style-type: none;
    display: inline-block;
}

#tempHeader .tempNav .socialNav li + li {
    margin-left: 15px;
}

#tempHeader .tempNav .socialNav li a {
    display: inline-block;
    text-decoration: none;
}

#tempHeader .tempNav .socialNav li i {
    font-size: 30px;
    line-height: 30px;
    color: #242a42;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#tempHeader .tempNav .socialNav li.fb a:hover i {
    color: #3b5998;
}

#tempHeader .tempNav .socialNav li.tw a:hover i {
    color: #55acee;
}

#tempHeader .tempNav .socialNav li.rs a:hover i {
    color: #f26522;
}

#mainNav .menu-toggle {
    position: absolute;
    top: -60px;
    left: 20px;
    cursor: pointer;
    width: 30px;
    height: 31px;
    padding: 15px 0;
}

#mainNav .menu-toggle span {
    width: 30px;
    height: 1px;
    background: #171717;
    line-height: 33px;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#mainNav .menu-toggle span:after,
#mainNav .menu-toggle span:before {
    content: '';
    width: 30px;
    height: 1px;
    background: #171717;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#mainNav .menu-toggle span:before {
    left: 0;
    top: -9px;
}

#mainNav .menu-toggle span:after {
    left: 0;
    bottom: -9px;
}

#mainNav .menu-toggle i {
    display: none;
}

#mainNav.active .menu-toggle span {
    background: transparent;
}

#mainNav.active .menu-toggle span:before {
    left: 0px;
    top: 0px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

#mainNav.active .menu-toggle span:after {
    left: 0px;
    bottom: 0px;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

#mainNav ul {
    text-align: left;
}

#mainNav > ul > li > a {
    font-size: 20px;
    text-transform: uppercase;
    padding: 24px 20px;
    transition: all 0.3s ease;
}

#mainNav > ul > li > a span {
    border-bottom: 5px solid transparent;
}

#mainNav > ul > li.active > a span {
    border-bottom-color: #507d8b;
}

#mainNav > ul > li:nth-child(3) a {
    padding-left: 0;
}

#mainNav > ul > li > a:hover,
#mainNav > ul > li > a:focus {
    color: #507d8b;
}

.searchNav,
.subscribeNav {
    padding: 7px 0px !important;
}

#mainNav .separator {
    width: 100%;
    padding: 10px 0;
    position: relative;
}

#mainNav .separator:before {
    content: '';
    width: calc(100% - 0px);
    background: #979797;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width:992px) {
    .searchNav {
        display: none !important;
    }

    #mainNav .socialLi {
        display: none !important;
    }

    #mainNav .dnLi {
        display: none !important;
    }

    #mainNav .separator {
        display: none;
    }
}

@media screen and (min-width:767px) {
    .subscribeNav {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    #mainNav > ul > li > a {
        font-size: 16px;
        padding: 20px 15px;
    }
}

@media screen and (max-width: 991px) {
    #tempHeader .mainHeader .searchDiv {
        display: none;
    }

    #tempHeader .mainHeader .headerNavDiv {
        display: none;
    }

    #tempHeader .mainHeader .logoDiv {
        height: 50px
    }

    #tempHeader .mainHeader .brandLogo {
        line-height: 50px;
    }

    #tempHeader .mainHeader .subscribeBtn {
        height: 50px;
    }

    #tempHeader .tempNav {
        background: #fff;
        border-bottom: 0px
    }

    #mainNav > ul > li > a {
        font-size: 16px;
        padding: 10px 0px;
    }

    #tempHeader .tempNav .socialNav {
        display: none;
    }

    .tempNav .container {
        padding: 0;
    }

    #mainNav.stellarnav.mobile ul {
        background: #fff;
        border-top: 0;
        padding: 15px;
        border-bottom: 1px solid #7d7d7d;
    }

}

@media screen and (max-width:767px) {
    #tempHeader .mainHeader .subscribeBtnDiv {
        display: none;
    }

    #tempHeader .mainHeader .logoDiv {
        height: 28px
    }

    #tempHeader .mainHeader .brandLogo {
        line-height: 28px;
        margin-left: 50px;
    }

    #tempHeader .mainHeader .brandLogo img {
        width: 240px;
    }

    #tempHeader .mainHeader .brandLogo svg {
        width: 90%;
        height: 100%;
    }

    #mainNav .menu-toggle {
        top: -45px;
        left: 16px;
        padding: 10px 0;
    }


}

#bannerSec {
    position: relative;
}

#bannerSec .containArea {
    position: relative;
    border-bottom: solid 1px #979797;
}

.moreDiv {
    line-height: 16px;
    position: relative;
    margin-bottom: -15px;
}

.more,
.moreDiv a {
    font-size: 14px;
    color: #d0021b !important;
    text-decoration: none;
}

.moreDiv.col {
    width: 100%;
    flex: 0 0 100%;
}

#bannerSec .bnrTitle {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 44px;
}

#bannerSec .bnrTitle a {
    color: #4a4a4a;
    text-decoration: none;
}

#bannerSec .bnrTitle a:hover {
    color: #507d8b;
}

#bannerSec .bnrText {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
}

#bannerSec .bnrText a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

#bannerSec .bnrCote {
    background: #507d8b;
    color: #fff;
    padding: 20px;
}

#bannerSec .bnrCote h5 {
    margin: 0;
    line-height: 30px;
}

#bannerSec .bnrCote h5 a {
    color: #fff;
    font-style: italic;
}

#bannerSec .bnrCote h5 img {
    width: 25px;
    line-height: 30px;
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    #bannerSec .bnrTitle {
        font-size: 30px;
    }

    #bannerSec .bnrText {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    #bannerSec .bnrImg {
        margin-bottom: 20px;
    }

    #bannerSec .bnrTitle {
        font-size: 32px;
    }

    #bannerSec .containArea {
        padding-bottom: 10px;
    }
}




#mainSec {
    position: relative;
}



.secHeading {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

.secHeading:before {
    content: '';
    width: 5px;
    height: 30px;
    background: #d0021b;
    position: absolute;
    top: 5px;
    left: 0;
}

.secTitle {
    margin-bottom: 30px;
    position: relative;
}

.secHeading .fa {
    color: #242a42;
    font-size: 28px;
}

@media screen and (max-width: 991px) {
    .secTitle {
        padding-left: 40px;
        text-align: left !important;
        font-size: 32px
    }

    .secTitle:before {
        content: '';
        width: 5px;
        height: 30px;
        background: #d0021b;
        position: absolute;
        top: 5px;
        left: 0;
    }
}

.commonSec {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #979797;
}

.digSec p > a {
    /*text-decoration: underline !important;    color: #4a90e2 !important;*/
}

.genSec {
    padding: 50px 0;
    position: relative;
    border-bottom: 1px solid #979797;
}


.latestBox {
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.latestBox .imgBox {
    width: 100%;
}

.latestBox .content {
    position: relative;
}

.latestBox .content .date {
    color: #d0021b;
    font-size: 14px;
    display: block;
}

.latestBox .content .desc {
    font-size: 18px;
    line-height: 24px;
}

.latestBox .content .by {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.latestBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.latestBox a:hover {
    color: #507d8b;
}


@media screen and (min-width: 992px) {
    .commonSec:after {
        content: '';
        width: 30px;
        height: 1px;
        background: #979797;
        position: absolute;
        bottom: -1px;
        right: -30px;
    }

    .commonSec.noAfter:after {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .latestBox .content .by {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .latestSec .latestBox {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 575px) {
    .latestSec .latestBox .imgBox {
        display: none;
    }
}


.currentIssuSec {}

@media screen and (max-width: 767px) {
    .currentIssuSec .currentIssuBox img {
        margin-bottom: 20px;
    }

    .currentIssuSec .currentIssuBox .col-md-4 {
        text-align: center;
    }
}

.sideBar {
    position: relative;
    height: 100%;
    border-left: 1px solid #979797;
    padding: 30px 0;
}

.mustReadSec {
    margin-bottom: 30px;
    padding-left: 30px;
}

.mrbBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mrbBox .imgBox {
    width: 80px;
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.mrbBox .content {
    width: calc(100% - 80px);
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    padding-left: 15px;
}

.mrbBox {
    color: #4a4a4a;
    text-decoration: none;
}

.mrbBox:hover {
    color: #507d8b;
    text-decoration: none;
}


.newslaterBox {
    padding: 30px 28px;
    margin-bottom: 40px;
    background: #f8f8f8;
}

.newslaterBox h4 {}

.newslaterBox p {
    font-size: 14px;
}

.newslaterBox .input-field > label {
    color: #9e9e9e;
}

.barEditBox {
    padding: 20px 30px;
    margin-bottom: 30px;
    background: #f8f8f8;
}

.giftBarBox {
    padding: 20px 30px;
    margin-bottom: 30px;
    background: #f8f8f8;
}

.giftBarBox h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 400;
}

.giftBarBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.giftBarBox a:hover {
    color: #507d8b;
}

.letterBox {
    padding: 20px 30px;
    margin-bottom: 30px;
    background: #f8f8f8;
}

.googleAdd {
    padding: 30px
}

.pcrBox {
    padding-left: 30px;
}

.pcrBox .media {
    margin-bottom: 33px !important;
}

.pcrBox .media img {
    width: 100px !important;
    margin-right: 20px !important;
}



.sclrStdyBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.sclrStdyBox a:hover {
    color: #507d8b;
}

.mrBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.mrBox a:hover {
    color: #507d8b;
}


.mrWideBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.mrWideBox a:hover {
    color: #507d8b;
}


.upComTraEvntSec {}

.uteBox {
    position: relative;
}

.uteBox .content {
    padding: 15px 0;
}

.uteBox .content .date {
    color: #d0021b;
    font-size: 14px;
}

.uteBox .content .desc {
    font-size: 14px;
}

.uteBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.uteBox a:hover {
    color: #507d8b;
}

.passSec .passImg {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
    display: block;
}

.sideBar .passSec {
    padding-left: 30px;
}

.sideBar div.pl-3 {
    padding-left: 30px !important
}

.volnBox {
    padding-left: 30px
}

.exBox {
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .sideBar div.pl-3 {
        padding-left: 0px !important
    }

    .volnBox {
        padding-left: 0px
    }

    .exBox {
        padding-left: 0px
    }

    .pcrBox {
        padding-left: 0px;
    }

    .sideBar .passSec {
        padding-left: 0px;
    }

    .mustReadSec {
        padding-left: 0px;
    }

    .sideBar {
        border-left: 0px;
    }

    .giftBarBox {
        text-align: center;
        padding: 15px;
    }

    .googleAdd {
        display: none;
    }

    .newslaterBox {
        display: none;
    }

    .quickLinhBox {
        display: none;
    }

    .pcrBox .media img {
        width: 90px !important;
        margin-right: 20px !important;
    }


}

@media screen and (max-width:767px) {
    .upComTraEvntSe .uteBox {
        margin-bottom: 30px;
    }

    .passSec .tempBtn {
        width: 100%
    }

    .mrbBox .imgBox {
        width: 48%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }

    .mrbBox .content {
        width: 48%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }



}


.tempFooter {
    background: #3c3c3c;
    color: #fff;
}

.tempFooter h5 {
    font-size: 20px;
}

.tempFooter .list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tempFooter .list li {
    list-style-type: none;
}

.tempFooter .list li a {
    color: #ddd;
    line-height: 30px;
    text-decoration: none;
}

.tempFooter .list li a:hover {
    color: #fff;
}

.tempFooter .social {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tempFooter .social li {
    list-style-type: none;
    display: inline-block;
}

.tempFooter .social li + li {
    margin-left: 10px;
}

.tempFooter .social li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

.tempFooter .social li i {
    font-size: 30px;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tempFooter .social li.fb a:hover i {
    color: #3b5998;
}

.tempFooter .social li.tw a:hover i {
    color: #55acee;
}

.tempFooter .social li.rs a:hover i {
    color: #f26522;
}

.tempFooter .footerTop {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    padding: 50px 0;
}

.tempFooter .footerBot {
    padding: 30px;
    text-align: center;
}

.input-group input {
    margin: 0 !important;
    height: auto !important;
    background: #fff !important;
    padding: .375rem .75rem !important;
    width: auto !important;
}

.input-group input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.input-group .btn {
    border-radius: 0 !important;
    background: #dd2a44;
}

@media screen and (max-width:767px) {
    .tempFooter {
        text-align: center;
    }
}


.blogPostSec a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}
.blogPostSec h4 a {
	text-decoration: none !important;
}

.blogPostSec h4 a:hover {
	text-decoration: underline !important;
}

.greenBnrSec {
    position: relative;
}

.greenBnrSec a {
    color: #fff;
    text-decoration: none;
}

.greenBnrSec .containArea {

	color: #507D8B;
    padding: 40px 15px 10px 15px;
    text-align: center;
}

.greenBnrSec .containArea h1 {
/*    text-transform: uppercase; */
}

@media screen and (max-width:991px) {
    .greenBnrSec .containArea h1 {
        font-size: 32px;
    }
}

@media screen and (max-width:767px) {
    .greenBnrSec .containArea h1 {
        font-size: 24px;
    }
}

.pastIssuSec {}

.piBookBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.piBookBox .imgBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.piBookBox .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-top: 15px;
}

.piBookBox .content p {
    margin: 0;
}

.piBookBox .content .vol {
    font-size: 14px;
}

@media screen and (max-width:767px) {}

@media screen and (max-width:575px) {
    .piBookBox .imgBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .piBookBox .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-top: 0;
        padding-left: 30px;
    }
}

.box404 {
    text-align: center;
}

.box404 h1 {
    font-size: 100px;
    font-weight: 800;
    font-family: 'proxima-nova', sans-serif;
    text-transform: uppercase;
}

.box404 h2 {
    font-size: 36px;
    font-weight: 800;
    font-family: 'proxima-nova', sans-serif;
    text-transform: uppercase;
}


.crGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.crGroup .crBox {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
}

.crGroup .crBox input[type=checkbox],
input[type=radio] {
    display: none;
}

.crGroup .crBox label {
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    line-height: 60px;
    border: 1px solid #4a4a4a;
    background: #fff;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.crGroup input[type=checkbox]:checked ~ label,
input[type=radio]:checked ~ label {
    border: 0px;
    background: #dd2a44;
    color: #fff;
}

.crGroup.donationType .crBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
}

.crGroup.donationAmount .crBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
    .crGroup.donationAmount .crBox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
    }

    .sideBar .newslaterBox form button.waves-light {
        width: auto;
    }
}

.categoryBox {
    position: relative;
    padding-left: 30px;
    margin-bottom: 40px;
    z-index: 10;
}

.categoryBox .catTggleChk {
    display: none;
}

.categoryBox .catToggler {
    padding: 15px 0;
    margin: 0;
    display: block;
    font-size: 22px;
    color: #4a4a4a;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    position: relative;
}

.categoryBox .catBody ul {
    padding-left: 0;
}

.categoryBox .catBody ul ul {
    margin-left: 30px;
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    .categoryBox {
        height: 60px;
        padding-left: 0;
        margin-bottom: 0px;
        width: 100%;
    }

    .categoryBox .catToggler {
        font-size: 18px;
        padding: 0;
        z-index: 1;
        display: inline-block;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .categoryBox .catToggler span {
        display: inline-block;
        padding: 15px 15px;
        width: 210px;
        border: 1px solid #4a4a4a;
        position: relative;
    }

    .categoryBox .catToggler span:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: #4a4a4a;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .categoryBox .catBody {
        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
        position: absolute;
        left: 0;
        top: 80px;
        padding: 15px;
        background: #fff;
        width: 100%;
        display: none;
    }

    .categoryBox #catTggleChk:checked ~ .catBody {
        display: block;
    }

    .categoryBox #catTggleChk:checked ~ .catToggler span {
        background: #507d8b;
        border-color: #507d8b;
        color: #fff;
    }

    .categoryBox #catTggleChk:checked ~ .catToggler span:after {
        content: "\f106";
        color: #fff;
    }

    .esol_categorywhatscountbox {
        height: auto;
    }
}

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

    .categoryBox .catToggler,
    .categoryBox .catToggler span {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .sideBar .newslaterBox form button.waves-light {
        width: auto !important;
    }
}

.postInfoBar {
    font-size: 12px;
    font-family: 'Merriweather', serif;
}

.postInfoBar i {
    font-size: 14px;
}

.postInfoBar span a {
    text-decoration: none !important;
    color: #4a4a4a !important;
}

.postInfoBar span + span {
    margin-left: 10px;
}

.aligncenter {
    margin: 15px auto 15px;
    display: block;
    text-align: center;
}

.alignright {
    float: right;
    margin: 0 0px 10px 15px;
}

.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}

.alignnone {
    float: none;
}

.wp-caption {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    font-family: Roboto, sans-serif;
}

.wp-caption img {
    width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text {
    font-size: 14px;
    color: #565656;
    padding: 20px 15px;
    margin: 0;
}



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

    .blogPostSec p img,
    .inividual-Free-e-book-Sec p img {
        max-width: 100%;
        height: auto;
    }
}

/*.wp-caption + p:after{ content: "";
  display: table;
  clear: both;}
*/
blockquote {
    margin-left: 30px;
    color: #4a4a4a;
    border-left: solid 3px #4a4a4a;
}

.socialList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.socialList li {
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    list-style: none;
}

.socialList li + li {
    margin-left: 6px;
}

.socialList li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background: #ddd;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.socialList li.fa a {
    background: #3a5998;
}

.socialList li.tw a {
    background: #55acee;
}

.socialList li.in a {
    background: #007bb6;
}

.socialList li.gp a {
    background: #dd4b39;
}

.socialList li.pi a {
    background: #cb2029;
}

.socialList li.en a {
    background: #68b6e3;
}

.socialList li.pr a {
    background: #3098d4;
}

.tags a {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 07px;
    border: 2px solid #507d8b;
    margin-left: 8px;
    margin-bottom: 5px;
    text-decoration: none !important;
    color: #4a4a4a !important;
    transition: all 0.3s ease
}

.tags a.active,
.tags a:hover {
    background: #507d8b;
    color: #fff !important;
}

.commentBox .boxHead {
    position: relative;
    border-bottom: 2px solid #ddd;
    height: 40px;
}

.commentBox .boxHead .title {
    padding: 0;
    margin: 0;
    line-height: 40px;
}

.commentBox .boxHead .title span {
    border-bottom: 2px solid #dd2a44;
    line-height: 37px;
    display: inline-block;
}

.commentBox .boxHead .dropdown {
    position: absolute;
    top: 0;
    right: 0;
}

.commentBox .boxHead .dropdown .dropdown-toggle {
    line-height: 40px;
    display: inline-block;
}

.commentBox .subHead {
    padding: 15px 0;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.commentBox .subHead .item {
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}

.commentBox .subHead .item i {
    font-size: 16px;
}

.commentBox .subHead .item.active i {
    color: #dd2a44;
}

.commentBox .subHead .item + .item {
    margin-left: 15px;
}

.commentBox .subHead .select-wrapper {
    max-width: 120px;
    position: absolute;
    top: 4px;
    right: 0;
}

.commentBox .subHead .select-wrapper input.select-dropdown {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 0;
}

.commentBox .subHead .select-wrapper .caret {
    right: -5px;
}

.commentBox .subHead .select-wrapper .dropdown-content li > span {
    font-size: 13px;
}

.commentBox .boxBody .socialList li a {
    border-radius: 50%;
}

.commectArea {}

.commentMedia img {
    width: 64px;
    height: auto;
}

.commentMedia .commenter {
    font-size: 16px;
    color: #dd2a44;
}

.commentMedia .commenter .time {
    color: #4a4a4a;
    font-size: 14px;
    margin-left: 15px;
}

.commentMedia .comment {
    font-size: 14px;
    line-height: 16px;
}

.commentMedia .ext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    ;
    width: 100%;
}

.commentMedia .ext li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
}

.commentMedia .ext li + li {
    margin-left: 15px;
}


@media screen and (max-width: 400px) {
    .blogPostSec .bligPostImg {
        max-width: 100%;
        float: left;
        margin: 10px 0;
    }
}

.downlodeEbookBox {
    padding: 30px;
    background: #f8f8f8;
}

.downloadFormSec {
    padding: 15px;
    background: #f8f8f8;
}

@media screen and (max-width: 767px) {
    .snBox .more {
        margin-bottom: -20px;
        float: right;
    }

    .snBoxhr hr {
        margin: 30px 0;
    }
}

.pageNav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0 !important;
}

.pageNav li {
    flex: 0 0 18%;
    margin-bottom: 20px;
    text-align: center;
    list-style-type: none !important;
}

.pageNav li a {
    font-family: 'Merriweather', serif;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #4a4a4a;
}

.pageNav li a span {
    border-bottom: 5px solid transparent
}

.pageNav li.active a span {
    border-bottom: 5px solid #507d8b
}

@media screen and (max-width: 991px) {
    .pageNav li {
        flex: 0 0 20%;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .pageNav li {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 480px) {
    .pageNav li {
        flex: 0 0 100%;
    }
}



.checkList,
.timesList {
    padding-left: 0 !important
}

.checkList li,
.timesList li {
    padding-left: 30px;
    position: relative;
    line-height: 30px;
    list-style-type: none !important;
}

.checkList li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.timesList li:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.priceList {
    margin-left: 0px;
    padding: 0px;
    padding-left: 0 !important;
}

.priceList .list-group-item {
    border: 1px solid #507d8b;
    border-radius: 0;
}

.priceList .list-group-item h5 b {
    float: right;
}

.priceList .list-group-item:nth-child(even) {
    background: #507d8b;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .priceList .list-group-item h5 b {
        float: none;
        display: block;
        margin-top: 10px;
    }
}

.owl-carousel {
    padding: 0 40px;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50px);
    font-size: 50px;
}

.owl-carousel .owl-nav .owl-next {
    right: 0px
}

.owl-carousel .owl-nav .owl-prev {
    left: 0px
}


.linkList {
    padding-left: 0 !important
}

.linkList li {
    list-style-type: none !important;
}

.linkList li a {
    color: #4a90e2;
    text-decoration: none;
}

.digImg {
    width: 315px;
}

.digLinksBox {
    width: 50%;
    float: left;
}

@media screen and (max-width: 767px) {
    .digImg {
        width: 100%;
        float: none;
    }

    .digLinksBox {
        width: 100%;
        float: none;
    }
}

.joinBasLib {
    background-color: rgba(248, 248, 248, 0.74);
    padding: 30px 20px;
    margin: 30px 0;
}

.library-sales ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}

.library-sales p,
.library-sales h4,
.library-sales h5,
.library-sales ul {
    margin-bottom: 30px;
}

.searchResult .categoryBox {
    padding-left: 0;
}

.searchResult .categoryBox .catBody {
    padding-right: 30px;
}

.searchResult .categoryBox .catToggler {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 400;
    font-family: 'proxima-nova', sans-serif;
    border-bottom: 1px solid rgba(151, 151, 151, 0.51);
    margin-bottom: 15px;
}

.categoryBox ul li {
    list-style-type: none;
}

.categoryBox ul li .no {
    font-size: 18px;
    float: right;
    color: #9b9b9b;
}

.searchResult .categoryBox ul li label {
    font-size: 18px;
    color: #4a4a4a;
    font-family: 'Merriweather', serif;
}


.searchResult .showing {
    color: #9b9b9b;
    border-bottom: 1px solid rgba(151, 151, 151, 0.51);
}

.searchResutBox {
    position: relative;
    margin-bottom: 30px;
}

.searchResutBox .cat {
    text-transform: uppercase;
    color: #507d8b;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
}

.searchResutBox .d-b {
    font-size: 14px;
    margin-bottom: 0px;
}

.searchResutBox .date {
    color: #d0021b;
    margin-right: 20px;
}

.searchResutBox .by {
    color: #4a4a4a;
}

.searchResutBox .desc {
    margin-bottom: 0px;
}

.searchResutBox .link {
    margin-bottom: 0;
    color: #4a90e2;
    font-size: 12px;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .searchResult .categoryBox .catBody {
        top: 60px;
    }
}

/*.scholerList{ position: relative;-webkit-columns: 200px 3;   -moz-columns: 100px 3;   columns: 100px 3; }*/
.scholerList .row > [class*=col-] {
    margin-bottom: 50px;
}

.scholerList a {
    display: block;
    color: #4a90e2;
}

@media screen and (min-width: 990px) {
    .m-r-Sec.commonSec {
        border-bottom: 0px;
    }

    .m-r-Sec.commonSec:after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .bibleHisTimeSec .moreDiv {
        text-align: right;
    }

    .blogPostSec blockquote {
        margin-left: 0px;
    }
}

.about_us_class p em {
    font-family: 'Merriweather', serif;
}




/*---- comment section style-----*/
#comments .comments-title {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
    font-size: 32px;
}

#comments .comments-title:before {
    content: '';
    width: 5px;
    height: 30px;
    background: #d0021b;
    position: absolute;
    top: 5px;
    left: 0;
}

#comments .comment-list {
    background: #f2f2f2;
    padding: 15px;
    display: block;
}

#comments .comment-list li {
    list-style-type: none;
}

#comments .comment-body {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#comments .comment-body .comment-author .fn {
    color: #4a4a4a;
    font-weight: 600;
}

#comments .comment-body .commentmetadata a {
    font-size: 14px;
    color: #d0021b;
    text-decoration: none;
}

#comments .comment-body .reply {
    margin-bottom: 10px;
}

#comments .comment-body p {
    margin-bottom: 10px;
}

#comments .comment-body p a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

#comments .comment-body .reply a {
    color: #507d8b;
    position: relative;
    transition: all 0.3s ease;
    text-decoration: none;
}

#comments .comment-body .reply a:hover {
    color: #42545c;
    letter-spacing: 1.2px;
}

#comments .comment-body .reply a:after {
    content: "\f101";
    font-family: 'FontAwesome';
    margin-left: 5px;
    transition: all 0.3s ease;
}

#comments .comment-body .reply a:hover:after {
    margin-left: 7px;
}

#comments .comment-respond {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

#comments .comment-respond .comment-reply-title {
    font-size: 18px;
}

#comments .comment-respond .comment-reply-title small {
    margin-left: 10px;
}

#comments .comment-respond .comment-reply-title small a {
    color: #d0021b;
    border-left: 2px solid #d0021b;
    padding-left: 10px;
}

#comments .comment-respond .comment-notes {
    font-size: 14px;
}

#comments .comment-respond .comment-notes .required {
    color: #d0021b;
}

.required {
    color: #d0021b;
    font-size: 12px;
}

.pagination li .current {
    background-color: #ee6e73;
    color: #fff;
}

.esol_customdate {
    display: block;
}


.tag_cus {
    display: inline-block;
    font-size: 13px;
    color: #507d8b;
    line-height: 14px;
    padding: 07px;
    border: 2px solid #507d8b;
    margin-left: 8px;
}

.tag_cus_blog {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #507d8b;
    line-height: 14px;
    padding: 07px;
    border: 2px solid #507d8b;
    margin-left: 8px;
}

.scholerSec ul > li {
    list-style-type: disc !important;
}

.searchResult ol.ais-Hits-list {
    list-style-type: none;
    padding: 0;
}

.searchResult .ais-SearchBox-submit svg.ais-SearchBox-submitIcon {
    display: none;
}

div.videoWrapper {
    text-align: center;
}

.esol_capitalize {
    text-transform: uppercase;
}

.esol_custom_float {
    float: none;
}



.populerBlogPostSec a {
    color: #4a4a4a;
    text-decoration: none;
}

.populerBlogPostSec a:hover {
    color: #507d8b;
}

.piBookBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.piBookBox a:hover {
    color: #507d8b;
}

.crntIssu a {
    color: #4a4a4a;
    text-decoration: none;
}

.crntIssu a:hover {
    color: #507d8b;
}


.letterBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.letterBox a:hover {
    color: #507d8b;
}

.relatedPostSec h5 a {
    color: #4a4a4a;
    text-decoration: none;
}

.relatedPostSec h5 a:hover {
    color: #507d8b;
}

.commonSec h5 a {
    color: #4a4a4a;
    text-decoration: none;
}

.commonSec h5 a:hover {
    color: #507d8b;
}

.pcrBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.pcrBox a:hover {
    color: #507d8b;
}

.barEditBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.barEditBox a:hover {
    color: #507d8b;
}

.enclyBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.enclyBox a:hover {
    color: #507d8b;
}

.quickLinhBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.quickLinhBox a:hover {
    color: #507d8b;
}

.splColSec a {
    color: #4a4a4a;
    text-decoration: none;
}

.splColSec a:hover {
    color: #507d8b;
}

.snBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.snBox a:hover {
    color: #507d8b;
}

.featureBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.featureBox a:hover {
    color: #507d8b;
}

.seminarSec a {
    color: #4a4a4a;
    text-decoration: none;
}

.seminarSec a:hover {
    color: #507d8b;
}

.scholerList a {
    text-decoration: none;
}

.scholerList a:hover {
    color: #507d8b;
}

.atgBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.atgBox a:hover {
    color: #507d8b;
}

.blogListBox a {
    color: #4a4a4a;
    text-decoration: none;
}

.blogListBox a:hover {
    color: #507d8b;
}

.esol_page_custom_content h1 a,
.esol_page_custom_content h2 a,
.esol_page_custom_content h3 a,
.esol_page_custom_content h4 a,
.esol_page_custom_content h5 a,
.esol_page_custom_content h6 a {
    color: #4a4a4a;
    text-decoration: none;
}

.esol_page_custom_content h1 a:hover,
.esol_page_custom_content h2 a:hover,
.esol_page_custom_content h3 a:hover,
.esol_page_custom_content h4 a:hover,
.esol_page_custom_content h5 a:hover,
.esol_page_custom_content h6 a:hover {
    color: #507d8b;
}

span.clrRed.f14 {
    display: block;
}


h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: #4a4a4a;
    text-decoration: none !important;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
    color: #507d8b;
}

.goog-te-gadget-simple .goog-te-menu-value {
    text-decoration: none;
}

.press_customcsspagination {
    padding-left: 0px !important;
    margin-top: 20px;
}

.paageHeadingSec h5 > a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

.link {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

.featureBox p.f14 a,
.seminarSec p.f14 a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

.has-link a {
    text-decoration: underline !important;
    color: #4a90e2 !important;
}

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

    div.wp-caption {
        width: 100% !important;
    }

    .scrollTop {
        display: block !important;
    }

    .esol_categorywhatscountbox .esol-update-button {
        width: 100%;
    }
}

.esol_noborderbottom {
    border-bottom: 0px;
}

.remove_linecl {
    text-decoration: none;
    color: #4a4a4a;
}

.remove_linecl:hover {
    color: #507d8b;
    text-decoration: none;
}

.esol_ccheck {
    font-size: 11px !important;
    color: rgba(0, 0, 0, 0.54);
    padding-left: 25px !important;
}

#ebook_form_error_message {
    text-align: center;
    margin-top: 20px;
}

.imgBox.esol_dig_img {
    height: 255px;
}

#comments .comment-list li p a {
    word-break: break-all;
}

@media (min-width: 992px) {
    .col-lg-5 {
        -ms-flex: 0 0 41.0%;
        flex: 0 0 41.0%;
        max-width: 41.0%;

    }

    .col-lg-8 {
        -ms-flex: 0 0 66.0%;
        flex: 0 0 66.0%;
        max-width: 66.0%;
    }

}


div.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

div.two-column > div {
    -ms-flex: 0 0 42%;
    -webkit-box-flex: 0;
    flex: 0 0 42%;
    max-width: 42%;
}

@media (max-width: 767px) {
    div.two-column > div {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

[type="checkbox"].filled-in:not(:checked) + .esol_ccheck:not(.lever):after {
    height: 16px;
    width: 16px;
    top: 5px;
    border: 1px solid #507d8b;
}

[type="checkbox"].filled-in:checked + .esol_ccheck:not(.lever):after {
    border: 1px solid #507d8b;
    background-color: transparent;
    top: 5px;
    width: 16px;
    height: 16px;
}

[type="checkbox"].filled-in:checked + .esol_ccheck:not(.lever):before {
    border-right: 2px solid #507d8b;
    border-bottom: 2px solid #507d8b;
    top: 4px;
    left: 2px;
    width: 6px;
    height: 10px;
}

.cls-btn-donation {
    width: 100%;
    max-width: 100%;
}

a.esol_feature_button {
    display: table;
    margin: 0 auto;
    outline: none;
    width: auto;
    margin-top: 25px;
    padding: 0 12px;
}

.esol_cartoonsec .row .col-md-6 p.text-right {
    vertical-align: bottom;
    margin-top: 0;
    position: relative;
    margin-bottom: 0;
    top: 7em;
}

.esol_cartoonsec h4.secHeading {
    line-height: 40px;
    padding-left: 20px;
}

.esol_cartoonsec {
    border-top: 1px solid #979797;
    border-bottom: none;
}

.abarSec::before {
    content: '';
    width: 30px;
    height: 1px;
    background: #979797;
    position: absolute;
    bottom: -1px;
    right: -30px;
}

.preference-content {
    line-height: 36px;
    ;
    font-size: 15px;
}

.preference-content form label {
    margin-bottom: 0;
    font-size: 15px;
    color: #000000
}

.preference-content label input {
    border: 1px solid #000;
    outline: none !important;
    display: inline-block;
    float: left;
    margin-top: 12px;
    color: #000000;
}

.preference-content label b {
    margin-left: 24px;
}

.preference-content .categoryBox ul li span {
    padding-left: 8px;
}

.preference-content .categoryBox {
    padding-left: 0;
}

.preference-content .categoryBox ul {
    padding-left: 0;
}

.esol-update-button {
    outline: none;
    width: 23%;
    margin-top: 20px;
}

.esol-update-button input:hover {
    color: #FFF;
    cursor: pointer;
}

.scrollTop {
    position: fixed;
    right: 10%;
    bottom: 100px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}

.scrollTop a {
    font-size: 60px;
    color: #507d8b !important;
    cursor: pointer;
}

.scrollTop a fa {
    font-weight: 900;
}

.scrollTop {
    display: none;
}

.esol_insufficient_credits {
    font-family: "Source Sans Pro";
    margin-bottom: 38px;
}

.esol_page_custom_content .tempBtn,
.blogPostSec .tempBtn {
    width: 330px;
}




/*-------------------------
20-nov-19 
-----------------------------------*/





.cookie-notice-container h3 {
    font-size: 1rem;
    font-family: Roboto;
    font-weight: 400;
}

.cookie-notice-container input[type=email] {
    border-bottom: none !important;
    padding: 6px 0px;
    height: auto;
    background-color: aliceblue;
}

.cookie-notice-container .form-control::placeholder {
    padding-left: 10px;
}


.css-close {
    position: absolute;
    z-index: 9001;
    right: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

a.css-close img {
    width: 11px;
}

.btn-sign {
    border-color: rgb(221, 42, 68);
    background: rgb(221, 42, 68);
    color: rgba(255, 255, 255, 1);
    /* padding: 8px 18px; */
    font-family: Roboto;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 500;
    border-radius: 0;
}

.btn-sign:hover {
    border-color: rgb(180, 18, 41);
    background: rgb(180, 18, 41);

}



@media (max-width: 767px) {
    .w-sm-100 {
        width: 100%;
    }

    .cookie-notice-container .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

.esol_topsidewrap a img{
	height:auto;
	margin-bottom: 10px;
}
.esolsetdes{
	padding: 17px 59px;
    width: auto !important;
	font-weight: 400;
    font-family: 'proxima-nova', sans-serif;
}
.esolsetnewimg{
	width: 80%
}
.esolinputwrappadd{
	margin-bottom: 10px
}
.esolshortwrap{
	padding-top: 13px;
}
.cc-bottom {
    bottom: 8em !important;
}
table.BASDataTable {
    width:auto;
    border: 1px solid #e0e0e0;
    max-width: 730px;
}
table.BASDataTable thead tr th{
    padding:2px;
    font-weight:bold;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    vertical-align:text-top;
    background-color: #e0e0e0;
}
table.BASDataTable tbody tr td{
    padding: 3px; 
    vertical-align: text-top;
    border: 1px solid #e0e0e0 !important;
    font-size: 13px; 
}
table.BASDataTable tbody tr td > a {
    font-weight:bold;
}

div.BASImageHeadlineAndDescription {
	width: 100%;
	overflow: auto;
}

div.BASImageHeadlineAndDescription p.BASImage {
	margin:0;
}

div.BASImageHeadlineAndDescription h5 a {
    text-decoration:none !important; 
	color:inherit !important; 
	font-weight:bold;
}
div.BASImageHeadlineAndDescription a:hover{
	text-decoration:underline !important;
	color: #4a90e2 !important;
}

div.BASImageHeadlineAndDescription a img {
	width:200px; 
	height:200px;
	object-fit: cover;
	object-position: left top;
	float:left; 
	padding: 0 1em 1em 0;
}

ul.BASul li, ol.BASol li{
	padding-bottom:0.5em;
}

/* Knowledge BAR Section */
#knowledgebar .pageHead {
	padding-bottom: 50px;
}

#knowledgebar a.hero-card {
    text-align: center;
    display: block;
	font-weight:bold;
	text-decoration:none;
	font-size:1.4em;
}

#knowledgebar a.hero-card:hover {
	text-decoration:underline;
}

#knowledgebar .cover {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#knowledgebar div.title {
	margin-top: 0 !important;
}