/*

Theme Name: Kids Talk

Author: Derek Olalehe (EBi Programming)

Author URI: https://www.ebiprogramming.com/

Description: Kids Faith Experience Theme.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags:

Text Domain: kidstalk

*/

/*GENERAL*/


body {

    margin: 0px;

}

a {

    text-decoration: none;

}

h1, h2, h3, h4 {

    font-family: 'Quicksand', sans-serif;
    color: #333;

}

h5, h6 {

    font-family: 'Cabin', sans-serif;
    color: #333;

}

h1 {

    font-size: 50px;
    line-height: 90px;
    font-weight: 900;

}

h2 {
   
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;

}

h3 {

    font-size: 30px;
    font-weight: 600;

}

h4 {

    font-size: 24px;
    font-weight: 600;

}

h5 {

    font-size: 20px;
    font-weight: 400;

}


p, a, input, textarea {

    font-family: 'Cabin', sans-serif;
    font-size: 17px;
    color: #333;

}

span {

    font-family: 'Cabin', sans-serif;

}

input, textarea {

    color: #333;

}

ul {

    list-style-type: none;

}

.centering-container {

    width: 100%;
    text-align: center;

}


.kidstalk-foot-note {

    font-size: 13px;
    color: #FFF;
    display: block;
    margin: 10px 0px;

}


.text-centered {

    text-align: center;

}

.clearfix-lg {

    height: 100px;
    
}

.clearfix-md {

    height: 60px;
    
}

.clearfix-sm {

    height: 30px;
    
}

.clearfix-xs {

    height: 8px;
    
}


#msg-status {

    width: 24px;

}

#close-popup {

    width: 9px;
    cursor: pointer;

}

#pop-up-msg {

    font-size: 14px;
    color: #333;
    text-align: left;
    margin: 0px;

}

.infinite-scroll-item {
    
    display: none;
    opacity: 0;

}


.form-field {

    border: 1px solid #CCC !important;
    background-color: #FFF !important;
    padding: 8px !important;

}

.kidstalk-page-wrapper {

    margin: 0px auto;
    padding: 50px 0px 0px 0px;

}

.kidstalk-search-form {

    display: inline;

}

.gallery-item-excerpt {

    font-size: 14px;

}

.gallery-item-title {

    font-size: 18px;
    color: #3A52A5;

}


/*WP REQUIRED*/

.wp-caption {



}

.wp-caption-text {



}

.sticky {



}

.screen-reader-text {



}

.gallery-caption {



}

.bypostauthor {



}

.alignright {



}

.alignleft {



}

.aligncenter {



}

.spearator-dot {

    width: 12px;
    height: 12px;
    border-radius: 12px;

}

div#pf-book.pf-book-container {
    
    width: unset!important;

}

#kcmb, #pgtb {

    margin: 0px auto;
    margin-left: auto!important;

}

.book-nav {
    width: 300px;
    margin: 0px auto;
}

.book-nav-arrow {
    width: 30px;
    cursor: pointer;
}

.book-nav-arrow-next {
    float: right;
}

.kcmb-print-icon {

    width: 30px;
    margin: 0px auto;
    display: block;
    position: relative;

}

/*HEADER*/

#site-header {

    background-color: transparent;
    width: 100%;
    position: absolute;
    top: 0px;
    margin: 0px;
    z-index: 50;
    padding: 0px;
    border-bottom: none;
    display: block;

}

#site-header.no-masthead {

    box-shadow: 1px 2px 3px #CCC;
    z-index: 50;
    background-color: #FFF;

}


#site-header > ul {

    font-family: 'Cabin', sans-serif;
    font-size: 20px;
    font-weight: 400;
    list-style-type: none;
    float: right;
    width: unset;
    text-align: unset;
    margin: 20px 30px 0px 0px;
    display: inline;
    text-transform: capitalize;

}


#site-header > ul > li {

    display: inline;
    padding: 0px 12px;
    border-bottom: none;
    position: relative;

}


#site-header > ul > li > a {

    text-decoration: none;
    color: #FFF;
    padding: 5px 8px 12px 8px;
    
}


#site-header > ul > li > a:hover {

    /*border-bottom: 3px solid #FFF;*/

}

#site-header.no-masthead > ul > li > a {

    text-decoration: none;
    color: #3A52A5;
    padding: 5px 8px 15px 8px;
    
}


#site-header.no-masthead > ul > li > a:hover {

    /* border-bottom: 3px solid #42B649; */

}

#site-header > ul > li > ul.sub-menu {

    position: absolute;
    width: 300px;
    left: 12px;
    right: unset;
    background-color: #42B649;
    padding: 10px 12px 20px 12px;
    display: none;
    opacity: 0;
    top: 35px;

}

#site-header > ul > li > ul.sub-menu > li {

    padding: 5px 0px;
    border-bottom: 1px solid rgba(255,255,255,.35);

}

#site-header > ul > li > ul.sub-menu > li > a {

    color: #FFF;
    font-weight: 400;
    opacity: 0.85;

}

#site-header > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {

    color: #FFF;
    font-weight: 400;
    opacity: 0.65;

}

.no-masthead-common-links {

    position: absolute;
    right: 4px;
    bottom: 0px;
    margin-bottom: -37px;

}

.single-common-link {

    display: inline-block;
    padding: 10px 12px 5px 12px;
    margin: 0px -4px;

}

.single-common-link > a {

    color: #FFF;
    text-transform: capitalize;

}

.single-common-link > a > img {

    height: 18px;
    position: relative;
    top: -3px;
    vertical-align: middle;

}

div.no-masthead-common-links > .single-common-link:first-child {

    background-color: #ED1C24;

}

div.no-masthead-common-links > .single-common-link:nth-child(2) {

    background-color: #3A52A5;

}

