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

:root {
	/* Colors: */
	--color-383838: #383838;
	--color-rust: #BF6435;
	--color-be6435: #BE6435;
	--color-green: #1BA562;
	--color-336c49: #336C49;

	--color-primary: var(--color-336c49);

}

.color-1 { background-color: var(--color-383838) }
.color-rust { background-color: var(--color-rust) }
.color-3 { background-color: var(--color-be6435) }
.color-green { background-color: var(--color-green) }
.color-5,
.color-primary { background-color: var(--color-336c49) }

html { scroll-behavior: smooth; }

/* ================================================= */
/* BUDDYBOSS - DIVI: start */
.et_divi_builder .entry-header { display: none; }
.et_divi_builder .bb-grid-cell:not(.no-gutter), .et_divi_builder .bb-grid>:not(.no-gutter) { padding-left: 0; padding-right: 0; }
.et_divi_builder #primary.content-area { padding-top:0; padding-bottom:0; }

.et_pb_text_4 h2, .et_pb_text_0 h2, .et_pb_text_2 h2, .et_pb_text_3 h2, .et_pb_text_5 h2, .et_pb_text_1 h2 {
	font-weight: 700;
	font-size: 44px;
	line-height: 1.1em;
}

.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container,
.et-db #et-boc .et-l .et_pb_row
{
	max-width: 1230px;
}
a,
.et-db #et-boc #main .et-l .et_pb_module a {
	color: --var(--color-primary);
	padding-bottom: 0;
}


/* ================================================= */
/* TYPOGRAPHY: start */

body,
h1, h2, h3, h4, h5, h6,
body h1, body h2, body h3, body h4, body h5, body h6,
.bb-custom-typo h1, .bb-custom-typo .h1, .bb-custom-typo h2, .bb-custom-typo .h2, .bb-custom-typo h3, .bb-custom-typo .h3, .bb-custom-typo h4, .bb-custom-typo .h4, .bb-custom-typo h5, .bb-custom-typo .h5, .bb-custom-typo h6, .bb-custom-typo .h6,
.bb-custom-typo .bb-course-footer, .bb-custom-typo .ld-table-list-header .ld-text, .bb-custom-typo .gamipress-achievement-points, .bb-custom-typo .vjs-modal-dialog-content {
	font-family: Archivo, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
	font-size:  18px;
}

/* Use 400 body-weight when using Roboto */
/* body { font-weight: 400; } */

strong { font-weight: 800; }

.no-padding-headings h1,
.no-padding-headings h2,
.no-padding-headings h3,
.no-padding-headings h4,
.no-padding-headings h5,
.no-padding-headings h6 { padding: 0; }

/* Single Pages */
body h1,
.entry-content h1,
body.et-db #main-content .et-l--body h1 { font-size: 50px; }

body h2,
.entry-content h2,
body.et-db #main-content .et-l--body h2 { font-size: 44px; }

body h3,
.entry-content h3,
body.et-db #main-content .et-l--body h3 { font-size: 33px; }

body h4,
.entry-content h4,
body.et-db #main-content .et-l--body h4 { font-size: 18px; }

body h5,
.entry-content h5,
body.et-db #main-content .et-l--body h5 { font-size: 18px; }

body h6,
.entry-content h6,
body.et-db #main-content .et-l--body h6 { font-size: 18px; }

/* Single Posts */
.single-post .entry-content h1 {}
.single-post.et-db #main-content .et-l--body h1 {}

.single-post .entry-content h2 {}
.single-post.et-db #main-content .et-l--body h2 {}

.single-post .entry-content h3 {}
.single-post.et-db #main-content .et-l--body h3 {}

.single-post .entry-content h4 {}
.single-post.et-db #main-content .et-l--body h4 {}

.single-post .entry-content h5 {}
.single-post.et-db #main-content .et-l--body h5 {}

.single-post .entry-content h6 {}
.single-post.et-db #main-content .et-l--body h6 {}


