/* 
 Theme Name:     Clara
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* ### Dropdown menu ### */
.nav li li a { 
  	border-bottom: 1px solid rgb(0 0 0 / 10%); /* Dropdown border bottom */ 
  	font-weight: 500 !important; /* Dropdown font weight */ 
  	font-size: 14px !important; /* Dropdown font size */ 
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
  	border-bottom: 12px #e8ad9e solid; /* Dropdown arrow color */
}

/* #### Collaping mobile menu #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #ffffff; /* Icon color */
	background: #e8ad9e; /* Icon background color */
}

/* #### Header underline color #### */
.clara-title h1,
.clara-title h2 {
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65%,rgba(251,198,174,1) 50%,rgba(251,198,174,1) 100%);
}

/* #### Blog sidebar colors color #### */
.blog-sidebar-search .wp-block-search__inside-wrapper .wp-block-search__input {
	border: 1px solid #f6e0ce; /* Search box border color */
}

.blog-sidebar .et_pb_widget ul.wp-block-latest-posts li {
	border-bottom: 1px solid #e1b28d; /* Latest post border color */
}

.blog-sidebar .et_pb_widget ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
	color: #000 !important; /* Latest post text color */
}

.latest-blog-posts-sidebar {
	background-color: #f6e0ce; /* Latest post bg color */
}

.blog-sidebar-category {
	background-color: #f6e0ce; /* Category bg color */
}

.blog-sidebar-category li.cat-item {
	background-color: #f1d5be; /* Category item bg color */
    border-bottom: 1px solid #bf7743; /* Category item border color */
}

.blog-sidebar-category li.cat-item a {
	color: #000!important; /* Category text color */
}

/* ### END COLORS ### */

/* ### General ### */
#page-container {
	overflow-x: hidden;
}

/* #### Header and menu V1 #### */
@media screen and (min-width: 981px) {
.clara-header .et_pb_row {
	display: flex;
    align-items: center;
}

.clara-menu.et_pb_menu .et-menu>li {
    padding-left: 20px;
    padding-right: 20px;
}

.clara-menu .et_pb_menu__logo-slot {
	margin-bottom: 30px !important;
}

.clara-menu-v1.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 20px);
}

.clara-menu-v3 ul.sub-menu .menu-item-has-children>a:first-child:after {
	 top: 12px !important;	
}}

/* #### Home page #### */
@media screen and (min-width: 981px) and (max-width: 1450px) {
.hero-image.et_pb_image {
	margin-right: 0px!important;
    margin-left: 0px!important;
}

.title-desc-600.et_pb_text {
	width: 100%;	
}

.hero-column-2 {
	padding: 75px;	
}

.home-middle-column-1 {
	padding: 75px !important;	
}

.home-middle-image.et_pb_image {
	margin-right: 0px!important;
    margin-left: 0px!important;
	padding-left: 35px;
	padding-right: 35px;
}}

/* #### Header and menu V2 #### */ 

@media screen and (min-width: 981px) {
.clara-header-v2-column {
    display: flex;
    align-items: center;
}

.clara-menu-v2 {
    flex: 2 1 auto;
}

.clara-header-v2-column .et_pb_social_media_follow li {
    margin-bottom: 0px !important;
}

.clara-menu-v2.et_pb_menu .et-menu>li {
    padding-left: 18px;
    padding-right: 18px;
}

.clara-menu-v2 ul.sub-menu .menu-item-has-children>a:first-child:after {
	 top: 10px !important;	
}}

/* #### Header and menu V3 #### */ 
@media screen and (min-width: 981px) {
.clara-menu-v3.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
    padding-top: 20px;
}

.clara-menu-v3 .et-menu .menu-item-has-children>a:first-child:after {
    top: 19px;
}

.clara-menu-v1 ul.sub-menu .menu-item-has-children>a:first-child:after {
	 top: 10px !important;	
}}

/* #### Header and menu V4 #### */ 
.clara-header-v4-column .et_pb_social_media_follow li {
    margin-bottom: 0px !important;
}

@media screen and (min-width: 981px) {
.clara-header-v4-top-row {
	display: flex;
    align-items: center;
}

.clara-menu-v4 ul.sub-menu .menu-item-has-children>a:first-child:after {
	 top: 10px !important;	
}}

/* #### Header underline #### */
.clara-title h1,
.clara-title h2 {
    display: inline;
    padding: 0 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.clara-title-center .et_pb_text_inner {
	display: flex;
	justify-content: center;
}

.testimonial-blurb .et_pb_blurb_content {
	display: flex !important;
    justify-content: center;
    justify-items: center;
    justify-self: center;
}

.testimonial-blurb .et_pb_main_blurb_image {
	display: flex !important;	
	width: 80px;
}

.hww-number {
	display: flex;	
	justify-content: center;
    align-items: center;
}

.hww-number h3 {
	padding-bottom: 0px !important;
	margin-bottom: -2px;
	line-height: 1em !important;
} 


/* #### Blog sidebar #### */
.blog-sidebar-about {
	padding-bottom: 25px !important;	
}

.blog-sidebar-search .wp-block-search__inside-wrapper {
	display: flex;
}

.blog-sidebar-search .wp-block-search__inside-wrapper .wp-block-search__input {
	width: 100%;
}

.blog-sidebar .et_pb_widget ul.wp-block-latest-posts li {
    display: flex;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.blog-sidebar .et_pb_widget ul.wp-block-latest-posts li:last-child {
	border-bottom: 0px solid #000;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.blog-sidebar .et_pb_widget ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
	padding-top: 12px;
	padding-left: 15px;
}

.latest-blog-posts-sidebar {
	padding: 20px;
}

.blog-sidebar-category {
	padding: 20px;
}

.blog-sidebar-category li.cat-item {
    padding: 10px 15px;
}

.blog-sidebar-group-image-and-button {
	position: relative;
}

.blog-sidebar-image-and-button {
	position: absolute!important;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
	width: 100%;
    max-width: 100%;
}

.blog-sidebar-image-and-button .wp-block-button {
	transform: translateX(-50%) translateY(-50%);
}

/* #### Post #### */
.carla-post-title .et_pb_title_container {
    padding-top: 25px;
}

.carla-post-image-row {
	padding-top: 15px;
	padding-bottom: 35px;
}

/* #### Dropdown Menu #### */
  
.nav li ul.sub-menu {
	padding: 0px !important;
  	border-radius: 5px;
  	box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
  	-moz-box-shadow: 0 5px 17px 0px rgba(0,0,0,.25);
  	-webkit-box-shadow: 0 5px 17px 0px rgb(0 0 0 / 25%);
}
  
.nav li li {
  	padding: 0 0px !important;
  	width: 100%;
}
  
.et-menu li li a {
  	padding: 10px 20px;
  	width: 100% !important;
}
  
.et-menu > .menu-item-has-children > .sub-menu:before {
	content: '';
  	display: block;
  	position: absolute;
  	left: 35px;
  	top: -20px;
  	width: 0;
  	height: 0;
  	border-top: 8px solid transparent;
  	border-right: 12px solid transparent;
  	border-left: 12px solid transparent;
  	z-index: 1;
}
  
.custom-menu-v1.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 20px;
	padding-top: 20px;
}

.custom-menu-v1 .et-menu .menu-item-has-children>a:first-child:after {
    top: 36%;
}

.nav li li ul {
    top: -3px !important;
}

.custom-menu-v1.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

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;
}

.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;
}

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;
}

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;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}