/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme
 Template:     Divi
 Version:      0.1.1
 */

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

/* larger font & white burger icon */
.mobile_menu_bar:before {
	color: white !important;
	font-size: 36px;
	}
/* larger font on mobile menu items */
.et_mobile_menu li a, .nav li li a {
	font-size: 15.5px;
	}
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
	}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #012169 !important;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*xxxadjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
	padding-bottom: 24px;
	padding-top: 10px;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/* hide the site tagline that shows up in the mobile menu */
ul.et_mobile_menu .menu-item-277 {
	display: none;
	}


/* business directory pare down */
body .wpbdp-listings-list.wpbdp-grid .listing-title {
	margin-bottom: 10px;
}
.wpbdp-listing .listing-thumbnail {
	display: none;
	}
body .wpbdp-listing .listing-details {
	margin-left: 0 !important;
}
.wpbdp-field-business_name {
	display: none;
	}
.wpbdp-field-business_genre {
	display: none;
	}
.wpbdp-listings-list .wpbdp-field-business_website_address .field-label, .wpbdp-listings-list .wpbdp-field-business_phone_number .field-label {
	display: none;
	}
.wpbdp-listings-list.wpbdp-grid .wpbdp-field-business_website_address {
	padding-right: 18px;
}
.wpbdp-listings-list.wpbdp-grid .wpbdp-field-business_website_address, .wpbdp-listings-list.wpbdp-grid .wpbdp-field-business_phone_number {
	display: inline-block;
	float: left !important;
	width: auto !important;
}
.wpbdp-listing .address-info, .wpbdp-field-business_address, .wpbdp-field-zip_code {
	display: none !important;
	}

/* property search page omnibar & page margin bottom */
.property-search-page div.awesomplete {
	width: 75%;
	}
.property-search-page .idx-omnibar-form button {
	width: 25%;
	}
.page-id-2695 .et_pb_post_content, .page-id-2695 .et-l--post, .page-id-2695 .et_builder_inner_content {
	height: 100%;
}
.page-id-2695 .et_pb_widget.widget_nav_menu {
	margin-bottom: 0 !important;
	padding-bottom: 10px;
	}
.page-id-2695 .et_pb_column_2_3 {
	margin-bottom: -30px;
}

/* blue bg app page */
.page-id-2566 .et_pb_column_2_3 {
	background-color: #418fde;
	}
.page-id-2566 .et_pb_post_content_0_tb_body {
	padding-right: 0;
	padding-left: 0;
}

/* other */
.et_pb_column h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}
.brokergrid .et_pb_post .entry-featured-image-url {
	margin-bottom: 15px;
}
.brokergrid h2.entry-title {
	font-size: 23px;
	font-weight: 600;
	padding: 0;
}
.brokergrid .et_pb_post {
	border: 0;
	margin-bottom: 30px;
	display: inline-grid;
}
.brokergrid .et_pb_image_container {
    margin: 0;
}
.category-brokers .post-meta {
	display: none;
	}
.category-office-staff .post-meta {
	display: none;
	}
.single-post h1.entry-title {
	font-size: 36px;
	padding-bottom: 0;
}
img.alignleft {
	margin-right: 35px;
	margin-bottom: 10px;
}
.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of4 {
	    width: 32.3%!important;
	    margin-right: 1%;
	}
}
@media only screen and ( min-width: 1251px ) {
	.cu-blog .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
}

/* categories & posts */
span.author {
	display: none;
}
body.category .et_pb_post .entry-featured-image-url {
    float: right;
    display: inline-block;
    max-width: 40%;
    margin-left: 20px;
}
body.category article {
	border-bottom: 1px solid #418fde;
	padding-bottom: 30px;
	margin-bottom: 40px;
	display: inline-block;
}
body.category h2.entry-title {
	font-size: 30px;
	line-height: 1.3em;
}
.entry-title a {
	color: #418fde;
	}

/* breadcrumbs dark */
.breadcrumbs-row {
	margin: 0;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0;
	background-color: #464d55;
	color: #ffffff;
}
.ds_dbreadcrumbs .ds_dbreadcrumbs_home::before {
	content: 'Home' !important;
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
	display: none !important;
}
div.ds_dbreadcrumbs span.ds_dbreadcrumbs_sep:first-child {
	display: none !important;
	}

/* breadcrumbs light
.breadcrumbs-row {
	margin: 0;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0;
	background-color: #f4f4f4;
	color: #666666;
	border-bottom: 1px solid #ccc;
} */

/* remove margin bottom left col on responsive */
.nomarginresponsive .et_pb_column {
	margin-bottom: 0;
}
/* dividers */
.et_pb_divider {
	margin: 35px 0;
}