@media (max-width: 980px) {
	/* Single Pages */
	body h1,
	.entry-content h1,
	body.et-db #main-content .et-l--body h1 {
	}

	body h2,
	.entry-content h2,
	body.et-db #main-content .et-l--body h2 {

	}

	body h3 {}
	.entry-content h3 {}
	body.et-db #main-content .et-l--body h3 {}

	body h4 {}
	.entry-content h4 {}
	body.et-db #main-content .et-l--body h4 {}

	body h5 {}
	.entry-content h5 {}
	body.et-db #main-content .et-l--body h5 {}

	body h6 {}
	.entry-content h6 {}
	body.et-db #main-content .et-l--body h6 {}

	/* Single Posts */
	.single-post .entry-content h1 {}
	.single-post.et-db #main-content .et-l--body h1 {}

	.single-post .entry-content h2 {}
	.single-post.et-db #main-content .et-l--body h2 {}

	.single-post .entry-content h3 {}
	.single-post.et-db #main-content .et-l--body h3 {}

	.single-post .entry-content h4 {}
	.single-post.et-db #main-content .et-l--body h4 {}

	.single-post .entry-content h5 {}
	.single-post.et-db #main-content .et-l--body h5 {}

	.single-post .entry-content h6 {}
	.single-post.et-db #main-content .et-l--body h6 {}
}
@media (max-width: 479px) {
	/* Single Pages */
	body h1,
	.entry-content h1,
	body.et-db #main-content .et-l--body h1 {
	}

	body h2 {}
	.entry-content h2 {}
	body.et-db #main-content .et-l--body h2 {}

	body h3 {}
	.entry-content h3 {}
	body.et-db #main-content .et-l--body h3 {}

	body h4 {}
	.entry-content h4 {}
	body.et-db #main-content .et-l--body h4 {}

	body h5 {}
	.entry-content h5 {}
	body.et-db #main-content .et-l--body h5 {}

	body h6 {}
	.entry-content h6 {}
	body.et-db #main-content .et-l--body h6 {}

	/* Single Posts */
	.single-post .entry-content h1 {}
	.single-post.et-db #main-content .et-l--body h1 {}

	.single-post .entry-content h2 {}
	.single-post.et-db #main-content .et-l--body h2 {}

	.single-post .entry-content h3 {}
	.single-post.et-db #main-content .et-l--body h3 {}

	.single-post .entry-content h4 {}
	.single-post.et-db #main-content .et-l--body h4 {}

	.single-post .entry-content h5 {}
	.single-post.et-db #main-content .et-l--body h5 {}

	.single-post .entry-content h6 {}
	.single-post.et-db #main-content .et-l--body h6 {}
}

/* TODO: Archives */



.special-headings h2 {
	font-family: 'Playfair Display', Helvetica Neue, Helvetic, sans-serif;
	font-size: 3vw;
}
@media (max-width: 768px) { .special-headings h2 { font-size: 5vw; } }
@media (max-width: 500px) { .special-headings h2 { font-size: 7vw; } }


.et_pb_newsletter h2.et_pb_module_header {
}

body .slw-font-weight-thin, body .slw-font-weight-100 { font-weight: 100; }
body .slw-font-weight-extralight, body .slw-font-weight-200 { font-weight: 200; }
body .slw-font-weight-light, body .slw-font-weight-300 { font-weight: 300; }
body .slw-font-weight-regular, body .slw-font-weight-400 { font-weight: 400; }
body .slw-font-weight-medium, body .slw-font-weight-500 { font-weight: 500; }
body .slw-font-weight-semibold, body .slw-font-weight-600 { font-weight: 600; }
body .slw-font-weight-bold, body .slw-font-weight-700 { font-weight: 700; }
body .slw-font-weight-extrabold, body .slw-font-weight-800 { font-weight: 800; }
body .slw-font-weight-black, body .slw-font-weight-900 { font-weight: 900; }

/* TYPOGRAPHY: end */
/* ================================================= */


/* ================================================= */
/* LISTS: start */
li { line-height: 1.7em; }

.et_pb_text ol, .et_pb_text ul { margin-left: 1em; }
.et-l--body ol, .et-l--body ul { margin-left: 1em; }

.entry-content ul:not(.has-background):last-child,
.entry-content ol:not(.has-background):last-child { padding-bottom: 0; }

body blockquote p { padding-bottom: 1em; }

/* LISTS: end */
/* ================================================= */

/* ================================================= */
/* TARGET DEVICE TYPE: start */

.slw-is-mobile:not(.et-fb) .slw-hide-on-mobile,
.slw-is-tablet:not(.et-fb) .slw-hide-on-tablet,
.slw-is-phone:not(.et-fb) .slw-hide-on-phone,
.slw-is-desktop:not(.et-fb) .slw-hide-on-desktop { display: none !important; }

.slw-is-mobile.et-fb .slw-hide-on-mobile,
.slw-is-tablet.et-fb .slw-hide-on-tablet,
.slw-is-phone.et-fb .slw-hide-on-phone,
.slw-is-desktop.et-fb .slw-hide-on-desktop { opacity: 0.5; }

@media all and (orientation: landscape) {
	.slw-hide-on-landscape:not(.et-fb) { display: none !important; }
	.slw-hide-on-landscape.et-fb { opacity: 0.5; }
}
@media all and (orientation: portrait) {
	.slw-hide-on-portrait:not(.et-fb) { display: none !important; }
	.slw-hide-on-portrait:.et-fb { opacity: 0.5; }
}

/* TARGET DEVICE TYPE: end */
/* ================================================= */

