/*
Theme Name: YACC 2021
Theme URI:http://www.goodlookinkids.com
Description:
Version:1.0
Author:Good Lookin Kids Inc.
Author URI:http://www.goodlookinkids.com
Tags:

*/

/* ========================================================================== *\
   TABLE OF CONTENTS
\* ==========================================================================

	1. RESET
	2. GENERAL TAGS
	3. STRUCTURE
		3.2 HAMBURGER NAV
			3.2.1 MOBILE NAV
			3.2.2 STICKY NAV
	4. HOME PAGE STYLES
	5. PAGE AND SINGLE POST STYLES
		5.1 GRIDS
			5.1.1 ARCHIVE GRID
			5.1.2 SIMPLE GRID
			5.1.3 RESULTS GRID
			5.1.4 CATEGORY GRID
		5.2 RESOURCES
		5.3 PROGRAMS & FUNDRAISING
		5.4 ABOUT
			5.4.1 TEAM	
		5.5 REGISTER / MEMBERS			
		5.6 PAGINATION
		5.7 THE EVENT CALENDAR OVERRIDES
	6. GENERAL CLASSES
	7. FORM STYLES
	8. ALIGNMENT
	9. CAPTIONS
	10. GUTENBERG
	11. COLUMNS
*/

/* ========================================================================== *\
   1. RESET
\* ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ========================================================================== *\
   2. GENERAL TAGS
\* ========================================================================== */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Cabin', sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 30px;
}

p {
	padding-bottom: 25px;
}

h1,
h2,
h3,
ul.resourceTypes,
blockquote {
	font-family: 'Roboto Condensed', sans-serif;	
}

h1 {
	font-size: 50px;
	line-height: 58px;
	padding-bottom: 20px;
	color: #004D84;
	font-weight: bold;
}

h2 {
	font-size: 42px;
	line-height: 48px;
	color: #004D84;
	padding-bottom: 20px;
	font-weight: bold;
}

h2.underline {
	display: inline-block !important;
	padding-bottom: 2px !important;
	margin-bottom: 20px !important;
}

h2.sectionTitle span,
h2.underline {
	background: linear-gradient(0deg, transparent 5px, #FCD250 6px, #FCD250 16px, transparent 17px); 
}

h2.sectionTitle.alt span {
	background: linear-gradient(0deg, transparent 2px, #FCD250 3px, #FCD250 13px, transparent 14px); 
}

h3.sectionTitle span {
	background: linear-gradient(0deg, transparent 2px, #47AEDB 3px, #47AEDB 13px, transparent 14px); 
}

h3,
h2.alt {
	font-size: 28px;
	line-height: 34px;
	padding-bottom: 20px;
	font-weight: bold;
}

h3.alt {
	font-size: 38px;
	line-height: 48px;
}

h4 {
	color: #004D84;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px;
}

a {
	color: #004D84;
	text-decoration: underline;
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

a:before,
a:after {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;	
}

a:hover {
	color: #47AEDB;
	text-decoration: none;
}

/* :focus,
a:focus img {
	outline: 2px solid #FF4848;   
} */

hr {

}

blockquote {
	display: block;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
	font-weight: bold;
}

blockquote cite {
	display: block;
	color: #00427A;
	font-size: 16px;
	line-height: 21px;
	padding: 20px 0;
	text-align: right;
	font-weight: normal;
	font-family: 'Cabin', sans-serif;
}

blockquote cite:before {
	content: "- ";	
}

blockquote p {
	padding-bottom: 0px;
}

::selection {
	background: #004D84;
	color: #ffffff;
}

::-moz-selection {
	background: #004D84;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
.display-block {
	display: block !important;
}
/* ========================================================================== *\
   3. STRUCTURE
\* ========================================================================== */
.register-modal-container {
	display: none;
}
#wrapper {
	overflow-x: hidden;
}

.skipToContentLink {
	background: #ffffff;
	color: #004D84;
	left: 10px;
	top: 10px;
	padding: 15px 25px;
	font-size: 18px;
	position: absolute;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	transform: translateY(-200%);
	transition: transform 0.3s;
}
	
.skipToContentLink:focus {
	transform: translateY(0%);
}

.promoBanner {
	display: block;
	width: 100%;
	padding: 10px 40px;
	text-align: center;
}

.promoBanner .promoLogo {
	display: block;
	margin: 0 auto;
	max-width: 260px;
}

header {
	display: block;
	width: 100%;
	padding: 20px 0;
}

header .logo {
	display: block;
	width: 250px;
}

@media screen and (max-width: 619px) {
	header .logo {
		width: 180px;
	}
}

@media screen and (max-width: 419px) {
	header .logo {
		width: 160px;
	}
}

header nav {
	display: block;
}

.topBar {
	display: block;
}

.topBar ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

.topBar ul li {
	margin-left: 20px;
}

.topBar ul li a.searchBtn {
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
	color: #004D84;
}

.topBar ul li a.searchBtn:hover {
	color: #000000;
}

.topBar .btn {
	padding: 10px 40px;
}

.menu {
	display: block;
	position: relative;
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 20px;
}

.menu ul {
	display: block;
	padding: 20px 0 0 0;
	position: relative;
	margin: 0 auto;
	list-style:none;
}

.menu ul li {
	display: inline-block;
	margin-left: 30px;
	position: relative;
}

.menu ul li.donate a {
	color: #FF4848;	
}

.menu ul li.donate a:after {
	display: none;
}

.menu ul li.donate a:hover {
	color: #47AEDB;	
}

.menu ul li.donate a:before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 5px;
}

.menu ul li a {
	color: #004D84;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 0 0 20px 0;
}

.menu ul li a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0px;
	height: 2px;
	width: 100%;
	background: transparent;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;	
}

.menu ul li a:hover:after,
.menu ul li.current-page-ancestor a:after,
.menu ul li.current-menu-item a:after {
	background: #EFC129;
	bottom: 15px;
}

.menu ul li a:hover,
.menu ul li.current_page_item a {
	color: #004D84;
}

.menu ul li:hover > ul {
	display: block;
}

.menu ul ul {
	position: absolute;
	display: none;
	text-align: left;
	min-width: 240px;
	top: 100%;
	left: 0px;
	margin: 0;
	text-align: left;
	padding: 0 0 0 0;
	z-index: 999;
	border-radius: 4px !important;
	background: #ffffff;
	box-shadow: 0 0px 10px -2px rgba(0,0,0,.3);
}

.menu ul ul::before {
	content: "";
	display: block;
	position: absolute;
	transform: rotate(45deg);
	top: -5px;
	left: 20px;
	z-index: -1;
	width: 20px;
	height: 20px;
	background: #ffffff;
	box-shadow: 0 0px 10px 2px rgba(0,0,0,0.1);	
}

/* === LAST MENU DROP DOWN === */

.menu ul li:last-child ul {
	left: inherit;
	right: 0px;
}

.menu ul li:last-child ul::before {
	left: inherit;
	right: 20px;
}

/* == END LAST MENU DROP DOWN === */

.menu ul ul li:last-child {
	border-bottom: none;
}

.menu ul ul li {
	height: auto;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid #EEEEEE;
}

.menu ul ul li a {
	color: #004D84 !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding: 10px 20px !important;
	width: 100%;
	background: #ffffff;
}

.menu ul ul li a:after {
	display: none;
}

.menu ul ul li:last-child, 
.menu ul ul li:last-child a {
	border-bottom: none !important;
}

.menu ul ul li a, 
.menu ul li.current_page_item ul li a, 
.menu ul li.current_page_ancestor ul li a {
	display: block;
	text-transform: none;
	letter-spacing: 0px;
	color: #004D84 !important;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 20px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.menu ul ul li a:hover, 
.menu ul li.current_page_item li a:hover,
.menu ul li.current_page_ancestor li a:hover,
.menu ul li.current_page_ancestor ul li.current_page_item a,
.menu ul li.current_page_ancestor ul li.current-menu-item a {
	color: #47AEDB !important;
	border-color: transparent;
}

.menu ul li.current_page_ancestor ul li.current_page_item ul li a,
.menu ul li.current_page_ancestor ul li.current-menu-item ul li a {
	color: #004D84 !important;
}

.menu ul li.current_page_ancestor ul li.current_page_item ul li a:hover,
.menu ul li.current_page_ancestor ul li.current-menu-item ul li a:hover {
	color: #47AEDB !important;
}

.menu ul ul li ul {
	top: 5px;
	left: 95%;	
}

.menu ul ul ul::before {
	display: none;
}

/* ========================= *\
   3.2 HAMBURGER NAV
\* ========================= */

/* ========================= *\
   3.2.1 MOBILE NAV
\* ========================= */

.menuBtn {
	display: none;
	position: absolute;
	top: -30px;
	right: 0px;
	z-index: 99999;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 25px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.menuBtn:focus {
	border: 1px solid #47AEDB;
}

.menuBtn:hover {
	background: transparent;
}

.menuBtn span {
	display: block;
	position: absolute;
	top: 6px;
	left: 0px;
	right: 0px;
	height: 4px;
	background: #004D84;
	border-radius: 2px;
}

.menuBtn span::before,
.menuBtn span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #004D84;
	border-radius: 2px;
	content: "";
}

.menuBtn span::before {
	top: -10px;
}

.menuBtn span::after {
	bottom: -10px;
}

.menuCloseBtn {
	display: none;
	position: absolute;
	top: 30px;
	right: 80px;
	z-index: 999999;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background: transparent;
	border: none;
	cursor: pointer;
}

.menuCloseBtn:hover {
	background: transparent;
}

.menuCloseBtn:focus {
	border: 1px solid #47AEDB;
}

.menuCloseBtn span {
	display: block;
	position: absolute;
	top: 6px;
	left: 0px;
	right: 0px;
	height: 4px;
	background: none;
	border-radius: 2px;
}

.menuCloseBtn span::before,
.menuCloseBtn span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #004D84;
	border-radius: 2px;
	content: "";
}

.menuCloseBtn span {
	background: none !important;
}

.menuCloseBtn span::before {
	top: 0;
	transform: rotate(45deg);
}

.menuCloseBtn span::after {
	bottom: 0;
	transform: rotate(-45deg);
}

.mobileMenu {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 20px 80px;
	z-index: 99999;
	overflow-y: auto;
	background: #ffffff;
}

.mobileMenu.open {
	display: block;	
}

.mobileMenu ul li .btn {
	text-align: center;
	margin-top: 20px;	
}

.mobileMenu ul li:last-child,
.mobileMenu ul li:nth-last-child(2) {
	border-bottom: none;
}

/* == FIRST LEVEL == */

.mobileMenu ul {
	display: block;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin-bottom: 80px;
}

.mobileMenu ul li {
	display: block;
	border-bottom: 1px solid #cccccc;
}

.mobileMenu ul li:last-child {
	border-bottom: none;	
}

.mobileMenu ul li a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	padding: 10px 20px;	
}

.mobileMenu ul li.parent a:after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	display: block;
	float: right;
	font-size: 20px;	
}

