/*
Theme Name: Understrap Child
Theme URI: https://understrap.com
Template: understrap
Author: Howard Development &amp; Consulting
Author URI: https://howarddc.com
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,block-styles,wide-blocks,editor-style,threaded-comments,accessibility-ready
Version: 1.2.4.1750685692
Updated: 2025-06-23 13:34:52

*/


/*CHANGE COLORS*/
:root {
    --bs-primary: #051b55;
    --bs-secondary: #8abbd3;
    --bs-success: #138239;
    --bs-info: #dca926;
    --bs-warning: #ba373d;
	
    --bs-primary-rgb: 5, 27, 85;
    --bs-secondary-rgb: 138 ,187, 211;
    --bs-success-rgb: 19, 130, 57;
    --bs-info-rgb: 220, 169, 38;
    --bs-warning-rgb: 186, 55, 61;
	
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 255, 255, 255;

    --bs-body-color: #000000;
   
    --bs-link-color: #051b55;
    --bs-link-hover-color: #ffffff;
}

/*THEME BUTTON COLOR CHANGE*/
.btn-primary {
    color: #ffffff;
    background-color: #051b55;
    border-color: #051b55;
	border-radius: 25px;
	font-family: 'PT Sans', sans-serif;;
	font-size: 1.5em;
	padding: 1%;
}

.btn-primary:hover {
	color: #051b55;;
	background-color: #ffffff;
	border-color: #051b55;
}

.bg-primary {
    background-color: #051b55 !important;
}


/*PDF BUTTONS*/
:root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link) {
    border-color: #8abbd3 !important;
    color: #051b55 !important;
}

:root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link):hover {
	background-color: #8abbd3 !important;
}

/*HOME CTA BUTTON BOXES*/
/*TEXT*/
.cta{
    border: 1px solid #8abbd3;
    border-top: 3px solid #8abbd3;
    padding: 40px 20px;
    background-color: white;
	width: 200px;
	height: 200px;
	text-align: center;
	float: left;
	margin: 1%;
}

/*SECTIONS OF CTAS*/
.ctaSection{
	columns: 5;
	padding: 30px;
	display: flex;
	justify-content: center;
}



/*HORIZONTAL LINE FORMATING*/
hr.ctaLine{
	border: 1px solid #8abbd3;
	width: 50px;
	border-radius: 5px;
}

hr.blueLine{
	border: 1px solid #8abbd3;
	width: 250px;
	border-radius: 5px;
}


/*BOLD FONT PROPERTIES*/
strong {
    color: #051b55;
}

/*NAVIGATION hides title text*/
.navbar-brand{
	display: none;
}

#mega-menu-wrap-primary{
	width: 100%
}

/*GOOGLE TRANSLATE FORMATTING*/
#google_translate_element{
	grid-column: 1;
 	grid-row: 1;
}

/*------------------------------------------------------------WHOLE SITE FORMAT*/
.site{
	display: grid;
}


/*-----HEADER-----*/
#newHomePage{
	grid-column: 1;
	grid-row: 1;
}

.headerBubbles{
	display: flex;
  	flex-wrap: wrap;
  	column-count:3;
	justify-content: center;
}

.headerBubblesContent{
	background-color: #ffffff;
	border-radius: 25px;
	margin: 40px 10px 30px 10px;
	padding: 30px 20px;
    display: flex;
    flex-direction: column;
	width: 325px;
	height: 150px;
	font-weight: bold;
}


.headerBubblesContent:hover{
	text-decoration: none !important;
	background-color: #f1f1f1;
}


/*------FOOTER------*/
#wrapper-footer-full, #wrapper-static-hero {
    background-color: #051b55;
	color: #ffffff;
}

/*FOOTER SEAL*/
.footer-widget.widget_media_image.widget-count-5.col-md-4{
	max-width: 175px;
}


/*REMOVES WORDPRESS BRANDING*/
#wrapper-footer{
	display: none;
}


/*MOBILE FOOTER*/
/*HIDE HAMBURGER MENU ON MOBILE*/
.navbar-toggler{
	display: none;
}


#custom_html-21{ /*Paragraph Section 2*/
	padding: 1%;
}

#custom_html-24{ /*Contact Us Footer Section 3*/
	flex: 0 0 20%;
	padding: 1%;
}

#maxmegamenu-24{ /* Section 4*/
	flex: 0 0 15%;
	padding: 1%;
}

#maxmegamenu-25{ /*Section 5*/
	flex: 0 0 15%;
	padding: 1%;
}

/*CHANGE HEADERS*/
h1{
	text-align: center;
	font-size: 2em;
	margin-top: 5%;
	color: #051b55;
}

h2{
	font-size: 1.5em;
	padding-top: 3%;
	color: #051b55;
}

h3{
	font-size: 1.25em;
	padding-top: 3%;
	 color: #051b55;
}

h4{
	font-size: 1em;
	padding-top: 3%;
	 color: #051b55;
}

h5{
	font-size: 1em;
	padding: 2%;
	color: #051b55;
	background-color: #f1f1f1;
}

h6{
	color: #ffffff !important;
	font-size: 1em;
	padding: 1%;
}

blockquote{
	font-weight: bold;
	color: #051b55;
	margin-left: 7%;
}

/*CHANGE LIST FORMATS*/
a{
    color: #051b55;
	font-weight: bold;
}

a:hover{
	color: #051b55;
}



/*IMPORTANT MESSAGES*/
.importantMessage{
	background-color: rgba(138, 187, 211, .5);
	padding: 3%;
}

/*URGENT MESSAGES*/
.urgentMessage{
	background-color: rgba(186, 55, 61, .5);
	padding: 3%;
}

/*GREY BOX*/
.greyBox{
	background-color:#f1f1f1;
	width: auto;
	height: auto;
}


/*--DIRECTORY--*/
.directoryBox{
	background-color: rgba(138, 187, 211, .2);
}

.directoryContent{
	display:flex;
	padding: 2%;
	text-align: left;
	column-count:3;align-content;
	column-gap: 5%;
}

.directoryContact, .directoryHours{
	padding: 2%;
	margin: 2%;
}


.directoryContact{
	float: left;
}

.directoryHours{
	float:right;
}

.directoryButton{
	display: block;
	margin: 5% auto; 
	width: 50%;
}



/*ADA GRIEVANCE PROCEDURES CONTACT FORMTTING*/
.contactInfoIndent{
	text-indent: 5em;
	line-height: .5;
}

/*CHANGE DETAILS TEXT ELEMENT*/
.wp-block-details{
	background-color: rgba(138, 187, 211, .25) !important;
	padding: 2%;
	margin: 3%;
}

/*FIGCAPTIONS*/
.figcaption{
	border-left: 5px solid #8abbd3;
	padding: 1em;
}