/* fancy leadins & blurbs */
.fancy-leadin-sentence {
	background: #418fde;
	margin: 0;
	max-width: 100%;
	width: 100%;
	padding: 30px 50px !important;
}
.fancy-leadin-sentence h3 {
	color: white;
	font-style: italic;
}
.fancy-leadin-sentence h2 {
	margin: 0;
	padding: 0;
}

/* fix indent on ol & ul */
#left-area ol, .comment-content ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol, body.et-pb-preview #main-content .container ol {
    padding: 0 0 17px 1em;
	list-style-position: outside;
}
#left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
    padding-bottom: 17px;
}
#left-area ol li, .comment-content ol li, .entry-content ol li, .et-l--body ol li, .et-l--footer ol li, .et-l--header ol li, body.et-pb-preview #main-content .container ol li {
    padding-left: 6px;
}

/* pdf embedder */
.embed_download {
	font-weight: bold;
	margin-top: 13px;
}

/* directory pages */
.backbutton {
	color: #418fde;
	text-transform: uppercase;
	background-color: #e9e9ed;
	background-color: #ededf2;
	border: 1px solid #ccc;
	padding: 12px;
	margin: 0;
	border-radius: 5px;
	font-size: 1rem;
	margin-top: 25px;
	text-align: center;
}
.backbutton:hover {
	background-color: #d0d0d6;
}
.wpbdp-page {
	padding: 0 40px;
}
body .wpbdp-button, body .wpbdp-page .submit-btn input {
	height: 33px;
	text-transform: uppercase;
	background-color: #e9e9ed;
	background-color: #ededf2;
	border: 1px solid #d0d0d6;
	border-radius: 5px;
	font-size: .9rem;
	padding: 0 10px;
}
body .wpbdp-button.submit {
	margin-left: 10px !important;
}
.wpbdp-main-links input.button {
	font-size: .8rem;
	margin-right: 6px;
}
.wpbdp-main-box .submit-btn input[type="submit"]:hover, .wpbdp-main-links input.button:hover {
	background-color: #d0d0d6;
}
.wpbdp-main-box a.advanced-search-link {
	font-size: .9rem;
	padding: 10px 0;
}
.wpbdp-abc-filtering {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 10px;
}
.wpbdp-listings-list {
}
body .wpbdp-listing-excerpt {
	padding: 10px 0;
}
.wpbdp-listing-excerpt .listing-actions {
	display: none;
}
body .wpbdp-listings-list .listing-title {
	border-bottom: 0;
	margin-bottom: 20px;
}
body .wpbdp-listing .listing-title a {
		font-size: 1.8rem;
}

body .wpbdp-listing .listing-details {
	margin-left: 180px;
}
.back-to-dir-buttons {
	display: none;
}
body .listing-actions a.button {
	font-size: inherit;
}
.realestateresources h3 {
	text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: 1px;
}
body .wpbdp-listing .wpbdp-field, body .wpbdp-listing .address-info .address-label, body .wpbdp-listing .listing-details .field-value {
	margin: 0;	
	}
.realestateresources .wpbdp-abc-filtering {
	display: none;
}


/* full width section layouts & featured img hero */
body .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_section .et_pb_title_container {
	width: 100%;
	max-width: 100%;
	}
.et_pb_title_container {
	max-width: 90% !important;
	}

/* body .et_pb_fullwidth_section .et_pb_post_title {
	padding: 0;
}
.et_pb_sidebar_0_tb_body {
	padding-top: 30px;
}*/


.et_pb_fullwidth_section .et_pb_post_title {
	border-bottom: 1px solid #63666a;
	padding: 0 !important;
	width: 100% !important;
	}
.et_pb_fullwidth_section .et_pb_post_title h1 {
	padding: 30px;
}


/* overall builder layout css */
.et_pb_section {
	padding: 0;
}

/* site tagline via secondary menu & other header stuff */
#top-header {
	padding: 0;
	}
#top-header .container {
	padding-top: 0;
	}
#et-secondary-menu {
	float: none;
	text-align: center;
	font-weight: 400;
	text-transform: uppercase;
	}
#et-secondary-menu > ul > li a {
	padding: 12px;
	font-size: 11px;
}
#et-secondary-menu > ul > li a {
	padding: 8px 5px;
	}
body #top-header .et-social-icons li {
	margin-left: 0;
	}

/* IDX Map */
.IDX-mapControlContainer {
	clear: both;
	}
