/*
 Theme Name:   Alpha Web Woodmart
 Template:     woodmart
*/

/* www.archippusawakening2.alphawebdemo.info */

/* Theme customization starts here
-------------------------------------------------------------- */

/* ====================================================== General ======================================================*/

h2 {
    font-size: 24px;
}    

h2:not(:first-child) {
    padding-top: 20px;
}

h3:not(:first-child) {
    padding-top: 20px;
}

h4:not(:first-child) {
    padding-top: 10px;
}




/* @@@@@@@@@ Temporarily disable this, maybe need to modify template to use essential grid to display results" */
/* Search results, prevent user from clicking "View all results" */ 
.view-all-results {
    display: none;
}


/* --- Remove the default :before icon fom theme, using "disc" as list style and increase the indentation for list ----*/
.elementor-text-editor>ol,
.elementor-text-editor>ul {
  padding-left: 40px;
}

.elementor-text-editor>ul>li:before {
 content: "";
}

.elementor-text-editor>ul>li {
  list-style: disc;
}

/* --- END Remove the default :before icon fom theme, using "disc" as list style and increase the indenattion for list ----*/


table td {
    border-color: #848181 !important;
    border-style: solid;
    border-width: 1px !important;
    
}


/* sticky sidebar that appears on small screen */ 
.woodmart-sticky-sidebar-opener:not(.sticky-toolbar) {
    background-color: #8e0e0e;
    color: white;
    box-shadow: 1px 2px 7px rgb(0 0 0 / 27%);
}


/* ==================================================== END General ====================================================*/


/* ================================================== Menu & Heading  ==================================================*/
.title-size-small {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* ================================================ END Menu & Heading =================================================*/



/* ====================================================== Sidebar ======================================================*/

/* ----- Sermon sidebar ------*/

.nextend-accordion-menu-inner .inner a > span {
    text-shadow: none !important;
    font-size: 16px !important;
    color: rgba(0,0,0,0.7) !important;
}


.nextend-accordion-menu-inner dt.active a span {
    color: #8e0e0e !important;
}
  

.nextend-accordion-menu-inner dl.level1 dt.parent .inner {
    background-image: url(/wp-content/uploads/2021/01/Closed-Orange.png) !important;
}



.nextend-accordion-menu-inner dl.level1 dt.parent.opened .inner, 
.nextend-accordion-menu-inner dl.level1 dt.parent.opening .inner {
    background-image: url(/wp-content/uploads/2021/01/Opened-maroon.png) !important;
}


.nextend-accordion-menu-inner .inner {
    border: none !important;
}  

.nextend-accordion-menu-inner dt {
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(129, 129, 129, 0.2) !important;
} 


/* Top Category level */
.nextend-accordion-menu-inner dt.level1 {
    padding: 12px 0 !important;
}



/* ==================================================== END Sidebar ====================================================*/


/* ==================================================== Home page ======================================================*/
/* get rid of the top padding I added for h2,h3, h4 in "General section" */
.aw-home-section-title h2.title {
    padding-top: 0;
}

.aw-home-subscribe-link {
    color: #F8A738 !important;
    font-weight: 600;
    text-decoration: underline !important;
}


.aw-home-blurb-section .elementor-icon-box-title {
    color: #3e3c3c;
    font-size: 25px;
}




.aw-home-testimonials-text {
    padding: 30px 30px 58px;
    background: white;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}



.aw-home-testimonials-section  .fa-quote-left {
    font-size: 23px;
    color: #a54242;
    padding-bottom: 15px;
}


/* @@@@ DO NOT delete,even though is not needed now, use for reference */
/* Center the Testimonial's element that contain "name/company" */ 
/* @@@@ Must set this at element level: Advanced--> Positioning--> Width--> set to "Inline (auto)",  */ 
/* @@@@ This is needed for inline-block effect, ie "div" shrink to the width of content */

.XXXXaw-home-testimonials-section .elementor-widget-wrap {
    justify-content: center;
}



/* The div with "name / job title" etc */
.aw-home-testimonials-title {
    background: #f8a738;
    text-shadow: 1px 1px 1px #dd8103;
    padding: 10px 20px 10px;
    max-width: 85% !important;
    min-width: 256px;  
    margin-top: -60px;
    margin-bottom: 100px !important;
    margin-left: 4%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.4;
}

 

.aw-home-testimonials-section .aw-name {
    font-size: 18px;
    color: white;
    text-align: center;
}

.aw-home-testimonials-section .aw-separator {
    font-size: 16px;
    color: white;
}

.aw-home-testimonials-section .aw-title {
    font-size: 14px;
    color: white;
}


.aw-home-subscribe-text a {
    color: #F8A738;
}

.aw-home-subscribe-button .elementor-button {
    width: 100%;
}

/* ================================================== END Home page ====================================================*/





/* ==================================== Sermon chapter listing page (Kingdom 101)========================================*/

.aw-kingdom101-message-left-col {
    overflow: hidden;
}


.aw-kingdom101-message-left-col > .elementor-column-wrap {
    padding: 80px 10px 70px 60px !important;
}


   

.aw-kingdom101-intro-text {
    padding-bottom: 120px;
    background-image: url(/wp-content/uploads/2021/05/Kingdom101-980x120-1.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 60%;
    text-align: justify !important;
}




.aw-kingdom101-counter-right-col .elementor-counter .elementor-counter-title {
    font-size: 19px;
    line-height: 1.8;
    font-family: Roboto, Arial, sans-serif;
}


.aw-kingdom101-media-icons-row .elementor-image-box-img {
    width: 100% !important; 
}

.aw-kingdom101-media-icons-row  .elementor-image-box-title {
    font-size: 19px ;
    font-weight: 400;
}

.aw-sermon-chapter-tab .elementor-tabs-wrapper {
    overflow:visible;
    background-color: #940820;
}



/* For "Responsive Tabs - WP Darko" */ 
.aw-responsive-tabs-text .rtbs_menu ul {
    padding: 30px 5% 16px 5% !important;
    background-color: #8e0e0e !important;
    text-align:center;
}


.aw-responsive-tabs-text .rtbs_menu ul li {
    border-style: none none none solid ;
    border-width:  1px;
    border-color: 	rgba(255,255,255, 0.7);
    margin-bottom: 14px !important;
}

   
   
.aw-responsive-tabs-text .rtbs_menu li a {
    color: white;
    background-color: transparent !important;
    padding: .35rem 15px;
}   


.aw-responsive-tabs-text .rtbs_menu ul li:hover a {
    background-color: #5d0808 !important;
}    




.aw-responsive-tabs-text .rtbs_menu li a.active {
    background-color: #5d0808 !important;
    
}



.aw-responsive-tabs-text .rtbs_content {
    padding: 60px;
    border-top: none !important;
}


.aw-responsive-tabs-text .rtbs_content h2 a {
    font-size: 20px !important;
    text-decoration: underline;
}


.aw-footnote-row p {
    color: #e6e6e6;
    font-size: 15px;
}

.aw-footnote-row a {
    color: #F8A738;
}

/* =================================== Sermon chapter listing page (Kingdom 101) =======================================*/




/* =============================================== Sermon Session pages ================================================*/
/* By default, Woodmart set the font to 110% in singale post, not sure why, set back to 100% here */

.single-post .site-content {
    margin-top: -40px;
}

.post-single-page .entry-content {
    font-size: 100%;
}

/* Hide categories meta */
.post-single-page .meta-post-categories {
    display: none;
}

/* Hide author meta */
.post-single-page .woodmart-entry-meta {
    display: none;
}


/* Hide the featured image - for "default" single blog set om theme settings  */
.post-single-page .entry-header {
    display: none;
}



/* ---- Sermon overview section, this is done in HTML block ---- */
#aw-sermon-overview-row li {
    margin-bottom: 22px;
    color: #ececec;
}

/* Get rid of the default woodmart list arrow */
#aw-sermon-overview-row li::before {
    content:"";
} 