/* ================================================= */
/* MISC: start */

@media (min-width: 980px) {
	.slw-section-with-down-arrow:after,
	.slw-section-with-down-arrow::after {
		content: 'v';
		content: '\2193';
		position: absolute;
		bottom: 36px;
		left: 50%;
		left: calc(50% - 25px);
		width: 10px;
		height: 10px;
		line-height: 7px;
		padding: 20px;
		background: white;
		border-radius: 50%;

		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
}

body .et_search_form_container input { text-transform: none; }

/* buttons */
.slw-paypal-button {
	font-size: 18px;
	color: white;
	background-color: #e02b20;
	padding: 12px 16px;
	border: 0;
	border-radius: 3px;
}

#main-content .et_pb_text #sb_instagram a { border-bottom: 0; }
#main-content .et_pb_text a:hover, .slw-caption a:hover	 { border-bottom-style: solid; }

.entry a, .entry a:hover { cursor: pointer; text-decoration: underline; }

.slw-label {
	background-color: rgb(77,186,138);
	display: inline-block;
	color: white;
	padding: 4px 8px;
	margin-bottom: 4px;
	border-radius: 3px;
	font-size: 16px;
}

/* box-shadows */
.shadowDepth1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.shadowDepth2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.shadowDepth3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.shadowDepth4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.shadowDepth5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }


.slw-caption {
	padding-top: 0;
	font-size: 16px;
	line-height: 1.3;
	margin-top: -28px;
	font-style: italic;
}
@media (max-width: 768px) {
	.slw-caption.slw-caption-mobile-align-left {
		text-align: left;
	}
}
.slw-caption a { border-bottom: 1px dotted; }


.single-post #main-content .gallery .gallery-item img { border: 0; }

.slw-highlight {
	/* background: linear-gradient(180deg,rgba(255,255,255,0) 65%,#f3ba65 65%); */
	background: linear-gradient(180deg,rgba(255,255,255,0) 65%,#ffb60d 65%);
}
.et_pb_bg_layout_dark .slw-highlight {
	background: linear-gradient(180deg,rgba(255,255,255,0) 65%,#f37321 65%);
}

.slw-blockquote {

	/*
	background-color: white;
	border: 3px solid #e0dfc2;
	padding: 20px 25px;
	border-radius: 20px;
	overflow: visible !important;
	*/

	position: relative;

	max-width: 600px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;

	text-align: center;
	font: italic normal normal 19px/1.4 Lora, Georgia, 'Times New Roman', sans-serif;
	/* font: normal normal normal 21px Handlee; */
	/* font: normal normal normal 20px/1.3 Kalam; */

	/* font-weight: bold; */
	color: #333333;

}
.slw-blockquote cite {
	display: block;
	margin-top: 10px;
}
.slw-blockquote cite::before {
	content: '-';
}
.slw-blockquote::before {
	content: '\00201c';
	position: absolute;
	left: calc(50% - 16px);
	top: -14px;

	font-size: 80px;
	line-height: 0;
	font-family: Georgia;
	font-style: normal;
	font-weight: bold;

	color: var(--color-blockquote);

}
.et_pb_bg_layout_dark.slw-blockquote cite,
.et_pb_bg_layout_dark.slw-blockquote::before { color: inherit; }

.slw-blockquote.slw-blockquote--align-left {
	text-align: left;
	margin-top: 40px;
	margin-left: 0;
}

.slw-blockquote.slw-blockquote--align-left::before {
	top: auto;
	left: auto;
}

.slw-blockquote.slw-blockquote--arrow-above,
.slw-blockquote.slw-blockquote--arrow-below {
    border: 3px solid;
    border-color: var(--color-blockquote);
    padding: 20px;
    border-radius: 7px;

    text-align: left;

    margin-left: initial;
    margin-right: initial;
}

.slw-blockquote.slw-blockquote--arrow-above cite,
.slw-blockquote.slw-blockquote--arrow-below cite {
	display: block;
	margin-top: 1em;
}

.slw-blockquote--arrow-above::after, .slw-blockquote--arrow-above::before {
	content: '';
	display: block;
	position: absolute;
	border: 20px solid transparent;

	top: -20px;
	left: 50px;
	border-top: 0;
	border-bottom-color: inherit;
}

.slw-blockquote--arrow-above::after {
	border-bottom-color: white;
	top: -16px;
}


.slw-blockquote--arrow-below::after, .slw-blockquote--arrow-below::before {
	content: '';
	display: block;
	position: absolute;
	border: 20px solid transparent;

	top: auto;
	bottom: -20px;
	left: 50px;
	border-bottom: 0;
	border-top-color: inherit;
}

.slw-blockquote--arrow-below::after {
	border-top-color: white;
	bottom: -16px;
}

.slw-blockquote blockquote { border: 0; padding-left: 0; }


.slw-testimonial-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
	box-shadow: 2px 2px 2px rgb(0 0 0 / 10%) !important;
}
@media (min-width: 981px) {
	#slw-testimonial-slider .slick-slide {
		max-width: 380px;
	}
}
#slw-testimonial-slider .slick-slide > div {
    padding: 0 20px 0 0 !important;
}
@media (max-width: 1520px) {
	.et-db #et-boc .et-l #slw-testimonial-slider .slw-testimonial-blurb {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1150px) {
	.et-db #et-boc .et-l #slw-testimonial-slider .slw-testimonial-blurb {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
}


