/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/



/*START INITIALIZATION ITEMS*/

/*Load subsetted Lato Font from Google.  Regular: 300, 400, 700, and 900 Italic: 400 and 700*/
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&display=swap" rel="stylesheet">

		/* Set Lato base fonts for all elements in the body, with system fonts as fallback */

body {
  font-family: "Lato", Trebuchet, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
  font-size:16px;
 font-display: swap;
}

/*Force full width*/
.layout-full-width #Wrapper {
    width: 102vw;
    margin:0; 
}

/*Apply smooth scrolling effect so jump links are less jarring*/
html {
  scroll-behavior: smooth;
}

/* 
 * WRAPPER MARGIN/PADDING BETHEME OVERIDES
1.1 - Make full width sections work 
*/
#Content .section_wrapper, #Content .container {
	max-width: initial;
}

.the_content_wrapper {
	margin: 0 !important;
}




/*  1.2 - Still include padding for smaller screen widths. DELETE?? */
@media only screen and (max-width: 1240px) {
	body.et-db .et_pb_row {
		padding-right: 20px;
	  padding-left: 20px;
	}
}

@media only screen and (max-width: 767px) {
  body.et-db .section_wrapper {
    max-width: initial !important;
    padding: 0!important;
 }
	
	body.et-db.single .section_wrapper {
    max-width: initial;
		padding: 0 20px!important; 
	}
}

	/*Make SUP text not create awkward line spacing, namely for rows with stats and citation #s*/
	sup {
    line-height: 0;
}

/* Declare wordpress specific defaults */

/*DALE: Fix WordPress has-very-light-gray-background-color not assigning color like it's supposed to*/
.has-very-light-gray-background-color {
	background-color:#EEEEEE;
}


/*Dale 23 Jun 2023 - Fix missing styles on buttons from WordPress */
.wp-block-button a {
    padding: 4% 1% 4% 1%;
    color: white;
    margin: auto;
     font-family: "Lato", Trebuchet, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    
}

.has-text-align-center {text-align:center;} 


/*END INITIALIZATION ITEMS*/

/*START DIVI SPECIFIC STYLING (including css utility classes that are only used on Divi pages*/

/* 
May not need the below if added to Divi rows manually, but it ensures
that each section has at least some left/right padding 
*/
.et-db .content_wrapper .the_content_wrapper #et-boc .et_pb_section {
	padding-left: 15px;
	padding-right: 15px;
}


	/* DALE NOV 2022: Hide prev/next arrows on Divi automatic gallery sliders (Arrows weren't positioned properly) */
.et_pb_gallery.et_slider_auto .et-pb-slider-arrows { 
    display: none !important; 
}


/*add icon to the opened accordion*/
.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block!important;
    content: "\33"!important;
    font-size: 1.1em!important;
	color:black!important;
	    left: 98.1%!important;
}


/* Divi - Vertically center content when "Equalize Column Heights" selected */

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/* Reverse image direction for Zig-Zags on mobile/tablet: Add the class "reverse" to a row with an image on the right to enable*/
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*place button modules/image modules next to each other in the same column  — Add this class to the COLUMN that houses the two buttons*/
@media screen and (min-width: 442px) {
.ds-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
text-align:center;
  }
	
	.ds-inline-images .et_pb_module  {
    display: inline-block;
text-align:center;
  }
}

@media screen and (max-width: 441px) {
.ds-inline-buttons .et_pb_button_module_wrapper {
    display: block;
	text-align:center;
  }
	
	.ds-inline-images .et_pb_module  {
    display: block;
	text-align:center;
  }
}


/*Dale May 2023 - Hide image file name in Divi Gallery module's lightbox */
	 .mfp-title { display: none!important; }



	/*Dale May 2023 - fixes viewport jumping issue on new rollovers */
.et_pb_column {
  overflow-anchor: none!important;
}
	
	/* Add spacing between list items on Divi pages */
	#et-boc .et-l ol li, #et-boc .et-l ul li {
