/* ==================================================
   Theme Information
   ================================================== */
/*
Theme Name: TheraCare
Description: A child theme for Enfold.
Version: 1.0
Author: Armour Creative
Author URI: https://armourcreative.com
Template: enfold
*/

/* ==================================================
   Global Typography
   ================================================== */
body {
  font-size: 18px;
  line-height: 1em;
  font-weight: 300;
}

/* Headings in #top Section */
#top h1 {
  font-size: 38px;
  line-height: 1.2em;
  font-weight: 500;
  text-transform: none;
}

#top h2 {
  font-size: 36px;
  line-height: 1.2em;
  font-weight: 500;
  text-transform: none;
}

#top h3 {
  /* padding-bottom: 12px; */
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 400;
  color: #3551a3;	
}

#top h4 {
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #0086d4;
  letter-spacing: 1px;
}

#top h5 {
  color: #5aab46;
  font-size: 25px;
  font-weight: normal;
}

/* ==================================================
   Header & Top Section Styles
   ================================================== */

.av-burger-overlay {
	z-index: 1;
}


/* Inner container for header */
.inner-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  position: relative;
}

/* Logo and Tagline */
.logo {
  flex-shrink: 0;
  width: 100%;
  top: 0;
  position: absolute;
  padding: 30px 0;
}
.logo::after {
  content: "Where Every Moment Matters";
  font-size: 30px;
  color: #0086d4;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  line-height: 60px;
  text-align: right;
}
.tagline {
  font-size: 18px; /* Adjust as needed */
  color: #333; /* Adjust color */
  font-weight: bold;
  white-space: nowrap; /* Prevents wrapping */
}

/* ==================================================
   Navigation Styles
   ================================================== */
.avia-menu-text {
  color: #3551a3;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 20px;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
	max-width: fit-content;
    margin: 0 auto;
	float: none;
}
.menu-item-top-level .avia-menu-text:hover {
  color: #5bab46;
}

.av-main-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

/* Alternate header background */
.av_minimal_header #header_main_alternate {
	background: #f0f9fb;
	padding: 8px 0;
}

/* Menu link styling */
#top .av-main-nav ul a {
  width: 100%;
  height: auto;
  float: left;
  text-align: left;
  line-height: 23px;
  padding: 14px 15px;
  font-size: 18px;
  min-height: 28px;
  max-width: none;
  text-decoration: none;
  font-family: inherit;
}

/* Header adjustments */
#header_meta { }
#header_meta .container {
  padding: 0;
			max-width: 100%;
		display: flex;
}

/* Phone info styling in header */
#top .phone-info {
  padding-right: 100px;
}
@media screen and (max-width: 768px) {
  #top .phone-info {
    padding-right: 50px;
  }
}
#top .phone-info a {
  background: #43bde6;
  color: #fff;
  padding: 30px 30px 15px;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0 0 20px 20px;
  letter-spacing: 1px;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease;
  top: -10px;
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
#top .phone-info a:hover {
  background: #5aab46;
  transform: translateY(10px);
}

/* Logo container padding */
#top #header #header_main .container.av-logo-container .inner-container {
  padding: 0;
}

/* ==================================================
   Button Styles
   ================================================== */
#top .avia-button {
  border-radius: 100px;
  border-width: 3px;
  padding: 10px 26px;
}
.arrow-button [data-av_icon]:before {
  padding-left: 28px;
}
#top .avia-button.avia-color-dark {
  color: #5aab46;
  border-color: #5aab46;
  background: none;
}

/* ==================================================
   Flex Column & Background Image Styles
   ================================================== */
#top .float-img .flex_column_table {
  display: flex;
}
#top .float-img .flex_column_table .flex_column {
  flex: 1; /* Distributes the columns evenly */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#top .flex_column_table.av-equal-height-column-flextable .av-flex-placeholder {
  width: 4%;
}
#top .flex_column.ratio {
  aspect-ratio: 1 / 1;
}
#top .flex_column.ratio2 {
  aspect-ratio: 4 / 3;
}

/* Rounded Corners for Images */
.rounded-corners img {
  border-radius: 32px;
}

/* Adjust background position for break elements */
#top .break_early {
  background-position: 12% 100%;
}
@media only screen and (max-width: 1500px) {
  #top .flex_column.ratio {
    display: block;
    width: 100%;
    margin-bottom: 50px !important;
  }
  #top .break_early {
    background-position: 0 100%;
  }
}

