@import url('https://fonts.googleapis.com/css2?family=Freehand&display=swap');

/* Global Styling */

*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* Brand Enhancements */

.freehand-font {
  font-family: "Freehand", cursive!important;
  font-weight: 500;
  font-size: 105%;
  margin-left: 4px;
}

.et_pb_section .et_pb_button:after {
  transform: scale(2);
  right: 30px;
}

/* Blog category menu buttons*/

.et_pb_menu_0_tb_body.et_pb_menu .et-menu-nav li a {
  position: relative;
  display: inline-flex;
  padding-right: 50px !important;
}

.ctct-submit:after {
  content: '\e046';
  font-family: 'ETmodules', sans-serif;
  position: absolute;
  right: 30px;
}

.et_pb_menu_0_tb_body.et_pb_menu .et-menu-nav li a:hover {
  opacity: 100%;
  background: #15315a;
  color: #ffffff!important;
}

.et_pb_menu_0_tb_body.et_pb_menu .et-menu-nav li a::after {
  content: '\e046';
  font-family: 'ETmodules', sans-serif;
  position: absolute;
  right: 30px;
  z-index: 9;
  font-size: 24px;
}

/* DIVI BLOG: TRANSFORM READ MORE INTO BUTTON 
*/

.et_pb_post a.more-link {
  display: inline-flex;
  align-items: center;
  position: relative;
		width:100%;
		max-width:320px;
  padding: 10px 60px 10px 24px;

  background-color: #5c8ab4;
  color: #ffffff !important;
  /* Ensures text is visible */
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: none;
  margin-top: 20px;
  transition: all 0.3s ease;
}

/* Hover State for Button */

.et_pb_post a.more-link:hover {
  background-color: #15315a;
  text-decoration: none;

}

/* The Icon (ETmodules Font) */

.et_pb_post a.more-link::after {
  content: '\e046';
  font-family: 'ETmodules' !important;
  position: absolute;
  right: 15px;
  font-size: 30px;
  color: #15315a;
  transition: all 0.3s ease;
}

/* Hover State for Icon */

.et_pb_post a.more-link:hover::after {
  color: #ffffff !important;
  /*     right: 10px;  */
}

/* Featured blog post - top */

@media (min-width: 981px) {
  /* 1. Define the Grid Layout on the Article */

  .featured-blog .et_pb_post {
    display: grid;
    grid-template-columns: 45% 1fr;
    grid-template-areas: "image title"
            "image content";
    column-gap: 30px;
    align-items: start;
  }

		.featured-blog .et_pb_post a{
		height:100%;
}
				.featured-blog .et_pb_post img{
	object-fit:contain;
						border-radius: 12px;

}

  .featured-blog .entry-featured-image-url {
    grid-area: image;
    margin-bottom: 0 !important;
  }
  /* 3. Assign the Title to the top-right */

  .featured-blog .entry-title {
    grid-area: title;

    margin-bottom: 15px !important;
    padding-bottom: 0;
  }
.featured-blog .entry-title a {
 font-size: 24px!important;
		line-height: 1.3
		}

  .featured-blog .post-content {
    grid-area: content;
    align-self: start;

  }


}

/* Constant Contact sign up form */

.ctct-form-field {
  display: inline-block;
}

input[type=email] {
  min-width: 400px;
  margin-right: 30px;
  padding: 13px 30px;
  border-radius: 15px;
}

.ctct-form-wrapper .ctct-submit {
  border: none;
  padding: 13px 30px;
  border-radius: 15px;
  background: #5c8ab4;
  font-weight: 700;
  transition: all 0.3s ease;
}

.ctct-form-wrapper .ctct-submit:hover {
  background-color: #15315A!important;
}

/* Testimonials */
.po-testimonial .et_pb_testimonial_description {
		margin-left:0!important;
}

/* 1. Stack the image and text vertically, then center them */
.po-testimonial {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* 2. Reset the left margin on the text container so it centers perfectly */
.po-testimonial .et_pb_testimonial_description {
  margin-left: 0 !important;
}

/* 3. Center the image wrapper and remove its default right margin */
.po-testimonial .et_pb_testimonial_portrait {
  margin-right: 0 !important;
  margin-bottom: 20px !important; /* Adds space below the image */
}