.mobileMenu ul li.donate a {
	color: #FF4848;
}

.mobileMenu ul li.donate a:before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	color: #FF4848;
	display: inline-block;
	margin-right: 10px;
}

.mobileMenu ul li.parent.active a:after {
	content: "\f068";
}

/* == SECOND LEVEL == */

.mobileMenu ul li ul {
	display: none;
	border-top: 1px solid #cccccc;
	margin-bottom: 0px;
}

.mobileMenu ul ul li:nth-last-child(2) {
	border-bottom: 1px solid #cccccc;	
}

.mobileMenu ul li.parent ul li a:after {
	display: none;
}

.mobileMenu ul li.parent.active ul li a:after {
	display: none;
}

.mobileMenu ul li ul li a {
	font-size: 16px;
	font-weight: normal;
	background: #f6f6f6;
}

.mobileMenu ul li ul li a:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
}

.mobileMenu ul li ul li a:after {
	display: none;	
}

/* == THIRD LEVEL == */

.mobileMenu ul li ul li ul {
	border-bottom: none;
	margin-bottom: 0px;
}

.mobileMenu ul li ul li ul li {
	
}

.mobileMenu ul li ul li ul li a {
	padding-left: 60px;
	text-indent: -10px;
}

/* == ACTIVE STATES == */

.mobileMenu ul ul li a, 
.mobileMenu ul li.current_page_item ul li a, 
.mobileMenu ul li.current_page_ancestor ul li a {
	color: #004D84 !important;
}

.mobileMenu ul ul li a:hover, 
.mobileMenu ul li.current_page_item li a:hover,
.mobileMenu ul li.current_page_ancestor li a:hover,
.mobileMenu ul li.current_page_ancestor ul li.current_page_item a,
.mobileMenu ul li.current_page_ancestor ul li.current-menu-item a {
	color: #47AEDB !important;
}

.mobileMenu ul li.current_page_ancestor ul li.current_page_item ul li a,
.mobileMenu ul li.current_page_ancestor ul li.current-menu-item ul li a {
	color: #004D84 !important;
}

.mobileMenu ul li.current_page_ancestor ul li.current_page_item ul li a:hover,
.mobileMenu ul li.current_page_ancestor ul li.current-menu-item ul li a:hover {
	color: #47AEDB !important;
}

/* ========================= *\
   3.2.2 STICKY NAV
\* ========================= */

.c-hamburger {
	display: none;
	position: absolute;
	top: 25px;
	right: 40px;
	z-index: 999999;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 25px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.c-hamburger:hover {
	background: transparent;
}

.c-hamburger:focus {
	border: 1px solid #47AEDB;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 6px;
	left: 0px;
	right: 0px;
	height: 4px;
	background: #004D84;
	border-radius: 2px;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #004D84;
	border-radius: 2px;
	content: "";
}

.c-hamburger span::before {
	top: -10px;
}

.c-hamburger span::after {
	bottom: -10px;
}

.c-hamburger--htx {
	background:transparent;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background: transparent;
}

.c-hamburger--htx.is-active span {
	background: none !important;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
	background: #004D84;
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
	background: #004D84;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
}

ul.sponsors {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 0px;
	row-gap: 40px;
	max-width: 750px;
	margin: 80px auto 20px auto;
}

ul.sponsors li {
	display: block;
	text-align: center;	
}

ul.sponsors li img {
	display: block;
	margin: 0 auto;
	max-height: 75px;	
}

footer {
	display: block;
	width: 100%;
}

footer .footerTop {
	display: block;
	background: #002C51;
	padding: 20px 0;
}

ul.footerMenu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

ul.footerMenu li {
	display: block;
}

ul.footerMenu li a {
	color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
}

ul.footerMenu li a:hover {
	color: #EFC129;
}

.footerLogo {
	display: block;
	width: 105px;
}

.footerMiddle {
	display: block;
	width: 100%;
	padding: 60px 0;
	background: #004D84;
	color: #ffffff;
}

.footerMiddle .btn {
	color: #000000;
	background:#EFC129;	
	border-color: #EFC129;
	margin-right: 20px;
}

.footerMiddle .btn.ghost {
	color: #ffffff;
	border-color: #ffffff;
}

.footerMiddle .btn:hover,
.footerMiddle .btn.ghost:hover {
	background: #002C51;
	color: #ffffff;
	border-color: #002C51;
}

.footerMiddle h2 {
	font-size: 60px;
	line-height: 70px;
	color: #ffffff;
}

.footerMiddle h3 {
	font-size: 32px;
	line-height: 40px;	
	color: #ffffff;
}

.footerMiddle .columns .col {
	width: 45%;
}

.footerMiddle .columns .col img {
	display: block;
	border-radius: 20px;
	margin: -20px 0 40px 0;
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.footerMiddle .columns.contactDetails {
	max-width: 660px;
	font-size: 16px;
	line-height: 26px;
}

.footerMiddle .columns.contactDetails .col {
	width: auto;	
}

.footerMiddle .columns.contactDetails a {
	color: #ffffff;
	text-decoration: none;
}

.footerMiddle .columns.contactDetails a:hover {
	color: #47AEDB;
}

.footerMiddle ul li {
	margin-bottom: 5px;
}

.footerBottom {
	display: block;
	width: 100%;
	background: #ffffff;
	font-size: 16px;
	line-height: 20px;
	padding: 30px 0;
	color: #000000;
}

.footerBottom .columns .col {
	width: 30%;
}

.footerBottom .columns .col:last-child {
	text-align: right;	
	width:65%;
}

.overlay.inactive {
	display: none;
}

.overlay {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	position: relative;
	position: fixed;
	overflow-y: auto;
	padding: 20%;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	color: #ffffff;
	background: rgba(0,66,122,1);
}

.overlay .inner {
	display: block;
	min-width: 750px;
}

.overlay label {
	display: block !important;
	color: #ffffff !important;
	font-size: 45px !important;
	line-height: 55px !important;
	padding-bottom: 20px !important;
	font-weight: bold !important;
}

.closeSearch {
	display: block;
	position: absolute;
	top: 40px;
	right: 40px;
	width: 60px;
	height: 60px;
	background: url('images/close.svg');
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -999999px;
	overflow: hidden;
	cursor: pointer;
}

.closeSearch:hover {
	transform: scale(1.1,1.1);	
}

.closeSearch:focus {
	border: 1px solid #FF4848;	
}

.shareLabel {
	display: block;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #111111;		
}

ul.share {
	display: flex;
	flex-direction: row;
	margin: 0px !important;
}

ul.share li {
	display: block;
	margin: 0 5px;
}
	
ul.share li a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	width: 50px;
	height: 50px;
	padding: 12px 0;
	border: 2px solid #47AEDB;
	color: #004D84;
	text-align: center;
}	

ul.share li a i {
	display: inline-block;
}

ul.share li a:hover {
	background: #004D84;
	border-color: #004D84;
	color: #ffffff;
	transform: scale(1.1,1.1);	
}

/* ========================================================================== *\
   4. HOME PAGE STYLES
\* ========================================================================== */

.hero.home {
	padding-bottom: 60px;
}

.hero.home h1 {
	font-weight: normal;	
}

.hero.home .columns .col:first-child {
	width: 45%;
}

.hero.home .columns .col:first-child p {
	max-width: 440px;
	padding-bottom: 40px;	
}

.hero.home .columns .col:last-child {
	width: 55%;
}

.resourceContainer {
	display: block;
	width: 100%;
	min-height: 740px;
	padding: 20px 0;
	background: url('images/here-for-you-bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1440px 732px;
}

.resourceContainer .arrow {
	margin: 20px 0 0 -95px;
}

.resourceContainer .columns .col:first-child {
	width: 52%;
}

.resourceContainer .columns .col:last-child {
	width: 40%;
	padding-right: 80px;
}

.resourceContainer .columns .col:last-child ul {
	margin: 20px 0 0 0;
	padding-left: 20px;
}

.resourceContainer .columns .col:last-child ul li {
	display: list-item;
	list-style-type: disc;
	margin-bottom: 30px;
}

ul.resourceTypes {
	display: block;
	width: 100%;
	margin: 20px 0 !important;
}

ul.resourceTypes li {
	display: block;
	margin-bottom: 20px !important;
}

ul.resourceTypes li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 10px;
	text-decoration: none;
	background: #ffffff;
	box-shadow: -5px 5px 15px rgba(0,0,0,0.15);
}

ul.resourceTypes li a:hover {
	transform: scale(1.1,1.1);
}

ul.resourceTypes li a img {
	display: block;
	width: 20%;
	border-radius: 10px 0 0 10px;
}

ul.resourceTypes li a p {
	width: 80%;
	padding: 0 20px 0 40px;
	font-size: 34px;
	line-height: 36px;
}

.supportContainer .arrow {
	display: block;
	margin: 0 auto;
}

.heartContainer {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	min-height: 220px;
	padding: 60px 0;
	text-align: center;
	background: url('images/heart.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 250px auto;
}

.heartContainer .btn {
	color: #FF4848;
	border-color: #FF4848;
	background: #ffffff;
}

.heartContainer .btn:hover {
	background: #004D84;
	border-color: #004D84;
	color: #ffffff;
}

.latestNewsContainer {
	display: block;
	width: 100%;
	padding: 0 0 100px 0;
	background: url('images/latestNews-container-bg.jpg');
	background-position: center top 150px;
	background-repeat: no-repeat;
	background-size: cover;
}

.latestNewsContainer .btn {
	display: block;
	text-align: center;	
}

body.home .sponsorsContainer {
	padding-top: 100px;	
}

/* ========================================================================== *\
   5. PAGE AND SINGLE POST STYLES
\* ========================================================================== */

.hero {
	display: block;
	width: 100%;
	padding: 60px 0 40px 0;
}

.hero .meta {
	display: block;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 10px solid #f2f2f2;
	color: #666666;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs {
	display: none !important;
}

.breadcrumb {
	display: block;
	font-size: 15px;
	line-height: 20px;
	padding: 15px 0px;
	background: #f2f2f2;
}

.breadcrumb span {
	color: #cccccc;
}

.breadcrumb span.current {
	color: #000000;
	font-weight: bold;	
}

.entry-content .featuredImage img {
	display: block;
	width: 100%;
}

.entry-content h2.underline {
	display: block !important;
	margin-bottom: 40px !important;
}

.entry-content h2.sectionTitle.alignwide {
	margin-bottom: 0px;	
}

.featuredImage.rounded img,
img.rounded {
	display: block;
	border-radius: 10px;
}

.main {
	display: block;
	width: 100%;
	padding: 0 0 40px 0;
}

.main.noHero {
	padding-top: 40px;
}

.main ul,
.main ol {
  margin: 0 auto 20px 40px;
  list-style-position: outside;
}

.main .wp-block-column ul li,
.main .wp-block-column ol li {
  margin-left: 1em;
  font-size: 16px;
  line-height: 23px;
}

.main ul li,
.main ol li {
	margin-bottom: 10px;
}

.main ul ul,
.main ul ol,
.main ol ul,
.main ol ol {
	margin-top: 10px !important;
	margin-left: 40px;
}

.main ul ol li {
	list-style-type: decimal;
}

.main ol ul li {
	list-style-type: disc;
}

.main ol ol li,
.main ol.alpha li {
	list-style-type: lower-alpha;
}

.main ul ul li {
	list-style-type: circle;
}

.main ul li {
	list-style-type: disc;	
}

.main ol li {
	list-style-type: decimal;
}

.main .entry-content ul,
.main .entry-content ol {
	margin: 0 auto 40px auto;	
}

.sidebar label {
	display: none;
}

.sidebar .widget {
	display: block;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 40px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.sidebar .widget ul {
	margin: 0px;	
	border-top: 1px solid #cccccc;
}

.sidebar .widget ul li {
	margin: 0px;
	list-style-type: none;
	border-bottom: 1px solid #cccccc;	
}

.sidebar .widget ul li a {
	display: block;
	font-size: 18px;	
	padding: 10px 0;
	text-decoration: none;
}

.sidebar .widget ul li a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	display: block;
	float: right;	
}

.sidebar .widget ul li a:hover:after {
	transform: translateX(-5px);
}

/* ====================================== *\
   5.1 GRIDS
\* ====================================== */

/* ====================================== *\
   5.1.1 ARCHIVE GRID
\* ====================================== */

ul.archiveGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 40px;
	margin: 20px 0 0 0;
}

ul.archiveGrid.third {
	grid-template-columns: repeat(3, 1fr);
}

ul.archiveGrid li {
	display: block;
	margin: 0px;
}

ul.archiveGrid li a {
	display: block;
}

ul.archiveGrid li .container {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	text-decoration: none;
	color: #000000;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
}

ul.archiveGrid li a:hover img {
	transform: scale(1.1,1.1);	
}

ul.archiveGrid li .image {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 10px 10px 0 0;
}

.postDate {
	display: block;
	padding: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
}

.type {
	display: inline-block !important;
	text-decoration: none;
	padding: 5px 20px;
	margin-bottom: 20px;
	color: #004D84;	
	background: #ffffff;
	color: #004D84 !important;
	border: 2px solid #004D84;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
}

.type:hover,
.type.alt {
	background:#EFC129;
	color: #000000 !important;
	border-color: #EFC129;	
}

ul.archiveGrid li .image img {
	position: static;
	z-index: 1;	
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.archiveGrid li .image:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	width: 100%;
	height: 40px;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #FFFFFF 80%, #FFFFFF 100%);
}

ul.archiveGrid li .details {
	background: #ffffff;
	border-radius: 0 0 10px 10px;
	padding: 20px 40px 40px 40px;
	font-size: 16px; 
	line-height: 24px;
}

ul.archiveGrid li .details a.more {
	font-size: 18px;
	display: inline-block;
}

ul.archiveGrid li a.alt {
	text-decoration: none !important;
	color: #000000;
}

ul.archiveGrid li a.alt:hover {
	color: #47AEDB;	
}

/* ====================================== *\
   5.1.2 SIMPLE GRID
\* ====================================== */

ul.simpleGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 20px;	
	margin: 20px 0 0 0;
}

