/*
Theme Name: ntcg
Description: Default Theme for New Testament Church of God
Author: adxvz
Version: 1.1.1
Template: divi
*/

/* Set default font */
font-family: "Figtree", sans-serif;

/* Remove DIVI header */

#main-header {
    display: none;
}

#main-footer {
    display: none;
}

#top-header {
    display: none;
}

#page-container {
    padding-top: 0px !important;
    margin-top: -1px !important;
}

/*==== Underline Color Swipe - Menu ====*/

.pa-underline-color-swipe nav ul li a::before {
    position: absolute;
    bottom: 0;
    display: block;
    height: 2px;
    width: 0%;
    content: "";
    background-color: #f7c70c;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.pa-underline-color-swipe nav ul li a:hover::before {
    opacity: 1;
    width: 100%;
}

.pa-underline-color-swipe nav ul li a:hover {
    transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
    background-position: 0%;
}

/* Homepage menu bar colour change*/

.pa-menu-color nav {
    position: sticky;
    background-color: #f7c70c;
}

/* Fullscreen Menu*/

body:not(.et-fb) .toggle_content {
    display: none;
}
.et_pb_button.toggle_btn_opened:after {
    content: "\32";
}
.et_pb_button.toggle_btn_closed:after {
    content: "\33";
}

body:not(.et-fb-root-ancestor) [class*="et-lb-content"],
.et-lb-wrapper {
    position: fixed !important;
    visibility: hidden;
    top: 0px;
    z-index: 999999;
    min-height: 100%;
    overflow: scroll !important;
    max-height: 80vh;
    transition: all 0.2s 0s;
    width: 100%;
}

body:not(.et-fb-root-ancestor) [class*="et-lb-content"] .et_pb_row {
    position: relative;
    top: 50px;
}
.et-lb-open {
    visibility: visible !important;
    width: 100%;
}
span.et-lb-close {
    font-size: 46px;
    right: 0;
    top: 0;
    display: block;
    color: #fff; /* COLOR OF THE CLOSING ICON*/
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    font-family: etmodules;
    z-index: 99999999999999;
    position: absolute;
}
body:not(.et-fb-root-ancestor) [class*="et-lb-content"]:not(.et-lb-open) {
    transform: scale(0.3);
    opacity: 0;
}
body:not(.et-fb-root-ancestor) [class*="et-lb-btn"] {
    cursor: pointer;
}

.bg-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(60px);
    background-color: #30373b; /* Adjust opacity here */
}

body:not(.et-fb) .mtc_element {
    display: none;
}
body:not(.et-fb) .show-on-click,
body:not(.et-fb) .toggle-on-click {
    display: none;
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.pa-inline-buttons {
    text-align: center !important;
}
/* show hamburger menu on desktop for specific menu module */

@media (min-width: 980px) {
    .pa-hamburger-menu .et_pb_menu__menu {
        display: none;
    }

    .pa-hamburger-menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        margin: 0 6px;
        align-items: center;
    }
}

/* Add a button into the menu  */

.call-to-action a {
    color: #fff !important;
    background-color: #fad04a;
    text-align: center;
    padding: 10px !important;
    margin-top: -10px;
    border-radius: 5px;
}

.et_pb_sticky--top .call-to-action a {
    background-color: #f7c70c !important;
}

.et_slide_in_menu_container ul {
    list-style: none;
    padding: 0;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.et_slide_in_menu_container li {
    margin-right: 20px;
}

.et_slide_in_menu_container a {
    text-decoration: none;
    color: #000; /* Change color as needed */
}

/* Read More Toggle */

/*collpse and set the height of the toggle text*/

.pa-toggle-text .et_pb_text_inner {
    max-height: 200px;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
}

/*add gradient to the collapsed text*/

.pa-toggle-text .et_pb_text_inner:after {
    content: "";
    display: inline-block;
    position: absolute;
    pointer-events: none;
    height: 100px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, #fff 10%, transparent);
}

/*style the expand text link*/

.pa-toggle-text .pa-text-expand-button {
    padding: 0.5em;
    text-align: center;
    color: #00d263 !important;
}

/*change the cursor to a pointed when hovering over the expand text link*/

.pa-toggle-text .pa-text-expand-button span {
    cursor: pointer;
}

/*define the font family for the toggle icon*/

.pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
    font-family: ETMODULES, "sans-serif";
}

/*set the max height and transition of the expanded toggle*/

.pa-toggle-text .pa-text-toggle-expanded {
    max-height: 2000px;
    transition: max-height 0.3s ease-in;
}

/*hide the gradient when the toggle is expanded*/

.pa-toggle-text .pa-text-toggle-expanded.et_pb_text_inner:after {
    background: none;
}

/* Sticky Navbar */
/*set the default background color of the header section*/
.pa-header {
    background: transparent;
    -webkit-transition: background-color 3s ease-out;
    -moz-transition: background-color 3s ease-out;
    -o-transition: background-color 3s ease-out;
    transition: background-color 3s ease-out;
}

.pa-header .et_pb_menu__menu > nav > ul > li > a {
    color: #f7f7f7 !important;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
    background-color: #f7f7f7 !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.2);
}

.pa-fixed-header .et_pb_menu__menu > nav > ul > li > a {
    color: #30373b !important;
}

/* change logo on sticky */
.pa-header.et_pb_sticky--top .et_pb_menu__logo img {
    content: url(https://staging.ntcg.org/app/uploads/2025/03/WeAreNTCG-black.png);
}

/* Tablet - Portrait Mode - Media Queries */

@media only screen and (min-width: 600px) and (max-width: 900px) {
    .pa-header {
        display: none;
    }
}

@media only screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
    .topbar {
        display: none;
    }
}