  /Buttons****/

.homeBt{

border-radius: 10px;
text-align:center;
flex: 1;
margin: 5px;
padding: 20px;
cursor: pointer;
display: flex;
justify-content:center;
align-items: center;
text-decoration: none !important; 
color: inherit !important;

}
#homeBtLeft{
  background-color: #c2e2c0;
}
#homeBtMid{
  background-color: #93e499;
}
#homeBtRight{
  background-color: #6cd56c;
}
/**General Button**/
.Bt{

  border-radius: 10px;
  text-align:center;
  margin: 5px;
  padding: 20px;
  cursor: pointer;
  
  display: flex;
  justify-content:center;
  align-items: center;
  text-decoration: none !important; 
  color: inherit !important;
  
  }

/*
.video-responsive iframe{
  height:70% !important;
  width:600px !important;
}
*/


/**grid 2-col**/
.comser-grid-2col  {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-column-gap: 3rem;
  margin-bottom: 0rem !important;
}
@media (max-width: 1180px) {
  .comser-grid-2col  {
    grid-template-columns: auto!important;
  }
}



/**Community Social media section **/
.programServices{
  color: #74747B !important;
  padding-top: 10px !important;
  text-align: center !important;
}
.programServices h3{
  color: #74747B !important;
  padding-top: 10px!important;
  text-align: center!important;
}

.iconAlignment{

  display:flex;
  justify-content: center;
  align-items:center;
  gap:10px;
}


/*** Override the Google Map list link **/
table .locationButton {
 /** background: #FCF3E3!important; */
  text-decoration: underline!important;
  color:black!important;
  background: transparent!important;
}

/**** CSS for the About us counter script ****/
 
.ar-content-fullcontainer {
  max-width:100%;
  margin-top:0;
  margin-bottom:0;
}

  .ar-content-container {
  margin:0 auto;
  max-width: 87.5rem; 
  margin-bottom:3rem;
}

.ar-content-fullcontainer, .ar-title-bold, .ar-story-blurb,
.ar-num-content, .ar-footer h1, .ar-footer h2, .ar-story-title  {
  font-family: "Roboto", sans-serif;
  font-style: normal;
}

.ar-content-container h2  {
  font-size:2.4rem!important;
  font-weight: 700!important;
}

.ar-2-col-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ar-col-lt-bkgcolor {
  margin-top:10rem!important;
  padding:0!important
}

/ Card Sections /
.ar-box, .ar-stat-box {
width:100%;
}

.ar-stat-box {
border-top:5rem solid #64A34F;
}

.ar-box-bkgcolor {
padding:2.6rem;
}

.ar-cards-4  {
display: grid;
/* grid-template-columns:repeat(4, 1fr); */
grid-template-columns:repeat(4, minmax(0, 1fr));
grid-gap:1rem;
max-width: 1400;
padding:1rem;
padding-left:1rem;
padding-right:1rem;
}



.ar-cards-3, .ar-cards-2  {
grid-template-columns: 30% 30% 30%;
padding:1.8rem 1rem;
margin-bottom:3.8rem;
justify-content: center;
}

.ar-cards-2  {
grid-template-columns: 30% 30%;
}

.ar-card {
padding:0.5rem;
display:flex;
flex-direction: column;
background-color: white;
border:4px solid #64A34F!important;
}


.ar-num-count {
font-family: "Roboto Condensed", sans-serif;
font-weight:400;
font-size:2rem!important;
color:#444;
text-align: center;
margin:0 auto;
padding:1.2rem 1rem 1.2rem 1rem;
margin-bottom:1rem;
margin-top:1.2rem;
}

.ar-num-content    {
padding-bottom:2rem;
}

.ar-num-content p   {
font-size: 1.2rem!important;
line-height: 1.4rem!important;
}

.ar-stats-box {
text-align: center;
}

.ar-stat-box {
margin-top:4.5rem;
margin-bottom:2rem;
}

.ar-2-col-container, .ar-box-bkgcolor {
margin-top:1.6rem;
padding: 2rem;
padding-bottom: 1rem;
}

.ar-white-bkg-flex {
display: flex;
background-color: white;
gap:1rem;
justify-content: center;
border:2.6rem solid #CCC;
margin:1rem;
}


.ar-footer {
width:100%;
padding:3rem 0;
background-color: black;
}

.ar-footer .ar-footer-container {
max-width:1400px;
margin:0 auto;
color:white;
padding:1rem 2rem;
}

.ar-footer h1, .ar-footer h2 {
color:white;
font-size: 2rem!important;
font-weight: 600!important;
}

.ar-footer h2 {
font-size: 1.6rem!important;
font-weight: normal!important;
}

.ar-footer .footer-icons {
padding:0.78rem 0;
}

.ar-footer .footer-icons .fa-2x {
font-size: 3em;
color: white;
padding-right: 0.88rem;
}


@media (min-width:1401px)  {
.ar-content-container {
margin-top:4rem;
}

.ar-2-col-container, .ar-footer-container  {
  margin-left:2.2rem;
  margin-right:2.2rem;
}

.ar-col-lt-bkgcolor {
  margin-top:0;
  margin-left:0rem!important;
  margin-right:0rem!important;
}

.c_contentpane {
  padding: 0px 0 0 0;
}
}

@media (max-width: 1260px) {
.ar-cards-2 {
  grid-template-columns: 40% 40%;
}
}

@media (max-width: 1140px) {
.ar-2-col-container, .ar-footer-container {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  padding:0;
}

.ar-cards-4 {
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

/ Mobile View Menu **/
@media only screen and (max-device-width:927px) and (orientation:landscape) {
.ar-top-header .adjust-menu {
overflow-x: hidden;
max-height: 325px;
padding-top:1rem;
}
}

@media (max-width: 740px) {
.ar-cards-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.btn-grp{
  flex-direction: column;
}
}

@media (max-width: 640px) {
.ar-2-col-container {
  margin-left:1.2rem;
  margin-right:1.2rem;
}

.ar-cards-4 {
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
}

.ar-card {
    margin:0.58rem;
    margin-bottom:2rem;
}


.ar-2-col-container {
margin-left: 2.6rem;
margin-right: 1rem;
}
}

@media (max-width: 440px) {
.ar-top-header .adjust-menu {
  overflow-x: hidden;
  max-height: 325px;
  padding-top:1rem;
}
}

@media (max-width: 400px) {

.ar-content-container h2 {
  font-size: 1.6rem !important;
}

.ar-content-container h2.ar-card-title {
line-height: 2rem !important;
}
}