padding-bottom: 0.8em;
}


		/*DALE: hides the default black dot in unordered lists and adds an ETMODULES icon where the text module has the class pa-bullet-list-2*/


.pa-bullet-list-2 ul li{
     list-style-type: none!important;
  list-style:none!important;
}

.pa-bullet-list-2 ul li:before {
  
  position:relative;
  top:10px;
content: '\4e'!important;
color: #2cba6c;
  background:#ffffff;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -36px;  
font-size: 1.5em!important;
}



/* DIVI LINKS */

.et-db #et-boc .et-l .et_pb_module a:not(.et_pb_button) {
	position: relative;
	color: inherit;
}

/*DALE: New Divi link styles 18 sept 2022*/
.et-db #et-boc .et-l .et_pb_module.et_pb_text a,
.et-db #et-boc .et-l .et_pb_module.et_pb_accordion a {
    color: #147bd1;
	text-decoration: underline;
	text-underline-offset: 5px;
}
	/* Links change color when hovered on, with transition*/
.et-db #et-boc .et-l .et_pb_module.et_pb_text a:hover,
.et-db #et-boc .et-l .et_pb_module.et_pb_accordion a:hover {
	color: #1166ad;
	transition: color 0.5s ease-out;

}

/* DIVI ACCORDION PARAGRAPH SIZE OVERRIDE */

.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_6.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_0.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_5.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_7.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_4.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_1.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_2.et_pb_toggle .et_pb_toggle_content p, 
.et-db #et-boc .et-l .et_pb_accordion_item_3.et_pb_toggle .et_pb_toggle_content p {
	font-size: inherit !important;
}

/*END DIVI SPECIFIC STYLING*/

/*START CSS Utility Classes*/


.sticky {
	position: sticky!important;
	top: 50vh;
	align-self: flex-start;
}


