/*
Theme Name:     Ranzcog
Theme URI:      https://ranzcog.edu.au
Description:    Custom Divi Child Theme for º£½ÇÆƽâ°æ
Author:         º£½ÇÆƽâ°æ Web Team
Author URI:     https://ranzcog.edu.au
Template:       Divi
Version:        18062025
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    ranzcog
*/

/* =============================================================================
    Table of Contents
    ============================================================================= */
/*
 * 1.0 Base Styles
 * 2.0 Typography
 * 3.0 Layout
 * 4.0 Components
 * 5.0 Utilities
 * 6.0 Media/Container Queries
 */

/* =============================================================================
    1.0 Base Styles
    ============================================================================= */

/* -------------------------------------------------------------------------- */
/* 1.1 Box Model */
html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* =============================================================================
    2.0 Typography
    ============================================================================= */

/* -------------------------------------------------------------------------- */
/* 2.1 External Links */
/* Adds an external link icon after links that point outside the site */
body a[href^="https"]:not([href^="https://ranzcog.edu.au"]):not([href^="https://www.ranzcog.edu.au"]):not(
    .et_pb_social_network_link a
  ):not(.et_pb_social_icon):not(.et_pb_image a):not(
    .et_pb_main_blurb_image a
  ):not(.dssb-sharing-button a):not(.podcast-icons-wrapper a):not(.app-icons-wrapper a)::after,
body #page-container a[href^="https"]:not([href^="https://ranzcog.edu.au"]):not([href^="https://www.ranzcog.edu.au"]):not(
    .et_pb_social_network_link a
  ):not(.et_pb_social_icon):not(.et_pb_image a):not(
    .et_pb_main_blurb_image a
  ):not(.dssb-sharing-button a):not(.podcast-icons-wrapper a):not(.app-icons-wrapper a)::after {
  font-family: FontAwesome !important;
  font-weight: 900 !important;
  content: "\f35d" !important;
  font-size: 0.75em;
  margin-left: 0.4em !important;
	margin-bottom:0.2em !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}


body a[href^="https"]:not([href^="https://ranzcog.edu.au"]):not([href^="https://www.ranzcog.edu.au"]):not(.dssb-sharing-button a) .dipl_button_text:after {display: none}

/* -------------------------------------------------------------------------- */
/* 2.2 Button External Icon */
/* Special handling for external links within buttons */
body
  #page-container
  .et_pb_section
  a[href^="https"]:not([href*="ranzcog.edu.au"]).et_pb_button:after {
  font-family: FontAwesome !important;
  font-size: 0.75em !important;
  font-weight: 900 !important;
  margin-left: 0.8em !important;
	margin-bottom:0.2em !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* -------------------------------------------------------------------------- */
/* 2.3 Document Library Pro Button */
/* Custom styling for document library buttons */
body.et_pb_button_helper_class .dlp-table-document-link-wrap .et_pb_button.document-library-pro-button {
  color: #614c9a;
  background: none;
  text-decoration: none;
  min-height: none;
  padding: 0 !important;
}

body.et_pb_button_helper_class .dlp-table-document-link-wrap .et_pb_button.document-library-pro-button:hover {
    text-decoration: underline;
    color: #614c9a !important;
    background: none;
}

/* =============================================================================
    3.0 Layout
    ============================================================================= */

/* -------------------------------------------------------------------------- */
/* 3.1 Header Components */

/* 3.1.1 Header Search */
/* Modal search overlay and form styling */
#header_search .dipl_modal_inner_wrap {
  max-width: 60rem;
  overflow: visible;
}

#header_search .dipl_ajax_search {
  width: 100%;
}

body #header_search .dipl_modal_body {
  overflow: visible !important;
}

#header_search .dipl_ajax_search_field {
  border-radius: 0;
}
/* correcting height of span and styling for desktop view only*/
@media only screen and (min-width:1037px){

.et-search-form .et-search-field {
  height: 32px; 
  padding: 4px 10px;
  font-size: 16px;
  background-color: #f5f5f5; 
  border-radius: 8px; 
  box-sizing: border-box;

}
}
/* 3.1.2 Desktop Navigation (1037px+) */
/* Main menu styling for desktop view */
@media screen and (min-width: 1037px) {
  #top-menu ul.sub-menu {
    width: 380px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #top-menu ul.sub-menu a {
    width: 380px !important;
    max-width: 23rem;
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
    margin-bottom: 10px;
    transition: 0s !important;
  }

  #top-menu ul.sub-menu a:hover {
    background: none !important;
    opacity: 1 !important;
	text-decoration:underline;
    color: #614c9a;
  }

  #top-menu-nav > ul > li > a:hover {
    transition: 0s !important;
  }

  #top-menu > li > a:hover {
    color: #614c9a;
	text-decoration:underline;
    opacity: 1 !important;
  }
/*styling for integrate and acquire*/
  .menu-item-29610 a, .menu-item-43 a{
  padding: 4px 10px !important;
  background-color: #7f828a !important; 
  color: white !important;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  display: inline-block;
  transition: background-color 0.1s ease !important;
  }
  .menu-item-29610 a:hover, .menu-item-43 a:hover{
	background-color: #423365 !important;
	opacity: 1 !important;
  }
}
/*allowing vertical scroll on submenu and adjusting to prevent last item on menu from cutting off*/
@media (max-height: 820px) {
  .sub-menu {
    max-height: calc(100vh - 150px); 
	max-width:100vw;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
    word-wrap: break-word;
    box-sizing: border-box;
  }
	
	
}