ul.simpleGrid li {
	display: block;
	margin: 0px;
}

ul.simpleGrid li a {
	color: #000000;
	text-decoration: none;
}

ul.simpleGrid li a:hover {
	color: #47AEDB;
}

ul.simpleGrid li a img {
	display: block;
	border-radius: 10px;
	margin-bottom: 20px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.simpleGrid li a:hover img {
	transform: scale(1.1,1.1);
}

/* ====================================== *\
   5.1.3 RESULTS GRID
\* ====================================== */

ul.resultsGrid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	column-gap: 30px;
	row-gap: 20px;	
	margin: 20px 0 0 0;
}

body.blog ul.resultsGrid,
body.category ul.resultsGrid {
	margin-top: 0px;
}

ul.resultsGrid.twoCol {
	grid-template-columns: repeat(2, 1fr);
	row-gap: 30px;	
}

ul.resultsGrid li {
	display: block;
	padding: 30px 40px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
	margin: 0px;
}

ul.resultsGrid li img {
	display: block;
	border-radius: 10px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.resultsGrid li a:hover img {
	transform: scale(1.1,1.1);
}

ul.resultsGrid li a {
	color: #000000;
	text-decoration: none;
}

ul.resultsGrid li a:hover {
	color: #47AEDB;
}

ul.resultsGrid li .meta {
	font-size: 16px;
	line-height: 24px;
}

ul.resultsGrid li .meta a {
	color: #FF4848;
	text-decoration: none;
}

ul.resultsGrid li .meta a:hover {
	color: #47AEDB;
}

/* ====================================== *\
   5.1.4 CATEGORY GRID
\* ====================================== */

ul.categoryGrid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	column-gap: 30px;
	row-gap: 40px;	
	margin: 20px 0px 40px 0;
}

ul.categoryGrid li {
	display: block;
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	overflow: hidden;
	margin: 0px;
}

ul.categoryGrid li a {
	text-decoration: none;
	color: #000000;
}

ul.categoryGrid li a:hover img {
	transform: scale(1.1,1.1);
}

ul.categoryGrid li img {
	display: block;
	position: static;
	z-index: 1;
	border-radius: 10px;	
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.categoryGrid li h3 {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
	padding: 30px 20px 20px 20px;
	margin: 0px;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 50%);
	border-radius: 0 0 10px 10px;
}

/* ====================================== *\
   5.2 RESOURCES
\* ====================================== */