.tab-image-col {
	min-height: 200px;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.col1of1 {
	width: 100%; 
}
.col1of2 {
	width: 46.26486%;
}
.col1of2:last-of-type {
	margin-right: 0!important;
}
	
@media only screen and (max-width: 767px) {
	.col1of2 {
		width: 100%;
		margin-right: 0;
	}
}

 
/*DALE: Class to crop images to uniform size; 230px high*/
.ds-image-230pxH .et_pb_image_wrap {
padding-top: 40.25%!important;
display: block!important;
}
.ds-image-230pxH .et_pb_image_wrap img {
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
object-fit: cover!important;
}



	/*Add the class ds-testimonial-image-top to the Divi testimonial module to move the image to the top (e.g. for customer quotes)*/
		/*move the image position to the top*/
		.ds-testimonial-image-top .et_pb_testimonial_portrait {
			float: none!important;
			display: block!important;
				margin: 0 auto 20px!important;
		}
		/*remove the margin to the left of the text*/
		.ds-testimonial-image-top .et_pb_testimonial_description {
			margin-left: 0px !important;
		}

		@media only screen and (max-width: 767px) {

/* HIDE ITEMS IN MOBILE - ADD mobilehide CLASS*/
 .mobilehide{ display: none !important; }
}

@media only screen and (max-width: 900px) {
/* HIDE ITEMS IN MOBILE - ADD tablethide CLASS*/
 .tablethide{ display: none !important; }
}


/*DALE: Make Divi Blurb Icons Full Size*/
.large-icons .et_pb_main_blurb_image .et_pb_image_wrap {
    max-width: 100% !important;
    width: 100px!important;
}

/*Vertically center when "Equalize Column Heights" selected*/
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
	
	/*DALE: Make element bigger & slighty gray/faded on hover*/
	.hover-fade {
			transform: inherit;
			filter: inherit;
		transition: 0.3s ease-in-out!important;
	}

	.hover-fade:hover {
			transform: scale(1.07,1.07);
			filter: contrast(30%);
	}

	/*DALE: Add rounded corners + padding  for blog "bubble" highlights -- padding required for blog blurbs, don't remove.*/
	.round-corners{ border-radius: 10px; padding:4% 8% 4% 8%;}

figure.round-corners {
    border-radius: 10px;
    padding: inherit;
    overflow: hidden;
}

/* Allow images to have round corners without applying the padding needed for blog blurbs. Can be used outside of blog too. */
img.round-corners {
    border-radius: 10px;
    padding: inherit;
    overflow: hidden;
}

	/* Class to add drop shadow to element (namely images) */
	.drop-shadow{filter: drop-shadow(0.4rem 0.4rem 0.45rem rgba(0, 0, 30, 0.5));}

	/* Class to add outline to element (namely images) */
	.outline {
	border-style: solid;
	border-width: 2px;
		border-color: black;
	}

/*END CSS Utility Classes*/


/*DALE: Hide Page Nav for PPC landing pages. */


/*Checkout Page for 10-99 Licenses (/checkout/) Oct 2022*/
.page-id-35964 #Top_bar { display: none !important; } 
.page-id-35964 #Footer { display: none !important; }

/*remote-employee-monitoring-software Feb 2022*/	
.page-id-33912 #Top_bar { display: none !important; } 
.page-id-33912 #Footer { display: none !important; }

/*AP Var 1 Jan 2022*/
.page-id-32356 #Top_bar { display: none !important; } 
.page-id-32356 #Footer { display: none !important; }

	/*AP Var 2 Jan 2022*/
.page-id-33561 #Top_bar { display: none !important; } 
.page-id-33561 #Footer { display: none !important; } 

	/*BR Var 1 Jan 2022*/
.page-id-33523 #Top_bar { display: none !important; } 
.page-id-33523 #Footer { display: none !important; } 

	/*BR Var 2 Jan 2022*/
.page-id-33564 #Top_bar { display: none !important; } 
.page-id-33564 #Footer { display: none !important; } 

	/*BC Var 1 Jan 2022*/
.page-id-33520 #Top_bar { display: none !important; } 
.page-id-33520 #Footer { display: none !important; } 

	/*BC Var 2 Jan 2022*/
.page-id-33562 #Top_bar { display: none !important; } 
.page-id-33562 #Footer { display: none !important; } 




/*START BLOG POST STYLES*/


/*BLOG fix mismatched spacing of featured image vs text wrapper*/
.section-post-header .mcb-column-inner  {
	margin-left:inherit;
}

/* BLOG make kadence tabbed content wider */
@media (min-width: 1025px) {
  .wp-block-kadence-tabs {
    position: relative;
    left: -11.5vw;
    width: calc(100% + 20vw);
  }
}


/*New styles*/
.wp-block-image {margin-bottom:5%;}

	.post-wrapper-content .blog li { /* Targets both ol and ul within .blog */
  padding-bottom: 10px;
  padding-left: 20px;
}

	.post-wrapper-content .blog li {

		line-height: 150%;
	}

	.post-wrapper-content .column_column ul li, .column_column ol li, .column_visual ul li, .column_visual ol li, .mfn-acc ul li, .mfn-acc ol li, .ui-tabs-panel ul li, .ui-tabs-panel ol li, .the_content_wrapper ul li, .the_content_wrapper ol li {
		margin-bottom: 10px;
			line-height: 1.9;
	}


	@media only screen and (max-width: 479px) 
	{
	  .post-template-default .post-wrapper-content p {
		letter-spacing: normal;
		margin: 16px 0 40px 0; 
	  }
	  
	  .post-wrapper-content .blog ol {
		padding-bottom: 15px;
		padding-left: 20px;
	}

	.post-wrapper-content .blog ul {
		padding-bottom: 15px;
		padding-left: 20px;
	}

	.post-wrapper-content .column_column ul li, .column_column ol li, .column_visual ul li, .column_visual ol li, .mfn-acc ul li, .mfn-acc ol li, .ui-tabs-panel ul li, .ui-tabs-panel ol li, .the_content_wrapper ul li, .the_content_wrapper ol li {
		margin-bottom: 10px;
	}}





/*DALE: Blog figure caption styling */
.post-wrapper-content figcaption {font-style:italic; text-align:center;}

/** BLOG Blockquote styling**/
	.post-wrapper-content  blockquote {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ccc;
    background-image: none;
    padding: 2% 5% 2% 5%!important;
    margin: auto auto 10% auto;
}


/*Blog Posts: reduce width and center Individual posts */
.single-post .sections_group {
		width:60ch; /*Set blog width to 60 characters, optimal reading width*/
		margin:auto;
}



/*DALE DEC 2022: Remove padding from between menu and content*/
#Content{padding-top:0px!important;}
	/*add padding back to blog H1 area*/
.title_wrapper {padding-top:30px;}

/* Adjust misc styles in the "recommended posts" area of /blog/ posts */
.section-related-adjustment.simple {
	padding: 5% 0% 10% 0%;
}


/*Blog Post List add padding-bottom*/
.post-wrapper-content li:last-child {
    padding-bottom: 24px;
}


/* BLOG - IMAGE - Remove Image hover ?? */
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; }
.image_frame .image_wrapper img:not(.ls-l) { top: 0 !important; }
.image_frame .image_wrapper .image_links { display: none !important; }

