/*
 Theme Name:     Method of Design
 Theme URI:      https://www.stresslessweb.com
 Description:    Custom Divi Child theme by StressLessWeb.
 Author:         StressLessWeb
 Author URI:     https://www.stresslessweb.com
 Template:       Divi
 Version:        1.1.0
*/

:root {
	--color-hague-blue: #3f4d57;
	--color-blue: #22577a;
	--color-gold: #c1b1a8;

	--color-accent: var(--color-hague-blue);
	--color-blockquote: var(--color-blue);
}

.logo_container #logo {}

body .et_pb_testimonial_author { margin-top: 0; }

@media only screen and (min-width: 981px) {
	body .et-fixed-header#main-header,
	/* body .et-fixed-header#main-header .nav li ul, */
	body .et-fixed-header .et-search-form {
		background-color: rgb(255 251 248 / 50%);
		backdrop-filter: blur(12px);
	}
}

li.slw-menu-item-cta > a {
	background-color: var(--color-blue);
	color: white !important;
	padding: 10px !important;
}
@media (min-width:981px) {
	#et-secondary-menu li.slw-menu-item-cta > a {
		margin-top: -0.75em;
	}
}
.mobile_nav.opened li.slw-menu-item-cta > a:hover {
	background-color: var(--color-blue);
}


#footer-widgets .footer-widget:first-child img { max-width: 124px; }
@media (max-width: 980px) {
	#footer-widgets .footer-widget:first-child > div > div .wp-block-column { flex-basis: auto!important; flex-grow: initial; }
	#footer-bottom .et-social-icons li.et-social-icon:first-child { margin-left: 0; }
	#et-footer-nav li { padding: 0 10px; }
}
body .et-social-instagram a.icon:before { content: "\e09d"; }

/* Vertical line on single blog post when there is a sidebar - hide it */
#main-content .container:before { display: none; }

/* ---- */
.slw-list ul, .slw-list ol { padding-left: 0; margin-left: -10px; }
.slw-list li { padding-left: 10px; }
.slw-list li + li { margin-top: 1em; }

.slw-list-with-pin ul, .slw-list-with-pin ol,
.slw-list-with-dotted-arrow ul, .slw-list-with-dotted-arrow ol { list-style: none; padding-left: 0; }
.slw-list-with-pin li,
.slw-list-with-dotted-arrow li { position: relative; }
.slw-list-with-pin li + li,
.slw-list-with-dotted-arrow li + li { margin-top: 1em; }
.slw-list-with-pin li:before,
.slw-list-with-dotted-arrow li:before {
	position: absolute;
	left: -1.2em;
	top: 0;
	font-size: 30px
}

.slw-list-with-pin li:before {
	content: '\0E082';
	font-family: ETmodules!important;
    font-weight: 400!important;
	font-size: 1.2em;
    top: 0.1em;
}
.slw-list-with-dotted-arrow li:before { content: '⤑'; }

.slw-list-with-pin--color-accent li:before { color: var(--color-accent); }

.slw-list-blocks ul, .slw-list-blocks ol {
	list-style: none;
	padding-left: 0;
	display: flex;
    flex-wrap: wrap;
	gap: 5px;
}
.slw-list-blocks li {
	background-color: rgba(255,255,255, 0.5);
	padding: 10px;
	border-radius: 3px;
	backdrop-filter: blur(4px);
}

.slw-list-blocks.slw-list-blocks--grey li {
	background-color: rgba(200,200,200, 0.5);
}

.slw-menu-cta-button {}
.slw-menu-cta-button a {
	border: 2px solid black !important;
	padding: 5px !important;
	border-radius: 3px;
	margin-top: -5px;
}

.et_mobile_menu .slw-menu-cta-button a { margin-top: 0; }