div.no-masthead-common-links > .single-common-link:nth-child(3) {

    background-color: #42B649;

}

.header-logo {

    margin-left: 42px;
    width: 300px;

}

#site-header-mobile {

    background-color: #FFF;
    width: 100%;
    position: fixed;
    top: 0px;
    margin: 0px;
    z-index: 50;
    padding: 20px;
    border-bottom: none;
    box-shadow: 1px 2px 3px #CCC;
    display: none;

}

#mobile-menu-icon {

    width: 27px;
    position: relative;
    display: inline-block;
    margin: 0px 8px 0px 0px;

}

#header-logo-mobile {

    width: 186px;
    display: inline-block;
    cursor: pointer;
    top: 6px;
    position: relative;

}

#mobile-menu-hamburger {

    width: 30px;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-right: 35px;
    position: relative;
    top: 3px;

}

#mobile-menu {

    width: 320px;
    background-color: rgba(242, 242, 242, 0.95);
    position: absolute;
    top: 74px;
    display: none;
    left: 0px;
    padding: 0px 25px 0px 0px;
    width: 335px;
    border: 1px solid #CCC;
    background-color: #F5F2F2;

}

#mobile-menu > ul {

    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    list-style-type: none;
    padding: 20px 10px 35px 15px;
    width: 100%;
    text-align: left;

}

#mobile-menu > ul > li {

    margin: 20px 0px;

}

#mobile-menu > ul > li > ul.sub-menu {

    display: none;

}

#mobile-menu ul.sub-menu > li {

    margin: 12px 0px;
    
}

#mobile-menu > ul > li::before {

    content: " ";
    width: 25px;
    position: relative;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
    top: 5px;
    margin-right: 8px;

}

#mobile-menu > ul > li:first-child::before {

    background-image: url('assets/icons/menu/bible-lessons.png');
    
}

#mobile-menu > ul > li:nth-child(2)::before {

    background-image: url('assets/icons/menu/mission-explorers.png');
    
}

#mobile-menu > ul > li:nth-child(3)::before {

    background-image: url('assets/icons/menu/childrens-art.png');
    
}

#mobile-menu > ul > li:nth-child(4)::before {

    background-image: url('assets/icons/menu/interviews.png');
    
}

#mobile-menu > ul > li:nth-child(5)::before {

    background-image: url('assets/icons/menu/live-events.png');
    
}

#mobile-menu > ul > li:nth-child(6)::before {

    background-image: url('assets/icons/menu/about-us.png');
    
}

#mobile-menu > ul > li > a {

    text-decoration: none;
    text-transform: capitalize;
    color: #3A52A5;
    font-size: 16px;
    font-family: 'QuickSand', sans-serif;
    padding: 10px 0px;

}

#mobile-menu > ul > li > ul.sub-menu > li > a {

    text-decoration: none;
    text-transform: capitalize;
    color: #42B649;
    font-size: 16px;
    font-family: 'QuickSand', sans-serif;
    padding: 10px 0px;

}

#mobile-menu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {

    text-decoration: none;
    text-transform: capitalize;
    color: #6E6D6D;
    font-size: 14px;
    font-family: 'QuickSand', sans-serif;
    padding: 10px 0px;

}


#mobile-menu > ul > li > a:hover {

    color: #ED1C24;

}

/*FOOTER*/

#site-footer {

    background-color: #3A52A5;
    width: 100%;
    padding: 30px 0px;

}

#site-footer ul {

    padding: 0px;

}

#footer-contents {

    text-align: center;
    margin: 0px auto;
    width: unset;

}

.footer-widget-area {

    vertical-align: top;
    width: unset;
    text-align: left;

}

.footer-widget-area > h3, .widgettitle {

    color: #FFF;
    margin: 0px 0px 15px 0px;

}

.footer-facebook-link {

    margin-top: 20px;

}

.widgettitle {

    text-transform: capitalize;
    font-size: 24px;

}

.footer-widget-area  p, .footer-widget-area a {

    color: #FFF; 
    margin: 0px;
    text-decoration: none;

}

.footer-widget-area a:hover {

    color: #29AAE1;

}

div.footer-widget-area ul.menu > li {

    margin: 4px 0px;

}

.kidstalk-footer-menu-item-list {

    text-transform: uppercase;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;    
    list-style-type: none;
    padding: 0px;
    
}

.kidstalk-footer-menu-item-list > li {

    margin: 5px 0px;

}

.kidstalk-footer-menu-item-list > li > a {

    color: #FFF;
    text-decoration: none;

}


#site-sub-footer {

    background-color: #42B649;
    width: 100%;
    padding: 10px 0px 10px 0px;
    min-height: 20px;
    text-align: center;

}


#footer-links-table {

    text-align: center;
    border-spacing: 10px;
    width: 100%;

}

#footer-links-table > tbody > tr > td {

    vertical-align: top;
    text-align: left;

}

.footer-links-link {

    margin: 0px;

}

.footer-links-link > a {

    font-size: 13px;
    color: #FFF;

}

.footer-links-link:hover > a {

    color: #F8EC23;

}

article.devotional-lesson-container {

    width: 90%;
    position: relative;
    margin: 0px 0px 80px 0px;

}

.kidstalk-post-title {

    color: #3A52A5;
    margin-bottom: 0px;

}

.kidstalk-post-date {

    color: #42B649;
    text-transform: uppercase;
    font-size: 13px;

}

.kidstalk-post-author {

    text-transform: none;
    font-size: 13px;
    color: #3A52A5;

}

.kidstalk-breadcrumb-category {

    padding: 6px;
    text-transform: uppercase;
    color: #333;
    background-color: #F8EC23;
    font-weight: 900;
    font-size: 10px;
    margin: 0px 3px 0px 0px;
    border-radius: 6px;

}