/* BLOG - Remove Read More */
.post-footer 
.post-links {
	display:none !important;
}

.post-excerpt {
	display:none !important;
}


  
.post-wrapper-content {
  font-family: "Lato", Trebuchet, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* Specify Lato as primary font, fallback to system fonts */
}




/* Blog Headings using golden ratio for font sizes */

/*Changing H1 25 apr 2024
.post-wrapper-content h1 {
  font-size: calc(2em * 1.618) !important; 
  font-weight: 900 !important; 
}
*/

/*Make blog post titles large, bold, and less likely to have widows*/
#Content .post-header h1 {
  font-size: 50px;
  line-height: 120%;
  text-align: center;
  max-width: 20ch;
  margin: auto;
}



.post-wrapper-content h2 {
  font-size: calc(1em * (1.618^2)) !important; /* h2 size based on h1 size */
    font-weight: 700 !important; 
}

.post-wrapper-content h3 {
  font-size: calc(1em * (1.618^3)) !important; /* h3 size based on h2 size */
    font-weight: 700 !important; 
}

/* h4, h5, and h6*/
.post-wrapper-content h4,
  .post-wrapper-content h5,
  .post-wrapper-content h6
  {
  font-size: calc(1em * (1.618^4)) !important;
    font-weight: 700 !important; 
     font-style:italic;
}


/* Paragraph font;  li to match */
.post-wrapper-content p {
  font-size: 1.1rem; 
}

.post-wrapper-content li {font-size: 1.1rem;}

/* Media Queries for Mobile Adjustments */

@media only screen and (max-width: 768px) { 
  /* Increase font sizes for mobile devices (max-width 768px, adjust breakpoint as needed) */
.post-wrapper-content li {font-size: calc(1.25em * 1.15);}

  .post-wrapper-content h2 {
    font-size: calc(1.5em * 1.2); /* Increase mobile size by 20% */
    line-height:150%;
text-align:center;
max-width:20ch;
margin: 5% auto;
  }

  .post-wrapper-content h3 {
    font-size: calc(1.25em * 1.15); /* Increase mobile size by 15% */
line-height:150%;
  }

  /* h4, h5, and h6 */
  .post-wrapper-content h4,
  .post-wrapper-content h5,
  .post-wrapper-content h6 {
    font-size: calc(1em * 1.1); /* Increase mobile size by 10% */
line-height:150%;
  }

  .post-wrapper-content p {
    font-size: calc(1.1em * 1.05); /* Increase mobile size by 5% */
line-height:150%;
  }
}

/*END BLOG POST STYLES*/

/* START HEADER CSS (ADDITIONAL MEGA MENU CSS UNDER MM CUSTOM STYLING @ /wp-admin/admin.php?page=maxmegamenu_theme_editor&theme=custom_theme_5 */



	
	/*Dale: Allow links to be bold if the sentence they're in is bold. Without making mega menu inherit non-bold styles*/
