/*
Theme Name: Divi-child
Template: Divi
*/

#main-header:not(.et-fixed-header) #logo {
    max-height: min(210%, 15vw) !important;
}

.wp-block-latest-posts__post-title {
	color: #c66a49 !important;
}

.hide-on-mobile {
	display: inherit;
}

.dssb_sharing_buttons {
	margin-bottom: 0 !important;
}

@media (max-width: 768px) {
	#hero-left {
		display: none;
	}

	#main-header:not(.et-fixed-header) #logo {
		max-height: 250px !important;
	}

	footer .et_pb_main_blurb_image {
		display: none !important;
	}

	.hide-on-mobile {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	#hero-left {
		display: none;
	}
	
	#main-header:not(.et-fixed-header) #logo {
		max-height: 200px !important;
	}
}

/* FIX JUMPING HEADER */
#page-container {
	padding-top: 110px !important;
}

.et_pb_widget_area_left {
	border: none;
}

.et-l--post .et_pb_row {
	width: 100%;
}

.wp-pagenavi {
	padding-top: 25px;
}

/* Base styles for the posts */
.posts-4-columns .entry-featured-image-url,
.posts-4-columns .post-content,
.posts-4-columns .entry-title,
.posts-4-columns .post-meta {
    width: 100%; /* Full width for content within each post */
}

/* Set styles for each post */
.posts-4-columns article {
    display: inline-block; /* Use inline-block for post alignment */
    vertical-align: top; /* Align items to the top */
    width: calc(25% - 10px); /* Default width for desktop (4 items per row, accounting for margins) */
    margin-right: 15px; /* Space between columns */
    margin-bottom: 15px; /* Space below posts */
    border: 1px solid #d8d8d8; /* Optional: Border around articles */
    box-sizing: border-box; /* Include padding and border in width */
}

/* Image styles */
.posts-4-columns .entry-featured-image-url img {
    height: 200px; /* Fixed height for images */
    object-fit: cover; /* Cover the space, maintaining aspect ratio */
    width: 100%; /* Ensure images fill their container */
    display: block; /* Prevent gaps below images */
}

/* Title, meta, and content styles */
.posts-4-columns .entry-title,
.posts-4-columns .post-meta,
.posts-4-columns .post-content {
    padding-left: 19px; /* Left padding */
    padding-right: 19px; /* Right padding */
    padding-bottom: 19px; /* Space below content */
}

.posts-4-columns .entry-title {
    font-size: 21px !important; /* Title font size */
}

/* Media query for tablet (2 columns) */
@media (min-width: 768px) and (max-width: 980px) {
    .posts-4-columns article {
        width: calc(50% - 17.4px); /* Two items per row */
    }
}

/* Media query for desktop (4 columns) */
@media (min-width: 981px) {
    .posts-4-columns article {
        width: calc(25% - 15px); /* Four items per row */
    }
}

/* Responsive adjustments for margins */
@media (max-width: 767px) {
    .posts-4-columns article {
        margin-right: 0; /* Remove right margin for mobile */
        width: 100%;
    }

	.entry-featured-image-url img {
		max-height: 250px;
		object-fit: cover;
	}
}

/* Adjust last item's margin for last column */
@media (min-width: 981px) {
    .posts-4-columns article:nth-child(4n) {
        margin-right: 0; /* Remove right margin for every fourth item */
    }
}

@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: white !important;
	}
}

#block-7 {
	width: 100%;
	margin: 0 !important;
	font-size: 0.9rem;
}

#block-7 a {
	color: #c66a49;
}

#main-content {
	min-height: 55vh;
}

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

.et_pb_section {
	padding-top: 0px !important;
}

.home {
	margin-left: 0;
	margin-right: 0;
}

.linked-breadcrumb-item {
    color: #cc0a0a;
}

.sub-menu .menu-item a {
	padding: 0.2rem 0 !important;
}

#et-secondary-menu {
	float: inherit;
	text-align: center;
}