.kidstalk-categories-container, .kidstalk-archives-container {

    margin: 40px auto;
    width: 95%;
    overflow: hidden;
    position: relative;
    display: none;

}

.kidstalk-categories-container {

    display: block;

}

.kidstalk-categories-grid {

    text-align: center;
    position: relative;
    left: 0px;
    top: 0px

}

.kidstalk-categories-grid > tbody > tr > td {

    vertical-align: top;
    text-align: left;

}

.category-list-item {

    position: relative;
    display: block;

}

.kidstalk-posts-navigation > a > .kidstalk-posts-nav-link {

    background-color: #333;
    color: #FFF

}

.kidstalk-posts-nav-link-next {

    margin-left: 10px;

}

.kidstalk-posts-nav-link-prev {

    margin-right: 10px;

}

/*BUTTONS*/

.btn {

    color: #FFF;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #3A52A5;
    display: inline;
    cursor: pointer;  
    border: none;

}

.btn-sm {

    font-size: 12px;
    padding: 8px;
    border-radius: 2px;

}


.btn-md {

    font-size: 14px;
    padding: 10px;
    border-radius: 6px;

}


.btn-lg {

    font-size: 18px;
    padding: 15px 20px 15px 20px;
    border-radius: 8px;

}


/*LAYER SLIDER*/

.slider-common-links > tbody > tr > td > a > h4 {

    color: #FFF;

}

.slider-common-links > tbody > tr > td {

    vertical-align: middle;

}

.slider-common-links > tbody > tr > td:nth-child(2n-1) {

    padding: 0px 40px 0px 0px;

}

.slider-common-links .spearator-dot {

    background-color: #FFF;
    margin: 0px 25px;

}

.slider-common-links > tbody > tr > td > a > h4::before {

    position: relative;
    margin-right: 8px;
    display: inline-block;
    float: left;

}

.slider-common-links > tbody > tr > td:first-child > a > h4::before {

    content: url('assets/icons/newsletter.png');
    top: -6px;

}

.slider-common-links > tbody > tr > td:nth-child(3) > a > h4::before {

    content: url('assets/icons/gift.png');
    top: -12px;

}

.slider-common-links > tbody > tr > td:nth-child(5) > a > h4::before {

    content: url('assets/icons/support.png');
    top: -10px;

}


/*AWEBER*/

.af-form {

    background-color: transparent!important;
    border-color: transparent!important;

}

.af-header {

    background-color: transparent!important;

}

#site-footer .af-header {

    display: none;

}

.af-header center > div:first-of-type > span > strong {

    font-family: 'Quicksand', sans-serif !important;
    color: #3A52A5!important;

}

.af-header center > div:nth-of-type(2) > span > strong {

    font-family: 'Cabin', sans-serif !important;
    color: #333!important;
    font-weight: 400;

}

.af-element .af-textWrap input[id^="awf_field"] {

    border: 1px solid #CCC !important;
    background-color: #FFF !important;  
    padding: 8px !important;  
    color: #333!important;
    font-family: 'Cabin', sans-serif!important;
    font-size: 14px!important;

}

.af-body input.text {

    padding: 8px !important;

}

#site-footer .af-element > .previewLabel {

    color: #FFF!important;

}

.af-element > .previewLabel {

    font-family: 'Cabin', sans-serif !important;
    color: #333!important;
    font-weight: 400;
    font-size: 17px !important;

}

.af-footer {

    display: none!important;

}

#site-footer div[id^="af-body"] {

    padding: 0px;

}

#site-footer div.af-element {

    padding-left: 0px!important;
    padding-right: 0px!important;
    
}

#site-footer div.af-element.buttonContainer {

    float: right;

}

#site-footer input[id^="awf_field"] {

    min-width: 250px;

}


/*SHORTCODES*/

/*Kids Talk Social Icons*/

.social-share-icons-container {

    position: relative;
    margin: 30px 0px;

}

.social-share-icons-container > a {

    margin: 0px 20px 0px 0px;

}

.social-share-icons-container > a > img {

    width: 40px;

}

/*KidsTalk Icon Box*/

.kidstalk-icon-box {

    width: 100%;
    background-color: #F5F2F2;
    border-radius: 12px;
    padding: 20px;
    height: 150px;
    display: block;

}

.kidstalk-icon-box h4 {

    margin: 0px;

}

.kidstalk-icon-box h4:hover {

    color: #42B649!important;

}

.kidstalk-icon-box p {

    margin: 0px;

}

.kidstalk-icon-box > tbody > tr > td {

    vertical-align: top;

}

.kidstalk-icon-box > tbody > tr > td:first-child {

    width: 60px;

}

.kidstalk-icon-box img {

    width: 60px;
    display: block;
    margin: 0px auto;

}


/*Kids Talk Icon Box Version 2*/

.kidstalk-icon-box-v2 {

    width: 244px;
    height: 218px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;

}

.kidstalk-icon-box-v2 > img {

    height: 120px!important;
    position: absolute;
    right: 20px;
    bottom: 20px;

}

.kidstalk-icon-box-v2-heading {

    font-size: 30px;
    font-family: 'Quicksand', sans-serif;
    margin: 15px 5px 0px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 900;
    text-align: left;

}

.kidstalk-icon-box-v2-heading-und {

    width: 80px;
    height: 4px;
    background-color: #F8EC23;
    margin-left: 25px;

}

.mek-musical-links-grid > tbody > tr > td {

    vertical-align: top;

}

.mek-musical-links-grid > tbody > tr > td:nth-child(2) > a > img {

    float: right;

}


/*Radio Spots*/

.radio-spot-tile {

    display: inline-block;
    margin: 25px 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    border-right: 1px solid #ccc;
    border-bottom-right-radius: 12px;
    box-shadow: 1px 1px 2px #F8EC23;

}