a:not(.mega-menu-link){font-weight:inherit!important}

.header-fixed #Top_bar { opacity: 1.0 !important; }

/*Give header nav logo explicit width and height (CLS Fix)*/
#Top_bar #logo {
    height: 45px;
  width:200px;
}

img.logo-mobile.scale-with-grid.svg
{
   height: 45px;
  width:200px; 
}


.mega-menu-header
{
font-weight:500;	
}

/*COMMENTED OUT 24 APR 2024; INTERFERING WITH PHONE # FONT WEIGHT - DS
#mega-menu-main-menu {
      font-weight: 500;
}*/




#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link 
{font-weight:400 !important;}

	/* Mega Menu titles  (e.g. "AccessPatrol")*/
	.mega-menu-title{font-weight:500 !important;}

		/*Dale March 2023: Hide search from top menu (briefly flashes in on slow page load*/
	#Top_bar a#search_button { display: none; }

/*top bar width - increased to fit menu with font 14 */
// #Top_bar .container { width: 1200px }

/*Sub menu width - increased to fit more words in one line*/
#Top_bar .menu li ul li { width: 275px ; }

#Top_bar .top_bar_left {
	float: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
	
/* Remove 20px left padding from Logo */
#Top_bar .logo {
	margin: 0 30px 0 10px;
}
#Top_bar #logo {
	line-height: 1.8em ;
}

/*Disable Betheme Mobile Menu and use Max's mobile menu*/
#Top_bar a.responsive-menu-toggle { 
	display: none ; 
}

#Top_bar .menu_wrapper {
	width: 100%;
}


#Top_bar.is-sticky{
  background: white ;
	opacity: 1 ;
}


/* Reduce padding between top menu items */
#Top_bar .menu > li > a span:not(.description) {
    padding: 0 17px;
}
	



#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-phoneBtn a.mega-menu-link {
	color: #757575;
}



/*Customize phone number in menu? May not all be needed*/
.mega-salesBtn {
	font-weight:400 !important;
}
.mega-phoneBtn {
	position: relative;
	color: #686868;
	font-weight:400 !important;
	border-right: 1px solid #ddd; /* Adjust these values as needed */
}

/* adjust this if you want to add an icon to the phone # (i think)
.mega-phoneBtn::after {
	content: '';
	display: inline-block ;
	position: absolute;
	right: -5px;
	top: 50%;
	height: 1.8em;
	width: 1px;
	background: rgba(0,0,0,0.8);
	transform: translateY(-50%);
}
*/

.mega-menu-description {
	font-style:normal!important;
}
/*Free Trial Button on top menu bar*/
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-downloadbtn a.mega-menu-link {
	background: #4CAF50 !important;
	color: #fff !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
	line-height: 1.2em !important;
	height: auto !important;
	transition: background 0.2s ease !important; 
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-downloadbtn a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-downloadbtn a.mega-menu-link:focus {
	background-color: #06599E;
	color: #fff;
}

.is-sticky #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-downloadbtn a.mega-menu-link {
	line-height: 1.2em;
	height: auto;
}

/* DALE NOV 2022: Prevent flashing of featured image in header nav */
#Header_wrapper{background:none!important}

/* give header white background when sticky */
.sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
    background: rgba(255,255,255,1) !important;
}


/* DALE NOV 2022: Adjust menu position and center it*/
body:not(.template-slider) #Header_wrapper {margin-left: -2%; display: flex; justify-content: center;}
body:not(.template-slider) #Header_wrapper .is-sticky {padding: 0.5% 0% 0.5% 0%; display: flex; justify-content: center!important;}


/* END HEADER CSS */


/* START BETHEME COOKIE BAR STYLING */
	/* Change default Accept All button styles beyond what's offered in the theme settings; more settings in BeTheme > Theme Options > GDPR & Cookies > Design */
#mfn-gdpr .mfn-gdpr-button {
    border-width: 1px;
    font-weight: 500;
	    font-size: 18px;
	    border-color: #a5a5a5 !important;

}

	/*Reduce space between disclaimer and "Learn More" when bar data is horizontal */