/* Hide the 'next' arrow of slick sliders */
body .slw-hide-next-arrow .slick-next { display: none !important; }

.slw-list-with-spacing li + li {
	margin-top: 0.5em;
}

.slw-list-with-checkmark {}
.slw-list-with-checkmark ul, .slw-list-with-checkmark ol { list-style: none; padding-left: 1.2em; }
.slw-list-with-checkmark li { position: relative; }
.slw-list-with-checkmark li + li { margin-top: 1em; }
.slw-list-with-checkmark li:before {
	content: '\002713';
	position: absolute;
	left: -1.2em;
	top: 0;
	font-size: larger;
}


/* phone and email icons */
.et-info-phone { margin-right: 13px; }
.et-info-phone:before,
.et-info-email:before {
	font-family: ETmodules!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0 0;
}
.et-info-phone:before {
	content: "\e090";
	position: relative;
	top: 2px;
	margin-right: 2px;
}
.et-info-email:before {
	content: "\e076";
	margin-right: 4px;
}
/* MISC: end */
/* ================================================= */

/* ================================================= */
/* HEADER: start */

#main-header { /* box-shadow: none; */ }

/* logo: start */
.et_header_style_left #logo,
.et_header_style_split #logo,
#logo {
	transition: none;
}


@media (max-width: 980px) {
	.et_header_style_left #logo,
	.et_header_style_split #logo,
	.et_header_style_centered #logo {
		/*
		max-height: 38%;
		max-width: 68%;
		max-height: 60% !important;
		*/
		max-height: 90px;
		margin-top: 10px;
		height: auto;
	}

	.et_header_style_centered.et_fullwidth_secondary_nav #main-header {
		padding-top: 5px;
	}
}

@media (min-width: 981px) {
	body #logo {
		/* height: 75px; */
	}
}


/* use a different logo for mobile */
@media only screen and (max-width: 981px) {
	#logo {
		/*
		content: url('/wp-content/uploads/2022/08/gmc-logo-mobile.svg') !important;
		max-height: 42px;
		*/
	}
	.et_header_style_centered #logo {
		max-height: 66px;
	}
	.et_header_style_centered #main-header {
		padding-top: 10px;
	}
}
/* logo: end */

.slw-white-header #main-header { background-color: #FFFFFF; }


/* top-header bar info: start */
/*
#top-header #et-info {}
#top-header #et-info > * { margin-right: 0; }
#top-header #et-info > * + * { margin-left: 13px; }


@media (max-width: 500px) {
	#top-header .container { width: 100%; }
	#top-header .container #et-info { float: none; }
}
*/

@media (max-width: 980px) {
	#top-header #et-secondary-menu {
		/*display: block !important;*/
	}
	#top-header #et-secondary-nav {
		/*display:  inline-block !important;*/
	}
}
@media (min-width: 768px) and (max-width: 980px) {
	#top-header #et-secondary-menu {
		/*padding-top: 9px;*/
	}
}
@media (min-width: 768px) {
	#top-header .container { /*padding-bottom: 3px;*/ }
}
@media (max-width: 767px) {
	#top-header .container { /*width: 95%; padding-bottom: 12px;*/ }
}
/* top-header bar info: end */

#main-header .nav li ul a { /*line-height: 1.3;*/ }

/* menu: start */
body .mobile_menu_bar:before {
	/* color: #888888; */
}

#top-menu li { /* padding-right: 8px; */ }
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child { /*padding-right: 16px;*/ }
#top-menu a { font-weight: normal; }
#top-menu .menu-item-has-children>a:first-child:after { /*line-height: 1;*/ }


.slw-header-menu a:nth-child(n+2),
.slw-footer-menu a:nth-child(n+2),
#et-boc .et-l .slw-header-menu a:nth-child(n+2),
#et-boc .et-l .slw-footer-menu a:nth-child(n+2) {
  margin-left: 30px;
}


/* menu: end */


/* sub-menu: start */