.radio-spot-tile > a > h4 {

    color: #3A52A5;
    margin: 0px;
    display: inline;

}

.radio-spot-tile > a > h4:hover {

    color: #42B649;

}

.radio-spot-tile > a::before {

    margin-right: 10px;
    top: 6px;
    position: relative;
    color: #ED1C24;

}


.radio-spot-tile > span {

    font-size: 12px;
    margin: 0px 0px 0px 30px;
    font-weight: 400;
    color: #42B649;

}


/*Letter Box*/

.letter-box {

    width: 244px;
    height: 218px;
    position: relative;
    border-radius: 12px;
    margin: 0px 0px 45px 0px;

}

.letter-box-letter {

    font-size: 100px;
    font-family: 'Quicksand', sans-serif;
    margin: 0px 5px 0px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 900;
    float: left;
    text-align: right;

}

.letter-box-text {

    display: inline-block;
    margin: 0px;
    top: 20px;
    position: relative;
    max-width: 111px;

}

.letter-box-line {

    width: 54px;
    height: 4px;
    position: absolute;
    bottom: 20px;
    right: 20px;

}

/*Fancy List*/

.fancy-list-container-center {

    margin: 0px auto;

}

.fancy-list-container-left {

    text-align: left;

}

.fancy-list-container-right {

    text-align: right;

}

.fancy-list-row {

    margin-bottom: 20px;
    text-align: center;

}

.fancy-list-row:nth-child(2n+1) .fancy-list-dot {

    background-color: #ED1C24;
    
}

.fancy-list-row:nth-child(2n+2) .fancy-list-dot {

    background-color: #3A52A5;
    
}

.fancy-list-row:nth-child(2n+3) .fancy-list-dot {

    background-color: #42B649;
    
}

.fancy-list-row:nth-child(2n+4) .fancy-list-dot {

    background-color: #F8EC23;
    
}


.fancy-list-details > h5 {

    color: #333;
    margin: 0px;
    text-align: left;

}


.fancy-list-position {

    display: inline-block;
    background-color: #333;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    float: left;

}

.fancy-list-position > h5 {

    color: #FFF;
    text-align: center;
    margin: 5px 0px 0px 0px;

}

.fancy-list-dot {

    width: 8px;
    height: 8px;
    border-radius: 12px;
    position: absolute;
    top: -4px;
    left: 11px;
    z-index: 1;

}


/*Reasons*/

.reasons-container-center {

    margin: 0px auto;

}

.reasons-container-left {

    text-align: left;

}

.reasons-container-right {

    text-align: right;

}

.reason-row {

    margin-bottom: 60px;
    text-align: center;

}

.reason-row:nth-child(2n+1) .reason-dot {

    background-color: #ED1C24;
    
}

.reason-row:nth-child(2n+2) .reason-dot {

    background-color: #3A52A5;
    
}

.reason-row:nth-child(2n+3) .reason-dot {

    background-color: #42B649;
    
}

.reason-row:nth-child(2n+4) .reason-dot {

    background-color: #F8EC23;
    
}

.reason-details > h4 {

    color: #333;
    margin: 0px;
    text-align: left;

}

.reason-details > p {

    margin: 5px 0px 0px 0px;
    color: #333;
    line-height: 24px;
    float: right;
    text-align: left;

}

.reason-position {

    display: inline-block;
    background-color: #333;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    position: relative;

}

.reason-position > h3 {

    color: #FFF;
    text-align: center;
    margin: 5px 0px 0px 0px;

}

.reason-dot {

    width: 12px;
    height: 12px;
    border-radius: 12px;
    position: absolute;
    top: -6px;
    left: 18px;
    z-index: 1;

}


/*Heading V3*/

.kidstalk-heading-v3 {

    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 8px;

}


/*Section Heading*/

.section-heading {

    width: auto;

}

.section-heading > h5 {

    font-family: 'Quicksand', 'sans-serif';
    margin-top: 20px;

}

.section-heading > h1 {

    margin: 0px;

}

.section-heading > h1 > span {

    margin: 0px 7px;
    font-family: 'Quicksand', sans-serif;

}

.section-heading-und {

    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0px auto;

}

.section-heading-und.v2 {

    border-spacing: 0px;
    border-collapse: collapse;
    margin: unset;
        
}


.section-heading-und.post {
    border-spacing: 0px;
    border-collapse: collapse;
    margin: unset;
}

.section-heading-und > tbody > tr > td:first-child {

    width: 57%;

}

.section-heading-und > tbody > tr > td:first-child > div {

    width: 100%;
    height: 7px;

}

.section-heading-und.post > tbody > tr > td:first-child > div {

    width: 100%;
    height: 5px;

}

.section-heading-und > tbody > tr > td:nth-child(2) > div {

    width: 100%;
    height: 1px;
    background-color: #707070;

}

.section-heading h5 {

    color: #333;

}

/*Info Circles*/

.info-circle {

    background-repeat: no-repeat;
    background-size: cover;   
    display: block;
    margin: 0px auto;

}

.info-circles-table {

    position: relative;
    z-index: 30;
    text-align: center;

}

.info-circle-container {

    text-align: center;
    padding: 0px 5px;

}

/*Children Verses*/

.children-verses-container {

    max-width: 1100px;
    text-align: center;

}

.children-verse-tile {

    position: relative;
    border: 1px solid #CCC;
    background-color: #FFF;
    margin: 10px;
    vertical-align: top;
    overflow: hidden;
    text-align: left;

}

.children-verse-text.etrv {

    display: none;
    color: #42B649;

}

.children-verse-text {

    position: relative;
    margin: 0px 0px 30px 0px;
    word-wrap: break-word;
    font-size: 15px;

}

