/*
 Theme Name:   Weber Hayes Child Theme
 Description:  Weber Hayes's Wordpress Theme
 Author:       Jacob Aman
 Template:     Divi
 Version:      2.0.5
*/
body {
    opacity: 1;
    transition: 1.2s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
body:not(.et-fb) .et_pb_section_0:not(.et_pb_section_0.et_section_regular) {
  margin-top: 100px !important;
}

.grecaptcha-badge { 
visibility: hidden; 
}

/* Blue underline effect for hyperlinks under #main-content excluding Divi buttons */
#main-content a:not(.et_pb_button):not(.et_pb_promo_button):not(.et_pb_module):not(.el_category_term):not(.et_pb_image > a):not(.scroll-down-container):not(.entry-featured-image-url):not(.woocommerce-page a):not(.more-link):not(span > a):not(.et-fb-root-ancestor > a):not(.et-fb-modal a):not(.et-fb-right-click-menu a):not(.et_pb_video_play):not(.et_pb_portfolio_filters a):not(.et_pb_portfolio_items a):not(.et_pb_portfolio_grid_items a), footer a {
  color: inherit;
  text-decoration: none;
}
.et-menu li {
	display: block;
}
.et-menu li li a {
  padding: 6px 0px !important;
}
#main-content a:not(.et_pb_button):not(.et_pb_promo_button):not(.et_pb_module):not(.el_category_term):not(.et_pb_image > a):not(.scroll-down-container):not(.entry-featured-image-url):not(.woocommerce-page a):not(.more-link):not(span > a):not(.et-fb-root-ancestor > a):not(.et-fb-modal a):not(.et-fb-right-click-menu a):not(.et_pb_video_play):not(.et_pb_portfolio_filters a):not(.et_pb_portfolio_items a):not(.et_pb_portfolio_grid_items a), footer a {
   background: linear-gradient( to right, rgb(38, 118, 194), rgb(38, 118, 194) ), linear-gradient( to right, rgb(9, 54, 104), rgb(9, 54, 104), rgb(9, 54, 104) );
  background-size: 100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
#main-content a:not(.et_pb_button):not(.et_pb_promo_button):not(.et_pb_module):not(.el_category_term):not(.et_pb_image > a):not(.scroll-down-container):not(.entry-featured-image-url):not(.woocommerce-page a):not(.more-link):not(span > a):not(.et-fb-root-ancestor > a):not(.et-fb-modal a):not(.et-fb-right-click-menu a):hover:not(.et_pb_video_play):not(.et_pb_portfolio_filters a):not(.et_pb_portfolio_items a):not(.et_pb_portfolio_grid_items a), footer a:hover {
  background-size: 0 2px, 100% 2px;
  height: 4px; /* Adjust the height to make the line thicker on hover */
}
/* Menu hover effect */
#menu-module .current-menu-item a:not(#menu-module .current-menu-item ul li a):before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#menu-module li ul li a {
	width: fit-content;
}
#menu-module li ul li a:hover {
	text-decoration: none !important;
}
#menu-module li a::before, #menu-module > li > .sub-menu > li.menu-item > a::before {
 	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: 32%;
	background: #fff;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 18px;
}
.pa-fixed-header #menu-module li a:before, .pa-header #menu-module li a:before, .pa-fixed-header #menu-module li ul li a:before, .pa-header #menu-module li ul li a:before {
	background: #2676C2;
}
#menu-module li a:hover, #menu-module li ul li a:hover {
 opacity: 1 !important;
}
#menu-module li a:hover:before, #menu-module li ul li a:hover:before {
 right: 0;
}
#menu-module li li a:before {
 bottom: 10%;
}
#menu-module li.menu-item-365 a:before, #menu-module li.menu-item-524 a:before, #menu-module li.menu-item-2023 a:before {
	content: none !important;
}

.et_pb_portfolio_items, .et_pb_portfolio_grid_items {
  display: inline-block;
  position: relative;
}

.et_pb_portfolio_items a, .et_pb_portfolio_grid_items a {
position: relative;
  text-decoration: none;
  color: inherit; /* Keeps original text color */
  background-image: linear-gradient(#4f709b, #4f709b);;
  background-size: 0% 2px; /* Height of the underline */
  background-repeat: no-repeat;
  background-position: 0 100%; /* Start at the bottom */
   transition: background-size 1s ease; /* Adjust the duration for a slower animation */
}

.et_pb_portfolio_items a:hover, .et_pb_portfolio_grid_items a:hover {
  background-size: 100% 2px; /* Expand the underline on hover */
}
/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 700px) {
 #et_mobile_nav_menu {
 display: block;
 }
}
/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 700px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}
/* Apply flexbox to the container holding the columns */
.et_pb_jv_team_grid_members_0 {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

/* Ensure each column stretches to the same height within a row */
.et_pb_jv_team_members_column {
    display: flex;
    flex-direction: column;
	
}

/* Make sure the content within each column stretches */
.jv_team_member_equalheight {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensures each .jv_team_member_equalheight is the same height */
	align-items: center;
	justify-content: center;
}

/* Make sure image and description occupy space appropriately */
.et_pb_jv_team_description {
    flex-grow: 1; /* Make the description take up the remaining space */
}

.et_pb_scroll_top:before {
content: "6";
}

.et_pb_scroll_top.et-pb-icon {
	border-radius: 50%;
	background: rgba(45,111,184,0.4);
	font-size: 44px;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
	line-height: 32px !important;
	list-style-position: outside;
}

#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol {
	line-height: 32px !important;
	list-style-position: outside;
}

img.alignright {
	margin-top:15px;
	margin-bottom:15px;
}

img.alignleft {
	margin-top:15px;
	margin-bottom:15px;
}

@media only screen and (max-width: 700px) {
    img.alignright {
        width: 50%;
    }
}


@media only screen and (max-width: 700px) {
    img.alignleft {
        width: 50%;
    }
}