.perksContainer {
	display: block;
	width: 100%;
	padding: 100px 0;
	background: url('images/starburst-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#FFD135;
}

.perksContainer h2.sectionTitle {
	color: #000000;
	font-size: 38px;
	line-height: 48px;
}

.perksContainer h2.sectionTitle span {
	background: linear-gradient(0deg, transparent 2px, #47AEDB 3px, #47AEDB 13px, transparent 14px); 
}

.perksContainer .btn.ghost {
	background-color: #ffffff;
}

.perksContainer .btn.ghost:hover {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

ul.perks {
	display: grid;
	margin: 20px 0 40px 0;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 60px;
}

ul.perks li {
	display: block;
	margin: 0px;
	position: relative;
	padding-left: 50px;
}

ul.perks li:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 25px;
	background: url('images/check.svg');
	background-position: center center;
	background-size: 30px 25px;
	background-repeat: no-repeat;
}

.perksContainer .btn {
	min-width: 380px;
	text-align: center;
}

.perksContainer .btn:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;	
}

.perksContainer .leftArrow {
	display: inline-block;
	width: 86px;
	margin-right: 20px;
}

.perksContainer .rightArrow {
	display: inline-block;
	width: 86px;
	margin-left: 20px;
}

.videoContainer{
	display: block;
	width: 100%;
	padding: 100px 0 20px 0;
}

.entry-content {
	position: relative;
}

.youtube-responsive-container {
	display: block;
	width: 100%;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.youtube-responsive-container iframe, 
.youtube-responsive-container object, 
.youtube-responsive-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

ul.resources {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 30px;
	margin: 20px 0 40px 0;
}

ul.resources li {
	display: flex;
	flex-direction: column;
	margin: 0;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
	border-radius: 10px;
	padding: 40px;
}

ul.resources li p {
	font-size: 16px;
	line-height: 24px;	
	flex-grow: 1;
}

ul.resources li .btn {
	display: block;
	width: 100%;
	text-align: center;
}

/* ====================================== *\
   5.3 PROGRAMS & FUNDRAISING
\* ====================================== */

.hero.program {
	padding-bottom: 100px;
}

.hero.program .columns .col {
	width: 48%;
}

.hero.program .columns .col:first-child p {
	max-width: 480px;
	padding-bottom: 40px;	
}

.hero.program .btn {
	margin-right: 10px;
}

#details .columns .col {
	width: 46%; 
}

.banner {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.starburstContainer {
	display: block;
	width: 100%;
	padding: 100px 0;
	margin-bottom: 100px;
	background: url('images/starburst-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color:#FFD135;
}

.starburstContainer .btn.ghost {
	min-width: 0px;
	background-color: #ffffff;
}

.starburstContainer .btn.ghost:hover {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

.speaker {
	display: block;
	margin: 50px 0 0 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

ul.programSchedule {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 20px;
	margin: 20px 0 0 0;
}

ul.programSchedule li {
	margin: 0;
	display: block;	
}

ul.gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 30px;
	row-gap: 30px;
	margin: 20px 0 0 0;
}

ul.gallery.third {
	grid-template-columns: repeat(3, 1fr);
}

ul.gallery li {
	display: block;
	margin: 0;	
}

ul.gallery li a img {
	display: block;	
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}
	
ul.gallery li a:hover img {
	transform: scale(1.1,1.1);
}	

.accordianContainer {
	display: block;
	margin-top: 20px;
}

.accordianItem {
	display: block;
	padding: 0px;
	margin: 0px auto 20px auto;
	border-radius: 10px;
	box-shadow: -5px 5px 15px rgba(0,0,0,0.15);
}

.accordianTitle {
	display: block;
	width: 100%;
	text-align: left;
	cursor: pointer;
	font-weight: normal;
	padding: 20px 40px;
	color: #000000;
	font-size: 24px;
	background: transparent;
	font-weight: bold;
	border: none;
	font-family: 'Roboto Condensed', sans-serif;	
}

.accordianTitle:before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	color: #47AEDB;
	display: block;
	float: left;
	margin-right: 10px;
}

.accordianTitle.active:before {
	content:"\f068";
	font-family: "Font Awesome 5 Free";
}

a.accordianTitle:hover {
	text-decoration: none;
}

.accordianBody {
	display: none;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 40px 20px 40px;
}

.stickyNav {
	display: block;
	position: absolute;
	z-index: 55;
	background: #ffffff;
	width: 100%;
	padding: 20px 0 0 0;
	border-top: 5px solid #EFC129;
	box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.stickyNavTitle {
	display: none;
	font-weight: bold;
	font-size: 20px;
	color: #004D84;
	margin-left: 40px;
}

.stickyNav.stick {
	position: fixed;
	top: 0px;	
}

.stickyNav ul {
	display: flex;
	max-width: 1140px;
	margin: 0px auto;
}

.stickyNav ul li {
	display: block;
	margin: 0px;
	padding: 0 20px;	
}

.stickyNav ul li:first-child {
	padding-left: 0px;	
}

.stickyNav ul li:last-child {
	padding-right: 0px;	
}

.stickyNav ul li a {
	display: block;
	color: #004D84;
	padding: 0 0 10px 0;
	text-decoration: none;
	border-bottom: 5px solid transparent;	
}

.stickyNav ul li a.current,
.stickyNav ul li a:hover {
	color: #000000;
	border-bottom-color: #FCD250;
}

/* ====================================== *\
   5.4 ABOUT
\* ====================================== */

/* ====================================== *\
   5.4.1 TEAM
\* ====================================== */

.hero.team {
	background: url('images/team-hero-bg.png');
	background-position: bottom center;
	background-size: 1047px 224px;
	background-repeat: no-repeat;
	padding-bottom: 60px;
	margin-bottom: 20px;
	min-height: 250px;
}

.hero.team .content {
	max-width: 750px;
	margin: 0 auto;	
}

.hero.team h1 {
	padding-bottom: 0px;
}

.hero.team p {
	padding-bottom: 10px;
}

ul.tags {
	display: block;
	margin: 0 0 20px 0;
}

ul.tags li {
	display: inline-block;
	margin-right: 20px;
}

/* ====================================== *\
   5.5 REGISTER / MEMBERS
\* ====================================== */

.hero.register .columns .col:first-child {
	position: relative;
}

.hero.register .columns .col:first-child:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	right: 75px;
	width: 121px;
	height: 64px; 
	background: url('images/right-arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 121px 64px;
}

#register form {
	display: block;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}

.loginForm {
	display: block;
	width: 100%;
	padding: 40px;
	margin: 0 auto;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}

.loginForm p {
	padding-bottom: 0px;
}

.loginForm input[type="submit"] {
	margin-bottom: 40px;;
}

ul.stats {
	display: block;
	margin: 20px 0 40px 0;
	border-top: 1px solid #cccccc;
}

ul.stats li {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}

.membersHighlight {
	border: 5px solid #EFC129;
	border-radius: 10px;
	padding: 40px;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}

.membersHighlight ul {
	margin: 0 0 20px 0;	
}

.membersHighlight h2 {
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 10px;
}

.membersHighlight ul.stats {
	margin-top: 0px;
}

.membersHighlight ul.stats li {
	padding: 5px 0;
}

.upcoming-event-text {
	padding-left: 30px;
}

.upcoming-event-day {
	display: block;
	width: 100%;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.upcoming-event-month {
	display: block;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
}

ul.quickLinks {
	display: block;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #cccccc;
}

ul.quickLinks li {
	display: block;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
}

ul.quickLinks li a {
	display: block;
	text-decoration: none;
	padding: 10px 40px 10px 0;
	position: relative;
}

ul.quickLinks li a:after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	color: #004D84;
	position: absolute;
	right: 0px;
}

ul.quickLinks li a:hover:after {
	right: 5px;
}

/* ====================================== *\
   5.6 PAGINATION
\* ====================================== */

.pagination {
	display: block;
	padding: 40px 0 0 0;
	margin: 0 auto;
	color: #004D84;
	text-align: center;
}

.pagination ul {
	margin: 0px;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    color: #004D84;
    text-decoration:none;
}
 
.pagination li {
    display: inline-block;
	margin: 0 2px;
}
 
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	display: inline-block;
    background-color: #ffffff;
	border: 1px solid #004D84;
	text-align: center;
    cursor: pointer;
    padding: 10px 20px;
	min-width: 50px;
	font-size: 16px;
	line-height: 30px;
}
 
.pagination li a:hover,
.pagination li.active a {
	color: #ffffff;
    background-color: #004D84;
}

.pagination li.next a,
.pagination li.prev a {
	border: none;
	font-size: 30px;
	line-height: 16px;
	height: 45px;
}

.pagination li.next a:hover,
.pagination li.prev a:hover {
	color: #47AEDB;
	background: transparent;
}

/* ====================================== *\
   5.7 THE EVENT CALENDAR OVERRIDES
\* ====================================== */

.eventContainer {
	display: block;
	padding: 60px 0; 
}

label .screen-reader-text {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
}

#tribe-events-pg-template {
	max-width: 100%;
	padding: 0px 0px 0px;
}

.tribe-rsvp-list {
	width: 100% !important;
	display: block !important;
}

.tribe-rsvp-list > .tribe-item .tribe-answer {
	float: none !important;
	display: block;
	max-width: 300px;
}

.ticket-type {
	display: none;
}

.tribe-events-widget-events-list__event-row {
	display: block;
	padding: 30px 20px !important;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
	margin: 0px;
}

.tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-organizer__meta-content {
	width: 100% !important;
}

.tribe-events-back {
	margin-bottom: 0px;
}

.tribe-events-back a, 
.tribe-events-back a:visited {
	color: #004D84;
	font-size: 20px;
}

.event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon {
	background-color: #004D84 !important;
}

.tribe-link-view-attendee {
	display: block !important;
	padding: 40px 20px;
	background: #ffffff;
	margin-top: 20px;
	border: 3px solid #004D84 !important;
	border-radius: 10px;
}

.tribe-events-back a:hover {
	color: #47AEDB;
}

.tribe-events-single-event-title {
	color: #004D84;
	font-size: 40px;
	line-height: 58px;
	font-family: 'Roboto Condensed', sans-serif;
}

.tribe-events-schedule {
	margin: 20px 0 40px 0;
	padding: 20px;
	width: 100%;
	background-color: #eeeeee;
	border-radius: 5px;
}

.tribe-events-schedule h2 {
	padding-bottom: 0px;	
}

.tribe-events-event-image img {
	display: block;
	border-radius: 10px;
	margin-bottom: 20px;
	max-width: 400px;
    text-align: center;
    margin: auto;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-bottom: 0px;
	padding: 0 0 0 0;
}

.tribe-common-c-svgicon--search {
	display: none !important;
}

.tribe-events-cal-links .tribe-events-gcal {
	display: inline-block;
	font-family: 'Cabin', sans-serif;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px 40px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	background-color: #004D84;
	border: 2px solid #004D84;
}

.tribe-events-cal-links .tribe-events-ical {
	display: inline-block;
	font-family: 'Cabin', sans-serif;
	border-radius: 5px;
	padding: 10px 40px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	background: transparent;
	color: #004D84;
	border: 2px solid #004D84;
}

.tribe-events-cal-links .tribe-events-gcal:hover, 
.tribe-events-cal-links .tribe-events-ical:hover {
	color: #000000;
	background-color: #EFC129;
	border-color: #EFC129;	
}

.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
	display: inline-block;
	font-family: 'Cabin', sans-serif;
	font-weight: normal;
	border-radius: 5px;
	padding: 10px 40px;
	margin-top: 40px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	background: transparent;
	color: #004D84 !important;
	border: 2px solid #004D84 !important;
}

.tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover {
	color: #000000 !important;
	background-color: #EFC129 !important;
	border-color: #EFC129 !important;	
}

.event-tickets .tribe-tickets__rsvp-wrapper {
	border-radius: 10px;
	border: 1px solid #cccccc;
	max-width: 100%;
	width: 100% !important;
	margin-top: 40px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}

.event-tickets .tribe-tickets__rsvp-wrapper {
	max-width: 100% !important;
	width: 100% !important;
}


.tribe-events .tribe-events-calendar-month__day-cell--selected, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:focus, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
	background-color: #ffffff;
}

.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: #004D84;
}

.tribe-common .tribe-common-anchor-alt {
	border-bottom: 2px solid #004D84;
	color: #000000;
}

.tribe-common .tribe-common-anchor-alt:active,
.tribe-common .tribe-common-anchor-alt:focus,
.tribe-common .tribe-common-anchor-alt:hover {
	border-bottom: 2px solid #004D84;
	color: #004D84;
}

.tribe-common .tribe-common-anchor-thin-alt {
	border-bottom: 1px solid #004D84;
	color: #000000;
}
.tribe-common .tribe-common-anchor-thin-alt:active,
.tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-common .tribe-common-anchor-thin-alt:hover {
	border-bottom: 1px solid #004D84;
	color: #004D84;
}

.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-alt:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-alt:hover,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-anchor-thin-alt:hover {
	color: #004D84;
}

.tribe-common .tribe-common-form-control-toggle__input:checked {
	background-color: #004D84;
}

.tribe-common .tribe-common-form-control-slider__input::-moz-range-track {
	background-color: #004D84;
}

.tribe-common .tribe-common-form-control-slider__input::-ms-fill-lower,
.tribe-common .tribe-common-form-control-slider__input::-ms-fill-upper {
	background-color: #004D84;
}

.tribe-common .tribe-common-form-control-slider__input::-webkit-slider-runnable-track {
	background-color: #004D84;
}

.tribe-common .tribe-common-c-svgicon {
	color: #004D84;
}

.tribe-common .tribe-common-c-btn:focus,
.tribe-common .tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:focus,
.tribe-common a.tribe-common-c-btn:hover {
	background-color: rgba(0, 77, 132, 0.8);
}

.tribe-common .tribe-common-c-btn:active,
.tribe-common a.tribe-common-c-btn:active {
	background-color: rgba(0, 77, 132, 0.9);
}

.tribe-common .tribe-common-c-btn:disabled,
.tribe-common a.tribe-common-c-btn:disabled {
	background-color: rgba(0, 77, 132, 0.07);
}

.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn:hover {
	background-color: rgba(0, 77, 132, 0.8);
}

.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn {
	color: #004D84;
}

.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:focus,
.tribe-theme-twentytwenty .tribe-common .tribe-common-c-btn:hover {
	background-color: rgba(0, 77, 132, 0.8);
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
	background-color: #004D84;
}

.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-c-btn-border:hover {
	background-color: #004D84;
}

.tribe-common .tribe-common-cta--alt {
	border-bottom: 2px solid #004D84;
	color: #000000;
}

.tribe-common .tribe-common-cta--alt:active,
.tribe-common .tribe-common-cta--alt:focus,
.tribe-common .tribe-common-cta--alt:hover {
	border-bottom: 2px solid #004D84;
	color: #004D84;
}

.tribe-common .tribe-common-cta--thin:active,
.tribe-common .tribe-common-cta--thin:focus,
.tribe-common .tribe-common-cta--thin:hover {
	border-bottom: 1px solid #000000;
}

.tribe-common .tribe-common-cta--thin-alt {
	border-bottom: 1px solid #004D84;
	color: #000000;
}

.tribe-common .tribe-common-cta--thin-alt:active,
.tribe-common .tribe-common-cta--thin-alt:focus,
.tribe-common .tribe-common-cta--thin-alt:hover {
	border-bottom: 1px solid #004D84;
	color: #004D84;
}

.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--alt:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--alt:hover,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--thin-alt:focus,
.tribe-theme-twentyseventeen .tribe-common .tribe-common-cta--thin-alt:hover {
	color: #004D84;
}

.tribe-common .tribe-common-h1 {
	color: #000000;
}

.tribe-common .tribe-common-h2 {
	color: #000000;
}

.tribe-common .tribe-common-h3 {
	color: #000000;
}

.tribe-common .tribe-common-h4 {
	color: #000000;
}

.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6 {
	color: #000000;
}

.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h1 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h2 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h3 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h4 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h5,
.tribe-theme-avada #main .tribe-common .tribe-common-h6 {
	color: #000000;
}

.tribe-theme-avada #main .tribe-common .tribe-common-h7,
.tribe-theme-avada #main .tribe-common .tribe-common-h8 {
	color: #000000;
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
	color: #000000;
	border: 1px solid #004D84;
	color: #004D84;
}

.tribe-common .tribe-common-c-btn-border:focus,
.tribe-common .tribe-common-c-btn-border:hover,
.tribe-common a.tribe-common-c-btn-border:focus,
.tribe-common a.tribe-common-c-btn-border:hover {
	background-color: #004D84;
}

.tribe-events .tribe-events-c-ical__link {
	border: 1px solid #004D84;
	color: #004D84;
}

.tribe-events .tribe-events-c-ical__link:active, 
.tribe-events .tribe-events-c-ical__link:focus, 
.tribe-events .tribe-events-c-ical__link:hover {
	background-color: #004D84;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, 
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
	color: #004D84;
	font-weight: 700;
}

.tribe-events .datepicker .day.active, 
.tribe-events .datepicker .day.active.focused, 
.tribe-events .datepicker .day.active:focus, 
.tribe-events .datepicker .day.active:hover, 
.tribe-events .datepicker .month.active, 
.tribe-events .datepicker .month.active.focused, 
.tribe-events .datepicker .month.active:focus, 
.tribe-events .datepicker .month.active:hover, 
.tribe-events .datepicker .year.active, 
.tribe-events .datepicker .year.active.focused, 
.tribe-events .datepicker .year.active:focus, 
.tribe-events .datepicker .year.active:hover {
	background: #004D84;
}

.tribe-events-meta-group {
	flex: auto;
	margin-right: 0px;
}

.tribe-events-event-meta.primary, 
.tribe-events-event-meta.secondary {
	width: 100% !important;
	display: flex !important;
	justify-content: space-between !important;
}

.tribe-events-meta-group {
	padding: 40px 0 20px 0;
	width: 30% !important;
}

.tribe-events-event-meta {
	color: #000000;
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	color: #000000;
	font-size: 30px;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.tribe-events-event-meta dl {
	display: block;	
}

.tribe-events-event-meta dl dt {
	font-weight: bold;
	font-size: 20px;
	display: block;
	margin-right: 5px;
}

.tribe-events-event-meta dl dd {
	display: block;
}

.tribe-events-event-categories,
.tribe-event-tags {
	margin: 20px 0 0 0;
	color: #ffffff;
}

.tribe-events-event-categories a,
.tribe-event-tags a,
.tribe-events-event-meta a, 
.tribe-events-event-meta a:visited,
.tribe-events-event-meta a, 
.tribe-events-event-meta a:visited {
	background: transparent;
	color: #004D84 !important;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 40px;
	margin: 0 10px 10px 0;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	border: 2px solid #004D84;
}

.tribe-events-event-categories a:hover,
.tribe-event-tags a:hover,
.tribe-events-event-meta a:hover, 
.tribe-events-event-meta a:hover {
	color: #000000 !important;
	background-color: #EFC129;
	border-color: #EFC129;	
}

/* ========================================================================== *\
   6. GENERAL CLASSES
\* ========================================================================== */

.btn {
	display: inline-block;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px 40px;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	background-color: #004D84;
	border: 2px solid #004D84;
}

.btn:hover,
.btn.ghost:hover {
	color: #000000;
	background-color: #EFC129;
	border-color: #EFC129;
}

.btn.ghost.donate {
	background-color: #ffffff;
}

.btn.ghost.donate:hover {
	background-color: #FF4848;;
	color: #ffffff;
	border-color: #FF4848;
}

.btn.donate:before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	color: #FF4848;
	display: inline-block;
	margin-right: 10px;
}

.btn.donate:hover:before {
	color: #ffffff;
}

.btn.ghost {
	background: transparent;
	color: #004D84;
}

.btn.right {
	float: right;
}

.btn.block {
	display: block;
	text-align: center;
}

.contentWrap {
	display: block;
	widows: 100%;
	padding: 100px 0 80px 0;
}

.contentWrap.alt {
	padding: 100px 0 0 0;
}

.contentWrap.alt.short {
	padding: 50px 0 0 0;
}

.center {
	text-align: center;
}

.clear {
    clear:both;
}

.inline {
	display: inline !important;
}

.hide {
	display: none;
}

.noscroll {
	overflow: hidden;
}

.red {
	color: #FF4848;
}

.blue {
	color: #004D84;	
}

.subtitle {
	display: block;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	color: #004D84;
}

.quote {
	display: block;
	margin-bottom: 60px;
}

.quote img {
	display: block;
	border-radius: 10px;
}

.middle{
	width:75%;
	transition:.5s ease;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%)
}

.content,
.widecolumn {
	width: 1140px;
	margin: 0px auto;
}

.widecolumn {
	padding: 60px 0 0 0; 	
}

.narrow {
	max-width: 750px;
}

.extraNarrow {
	max-width: 650px;
}

