/*
  Theme Name: YTF26
  Theme URI: https://ytf.org.za
  Version: 1.1.4
  Template: Divi
  Author: ImaginAttic
  Author URI: https://www.imaginattic.net
  Description: YTF Yoga Organization
  Text Domain: ytf26
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    z-index: 1;
}

/* No overflow into white space on the right */
#page-container {
	overflow-x:hidden !important;
}

.nav li li {
    padding: 0 0 0 20px!important;
}

.et-menu li li a {
    padding: 6px 10px!important;
}

.et_pb_blog_grid .column.size-1of3 {
	width: 30% !important;
    margin-right: 2% !important;
	margin-bottom: 2% !important;
}

.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
        margin-bottom: 5% !important;
    }

/* Center CTA on mobile menu */
@media (max-width: 980px) {
    .dtb_mobile #dtb-m-menu .dtb-mobile-menu li.cta-link>a {
     text-align: center;
    }
}

/* Disable hamburger on mobile menu */
@media screen and (max-width:980px){
.custom-menu .et_pb_menu__menu {
    display: block !important;
	padding: 1% 4% 0 4% !important;
}
	}

.custom-menu .et_mobile_nav_menu {
    display: none !important;
}

/* Blog equlizing */
.et_pb_blog_grid .et_pb_post {
    min-height: 610px;
	max-height: 610px;
}

.et_pb_blog_grid .et_pb_image_container img {
    min-height: 260px !important;
    max-height: 260px !important;
}

/* Listing image square */
.bsui .ratio-16x9 {
--bs-aspect-ratio: calc(1* 100%);
}

/* Listing card min height for equal size */
.bsui .p-2 {
    min-height: 225px !important;
}

/* Profile Header Text */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: \'Katibeh\',display, Georgia, \"Times New Roman\", serif!important;
}

/* Profile H margin */
.bsui h1, .bsui .h1, .bsui h2, .bsui .h2, .bsui h3, .bsui .h3, .bsui h4, .bsui .h4, .bsui h5, .bsui .h5, .bsui h6, .bsui .h6 {
    margin-bottom: 0rem;
}

/* H3 font size profile */
.et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 {
    font-size: 30px;
}

/* Custom CSS directory squares */
.et_pb_section.et_section_regular {
	padding: 0px 0 !important;
}
/* Custom CSS for Event view */
/* page padding */
#tribe-events-pg-template {
     padding: 0 !important;
}
/* Custom CSS for Calendar list view */
/* Cal list view width */
.tribe-events-view {
    width: 80% !important;
    max-width: 1080px !important;
    margin: auto !important;
    position: relative !important;
}

/* Removes date repitition above list item*/
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    display: none;
}

/* h6 size */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
    font-size: var(--tec-font-size-10) !important;
}

/* Styling for events in list */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 5px auto !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 5px auto !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
    overflow: hidden;
    margin-bottom: 20px !important;
	width: 100% !important;
    height: 100% !important;
    min-height: 200px !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    display: flex !important;
    margin: 15px auto !important;
    border: 1px solid #00000020 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    gap: 15px !important;
    flex-direction: row !important;
	justify-content: left !important;
}

.tribe-common a:not(.tribe-common-anchor--unstyle):focus {
    outline: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    width: 30% !important;
    background-size: cover !important;
    position: relative !important;
    min-height: 200px !important;
    z-index: 9 !important;
}

.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col, .tribe-common .tribe-common-l-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6 {
    font-size: var(--tec-font-size-10) !important;
    line-height: 1em !important;
    font-weight: var(--tec-font-weight-regular) !important;
	text-transform: uppercase !important;
}

.tribe-events-calendar-list__event-header {
	width: 70%;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    padding: 10px !important;
    box-sizing: border-box;
    position: relative;
    justify-content: flex-start;
    gap: 8px;
}

.tribe-events .tribe-events-calendar-list__event-details {
    flex: auto !important;
}

.tribe-events-calendar-list__event-details .ect-list-post-right-table
{
	display: flex !important;
    height: 100% !important;
    width: 100% !important;
}
.tribe-events-calendar-list__event-details .modern-list-right-side 
{	width: 30% !important;
    height: 100% !important;
    display: flex !important;
    padding: 10px 15px !important;
    align-items: flex-start;
    box-sizing: border-box !important;
    flex-direction: column !important;
    justify-content: flex-start;
	background: #566494;
    border-radius: 10px;
}

.tribe-events-c-small-cta__price
{
	font-size: 20px;
    font-weight: 300;
}

.tribe-events-calendar-list__event-datetime {
    color: #fff !important;
	font-size: var(--tec-font-size-7) !important;
    font-weight: 800 !important;
}