.aw-sermon-category a {
    text-decoration: underline;
    color: #ececec !important;
}

/* Social share icons */
.icons-design-simple .woodmart-social-icon {
    background-color: #f8a738;
    color: #FFF !important;
}

.icons-design-simple .woodmart-social-icon:hover {
    background-color: #8e0e0e;
}



.aw-sermon-item-label {
    font-weight: 500;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
}


/* Get rid of the line at the bottom of individual post */
.woodmart-single-footer {
    border-top: none
}



.category-sermon-session .entry-title {
    margin-bottom: 0;
    line-height: 2.4;
}


/* The maroon summary block */
.aw-sermon-session-summary-row {
    padding: 10px 30px 0 30px;
    background-color: #8e0e0e;
    color: white;
}

.aw-sermon-session-summary-row  .elementor-row .elementor-column-wrap {
    padding-bottom: 150px !important;
    background-image: url(/wp-content/uploads/2021/05/Kingdom101-980x120-1.png);
    background-repeat: no-repeat;
    background-position: 10px 86%;
    background-size: 60%;
}    



/* This class is manually added in the text itself */
.aw-session-field-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* The row with "Apple", "SoundClound", "YouTube" icons, done in HTML block */
.aw-session-media-icons-row {
    padding: 40px 4% 10px !important;
    margin-top: -10px;
}



.aw-session-media-icons-row .elementor-image-box-title {
    font-size: 17px;
    font-weight: 400;
}


/* The row with SoundClound and Youtube media file/link */
.aw-sermon-session-media-row {
    margin-bottom: 30px;
}


/* ============================================= END Sermon Session pages ===============================================*/




/* =================================================== Contact us ======================================================*/
.page-id-3474 .site-content {
    margin-bottom: 0;
}


.aw-contact-us-row {
    padding: 0% 26% 5%;
}


.aw-contact-us-inner-row {
    padding: 70px 12% 160px;
    border-radius: 6px;
    background-image: url(/wp-content/uploads/2021/05/Kingdom101-980x120-1.png);
    background-repeat: no-repeat;
    background-position: center 94%;
    background-size: 70%;
    box-shadow: 3px 3px 7px rgb(0 0 0 / 30%);
}