.callout {
	display: block;
	border-radius: 10px;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
	margin: 0 0 40px 0;
	padding: 60px 40px 40px 40px;
	background: url('images/callout-right-bg.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto 110%;
}

.callout.alt {
	background: url('images/callout-left-bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 110%;	
}

.callout.alt blockquote cite {
	text-align: left;	
}

.callout.donate {
	padding-left: 55%;
	background: url('images/donate-callout.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: auto 110%;
	margin-bottom: 0px;
}

.callout.donate blockquote cite {
	text-align: left;
	color: #666666;
}

.callout.facebook:before {
	content: "";
	display: block;
	width: 75px;
	height: 75px;
	background: url('images/facebook-circle.svg');
	background-size: 75px 75px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;	
	position: absolute;
	top: -20px;
	left: -20px;
}

.callout.facebook {
	position: relative;
	padding: 60px;
}

.callout.facebook h2 {
	color: #000000;
}

.callout.members h2 {
	font-size: 30px;
	line-height: 32px;
}

.callout.facebook .btn:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

.callout .btn:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

ul.pdfs {
	display: block;
	margin: 0 0 0 0;
	border-top: 1px solid #cccccc;
}

ul.pdfs li {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}

ul.pdfs li:before {
	content: "\f1c1";
	color: #000000;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
}

ul.events {
	display: block;
	margin: 0 0 0 0;
	border-top: 1px solid #cccccc;
}

ul.events li {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}

ul.events li:before {
	content: "\f133";
	color: #000000;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
}

ul.news {
	display: block;
	margin: 0 0 0 0;
	border-top: 1px solid #cccccc;
}

ul.news li {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
}

ul.news li:before {
	content: "\f1ea";
	color: #000000;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
}

ul.locationPin li {
	list-style-type: none;
}

ul.locationPin li ul li {
	list-style-type: disc;	
}

ul.locationPin li:before {
	content: "\f041";
	color: #000000;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
}

ul.locationPin li ul li:before {
	display: none;	
}

/* ========================================================================== *\
   7. FORM STYLES
\* ========================================================================== */

.form {
	display: block;
	width: 100%;
	background: #F6F6F6;
	padding: 60px 200px 40px 200px;
}

.gform_wrapper h1, 
.gform_wrapper h2, 
.gform_wrapper h3 {
	font-weight: bold !important;
}

input {
	-webkit-appearance: none;
	border-radius: 0;
}

label {
	color: #000000 !important;
	font-size: 20px !important;
	font-weight: bold;
}

.name_first label,
.name_last label,
.ginput_left label,
.ginput_right label,
.address_line_1 label,
.address_line_2 label {
	font-weight: lighter !important;
	font-size: 12px !important;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email] {
	padding: 15px 20px !important;
	margin: 0 0 10px 0;
	border-radius: 0px;
	background-color: #fff;
	color: #666666;
	display: block;
	font-size: 16px;
	width: 100% !important;
	border: 1px solid #818A8F;
	font-family: 'Cabin', sans-serif;
}

textarea {
	padding: 20px 20px !important;
	margin: 0 0 20px 0;
	border-radius: 0px !important;
	background-color: #fff;
	color: #333333;
	display: block;
	line-height: 20px;
	font-size: 18px !;
	width: 100% !important;
	height: 220px;
	font-family: 'Cabin', sans-serif;
	border: 1px solid #818A8F;
	border-radius: 3px;
}

input[type=submit],
input[type=button],
button.button {
	display: inline-block;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px 40px;
	font-size: 16px !important;
	line-height: 20px;
	text-decoration: none;
	background-color: #004D84;
	border: 2px solid #004D84;
	transition: .5s ease-in-out;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover,
button.button:hover {
	color: #000000;
	background-color: #EFC129;
	border-color: #EFC129;
}

input[type=submit]:focus,
input[type=button]:focus {
	background-color: #004D84;
	color: #ffffff;
	border-color: #004D84;
}

select,
.tribe-answer select {
	display: block;
	width: 100% !important;
	height: 55px !important;
	box-sizing: border-box;
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
   padding: 0px 60px 0 20px !important;
   margin-bottom: 0px;
   border: 1px solid #818A8F;
   border-radius: 0px !important;
   color: #666666;
   opacity: 1;
   font-size: 18px;
   cursor: pointer;
   -webkit-border-radius: 3px !important;
   background-image: url('images/select.svg');
   background-position: right 20px center;
   background-repeat: no-repeat;
   background-size: 18px 12px;
   background-color: #ffffff;
}

.address_country {
	width: 100% !important;
	padding: 0px !important;
}

.ginput_container_radio,
.ginput_container_checkbox {
	padding-bottom: 20px !important;
}

.gform_validation_errors > h2 {
	line-height: 20px !important;
	padding-bottom: 0px;
}

.gform_wrapper li ul.gfield_checkbox li, 
.gform_wrapper li ul.gfield_radio li {
	position: relative;
	padding-left: 40px !important;
	min-height: 35px;
}

.gfield_checkbox li label:after, 
.gfield_radio li label:after {
	content: "";
	background: #ffffff;
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	border-radius: 0px;
	border: 1px solid #979797;
	z-index: 0;
}

.gfield_checkbox li input:focus label:after, 
.gfield_radio li input:focus label:after {
	border-color: #FF4848;
}

.gfield_radio li label:after {
	border-radius: 60px;
}

.gfield_checkbox li label:before, 
.gfield_radio li label:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	display: block;
	position: absolute;
	color: #FF4848;
	width: 27px;
	height: 25px;
	font-size: 20px;
	left: 3px;
	top: 5px;
	opacity: 0;
	z-index: 1;
	transition: all 100ms;
}

.gform_wrapper ul.gfield_checkbox li label, 
.gform_wrapper ul.gfield_radio li label {
	font-weight: 300 !important;
}

input[type="checkbox"] + label, 
input[type="radio"] + label {
	cursor: pointer;
	text-transform: none !important;
}

input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label {
	color: #FF4848 !important;
}

input[type="checkbox"]:checked + label:before, 
input[type="radio"]:checked + label:before {
	opacity: 1;
	top: 3px;
}

/* input:focus,
textarea:focus,
input[type="file"]:focus,
input[type="checkbox"]:focus, 
input[type="radio"]:focus,
select:focus {
	border-color: #FF4848;
} */

input[type="file"] {
	border: 2px solid #004D84;
	color: #004D84;
	display: inline-block;
	padding: 20px;
	cursor: pointer;
	background: #ffffff;
}

.ginput_full span {
	font-size: 14px;
	color: #000000;
	display: block;
	clear: both;
	padding: 10px 0;
}

input[type="checkbox"], 
input[type="radio"] {
	opacity: 0;
	outline: none;
	z-index: 100;
	width: 27px;
	height: 27px;
	top: 0;
	left: 0;
	position: absolute;
	appearance: none;
	cursor: pointer;
}

.gfield_required {
	color: #FF4848 !important;
}

.ginput_counter {
	margin-top: -20px !important;
}

.gform_wrapper {
	display: block;
	padding-bottom: 0px;
}

.validation_message {
	color: #FF4848;
}

.gform_wrapper .field_description_below .gfield_description {
	padding-top: 5px !important;
	padding-left: 0px !important;
}

.inlineForm {
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 750px;
}

.inlineForm.small {
	max-width:500px;
}

.inlineForm.large {
	min-width: 500px;
}

.inlineForm label {
	display: none !important;
}

.inlineForm .gform_wrapper,
.inlineForm .gform_footer {
	padding-bottom: 0px !important;
}

.inlineForm .validation_error {
	display: none !important;
}

.inlineForm .gfield_description.validation_message {
	position: absolute;
	bottom: -40px;
}

.inlineForm input[type="text"] {
	display: block !important;
	width: 65% !important;
	height: 60px;
}

.inlineForm input[type="submit"] {
	display: block !important;
	width: 42% !important;
	height: 60px;
	border-radius: 0;
	margin: 0px !important;
	background: #002C51;
	color: #ffffff;
	border: none;
}

.inlineForm input[type="submit"]:hover {
	background: #FCD250;
	color: #000000;
}

input[type="text"].searchInput {
	background-color: #ffffff;
}

.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
	background: #ffffff !important;
	border: 2px dashed #004D84 !important;
	font-family: 'Libre Franklin', sans-serif;
}

.hide_label label {
	display: none !important;
}

.gform_wrapper .gform_page_footer {
	margin: 40px 0 0 0!important;
	width: 100%;
	border-top: 5px solid #ccc !important;
	padding: 40px 0 0 0 !important;
}

.gform_wrapper .gsection {
	border-bottom: none !important;
	margin: 20px 0 !important;
}

.gform_wrapper .gsection .gfield_label, 
.gform_wrapper h2.gsection_title, 
.gform_wrapper h3.gform_title {
	font-size: 48px !important;
}

/* ========================================================================== *\
   8. ALIGNMENT
\* ========================================================================== */

.alignleft,
.alignright {
	max-width: 636px !important;	/* Let's work to make this !important unnecessary */
}

/*
.alignleft img,
.alignright img,
.alignleft figcaption,
.alignright figcaption {
	max-width: 50%;
	width: 50%;
}
*/

.alignleft figcaption {
	clear: left;
}

.alignright figcaption {
	clear: right;
}

.alignleft,
.alignleft img,
.alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}

.alignright,
.alignright img,
.alignright figcaption {
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ========================================================================== *\
   9. CAPTIONS
\* ========================================================================== */

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* ========================================================================== *\
   10. GUTENBERG
\* ========================================================================== */

.entry-content > * {
  margin: 0px auto;
  max-width: 750px;
  padding-left: 40px;
  padding-right: 40px;
}

body.single-programs .entry-content > * {
	max-width: 940px;
}

body.single-programs .entry-content > .alignwide {
	max-width: 1140px;
}

body.single-fundraisers .entry-content > *,
body.page-template-default .entry-content > * {
	max-width: 1140px;
}

body.single-fundraisers .entry-content .wp-block-separator,
body.page-template-default .entry-content .wp-block-separator {
	max-width: 1140px !important;
}

body.single-fundaisers .entry-content > .alignwide,
body.page-template-default .entry-content > .alignwide {
	max-width: 1200px;
}

.noMarginBottom {
	margin: 36px auto 0px auto !important;
}

.noMarginTop {
	margin: 0px auto 36px auto !important;
}

.noMargin {
	margin: 0 auto;
}

.entry-content > .alignwide {
	margin: 0 auto 40px auto;
	max-width: 1140px;
}

.entry-content > .alignfull {
  margin: 2em 0;
  max-width: 100%;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}

.gallery-caption {
  display: block;
}

.wp-block-buttons .wp-block-button {
	margin-bottom: 40px;
}
	
.wp-block-button__link {
	display: inline-block;
	color: #ffffff;
	border-radius: 5px !important;
	padding: 10px 40px !important;
	font-size: 16px !important;
	line-height: 20px !important;
	text-decoration: none;
	background-color: #004D84;
	border: 2px solid #004D84;
}
	
.wp-block-button.ghost .wp-block-button__link {
	color: #004D84;
	border: 2px solid #004D84;
	background: transparent;
}

.wp-block-button__link:hover,
.wp-block-button.alt .wp-block-button__link:hover,
.wp-block-button.ghost .wp-block-button__link:hover {
	color: #000000 !important;
	background-color: #EFC129 !important;
	border-color: #EFC129 !important;
}

.wp-block-image.is-style-circle-mask img, 
.wp-block-image.is-style-rounded img {
	border-radius: 10px !important;
}

.wp-block-column .wp-block-image {
	margin: 0px 0px 20px 0px;
}


.is-cropped .blocks-gallery-item img {
	width: auto !important;
	height: 400px !important;
	max-width: 1000% !important;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.is-cropped .blocks-gallery-item figure {
	overflow: hidden;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.is-cropped .blocks-gallery-item img {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-o-object-fit: cover;
		object-fit: cover;
		height: 400px !important;
		width: 100% !important;
		max-width: 100% !important;
		position: unset !important;
		top: unset !important;
		left: unset !important;
		-webkit-transform: unset !important;
		transform: unset !important;
	}
	
	.is-cropped .blocks-gallery-item figure {
		overflow: unset !important;
	}
}

.wp-block-video video {
  max-width: 636px;
}

.content .wp-block-image {
	margin: 0;
}

.content .wp-block-image img {
	margin: 0 0 40px 0 !important;
}

.content .wp-block-image.noMargin img {
	margin-bottom: 0px !important;
}

.entry-content .wp-block-image img {
	margin: 0 auto 20px auto;
}

.wp-block-image figcaption {
	width: auto;
	margin-top: -20px;
	padding: 15px !important;
	font-size: 14px !important;
	line-height: 24px !important;
	display: block !important;
	color: #111111;
	margin-bottom: 40px;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.content .wp-block-image figcaption {
	margin-top: -40px;	
}

.wp-block-image img {
  display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%
}

.wp-block-image.alignfull img {
  width: 100vw;
}

.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto;
}

.wp-block-cover-text p {
  padding: 1.5em 14px;
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px;
}

.wp-block-table {
  display: block;
  overflow-x: auto;
}

.wp-block-table table {
  border-collapse: collapse;
  width: 100%
}

.wp-block-table td, .wp-block-table th {
  padding: .5em;
}

.entry-content li {
  margin-left: 2.5em;
  margin-bottom: 6px;
}

ul.noBullets li {
	list-style-type: none !important;	
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin: 0 auto;
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
  margin-left: 0;
}

.wp-block-embed.wp-embed-aspect-16-9 > .wp-block-embed__wrapper,
.wp-block-embed.type-video > .wp-block-embed__wrapper, 
.wp-block-embed-vimeo > .wp-block-embed__wrapper, 
.wp-block-embed-youtube > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin-bottom: 30px;
}

.wp-block-embed.wp-embed-aspect-16-9 > .wp-block-embed__wrapper iframe,
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe, 
.wp-block-embed-vimeo > .wp-block-embed__wrapper > iframe, 
.wp-block-embed-youtube > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.wp-block-quote {
	max-width: 940px;
	border-left-color: #EFC129;
	font-size: 18px;
	line-height: 28px;
	color: #111111;
}

.wp-block-quote__citation, 
.wp-block-quote cite, 
.wp-block-quote footer {
	color: #666666;
}

.wp-block-quote.is-large {
  margin: 0 auto 16px;
}

.wp-block-pullquote>p:first-child {
  margin-top: 0;
}

.wp-block-separator {
	border-bottom: 5px solid #cccccc;
	opacity: 1;
	max-width: 95px;
	margin: 20px 0px 40px 0px !important;
}

.wp-block-separator.wide {
	max-width: 100% !important;	
}

.entry-content .wp-block-separator {
	max-width: 750px !important;
	margin: 40px auto 60px auto !important;
}

@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
	padding: 1.5em 0;
  }

  .entry-content > * {
	padding-left: 0px;
	padding-right: 0px;
  }

}

