/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html[lang=en-US] 
{
    margin-top: 0px !important;
}

#wpadminbar
{
    display: none;
}

:focus
{
    outline: 0;
}

em
{
    margin-right: 3px;
}

main a
{
    border-bottom:1px dotted transparent;
    margin-bottom: -1px;
    cursor: pointer;
}

main a:hover
{
    border-bottom-color: #d4af37;
}

p:last-child
{
    margin-bottom: 0px;
}

.page-wrapper
{
    padding-bottom: 0px;
}

h1, h2, h3, h4, h5, h6
{
    margin-bottom: 15px;
}

p + h2
{
    margin-top: 30px;
}

ol ul, ul ul, ul ol, ol ol
{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}

ol ul > li, ul ul > li, ul ol > li, ol ol > li
{
    margin-bottom: 5px;
}

p + h3, ol + h3, ul + h3
{
    margin-top: -10px;
}

ul.top-bar-nav li
{
    display: flex;
    align-items: center;
}

ul.top-bar-nav li > a,
ul.top-bar-nav li > span
{
    font-size: 14px;
    color: #000 !important;
}

ul.top-bar-nav li > span
{
    margin:0px 7px;
}

ul.top-bar-nav li > a:hover
{
    color: #FFF9E3 !important;
}

.nav-divided > li
{
    margin-left: 8px;
}

.nav-dark .nav-divided > li + li > a:after
{
    border-left: 1px solid #000;
    left: -10px;
    height: 12px;
    top: 55%;
}

ul.top-bar-nav > li:nth-last-child(2)
{
    margin-left: 20px;
}

ul.top-bar-nav > li:nth-last-child(2) > a::after
{
    display: none;
}

ul.top-bar-nav a.active
{
    font-weight: bold;
    color: #FFF !important;
}

.header-main
{
    padding: 10px 0px;
    height: auto !important;
}

header .stuck
{
    top: 0px !important;
}

header .stuck .header-main
{
    height: auto !important;
    background: #D4AF37;
}

header .stuck .header-main .header-nav-main.nav > li.active > a,
header .stuck .header-main .header-nav-main.nav > li > a:hover
{
    color: #FFF9E3;
}

#logo img
{
    max-height: 75px !important;
}

.header-nav-main > li
{
    margin: 0px 20px !important;
}

li.current-dropdown > .nav-dropdown
{
    padding: 5px 0px;
    background: rgba(0,0,0,0.85);
    border: 0px;
    min-width: 220px;
}

li.current-dropdown > .nav-dropdown > li > a
{
    border: 0px;
    margin: 0px;
    padding: 10px 15px;
    color: #FFF;
    font-size: 15px;
}