.children-verse-scripture {

    position: absolute;
    background-color: #FFF;
    color: #3A52A5;
    margin: 0px;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: 1px 1px 2px #F8EC23;

}

.children-verse-scripture > img {

    position: absolute;
    cursor: pointer;

}

/*Kids Color Me Bible*/

.kcmb-page, .kcmb-pre, .pgtb-page {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #FFF;

}

#kcmb-toc-box {

    width: 95%;
    margin: 0px auto;

}

.kcmb-page-toc p.kcmb-chapter-number {

    margin: 0px;
    color: #3A52A5;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;

}

.kcmb-page-toc p.kcmb-chapter-name {

    margin: 0px;
    color: #333;    
    font-family: 'Cabin', sans-serif;
    font-size: 14px;

}

.kcmb-page, .kcmb-pre-page {

    padding: 10px;
    border: 1px solid #CCC;

}

.kcmb-toc-page-table {

    border-spacing: 15px;

}

.kcmb-toc-btn {

    text-align: center;

}

.kcmb-toc-btn-container {

    width: 200px;
    margin: 30px auto;

}


/*Gallery Covers*/

.gallery-cover-container {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 244px;
    height: 218px;
    border-radius: 12px;

}

.gallery-cover-tint {

    position: absolute;
    width: inherit;
    height: inherit;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 12px;
    display: none;

}

.gallery-cover-tint > a {

    position: relative;
    display: block;
    text-align: center;
    top: 88px;
    width: 80px;
    left: 82px;

}

.gallery-group-container {

    margin: 0px auto;

}

.gallery-group-container > tbody > tr > td {

    vertical-align: top;

}

.gallery-group-box {

    width: 244px;
    height: 218px;
    position: relative;
    border-radius: 12px;
    margin: 3px 0px 0px 0px;

}

.gallery-group-name {

    font-size: 30px;
    font-family: 'Quicksand', sans-serif;
    margin: 15px 5px 0px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 900;
    float: left;
    text-align: left;

}

.gallery-group-name-und {

    width: 80px;
    height: 4px;
    background-color: #F8EC23;
    display: inline-block;
    margin-left: 25px;

}

.gallery-group-box > img {

    position: absolute;
    bottom: 20px;
    right: 20px;

}

/**PLUGIN STYLES**/

/*TESTIMONIALS*/

.testimonial {

    border-radius: 12px;
    background-color: #F5F2F2;

}

.testimonial-heading {

    color: #3A52A5;

}

.testimonial-name {

    font-family: 'Cabin', sans-serif;

}

/*WOOCOMMERCE*/

/*General*/
.checkout_coupon.woocommerce-form-coupon {

    text-align: center;

}

.woocommerce-notices-wrapper {

    text-align: center;
    margin: 30px 0px;

}

.woocommerce-message > .button.wc-forward, .showcoupon {

    color: #FFF;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #3A52A5;
    display: inline;
    cursor: pointer;  
    border: none;
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;

}

.showcoupon {

    display: block;
    width: 250px;
    margin: 0px auto;

}

div.woocommerce {/*WooCommerce Wrapper*/

    margin: 120px auto 0px auto;

}

div.woocommerce[class*="columns-"] {

    margin: 60px auto 0px auto;

}

/*Shop*/

.kidstalk-woo-shop-price {

    background-color: #F8EC23;
    color: #333;

}

.woocommerce-result-count, .woocommerce-ordering {

    display: none;

}

.woocommerce ul.products li.product a img {

    width: 220px;

}

.kidstalk-woo-shop-products-container {

    display: block;
    margin: 0px auto;
    text-align: center;

}


.kidstalk-woo-shop-products-container > li {

    display: inline-block;
    width: 275px;
    text-align: left;
    vertical-align: top;

}

.woocommerce ul.products li.product a span.price {

    text-align: center;

}

.woocommerce ul.products li.product a span.price > span.woocommerce-Price-amount.amount {

    font-family: 'QuickSand', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 600;

}

.woocommerce ul.products li.product a span.price  > span.woocommerce-Price-amount.amount > span.woocommerce-Price-currencySymbol {

    font-family: 'QuickSand', sans-serif;
    font-size: 20px;
    text-align: center;

}

.kidstalk-woo-shop-product-title {

    color: #3E2503;
    line-height: 20px;
    text-align: left;

}

.woocommerce ul.products li.product .button {/*Read More & Select Options buttons*/
    
    display: none;

}

.woocommerce .products ul, .woocommerce ul.products {/*Products Container*/

    margin: 10px auto;
    width: 90%;

}

/*Product*/

.product_title.entry-title {

    line-height: 46px;

}

.woocommerce div.product div.images img, .woocommerce-product-gallery__wrapper {
    
    /* box-shadow: 2px 2px 3px #CCC; */

}

div.product_meta {

    display: none;

}

div.woocommerce-tabs.wc-tabs-wrapper {

    display: none;

}

section.related.products > h2:first-child {

    text-align: center;
    color: #42B649;
    text-transform: capitalize;

}

div#tab-additional_information > h2:first-child {

    color: #42B649;
    text-transform: capitalize;
    margin-left: 20px;
    display: none;

}

.woocommerce div.product form.cart .variations select {

    padding: 8px 6px;
    border: 1px solid #CCC;
    font-family: 'QuickSand', sans-serif;
    font-size: 16px;
    color: #333;

}

.woocommerce div.product form.cart .button {
    
    color: #FFF;
    font-family: 'QuickSand', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #3A52A5;
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 6px 8px;
    border-radius: 6px;

}

a.reset_variations {

    color: #FFF;
    font-family: 'QuickSand', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #42B649;
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 6px 8px;
    margin: 0px 0px 0px 20px;
    border-radius: 4px;

}

.woocommerce .quantity .qty {

    width: 3.631em;
    text-align: center;
    padding: 4px;
    border: 1px solid #CCC;
    font-size: 16px;
    font-family: 'QuickSand', sans-serif;

}