#mfn-gdpr[data-direction="horizontal"] .mfn-gdpr-content {
    margin-right: 2vw!important;
	
}
	/*styles for entire bar; large right padding to make room for chat bot*/
#mfn-gdpr{
background-color:rgba(238, 242, 245, 0.95)!important;
	padding-right: 10vw!important;
	}

/* END BETHEME COOKIE BAR STYLING */

/*START FOOTER CSS*/
#Footer {padding-top: 3%;}

#Footer.full-width .container { margin: 0 10%;}

.social {
    width: 20%;
}

.ds-social {
       font-size: 1em;
    margin: 40% 5%;
    width: 20px;
}


#Footer .widgets_wrapper { padding: 40px 0 20px; }
#Subheader .title {
    font-size: 30px;
    line-height: 35px;
    font-style: normal;
}


/* NOTE: CSS that hides footer on mobile can be found in NitroPack's Custom CSS setting as of 01 Apr 2024 - Dale */

	/* adjust line height of tagline in footer*/
	#Footer .footer_action .mcb-column-inner {line-height: 1.5em!important;}	

#Footer .footer_action p {
 line-height: 1.4em;
}

#Footer .footer_action .image_frame .image_wrapper .mask::after {
	background: transparent;
}

#Footer .footer_action .cta-btn {
	font-size: 18px;
	background: #4CAF50;
}

#Footer .footer_action .cta-btn:hover, #Footer .footer_action .cta-btn:focus {
	background: #06599E;
}

#Footer .widgets_wrapper {
  padding: 30px 0;
    line-height: 1.2em;
}

#Footer .widgets_wrapper .widget {
	margin: 0px;
}

#Footer .widgets_wrapper .textwidget h3 { 
	position: relative;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 2em;
}
#Footer .widgets_wrapper .textwidget h3:after {
  content: '';
  position: absolute;
  background: red;
  height: 3px;
  width: 30px;
  bottom: -12px;
  left: 0;
}

#Footer .widgets_wrapper .textwidget ul li {
  margin-bottom: 0.7em;
  font-size: 15px;
}

#Footer .border-top {
  margin-top: 0.8em;
  padding-top: 0.8em;
  border-top: 1px solid rgba(255,255,255,0.3);
}

#Footer .footer_copy .copyright {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  font-size: 12px;
  line-height: 1.6em;
  text-align: center;
}

#Footer .footer_copy .copyright .subnav {
  display: block;
}

#Footer .footer_copy .copyright .subnav a:not(:first-of-type):before { 
  content: '';
  border-left: 1px solid white;
  padding-left: 0.8em;
  margin-left: 0.5em;
}

#Footer .footer_copy .copyright .social {
	margin: 10px 0px 0px;
}

#Footer .footer_copy .copyright .social .icon_bar {
	border-radius: 50%;
}

#Footer .footer_copy .one {
  margin: 15px 0;
	padding: 0px;
  min-height: initial;
}

@media only screen and (min-width: 1200px) {
	#Footer {
		display: flex;
		flex-wrap: wrap;
	  padding: 0 5%;
		justify-content: center;
	}

	#Footer .footer_action {
		background: none!important;
		width: 25%;
		max-width: 280px;
	}
	
	#Footer .footer_action .one {
		width: auto;
		margin: 0;
		text-align: left;
		font-size: 14px;
		line-height: 1.4em;
		padding: 40px 20px 0px 0px;
	}
	
	#Footer .footer_action .cta-btn {
		font-size: 15px;
		margin-top: 2em;
		transform: none;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	
	#Footer.full-width .container {
		margin: 0 10%;
		margin: 0;
	}

	
	#Footer .widgets_wrapper {
  	padding: 40px 0;
  	width: 75%;
		max-width: 1040px
	}

	#Footer .footer_copy {
	 	width: 100%;
		max-width: 1320px;
	}

	#Footer .footer_copy .copyright {
	   flex-direction: row;
	   justify-content: space-between;
	   font-size: 14px;
	   text-align: left;
  }

  #Footer .footer_copy .copyright .subnav {
	  display: inline-block;
    margin-left: 1em;
  }

  #Footer .footer_copy .copyright .social {
	   margin: 0;
  }

}


