/*
Theme Name:    pqa-2024
 Theme URI:    https://?.com
 Description:  Blank Canvas Child Theme developed by Electric Bricks for Friends of Garden City Football
 Author:       Keith Paul
 Author URI:   https://electricbricks.net
 Template:     eb-blank-canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         eb-blank-canvas, responsive-layout, electricbricks
 Text Domain:  kmd-2023
*/



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:wght@400;@600;700&display=swap');

/*BODY*/
html {height:100%;}
body{background-color: #ffffff; color: #58595B;font-family: 'Poppins', sans-serif;font-weight: 400;height:100%;overflow-x: hidden;}

/*FONTS*/
h1 {font-size:2.5rem;}
h1, h2, h3, h4 {font-family: "Inter", sans-serif;font-weight:400;color:#313131;}
h1 span, h2 span, h3 span {font-weight:700;color:#2684E2;}
h2 {font-size: 2rem;margin-bottom:1.25rem;}
h3 {font-size:1.5rem;}
h4 {font-weight:400;font-size:1.25rem;}
.single h1, .single h2 {text-transform:none;}
h2 a, h3 a {color:#2f2f2f;}
a {color:#176FC7 ; text-decoration: none;}
a:hover {color:#25BAFB;}
blockquote {font-size:1.25rem;font-weight:400;}
.phone {color:#28487F;padding:0;display:block;text-align:center;margin:0;font-weight:600;font-size:1.25rem;}
.phone i {color:#28487F;}
.social-icons i {color:#28487F;}
.hero h1 span {font-weight:700;}
.read-more {display:block;}

h2.styledTitle {margin-bottom:40px;}
h2.styledTitle:after {
  content: "";
  display: block;
  border-bottom: 6px solid #2684E2;
  width: 60px;
  position: relative;
  bottom: -12px; 
}

h2.heading {
  display: flex;
  flex-direction: column;
  align-items: center;
 margin-bottom:40px;
}
h2.heading:after {
  border-bottom: 6px solid #2684E2;
  content: '';
  padding-bottom: 8px;
  width: 60px;
}
h4.label {font-size:.875rem;color: #2684E2;font-weight:700;position:relative;}

/* LOCATIONS */
.locations h3 {background:#001A3490;margin:0;}
.locations .wpb_text_column {background:#001A3490;}

/* CASE STUDIES */
.case-studies h4 a {color:#58595B;font-weight:700;}
.case-studies img {border-radius:16px!important;}

/* NEWSLETTER  */
.newsletter legend, .newsletter label {color:#ffffff!important;}

.check h3 {position:relative;margin-left: 44px;margin-bottom:24px;display: flex;align-items: center;}
.check h3::before {  
		content:'';
		position: absolute;
		 top: 0; 
		left: -41px;
		width: 28px;
		height:28px;
		background: url('/wp-content/uploads/2023/12/icon-check-sm.svg') no-repeat bottom;} 


/*Service cards*/
.blurb {box-shadow: #cfcfcf 0 0 8px;border-color:#ededed;background-color: #fff;border-radius:4px;}

/*JUMBOTRON*/
.jumbotron p {color:#ffffff;}
.jumbotron h3 {color:#fff;font-size:2.5rem;}
.jumbotron h3 span {font-size:1.5rem;font-weight:500; vertical-align: text-top;color:#95CE45;}
.jumbotron .left .wpb_wrapper {max-width:660px;margin-left:auto;}
.jumbotron .right > div {background-position:left!important;}
.jumbotron .list-style li {color:#fff;}

.bg-title {background:#001A3490;color:#fff;padding: 16px;}
.bg-title h3 {color:#ffffff;margin:0;}

/*CARDS*/
.cards .imageCrop {width:auto;height:250px;border-radius:16px;background-size: cover;background-position: top;}
.cards .row > div {margin-bottom:24px!important;}
.card {height:100%;}
.card p.label:after {content:none;}

.staff.card {background:#234487;border:none;border-radius: 4px;overflow:hidden;box-shadow:0px 0 18px #d5d5d5;height:100%;}
.staff.card a, .staff.card h4 {color:#fff;}
.headShot {height:350px;width:auto;background-size:cover;background-position:center}
.departments .row > div {margin-bottom:24px!important;/* height:100%!important; */}
.departments .row > .col {height:100%!important;}
.departments .row .col {height:100%!important;}

/* Profile page */
.team-member {margin-top:56px;}
.team-member .featuredImage, .team-member .entry-title, .team-member .entry-meta {display:none;}
.team-member img {width:100%;height:auto;}

/*UBERMENU*/
.ubermenu-responsive-toggle i {font-size:1.25rem;}
.topnavMobile a {font-size:1rem;}
.ubermenu-item {border:none!important;}
.ubermenu-submenu a {font-size:16px;}

/*.error404 h1, .post h1, .blog h1, .author h1, .search h1, .category h1 {padding: 40px 0 24px;}*/
.search h1 span {color: #bcbcbc;}
#main_ul-topnav-menu .btn-outline a {border:1px solid #F21651;margin-left:16px;}
.readMore a {color:#b2b2b2;}
.readMore a i {color:#ED9B3C;padding-right:4px;}

/********** Widgets  **********/
.headerRightWidget a {color:#f6eee3;}
.mainnav .socialMediaWidget {padding:6px;text-align:center;}

.service {display:flex;align-items:center;}
.service img {margin-right:14px;}

.blog h2 {font-size:1.5rem;}
p.badge {color:#4075E3;font-size: 1rem;text-transform: uppercase;padding:0;margin:0;}
.entry-title {margin:40px 0 16px 0;}
.blog .entry-title {margin:0}

.alignnone, .aligncenter, .alignleft, .alignright{max-width: 100%; height: auto; display: block;}
a.offScreen{position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden;}
a.offScreen:focus, a.offScreen:active, a.offScreen:hover{position: absolute; left: 0; top: 0; width: auto; height: auto; overflow: visible; background-color: #FF3; border: 1px dotted #000;}

.logo img {padding-bottom:12px;max-width: 150px!important;}

header {width: 100%;background:#001D4A;}
header.showImage, header.home{margin-bottom: 0;}
header .container {flex:1;}
header li {list-style: none;}
header li:before {content:none;}
header .socialIcons > li{display: inline; margin: 0 3px;}
header h3 {color:#ED9B3C;}

.headerRightWidget .textwidget {display:flex;justify-content: center;flex-wrap:wrap;text-align: center;padding:0 16px;}
.headerRightWidget .textwidget p {padding:14px 0 0;}
.headerRightWidget .textwidget a {margin-top:14px;}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.home .headerRightWidget .textwidget h3 {display:none;}
#preHeaderLeft .textwidget {display:block;text-align:center;}
#preHeaderRight {text-align: center;}
.socialMediaWidget p {margin:0;}
.socialMediaWidget a {padding:0 8px;color:#fff;font-size:1.25rem;}
.social-icons i{/* min-width: 30px; *//* min-height: 30px; *//* border: 1px solid #f16281; */border-radius: 30px;/* padding: 12px; */margin:0 6px 0;font-size:1.25rem;}
.main-nav {padding-bottom: 12px;}
.cta {text-align:center;}
header .logo {display:flex;justify-content: center;}
.navigation.row {align-items:center;}


/*CONTACT*/
.contact i {color:#8D5BA5;padding-right:6px;}
.contact h4 {padding-bottom:16px;}
.contact .address span {display:block;padding-left:26px;}

/* Header Left mobile icon*/
.mobilePhoneIcon {width: auto;position: absolute; z-index: 999;left: 20px;top: 14px;font-size: 20px;color:#ED9B3C;}
.mobilePhoneIcon a {font-size:1.25rem;padding-right:14px;color:#ED9B3C;}

/*---- Interior hero image section----*/
.pageTitleImage {
    background-position: center;
    background-size: cover;
    min-height: 450px;
    display: flex;
    align-items: stretch;
}
.pageTitleTint {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    /* text-align: center; */
}

/*---- Form Display----*/
input[type="text"], 
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"]
{padding:4px 10px;height:41px!important;border:1px solid #ccc;border-radius:4px 0 0 4px!important;}
select {padding:4px 10px;height:38px;border:1px solid #ccc;border-radius:2px;}
button[type="submit"] {background-color: #176FC7!important;color:#fff!important;border-radius:3px!important;font-weight:400!important;padding: 10px 20px!important;width:100%;}
.newsletter button[type="submit"] {background-color: #0b2353!important;}
.searchform button[type="submit"] {border:none;padding: 8px 16px!important;}
div.wpforms-container-full .wpforms-confirmation-container-full {background:#ededed;}

.pageTitleImage h1, .pageTitleImage h2 {border-left: 8px solid #2684E2 ;color: #fff; flex-grow: 1; width: 100%; text-shadow: 0 0 10px #898989; line-height: 36px; padding: 0 0 0 16px;margin-bottom:32px}

/*---- Mobile hamburger menu----*/
.symbol_menu {font-size: 56px;position: absolute;top: -6px;right: 10px;color:#333;}
.symbol_cross {font-size: 16px;position: absolute;right: 18px;color:#333;} 

/*---- Services----*/
#services .icon img {height:45px;width:auto;margin-bottom:16px;}
#services .card {box-shadow:0 0 29px #e4e4e4;padding:16px;margin:0;border:none;}

/********** News **********/
.blog .card .noImage {background:none;height:auto;}

/***** Top Margins page *****/
.search #content, .blog #content {margin-top:48px;}

/*---- Content ----*/
.home #content  {padding-top:0;}
#content .no-results {padding-bottom:42px;}

/*---- Counter----*/
.counter h3 {/* border: 6px solid #003259; */border-radius:50px;width:100px;height:100px;line-height:2.2;margin: 0 auto 0;font-size: 3.5rem;font-weight: 700;}
.counter p {color:#2684E2}

/********** LI styles with font aeseom icon **********/
.list-style ul {margin: 0 0 24px;list-style:none;}
.list-style li {margin-bottom:12px;}
.list-style li:before {
	font-family: 'Font Awesome 6 Pro';
    content: '\f058';
    margin: 0 8px 0 -27px;
    color: #2684E2;
    font-size: 20px;
	font-weight:400
}

.wp-caption-text, .sd-title, .jp-relatedposts-headline{font-size:12px; color:#999; padding-top:10px;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxCurrent{font-size:12px;}

/********** begin button classes **********/
.btn {padding:0;}
a.btn, a.btn:visited, .btn button, .btn a, .button {
	background-color: #176FC7!important;
	padding: 14px 20px;
	color: #fff!important;
	font-weight: 700;
	transition: all 0.2s ease-in-out 0s !important;
	font-size:14px;
	text-transform: uppercase;
	border-radius:2px!important;
	text-shadow: 1px 1px 2px #707070;
	}
a.btn:hover, a.btn:active, .btn button:hover, .btn a:hover{
	background-color: #012353 !important; color:#fff;}

.services .read-more a {
	background: none!important;
	background-image:none!important;
	color: #176FC7!important;
	font-weight: 600;
	padding:0;
	transition: all 0.2s ease-in-out 0s !important;
	text-transform: uppercase;
}

.services .read-more a:hover {color:#012353!important;}

.services .read-more:after {
	font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    margin: 0 4px 0;
    color: #2684E2;
}

.outline a {background:none!important; padding: 12px; color:#fff;border:1px solid #fff!important;}
a.outline:hover, .outline a:hover, .outline a:hover {background:#176FC7!important;color:#fff!important;}


/********* Jumbotron ************/
#jumbotron {min-height:400px;align-items:center;display:flex;}

/*---- Blog pages ----*/
.blog .post, .category .post{display: flex;flex-wrap: wrap; padding: 16px; background: #ffffff;margin: 0 0 24px;justify-content: space-between;}
.blog .post > div{}
.blog .post:last-child, .category .post:last-child{border-bottom: none;}
.blog .post img {padding:0 16px 0 0;width:100%;height:auto;}
.blog h2 a {color:#333;}
.blog h2:after {content:none;}
.blog .more-link {display:block;padding-top:16px}
.blog .post, .category .post {background-color: #fff; box-shadow: 0 0 24px #e9e9e9; padding: 24px; margin: 35px 0;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #8a979b; border-color: #8a979b;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #8a979b;}
.single .post, .single .case-study {padding:40px 0;}


/*---- Search pages ----*/
.search .post {margin-bottom:32px;}

#nav-above, #nav-below {display:none;}
.entry-meta {padding:0 0 16px}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
.single .post {padding:40px 0;}
.nav-previous{float: left; display: inline-block;}
.nav-next{float: right; display: inline-block;}
.entry-date abbr{border: none; text-decoration: none;}
.entry-content img{margin: 0 auto;}
/*.postRow > div {padding:16px}*/
.postThumbnailBkgd{height: 325px;background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;text-align: center;transition: all 0.2s ease-in-out 0s;margin-bottom:16px;border-radius:4px;}
.postRow {margin-left:auto;}
.entry-utility {display:none;}
/*---- Author pages ----*/
.author .stories p {padding:0;margin:0;}
.author .stories li {padding:0 0 16px}
.author .stories a {line-height:1.5rem;}
/*.blog .entry-meta, .single .entry-meta, .single .featuredImage {display:none;}*/

/*---- Footer ----*/
footer {background-color:#012353;padding:0;position: sticky;top: 100vh;color:#A7A7A7;}
footer p {margin:0}
footer .social-icons {margin-top:16px;}
#footerTop {color: #888; font-size: .9em; text-align: center;}
footer, footer .container {/* margin-top: 0; */}
footer .row {align-items:center;}
.legal p {font-size:0.875rem;margin:0;}
footer h2 {font-size: 1rem;color:#ffffff;}
footer a {color: #A7A7A7; font-size: .875rem;/* padding:0 16px; */}
footer .social li{display: inline; font-size: 20px; padding: 0 5px;}
ul.widget-area {list-style: none; padding: 0; margin: 0;}
footer ul {padding:0;margin:0;/* text-align:center; */}
footer li {line-height:1.5rem;padding:0;margin:0;list-style: none;}
footer li:before, #subFooter li:before {content:none;}
#footerTopWidget .widget-area img {width: auto;height:auto;}
.footerWidget {display:flex;justify-content:center;flex-direction:column;}
.footerWidget li {width:100%;margin: 12px 0;}
.foot-nav {padding:32px 0;}
.foot-nav .logo {width:200px;margin-bottom:16px;}
.footerWidget .widget {padding: 24px;}
.footerWidget #media_image-3 img{width:200px!important;}
.copyright {text-align:center;}
footer i {font-size:18px;padding: 16px 0 0;}


#subFooter {background-color: #05122c;bottom: 0;width: 100%;color:#ccc;padding:20px;font-size:12px;font-weight:300;}
#subFooter .eb{opacity:0.5; transition: all 0.2s ease-in-out 0s;}
#subFooter .eb:hover{opacity:1;}
#subFooter a{color:#ccc; font-size:.875rem;}
#subFooter p{color:#ccc;font-size:.875rem;margin: 0;}
#footerLeftWidget img {width:auto;max-height:160px;padding: 0 0 24px;}
#subFooter .widget-area {padding:0;}
footer .legal {padding:16px 0;}

/*Legal compliance links*/
.menu.legalCompliance{display: flex; justify-content: center;flex-direction:column;}
.menu.legalCompliance li{display: inline-block; margin:0 0 0 5px;}
.menu.legalCompliance li::after {content:none;}
.menu.legalCompliance li:last-child::after{content: none;}

/*Social icon menu*/
#footer .socialIcons > li{display: inline; margin: 0 3px;}
.socialIcons > li a{font-size: 1.25rem; border: 1px solid #73b6d5; padding: 5px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px;  transition: all 0.2s ease-in-out 0s;}
.socialIcons > li a:hover{background-color: rgba(0,0,0,0.25);}
.socialIcons a:hover{color: #fff !important; text-decoration: none;}
header .socialIcons > li a {border:none;padding:0;height:auto;}
header .socialIcons > li a:hover{background-color:rgba(0,0,0,0.0);color:#cccccc;}

#subFooter a:hover{text-decoration: underline;}
#ebFooterLogo{margin-top:5px;}

@media only screen and (max-width: 767px) {
	.phone {/* flex:100%; *//* text-align:center; */}
	.headerRightWidget a {margin:8px;}
	footer {text-align:center;}
}

@media only screen and (max-width: 767px) {
	.phone {flex:100%;text-align:center;}
	.headerRightWidget a {margin:8px}
	.departments .col {margin-bottom:16px;width:100%;}
	.services h3 {padding:12px 0;}

}

@media only screen and (min-width: 768px) {
.footerWidget li {width:100%;margin: 0;}	
.departments .row > .col {width:25%;}
button[type="submit"] {width:auto;border-radius:0 3px 3px 0!important;}
.copyright {text-align:right;}
.menu.legalCompliance{flex-direction:row;}
.menu.legalCompliance li::after{content: '|'; margin-left: 5px;}
.logo img {padding-bottom:0;max-width: 100%;}
.main-nav {padding-top:20px;padding-bottom:16px;}
.cta {text-align:right;margin-left:16px!important;}
.mainnav .socialMediaWidget {padding:0;text-align:left;}
.logoLink {text-align: left;}
.mainnav .btn{display:none;}
.socialMediaWidget {margin-left:32px!important}
header .inner {max-width: 1320px;margin:0 auto;display:flex;align-items:center;}
.topnav {align-items: center;}
#menu-cta-menu li {padding: 0 12px;}

/*---- Verticals ----*/
#services .card {width:45%;}
#preHeaderLeft .textwidget {display:flex;}
#preHeaderRight {text-align: right;}
#preHeaderLeft .textwidget span {margin-right:12px;}
#preHeaderLeft .textwidget p {padding:0 12px 0 ;margin:0;color:#fff;}
.prenav {background: #0092D3;padding: 10px 24px;font-size:14px;}
.prenav p {margin:0;}
.prenav a {color: #e6f2fc;}
.prenav i {color: #95CE45;margin-right:6px;}
.socialIcons {display:block;margin:0}
#services .card {margin:8px;}
.headerRightWidget .textwidget {justify-content: space-between;align-items:center;}
header .logo {display:block;}

/* Newsletter signup */
.newsletter form {display:flex;}
.newsletter .wpforms-submit-container {margin:0!important;}
.newsletter form input {min-width:300px!important}
.newsletter  .wpforms-container .wpforms-field {padding:0;}


.headerRightWidget .textwidget a {margin:0 12px;}
.home .headerRightWidget .textwidget h3 {display:block;}
#menu-cta-menu{text-align: right;width: 100%;color:#fff;/* display:flex; */justify-content: flex-end;padding:12px 0;flex-direction: row;}
	
.footerWidget {flex-direction:row;}
.footerWidget li {flex: 1 0 0%;}

}

@media only screen and (min-width: 992px) {
/*footer .container {flex-direction:column;}	*/
/*---- Services----*/
#hero {position:relative;}
.featuredSection {position:absolute;bottom: -334px;z-index:999;}
#intro {margin-top:400px!important;}
}