.woocommerce div.product form.cart .variations label, .woocommerce table.shop_attributes th {

    font-weight: 700;
    font-family: 'QuickSand', sans-serif;
    color: #42B649;

}

div.summary.entry-summary span.woocommerce-Price-amount.amount, 
div.summary.entry-summary span.woocommerce-Price-currencySymbol {

    font-family: 'QuickSand', sans-serif;
    font-size: 20px;
    font-weight: 900;

}

a.woocommerce-product-gallery__trigger {

    display: none;

}

.woocommerce div.product form.cart .reset_variations {
    
    font-size: 14px;
    margin: 10px 0px 0px 20px;

}

/*Messages*/

.woocommerce-message {

    color: #42B649;

}

.woocommerce-message::before {

    color: #42B649;

}

.woocommerce-error, .woocommerce-info, .woocommerce-message {

    font-family: 'QuickSand', sans-serif;
    text-align: center;

}

.woocommerce-error {

    color: #ED1C24;

}

.cart_totals .shop_table {

    text-align: left;
    
}

.woocommerce-Price-amount.amount {


}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt {

    background-color: #42B649;

}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {

    background-color: #42B649;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {

    color: #42B649;

}

/*Cart*/

.woocommerce-cart-form {

    width: 90%;
    margin: 0px auto;
    display: block;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

   border: 1px solid #CCC;
   margin-left: 25px;
   padding: 4px 6px;

}

.woocommerce table.shop_table {

    font-family: 'QuickSand', sans-serif;

}

.woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td {

    text-align: center;

}

.woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(6) {

    width: 10%;

}

.woocommerce-cart-form td.actions {

    text-align: left!important;
    padding-top: 20px;

}

button.button[name="apply_coupon"], #place_order, .shipping-calculator-button {

    border-radius: 5px;
    border: none;
    background-color: #F8EC23;
    color: #333;
    font-size: 14px;
    padding: 8px;
    font-weight: 700;
    text-transform: uppercase;

}

button.button[name="update_cart"], .checkout-button, .woocommerce-remove-coupon {

    border-radius: 6px;
    border: none;
    background-color: #42B649;
    color: #FFF;
    font-size: 14px;
    padding: 8px;
    margin-top: 15px;
    font-weight: 700;
    text-transform: uppercase;

}

.woocommerce-remove-coupon {

    background-color: #ED1C24;

}

.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, 
.woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    font-size: 16px;
    color: #333;
}

.woocommerce-billing-fields > h3:first-of-type, .woocommerce-additional-fields > h3:first-of-type {

    color: #42B649

}

.woocommerce form .form-row label {

    color: #333;

}

.woocommerce-input-wrapper > input {

    font-family: 'QuickSand', sans-serif;
    font-size: 14px;

}

.checkout.woocommerce-checkout {

    padding: 0px 30px 60px 30px;
    margin: 0px auto;

}

#billing_country_field .select2 {

    width: 280px!important;
    margin-left: 25px;

}

.woocommerce ul.order_details li strong {
    
    font-family: 'QuickSand', sans-serif;

}

.woocommerce ul.order_details li {
   
    font-family: 'QuickSand', sans-serif;

}

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, 
.woocommerce .woocommerce-order-downloads {
   
    font-family: 'QuickSand', sans-serif;

}

#order_comments {

    font-family: 'QuickSand', sans-serif;
    resize: none;
    width: 200px;

}

table.shop_table {

    width: 100%;

}

.cart_totals table.shop_table {

    border-spacing: 20px;

}

.woocommerce-aweber-fields {

    display: none;

}

#order_review > .shop_table {

    text-align: left;
    border-collapse: collapse;

}

#order_review > .shop_table > thead {

    background-color: #F2F2F2;

}

#order_review > .shop_table > thead > tr > th, #order_review > .shop_table > tfoot > tr > th, #order_review > .shop_table > tfoot > tr > td {

    padding: 12px;

}

#order_review > .shop_table tr.cart_item > td {

    padding: 12px;

}

#customer_details {

    text-align: center;

}

#customer_details > div {

    margin: 0px 20px;
    text-align: left;

}

form.cart > div.quantity > label {

    font-family: 'Cabin', sans-serif;

}

/*Stripe*/

.wc-stripe-elements-field, .wc-stripe-iban-element-field {

    height: 25px;

}

#payment.woocommerce-checkout-payment {

    font-family: 'Cabin', sans-serif;

}

/*CONTACT FORM 7*/

div.wpcf7 {

    margin: 0px;
    width: unset;

}

.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {

    background-color: #F3F4F6;
    border: none;
    padding: 10px 0px 10px 8px;
    width: 90%;

}

.wpcf7-form-control.wpcf7-textarea { 

    height: 300px;
    resize: none;

}

.wpcf7-form-control.wpcf7-submit {
   
    color: #FFF;
    font-family: 'Cabin', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #3A52A5;
    display: inline;
    cursor: pointer;
    border-color: #3A52A5;
    border-width: 3px; 
    font-size: 14px;
    padding: 15px 20px 15px 20px;
    border: none;
   
}

.wpcf7-form > p > label {

    font-family: 'Cabin', sans-serif !important;
    font-size: 22px !important;
    color: #333;
    text-transform: uppercase;

}

/*NINJA FORMS*/

.nf-field-label, .nf-element, .nf-checked-label, [id*='nf-label'] {

    font-family: 'Cabin', sans-serif;

}

.ninja-forms-field {

    border: 1px solid #CCC;
    padding: 8px;

}

.ninja-forms-field[type="button"] {

    color: #FFF;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #3A52A5;
    display: inline;
    cursor: pointer;
    border-color: #3A52A5;
    border-width: 2px;  
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;

} 