#top-menu> li:last-child>.sub-menu{
		right:1px;
}
/* 3.1.3 Mobile Navigation (1036px-) */
/* Mobile menu styling for smaller screens */
@media screen and (max-width: 1036px) {
  #mobile_menu ul.sub-menu {
    margin: 0;
  }

  #mobile_menu ul.sub-menu a {
    transition: 0s;
  }

  #mobile_menu li.current-menu-item > a {
    color: #614c9a!important;
  }

  #mobile_menu li.current-menu-item > a:hover {
    color: white;
  }

  .et_mobile_menu .menu-item-has-children > a {
    transition: 0s;
  }
}


@media screen and (min-width: 1037px) and (max-width: 1440px) {
    #main-header #top-menu a {font-size: .9rem}
    .et_header_style_left #et-top-navigation {padding-left: 10rem!important}
    #top-menu li:not(#top-menu>li:last-child) {padding-right: 12px!important}
}

/* 3.1.4 Custom Header Breakpoint (1037px-) */
/* Custom breakpoint to switch to mobile menu */

/* increase menu container width to prevent menu item wrap */
@media (min-width: 1201px) and (max-width:1440px){
	#main-header .container{
	width:85%!important;
	}
}
@media (min-width: 1037px) and (max-width:1200px){
	#main-header .container{
		width:97%!important;
	}
}
@media (max-width: 1036px) {
  /* Search Form */
  #main-header .et-search-form {
    width: 100% !important;
    max-width: 100% !important;
    background: #f5f5f5 !important;
    float: left !important;
  }

  .et-search-form input {
    left: 10%;
  }

  span.et_close_search_field {
    right: 10%;
  }

  /* Navigation Layout */
  #main-header .container {
    width: 100%;
    box-sizing: border-box;
    padding-right: 10%;
    padding-left: 10%;
  }

  .et_header_style_left {
    #et-top-navigation {
      float: right !important;
      display: block !important;
      padding-top: 24px !important;
      padding-right: 0 !important;
    }

    #top-menu-nav {
      display: block !important;
      float: left !important;
      line-height: 0 !important;
    }

    .logo_container {
      width: auto !important;
    }

    #et_top_search {
      position: relative !important;
      margin: 0 35px 0 0 !important;
      float: left !important;
      vertical-align: middle !important;
      display: block !important;
    }
  }

  /* Mobile Menu Triggers */
  #et_mobile_nav_menu {
    display: block !important;

  }
  .et_mobile_menu .menu-item-has-children>a {font-weight: normal!important;}

  #top-menu {
    display: none !important;
  }

  #et_search_icon:before {
    top: 7px !important;
  }

  /* Header Position */
  .et_fixed_nav #main-header {
    position: absolute;
  }

  .et_secondary_nav_only_menu #top-header {
    display: none;
  }
}

/* 3.1.5 Sticky Tablet & Mobile Menu (1036px-) */
/* Makes the mobile header stick to top and hide on scroll */
@media (max-width: 1036px) {
  #main-header.mobile-sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: transform 0.3s ease;
  }

  #main-header.mobile-sticky-nav.hide-on-scroll {
    transform: translateY(-100%);
  }

  body {
    padding-top: 0 !important; 
  }
}

/* body.mobile-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
} */

#mobile_menu {overflow: auto!important;max-height: 100svh;}

.et_pb_sticky_module {z-index: 100!important}

/* 3.1.6 Logo link height correction */
/* Fixes logo container sizing issues */
.logo_container a {display: inline-block; width: auto;height: auto;line-height: 0;}
.et_fixed_nav .logo_container a img#logo {width: 100%;height: auto;padding-right: 0!important;max-width: 9.375rem!important;}
.et-fixed-header .logo_container a img#logo {max-width: 8rem!important}

/* -------------------------------------------------------------------------- */
/* 3.2.0 Mobile Collapsible Menu */
/* Expandable mobile menu with toggles */
@media (max-width: 1036px) {

  /* 3.2.1 Toggle placeholder */
  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
  ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
  .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0 !important;
    max-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: transparent;
    border-bottom: 0;
    text-align: center;
    fill: #614c9a;
  }

  /* 3.2.2 Parent-item positioning */
  ul.et_mobile_menu > li.menu-item-has-children,
  ul.et_mobile_menu > li.page_item_has_children,
  ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
  .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
  }

  /* 3.2.3 Parent-link background */
  .et_mobile_menu .menu-item-has-children > a,
  .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
  }

  /* 3.2.4 Hide sub-menu by default */
  ul.et_mobile_menu .menu-item-has-children .sub-menu,
  #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
  .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
  .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
  }

  /* 3.2.5 Show sub-menu when toggled */
  ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
  .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
  }

  /* 3.2.6 Icon positioning */
  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
    top: 10px;
    position: relative;
  }

  /* 3.2.7 Hide close icon when closed */
  ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
    display: none;
  }

  /* 3.2.8 Hide open icon when open */
  ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon,
  .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
    display: none;
  }

  /* 3.2.9 Reset all sub-menu link borders */
  .et_mobile_menu li ul li > a {
    border-bottom: 0;
    border-top:    0;
  }

  /* 3.2.10 Border-top on the next item after an open menu */
  ul.et_mobile_menu > li.dt-open + li {
    border-top: 1px solid rgba(0, 0, 0, .03) !important;
  }

  /* 3.2.11 Indent nested menu items */
  .et_mobile_menu li li {
    padding-left: 2%;
    /* border: 2px solid #cc0000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #000000;
    color: #cc0000;
    border-radius: 4px; */
    margin: 2px 0;
  }
}

/* 3.3.0 Header Search */
/* Mobile header search adjustments */
@media screen and (max-width: 1036px) {
    #page-container {padding-top: 80px!important}
}

