/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* 

    ROOT
    HEADER
    FOOTER
    GLOBAL ELEMENTS
    --- Buttons
    --- Contact Forms
    --- Headings
    --- Links
    --- Sections
    --- Text
	--- Utilities
    PAGE SPECIFIC STYLES
	MOBILE STYLES
 */


/* ################################################################################ */
/* ROOT  */
/* ################################################################################ */
:root {
	--blue: #82bae5;
	--gold: #d9b540;
	--gray: #666666;
	--green: #a3c9a8;
	--lgray: #f5f5f5;
	--white: #FFFFFF;
}

/* ################################################################################ */
/* HEADER */
/* ################################################################################ */

/* Change color of text in transparent header */
body.transparent div.sticky-off ul:not(.sub-nav) li:not(.wpml-ls-item) a span.menu-text {
	color: var(--white);
}

/* Ensure color of text in transparent header sub-nav remains gray (can be overridden by class above) */
body.transparent div.sticky-off ul:not(.main-nav) li:not(.wpml-ls-item) a span.menu-text {
	color: var(--gray);
}

/* Hover state for top bar links */
.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle):hover{
	color: var(--green);
}

/* Hover state for top bar links - maintain full opacity on hover */
a.mini-contacts:hover {
	opacity: 1;
}

/* Increase icon size */
.masthead .top-bar .mini-contacts i {
	font-size: 22px;
}

.masthead .top-bar a.bs-topbar-link,
.masthead .mobile-header-bar a.bs-topbar-link,
div.dt-mobile-header a.bs-topbar-link {
	text-decoration: none;
}

.masthead .top-bar a.bs-topbar-link:hover {
	opacity: 1;
}

/* Override unwanted styling that applies a background image to the navigation bar */
.masthead {
	background: initial !important;
}

/* Normal state for topbar links in mobile header */
.masthead .mobile-header-bar a.bs-topbar-link,
div.dt-mobile-header a.bs-topbar-link {
	color: var(--gray);
}

/* Hover state for topbar links in mobile header */
.masthead .mobile-header-bar a.bs-topbar-link:hover,
div.dt-mobile-header a.bs-topbar-link:hover {
	color: var(--green);
}


/* Set spacing from icon to text */
.masthead .top-bar a.bs-topbar-link i,
.masthead .mobile-header-bar a.bs-topbar-link i,
div.dt-mobile-header a.bs-topbar-link i.fa-fw,
.masthead .mobile-header-bar a.bs-topbar-link i.fas,
div.dt-mobile-header a.bs-topbar-link i.fas,
.masthead .top-bar a.bs-topbar-link span.entypo-icon,
.masthead .mobile-header-bar a.bs-topbar-link span.entypo-icon,
div.dt-mobile-header a.bs-topbar-link span.entypo-icon {
	margin-right: 10px !important;
}

/* Increase icon size */
.masthead .top-bar a.bs-topbar-link i,
.masthead .top-bar a.bs-topbar-link span.entypo-icon{
	font-size: 22px;
}


/* ACADEMY AND LESSONS PAGES ONLY - Switch fancy title display to show subtitle above main title */
/* 
     ACADEMY PAGE - page-id-49
     LESSONS PAGE - page-id-574
 */
.page-id-49 div.fancy-title-head.hgroup,
.page-id-574 div.fancy-title-head.hgroup {
	display: flex;
	flex-direction: column-reverse;
}


body.transparent .masthead .mobile-header-bar .dt-mobile-menu-icon:not(.floating-btn) .menu-line:before {
	background: var(--green) !important;
}




/* ################################################################################ */
/* FOOTER */
/* ################################################################################ */

/* Set footer display to flex */
#footer .wf-container {
	display: flex;
}

/* Text styling for "Follow Us" in footer */
.bs-footer-follow-us {
	color: var(--gold);
	font-weight: 700;
}

/* Make footer paragraph text bold */
#footer p {
	font-weight: 700;
}

/* Ensure footer text size is consistent */
#footer a,
#footer p {
	font-size: 16px;
}


/* Add top margin to page links (Accessibility statement, privacy policy, etc.) */
.bs-footer-page-links {
	margin-top: 15px;
}

/* Footer link styling */
.bs-footer-page-links li {
	display: inline-block;
	padding-right: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* Hover state for links in footer */
#footer a:hover {
	color: var(--green);
}