/* IDX Omnibar Search */
.idx-omnibar-form {
	max-width: 750px;
}
.idx-omnibar-form.idx-omnibar-original-form button {
	max-width: 200px;
	text-transform: uppercase;
}
.home .idx-omnibar-form {
	margin: 0 auto;
}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
	padding: 8px;
}
.slideshow-searchbar .idx-omnibar-mini button span {
	display: inline-block;
	}

/* slider */
.et_pb_slider h1 {
	font-size: 36px;
	font-weight: 600;
	}
.home .et_pb_slide_content {
	margin-bottom: 80px;
}

/* Bottom Nav Searches */
.darkbg li a {
	color: white;
}
.search-menu li a, #et-footer-nav li a {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 95%;
}
#et-footer-nav {
	text-align: center;
	background-color: #464d55;
}
#et-footer-nav li a {
	color: white;
}
.bottom-nav {
	text-align: center;
}
.bottom-nav li {
	padding-left: 11px;
	padding-right: 11px;
}

/* footer */
#main-footer .footer-widget h4 {
	font-size: 1.4em;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
	width: 23.5%;
}
.et_pb_gutters3 .footer-widget {
	margin-right: 2%;
}
.footer-widget p {
	font-size: .85em;
	line-height: 1.4;
}
#footer-info {
	color: #999;
	line-height: 1.4em;
	font-size: 75%;
	padding: 10px 25px 15px;
}
.home #et-footer-nav {
	display: none;
}

/* Main & Sidebar Menus */

#et-top-navigation {
    font-weight: 400;
    text-transform: uppercase;
}
.nav li ul {
	padding: 0;
}
#top-menu li li {
	padding: 0;
	line-height: 1.3em;
	}
#top-menu li li a {
	padding: 15px 20px;
	width: 240px;
	}
.et_pb_widget {
	margin-bottom: 3.5em !important;
}
.et_pb_widget ul li {
	line-height: 1.3em;
}
.et_pb_module .et_pb_widget ul li ul li {
	margin-left: 25px;
}
.widget_nav_menu ul li {
	padding: 6px 0;
}
.widget_nav_menu ul li a {
	padding: 6px 0;
}
.widget_nav_menu .sub-menu li {
	margin-top: 15px;
}
.widget_nav_menu .menu-item-has-children {
	margin-bottom: 0;
}
.et_pb_widget_area .current-menu-item a {
	color: #012d91 !important;
	font-weight: bold;
	}
.widgettitle {
	padding-bottom: 25px;
	border-bottom: 1px solid #63666a;
	margin-bottom: 15px;
}
.menu-title-nolink > a {
	font-weight: bold;
}
/* hide search in main menu, to bring it back but hide on smaller screens add a media query @ size 999px wide */
#et_top_search {
	display: none;
}

/* responsive */
@media only screen and (min-width:2400px) {
	 .et_pb_section {
	  padding: inherit !important;
	 }
	.et_pb_row {
	  padding: inherit !important;
	 }
}
@media only screen and (min-width: 981px) and (max-width: 1250px) {
	ul#top-menu li#menu-item-95 {
	display: none !important;
	}
	#et-top-navigation {
		padding-left: 103px !important;
	}
	/*.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
		padding-bottom: 27px !important;
	}
	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding-top: 27px !important;
	}*/
}
@media only screen and (min-width: 981px) {
	#logo {
		height: 80% !important;
		max-height: 110px !important
	}
	.et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
		width: 68.667%;
	}
	.et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
	margin-right: 0;
	}
}
@media only screen and (max-width: 980px) {
	.page-id-2695 .et_pb_column_2_3 {
	margin-bottom: 0;
		}
	body .et_pb_row_0_tb_body.et_pb_row {
		padding-bottom: 0 !important;
		}
	#main-header .container.et_menu_container {
	width: 100%
	}	
	.et_header_style_left .logo_container {
	margin-left: 15px;
	margin-top: 18px;
	}
	.et_header_style_left #et-top-navigation {
	margin-right: 15px;
	}
	.et_header_style_left .logo_container {
	width: 380px;
	height: 37px;
	background-image: url("https://www.sanjuanislands.com/wp-content/uploads/2022/02/CB_San_Juan_Islands_Inc_760x74.png");
	background-position: center middle;
	background-repeat: no-repeat;
	background-size: 380px 37px;
	}
	.et_header_style_left .logo_container img {
	display: none !important;
	}
	body .et_pb_post_content_0_tb_body {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width:767px) {
.footer-widget .widget_media_image, .footer-widget .widget_text {
	width: 100%;
	text-align: center;
	}
.footer-widget img {
	width: 100%;
	}
}