@charset "UTF-8";
/* CSS Document */

font-family: "futura-pt", sans-serif;
font-weight: 300;
font-style: normal;

body {text-align:center; margin: -10px; padding:0px;}

.background-color-green {
    background-position: no-repeat center center ;
	background-size: cover;
		padding-top:10%;
	padding-bottom:20%;
	margin: -10px;
}

.bgimage {background-image: url("../images/courtyard2.jpg");
	background-position: no-repeat center center ;
	background-size: cover;
	padding-top:10%;
	padding-bottom:20%;
	margin: -10px;
}
	
.bgimage2 {background-image: url("../images/landscape.jpg");
	background-position: no-repeat center center ;
	background-size: cover;
	padding-top:10%;
	padding-bottom:20%;
	margin: -10px;
}

.bgimage3 {background-image: url("../images/therapistgirl.jpg");
	background-position: no-repeat center center ;
	background-size: cover;
	padding-top:10%;
	padding-bottom:20%;
	margin: -10px;}


.headline {font-size: calc(2em + 2vw);  text-align:center; font-family: Montserrat, helvetica, sans-serif; font-weight: 300; font-style: normal; padding:20px; color:#f4e3cf; }

.tagpath {font-size: calc(1em + 1vw);  text-align:center; font-family: 
Montserrat, helvetica, sans-serif; font-weight: 300; font-style: normal;  padding:1%; }

.tagpath2 {font-size: calc(.2em + 2vw);  text-align:center; font-family: 
Montserrat, helvetica, sans-serif; font-weight: 400; font-style: normal;  padding:1%; }

.bodytext {font-size:1.5em; font-family: Montserrat, arial, helvetica, sans-serif; margin:2%;  text-align:center; }

.plaintext {
    font-size:1em; font-family: Montserrat, arial, helvetica, sans-serif; margin:5%; ; text-align:center;
    
    
}

.button {margin:auto; }

.olive {
  width: 100%;
  background-color: #A9CCE3;
/* your olive color */
  padding: 0; /* footer already has its padding */

.headline2 {font-size: calc(2em + 2vw);  text-align:center; font-family: Montserrat, helvetica, sans-serif; font-weight: 400; font-style: normal; padding:20px;}


.backbox {
    
    display: inline-block;
    margin:auto;
    text-align:center;
    height:320px;
    width:320px;
    background-color: black !important;

}

.smpics {



display: inline-block;
    margin:auto;
    text-align:center;
   
}

.buttoncon {
  text-align: center; width:auto margin:auto;}
  
 .container {margin:auto;}
 
 .montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.dropdown:hover > .dropdown-menu, drioebd:hover > .dropdown-menu {
    display: block;
    margin-top: .125em;

}


.dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left:100%;
    margin-left: .125em;
    
}


a {
  color: #000 !important;
}

a:hover {
  color: #000 !important;
}


.text-primary {
  color: #000 !important;
}
.content {
  height: 70vh;
}

.footer-14398 {
    font-family: font-size:2em; font-family: Montserrat, arial, helvetica, sans-serif !important;;
 color: #000 !important;
  width: 100%;
  background: #fff;
  padding: 7rem 0;
  margin-top:5%;
  color: #000; /* changed from #777 */
}

.footer-14398 .footer-site-logo {
  color: #000; /* changed from #fff */
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
}

.footer-14398 h3 {
  color: #000; /* changed from #fff */
  font-size: 16px;
  margin-bottom: 20px;
}

.footer-14398 .links li a {
  color: #000;
  display: block;        /* ensures each link starts on the left */
  text-align: left;      /* flush left */
  text-decoration: none; /* optional */
  color: inherit; /* changed from #fff */
  font-size: 2em;
}

.footer-14398 .links li a:hover {
  color: #000; /* changed from #fff */
}

.footer-14398 .link-menu li a {
  color: #000; /* changed from #fff */
  display: inline-block;
  padding: 10px;
}

.footer-14398 .social li a {
  display: inline-block;
  padding: 10px;
  color: #000; /* changed from #ccc */
}

.footer-14398 .line {
  border-top: 1px solid rgba(0, 0, 0, 0.2); /* was white tint */
}

.footer-14398 a {
  color: #000 !important;
}



:root {
  --bs-link-color: #000;
  --bs-link-hover-color: #000;
}

.footer-14398 a,
.footer-14398 a:link,
.footer-14398 a:visited,
.footer-14398 a:hover,
.footer-14398 a:active,
.footer-14398 a:focus {
  color: #000 !important;
  text-decoration: none !important;
}



.footer-inner {
    max-width: 100%;
    padding: 0;
}



img.img-fluid {
    max-width: 100px;   /* optional: fixed icon size */
}

.
.no-row-gap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.icon-flex {
  gap: 12px;              /* same for column and row */
  max-width: 420px;
  margin: 0 auto;
}

.icon-item {
  flex: 0 0 calc(50% - 6px); /* two per row; subtract half gap so outer spacing matches */
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  
}

.icon-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px !important;   /* ensures vertical + horizontal spacing */
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.icon-img {
  display: block;
  width: 100%;
  max-width: 120px;
  height: auto;
  margin: 0 auto;
}

.icon-grid-fixed {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; /* controls BOTH horizontal AND vertical spacing */
  justify-items: center;
}

.icon-fixed {
  width: 80px;   
  height: 80px;
  object-fit: contain;
}



.icon-fixed {
  width: 110px;              /* set icon size */
  height: 110px;
  object-fit: contain;       /* keeps proportions correct */
}

.icon-row {
    display: flex;
    justify-content: space-evenly;   /* even spacing across full width */
    align-items: center;
    width: 100%;
    flex-wrap: wrap;                 /* keeps them responsive on small screens */
    gap: 20px;                       /* optional: adds spacing if wrapping happens */
}

.icon {
    width: 200px;
    height: 200px;
    object-fit: contain;
}