/* Custom CSS to ensure Tiktok social icon displays correctly */
#page #footer .Tiktok-icon-tiktok-dt .soc-font-icon:before {
	content: "\e907";
	font-family: 'Tiktok-icon' !important;
	font-size: 14px;
}



/* ################################################################################ */
/* GLOBAL ELEMENTS */
/* ################################################################################ */

/* ---------- BUTTONS ---------- */

.bs-button-link-styling span.ubtn-text {
	padding-right: 15px;
}

.bs-button-link-styling button:hover {
	text-decoration: none !important;
/* 	color: initial !important; */
}

#page button.bs-button-hover:hover span.ubtn-text,
#page a.bs-button-hover:hover button span.ubtn-text {
	font-weight: 700;
	color: var(--white) !important;
}

#page .bs-button-link-styling button:hover span.ubtn-data.ubtn-text,
#page .bs-button-link-styling a:hover button span.ubtn-data.ubtn-text {
	color: inherit !important;
}

.bs-button-link-styling button,
a.bs-button-link-left {
	padding-left: 0px !important;
}

.bs-button-link-left span.ubtn-text {
	text-align: left !important;
}


/* -------------------------------------------------------------------------------- */
/* ---------- CONTACT FORMS ---------- */

/* For fields that are half-width to the left (i.e., first name) */
label.form-left {
    width: 48% !important;
    float: left;
}

/* For fields that are half-width to the right (i.e., last name) */
label.form-right {
    width: 48% !important;
    float: right;
}

/* Ensure equal margin-top values for CF7 elements */
form.wpcf7-form p {
	margin-top: 0px;
}

/* Form submit button styling */
#page form.wpcf7-form input[type="submit"].wpcf7-submit,
.bs-modal-contact-form .ult_modal-body form.wpcf7-form input.wpcf7-submit.bs-contact-submit-modal {
	background: var(--white);
	border: 2px solid var(--gold);
	color: var(--gray);
	font-size: 20px;
	font-weight: 400;
	padding: 15px 45px;
}


/* Form submit button hover-state styling */
#page form.wpcf7-form input[type="submit"].wpcf7-submit:hover,
.bs-modal-contact-form .ult_modal-body form.wpcf7-form input.wpcf7-submit.bs-contact-submit-modal:hover {
	background: var(--gray);
	border: 2px solid var(--gray);
	color: var(--white);
	font-weight: 700;
}

/* Form input and text area styling */
#page form.wpcf7-form input,
#page form.wpcf7-form textarea {
	background: var(--lgray);
	border: 0px;
	color: var(--gray);
	padding: 15px;
	margin-bottom: 15px;
}


/* Form input and text area placeholder */
form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder{
	color: var(--gray);
	opacity: 1;
}



/* -------------------------------------------------------------------------------- */
/* ---------- HEADINGS ---------- */
/* ALL HEADINGS WITH ANY UNDERLINE - Set the heading element to inline (sets width) and prescribes positioning of pseudo-element */
.bs-heading-underline h2,
.bs-heading-underline-offset h2,
.bs-heading-underline-short h1,
.bs-heading-underline-short h2 {
	display: inline !important;
	position: relative;

}




/* Heading underline - Spill-over to left with no right-side overhang */
.bs-heading-underline h2::before {
	content: "";
	height: 2px;
	width: 100vw;
	display: block;
	position: absolute;
	right: 0;
    bottom: -10px;
}

/* Heading underline - Spill-over to left with 30px right-side overhang (i.e. Proud Sponsors section on home page) */
.bs-heading-underline-offset h2::before {
	content: "";
	height: 2px;
	width: 100vw;
	display: block;
	position: absolute;
	right: -30px;
    bottom: -10px;
}

/* Heading underline - Underline under heading only - no spill-over to either direction (Outreach page headings) */
.bs-heading-underline-short h1::before, 
.bs-heading-underline-short h2::before {
	content: "";
	height: 2px;
	width: 100%;
	display: block;
	position: absolute;
	right: 0;
    bottom: -10px;
}

/* Heading underline - Sets line color to blue */
.bs-ul-blue h1:before,
.bs-ul-blue h2:before {
	background: var(--blue);
}

/* Heading underline - Sets line color to white */
.bs-ul-white h2:before {
	background: var(--white);
}

/* Heading underline - Sets line color to yellow */
.bs-ul-yellow h2:before {
	background: var(--gold);
}


/* -------------------------------------------------------------------------------- */
/* ---------- LINKS ---------- */
/* GENERAL LINKS - Set the link color to blue */
.bs-link-blue a {
	color: var(--blue);
	cursor: pointer;
}

