/*
 Theme Name:     Bee Answer Prayer
 Theme URI:      https://www.buzzprostudio.com
 Description:    Divi Child Theme
 Author:         Buzz Pro Studio (Melissa Donovan)
 Author URI:     https://www.buzzprostudio.com
 Template:       Divi
 Version:        1.0.0
*/
 

/************************************************
*	Custom Code		*
************************************************/

html {
	}

body {
	}

.clear {
	clear: both;
	}

/************************************************
*	Header	*
************************************************/

.logo_container {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	}

#page-container #top-header #et-secondary-menu .et-social-icons { 
	padding-bottom: 0px !important; 
	margin-bottom: 0px !important;
	}


/************************************************
*	Main Menu		*
************************************************/

#et-top-navigation ul li {
	list-style-type: none !important; 
	}

#top-menu li, #top-menu li li {
	list-style-type: none !important; 
	}

/******* DIVI BUILDER HEADER MENU ******/

.et_pb_menu .et_mobile_nav_menu {
    display: flex;
    justify-content: center;
    width: 100%;
}

.et_pb_menu .mobile_menu_bar {
    padding: 0;
    margin: 0 auto;
}

.et-menu-nav ul li li a:hover {
	background-color: #d4e4ed; 
	}

.et-menu-nav ul li a:hover {
	opacity: 1 !important;
	}

/************************************************
*	Footer		*
************************************************/
#footer-bottom {
	display: none;
	}

#main-footer  {
	}

#footer-widgets {
	}

#main-footer .container #footer-widgets {
	padding-top: 25px;
	padding-bottom: 25px !important;
	}


/************************************************
*	Headings		*
************************************************/

h2 {
	line-height: 1 !important; 
	}

/************************************************
*	Index Pages		*
************************************************/
.indexpost {
	border-bottom: 2px solid #e1e1e1;
	padding-bottom: 20px !important;
	margin-bottom: 20px !important;
	}

.indexpost img {
	padding: 10px !important; 
	}

.indexpost h2 {
	}

.indexpost h2 a {
	}

.indexpost h2 a:hover {
	}


/************************************************
*	Comments Single Post		*
************************************************/


/*******************************/
/******* CLEANER COMMENTS DESKTOP ******/
/*******************************/

.comment_avatar img { border-radius: 50%; padding:15px;} /** circle images **/

.comment-reply-link { bottom: -20px !important; top: auto !important;} /**moves button to bottom **/
.comment_area { padding-bottom: 20px; } /**keeps the button off of the text **/

.comment_avatar { max-width:90px; } /** smaller avatar  **/
.comment .children .comment_avatar img { max-width: 70px; } /** make reply avatars smaller **/


/************************************************
*	Lists		*
************************************************/
.post dl, .page dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.post dl dt, .page dl dt {
	font-weight: bold;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

.post dl dd, .page dl dd {
	line-height: 24px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}

.post ol, .page ol {
	margin-left: 15px !important;
	padding-bottom: 10px !important;
	}
	
.post ol li, .page ol li {
	line-height: 24px;
	margin-left: 30px !important;
	padding-bottom: 10px !important;
	text-indent: -20px !important;
	}

ol.commentlist li {
	text-indent: 0px !important;
	}
	
.post ul {
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	}

.post ul ul, .page ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

.page ul {
	list-style-type: disc;
	margin: 0px 0px 12px 30px;
	padding: 0px 0px 0px 0px;
	}

/************************************************
*	Mobile Tablets Code		*
************************************************/

@media (max-width: 980px) {

    .et_pb_menu__menu {
        display: none !important;
    }

    .et_mobile_nav_menu {
        display: block !important;
    }

}

@media only screen and (min-width: 981px) {

    .et_mobile_nav_menu {
        display: none !important;
    }

}

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

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

    .mobile_menu_bar {
        float: none !important;
        display: inline-block;
    }

}

/** DESKTOP  **/
@media only screen and (min-width: 1025px) {
	.custom-blog-1 .et_pb_post {
		min-height: 510px !important;
		max-height: 510px !important;
		}
	}

/** MOBILE  **/
@media only screen and (max-width: 1024px) {
	.custom-blog-1 .et_pb_post {
		min-height: 520px !important;
		max-height: 520px !important;
		}
	}

@media only screen and (min-width: 1024px) {
	.custom-blog .et_pb_post, .custom-blog-1 .et_pb_post {
		overflow: hidden;
		}
	}

.custom-blog .more-link, .custom-blog-1 .more-link  {
	float: right;
	}

/************************************************
*	Yellow Line on H1		*
************************************************/

.values-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.values-title:before,
.values-title:after {
  display: block;
  content: "";
  height: 2px;
  background: #e8b321;
  flex: 1;
  margin: 0 40px;
  max-width: 180px;
}

@media (max-width: 767px) {

  .values-title:before,
  .values-title:after {
    display: none;
  }

  .values-title h1 {
    font-size: clamp(48px, 12vw, 72px);
  }

}

/************************************************
*	Spacing for Small Yellow H5 and Big Blue H1		*
************************************************/
.section-heading h5 {
  margin-bottom: 4px !important;
  padding-bottom: 0 !important;
}

.section-heading h1 {
  margin-top: 0 !important;
}

/************************************************
*	Misc		*
************************************************/

.circled-number { 
	border-radius: 50%; 
	width: 60px; 
	height: 60px; 
	padding: 5px; 
	border: 3px solid #e8b321; 
	color: #ffffff; 
	text-align: center !important; 
	font: 30px Bree Serif, sans-serif; }


.quote-section-position { 
	margin-bottom: -75px !important; 
	}

.gold-box {
  position: relative;
}

.gold-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #d29f11;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

/* top border (default state) */
.gold-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #d29f11;
}

/* hover state */
.gold-box:hover::after {
  opacity: 1;
}