/* CSS reset/normalize plus HTML element styling. */

/* IPCRG 2027 Custom Site Styles */

/* = Fonts Families
-------------------------------------------------------------- */
@font-face{
    font-family:"Avenir LT Regular";
    src:url("../fonts/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"),
    	url("../fonts/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
}
@font-face{
    font-family:"Avenir LT Italic";
    src:url("../fonts/f07f5ab2-8ecc-416d-afa7-b73dbea95907.woff2") format("woff2"),
    	url("../fonts/3a03e3a3-baa3-4079-aa61-d2ec2a35bea3.woff") format("woff");
}
@font-face {
	font-family:"Avenir LT Medium";
	src:url("../fonts/f5d4f93b-454a-43e0-9ae8-7f1271b5c0fd.woff2") format("woff2"),
		url("../fonts/72556e8c-c677-48d8-81ff-3eb8fc50033b.woff") format("woff");
}
@font-face {
	font-family:"Avenir LT Medium Italic";
	src:url("../fonts/b7a66ef0-2d88-45d3-bc84-e2d6013878d9.woff2") format("woff2"),
		url("../fonts/351c1f33-8a8e-41c9-920c-0031d3983321.woff") format("woff");
}
@font-face{
    font-family:"Avenir LT Heavy";
    src:url("../fonts/b56355b0-7729-42a7-9f65-62c7211d078c.woff2") format("woff2"),
    	url("../fonts/05537afc-e923-4df9-b365-71798fbd220d.woff") format("woff");
}

@font-face {
	font-family: "PCRS Body";
	src: url("../fonts/Inter-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "PCRS Bold";
	src: url("../fonts/Inter-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}


/* = Site Variables
-------------------------------------------------------------- */
:root {
	--ipcrg-bold-font: 'Avenir LT Heavy', Arial, Helvetica, sans-serif;
	--ipcrg-semibold-font: 'Avenir LT Medium', Arial, Helvetica, sans-serif;
	--ipcrg-italic-font: 'Avenir LT Medium Italic', Arial, Helvetica, sans-serif;
	--ipcrg-light-font: 'Avenir LT Italic', Arial, Helvetica, sans-serif;
	
	--ipcrg-c-navy: #003a56;
	--ipcrg-c-blue: #006a95;
	--ipcrg-c-navy-15:rgba(0,58,86,0.15);
	--ipcrg-c-red: #e73932;
	--ipcrg-c-grey: #333333;
	--ipcrg-c-lightgrey: #a6aab1;
	--ipcrg-c-lightred:#feccc8;
	--ipcrg-c-primary-15: rgba(0,106,149,0.15);
	--ipcrg-c-primary-10: rgba(0,106,149,0.10);
	--ipcrg-c-background: #f3f3f3;
	
	--ipcrg-c-primary-text: #333333;
	--ipcrg-c-secondary-text: #a6aab1;
	--ipcrg-c-tertiary-text: #D72435;

	/* Text-size styles */
	--ipcrg-s-xxl: 3.5rem;
	--ipcrg-s-xl: 2.5rem;
	--ipcrg-s-l: 2rem;
	--ipcrg-s-r3: 1.5rem;
	--ipcrg-s-r2: 1.25rem;
	--ipcrg-s-r1: 1.125rem;
	--ipcrg-s-r: 1rem;
	--ipcrg-s-s: 0.875rem;
	--ipcrg-s-xs: 0.75rem;
	--ipcrg-s-gap: var(--ipcrg-s-r);


/* = Type
-------------------------------------------------------------- */

html {
	font-size: 100%;
}
body {
	font-family: "PCRS Body", sans-serif;
	color: var(--mono);
		line-height: 1.8em;
}
h1, h2, h3, h4, h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, .h1 b, .h2 b, .h3 b, .h4 b, .h5 b {
	font-family: var(--ipcrg-bold-font);
	font-weight: normal;
	line-height: 1.8em;
	color: var(--ipcrg-c-blue)
}

h1, .h1 {
	font-size: var(--ipcrg-s-xxl);
}
h2, .h2 {
	font-size: var(--ipcrg-s-xl);
}
legend, .block-title,
h3, .h3 {
	font-size: var(--ipcrg-s-r3);
}
h4, .h4 {
	font-size: var(--ipcrg-s-r2);
}
h5, .h5 {
	font-size: var(--ipcrg-s-r1);
}
h6, .h6 {
	font-size: var(--ipcrg-s-r1);
}
strong, b, .field__label {
	font-weight: normal;
	font-family: var(--ipcrg-bold-font);
}
.small-copy {
	font-size: var(--ipcrg-s-s);	
	line-height: 1.4;
}
.hero-copy {
	font-size: var(--ipcrg-s-r3);
	width: 50rem;
	color: var(--ipcrg-c-navy);
	font-family: var(--ipcrg-bold-font);
	margin-bottom: 15px;
}
.region-content a, .region-content .a {
		color: var(--ipcrg-c-blue);
}
.region-content a:hover, .region-content .a:hover {
		color: var(--ipcrg-c-navy);
}
.accordion {
	margin-top: 15px;
	margin-bottom: 30px;
}
@media (max-width: 990px) {
	h1, .h1 {
		font-size: var(--ipcrg-s-xl);
	}
	h2, .h2 {
		font-size: var(--ipcrg-s-l);
	}
	legend, .block-title,
	h3, .h3 {
		font-size: var(--ipcrg-s-r2);
	}
	h4, .h4 {
		font-size: var(--ipcrg-s-r1);
	}
	h5, .h5 {
		font-size: var(--ipcrg-s-r);
	}
	h6, .h6 {
		font-size: var(--ipcrg-s-r);
	}
}
@media (max-width: 768px) {
	body {
		font-size: 0.95rem;
	}
	h1, .h1 {
		font-size: var(--ipcrg-s-r3);
	}
	h2, .h2 {
		font-size: var(--ipcrg-s-r2);
	}
	legend, .block-title,
	h3, .h3 {
		font-size: var(--ipcrg-s-r1);
	}
	h4, .h4 {
		font-size: var(--ipcrg-s-r1);
	}
	h5, .h5 {
		font-size: var(--ipcrg-s-r);
	}
	h6, .h6 {
		font-size: var(--ipcrg-s-r);
	}
}
	
 /* Default Bootstrap Nav Menu 
-------------------------------------------------------------- */
.tb-megamenu {
  background-color:  #fff;
}

.tb-megamenu .nav > li > a,
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
  border-bottom: 0;
  border-right: none;
  border-top: 0px;
  color:  var(--ipcrg-c-blue);
  padding: 15px 20px;
  font-family: var(--ipcrg-bold-font);
  font-size: var(--ipcrg-s-r2);
  text-decoration: underline;
}
}
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  background-color: #fff;
  color: var(--ipcrg-c-red);
}
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover,
.tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  background-color: var(--ipcrg-c-red);
  color: #fff!important;
	border-radius: 35px;
}

.tb-megamenu .dropdown-menu {
  border-bottom: 15px solid var(--ipcrg-c-red);
}

@media (max-width: 792px) {
.tb-megamenu {display: none;}
}


 /* Mobile Menu
-------------------------------------------------------------- */

@media (min-width: 792px) {
.menu {display: none;}
}

.menu-item {
color:  var(--ipcrg-c-navy);
  font-family: var(--ipcrg-bold-font);
  font-size: var(--ipcrg-s-s);
}

.menu-item a {
color:  var(--ipcrg-c-blue);
}


 /* Text Editor Styles
-------------------------------------------------------------- */
.accordion-button:not(.collapsed) {
    color: white!important;
    background-color: var(--ipcrg-c-blue);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button {
    background-color: var(--ipcrg-c-primary-10);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);	
}
a.accordion-button.collapsed {
	color: var(--ipcrg-c-navy);
}
.group-left {
	padding: 0 25px 0 0;
}

.group-middle {
	padding: 0 25px 0 25px;
}

.group-right {
	padding: 0 0 0 25px;
}

img.ipcrg-welcome {
	width: 40%;
	float: right;
	margin: 0 10px 0 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

img.ipcrg-left {
	width: 20%;
	float: left;
	margin: 0 10px 0 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.group-left	{
	border-right: solid 15px var(--ipcrg-c-red);
}
	
	/* = Footer
-------------------------------------------------------------- */	
@media (min-width: 977px) {
        .region.region-footer {
            display:grid;
            grid-template-columns: 9fr 8fr 8fr;
        }
    }
footer {
	background-color: var(--ipcrg-c-navy);
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	text-decoration: underline;
}
footer .nav-link {
	padding-left: 0;
}
.region-footer h5 {
	color: white;
}
footer a.nav-link.dropdown-toggle {
	float: left
}
.region.region-footer h2 {
	color:white
}
	
#block-b5ipcrg-footertext h2 {
	font-size: var(--ipcrg-s-l);
}
h5#block-b5ipcrg-footer-menu {
	font-size: var(--ipcrg-s-l);
}
h5#block-b5ipcrg-account-menu-menu {
	font-size: var(--ipcrg-s-l);
}