/* GENERAL LINKS - Set the link color to gray */
/* .bs-link-gray, */
.bs-link-gray a {
	color: var(--gray);
	cursor: pointer;
}

.bs-link-gray:hover {
	color: var(--gray);
}

/* GENERAL LINKS - Set the link color to white */
.bs-link-white a {
	color: var(--white);
	cursor: pointer;
}


/* -------------------------------------------------------------------------------- */
/* ---------- SECTIONS ---------- */

/* Dual-column sections with image on left side	- Set background image display properties */
.bs-col-img-background-contain > div {
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: center;	
}

/* Vertically center the content of a column */
.bs-center-col-content > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}



/* Proud Sponsors and Our History sections - Set blue background overlay */
.bs-blue-bg-fw .wpb_column{
	position: relative;
}

.bs-blue-bg-fh::after{
	content: "";
	background-color: rgba(130,186,229,0.8);
	height: 100%;
	width: 100vw;
	position: absolute;
	left: 0;
	display: block;
	top: 0;
    left: calc((100vw - 100%) / -2);
    z-index: 1;
}

.bs-blue-bg-fh .vc_column_container{
	z-index: 10;
}

.bs-blue-bg-fw .vc_column_container::after{
	content: "";
	background-color: rgba(130,186,229,0.8);
	height: 100%;
	width: 100vw;
	position: absolute;
	left: 0;
	display: block;
	top: 0;
    left: calc((100vw - 100%) / -2);
    z-index: 1;
}

.bs-blue-bg-fw .wpb_column .vc_column-inner {
	position: relative;
	z-index: 10;
}


/* Sticky Sections */
.bs-sticky-section-border {
	border-right: 2px solid var(--gray);
	padding-right: 15px;
}

/* Sticky Section - Set Z-Index to prevent overlap with header when scrolling */
#page .ult-sticky-anchor.ult_stick_to_row {
	z-index: 10;
}


/* Expandable section on blue photo background - make content and heading backgrounds transparent */
.bs-exp-section-transparent div {
	background: transparent !important;
}
/* Expandable section */
.bs-expandable-section div.ult_ecpsub_cont {
	text-align: left;
	max-width: 100%;
	margin-left: 0px;
}



/* Expandable section - overrides undesired styling that is rendered on hover (Blue title) */
.bs-expandable-section.bs-expandable-section-title-override-blue > div.ult_exp_section,
.bs-expandable-section.bs-expandable-section-title-override-blue > div.ult_exp_section i.ult_ex_icon {
	color: var(--blue) !important;
}

/* Expandable section - overrides undesired styling that is rendered on hover (White title) */
.bs-expandable-section.bs-expandable-section-title-override-white > div.ult_exp_section,
.bs-expandable-section.bs-expandable-section-title-override-white > div.ult_exp_section i.ult_ex_icon {
	color: var(--white) !important;
}

/* Expandable section */
div.bs-expandable-section.ult_exp_section_layer div.ult_expheader {
	padding-left: 0px;
}


/* -------------------------------------------------------------------------------- */
/* ---------- TEXT ---------- */
/* General text styling - Set text color to white (for use on non-white backgrounds) */
.text-white,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
	color: var(--white);
}


/* -------------------------------------------------------------------------------- */
/* ---------- UTILITIES ---------- */

.d-none {
	display: none;
}



/* ################################################################################ */
/* PAGE SPECIFIC */
/* ################################################################################ */


/* -------------------------------------------------------------------------------- */
/* ---------- HOME ---------- */

/* Sponsor logos - Grayscale by default */
.bs-sponsor-logo img {
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	-webkit-transition: .3s ease-in-out; /* For Webkit browsers */
	-moz-filter: grayscale(100%); /* For Firefox */
	-moz-transition: .3s ease-in-out; /* For Firefox */
	-o-filter: grayscale(100%); 
	-o-transition: .3s ease-in-out;
}

/* Sponsor logos - Full color on hover */
.bs-sponsor-logo:hover img {
	-webkit-filter: grayscale(0%); /* For Webkit browsers */
	-webkit-transition: .3s ease-in-out; /* For Webkit browsers */
	-moz-filter: grayscale(0%); /* For Firefox */
	-moz-transition: .3s ease-in-out; /* For FireFox */
	-o-filter: grayscale(0%);
	-o-transition: .3s ease-in-out;
}