.has-strong-blue-color {
  color: #0073aa;
}

.has-strong-blue-background-color {
  background-color: #0073aa;
}

.has-lighter-blue-color {
  color: #229fd8;
}

.has-lighter-blue-background-color {
  background-color: #229fd8;
}

.has-very-light-gray-color {
  color: #eee;
}

.has-very-light-gray-background-color {
  background-color: #eee;
}

.has-very-dark-gray-color {
  color: #444;
}

.has-very-dark-gray-background-color {
  background-color: #444;
}

.wp-block-columns {
	margin-bottom: 20px;	
}

.wp-block-columns.callout {
	display: flex;
}

.wp-block-column:not(:first-child) {
	margin-left: 4em;
}

/* ========================================================================== *\
   11. COLUMNS
\* ========================================================================== */

.columns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.centerV {
	align-items: center;
}

.columns .col {
	display: block;
}

.columns .col.centerV {
	align-self: center;
}

.columns .col.right {
	text-align: right;	
}

.one_half { 
	width:48%; 
}

.one_third { 
	width:30.66%; 
}

.two_third { 
	width:65.33%; 
}

.one_fourth { 
	width:22%; 
}

.three_fourth{ 
	width:74%; 
}

.one_fifth { 
	width:16.8%; 
}

.two_fifth{ 
	width:37.6%; 
}

.three_fifth { 
	width:58.4%; 
}

.four_fifth { 
	width:79.2%; 
}

.one_sixth {
	width:13.33%;
}

.two_sixth {
	width:26.66%;
}

.four_sixth {
	width:53.32%;
}

.five_sixth { 
	width:82.67%; 
}


.one_ninth {
	width:11.11%;
}

.two_ninth {
	width:22.22%;
}

.four_ninth {
	width:44.44%;
}

.five_ninth {
	width:55.55%;
}
.six_ninth {
	width:66.66%;
}

.seven_ninth {
	width:77.77%;
}



.callout.members{
	margin-bottom:0px;
	position:relative;
	background-color:#fff;
}




/* pixelbot */


/* build your yacc general */

.build-your-yacc{
	width:100%;
	min-height:300px;
	background:#004D84;
	margin-top:-50px;
	padding-top:130px;
	padding-bottom:75px;
}

.build-your-yacc .content{
	position:relative;
}

.build-your-yacc .content.step-content:not(.display-none) {
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1.5s;
}

.build-your-yacc h2{
	color:#fff;
	margin-bottom:60px;
}

.build-your-yacc .next{
	background:#47AEDB;
	color:#000;
	border-radius:5px;
	width:240px;
	height:58px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	outline:0;
	border:0;
	font-size:20px;
	font-weight: 600;
	margin: auto;
	margin-top:75px;
	transition:all 0.2s;
	position:relative
}

.build-your-yacc .next .spinner-holder{
	position:absolute;
}

.build-your-yacc .next img{
	margin-left:10px;
}

.build-your-yacc .next:hover{
	box-shadow: 0px 4px 11px 0px rgb(0 0 0 / 26%);
}


.build-your-yacc .step-content{
	text-align:center;
	color:#fff;
}

.build-your-yacc .step-content h3{
	font-size: 32px;
	font-weight:600;
}

.build-your-yacc .step-content p{
	font-weight: 400;
	font-size: 20px;
	font-style:normal;
}

.step-error-message{
	font-size:18px;
	font-weight:500;
	display:none;
}

/* general step style */

.step{
	display:none;
	position:relative;
}

.step.active{
	display:block;
}

/* step tip */


.step-tip{
	position:absolute;
	right:0;
	top:-70px;
}

.step-tip .bubble{
	background:#fff;
	border-radius:20px;
	width:320px;
	padding:17px 44px;
	box-sizing:border-box;
	position:relative;
	color:#004D84;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
}

.step-tip .bubble::after{
	content:'';
	position:absolute;
	bottom: -39px;
    right: 35px;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	width: 30px;
	height: 40px;
	border-top: solid 40px #fff;
	border-left: solid 30px transparent;
	border-right: solid 0px transparent;
}

.step-tip::after{
	content:'';
	background-image:url('/wp-content/themes/YACC-2021/images/tip-arrow.svg');
	width:100px;
    height: 61px;
	background-size:cover;
	position:absolute;
	bottom: -87px;
    left: 46px;
}


/* build your yacc step one */

.step-one-options{
	max-width:513px;
	width:100%;
	margin:auto;
}

.step-one-options button{
	outline:0;
	width:49%;
	margin-bottom:13px;
	background:none;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	padding:17px 0px;
}

.step-one-options button.selected{
	background:#fff;
	color:#004D84;
}


.step-one-options .radio-options {
	list-style-type:none!important;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	margin:0px;
}