/* text color of sub-menu in fixed-header mode is being overridden - seems like a CSS bug */
body .et-fixed-header #top-menu .sub-menu a,
body .et-fixed-header #top-menu .sub-menu li.current-menu-item a,
body .et-fixed-header #top-menu .sub-menu li.current-menu-item > a,
body .et-fixed-header #top-menu .sub-menu li.current_page_item a,
body .et-fixed-header #top-menu .sub-menu li.current_page_item > a,
body .et-fixed-header #top-menu .sub-menu li.current-menu-ancestor a,
body .et-fixed-header #top-menu .sub-menu li.current-menu-ancestor > a,
#main-header .nav li ul a { font-size: 14px; }

#main-header .nav li ul .current_page_item>a {
	font-weight: bold;
}


.nav .sub-menu { border-radius: 3px; }
#main-header .et-menu .sub-menu::before,
#top-menu .sub-menu::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 0;
	border-bottom-color: inherit;
	position: absolute;
	top: -13px;
	left: 5%;
	display: block;
}

/* sub-sub-menu - sub-menus that are more than 1 level deep */
#main-header .et-menu .sub-menu .sub-menu::before,
#top-menu .sub-menu .sub-menu::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 0;
	border-right-color: inherit;
	position: absolute;
	top: 16%;
	left: -11px;
	display: block;
}

#main-header .et-menu .sub-menu .sub-menu,
#top-menu .sub-menu .sub-menu {
	border: 0;
	border-left: 3px solid #727ec7;
	border-color: #727ec7;
}

/* if a sub-menu item has children then show a right-pointing arrow/caret instead of the default down-pointing one */
#top-menu .sub-menu .menu-item-has-children > a:first-child:after,
#et-secondary-nav .sub-menu  .menu-item-has-children > a:first-child:after {
	content: "5";
}

/* If sub-sub-menu is on the left, the show a right-pointing arrow and show border on right instead of left */

#main-header .et-menu .menu-item.et-reverse-direction-nav .sub-menu .sub-menu,
#top-menu .menu-item.et-reverse-direction-nav .sub-menu .sub-menu {
	border: 0;
	border-right: 3px solid #727ec7;
	border-color: #727ec7;
}

#main-header .et-menu .menu-item.et-reverse-direction-nav .sub-menu .sub-menu::before,
#top-menu .menu-item.et-reverse-direction-nav .sub-menu .sub-menu::before {
	border: 10px solid transparent;
	border-right: 0;
	border-left-color: inherit;

	position: absolute;
	top: 16%;
	left: auto;
	right: -11px;
}

#top-menu .menu-item.et-reverse-direction-nav .sub-menu .menu-item-has-children > a:first-child:after,
#et-secondary-nav .menu-item.et-reverse-direction-nav .sub-menu  .menu-item-has-children > a:first-child:after {
	left: -6px;
	content: "4";
}

/*
.et_mobile_menu li a:hover, .nav ul li a:hover {
	background-color: rgba(0,0,0,0.05);
	opacity: 1;
}
*/
/* sub-menu: end */



/* Menu button in secondary header: start; */
#et-secondary-menu .slw-top-menu-button {
	background-color: #FFFFFF;
	border-radius: 20px;
	margin-top: -5px;
}

#et-secondary-menu .slw-top-menu-button > a {
	color: #000000 !important;
	padding: 12px 20px 15px 10px !important;
	line-height: 0;
	font-weight: bold;

	font-size: 15px;
}

#et-secondary-menu .slw-top-menu-button a:after { top: auto !important; right: 5px !important; }

#et-secondary-menu .slw-top-menu-button.et-hover,
#et-secondary-menu .slw-top-menu-button:hover {
	border-radius: 12px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#et-secondary-menu .slw-top-menu-button .sub-menu { background-color: inherit !important; }
#et-secondary-menu .slw-top-menu-button .sub-menu a { color: #000000 !important; }

#et-secondary-menu .slw-top-menu-button.slw-donate-menu-item { background-color: #00ffa0; }		/* Donate button */
#et-secondary-menu .slw-top-menu-button.slw-payment-menu-item { background-color: #54ffff; }	/* Payment button */

/* HEADER: end */
/* ================================================= */


/* ================================================= */
/* TRANSPARENT HEADER: start */

/* Use this when header is transparent in Divi */
.et_transparent_nav #main-header { background-color: transparent; }
.et_transparent_nav:not(.et-fb) #main-content .et_pb_section_0 {
	padding-top: 120px !important;
}
@media (max-width: 980px) {
	.et_transparent_nav:not(.et-fb) #main-content .et_pb_section_0 {
		padding-top: 100px !important;
	}
}

@media (max-width: 469px) {
	.et_transparent_nav #main-header { background-color: transparent; }
	.et_transparent_nav:not(.et-fb) #main-content .et_pb_section_0 {
		padding-top: 100px !important;
	}
}
/* TRANSPARENT HEADER: end */
/* ================================================= */