.bs-home-events-grid div.bs-event-post-excerpt a {
	color: var(--blue);
	text-decoration: underline;
}

.bs-home-events-grid div.bs-event-post-excerpt a:hover {
	text-decoration: none;
}

/* Sponsor logos - Grayscale by default */
.bs-sponsor-logo-grid figure {
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	-webkit-transition: .3s ease-in-out; /* For Webkit browsers */
	-moz-filter: grayscale(100%); /* For Firefox */
	-moz-transition: .3s ease-in-out; /* For Firefox */
	-o-filter: grayscale(100%); 
	-o-transition: .3s ease-in-out;
}

/* Sponsor logos - Full color on hover */
.bs-sponsor-logo-grid figure:hover {
	-webkit-filter: grayscale(0%); /* For Webkit browsers */
	-webkit-transition: .3s ease-in-out; /* For Webkit browsers */
	-moz-filter: grayscale(0%); /* For Firefox */
	-moz-transition: .3s ease-in-out; /* For FireFox */
	-o-filter: grayscale(0%);
	-o-transition: .3s ease-in-out;
}
/* Sponsor logos - Prevent overlay on hover */
.bs-sponsor-logo-grid .gallery-shortcode figure:hover .gallery-rollover {
	opacity: 0;
}

/* -------------------------------------------------------------------------------- */
/* ---------- ABOUT ---------- */

.bs-about-intro p {
	font-size: 24px;
	line-height: 28px;
}

.bs-about-large-text p {
	font-size: 20px;
	line-height: 30px;
}

.bs-about-iconlist-centered ul {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bs-about-iconlist-centered a {
	color: var(--gray);
}



/* -------------------------------------------------------------------------------- */
/* ---------- EVENTS ---------- */
.bs-event-grid-item-content .vc_gitem-post-data-source-post_excerpt a:hover {
	text-decoration: none;
}

.bs-event-grid-item-content .vc_gitem_row {
	margin-left: 30px;
}


.bs-event-grid-item-content .vc_gitem-post-data-source-post_excerpt a {
	color: var(--blue);
	text-decoration: underline;
}


/* "View More" button styling */
#page .bs-events-grid div.vc_btn3-container > a {
	background: var(--white);
	border: 2px solid var(--gold);
	color: var(--gray);
	font-size: 20px;
	font-weight: 400;
	padding: 15px 45px;
}

/* "View More" button hover-state styling */
#page .bs-events-grid div.vc_btn3-container > a:hover {
	background: var(--gray);
	border: 2px solid var(--gray);
	font-weight: 700;
	color: var(--white);
}


/* -------------------------------------------------------------------------------- */
/* ---------- NEWS ---------- */
/* Styling for gold link in excerpt */
.bs-news-grid .vc_gitem-post-data-source-post_excerpt a {
	color: var(--gold);
	text-decoration: underline;
}

/* Hover-state styling for links in excerpt */
.bs-news-grid .vc_gitem-post-data-source-post_excerpt a:hover {
	text-decoration: none;
}

/* "View More" button styling */
#page .bs-news-grid div.vc_btn3-container > a {
	background: var(--white);
	border: 2px solid var(--gold);
	color: var(--gray);
	font-size: 20px;
	font-weight: 400;
	padding: 15px 45px;
}

/* "View More" button hover-state styling */
#page .bs-news-grid div.vc_btn3-container > a:hover {
	background: var(--gray);
	border: 2px solid var(--gray);
	font-weight: 700;
	color: var(--white);
}



/* -------------------------------------------------------------------------------- */
/* ---------- LESSONS ---------- */

/* Instrument icon - Change color of instrument name when icon is hovered-over */
#page .bs-lesson-instrument-icon.icon-with-text-shortcode:hover .dt-text-title a {
	color: var(--gold);
	transition: opacity .15s ease;
} 

/* Instrument icon - Change color of instrument border when icon is hovered-over */
#page .bs-lesson-instrument-icon.icon-with-text-shortcode:hover a.anchor-link.text-icon:before {
	border-color: var(--gold);
	transition: opacity .15s ease;
}

/* Instrument icon - Change color of instrument icon when icon is hovered-over */
#page .bs-lesson-instrument-icon.icon-with-text-shortcode:hover a.anchor-link.text-icon .icon-inner i {
	color: var(--gold);
	transition: opacity .15s ease;
}