li.current-dropdown > .nav-dropdown > li > a:hover
{
    color: #D4AF37;
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before
{
    border-bottom-color: transparent;
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after
{
    bottom: 0px;
    border-bottom-color: rgba(0,0,0,0.85);
}

footer
{
    font-size: 15px;
}

footer .large-columns-3 > div.col:first-child
{
    max-width: unset;
    flex-basis: 60%;
    margin-right: 6.6%;
}

footer .large-columns-3 > div.col:first-child p:first-child
{
    margin-bottom: 15px;
}

footer p, footer a
{
    color: #000 !important;
}

footer a:hover
{
    color: #FFF9E3 !important;
}

ol.footer-contact
{
    margin-bottom: 0px;
}

ol.footer-contact li
{
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

ol.footer-contact li > i
{
    width: 20px;
    flex-shrink: 0;
    text-align: center;
    margin-right: 5px;
}

.absolute-footer
{
    border-top: 1px solid #000;
    color: #000 !important;
    padding: 10px;
}

.footer-secondary
{
    padding: 0px;
}

a.button-donate
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #000;
    color: #FFF !important;
    padding: 7px 30px 10px 30px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

a.button-donate:hover
{
    color: #d4af37 !important;
}

a.back-to-top.button
{
    border-color: #000;
}

a.back-to-top.button:hover
{
    background:#000;
    border-color: #000;
    color: #FFF !important;
}

#content .event_listings  a.load_more_events
{
    background: #000;
    color: #FFF;
    padding: 7px 30px 10px 30px;
    border-radius: 10px;
}

#content .event_listings  a.load_more_events:hover
{
    color: #d4af37;
}

/*** custom checkbox/radio ***/
[type="checkbox"], [type="radio"]
{
	width:auto;
    position: absolute;
    left: -9999px;
}

[type="radio"] + label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
	font-weight:normal;
    font-size: 16px;
}

[type="radio"] + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
	height: 20px;
	border: 1px solid #000;
    background: #EDEDED;
    border-radius: 100%;
}

[type="radio"] + label:after
{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
	background: #D4AF37;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 100%;
}

[type="radio"]:checked + label:before
{
    border-color: #D4AF37;
}

[type="radio"]:not(:checked) + label:after 
{
    opacity: 0;
}
/*** END custom checkbox/radio ***/

/*** CUSTOM FILE UPLOAD ***/
.file_box
{
	display: table;
	width: 100%;
    border: 1px solid #DDD;
	background:#FFF;
}

.file_box:hover
{
	cursor:pointer;
}

.file_text
{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #4f6b72;
	padding:0px 10px;
}

.file_btn
{
	display: table-cell;
	vertical-align: middle;
	max-width:100px;
	text-align:right;
}

.file_btn input[type=button]
{
	margin-top:0px;
	border:0px;
	border-left:1px solid #DDD;
}

.file_hidden
{
	height:0px;
	width:0px;
	overflow:hidden;
}
/*** END CUSTOM FILE UPLOAD ***/

.wp-block-cover, .wp-block-cover-image 
{
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box;
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax 
{
    background-attachment: fixed;
}

.wp-block-cover .wp-block-cover__gradient-background 
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: .3;
    background-color: var(--wp--preset--color--black) !important;
}

h1.home-banner-1
{
    margin-bottom: 0px;
}

.home-banner-text-bg.wp-block-columns
{
    margin-bottom: 0px;
}

.home-banner-text-bg .wp-block-column:not(:empty)
{
    background-color: rgba(0,0,0,0.5) !important;
    padding: 25px 35px;
    color: #FFF;
}

a.wp-block-button__link
{
    background: #D4AF37;
    border-radius: 10px;
    padding: 10px 40px;
    font-weight: bold;
    color: #000 !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

a.wp-block-button__link:hover
{
    color: #fff !important;
}

.wp-block-media-text.image-float
{
    display: inline-block;
}

.image-float > figure.wp-block-media-text__media
{
    max-width: 50%;
    margin-top: 5px;
}

.image-float > .wp-block-media-text__content
{
    padding: 0px !important;
}

.image-float.float-left > figure
{
    float: left;
    margin-right: 30px;
}

.image-float.float-right > figure
{
    float: right;
    margin-left: 30px;
}

.image-float.float-right.image-30 > figure.wp-block-media-text__media
{
    max-width: 30%;
}

.bwg_container a.bwg-a
{
    margin: 5px;
}

.bwg_image_info_spun
{
    vertical-align: bottom !important;
}

.bwg_image_info
{
    padding: 10px 15px !important;
    text-align: left;
}

.spider_popup_close_fullscreen
{
    font-size: 20px!important;
}

.wp-tsas-slider-wrap 
{
    margin-bottom: 40px;
}

.wp_teamshowcase_slider
{
    padding-bottom: 0px;
}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.wp_teamshowcase_slider .team-slider
{
    border: 1px solid #DDD;
    margin: 0px 10px;
}

.teamshowcase-image-bg:hover img
{
    transform: unset;
}

.wp_teamshowcase_slider.design-1 .teamshowcase-image-bg
{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 15px auto 7px auto;
}

.wp_teamshowcase_slider.design-1 .teamshowcase-image-bg img
{
    border-radius: 100%;
}

.wp_teamshowcase_slider.design-1 .member-name
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}

.wp_teamshowcase_slider.design-1 .member-content .member-desc::before
{
    background-color: #d4af37;
    opacity: 1;
}

.wp_teamshowcase_slider .slick-prev
{
    left: -12px !important;
    transform: translateY(-35%);
}

.wp_teamshowcase_slider .slick-next
{
    right: -12px !important;
    transform: translateY(-35%);
}

#content .ngg-slideshow.slick-slider
{
    margin: 20px auto 40px !important;
}

#content .ngg-slideshow .ngg-gallery-slideshow-image img
{
    max-width: 100% !important;
    max-height: 100% !important;
}

#content .ngg-slideshow .slick-prev
{
    left: 15px !important;
}

#content .ngg-slideshow .slick-next
{
    right: 15px !important;
}

.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.sl-wrapper .sl-close
{
    top: -10px;
}

.contact-map-box ul
{
    margin-bottom: 0px;
}

.contact-map-box ul li
{
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
    margin-left: 5px;
}

.contact-map-box ul li > i
{
    width: 25px;
    flex-shrink: 0;
}

.contact-map-box a
{
    color: #000;
}

.contact-map-box a:hover
{
    color:#d4af37;
}

.contact-form
{
    margin-top: 25px;
}

/* form */
.forminator-label
{
    margin-bottom: 5px !important;
}

.forminator-row-last .forminator-field
{
    text-align: center;
}

.forminator-field button.forminator-button
{
    font-weight:bold !important;
    border-radius: 10px !important;
    padding: 10px 40px 12px 40px !important;
}

.forminator-field button.forminator-button:hover
{
    box-shadow: none !important;
}
/* END form */

/* events */
.no_event_listings_found
{
    margin-bottom: 30px;
    text-align: left !important;
    color: #000 !important;
    padding: 0px !important;
}

.course-title-bg
{
    z-index: 9;
    background-color: rgba(0,0,0,0.5);
    padding: 25px 35px;
}

.course-title-bg > h2
{
    color: #FFF;
    opacity: 1;
    margin-bottom: 0px;
}

.event-banner-box > .wp-block-cover
{
    min-height: 700px;
}

.wpem-form-wrapper .showing_applied_filters
{
    display: none !important;
}

.wpem-event-details
{
    padding: 15px !important;
}

.wpem-event-title
{
    margin: 0px !important;
}

.wpem-event-title > h3
{
    margin-bottom: 15px !important;
}

p.event-short-desc
{
    line-height: 1.4;
}

ul.event-info
{
    margin: 0px;
    padding: 0px 5px;
    list-style: none;
}

ul.event-info > li
{
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    display: flex;
}

ul.event-info > li > i
{
    text-align: center;
    margin-right: 10px;
    flex-shrink: 0;
    color: #fff;
    background: #d4af37;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 12px;
    padding-top: 4px;
}

ul.event-info > li > span
{
    flex-grow: 1;
}

.single_event_listing
{
    padding-bottom: 30px;
}

.course-info
{
    margin-bottom: 20px;
}

.course-info > div
{
    display: flex;
    align-items: center;
}

.course-info > div > i
{
    background: #D4AF37;
    border-radius: 100%;
    color: #FFF;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.course-info > div > span
{
    margin-bottom: 20px;
    margin-left: 15px;
    flex-grow: 1;
}

.course-description
{
    background: #FFF9E3;
    padding-top: 30px;
    padding-bottom: 10px;
}

.course-description h4
{
    margin-bottom: 5px;
}

.course-description p:not(:empty) + h4
{
    margin-top: 35px;
}

.register-box
{
    margin-top:10px;
}

.register-box .register-row
{
    margin-bottom: 20px;
}

.register-box label
{
    font-size: 16px;
    display: inline-block !important;
    width: 100%;
}

.register-box .radio-input
{
    margin-bottom: 5px;
}

.register-box.qpp-style input[type=text]
{
    margin: 0px;
    border-color: #dddddd;
    background-color: #ffffff;
    color: #000000;
    border-radius: 2px;
    padding: 9px;
    box-shadow: none;
    width: auto;
}

.register-box.qpp-style input[type=text]:focus
{
    box-shadow: none;
}

.register-box.qpp-style input[readonly]
{
    cursor: not-allowed;
    background:#eee
}

.register-box.qpp-style input[type=submit]#submit
{
    background: #d4af37;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 40px 12px 40px;
    width: auto;
    border: 0px;
    line-height: 1.45em;
    margin: 0px;
    margin-top: 10px;
}

.register-box.qpp-style input[type=submit]#submit:hover
{
    color: #FFF;
    box-shadow: none;
}

.register-box .payment-box
{
    background: #eee;
    display: inline-block;
    padding: 7px 100px 7px 15px;
    font-size: 15px;
    margin-left: 30px;
    color: #000;
}

.register-box .payment-box strong
{
    display: inline-block;
    width: 95px;
}

.register-box #paypal-button
{
    margin-top: 30px;
    max-width: 300px;
}

.register-box #paypal-button > .paypal-buttons
{
    z-index: 9;
}

.thankyou-bank-box
{
    align-items: flex-start;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 0px !important;
}

.thankyou-bank-box > .wp-block-column:first-child
{
    background: #eee;
    padding: 10px 30px 15px 20px;
}

.thankyou-bank-box > .wp-block-column > p,
.thankyou-paypal-box > .wp-block-column > p
{
    margin-bottom: 5px;
    display: flex;
}

.thankyou-bank-box > .wp-block-column:first-child > p:first-child > strong
{
    width: 100%;
}

.thankyou-bank-box > .wp-block-column strong,
.thankyou-paypal-box > .wp-block-column strong
{
    width: 120px;
    flex-shrink: 0;
}

.thankyou-bank-box > .wp-block-column em,
.thankyou-paypal-box > .wp-block-column em
{
    font-style: normal;
    flex-grow: 1;
}

.thankyou-paypal-box
{
    margin-bottom: 0px !important;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

input[type=submit]
{
    padding: 10px 40px;
    border-radius: 10px;
    color: #000;
    border: 0px;
}

input[type=submit]:hover
{
    color: #FFF;
    box-shadow: none;
}

.bank-upload
{
    display: flex;
    width: 100%;
}

.bank-upload > em
{
    display: flex;
}

.bank-upload input[type=submit]
{
    padding: 0px 15px;
    border-radius: 0px;
    font-size: 15px;
    margin: 0px;
}

.bank-upload .file_box
{
    max-width: 300px;
}

.bank-upload .file_text
{
    height: 38px;
    max-width: 300px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.error-box
{
    margin-bottom: 3px;
    color: red;
    font-weight: bold;
    font-size: 14px;
}

/* pagination */
.event-manager-pagination
{
    margin-bottom: 30px;
}

.event-manager-pagination ul.page-numbers li .page-numbers
{
    background: #ccc;
    border-radius: 5px;
    margin-right: 5px;
    color: #000;
    font-size: 13px;
    border: 0px;
}

.event-manager-pagination ul.page-numbers li .page-numbers.current
{
    background: #d4af37;
    color: #FFF;
    border: 0px;
    font-weight: bold;
}

.event-manager-pagination ul.page-numbers li .page-numbers:not(.current):hover
{
    background:#ddd;
}
/* END pagination */
/* END events */

/* knowledge carousel */
.custom-carousel.wp-block-gallery,
.custom-carousel-5.wp-block-gallery
{
    margin-bottom: 30px;
}

.custom-carousel.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3)
{
    margin-right: var(--gallery-block--gutter-size, 16px);
}

.custom-carousel button.slick-arrow,
.custom-carousel-5 button.slick-arrow
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    font-size: 0px;
    width: 40px;
    height: 40px;
    z-index: 9;
}

.custom-carousel button.slick-arrow.slick-prev,
.custom-carousel-5 button.slick-arrow.slick-prev
{
    left: 3px;
}

.custom-carousel button.slick-arrow.slick-next,
.custom-carousel-5 button.slick-arrow.slick-next
{
    right: 5px;
}

.custom-carousel button.slick-arrow.slick-prev:before,
.custom-carousel-5 button.slick-arrow.slick-prev:before
{
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 42px;
    color: #FFF;
}

.custom-carousel button.slick-arrow.slick-next:before,
.custom-carousel-5 button.slick-arrow.slick-next:before
{
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 42px;
    color: #FFF;
}
/* END knowledge carousel */

/* gallery */
.ngg-albumoverview.default-view
{
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
    margin-bottom: 10px;
    margin-top: 35px;
}

.ngg-albumoverview.default-view .ngg-album-compact
{
    width: calc(100% / 5);
    margin: 0px !important;
}

.ngg-albumoverview.default-view .ngg-album-compact img.Thumb
{
    width: 100%;
}

.ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc
{
    max-width: unset !important;
    font-size: 16px;
    letter-spacing: normal;
    height: auto;
    margin-bottom: 10px;
}

.ngg-galleryoverview.default-view
{
    margin: 0px;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a
{
    margin: 5px;
}

.sl-overlay
{
    background:#000;
}

.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close,
.sl-spinner
{
    color: #FFF;
}

.slick-prev, .slick-next
{
    width: 30px;
    height: 30px;
}

.ngg-navigation
{
    width: 100%;
}

.ngg-navigation a.page-numbers,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next, .ngg-navigation span.prev,
.ngg-navigation span.current
{
    background: #ccc;
    border-radius: 5px;
    margin-right: 5px;
    padding: 5px 10px;
}

.ngg-navigation span.current
{
    background: #d4af37;
}

.ngg-navigation a.prev,
.ngg-navigation a.next
{
    position: relative;
    padding: 0px;
    line-height: 1;
    color: transparent !important;
}

.ngg-navigation a.prev:hover,
.ngg-navigation a.next:hover
{
    color: transparent !important;
}

.ngg-navigation a.prev:before
{
    content: "\f0da";
    font-family: "FontAwesome";
    color: #bbb;
    font-size: 20px;
    top: -1px;
    position: absolute;
    right: 0px;
}

.ngg-navigation a.next:before
{
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #bbb;
    font-size: 20px;
    top: -1px;
    position: absolute;
    left: -5px;
}

ul.ngg-breadcrumbs
{
    margin: 0px !important;
}

ul.ngg-breadcrumbs li:first-child:last-child
{
    display: none;
}

ul.ngg-breadcrumbs > li
{
    margin-left: 0px;
    text-transform: capitalize;
    padding-bottom: 5px;
    font-size: 16px;
}

ul.ngg-breadcrumbs > li > a
{
    text-transform: capitalize;
}

ul.ngg-breadcrumbs > li > span
{
    font-size: 18px;
    line-height: 0px;
    padding: 0px 0px 0px 5px;
}
/* END gallery */

/* member page */
.um-account-side li span.um-account-icon
{
    display: none !important;
}

.um .um-account-side li a.current,
.um .um-account-side li a.current:hover
{
    background: #d4af37;
}

.um .um-account-side li a.current span.um-account-title
{
    color: #fff;
}

.um .um-account-side li a.current span.um-account-arrow
{
    color: #fff;
    opacity: 1;
}

.um .um-account-main div.um-account-heading i
{
    display: none;
}

.um .um-account-main div.um-account-heading
{
    color: #d4af37;
    font-size: 1.6em;
    line-height: 1.3;
}

.um .um-account-tab .um-field .um-field-label
{
    margin-bottom: 0px;
}

.um .um-field
{
    padding-top: 20px;
}

.um .um-field-label label
{
    font-size: .9em !important;
}

.um .um-form span.um-req
{
    color: red;
    margin-left: 3px;
}

.um .um-field-radio.active:not(.um-field-radio-state-disabled) i
{
    color: #d4af37 !important;
}

.um .um-field-checkbox-option, .um .um-field-radio-option
{
    font-weight: normal;
    color: #000 !important;
    margin-left: 30px;
    font-size: 14px;
}

.um .um-form input[type=text],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=password],
.um .um-form textarea
{
    font-size: 14px !important;
}

.um .um-form input[type=submit].um-button
{
    background: #D4AF37;
    border-radius: 10px !important;
    padding: 16px 40px !important;
    font-weight: bold !important;
    color: #000 !important;
    text-transform: uppercase !important;
}

.um .um-form input[type=submit].um-button:hover
{
    background: #D4AF37;
    color: #FFF !important;
}

.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i
{
    color: #D4AF37 !important;
}

.um .um-button.um-alt
{
    font-weight: bold !important;
    box-shadow: none;
    color: #000 !important;
    border: 1px solid #DDD !important;
}

.social-login-box > .wp-block-group__inner-container
{
    display: flex;
    justify-content: center;
    width: 100%;
    column-gap: 15px;
    border-top: 1px solid #DDD;
    padding-top: 20px;
}
/* END member page */

/* account video */
.filter-box
{
    display: flex;
    margin-top: 25px;
    column-gap: 10px;
}

table, th, td
{
    color: #000;
}

td > em
{
    color: #888;
}

.pagination-box
{
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}

.pagination-items
{
    margin-right: 10px;
}

.pagination-pages a,
.pagination-pages span
{
    background: #ccc;
    border-radius: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
}

.pagination-pages span.current
{
    background: #d4af37;
    color: #FFF;
}

#overlay-box 
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    z-index:9999;
}

.popup-container
{
    position:fixed;
    background:#FFF;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:60%;
    z-index:99999;
    max-height:90vh
}

.popup-box 
{
    padding:10px 30px 25px 25px;
    max-height:75vh;
    overflow-y:auto
}

.popup-close
{
    position:absolute;
    width:30px;
    height:30px;
    background:#000;
    border-radius:100%;
    color:#FFF;
    display:flex;
    justify-content:center;
    font-size:18px;
    font-weight:bold;
    top:-15px;
    right:-15px;
    cursor:pointer
}
/* END account video */

/* smart slider */
.nextend-arrow img
{
    width: 40px !important;
}
/* END smart slider */

.mt-30
{
    margin-top: 30px;
}

.mb-30
{
    margin-bottom: 30px;
}

@media only screen and (max-width: 949px)
{
    #logo {width: 130px;}
    .header-nav-main > li {margin: 0px 15px !important;}
}

@media only screen and (max-width: 849px)
{
    /* header */
    .header-main .nav > li {margin: 0px 10px;}
    .header-main .nav > li > a {color: #000; font-weight: normal; font-size: 15px;}
    .header-main .nav > li > a:hover {color: #d4af37;}
    .header-main .nav > li > a.active  {color: #d4af37; font-weight: bold;}
    .header-main .nav > li:not(:first-child) > a:after {content: ""; border-left: 1px solid #000; height: 12px; position: absolute; top: 53%; left: -10px; transform: translateY(-50%);}
    .header-main .nav > li + li:nth-child(3) { margin-left: 15px;}
    .header-main .nav > li + li:nth-child(3) > a::after {display: none;}
    .header-button a.icon.primary.button {border: 0px; font-size: 16px; min-width: 38px; min-height: 38px; box-shadow: none;}
    .header-button a.icon.primary.button > i.icon-menu {top:-2px; left:1px;}
    .stuck .header-main .nav > li > a.active, .stuck .header-main .nav > li > a:hover {color: #FFF;}
    /* END header */

    /* menu */
    .mfp-ready .mfp-close {opacity: 1;}
    .off-canvas .nav-vertical > li > a {color: #000; font-size: 14px;}
    .nav-sidebar.nav-vertical > li + li {border-top-color: #DDD;}
    .nav-sidebar.nav-vertical > li + li i.icon-angle-down {margin-top: 5px;}
    .toggle {opacity: 1;}
    .nav:not(.nav-slide) .active>.children {padding-bottom: 10px; margin-top: -10px;}
    .nav-vertical li li {padding-left: 15px; font-size: 15px; }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {color: #000;}
    /* END menu */

    /* footer */
    footer .large-columns-3 > div.col:first-child {margin-right: 0px; margin-bottom: 30px; flex-basis: 100%;}
    /* END footer */

    /* homepage */
    h1.home-banner-1 {font-size: 40px !important;}
    .home-banner-2, .home-banner-3 {background-position: left !important; min-height: unset !important;}
    .home-banner-2 .wp-block-column:first-child, .home-banner-3 .wp-block-column:last-child {display: none;}
    .home-banner-2 .home-banner-text-bg.wp-block-columns .wp-block-column:last-child, .home-banner-3 .home-banner-text-bg.wp-block-columns .wp-block-column:first-child {margin:15px 0px; margin-left:0px !important; flex-basis: 100% !important;}
    /* END homepage */

    /* account */
    #content .um, #content .um form {margin-bottom: 0px !important;}
    #content .um-account-side {width: 100%; margin-bottom: 20px;}
    #content .um-account-side li a.current {background:#d4af37;}
    #content .um-account-side li a span.um-account-icontip {display: none;}
    #content .um-account-side li a span.um-account-title { font-size: 16px; display: flex; align-items: center; height: 100%; line-height: 1.5; float: unset; padding-left: 15px; color: #000;}
    #content .um-account-side li a span.um-account-arrow {top: 0px; display: block; color: #000;}
    #content .um-account-main {width: 100%; max-width: unset; padding-left: 0px;}
    /* END account */

    /* thank you */
    .thankyou-bank-box.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {flex-basis: 100% !important;}
    .thankyou-bank-box.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child):last-child {margin-left:0px; margin-top: 20px; padding: 0px 20px;}
    /* END thank you */
}

@media only screen and (max-width: 599px)
{
    /* header */
    header #logo {width: 100px; margin-right: 0px;}
    /* END header */

    .wp_teamshowcase_slider {max-width: 95%; margin-left: auto; margin-right: auto;}
    .wp_teamshowcase_slider .slick-prev {left: -15px !important;}
    .wp_teamshowcase_slider .slick-next {right: -15px !important;}
    .contact-map-box.wp-block-columns .wp-block-column:last-child {margin-top: 30px;}

    #content .um-account-nav span.ico {display: none !important;}
    #content .um-account-nav a {padding-left: 0px; color: #000 !important;}
    #content .um-account-nav a.current {color: #d4af37 !important;}

    .um-account-tab-video table tr:first-child {display: none;}
    .um-account-tab-video table tr {display: inline-block; width: 100%; margin-bottom: 25px; border: 1px solid #DDD; padding-bottom: 10px;}
    .um-account-tab-video table tr:last-child {margin-bottom: 0px;}
    .um-account-tab-video table td {width: 100%; display: inline-block; border-bottom: 0px; padding: 10px; padding-bottom: 0px;}
    .um-account-tab-video table td:empty {display: none;}
    .um-account-tab-video table td:last-child {text-align: left !important;}
    .popup-container {width: 90%;}

    .event-banner-box.container {max-width: 100%; padding-left: 0px; padding-right: 0px;}
    .event-banner-box > .wp-block-cover {min-height: unset; padding-top: 100%;}
}

@media only screen and (max-width: 480px)
{
    .container {padding-left: 5px; padding-right: 5px;}
    header #logo {width: 90px;}
    .header-main .nav > li + li:nth-child(3) {margin-left: 5px;}
    .header-main .nav > li + li:last-child {margin-left: 0px;}
    .header-main .nav > li > a {padding: 0px; padding-bottom: 5px;}
    .header-button a.icon.primary.button {min-width: unset; min-height: unset; line-height: 1; display: flex; align-items: center; justify-content: center; padding-top: 3px; width: 30px; height: 30px;}
    .stuck .header-main .nav > li:not(:first-child) > a:after {top: 47%;}

    .wp-block-media-text > figure.wp-block-media-text__media {max-width: 100% !important; margin:0px; margin-bottom: 20px;}
    .register-box .payment-box strong {width: 100%; margin-top: 5px;}
    .register-box .payment-box strong:first-child {margin-top: 0px;}
    .filter-box {flex-wrap: wrap; margin-bottom: 10px;}

    a.button-donate {position: relative; bottom: unset; right: unset; margin-top: 15px; display: inline-block; width: 100%; text-align: center; padding: 15px 30px 17px 30px;}
}

@media only screen and (max-width: 350px)
{
    header #logo {width: 70px;}
    .header-main .nav > li {margin: 0px 5px;}
    .header-main .nav > li:not(:first-child) > a:after {left:-5px}
}