/*END footer CSS*/








.section-post-related .section-related-adjustment
{
border-top-width: 0px;
}

/*Increase spacing between clickable items in footer to improve mobile usability*/
@media only screen and (max-width: 767px) {
	#Footer li {
		line-height: 2em;
	}

		#Footer .footer_copy .copyright  {
			font-size: 15px!important;
			line-height: 200%!important;
	}

			/*Fix footer subnav fonts for mobile usability*/
		#Footer .footer_copy .copyright .subnav {
	margin-top:10%;
	}

}
	
	

		/*Increase spacing between clickable items in footer to improve mobile usability*/
@media only screen and (max-width: 767px) {
#Footer li {
    line-height: 2em;
}

	
}

/*28 Nov 2023 - Fix mysterious X overflow issue that popped up on mobile*/
#Wrapper {overflow-x: hidden;}

/*DALE NOV 2022: Override betheme full width so it actually goes full width; may be another method but the source of right-side white space could not be identified */
.layout-full-width #Wrapper {
max-width: 102%!important;
width: 102%!important;
margin: 0!important;
}


@media only screen and (max-width: 767px) {
	.sections_group {
	min-width: 102% !important;
	}
}



/*GRAVITY FORM STYLES*/

.et-db #et-boc .et-l .et_pb_module input[type="email"], 
.et-db #et-boc .et-l .et_pb_module input[type="password"], 
.et-db #et-boc .et-l .et_pb_module input[type="tel"], 
.et-db #et-boc .et-l .et_pb_module input[type="text"],
.et-db #et-boc .et-l .et_pb_module input[type="number"],
.et-db #et-boc .et-l .et_pb_module input[type="tel"],
.et-db #et-boc .et-l .et_pb_module input select {
	padding: 15px 10px!important;
  width: 100%;
	border: 1px solid #bbb;
	color: #4e4e4e;
	height: auto;
	border-radius: 8px;
	font-size: 0.8em!important;
font-family: "Lato", Trebuchet, -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
}

.et-db #et-boc .et-l .gfield_checkbox > div {
	margin-bottom: 0.25em;
}



.gfield_consent_description
{
	overflow:auto!important;
}

	/*  DALE NOV 2022: Gravity Form Consent Message Size*/
.gfield_consent_description {font-size: 0.8em!important;}

	/*Make Gravity Form Buttons Bigger*/
	.gform_button {
	padding-top: 4%!important;
		padding-bottom: 4%!important;
		
	}

/* remove bottom margin from gravity form labels? */
.gform_wrapper.gravity-theme .gfield_label {
	margin-bottom: 0px !important; 
}

	/*DALE: Add border to Gravity form message box (Must put specific input IDs from each form after class ++ add it the custom css class to the GForm field) */
	.add-border #input_7_37, #input_11_37, #input_27_41
	{border: 1px solid #bbb!important;
		padding: 15px 10px!important;
  width: 100%;
	border: 1px solid #bbb;
	color: #4e4e4e;
	
	border-radius: 8px!important;
	
	}

/*DALE: Gravity Forms - Add space between first/last name fields on same row*/
.name_first {margin-right:2%!important;}

/*DALE: Style error message of Gravity Form */
body .gform_submission_error, .validation_message {    color: #c02b0a!important;}
	/*Hide overlapping (X) Icon from validation message*/
body .gform-icon {display: none!important;}

/*Gravity form remove hidden fields paddings*/
body .gform_wrapper div.gform_hidden {
	display: none!important;
}

/* Gravity Form - hide max and min description for number of users */
.gform_wrapper div.ginput_container_number div.instruction {
   display: none;
}

/*MISC STYLES*/
/*DALE: Adjust style of password protected page */
.post-password-form {padding:5%!important;}
input[type='password'] {
  background:aliceblue!important;
}