/* Instrument icon - Transition rules for transitioning from hover to default state */
#page .bs-lesson-instrument-icon.icon-with-text-shortcode .dt-text-title a, 
#page .bs-lesson-instrument-icon.icon-with-text-shortcode a.anchor-link.text-icon:before,
#page .bs-lesson-instrument-icon.icon-with-text-shortcode a.anchor-link.text-icon .icon-inner i, {
	transition: opacity .15s ease;
}

/* Group Classes grid - "Learn More" button (on each post) and "View More" (grid) button styling */
#page .bs-lessons-group-class-grid div.vc_btn3-container.bs-grid-button > a,
#page .bs-lessons-group-class-grid div.vc_btn3-container > a {
	background: var(--white);
	border: 2px solid var(--gold);
	color: var(--gray);
	font-size: 18px;
	font-weight: 400;
	padding: 15px 45px;
}


/* Group Classes grid - "Learn More" button (on each post) and "View More" (grid) button hover-state styling */
#page .bs-lessons-group-class-grid div.vc_btn3-container.bs-grid-button > a:hover,
#page .bs-lessons-group-class-grid div.vc_btn3-container > a:hover {
	background: var(--gray);
	border: 2px solid var(--gray);
	font-weight: 700;
	color: var(--white);
}

/* .bs-tuition-block {
	border-left: 2px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
}


.bs-tuition-block div.ult_pricing_table {
	padding-left: 10px;
	padding-right: 10px;
} */

.bs-tuition-block div.ult_pricing_table div {
	text-align: left;
	padding-left: 0px;
}
.bs-tuition-block div.ult_pricing_table:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* -------------------------------------------------------------------------------- */
/* ---------- OUTREACH ---------- */


/* -------------------------------------------------------------------------------- */
/* ---------- SYMPHONY & ACADEMY TEAM ---------- */
#page .bs-team-grid div.team-container.post div.team-author-name a:hover {
	color: var(--green);
	transition: 0.3 ease;
}

#page .bs-team-grid div.team-container.post div.team-author-name a {
	transition: 0.3 ease;
}




/* ################################################################################ */
/* MOBILE STYLING */
/* ################################################################################ */


/* Unique breakpoint for large screens */
@media only screen and (min-width: 1230px) {
	/* -------------------------------------------------------------------------------- */
	/* ---------- SECTIONS ---------- */
	
	/* Dual-column sections with image on left side	- Restrict column content to content width */
	.bs-hw-col-contain-left > div {
	    max-width: calc(1230px / 2);
    	margin-left: calc((100% - 615px)) !important;
	}
	
	/* Dual-column sections with image on Right side - Restrict column content to content width */
	.bs-hw-col-contain-right > div {
	    max-width: calc(1230px / 2);
    	margin-right: calc((100% - 615px)) !important;
	}
}


/* Unique breakpoint for small desktop screens */
@media only screen and (min-width: 778px) and (max-width: 1130px) {
	/* ################################################################################ */
	/* HEADER */
	/* ################################################################################ */
	header.header-bar ul.main-nav {
		width: 100%;
	}
	
	header.header-bar ul.main-nav li a {
		margin: 18px 10px 18px 10px;
	}
}


/* Tablet breakpoint */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	
	/* ################################################################################ */
	/* HEADER */
	/* ################################################################################ */
	header.header-bar ul.main-nav {
		width: 100%;
	}
	
	#page header.header-bar ul.main-nav li a {
		margin: 18px 4px 18px 4px;
	}
	
	
	#page header.header-bar ul.main-nav li a span.menu-text {
		font-size: 16px;
	}
	
	
	/* ################################################################################ */
	/* FOOTER */
	/* ################################################################################ */
	.bs-footer-page-links li {
		display: inline-block;
		width: 40%;
		
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- ABOUT ---------- */
	div.bs-about-team-col > .vc_column-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- LESSONS ---------- */
	.vc_grid-container.bs-lessons-group-class-grid .vc_grid-item  {
		width: 50% !important;
	}

	
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- MISCELLANEOUS ---------- */
	/* 	Grid elements - ensure dropdown styling on Tablet matches styling for mobile */
	.vc_grid-filter-select .vc_grid-styled-select {
		width: 144px !important;
		height: 40px !important;
	}
	
	.vc_grid-filter-select .vc_grid-styled-select  select {
		width: 100%;
		background-image: linear-gradient(45deg,transparent 50%,var(--the7-input-color) 50%), linear-gradient(135deg,var(--the7-input-color) 50%,transparent 50%) !important;
		background-position: calc(100% - var(--the7-right-input-padding) - 5px) 50%, calc(100% - var(--the7-right-input-padding)) 50%, 100% 0;
		background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
		background-repeat: no-repeat;
		font-size: 16px;
	}
	
	.vc_grid-filter-select .vc_grid-styled-select i:before {
		color: transparent;
	}

}