/* ================================================= */
/* Dark Section handling: start */
.et_transparent_nav.hero-section-dark header:not(.et-fixed-header) #logo {
	/* content property does not work on Firefox 30 and IE 11 so use invert filter
	 * content: url("https://xxx.com/wp-content/uploads/2018/05/logo-3-w.png");
	 */
	 /*
	-webkit-filter: invert(100%);
	filter: invert(100%);
	*/
	background-color: #FFFFFF;
	border-radius: 50%;
}

@media only screen and (max-width: 469px) {
	.et_transparent_nav.hero-section-dark .et_header_style_centered #main-header {
		padding-top: 18px;
	}
	.et_transparent_nav.hero-section-dark #main-header { background-color: transparent; }
	.et_transparent_nav.hero-section-dark:not(.et-fb) #main-content .et_pb_section_0 {
		padding-top: 180px;
	}
}

@media (max-width: 980px) {
	.et_transparent_nav.hero-section-dark.et_header_style_centered #main-header .mobile_nav {
		background-color: rgba(255,255,255,0.12);
	}
}
.et_transparent_nav.hero-section-dark .mobile_nav .select_page,
.et_transparent_nav.hero-section-dark .mobile_nav .mobile_menu_bar:before {
	color: #ffffff;
}

.et_transparent_nav.hero-section-dark #top-menu li a { color: white; font-weight: bold; }
.et_transparent_nav.hero-section-dark #top-header,
.et_transparent_nav.hero-section-dark #top-header a { color: #ffffff; }