.nf-error-msg.nf-error-required-error, .nf-form-fields-required,
.nf-error-msg.nf-error-field-errors {

    font-family: 'Cabin', sans-serif;

}

/*ELEMENTOR*/

.no-display {

    display: none;

}

.elementor-widget:not(:last-child) {
    margin-bottom: 0px!important;
}

.books-of-bible-list {

    height: 400px;
    position: relative;
    overflow: hidden;

}


.books-of-bible-list h5 {

    font-family: 'Cabin', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #3A52A5;

}

.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {

    color: auto!important;

}

.elementor-widget-heading .elementor-heading-title {

    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600!important;

}

.elementor-widget-heading .elementor-heading-title {

    padding: unset!important;
    margin: unset!important;
    line-height: unset!important;

}

.kids-talk-menu-expand {

    cursor: pointer;
    font-size: 22px;

}

#click-to-call {

    position: fixed;
    z-index: 3;

}

/*WP SUBSCRIBE PRO*/
#wp-subscribe.wp-subscribe-1 .wps-consent-wrapper label {
    color: #FFF!important;
    font-family: 'Cabin', sans-serif;
}

.avia-fullwidth-slider span.image-overlay-type-extern {
    display: none!important;
}

p#shipping_country_field .select2.select2-container {
    width: 300px!important;
}

.pf-left-side, .pf-right-side {
    background-color: #FFF!important;
}

.cover {

    background-color: #A5A5A5;

}

.kcmb-chapter-label {

    margin: 25px 0px 0px 0px;
    color: #3A52A5;

}

.kcmb-chapter-label > a {

    color: #3A52A5;

}

.kcmb-chapter-description {

    margin: 0px;

}

@media screen and (min-width: 1201px) {

    .book-nav {
        display: none;
    }

    .kcmb-page-toc {

        display: inline-block;
        width: 600px;
    
    }

    .kcmb-toc-page-table > tbody > tr > td {

        padding: 0px;
    
    }

    .kidstalk-post-excerpt {

        font-size: 19px;
    
    }

    .kidstalk-post-title {

       font-size: 30px;
    
    }

    .kidstalk-page-wrapper {

        width: 1140px;
    
    }

    .footer-widget-area {

        display: inline-block;    
        margin: 0px 20px;

    }

    #footer-links {

        text-align: center;
        margin: 40px auto 30px auto;
        width: 1140px;

    }

    #footer-links-table > tbody > tr > td {

        display: table-cell;

    }

    .posts-container {

        width: 1140px;
        margin: 50px auto;
        position: relative;

    }


    .kidstalk-categories-grid, .kidstalk-archives-grid {

        text-align: center;
        position: relative;
        top: 0px

    }

    .kidstalk-categories-grid {

        left: 0px;

    }

    .kidstalk-categories-grid > tbody > tr > td {

        display: table-cell;

    }

    .kidstalk-posts-navigation {

        width: 400px;
        text-align: center;
        margin: 30px auto

    }


    /*Musical Links*/

    .mek-musical-links-grid > tbody > tr > td {

        display: table-cell;

    }


    /*Radio Spots*/

    .radio-spots-container {

        width: 900px;
        margin: 0px auto;

    }


    .fancy-list-details {

        margin: 0px 0px 0px 50px;

    }

    .reason-details {

        display: inline-block;
        width: 80%;
        margin: 0px 0px 0px 20px;

    }

    .section-heading > h1 > span {

        display: inline;

    }

    .section-heading-und {

        width: 350px;

    }

    .section-heading-und.v2 {

        width: 350px;
            
    }


    .section-heading-und.post {

        width: 350px;

    }

    /*Info Circles*/

    .info-circle {

        width: 250px;
        height: 250px;
        border-radius: 250px;
        border: 6px solid white;

    }

    .info-circles-table {

        margin: -100px auto 80px auto;
        width: 1250px;

    }

    .info-circles-table > tbody > tr > td {

        display: table-cell;
        padding: 0px;

    }


    /*Children Verses*/

    .children-verses-container {

        max-width: 1100px;

    }

    .children-verse-tile {

        min-width: 215px;
        max-width: 450px;
        min-height: 160px;
        max-height: 250px;
        border-radius: 12px;
        padding: 20px;

    }

    .children-verse-scripture {

        bottom: 20px;
        right: 20px;
        padding: 5px 7px;
        border-radius: 6px;

    }

    .children-verse-scripture > img {

        left: -40px;

    }


    .gallery-group-container > tbody > tr td {

        display: table-cell;

    }


    .kidstalk-woo-shop-products-container {

        width: 1140px;

    }


    .paypal-donate-support {

        position: absolute!important;
        right: 0px;
        bottom: 210px;

    }

    .books-of-bible-list {

        margin-left: 25px;
        width: 250px;

    }

    .books-of-bible-list.wide {

        width: 400px;

    }

    #click-to-call {

        bottom: 12px;
        left: 35px;
    
    }

    /*LAYER SLIDER*/

    div[id*="layerslider_"].ls-wp-container {

        margin-top: 0px!important;
    
    }

    .woocommerce table.shop_table > tbody > tr > td {

        display: table-cell;
    
    }

    div.woocommerce {/*WooCommerce Wrapper*/

        width: 90%;
    
    }

    .cart-collaterals {

        margin-bottom: 80px;
        display: inline-block;
    
    }
    
    .cart_totals {

        /* float: right;
        margin: 0px 80px 0px 0px; */

    }    

    table.shop_table > thead {

        display: table-header-group;

    }

    
    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:first-child {

        width: 5%;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(2) {

        width: 30%;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(3) {

        width: 40%;
        text-align: left;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(4) {

        width: 5%;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(5) {

        width: 10%;

    }

    .checkout.woocommerce-checkout {

        width: 90%;

    }

    #payment.woocommerce-checkout-payment {

        width: 500px;
        display: inline-block;
    
    }

    div[id^="product-"] {

        width: unset;
        margin: unset;

    }

    div[id^="product-"] table > tbody > tr > td {

        display: table-cell;
    
    }

    #order_review > .shop_table {

        width: 1000px;
        display: inline-block
    
    }

    #customer_details > div {

        display: inline-block;
    
    }

    #ktag-chapter-pdf {

        width: unset;
    
    }

}