/* Phone breakpoint */
@media screen and (max-width: 767px) {

	/* ################################################################################ */
	/* FOOTER */
	/* ################################################################################ */
	#footer .wf-container {
		flex-direction: column;
	}
	
	.bs-footer-page-links li {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	
	/* ################################################################################ */
	/* GLOBAL ELEMENTS */
	/* ################################################################################ */
	
	a.ubtn-link {
		padding-left: 0px;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- CONTACT FORMS ---------- */
	#page form label.form-left, 
	form label.form-right,
	label.form-left {
		width: 100% !important;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- HEADINGS ---------- */
	#page .bs-header-row {
		padding-top: 30px !important;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- MODALS & POPUPS ---------- */
	/* 	Adjust size and position of Close button */
	.ult-overlay-close {
		width: 20px !important;
		height: 20px !important;
		top: 15px !important;
		right: 15px !important;
	}
	
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- SECTIONS ---------- */
	/* Mobile styling for row and inner row elements - 2 columns with green border between */
	/* 	Left column w/border */
	#page div.bs-row-two-col div.bs-row-two-col-left > div.vc_column-inner,
	#page div.bs-inner-row-two-col div.bs-inner-row-two-col-left > div.vc_column-inner {
		border-right: none !important;
		padding-right: 15px !important;
	}
	
	/* Mobile styling for row and inner row elements - 2 columns with green border between */
	/*  Right column */
	#page div.bs-row-two-col div.bs-row-two-col-right > div.vc_column-inner,
	#page div.bs-inner-row-two-col div.bs-inner-row-two-col-right > div.vc_column-inner {
		margin-top: 30px;
		padding-left: 15px !important;
	}
	
	div.bs-hw-col-contain-right > .vc_column-inner {
		padding: 30px !important;
	}
	
	
	#page div.bs-dual-col-with-img div.bs-col-img-background-contain {
		display: none;
	}
	
	#page div.bs-dual-col-with-img div.bs-hw-col-contain-right div.vc_column-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	#page div.bs-dual-col-with-img div.bs-hw-col-contain-left div.vc_column-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	#page .bs-center-col-content > div {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	/* Sticky Sections */
	.bs-sticky-section-border {
		border-right: none;
		margin-bottom: 30px;
	}
	
	div.bs-section-with-sticky-col div.bs-section-sticky-main-col > div.vc_column-inner {
		padding-left: 15px !important;
	}
	
	
	/* ################################################################################ */
	/* PAGE SPECIFIC */
	/* ################################################################################ */
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- ACADEMY ---------- */

	.bs-about-iconlist-centered ul {
		display: initial;
	}
	
	.bs-about-iconlist-centered ul li a {
		overflow-wrap: anywhere;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- EVENTS ---------- */
	.bs-events-grid .vc_grid-item-mini {
		display: flex;
		flex-direction: column;
	}
	
	.bs-events-grid .vc_grid-item-mini .vc_gitem-animated-block {
		width: 100%;
	}
	
	.bs-events-grid .vc_grid-item-mini .bs-event-grid-item-content {
		width: 100%;
	}
	
	.bs-events-grid .vc_grid-item-mini .bs-event-grid-item-content .vc_gitem_row {
		margin-left: 0px;
	}
	
	.bs-events-grid .vc_grid-item-mini .bs-event-grid-item-content .vc_gitem_row .vc_col-sm-12 {
		padding-left: 0px;
	}
	
	/* -------------------------------------------------------------------------------- */
	/* ---------- OUTREACH ---------- */
	.bs-outreach-glow-row div.vc_column-inner {
		margin-bottom: 30px;
	}
	
	.bs-outreach-img-full figure,
	.bs-outreach-img-full figure div,
	.bs-outreach-img-full figure div img {
		width: 100% !important;
	}

}


/* Extra-small phone breakpoint */
@media screen and (max-width: 500px) {
/* -------------------------------------------------------------------------------- */
	/* ---------- OUTREACH ---------- */
	.bs-outreach-glow-row div.vc_column_container {
		width: 50%;
	}
}