.step-one-options.center .radio-options {
	list-style-type:none!important;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	margin:0px;
}

.center .radio-options li{
	width:48%;
	margin:1%;
}

.radio-options li {
	list-style-type:none!important;
	position:relative;
	outline:0;
	width:49%;
	margin-bottom:13px;
	background:none;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	height:58px;
   
}

.radio-options label, .radio-options input {
   	display:block;
   	position:absolute;
   	top:0;
   	left:0;
   	right:0;
   	bottom:0;
}

.radio-options input[type="radio"] {
   	opacity:0.011;
   	z-index:100;
	width:100%;
	height:100%;
}

.radio-options input[type="radio"]:focus + label{
	color:#fff!important;
}

.radio-options input[type="radio"]:checked + label {
   	background:#fff;
   	color:#004D84!important;
}

.radio-options label {
	cursor:pointer;
   	z-index:90;
   	display:flex;
   	justify-content:center;
   	align-items:center;
   	border:2px solid #fff;
   	border-radius:5px;
   	color:#fff!important;
   	font-style: normal!important;
	font-weight: 500!important;
	font-size: 18px!important;
}



/* diagnosis */


.diagnosis-container{
	display:flex;
	max-width:590px;
	width:100%;
	margin:auto;
}

.diagnosis-container div{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
}

.diagnosis-container div input{
	display:block;
	border:0;
	outline:0;
	display: block;
    width: 100px !important;
    height: 55px !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 0px 0 20px !important;
    margin-bottom: 0px;
    border: 1px solid #818A8F;
    border-radius: 0px !important;
    color: #666666;
    opacity: 1;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 3px !important;
    background-color: #ffffff;
}

.diagnosis-container div select{
	width:363px!important;
	margin-right:30px;
}

.build-your-yacc .step label{
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important;
    line-height: 30px;
    color: #fff!important;
}



/* DATE OF BIRTH */

.dob-container{
	display:flex;
	justify-content: center;
}

.dob-container div{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
	margin-right:20px;
}

.dob-container div:nth-child(3){
	margin-right:0;
}

.dob-container div input{
	display:block;
	border:0;
	outline:0;
	display: block;
	width: 100px !important;
	height: 55px !important;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0px 0px 0 20px !important;
	margin-bottom: 0px;
	border: 1px solid #818A8F;
	border-radius: 0px !important;
	color: #666666;
	opacity: 1;
	font-size: 18px;
	cursor: pointer;
	-webkit-border-radius: 3px !important;
	background-color: #ffffff;
}


/* location */

.location button.yellow{
	background: #EFC129;
    color: #000;
    border-radius: 5px;
    width: 240px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 0;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    margin: auto;
    transition: all 0.2s;
}

.location a{
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
	text-decoration-line: underline;
	color: #FFFFFF;
	outline:0;
}


/* profile contact */
.mandatory-field-mark {
	color: #FF4848;
}


/* resources */

.resources-container{
	display:flex;
	width:95%;
	max-width:990px;
	justify-content: space-between;
	margin: auto;
}

.resources-container .column{
	width:24%;
}


.resources-container .column button{
	outline:0;
	border:2px solid #fff;
	border-radius:5px;
	margin-bottom:13px;
	background:none;
	color:#fff;
    /* font-size: 16px; */
	font-size: 19px!important;
	cursor:pointer;
	padding:17px 0px;
	width:100%;
}

.resources-container .column button.selected{
	background:#fff;
	color:#004D84;
}

.resources-container .options{
	display:none;
}

.resources-container .options.active{
	display:block;
}




.resources-container .cat{
	background: transparent;
	border-radius: 5px;
	border: 2px solid #fff;
	overflow: hidden;
	margin-bottom:10px;

	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-o-transition: border .2s linear;
	-ms-transition: border .2s linear;
	transition: border .2s linear;
  }

#profile-update-resources .resources-container .cat.disabled {
	border: 2px solid #cecece;
}

#profile-update-resources .resources-container .cat {
	border: 2px solid #004D84;
}
  
  .resources-container .cat label {
	line-height: 3.0em;
	width: 100%;
	cursor:pointer;
  }
  
  .resources-container .cat label span {
	text-align: center;
	padding: 3px 0;
	display: block;
  }
  
.resources-container .cat label input {
	position: absolute;
	display: none;
	color: #fff;
}
  /* selects all of the text within the input element and changes the color of the text */
.resources-container .cat label input + span{
	color: #fff;
}
#profile-update-resources .resources-container .cat label input + span{
	color: #004D84;
	font-weight: normal;
	font-size: 85%;
}
  
  
  /* This will declare how a selected input will look giving generic properties */
.resources-container .cat input:checked + span {
	color: #ffffff;
}


.resources-container input:checked + span{
	background-color: #fff;
	color: #004D84 !important;

	-webkit-transition: color .4s linear;
	-moz-transition: color .4s linear;
	-o-transition: color .4s linear;
	-ms-transition: color .4s linear;
	transition: color .4s linear;
}


.resources-container input:checked[disabled] + span{
	color: #cecece !important;
	cursor: default;
}


.step.resources button.yellow{
	background: #EFC129;
    color: #000;
    border-radius: 5px;
    width: 240px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 0;
    border: 0;
    font-size: 20px;
    font-weight: 600;
    margin: auto;
    transition: all 0.2s;
	width: 300px;
	margin-top:70px;
	position:relative;
}

.step.resources button.yellow .spinner-holder{
	position:absolute;
}

.js-final-button{
	display:none!important;
}

.js-final-button.active{
	display:block!important;
}




/* provider details */

.provider-details{
	display:flex;
	max-width:650px;
	width:100%;
	margin:auto;
	justify-content: space-between;
}

.provider-details div{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
	width:49%;
}

.provider-details div input{
	display:block;
	border:0;
	outline:0;
	display: block;
    height: 55px !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 0px 0 20px !important;
    margin-bottom: 0px;
    border: 1px solid #818A8F;
    border-radius: 0px !important;
    color: #666666;
    opacity: 1;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 3px !important;
    background-color: #ffffff;
}

.display-none {
	opacity: 0;
}

.step-preloader-holder {
	width: 35px;
	margin: 10px auto;
}

.spinner-holder {
	width: 25px;
}
.step-preloader-holder img,
.spinner-holder img {
	width: 100%;
	padding: 0;
	margin: 0 !important;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOutOpacity {
	100% {
		opacity: 0;
	}
	0% {
		opacity: 1;
	}
}
@keyframes splashElement {
	0% {
		background: #004D84;
	}
	100% {
		background: transparent;
	}
}


/* Profile resources update */
#profile-update-resources {
	margin: 60px 0 0 0;
}

#selected-badges {
	float: left;
	width: 100%;
	margin-bottom: 60px;
}

.profile-badge {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #004D84;
	background-color: white;
	border-radius: 6px;
	float: left;
	padding: 5px 25px 5px 10px;
	font-size: 14px;
	margin-right: 10px;
	color: #004D84;
	cursor: pointer;
}

.profile-badge:not(.display-none) {
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .8s;

	animation-name: splashElement;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .3s;
}
.profile-badge.display-none {
	animation: fadeOutOpacity .4s ease-out 1;
}

.close-profile-badge {
	position: absolute;
	background: url(images/close.svg);
	background-size: 8px 8px;
	background-color: #004D84;
	width: 15px;
	height: 15px;
	right: 4px;
	top: 12px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position-x: 3px;
	background-position-y: 3px;
	background-position: 3px 4px;
}

#profile-update-resources .gform_button {
	display: block;
	margin: 40px auto 0;
}


/*booking an event rsvp*/
.eligability-caution {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #efc12a;
	border-radius: 5px;
	margin-bottom: 30px;
}

/* RESPONSIVE */

@media screen and (max-width: 1135px) {

.step-tip{
	display:none;
}

}

@media screen and (max-width: 1030px) {
	.resources-container{
		flex-direction:column;
	}

	.resources-container .column{
		width:100%;
	}

	.resources-container .column button.selected{
		background-image: url(images/select.svg);
		background-position: right 20px center;
		background-repeat: no-repeat;
		background-size: 18px 12px;
	}
}



@media screen and (max-width: 767px) {

	.upcoming-event-text {
		padding: 0;
	}

	.build-your-yacc{
		padding-top: 65px;
		padding-bottom: 25px;
	}

	.build-your-yacc h2{
		font-size: 28px!important;
		margin-bottom: 30px;
	}

	.build-your-yacc .step-content h3 {
		font-size: 22px;
	}

	.build-your-yacc .step-content p {
		font-size: 17px;
	}

	.step.resources button.yellow{
		width: 271px;
		margin-top: 40px;
		font-size: 17px;
		height: 50px;
	}

	.build-your-yacc .next{
		width: 200px;
		margin-top: 40px;
		font-size: 17px;
		height: 50px;
	}




	.provider-details{
		flex-direction:column;
	}

	.provider-details div{
		width:100%;
		margin-bottom:10px;
	}

}

@media screen and (max-width: 560px) {
.step .step-one-options ul.radio-options {
    flex-direction: column;
}
.step .step-one-options ul.radio-options li{
	width:100%;
}



.diagnosis-container{
	flex-direction:column;
}

.diagnosis-container div select{
	margin-right:0;
	width:100%!important;
	margin-bottom:20px;
}

.diagnosis-container div input{
	width:100%!important;
}

}


.page-id-44 iframe{
	max-height:1350px;
}

.timezone {
	margin: 0 !important;
	padding: 0;
	font-weight: normal !important;
}

.pinned{
	position: relative;
}

.pinned-box{
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: -20px;
    background: #fff;
    border-radius: 50px;
    border: 2px solid #004d84;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fed95f;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3)
}

.pinned-box img{
	max-width: 29px;
}

.register-link {
	color: #004D84 !important;
}