.et_transparent_nav.hero-section-dark #et_top_search,
.et_transparent_nav.hero-section-dark header .et_close_search_field,
.et_transparent_nav.hero-section-dark header .et_close_search_field:after,
.et_transparent_nav.hero-section-dark header .et-search-form input { color: #FFFFFF; }
.et_transparent_nav.hero-section-dark header .et-search-form input::placeholder{ color: #FFFFFF; opacity: 0.5; }
.et_transparent_nav.hero-section-dark header .et-search-form input::-webkit-input-placeholder { color: #FFFFFF; opacity: 0.5; }
.et_transparent_nav.hero-section-dark header .et-search-form input::-moz-placeholder { color: #FFFFFF; opacity: 0.5; }
.et_transparent_nav.hero-section-dark header .et-search-form input:-ms-input-placeholder { color: #FFFFFF; opacity: 0.5; }
.et_transparent_nav.hero-section-dark header .et-search-form input:-moz-placeholder { color: #FFFFFF; opacity: 0.5; }

.et_transparent_nav.hero-section-dark #et_search_icon:before { color: white; font-weight: bold; }

/*
.et_transparent_nav.hero-section-dark #top-menu .sub-menu {
	border-color: #404040;
	box-shadow: 0 0 40px rgba(0,0,0,0.3);
	background-color: #404040;
}
.et_transparent_nav.hero-section-dark #top-menu .sub-menu::before {
	border-bottom-color: #404040;
}
.et_transparent_nav.hero-section-dark #main-header .et-menu .sub-menu::before,
.et_transparent_nav.hero-section-dark #top-menu .sub-menu::before {
	border-bottom-color: #404040;
}
.et_transparent_nav.hero-section-dark #main-header .et-menu .sub-menu .sub-menu::before,
.et_transparent_nav.hero-section-dark #top-menu .sub-menu .sub-menu::before {
	border-right-color: #404040;
}
*/
/* Dark Section handling: end */
/* ================================================= */


/* ================================================= */
/* BLOG: start */

body.single-post #main-content .container,
body.single-post #slw-footer-contact-section .et_pb_row { max-width: 800px; }

/* blog styles below not used for GR */
.single-post .et_pb_section_0_tb_body,
.blog .et_pb_section_0_tb_body,
.archive.category .et_pb_section_0_tb_body {
	/* padding-top: 60px !important; */
}

@media (min-width: 981px) and (max-width: 1500px) {
	.single-post .et_pb_title_container {
		max-width: 75%;
		margin: 0 auto;
	}
}

.single-post .et_pb_section_0_tb_body .et_pb_row_1_tb_body .et_pb_section { padding: 0; }
.single-post .et_pb_section_0_tb_body .et_pb_row_1_tb_body .et_pb_row { padding: 0; width: 100%; }

.nav-single a { color: #222222; }


/* blog listing */
@media (min-width: 768px) {
	.blog .et_pb_section_0_tb_body {}

	/* constrain the hero image of full-length blog articles */
	.blog .et_pb_blog_0_tb_body .et_pb_posts:not(.x-slw-blog-grid--2-column) .entry-featured-image-url img {
		height: auto;
		width: auto;
		max-height: 400px;
		max-width: 100%;

		display: block;
		margin: 0 auto 30px;
	}
}

/* constrain the hero image of excerpt-length blog articles */
.blog .et_pb_section_1_tb_body {}
.blog .slw-blog-grid--2-column .entry-featured-image-url img {}
.blog .slw-blog-grid--3-column .entry-featured-image-url img {}

.slw-blog-grid--2-column {}
.slw-blog-grid--3-column {}


.slw-blog-grid--boxed-articles article {
	background-color: white;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
}

.slw-blog-grid--2-column article .entry-featured-image-url,
.slw-blog-grid--3-column article .entry-featured-image-url { margin-bottom: 20px; }

.slw-blog-grid--2-column article .entry-featured-image-url img,
.slw-blog-grid--3-column article .entry-featured-image-url img {
	margin: 0 auto;
	display: block;
	height: auto;
	width: auto;
	max-width: 100%;
	/* max-height: 150px; */
}

.slw-blog-grid--2-column .et_pb_ajax_pagination_container,
.slw-blog-grid--3-column .et_pb_ajax_pagination_container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.slw-blog-grid--2-column article { flex-basis: 47%; }
.slw-blog-grid--3-column article { flex-basis: 30%; }

@media (max-width: 960px) {
	.slw-blog-grid--2-column article,
	.slw-blog-grid--3-column article { flex-basis: 48%; }
}

@media (max-width: 767px) {
	.slw-blog-grid--2-column .et_pb_ajax_pagination_container article,
	.slw-blog-grid--3-column .et_pb_ajax_pagination_container article {
		flex-basis: 49%;
		margin-top: 0;
		margin-bottom: 4%;
	}
}

/* nav container on blog page */
.et_pb_ajax_pagination_container div:last-child { flex-basis: 100%; }

/* Animate the blog image on hover */
.slw-blog-image-animate-on-hover .entry-featured-image-url { overflow: hidden; }
.slw-blog-image-animate-on-hover .entry-featured-image-url img {
	transition: 10s;
	transition-timing-function: linear;
}
.slw-blog-image-animate-on-hover .entry-featured-image-url img:hover {
	transform: scale(1.2,1.2);
}
/* BLOG: end */
/* ================================================= */

/* ================================================= */
/* SIDEBAR: start */

#sidebar {}
#sidebar .et_pb_widget {}
#sidebar .widgettitle { font-weight: 600; margin-bottom: 0.6em; }


/* Remove sidebar on all single pages and posts */
.slw-full-width #sidebar {display: none;}
.slw-full-width #left-area {width: 100%;}
.slw-full-width #main-content .container:before {width: 0;}

/* remove sidebar on certain pages, such as on the search results page */
.search-results #main-content .container:before { background: none; }
.search-results #sidebar { display:none; }

@media (min-width: 981px) {
	.search-results #left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

/* SIDEBAR: end */
/* ================================================= */

/* ================================================= */
/* FOOTER: start */

#main-footer h4 { /* font-family: "Open Sans",Arial,sans-serif; */ }

#footer-widgets .footer-widget li:before { display: none; }
#footer-widgets .footer-widget li { padding-left: 0; }
.bottom-nav li { padding-right: 19px; font-weight: normal; }

.footer-widget .widget_text { width: 100%; }

#menu-footer-menu {}
#menu-footer-menu .menu-item a {
	margin: 0 auto;
}

footer #et-info-phone:before,
footer #et-info-email:before { margin-right: 7px; }

.slw-footer-copyright span { white-space: nowrap; }
.slw-footer-credit a { border-bottom: 1px dotted; }
/* FOOTER: end */
/* ================================================= */

/* ================================================= */
/* SEARCH RESULTS PAGE: start */
.search-results .container { max-width: 800px; }
/* SEARCH RESULTS PAGE: end */
/* ================================================= */

/* ================================================= */
/* Show contact form on button click */
/* workshop contact form */
body:not(.et-fb) .slw-auto-hide-show { display: none; }
body.et-fb .slw-auto-hide-show { opacity: 0.5; }

.slw-workshop-contact-form .et-pb-contact-message {
	font-weight: 500;
}
/* ================================================= */

/* ================================================= */
/* NINJA FORMS: start */
input[type=button].ninja-forms-field {
	background-color: #1960bb;
	color: white;
	font-size: 16px;
	border-radius: 3px;
	border: 0;
	padding: 10px 20px;
}
/* NINJA FORMS: end */
/* ================================================= */

/* ================================================= */
/*
* Divi Grid: start
* https://diviplugins.com/divi-portfolio-grid-layout-three-columns/
* Formula for grid item width + margin: (width x 3) + (right margin x 2) = 100
*/
@media only screen and ( min-width: 768px ) {

	/* 3-COLUMN GRID: start */
	.three-column-grid .et_pb_grid_item {
		/*
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
		*/
		width: 30% !important;
		margin: 0 5% 7.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left !important;
	}
	/* 3-COLUMN GRID: end */

	/* 2-COLUMN GRID: start */
	.two-column-grid .et_pb_grid_item {
		width: 45% !important;
		margin: 0 5% 7.5% 0 !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(2n) {
		margin-right: 0 !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
	.two-column-grid .et_pb_grid_item:nth-child(2n+1) {
		clear: left !important;
	}
	/* 2-COLUMN GRID: end */

	/* 1-COLUMN GRID: start */
	.one-column-grid .et_pb_grid_item {
		width: 100% !important;
		margin: 0 0 5% 0 !important;
		clear: left;
	}
	/* 1-COLUMN GRID: end */

}
/* DIVI GRID: end */
/* ================================================= */

/* ================================================= */
/* PASSWORD PROTECTED CONTENT: start */
.post-password-required { max-width: 600px; margin: 30px auto; padding: 30px; }
.et_password_protected_form {}
/* PASSWORD PROTECTED CONTENT: end */
/* ================================================= */

/* ================================================= */
/* PROJECTS: start */
.single.single-project .et_pb_post { margin-bottom: 0; }
.single.single-project .et_pb_post .slw-project-navigation-row { padding-top: 0; padding-bottom: 0; }
.single.single-project .entry-content .et_pb_column_2 {}
.single.single-project .entry-content h4 { padding-bottom: 0; }
.single.single-project .entry-content h4 ~ h4 { margin-top: 10px; }
/* PROJECTS: end */
/* ================================================= */

/* ================================================= */
/* SLIDERS: start */
.slw-divi-image-slider.et_pb_slider .et_pb_slide {
	height: 600px;
	max-height: 50vw;
}
/* SLIDERS: end */
/* ================================================= */

/* ================================================= */
/* GALLERY: start */
.et_pb_gallery_grid .et_pb_gallery_item h3.et_pb_gallery_title, .et_pb_gallery_caption { color: #5a5142; font-size: 15px; }
.et_pb_gallery_grid .et_pb_gallery_item h3.et_pb_gallery_title { font-weight: 600; }
/* GALLERY: end */
/* ================================================= */



/* ================================================= */
/* CUSTOM: start */

/*
 * LinkedIn: \e09d;
 * YouTube: \e0a3;
 * Pinterest: \e095;
 * Email: \e076;
 */
.et-social-google-plus a.icon:before {
    /* content: "\e095"; */ /* Pinterest */
    /* content: "\e09d"; */ /* LinkedIn */
}
.et-social-rss a.icon:before {
    /* content: "\e0a3"; */	/* YouTube */
    /* content: "\e076"; */	/* Email */
    content: "\e09d"; /* LinkedIn */
}
/*
@media (max-width: 1106px) {
	#top-menu .slw-woo-cart-menu-item {
		float: right;
		margin: 6px 22px 0 0;
	}
	body.et_header_style_left #et-top-navigation nav>ul>li>a {
		padding-bottom: 10px;
	}
}
@media (max-width: 1126px) {
	#et_top_search {
		position: absolute;
		right: 10px;
	}
	#top-menu .slw-woo-cart-menu-item {
		margin-right: 20px;
	}
}
*/

.grecaptcha-badge {
	z-index: 9;
}


.slw-letter-with-bg {
	font-size: 30px;

	width: 50px;
	height:50px;
	line-height: 50px;
	border-radius: 100%;
	box-sizing: content-box;
	margin: 0 auto;
}

.slw-letter-with-bg--salmon {
	background-color: var(--color-salmon);
	color: white;
}

.slw-letter-with-bg--white {
	background-color: white;
}

.slw-letter-with-border {
	border: 2px solid;
	font-size: 30px;

	width: 50px;
	height:50px;
	line-height: 50px;
	border-radius: 100%;
	box-sizing: content-box;
	margin: 0 auto;
}

.slw-letter-with-border--white {
	color: #ffffff;
}
.slw-letter-with-border--salmon {
	color: var(--color-salmon);
}
@media (min-width:981px) {
	.slw-row-with-dividers {}
	.slw-row-with-dividers .et_pb_column {
			margin-right: 0;
	}
	.slw-row-with-dividers .et_pb_column {
			padding-right: 20px;    
	}
	.slw-row-with-dividers .et_pb_column + .et_pb_column {
			border-left: 1px dotted;
			padding-left: 20px;
	}

	.slw-row-with-dividers .et_pb_column.et_pb_column_1_4 {
			width: 25%;
			flex-basis:25%;
	}
}


/* CUSTOM: end */
/* ================================================= */