@media screen and (min-width: 320px) and (max-width: 1200px) {

    .book-nav {
        display: block;
    }

    .kcmb-page-toc {

        display: block;
        width: 100%;
    
    }

    .kcmb-toc-page-table > tbody > tr > td {

        padding: 12px 0px;
    
    }

    .kidstalk-post-excerpt {

        font-size: 15px;
    
    }

    .kidstalk-post-title {

        font-size: 24px;
     
     }

    .kidstalk-page-wrapper {

        width: 93%;
    
    }

    #site-header-mobile {

        display: block;

    }

    #site-header {

        display: none;

    }

    .footer-widget-area {

        display: block;    
        margin: 30px 20px;
    
    }
    
    #footer-links {
    
        text-align: center;
        margin: 40px auto 30px auto;
        width: 100%;
    
    }
    
    #footer-links-table > tbody > tr > td {
    
        display: block;
    
    }
    
    .posts-container {
    
        width: 93%;
        margin: 50px auto;
        position: relative;
    
    }
    
    
    .kidstalk-categories-grid, .kidstalk-archives-grid {
    
        text-align: center;
        position: relative;
        top: 0px
    
    }

    .kidstalk-categories-grid {

        left: 0px;

    }
    
    .kidstalk-categories-grid > tbody > tr > td {
    
        display: table-cell;
    
    }
    
    .kidstalk-posts-navigation {
    
        width: 400px;
        text-align: center;
        margin: 30px auto
    
    }
    
    
    /*Musical Links*/
    
    .mek-musical-links-grid > tbody > tr > td {
    
        display: table-cell;
    
    }
    
    
    /*Radio Spots*/
    
    .radio-spots-container {
    
        width: 900px;
        margin: 0px auto;
    
    }
    
    
    .fancy-list-details {
    
        margin: 0px 0px 0px 50px;
    
    }
    
    .reason-details {
    
        display: inline-block;
        width: 80%;
        margin: 0px 0px 0px 20px;
    
    }

    .section-heading > h1 > span {

        display: block;

    }
    
    
    .section-heading-und {
    
        width: 350px;
    
    }
    
    .section-heading-und.v2 {
    
        width: 350px;
            
    }
    
    
    .section-heading-und.post {
    
        width: 350px;
    
    }
    
    /*Info Circles*/
    
    .info-circle {
    
        width: 250px;
        height: 250px;
        border-radius: 250px;
        border: 6px solid white;
    
    }
    
    .info-circles-table {
    
        margin: -50px auto 80px auto;
        width: 100%;
    
    }
    
    .info-circles-table > tbody > tr > td {

        display: block;
        padding: 30px 0px 45px 0px;

    }
    
    /*Children Verses*/
    
    .children-verses-container {
    
        max-width: 1100px;
    
    }
    
    .children-verse-tile {
    
        min-width: 215px;
        max-width: 450px;
        min-height: 160px;
        max-height: 250px;
        border-radius: 12px;
        padding: 20px;
    
    }
    
    .children-verse-scripture {
    
        bottom: 20px;
        right: 20px;
        padding: 5px 7px;
        border-radius: 6px;
    
    }
    
    .children-verse-scripture > img {
    
        left: -40px;
    
    }
    
    
    .gallery-group-container > tbody > tr td {
    
        display: block;
    
    }
    
    
    .kidstalk-woo-shop-products-container {
    
        width: 100%;
    
    }
    
    
    .paypal-donate-support {
    
        position: absolute!important;
        right: 0px;
        bottom: 210px;
    
    }
    
    .books-of-bible-list {
    
        margin-left: 25px;
        width: 250px;
    
    }
    
    .books-of-bible-list.wide {
    
        width: 400px;
    
    }

    #click-to-call {

        bottom: 12px;
        left: 35px;
    
    }


    
    /*LAYER SLIDER*/

    div[id*="layerslider_"].ls-wp-container {

        margin-top: 70px!important;
    
    }

    .woocommerce table.shop_table > tbody > tr > td {

        display: block;
    
    }

    div.woocommerce {/*WooCommerce Wrapper*/

       width: 93%;
    
    }

    .cart-collaterals {

        margin-bottom: 50px;
        display: block;
    
    }

    .cart_totals {

        /* float: none;
        margin: 0px; */

    }

    table.shop_table > thead {

        display: none;

    }

    
    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:first-child {

        width: 100%;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(2) {

        width: 100%;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(3) {

        width: 100%;
        text-align: center;

    }

    .woocommerce .woocommerce-cart-form > table.shop_table > tbody > tr > td:nth-child(4) {

        width: 100%;

    }

    .woocommerce .woocommerce-cart-form >s table.shop_table > tbody > tr > td:nth-child(5) {

        width: 100%;

    }

    .checkout.woocommerce-checkout {

        width: unset;

    }

    #payment.woocommerce-checkout-payment {

        width: unset;
        display: block;
    
    }

    div[id^="product-"] {

        width: 93%;
        margin: 0px auto;

    }

    div[id^="product-"] table > tbody > tr > td {

        display: block;
    
    }

    #order_review > .shop_table {

        width: 100%;
        display: table;
    
    }

    #customer_details > div {

        display: block;
    
    }

    #ktag-chapter-pdf {

        width: 35px;
    
    }

}