/*---------------------------------------------------------------------------------

 Theme Name:   Sondhelm Partners Child
 Theme URI:    https://sondhelmpartners.com
 Description:  A child theme for Sondhelm Partners
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      2.0.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Turn Arrows in Navigation Menu */
.cdg-menu li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.cdg-menu li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
	transform: rotate(360deg);}

/*align right line with heading*/
.cdg-headline-right h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*add and adjust the lines*/
.cdg-headline-right h3:after {
	content: '';
	border-top: 1px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #02171d;
}

/*add spacing between heading and line*/
.cdg-headline-right h3:after {
	margin: 0 0 0 20px;
}

/*align heading center and lines on both sides*/
.cdg-headline-line-both h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}
/*add and adjust the lines*/
.cdg-headline-line-both h3:before,
.cdg-headline-line-both h3:after {
	content: '';
	border-top: 1px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #fff;
}
/*add spacing between heading and lines*/
.cdg-headline-line-both h3:after {
	margin: 0 0 0 20px;
}

/*speech bubble with point on top*/
.cdg-speech-bubble-top {
	position: relative;
	background: #097895;
	border-radius: .4em;
}
.cdg-speech-bubble-top:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #097895;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
} 

/*style the Divi blog link text as a button*/
.et_pb_post a.more-link {
	background: #fff;
	border: 1px solid #097985;
	padding: 2%;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}
/*style the Divi blog link text as a button on hover*/
.et_pb_post a.more-link:hover {
	background: #097985;
	border: 2px solid #097985;
	transition: all 0.3s ease-in-out;
}

/*==== Start Background Grow ====*/
.cdg-background-grow nav ul li a {
   position: relative;
   z-index: 1;
   background: #097895;
   color: #ffffff!important;
	 margin-left: -20px;
	 margin-bottom:-6px;
	 padding: 10px;
   border-style: solid;
   border-color: #097895;
   border-width: 1px;
   border-radius: 0px;
}

/*==== End Background Grow ====*/

/*apply style to the active top level menu item*/

.cdg-active-menu-item .et-menu-nav>ul>li.current-menu-item>a {
	background: #ffffff;
	color: #097985!important;
}

/* WP Form button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #097895 !important; /* background */
    color: #fff !important; /* White text */
    border: medium solid #097895 !important; /* solid border */
}
/* WP Form button hover styles */
.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    background-color: #0dafd7!important; /* background */
    border: medium solid #0dafd7 !important; /* solid border */
}

/*position the blog posts to prepare for moving the meta*/

.cdg-blog-separators article {
	position: relative;
}

/*move the Divi Blog post meta category up over the image*/

.cdg-blog-separators .et_pb_blog_grid .et_pb_post .post-meta a:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 0;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	color: #000025!important;
	background: #ffffff!important;
	padding: 3px 12px;
	margin: 5px;
	border-radius: 2px;
}

.cdg-blog-equal-height .cdg-auto-height {
    height: auto !important;
}

/*equal height*/
.cdg-blog-equal-height .cdg-auto-margin {
    margin-top: 20px !important;
}

/*grid hover*/
.et_pb_post {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.et_pb_post:hover {
  transform: scale(1.02);
}

/*remove default 11px padding on each side of list items*/
.cdg-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 2px 0;
}

/*style the menu items*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 5px!important;
	color: #02171d;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #fff;
}

/*style the menu items on hover*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #097895;
	border-color: #097895;
}

/* ##### Sidebar Category Menu #### */
/*style the active menu item*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #097895;
	border-color: #097895;
}

/*style the arrow icon if there are submenus*/
.cdg-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}

/*style the arrow icon if there are submenus to submenus*/
.cdg-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}

/*make the submenu align directly to the right of the menu item instead of below*/
.cdg-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}

/*align submenu to the right of menu link*/
.cdg-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

/*add an icon to the left of each menu item link*/
.cdg-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #097895;
	font-size: 1.3em;
	transition: all .75s ease;
}

/*style the menu items icon*/
.cdg-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}

/*style the active menu item icon*/
.cdg-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .cdg-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .cdg-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}

/* Tag Menu on Posts */
.divi-post-tags-list {
    list-style-type: none;
    padding: 0;
}

.divi-post-tags-list li {
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #097895;
    padding: 10px 20px;
  	margin: 10px 0 0 10px;
}

.divi-post-tags-list li a {
    color: #097895 !important;
    text-decoration: none;
}

.divi-post-tags-list li:hover {
    background-color: #097895;
}

.divi-post-tags-list li:hover a {
    color: #fff !important;
}

/*Insights Mega Menu*/
/*remove default 11px padding on each side of list items*/
.cdg-insights-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

/*make the menu items fullwidth and add space between them*/
.cdg-insights-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 3px 0;
}

/*style the menu items*/
.cdg-insights-menu .et_pb_menu__menu nav ul li a {
	padding: 4%!important;
	background: transparent;
}

/*style the menu items on hover*/
.cdg-insights-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff!important;
	background: #097895;
	border-color: #097895;
	border-radius: 3px;
}

/*style the active menu item*/
.cdg-insights-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #097895;
	border-color: #097895;
}

/*make the submenu align directly to the right of the menu item instead of below*/
.cdg-insights-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}

/*align submenu to the right of menu link*/
.cdg-insights-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}

/*style the menu items icon*/
.cdg-insights-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}

/*style the active menu item icon*/
.cdg-insights-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .cdg-insights-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .cdg-insights-menu .et_mobile_nav_menu {
		display: none;
	}
}

/*stack icon module*/
.cdg-icon-stack .et_pb_icon {
    display: inline-block;
    margin: 0 5px;
}

/*blog image aspect ratio landscape 16:9*/

.cdg-blog-image-16-9 .entry-featured-image-url {
  padding-top: 56.25%;
  display: block;
}

.cdg-blog-image-16-9 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* Fill Images in Column with using background images */
/* Set the height of the image module, image-wrapper and image to 100% */

.cdg-image-fill,
.cdg-image-fill .et_pb_image_wrap,
.et_pb_image_wrap img {
 height: 100%;
}

/* Set the object-fit property so image fills the column and is cropped*/

.cdg-image-fill img {
 object-fit: cover;
}