.fw-button {
    width: 100%;
    text-align: center;
}

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";
	font-size: 30px;
	content: '3';
	color: #f0f3f6;
	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: '2';
}
/*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;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	line-height: 0;
}
/*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;
} 

@media (max-width: 767px) {
	.et_menu_container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.et_mobile_menu {
		padding-top: 0;
	}

	.sub-menu .menu-item {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.et_header_style_left .et-search-form {
		width: 100% !important;
		max-width: none !important;
	}

	.et_header_style_left .logo_container {
		transition: opacity 0.3s ease;
		width: auto;
	}

	.et_header_style_left #logo {
		max-width: 65%;
	}

	.et_pb_row_0_tb_body {
		padding-top: 5px;
	}

	.row-breadcrumbs {
		display: none;
	}
}

@media (max-width: 767px) {
	.et_pb_post_content {
		margin-bottom: 0 !important;
	}
}

.et_pb_post_content {
	margin-bottom: 15px !important;
}

/* Fix select for mobile */
select {
    -webkit-appearance: none; /* Removes default appearance on iOS */
    -moz-appearance: none;    /* Removes default appearance on Firefox */
    appearance: none;         /* Removes default appearance on modern browsers */
    
    /* Set your desired styles */
    border-radius: 0;         /* Removes rounded corners */
    padding: 10px;            /* Optional: Add some padding for styling */
    border: 1px solid #ccc;   /* Optional: Border styling */
    background-color: #fff;   /* Optional: Background color */
	font-size: 0.9rem;
}

select::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

@media screen and (max-width: 1300px) {
    #et_mobile_nav_menu {
        display: block!important;
    }
    #top-menu-nav {
        display: none!important;
    }
	
	.mobile_menu_bar::before {
		color: white !important;
	}
}

.et_pb_blog_item_0_3 {
	display: none;
}

.grad-button {
    border-width: 2px;
    border-color: transparent;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 14px;
	font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background: linear-gradient(90deg, #85472c, #cf7547);
    color: white;
    padding: 12px 24px;
    transition: background 0.3s, transform 0.2s;
}

/* Hover Effects */
.grad-button:hover {
	background: linear-gradient(90deg, #a26343, #d69c5e); /* Lighter gradient for hover effect */
	transform: translateY(0); /* No lift effect on hover */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
  }

.grad-button:focus {
    outline: none; /* Remove default outline */
    background: linear-gradient(90deg, #85472c, #cf7547); /* Maintain original gradient on focus */
}

.grad-button-light {
    background: linear-gradient(90deg, rgb(85, 85, 85), rgb(136, 136, 136)) !important;
    color: white; /* Keep text color white for contrast */
}

.grad-button-light:hover {
    background: linear-gradient(90deg, rgb(136, 136, 136), rgb(170, 170, 170)); /* Lighter gradient on hover */
}

.grad-button-light:focus {
    outline: none; /* Remove default outline */
    background: linear-gradient(90deg, rgb(85, 85, 85), rgb(136, 136, 136)) !important; /* Maintain original gradient on focus */
}


.et-pb-contact-message {
	color: white !important;
}

::-webkit-input-placeholder {
	color: #232323; /* Change to your desired placeholder color */
	opacity: 1; /* Ensures the color applies properly */
}

:-ms-input-placeholder { 
	color: #232323; /* For Internet Explorer */
}

::-ms-input-placeholder { 
	color: #232323; /* For Edge */
}

::placeholder {
	color: #232323; /* The universal selector for newer browsers */
}  

input {
	color: #a26343; /* Text color */
	background-color: #f5f5f5; /* Background color of the input */
	border: 1px solid #ddd; /* Border style for inputs */
	padding: 10px; /* Padding for better spacing */
	border-radius: 4px; /* Optional: Rounded corners */
}

.et_pb_contact_form input, .et_pb_contact_form textarea {
	color: #a26343 !important;
}

.et_pb_contact_form_label {
	display: block !important;
}

/* Hide the placeholders completely */
.et_pb_contact_form input::placeholder,
.et_pb_contact_form textarea::placeholder {
    color: transparent; /* Make placeholder color transparent */
}

.et_pb_contact_form_label {
    display: block !important;
	color: white !important;
}

/* Style for focused inputs to change text color */
.et_pb_contact_form input:focus::placeholder,
.et_pb_contact_form textarea:focus::placeholder {
    color: transparent; /* Keep the placeholder transparent when focused */
}

/* Optionally, style the label */
.et_pb_contact_form_label {
    color: #999999; /* Label color */
    font-size: 14px; /* Adjust label font size as needed */
    margin-bottom: 5px; /* Space between label and input field */
}

.et-pb-contact-message {
	line-height: 1.6em;
	font-size: 18px;
}

.et_contact_bottom_container {
	color: white;
}