.full-width-banner {
  width: 100%;
}
.full-width-banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* = Buttons
-------------------------------------------------------------- */	
.btn-primary {
	background-color: var(--ipcrg-c-navy);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 0;
	font-family: var(--ipcrg-bold-font);
	font-weight: normal;
	font-size: var(--ipcrg-s-r2);
}
	
.ipcrg-button-red {
	background-color: var(--ipcrg-c-red);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: var(--ipcrg-bold-font);
	font-weight: normal;
	font-size: var(--ipcrg-s-r2);
	border-radius: 35px;
}

.ipcrg-button-blue {
	background-color: var(--ipcrg-c-blue);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: var(--ipcrg-bold-font);
	font-weight: normal;
	font-size: var(--ipcrg-s-r2);
	border-radius: 35px;
}

a.ipcrg-button-red,
a.ipcrg-button-blue {
	color: white!important;
}

a.ipcrg-button-red:hover,
a.ipcrg-button-blue:hover,
.btn-primary:hover {
	text-decoration: underline;
}

.ipcrg-button-red:hover,
.ipcrg-button-blue:hover,
.btn-primary:hover {
  transform: translateY(-2px);
}


	/* =Table styles
-------------------------------------------------------------- */

th {
	background-color: var(--ipcrg-c-blue);
	border: solid 2px var(--ipcrg-c-blue);
	color: white;	
	padding: 8px;
	vertical-align: top;
	font-size: var(--ipcrg-s-r1);
	font-family: var(--ipcrg-bold-font);
}