.tribe-common .tribe-common-b2--bold {
    font-weight: var(--tec-font-weight-bold);
    font-size: var(--tec-font-size-3) !important;
}

.tribe-events-calendar-list__event-venue-address {
	font-size: var(--tec-font-size-3) !important;
}

.tribe-events-calendar-list__event-venue-title::after {
    content: \"\\a\";
    white-space: pre;
}

.tribe-events-calendar-list__event-venue {
    color: #fff !important;
}

/* font awesome stuff */
.fa-classic, .fa-regular, .far, .fas {
    font-family: FontAwesome !important;
}

.fa-location-dot, .fa-map-marker-alt {
    color: #FFF;
	padding: 25px 0px 10px 0px !important;
}

.fa-ticket {
    --fa: \"\\f145\";
    rotate: 134deg;
	font-size: 16px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description {
    margin-top: var(--tec-spacer-1) !important;
}

.tribe-events .tribe-events-calendar-list__event-cost {
    color: #fff !important;
}

.tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover {
    border-bottom: 0px solid transparent;
}

.tribe-common .tribe-common-anchor-thin {
    border-bottom: 0px solid transparent;
    transition: var(--tec-transition-border-color);
}

.list-view-read-more {
    background-color: #566494 !important;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 6px;
    font-weight: 700;
	width: 115px !important;
}

.list-view-read-more:hover {
    background-color: #707dab !important;
    color: #fff;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: var(--tec-spacer-9) !important;
}

/* Mobile styling for events list */
@media only screen and (max-width: 790px) {
    .tribe-events .tribe-events-calendar-list__event {
        margin-bottom: 35px !important;
        flex-direction: column !important;
    }
	.tribe-common .tribe-common-h7 {
    font-size: var(--tec-font-size-9) !important;

}
	
	.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row, .tribe-events .tribe-events-calendar-list__event-wrapper {
		display: flex;
  		flex-direction: column;
    	width: 100% !important;
    	margin: 5px auto;
    	padding: 0;
    	max-width: 100%;
    	width: calc(var(--tec-grid-width-1-of-4)* 3 + var(--tec-grid-gutter-small-half));
	}
	.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        height: auto !important;
        text-align: center !important;
    }
	
	.tribe-events .tribe-events-calendar-list__event {
        margin-bottom: 35px !important;
        flex-direction: column !important;
        overflow: hidden;
        border: 1px solid #00000020;
        padding: 10px;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        min-height: 200px;
        box-sizing: border-box;
        word-break: break-word;
        display: flex;
        margin: 15px auto;
        gap: 15px;
}
	.tribe-events-calendar-list__event-details .modern-list-right-side, .tribe-events-calendar-list__event-header, .tribe-events .tribe-events-calendar-list__event, .tribe-events-calendar-.list__event-details .tribe-common-g-col, .tribe-events-calendar-list__event-details .ect-list-post-right-table {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        height: auto;
        text-align: center;
    }
	.tribe-common .tribe-common-h6 {
    font-size: var(--tec-font-size-10) !important;
    line-height: 1em !important;
    font-weight: var(--tec-font-weight-regular) !important;
    text-transform: uppercase !important;
}
	.tribe-events-calendar-list__event-header {
		margin-bottom: 20px !important;
	}
	
}

/* Events grid styling */
.post-grid .layer-wrapper:before {
    display: contents !important;
}

.layout-24399 .element_1742562115450 img:hover {
    opacity: 0.5;
}

.layout-24399 .element_1742562123873 a, .layout-24399 .element_1742562123873 {
    display: flex;
    min-height: 90px !important;
    padding: 3%;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* Blog styling */
#post-grid-24398 .layer-wrapper {
    border-radius: 18px;
    max-height: 450px !important;
	box-shadow: 0px 12px 18px -6px rgba(103, 151, 255, 0.17);
}

#post-grid-24398 .element_0 {
    object-fit: cover;
    object-position: center center;
    width: 350px !important;
    height: 350px !important;
}

#post-grid-24398 .item {
    flex: none !important;
	padding: 0px !important;
	width: 31.333% !important;
    margin-right: 2%;
	height: 470px !important;
}

/* Mobile styling for events list Home page */
@media only screen and (max-width: 790px) {
	#post-grid-24398 .grid-items {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	#post-grid-24398 .item {
    padding: 0px !important;
	width: 90% !important;
    margin-right: 0%;
}
	#post-grid-24398 .grid-items {
    gap: 24px;
} 
}
/* Blog equlizing not on mobile*/
.et_pb_blog_grid .et_pb_post {
    min-height: auto;
	max-height: auto;
}	
/* Blog equlizing related post images*/
	#dtb-related-posts-list img {
    height: 300px !important;
}
	

 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
    margin-bottom: 9.5% !important;
    }