/* ==================================================
   Responsive / Media Queries
   ================================================== */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin.remove-margin,
  .responsive #top #wrap_all .flex_column.remove-margin,
  .responsive #top .container .av-content-small.remove-margin {
    margin-bottom: 0;
  }
    .responsive .logo img, .responsive .logo svg {
        max-width: 200px;
    }
	.logo::after {
    content: "";
	}
	#header_main {
		margin-bottom: 70px;
	}
	#header_main::after {
	  content: "Where Every Moment Matters";
	  font-size: 30px;
	  color: #0086d4;
	  position: absolute;
	  width: 100%;
	  line-height: 60px;
	  text-align: center;
	}
	
}

@media screen and (max-width: 768px) {
  #top .flex_column.column-1,
  #top .flex_column.column-2,
  #top .flex_column.column-4,
  #top .flex_column.column-4 {
    width: 100%;
  }
  .footer-menu ul {
    flex-direction: column;
  }
}

/* Adjust float-text for smaller screens */
@media screen and (max-width: 1200px) {
  .float-text {
    padding: 70px 0 115% 0;
  }
  .social-links {
    display: flex;
    justify-content: center;
  }
  #top .flex_column.column-1,
  #top .flex_column.column-2,
  #top .flex_column.column-4,
  #top .flex_column.column-4,
  #top .flex_column.column-5 {
    width: 50%;
    text-align: center;
  }
  #top .flex_column.column-1 .avia-image-container {
    width: 100%;
  }
  #top .flex_column.column-1 .avia-image-container img {
    margin: 0 auto;
  }
}

/* ==================================================
   Tile & Icon Styles
   ================================================== */
/* Tile Hovers */
#top .avia-link-column-hover {
  border: 2px solid #ededed;
}
body .flex_column.avia-link-column.avia-link-column-hover:hover {
  border: #5bab46;
  box-shadow: 0 0 5px 3px #5bab46;
}

/* Icon List on HomePage */
.simple-steps .avia-icon-list .iconlist_title {
  text-decoration: none;
  padding-bottom: 5px;
}
.av_font_icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 50%;
  width: 60%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: url(/wp-content/uploads/2025/02/swoosh.svg) no-repeat center / cover;
  opacity: 0.4;
  rotate: -5deg;
}

/* ==================================================
   Footer Styles
   ================================================== */
#top .footer-tagline .flex_column {
	display: flex;
    column-gap: 20px;
    justify-content: center;
	align-items: center;
}
#top .footer-tagline img {
	max-width: 300px;
}


/*  Footer Column Layout */
/*
#top .flex_column.column-1 {
  width: 30%;
  margin-left: 0;
}
#top .flex_column.column-2 {
  width: 15%;
  margin-left: 0;
}
#top .flex_column.column-3 {
  width: 15%;
  margin-left: 0;
}
#top .flex_column.column-4 {
  width: 30%;
  margin-left: 0;
}
#top .flex_column.column-5 {
  width: 10%;
  margin-left: 0;
}*/

/* Footer Menu */
#top .menu-main-menu-container ul.sub-menu {
  display: none;
}

.footer-menu {
  background: var(--enfold-alternate-color-bg);
}
.footer-menu ul {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}
#top .content .flex_column .widget_nav_menu li,
#top .content .flex_column .widget_nav_menu li:first-child {
	border: 0;
} 
.social-icons .av_font_icon::before {
	background: none;
}
.social-icons {
	display: flex;
    justify-content: center;
}
#top #footer-page .column-top-margin {
	margin-top: 5px;
}
.footer-credit img {
	margin: 0 0 0 auto;
}
/* Footer Menu Container */
.menu-main-menu-container {
  text-align: left;
  padding: 5px 0;
}
#top .menu-main-menu-container ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
	display: flex;
    margin: 0 auto;
    justify-content: space-between;
    max-width: 690px;
}
/* Parent menu items */
.menu-main-menu-container > ul > li {
  display: block;
  margin: 0 15px;
}
/* Menu links */
.menu-main-menu-container > ul > li > a {
  text-decoration: none;
  color: #333;
  font-size: 18px;
  font-weight: 300;
  transition: color 0.3s ease-in-out;
  padding-bottom: 2px !important;
}
#top .content .flex_column .widget_nav_menu li a {
  padding: 0;
}
.menu-main-menu-container > ul > li > a:hover {
  color: #5aab46;
  background-color: transparent !important;
}
/* Hide sub-menus */
.menu-main-menu-container ul.sub-menu {
  display: none;
}
	.footer-columns .container {
		max-width: 800px;
		margin: 0 auto;
	}