td {
	border: solid 2px var(--ipcrg-c-blue);
	padding: 8px;
	vertical-align: top;
}


/* CiviCRM form elements */

#crm-container .crm-section .label,
#crm-container .crm-section .content {
	width: 100%;
	left: 0;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 1rem; 
}
#crm-container p {
color: var(--ipcrg-c-primary-text);	
}
#crm-container.crm-public .price-set-row,
.crm-container .description {
	font-size: 1rem;
}
#crm-container .crm-section .label {
	font-family: 'PCRS bold';
	margin-bottom: 10px;
	font-size: 1.175rem;
	float: none;
}
#crm-container fieldset legend {
    font-family:"Avenir LT Heavy";
	color: var(--ipcrg-c-blue);
	font-size: 1.875rem;
	padding: 0;
	margin: 30px 0 0 0;
	line-height: 1.;
	font-weight: unset;
	margin-bottom: 25px
}
#crm-container fieldset {
	border-top: 0px solid transparent;
}

#crm-container .status {
	border-radius: 0;
	padding: 20px;
	border: 0 solid transparent;
	background-color: var(ipcrg-c-lightred);
}
.crm-container a, 
.crm-container a:link, 
.crm-container a:visited {
	color: var(--ipcrg-c-blue);
}
.crm-container a.button, 
.crm-container a.button:link, 
.crm-container a.button:visited, 
.crm-container .ui-dialog-buttonset .ui-button, 
.crm-container .crm-button,
.crm-container .crm-form-submit {
	text-shadow: none;
	border-radius: 25px;
	background-color: var(--ipcrg-c-red);
	padding:15px;
	border: solid 0px var(--ipcrg-c-red);
	font-size: 1rem;
}

.crm-container a.button:hover, 
.crm-container .crm-button:hover,
.crm-container .crm-form-submit:hover {
	text-shadow: none;
	border-radius: 25px;
	background-color: var(--ipcrg-c-navy);
}
#civicrm-footer {
	border-top: 0 solid transparent;
}
#crm-container.crm-public .crm-section {
	margin-top: 20px;
}
#editrow-first_name {
	margin-top: 80px!important;
}
.crm-container .help {
	padding: 20px;
	border: 0 solid transparent;
	border-radius: 0;
	font-size: 0.875rem;
}