.aw-contact-us-text {
    margin-bottom: 40px;
}

.aw-contact-us-item-div {
    margin-bottom: 40px;
}

.aw-contact-us-item-div a {
    color: white;
    text-decoration: underline;
}



.aw-contact-us-heading {
    font-family: 'roboto';
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #F8A738;
    margin-bottom: 0;
}

/* ================================================= END Contact us ====================================================*/


/* ================================================ Search result page =================================================*/
.search-results .article-inner {
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0, 0.2)
}

.search-results .article-inner:hover {
    border: 1px solid rgba(0,0,0, 0.4)
}

.search-results .woodmart-entry-meta,
.search-results .hovered-social-icons {
    display: none;
}

/* ============================================== END Search result page ===============================================*/

/* =====================================================================================================================*/
/* ==================================================== Responsive =====================================================*/
/* =====================================================================================================================*/
/* =====================================================================================================================*/
@media only screen and (min-width: 1681px) {
 
 
/* Home */ 
.aw-home-slider-section > .elementor-background-overlay {
  background-position: center 28% !important;
} 
    
}


/* =====================================================================================================================*/
@media (min-width: 1025px) {
    
/* Not sure why elementor default setting for stretch row is like this, it caused a white vertical line on the left */
/* Fix it by disabling the setting, check out the setting after disabling and copied to here */
.platform-Windows [class*=wd-section-stretch] {
    /* width: calc(100vw - 17px); */
    width: 100vw;
    /* left: calc(50% - 50vw + 8.5px); */
   left: calc(50% - 50vw);
}

}



/* =====================================================================================================================*/
@media only screen and (max-width: 1239px) {


/* ---- "Contact Us" page ----*/
.aw-contact-us-row {
    padding: 0% 18% 5%;
}



/* --- END "Contact Us" page ---*/




}
/* =====================================================================================================================*/
@media only screen and (max-width: 1024px) {
    

/* ---- "Contact Us" page ----*/
.aw-contact-us-row {
    padding: 0% 8% 5%;
}


/* --- END "Contact Us" page ---*/

}

/* =====================================================================================================================*/
@media only screen and (max-width: 767.5px) {
    
/* ------ Home ------ */    
.aw-home-blurb-section .elementor-icon-box-wrapper {
    text-align: center !important;
}

.aw-home-testimonials-title {
    min-width: 200px;
}

/* ------ END Home ------ */  


/* ------ kingdom101 page ------ */ 
.aw-kingdom101-message-left-col > .elementor-column-wrap {
    padding: 70px 40px 40px 40px !important;
}



.aw-sermon-chapter-tab .elementor-tab-title {
    text-align: center;
}    

.aw-sermon-chapter-tab .elementor-tab-content {
    padding: 40px 25px;
    text-align: center;
}

.aw-sermon-chapter-tab .elementor-tab-title.elementor-active {
    width: 102%;
}  


/* For "Responsive Tabs - WP Darko" */ 
.aw-responsive-tabs-text .rtbs_content {
    padding: 50px 7%;
}


/* ------ END kingdom101 page ------ */ 

/* ------ Sermon session pages ------ */ 

/* The "sermon session" pages, background font on maroon div on top */
.aw-sermon-session-summary-row::before {
    font-size: 62px;
    bottom: -26px;
} 


.aw-session-media-icons-row .elementor-widget-image-box .elementor-widget-container {
    margin-bottom: 40px !important;
}

.elementor-text-editor>ol,
.elementor-text-editor>ul {
  padding-left: 40px;
}

.elementor-text-editor>ul>li:before {
 content: "";
}

.elementor-text-editor>ul>li {
  list-style: disc;

}

/* ------ END Sermon session pages ------ */ 



/* ---- "Contact Us" page ----*/
.aw-contact-us-row {
    padding: 0% 5% 7%;
}




/* --- END "Contact Us" page ---*/

}



/* =====================================================================================================================*/
@media only screen and (max-width: 480px) {
    
    

.aw-kingdom101-intro-text {
    background-size: 80%;
}



/* ------ Sermon session pages ------ */ 

/* The "sermon session" pages, background font on maroon div on top */
.aw-sermon-session-summary-row::before {
    font-size: 44px;
    bottom: -19px;
} 


.aw-sermon-session-summary-row  .elementor-row .elementor-column-wrap {
    background-size: 80%;
}    

    
    
/* ------ END Sermon session pages ------ */     
    
/* ---- "Contact Us" page ----*/

.aw-contact-us-inner-row {
    padding: 70px 10% 100px; 
    background-size: 80%;
}



/* --- END "Contact Us" page ---*/
    
}    


/* =====================================================================================================================*/
@media only screen and (max-width: 360px) {
    

/* ------ Sermon session pages ------ */ 

/* The "sermon session" pages, background font on maroon div on top */
.aw-sermon-session-summary-row::before {
    font-size: 38px;
    bottom: -18px;
} 


    
/* ------ END Sermon session pages ------ */     
    
/* ---- "Contact Us" page ----*/


.aw-contact-us-inner-row {
    padding: 70px 10% 100px;
}



/* --- END "Contact Us" page ---*/
    
}