.footer-columns .flex_column_table {
	margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
	#footer-page .content {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#top .menu-main-menu-container ul {
		flex-direction: column;
		row-gap: 20px;
	}
	.footer-tagline .flex_column{
		flex-direction: column;
	}
	.footer-credit img {
		margin: 0 auto;
	}
	.footer-logo {
    	width: 100%;
	}

	.social-icons {
		display: flex !important;
        margin-left: 5px;
	}
	.footer-logo img {
		max-width: 300px;
		margin: 0 auto;
	}
	#top .footer-logo p {
		font-size: 29px;
	}
	#top #footer-page h5,
	#top .content .flex_column .widget_nav_menu li a{
		text-align: center;
	}
	.avia-section-huge .content, .avia-section-huge .sidebar {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
		margin-top: 0;
	}
}



/* ==================================================
   Additional Component Styles
   ================================================== */
/* Flip Cards */
.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner,
.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner {
  padding: 1em;
}
#top .avia-icon-grid-container .avia-icongrid-wrapper .avia-icongrid-front h3 {
	color: #fff;
}
#top .avia-icon-grid-container .avia-icongrid-wrapper .avia-icongrid-front {
	background: #3551a3;
}
.avia-icongrid-wrapper .icongrid_title {
  font-size: 22px !important;
}
.avia-icongrid-text {
	font-size: 18px;
    line-height: 25px;
}
.avia-icongrid-wrapper .avia-icongrid-icon {
  font-size: 54px !important;
  margin-bottom: 0.45em;
}

/* Widget Menu Link Hover */
#top .content .flex_column .widget_nav_menu li a:hover,
#top .content .flex_column .widget_nav_menu ul:first-child > .current-menu-item,
#top .content .flex_column .widget_nav_menu ul:first-child > .current_page_item {
  background: transparent;
}

/* Spacing for Avia Builder elements */
body .container_wrap .avia-builder-el-no-sibling {
  row-gap: 20px;
}

/* Toggler Background */
#top .toggler {
  background: #f8f8f8;
}

/* Icon List Character Size */
.iconlist-char {
  font-size: 40px;
}

/* Service Pages - Shadow Effect */
.avia-shadow {
  box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5);
}
#top .box-text, #top .box-text p {
	font-size: 18px;
    line-height: 25px;
}
#top .av_multi_colums li {
	text-indent: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    display: block;
    margin-bottom: 10px;
}

/* About Page - Team Member Styles */
.team-member-name {
  padding-bottom: 4px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}
.team-member-job-title {
  font-size: 20px;
}

/* Contact Page - Form Styles */
#gform_submit_button_1.gform_button.button {
  background-color: #5bab47;
  padding: 10px 20px;
  font-size: 20px;
}
#top legend {
  font-size: 22px;
}
#top label span,
#top legend span {
  font-size: 18px;
  color: #444;
  padding-left: 5px;
}
#top label {
  font-weight: 400;
  font-size: 18px;
}
.gform-theme--framework .field_description_above .gfield_description:where([class=gfield_description], .gfield_creditcard_warning_message, .field_validation_above .gfield_validation_message) {
  font-size: 18px;
}
#top .main_color input[type='text'] {
  font-size: 20px;
  color: #3551a3;
}

/* Green Link Hover Effect */
#top .green-link h5 {
  position: relative;
  text-decoration: none;
  color: #5bab46;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
  display: inline-block;
}
#top .green-link h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background-color: #5bab46;
  transition: background-color 0.3s ease-in-out;
}
#top .green-link h5:hover {
  color: #3551a3;
}
#top .green-link h5:hover::after {
  background-color: #3551a3;
}
/* Careers */
.box-img img {
	border-radius:  8px 8px 0 0;
}
.box-img .avia_textblock {
	padding: 10px 30px;
}
#top .box-text .flex_column .avia_textblock {
    text-align: center;
}
#top .box-text .flex_column .avia_textblock h3{ 
	background: #f7f9f9;
	padding: 20px;
	border-radius: 15px 15px 0 0;
}
#top .box-text .flex_column .avia_textblock p {
	padding: 30px
	line-height: 35px;
}
#top .box-text .flex_column .avia_textblock a {
	padding: 10px 0;
}