/* -------------------------------------------------------------------------- */
/* 3.4 Post Archive Template (News Archive) */
/* 3.4.1 News Hero */
/* Hero section with search and filter options for news archives */
.hero_news .hero_news_filters > .et_pb_column {display: flex; gap: 2rem; align-items: center;}
.hero_news .hero_news_filters .hero_news_filters_search {flex: 1 0; margin-bottom: 0;}
.hero_news .hero_news_filters .hero_news_filters_category {flex: 1 0}
.hero_news .hero_news_filters .hero_news_filters_or {margin-bottom: 0;}
#ranzcog-category-filter select {-webkit-appearance: none;-moz-appearance: none;appearance:none;padding-right: 2rem;background-image: url('https://ranzcog.edu.au/wp-content/uploads/chevron-updown.svg');background-repeat: no-repeat;background-position: right 1rem center;background-size: 1rem auto; min-width: 11rem;}
.hero_news_filters select {font-size: 14px; color: #666;padding-top: 0.715em !important;padding-right: 0.715em !important;padding-bottom: 0.715em !important;padding-left: 0.715em !important; width: 100%}
.hero_news_filters .et_pb_search.et_pb_hide_search_button input.et_pb_s::placeholder {font-size: 14px; color: #666;}

/* 3.4.2 News Featured */
/* Featured news articles styling with cards layout */
.news_featured_card .post-content {padding: 2rem }
.news_featured_card .custom-type-badge {display: none;}
.news_featured_card .et_pb_post img {height: 15.5rem!important; object-fit: cover}
.news_featured_card .et_pb_post .post-media {width: 30%}
.news_featured_card .et_pb_post_extra.el_dbe_list .post-media+.post-content {width: calc(70% - 20px)}

.news_featured_card .post-content {display: flex; flex-direction: column;}
.news_featured_card .el-read-more-btn {margin-top: auto;}

@media screen and (max-width: 980px) {
  .hero_news .hero_news_filters > .et_pb_column {flex-direction: column; align-items: flex-start; gap: 1rem}
  .hero_news .hero_news_filters .et_pb_module {width: 100%; max-width: 23rem;}
  .news_featured_card .et_pb_post {flex-direction: column;}
  .news_featured_card .et_pb_post .post-media {width: 100%}
  .news_featured_card .et_pb_post img {height: 16.875rem!important}
  
  .post-content {width: 100%!important}
  .news_featured_card .el-read-more-btn {margin-top: 2rem;}
}

/* -------------------------------------------------------------------------- */
/* 3.5 Post Category Archive Template (News Category Archive) */
/* Category-specific archive page styling */
.hero_news_content img {border-radius: .5rem}
.hero_news_content .hero_news_content_wrap {display: flex; flex-direction: column;}
.hero_news_content .hero_news_content_wrap .hero_news_filters_search {margin-top: auto;}

/* -------------------------------------------------------------------------- */
/* 3.6 Single Post Template */
/* Layout and styling for single post views */
.post_hero_layout .post_hero_image img {border-radius: .5rem}
.post_hero_layout .post_hero_content_wrap {display: flex; flex-direction: column; padding: 1rem 0; height: 100%!important}

.post_hero_layout .post_hero_content_wrap .post_hero_date .et_pb_text_inner::before {
  content: "\e023"; font-family: 'ETmodules';margin-right: 0.5rem;display: inline-block;}

.post_hero_layout .post_hero_content_wrap .post_hero_categories .et_pb_text_inner::before {content: "\e018"; color: #614C9A;font-family: 'ETmodules';margin-right: 0.5rem;display: inline-block;}

.post_main_footer_nav {border-top: 2px solid #E5E7EB;}
.post_main_footer_share .dssb-sharing-button .dssb-sharing-icon {transition: .2s ease-in-out;}
.post_main_footer_share .dssb-sharing-button .dssb-sharing-icon:hover {background: #995099; color: white}

/* -------------------------------------------------------------------------- */
/* 3.7 Search Template */
/* 3.7.1 Search Header */
/* Search page header with search field and title */
.search_hero_wrap .hero_search_layout .hero_search_heading {margin-bottom: 0;}
.search_hero_wrap .hero_search_layout .hero_search_header h1 {padding-bottom: 1rem}
.search_hero_wrap .hero_search_layout .hero_search_field {margin-bottom: 1rem;}

/* 3.7.2 Search Results Count */
/* Results counter display */
.search_hero_wrap .hero_search_layout .hero_search_results .facetwp-facet-result_count {margin-bottom: 0}

/* 3.7.3 Content Type Filter */
/* Filter dropdown for content types */
.search_main_filters #ranzcog-search-filter-dropdown {margin-bottom: 0}
.search_main_filters #ranzcog-search-filter-dropdown {border-radius: 3rem; padding: 0.5rem; border-color: #868E96}
.search_main_filters #ranzcog-search-filter-dropdown {-webkit-appearance: none;-moz-appearance: none;appearance:none;padding-right: 2rem;background-image: url('https://ranzcog.edu.au/wp-content/uploads/chevron-updown.svg');background-repeat: no-repeat;background-position: right 0.25rem center;background-size: 1rem auto; min-width: 11rem;}
.search_main_filters #ranzcog-search-filter-dropdown:hover {cursor: pointer!important; width: 3rem!important}

/* 3.7.4 Search Results Cards */
/* Search results display as cards */
.search_main_results .post-media {height: 16.5rem;}
.search_main_results .post-media img {background: #f6f6f6;}
.search_main_results .post-content {padding: 1rem 0; display: flex; flex-direction: column;}
.search_main_results .el-read-more-btn {margin-top: auto}

/* 3.7.5 Post Type Badges */
/* Visual indicators for different content types */
.post-media {position: relative;}
.custom-type-badge {z-index: 10!important; position: absolute; top: 1rem; left: 1rem; padding: .8rem 1rem; border-radius: 1rem; font-size: .875rem; }
.search_main_results .type-page .custom-type-badge {background: #604b99 !important; color: white;}
.search_main_results .type-post .custom-type-badge {background: #e05069 !important; color: white !important;}
.search_main_results .type-attachment .custom-type-badge {background: #F8B641 !important; color: white;}
/*.search_main_results .type-ajde_events .custom-type-badge {background: #614C9A; color: white;}*/

@media screen and (max-width: 980px) {
    .search_main_results .post-media {width: 100%!important; margin-right: 0!important; height: auto!important;}
    .search_main_results .post-media img {max-height: 16.5rem; object-fit: cover}
    .search_main_results .post-content {padding: 2rem}
}

@media screen and (max-width: 767px) {
    .search_main_results .post-content {padding: 1rem}
}
/* -------------------------------------------------------------------------- */
/* 3.8 Set simple banner to top of page */

#simple-banner {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  width: 100%;
}

/* =============================================================================
    4.0 Components
    ============================================================================= */

/* -------------------------------------------------------------------------- */
/* 4.1 Breadcrumbs */
/* Site navigation breadcrumb trail */
.breadcrumbs_wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.breadcrumbs_contain {
  max-width: 1600px;
  margin: 0 auto;
  width: 80%;
}
.breadcrumbs_contain #breadcrumbs {
  font-size: 12px;
}
.breadcrumbs_contain #breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs_contain #breadcrumbs a:hover {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* 4.2 CTA List Cards */
/* Call to action cards with image and text */
.cta_list_card .et_pb_blurb_content {margin: 0; width: 100%; max-width: none; display: flex; flex-direction: column; height: 100%;}
.cta_list_card .et_pb_main_blurb_image {margin-bottom: -2.5rem;}
.cta_list_card .et_pb_main_blurb_image .et_pb_image_wrap img {aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: auto; display: block; overflow: hidden;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container {width: 88%; margin: 0 auto; padding: 2rem; border-radius: 0.5rem; background: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border: 1px solid #c9c9c9; position: relative; height: 100%;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container h4 {font-size: 1.5rem !important;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container .cta_list_card_link {color: white; border: 2px solid #614c9a; border-radius: 8px; font-size: 16px; text-decoration: none; background-color: #614c9a; padding: 8px 16px 8px 16px;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container .cta_list_card_link:hover {background: #423365; cursor: pointer; border: 2px solid #423365;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container .cta_list_card_link:after {content: "\35"; font-family: "ETmodules"; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 0.1em;}
.cta_list_card .et_pb_blurb_content .et_pb_blurb_container:after {content: ""; position: absolute; top: 25px; left: -1px; bottom: 25px; background-color: rgba(0, 0, 0, 0); border-left: 2px solid rgba(97, 76, 154, 1); transition: none; transform: translateX(0); pointer-events: none;}

/* -------------------------------------------------------------------------- */
/* 4.3 Slider - Text Left Aligned */
/* Hero slider with text aligned to the left */
.et_pb_slides .et_pb_slide .et_pb_slide_description { float:left !important; padding-left:100px !important; text-shadow: 0 1px 3px rgba(0,0,0,.3)!important }
.et_pb_slides .et_pb_slide {padding-right: 0}
.et_pb_slides .et_pb_slide_image {right: 0; width: 50% }
.et_pb_slider .et_pb_slide_image {margin-top: 0 !important;transform: translateY(0) !important;top: 0 !important;}

@media screen and (min-width: 981px) {
  .homeBanner .et_pb_slides .et_pb_slide .et_pb_slide_description {display: flex; flex-direction: column; gap: 1rem}
  }

.hero_buttons {overflow: visible !important; z-index: 10;}
.hero_buttons .et_pb_row {max-width: 87rem}


@media screen and (max-width: 767px){
    .et_pb_slides .et_pb_slider_container_inner {display: flex; flex-wrap: wrap; flex-direction: column;}
    .et_pb_slides .et_pb_slide .et_pb_slide_description {padding-right: 100px; order: 1; height: 50svh !important; padding: 2rem !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .et_pb_slides .et_pb_slide_image {display: flex!important; order: 2; width: 100%; max-height: 50svh; margin-top: 0!important}
    .et_pb_slides .et_pb_slide_image img {height: auto}
    .et_pb_slider .et-pb-controllers {top: 47svh; bottom: initial}
}


/* -------------------------------------------------------------------------- */
/* 4.4 Categories Dropdown */
/* Category selection dropdown styling */
#ranzcog-category-filter {
  position: relative;
  max-width: 100%;
}
#ranzcog-category-filter select {
  width: 100%;
  padding: 12px 48px 12px 16px;
  border: 1px solid #868E96;
  border-radius: 2rem;
  background: #FFF;
  appearance: none;
  cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/* 4.5 News Card Component */
/* Reusable news card layout with consistent styling */
.block_extended .post-content {display: flex; flex-direction: column;}
.block_extended .et_pb_post > .post-media-container {order: 0!important;} /* Image first */
.block_extended .et_pb_post > .post-meta {order: 1!important;} /* Meta data second */
.block_extended .et_pb_post > .post-content {order: 2!important;} /* Content last */
.et_pb_post_extra .post-meta {width: 100%; display: flex; flex-wrap: wrap;}


/* Meta styling for consistent appearance */
.block_extended .post-meta {background: #F6F6F6!important; border: 0!important}
.block_extended .post-categories {padding: 0!important; width: fit-content}
.block_extended .post-categories a {padding: 0!important; color: #4E525D!important; border: none!important}
.block_extended .post-categories a:first-child {margin-right: 0}
.et_pb_post_extra .post-meta {width: 100%; display: flex; flex-wrap: wrap;}
.et_pb_post_extra .el_category_term:not(:first-of-type) {padding-left: .25rem}

/* -------------------------------------------------------------------------- */
/* 4.6 Events */
/* 4.6.1 Event Top */
.eventon_list_event .evoet_c1 {flex: 1 0 10%}
.eventon_list_event .evoet_c3 {flex: 1 0 70%!important}
.eventon_list_event .evoet_dayblock {justify-content: center; align-items: center!important; height: 100%;}
.eventon_list_event .evo_start {align-items: center!important;}
.eventon_list_event :is(.evo_start, .evo_end) * {color: #614C9A}
.eventon_list_event .evo_start .day {font-size: 1rem!important}
.eventon_list_event .evo_start .date {font-size: 2.5rem!importanst}
.eventon_list_event .evo_start .month {font-size: 1.5rem!important; font-weight: bold!important;}
.eventon_list_event .evoet_title {font-weight: 600!important}
.eventon_list_event .evcal_event_subtitle {font-weight: 400; margin-top: .5rem; margin-bottom: 1rem}
.eventon_list_event .evoet_location {display: inline-block!important; width: fit-content;}
.eventon_list_event .evoet_location .evcal_location {background: #423365; width: fit-content; padding: .25rem .5rem!important; border-radius: 3px; color: white; font-weight: bold;}
.eventon_list_event .evoet_c3 i:not(.fa-location-pin) {display: none;}
@media screen and (max-width: 1558px) {
.evo_filter_bar {flex-wrap: wrap; row-gap: 1rem}
.eventon_sorting_section .evo_filter_aply_btns.vis {border-left: none; margin-left: 0}
}



/* 4.6.2 Event Top Mobile */
@media screen and (max-width: 482px) {
    .evcal_list_a {flex-direction: column;}
    .evoet_c1 .evoet_dayblock {justify-content: flex-start!important;}
    .evoet_c1 { margin-bottom: 2rem}
}


/* 4.6.3 Event Bottom */
.evcal_eventcard .evcal_btn {border-radius: .5rem!important;}
.evcal_eventcard .evcal_btn:hover {background: #423365!important; opacity: 1!important;}
.evcal_eventcard .evo_h3 {color: #614C9A!important; font-weight: 500!important; font-size: 26px!important}
.evocard_row .evcal_evdata_icons {padding-top: .25rem}
.evocard_box {background: #f6f6f6}
.learnmore .evcal_evdata_row {background: #614C9A!important; padding: 8px 32px 8px 16px; width: 100%; font-size: 1rem; color: white!important; display: flex; align-items: baseline; justify-content: center; transition: all 300ms ease 0ms;}
.learnmore .evcal_evdata_row:hover {background: #423365!important}
.learnmore .evcal_evdata_row * {color: white!important; font-size: 1rem!important;}
.learnmore .evcal_evdata_row h3 {margin-right: .5rem; text-transform: initial; font-weight: 600!important;}
.learnmore .evcal_evdata_row  .evcal_evdata_icons {display: none;}

/* Hide Events Load More*/
.event_description .evocard_row .evocard_main_image_hold:before {display: none}

/* Event Image height */
.event_description .evocard_main_image_hold .evocard_main_image {max-height: 25rem}

/* Learn More Button */
.event_description #event_learnmore {border-radius: 8px!important; box-shadow: 2px 3px 6px -2px rgba(0, 0, 0, 0.3);}
.event_description .evcal_evdata_row {border-radius: 8px!important}

/* Join Categories Background */
.eventon_list_event .evoet_eventtypes > em:first-child {display: none}
.eventon_list_event .evoet_eventtypes .evoetet_val {order: 0}
.eventon_list_event .evoet_eventtypes {font-weight: bold; background: #423365; width: fit-content; padding: .25rem .5rem!important; border-radius: 3px; color: white!important; font-weight: bold;}
.eventon_list_event .evoet_eventtypes em {font-weight: inherit!important; color: inherit; padding-right: 0!important}

/* Join Tags Background */
.eventon_list_event .evo_event_tags {font-weight: bold}
.eventon_list_event .evo_event_tags {background: #423365; width: fit-content; padding: .25rem .5rem!important; border-radius: 3px; color: white!important; font-weight: bold}
.eventon_list_event .evo_event_tags > em:first-child {display: none;}
.eventon_list_event .evo_event_tags > em {color: inherit; font-weight: inherit!important; padding-right: 0!important}

/* View in my time button */
.eventon_list_event .evcal_evdata_cell .evo_mytime.tzo_trig {color: #ffffff !important; border-width: 2px !important; border-color: #614C9A;border-radius: 8px; background-color: #614C9A; padding: 8px 16px!important; font-weight: 600!important; font-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif; text-transform: initial; box-shadow: 2px 3px 6px -2px rgba(0, 0, 0, 0.3); font-size: 1rem;}
.eventon_list_event .evcal_evdata_cell .evo_mytime.tzo_trig:hover {border-color: #423365 !important;background-image: initial; background-color: #423365; opacity: 1}
.evo_btn_arr:hover i, .evcal_evdata_row .evo_btn_arr:hover i.fa-chevron-right {transform: translateX(0);}

/* Registration button */
.evcal_evdata_cell .evcal_btn {display: flex!important; align-items: center; box-shadow: 2px 3px 6px -2px rgba(0, 0, 0, 0.3); text-transform: initial!important; font-weight: 600!important; font-size: 1rem!important;}
.evcal_evdata_cell .evcal_btn:after {padding-left: .25rem}

/*Map height*/
.evo_metarow_gmap,
.evo_metarow_gmap > div,
.evo_metarow_gmap iframe {
    height: 320px !important;
    max-height: 320px !important;
    min-height: 320px !important;
}
/*Single event page*/

.single-ajde_events {
	#left-area {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
	#content-area {
    float: none;
    width: 100%;
}
	#page-container #et-boc #et-main-area #main-content .container{
		padding-bottom:32px !important;
	}
	/*remove card header*/
  .desc_trig_outter {
    display: none !important;
  }
  
  .evosin_event_title {
    padding-bottom:64px;
  }
	/*remove social icons*/
	.FacebookShare,.Twitter,.LinkedIn,.EmailShare{
		display:none;
	}
	.evocard_main_image_hold{
		background-color:#f6f6f6;
	}
}
/* =============================================================================
    5.0 Utilities
    ============================================================================= */
/* General utility classes and helper styles */


/* =============================================================================
    6.0 Media/Container Queries
    ============================================================================= */

/* -------------------------------------------------------------------------- */
/* 6.1 Container Setup */
/* Container query setup for responsive components */
.hero_slider {
  container-type: inline-size;
  container-name: threshold-xlarge;
}

@media screen and (max-height:480px){
.hero_slider .et_pb_slide_description  {padding: 6% 2% 6% 0%!important}
}
@media screen and (min-height:481px){
.hero_slider .et_pb_slide_description  {padding: 9% 2% 9% 0%!important}
}

 @media (max-width: 980px) {
.hero_slider .et_pb_slide_description
   {padding: 10% 2% 5% 0%!important}

}

.hero_buttons {
  container-type: inline-size;
  container-name: threshold-xlarge;
}

/* -------------------------------------------------------------------------- */
/* 6.2 Base Utilities */
/* Utility classes that apply at all screen sizes */
.u-border-color-brand {
  border-color: #614c9a !important;
}

/* -------------------------------------------------------------------------- */
/* 6.3 Responsive Utilities */

/* 6.3.1 Above Thresholds */
/* Utility classes that apply above specific container widths */
@container threshold-xlarge (width >=72em) {
  .u-top-small-above {top:  -5rem !important; }
  .u-top-medium-above {top: -10rem !important; }
  .u-margin-bottom-neg-small-above {margin-bottom:  -5rem !important; }
  .u-margin-bottom-neg-medium-above {margin-bottom: -10rem !important; }
  .et-pb-controllers {bottom: 3rem!important;}

  .u-margin-left-none-above {
    margin-left: 0 !important;
  }

  .u-margin-right-none-above {
    margin-right: 0 !important;
  }

  .u-border-radius-none-above {
    border-radius: 0 !important;
  }

  .u-background-white-above {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-above { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-padding-none-above { padding: 0 !important; }
  .u-padding-small-above { padding: 1.25rem 1.25rem 1.25rem 0 !important; }
  .u-padding-bottom-small-above { padding-bottom: 2rem!important; }
  .u-grid-above { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 2rem; }
  .u-background-none-above { background: none !important; background-color: transparent !important; }
  .u-shadow-none-above { box-shadow: none !important; }
  .u-shadow-default-above { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; }
  .u-flex-horizontal-above { display: flex !important; gap: 1.5rem !important; align-items: center !important; }
  .u-border-left-1-above { border-left: 2px #604b99 solid !important; }
  .u-border-left-2-above { border-left: 2px #a699d1 solid !important; }
  .u-border-left-3-above { border-left: 2px #f3aabb solid !important; }
  .u-border-left-4-above { border-left: 2px #f8b641 solid !important; }
  .u-border-left-5-above { border-left: 2px #ee8066 solid !important; }

  .u-width-full-above {width: 100% !important;}
  .u-width-80-above {width: 80% !important;}
}

@container threshold-large (width >=62em) {
  .u-top-small-above {top:  -5rem !important; }
  .u-top-medium-above {top: -10rem !important; }
  .u-margin-bottom-neg-small-above {margin-bottom:  -5rem !important; }
  .u-margin-bottom-neg-medium-above{margin-bottom: -10rem !important; }

  .u-margin-left-none-above {
    margin-left: 0 !important;
  }

  .u-margin-right-none-above {
    margin-right: 0 !important;
  }

  .u-border-radius-none-above {
    border-radius: 0 !important;
  }

  .u-background-white-above {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-above { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-padding-none-above { padding: 0 !important; }
  .u-padding-small-above { padding: 1.25rem 1.25rem 1.25rem 0 !important; }
  .u-padding-bottom-small-above { padding-bottom: 2rem!important; }
  .u-grid-above { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 2rem; }
  .u-background-none-above { background: none !important; background-color: transparent !important; }
  .u-shadow-none-above { box-shadow: none !important; }
  .u-shadow-default-above { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; }
  .u-flex-horizontal-above { display: flex !important; gap: 1.5rem !important; align-items: center !important; }
  .u-border-left-1-above { border-left: 2px #604b99 solid !important; }
  .u-border-left-2-above { border-left: 2px #a699d1 solid !important; }
  .u-border-left-3-above { border-left: 2px #f3aabb solid !important; }
  .u-border-left-4-above { border-left: 2px #f8b641 solid !important; }
  .u-border-left-5-above { border-left: 2px #ee8066 solid !important; }

  .u-width-full-above {width: 100% !important;}
  .u-width-80-above {width: 80% !important;}
}

@container threshold-medium (width >=48em) {
  .u-top-small-above {top:  -5rem !important; }
  .u-top-medium-above {top: -10rem !important; }
  .u-margin-bottom-neg-small-above {margin-bottom:  -5rem !important; }
  .u-margin-bottom-neg-medium-above{margin-bottom: -10rem !important; }

  .u-margin-left-none-above {
    margin-left: 0 !important;
  }

  .u-margin-right-none-above {
    margin-right: 0 !important;
  }

  .u-border-radius-none-above {
    border-radius: 0 !important;
  }

  .u-background-white-above {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-above { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-padding-none-above { padding: 0 !important; }
  .u-padding-small-above { padding: 1.25rem 1.25rem 1.25rem 0 !important; }
  .u-padding-bottom-small-above { padding-bottom: 2rem!important; }
  .u-grid-above { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 2rem; }
  .u-background-none-above { background: none !important; background-color: transparent !important; }
  .u-shadow-none-above { box-shadow: none !important; }
  .u-shadow-default-above { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; }
  .u-flex-horizontal-above { display: flex !important; gap: 1.5rem !important; align-items: center !important; }
  .u-border-left-1-above { border-left: 2px #604b99 solid !important; }
  .u-border-left-2-above { border-left: 2px #a699d1 solid !important; }
  .u-border-left-3-above { border-left: 2px #f3aabb solid !important; }
  .u-border-left-4-above { border-left: 2px #f8b641 solid !important; }
  .u-border-left-5-above { border-left: 2px #ee8066 solid !important; }

  .u-width-full-above {width: 100% !important;}
  .u-width-80-above {width: 80% !important;}
}

@container threshold-small (width >=30em) {
  .u-top-small-above { position: relative; top:  -5rem !important; }
  .u-top-medium-above { position: relative; top: -10rem !important; }
  .u-margin-neg-small-above { margin:  -5rem !important; }
  .u-margin-neg-medium-above { margin: -10rem !important; }

  .u-margin-left-none-above {
    margin-left: 0 !important;
  }

  .u-margin-right-none-above {
    margin-right: 0 !important;
  }

  .u-border-radius-none-above {
    border-radius: 0 !important;
  }

  .u-background-white-above {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-above { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-padding-none-above { padding: 0 !important; }
  .u-padding-small-above { padding: 1.25rem 1.25rem 1.25rem 0 !important; }
  .u-padding-bottom-small-above { padding-bottom: 2rem!important; }
  .u-grid-above { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 2rem; }
  .u-background-none-above { background: none !important; background-color: transparent !important; }
  .u-shadow-none-above { box-shadow: none !important; }
  .u-shadow-default-above { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important; }
  .u-flex-horizontal-above { display: flex !important; gap: 1.5rem !important; align-items: center !important; }
  .u-border-left-1-above { border-left: 2px #604b99 solid !important; }
  .u-border-left-2-above { border-left: 2px #a699d1 solid !important; }
  .u-border-left-3-above { border-left: 2px #f3aabb solid !important; }
  .u-border-left-4-above { border-left: 2px #f8b641 solid !important; }
  .u-border-left-5-above { border-left: 2px #ee8066 solid !important; }

  .u-width-full-above {width: 100% !important;}
  .u-width-80-above {width: 80% !important;}
}

/* 6.3.2 Below Thresholds */
/* Utility classes that apply below specific container widths */
@container threshold-xlarge (width < 72em) {
  .hero_buttons_blurb .et_pb_blurb_content {max-width: none!important; padding: 0 2rem!important;}
  .hero_buttons_blurb .et_pb_blurb_content .et_pb_image_wrap {width: 100%!important;}
  .hero_buttons_blurb .et_pb_blurb_content .et_pb_blurb_container {padding-left: 0!important;}

  #main-content .hero_buttons .et_pb_blurb {
    padding: 0 !important;
  }

  .hero_buttons .et_pb_main_blurb_image {
    margin: 0 !important;
  }

  .hero_buttons .et_pb_module_header {
    padding: 0 !important;
  }

  .hero_buttons .et_pb_only_image_mode_wrap {
    border-bottom: 0 !important;
  }

  .hero_buttons .et_pb_blurb_container {
    flex: 1 0;
    text-align: left !important;
  }

  .u-top-small-below {top:  -5rem !important; }
  .u-top-medium-below {top: -10rem !important; }
  .u-margin-bottom-neg-small-below {margin-bottom:  -5rem !important;}
  .u-margin-bottom-neg-medium-below {margin-bottom: -10rem !important;}

  .u-padding-left-small-below {
    padding-left: 1rem !important;
  }

  .u-padding-right-small-below {
    padding-right: 1rem !important;
  }

  .u-padding-bottom-small-below, .hero_buttons .et_pb_row.u-padding-bottom-small-below {
    padding-bottom: 2rem!important;
  }

  .u-margin-left-none-below {
    margin-left: 0 !important;
  }

  .u-margin-right-none-below {
    margin-right: 0 !important;
  }

  .u-border-radius-none-below {
    border-radius: 0 !important;
  }

  .u-background-white-below {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-below { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-shadow-none-below {
    box-shadow: none !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1) !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  }

  body #main-content .u-padding-none-below {
    padding: 0 !important;
  }

  .u-padding-small-below {
    padding: 1.25rem 1.25rem 1.25rem 0 !important;
  }

  .u-grid-below {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }

  .u-background-none-below {
    background: none !important;
    background-color: transparent !important;
  }

  .u-flex-horizontal-below,
  .u-flex-horizontal-below .et_pb_blurb_content {
    display: flex !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }

  .u-border-left-1-below { border-left: 4px #604b99 solid !important; }
  .u-border-left-2-below { border-left: 4px #a699d1 solid !important; }
  .u-border-left-3-below { border-left: 4px #f3aabb solid !important; }
  .u-border-left-4-below { border-left: 4px #f8b641 solid !important; }
  .u-border-left-5-below { border-left: 4px #ee8066 solid !important; }

  .u-border-bottom-none-below {
    border-bottom: none !important;
  }

  .u-width-full-below {width: 100% !important;}
  .u-width-80-below {width: 80% !important;}
}

@container threshold-large (width < 62em) {

  .u-top-small-below {top:  -5rem !important; }
  .u-top-medium-below {top: -10rem !important; }
  .u-margin-bottom-neg-small-below {margin-bottom:  -5rem !important;}
  .u-margin-bottom-neg-medium-below {margin-bottom: -10rem !important;}

  .u-top-small-below {
    top: -5rem!important;
  }

  .u-margin-left-none-below {
    margin-left: 0 !important;
  }

  .u-margin-right-none-below {
    margin-right: 0 !important;
  }

  .u-border-radius-none-below {
    border-radius: 0 !important;
  }

  .u-background-white-below {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-below { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-shadow-none-below {
    box-shadow: none !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1) !important;
  }

  .u-padding-none-below {
    padding: 0 !important;
  }

  .u-padding-small-below {
    padding: 1.25rem 1.25rem 1.25rem 0 !important;
  }

  .u-padding-bottom-small-below {
    padding-bottom: 2rem!important;
  }

  .u-grid-below {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }

  .u-background-none-below {
    background: none !important;
    background-color: transparent !important;
  }

  .u-flex-horizontal-below,
  .u-flex-horizontal-below .et_pb_blurb_content {
    display: flex !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }

  .u-border-left-1-below { border-left: 4px #604b99 solid !important; }
  .u-border-left-2-below { border-left: 4px #a699d1 solid !important; }
  .u-border-left-3-below { border-left: 4px #f3aabb solid !important; }
  .u-border-left-4-below { border-left: 4px #f8b641 solid !important; }
  .u-border-left-5-below { border-left: 4px #ee8066 solid !important; }

  .u-border-bottom-none-below {
    border-bottom: none !important;
  }

  .u-width-full-below {width: 100% !important;}
  .u-width-80-below {width: 80% !important;}
}

@container threshold-medium (width < 48em) {

  .u-top-small-below {top:  -5rem !important; }
  .u-top-medium-below {top: -10rem !important; }
  .u-margin-bottom-neg-small-below {margin-bottom:  -5rem !important;}
  .u-margin-bottom-neg-medium-below {margin-bottom: -10rem !important;}

  .u-margin-left-none-below {
    margin-left: 0 !important;
  }

  .u-margin-right-none-below {
    margin-right: 0 !important;
  }

  .u-border-radius-none-below {
    border-radius: 0 !important;
  }

  .u-background-white-below {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-below { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-shadow-none-below {
    box-shadow: none !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1) !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  }

  .u-padding-none-below {
    padding: 0 !important;
  }

  .u-padding-small-below {
    padding: 1.25rem 1.25rem 1.25rem 0 !important;
  }

  .u-padding-bottom-small-below {
    padding-bottom: 2rem!important;
  }

  .u-grid-below {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }

  .u-background-none-below {
    background: none !important;
    background-color: transparent !important;
  }

  .u-flex-horizontal-below,
  .u-flex-horizontal-below .et_pb_blurb_content {
    display: flex !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }

  .u-border-left-1-below { border-left: 4px #604b99 solid !important; }
  .u-border-left-2-below { border-left: 4px #a699d1 solid !important; }
  .u-border-left-3-below { border-left: 4px #f3aabb solid !important; }
  .u-border-left-4-below { border-left: 4px #f8b641 solid !important; }
  .u-border-left-5-below { border-left: 4px #ee8066 solid !important; }

  .u-border-bottom-none-below {
    border-bottom: none !important;
  }

  .u-width-full-below {width: 100% !important;}
  .u-width-80-below {width: 80% !important;}
}

@container threshold-small (width < 30em) {
  .u-top-small-below {top:  -5rem !important; }
  .u-top-medium-below {top: -10rem !important; }
  .u-margin-bottom-neg-small-below {margin-bottom:  -5rem !important;}
  .u-margin-bottom-neg-medium-below {margin-bottom: -10rem !important;}

  .u-margin-left-none-below {
    margin-left: 0 !important;
  }

  .u-margin-right-none-below {
    margin-right: 0 !important;
  }

  .u-border-radius-none-below {
    border-radius: 0 !important;
  }

  .u-background-white-below {
    background-color: #ffffff !important;
  }

  .u-brand-border-radius-below { border-radius: 0 0.75rem 0 0.75rem !important; }

  .u-shadow-none-below {
    box-shadow: none !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1) !important;
  }

  .u-shadow-default-below {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  }

  .u-padding-none-below {
    padding: 0 !important;
  }

  .u-padding-small-below {
    padding: 1.25rem 1.25rem 1.25rem 0 !important;
  }

  .u-padding-bottom-small-below {
    padding-bottom: 2rem!important;
  }
  
  .u-grid-below {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }

  .u-background-none-below {
    background: none !important;
    background-color: transparent !important;
  }

  .u-flex-horizontal-below,
  .u-flex-horizontal-below .et_pb_blurb_content {
    display: flex !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }

  .u-flex-horizontal-below .et_pb_blurb_content {
    display: flex !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }

  .u-border-left-1-below { border-left: 4px #604b99 solid !important; }
  .u-border-left-2-below { border-left: 4px #a699d1 solid !important; }
  .u-border-left-3-below { border-left: 4px #f3aabb solid !important; }
  .u-border-left-4-below { border-left: 4px #f8b641 solid !important; }
  .u-border-left-5-below { border-left: 4px #ee8066 solid !important; }

  .u-border-bottom-none-below {
    border-bottom: none !important;
  }

  .u-width-full-below {width: 100% !important;}
  .u-width-80-below {width: 80% !important;}
}