/*Navigation*/

.c-hamburger span,
.c-hamburger span::before,
.c-hamburger span::after,
.right-close span::before,
.right-close span::after {
	background: #212b43;
}

.funraisin-header-nav .color-primary {
	color: #212b43 !important;
}


/* Edit top nav to be sticky */

@media screen and (min-width: 1025px) {
	.funraisin-header-nav {
		position: fixed;
		top: 0;
		z-index: 65530;
		width: 100%;
	}
}

.funraisin-header {
	margin-top: 120px;
}

.header-hero p {
	font-size: 20px;
}


/*Button*/

/*.btn {*/
/*    -webkit-box-shadow: -2px 2px 10px 0 rgba(0,0,0,.1);*/
/*    -moz-box-shadow: -2px 2px 10px 0 rgba(0,0,0,.1);*/
/*    box-shadow: -2px 2px 10px 0 rgba(0,0,0,.1);*/
/*}*/

/*.btn:hover {*/
/*    opacity: .8;*/
/*}*/

.btn-xl {
	font-size: 20px !important;
	line-height: 1.4em !important;
}

.btn-xxl {
	font-size: 22px !important;
	line-height: 1.4em !important;
}

.btn-xl.btn-white-border {
	padding: 10px 22px !important;
}

.btn-black:hover {
	background: #000 !important;
}


/*Navigation*/

.primary-nav-container .site-logo img {
	bottom: -110px;
	position: absolute;
	z-index: 2;
	transition: all 0.6s ease;
	left: 0;
}

.primary-nav-container .container {
	padding-left: 0;
}

.primary-nav-container .btn-secondary:hover {
	background: #fff !important;
	border-color: #fff !important;
	color: #302e46 !important;
}

/*.primary-nav-container .col-sm-6:first-child {*/
/*    width: 40%;*/
/*}*/

/*.primary-nav-container .col-sm-6:last-child {*/
/*    width: 60%;*/
/*}*/

/*.primary-nav-container .funraisin-primary-nav .navbar-nav {*/
/*    width: 100%;*/
/*}*/

/*.primary-nav-container .pull-right {*/
/*    float: initial !important;*/
/*}*/

/*.primary-nav-container li:nth-of-type(7) {*/
/*    margin-left: auto;*/
/*}*/

.funraisin-tertiary-nav .navbar-nav>li>a {
	padding: 14px 10px 12px;
}

.funraisin-tertiary-nav .fa {
	font-size: 14px;
	margin-right: 6px;
}

.funraisin-tertiary-nav .container {
	padding-left: 0;
}

/*.funraisin-tertiary-nav ul.nav.navbar-nav.navbar-right {*/
/*    padding-top: 4px;*/
/*}*/

.funraisin-tertiary-nav .border-tertiary:before {
	content: "";
	width: 1px;
	height: 200px;
	background-color: #51b5b6;
	position: absolute;
	top: 12px;
	right: 0;
	height: 30px;
}

/*.funraisin-tertiary-nav .col-sm-12 {*/
/*    width: calc(100% - 215px);*/
/*    margin-left: 215px;*/
/*}*/

.funraisin-primary-nav .navbar-nav li:last-child {
	padding-right: 0 !important;
}

.funraisin-tertiary-nav .form-control:focus:focus {
	border-color: #faab33;
}

.funraisin-secondary-nav ul li a .fa {
    margin-right: 5px;
    color: #70C9CB !important;
}

/*.funraisin-desktop-nav .container {*/
/*width: 1700px;*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*}*/

/*@media only screen and (max-width: 1440px) {*/
/*    .funraisin-desktop-nav .container {*/
/*width: 1360px;*/
/*        width: 100%;*/
/*        max-width: 100%;*/
/*    }*/
/*}*/

.funraisin-tertiary-nav .LoginDropdown li a:hover {
	color: #70cacb;
}

.funraisin-sticky-nav .container {
	padding-left: 0;
	padding-right: 0;
}

.funraisin-dropdown-menu .col-sm-4 {
	display: none;
}

.funraisin-dropdown-menu .col-sm-8 {
	width: 100%;
	padding-right: 0;
}

#sticky-nav ul.funraisin-dropdown-menu {
	background: #f6f2e7;
}

#sticky-nav ul.funraisin-dropdown-menu li a {
	color: #212b43;
}

#sticky-nav ul.funraisin-dropdown-menu li a:hover {
	color: #70cacb;
}

#sticky-nav .site-logo img {
	width: 350px;
	margin-top: -10px;
	padding-left: 20px;
}

.funraisin-dropdown-nav.meganav .funraisin-dropdown-menu,
.funraisin-dropdown-nav.activemeganav .funraisin-dropdown-menu {
	background-color: #f6f2e7;
	/*-webkit-transition: all 500ms ease;*/
	/*-moz-transition: all 500ms ease;*/
	/*-o-transition: all 500ms ease;*/
	transition: none;
}

.meganav:hover .funraisin-dropdown-menu,
.activemeganav:hover .funraisin-dropdown-menu {
	padding-top: 40px;
	padding-bottom: 40px;
}

li.meganav .funraisin-dropdown-menu .col-sm-8 table {
	margin-left: 20px;
	margin-right: 20px;
}

.meganav>.funraisin-dropdown-menu p a,
.activemeganav>.funraisin-dropdown-menu p a {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.meganav>.funraisin-dropdown-menu p,
.activemeganav>.funraisin-dropdown-menu p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.funraisin-dropdown-nav.meganav:hover .funraisin-dropdown-menu {
	border-top: 0px solid #70cacb;
}

.funraisin-dropdown-nav.activemeganav {
	position: static;
}


/*Default Divider using svg - divider_white*/

/*.funraisin-header.header-hero:after {*/
/*    content: "";*/
/*    background: url(https://d11er4rrp28ntm.cloudfront.net/8ce9df33f07ed06993a9f6a3df626651.svg);*/
/*    background-size: contain;*/
/*    background-repeat: repeat-x;*/
/*    height: 20px;*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*}*/


/*Footer*/

.CustomFooter h2 {
	color: #212b43;
}

.CustomFooter h4 {
    color: #70c9cb;
}

.PartnerSection {
	background: #f1ede0;
}

.PartnerSection img {
	width: 154px;
	margin-right: 6px;
	margin-bottom: 10px;
}

.CustomLegal {
	display: grid;
	grid-template-columns: 100px .85fr;
	grid-gap: 30px;
}

.MenuSection {
	background-color: #70cacb;
}

.MenuSection p {
	font-size: 20px;
}

.MenuSection a {
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
	color: #212b43;
	margin-right: 10px;
}

.MenuSection a.SocialFooter {
	margin-right: 0;
	margin-left: 10px;
}

.MenuSection a:hover:not(.SocialFooter) {
	color: #fff;
}

.MenuSection p.MenuSection-title {
	text-transform: uppercase;
	font-weight: 700;
}

.CustomLegal p:first-child {
	font-size: 18px;
	font-weight: 500;
}

.SocialFooter {
	background-color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	display: inline-block;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
	color: #212b43;
	padding: 9px 0;
	margin-right: 15px;
	text-align: center;
}

.SocialFooter:hover {
	background-color: #ffffff80;
}

a.SocialFooter {
	color: #212b43;
}

#Footer .btn-secondary {
	color: #212b43 !important;
}

.visibility {
	visibility: hidden;
}


/*Countdown - Tertiary Nav*/

a.countdown-menu {
	pointer-events: none;
}

.countdown:after {
	content: "Days to go until Connor's Run 2021";
	margin-left: 10px;
}

.countdown__message {
	color: #212b43;
	font-family: 'Brandon', sans-serif;
	font-size: 25px;
	font-weight: 100;
	padding-top: 1em;
	text-align: center;
}

.countdown__digit {
	background: #438788;
	background-image: linear-gradient(180deg, #54acad 10%, #3ba7a9 100%);
	border-radius: 0.25em;
	box-shadow: 0 20px 30px -10px rgb(32 74 74), inset 0 -1px 0 0 rgb(17 43 43 / 33%), inset 0 1px 0 0 #32bcbdb5;
	color: #ffffff;
	display: inline-block;
	font-family: 'Brandon', sans-serif;
	font-size: 20px;
	font-weight: 900;
	margin: 0 0.05em;
	padding: 0.2em 0;
	position: relative;
	text-align: center;
	width: 1.2em;
}

.countdown__digit:after {
	background: rgba(16, 21, 26, 0.05);
	box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.2);
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.countdown__digit:before {
	background: rgba(66, 86, 103, 0.01);
	border-radius: 0.25em 0.25em 0 0;
	bottom: 50%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}

.countdown__list {
	margin: 0;
	padding: 0;
}

.countdown__list-item {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*EOI FORM - lightbox*/

.EOI-form .col-md-12.checkEOI .form-group {
	display: grid;
	grid-template-columns: auto 1fr;
}

.EOI-form .col-md-12.checkEOI .form-group:before,
.col-md-12.checkEOI .form-group:after {
	display: none;
}

.EOI-form .col-md-12.checkEOI .form-group .col-sm-12:last-child {
	order: 1;
	padding-right: 0;
}

.EOI-form .col-md-12.checkEOI .form-group .col-sm-12:first-child {
	order: 2;
	padding-left: 0;
}

.EOI-form .dropdown-menu.open ul.dropdown-menu.inner li a {
	color: #26252f !important;
}


/*Register & Donate select popup*/

.regselect {
	border: 4px solid #f4f4f4;
	border-radius: 10px;
	background: #fff;
	transition: all 250ms ease;
}

.regselect:hover {
	border-color: #faab33;
	transform: scale(1.025);
	box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, .1);
}


/*Fundraiser*/

#popup .popup-col p a,
#popup .fa-link {
	color: #fff
}


/*Dividers*/

.PinkDivider:after {
	content: '';
	background: url(https://d2eagl5b33iyxk.cloudfront.net/63943a826b9c2dc09ed105768709da1d.svg);
	background-size: inherit;
	background-repeat: repeat-x;
	width: calc(100vw);
	height: 20px;
	position: absolute;
	left: 0;
	overflow-x: hidden;
}

.YellowDivider:after {
	content: '';
	background: url(https://d2eagl5b33iyxk.cloudfront.net/db1df384c4154948ef0bb9a36fcfdd44.svg);
	background-size: inherit;
	background-repeat: repeat-x;
	width: calc(100vw);
	height: 20px;
	position: absolute;
	left: 0;
	overflow-x: hidden;
}

.CreamDivider:after {
	content: '';
	background: url(https://d2eagl5b33iyxk.cloudfront.net/10342473a672fec48958438b09074d24.svg);
	background-size: inherit;
	background-repeat: repeat-x;
	width: calc(100vw);
	height: 20px;
	position: absolute;
	left: 0;
	overflow-x: hidden;
}

.TurquoiseDivider:after {
	content: '';
	background: url(https://d2eagl5b33iyxk.cloudfront.net/b983883fe38072e8a33c9bf78aec87cf.svg);
	background-size: inherit;
	background-repeat: repeat-x;
	width: calc(100vw);
	height: 20px;
	position: absolute;
	left: 0;
	overflow-x: hidden;
}

.NavyDivider:after {
	content: '';
	background: url(https://d2eagl5b33iyxk.cloudfront.net/27350e1274ed15fdf9e17b0400e7e9c6.svg);
	background-size: inherit;
	background-repeat: repeat-x;
	width: calc(100vw);
	height: 20px;
	position: absolute;
	left: 0;
	overflow-x: hidden;
}


/*Fundraiser*/

#Donations {
	background-color: #f1ede0;
}

#template-profile .profileSidebar .btn-tertiary {
	border-radius: 6px;
	padding-right: 25px;
	padding-left: 25px;
}


/*Donate Template*/

.template-donation .donationHandlers .radio .radio-amount {
	font-weight: 700;
}

/*Ipad*/
    @media only screen and (min-device-width : 640px) and (max-device-width : 1025px) {
        .funraisin-header {
            margin-top: 0px;
        }
    }    


/*2025 Design Updates*/

.row, .lump {scroll-margin-top: 125px;} /* Add in height of sticky nav */
html {scroll-behavior: smooth;}

/*Responsive Video*/
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.funraisin-secondary-nav {
    background: #ffffff;
    border-radius: 40px;
    padding-left: 20px !important;
    padding: 5px;
}

.funraisin-secondary-nav .btn {padding: 10px 20px !important;}

.funraisin-primary-nav {width: 100%;}
.funraisin-primary-nav .nav {display: flex;justify-content: space-between;width: 100%;}
.funraisin-primary-nav .nav:before, .funraisin-primary-nav .nav:after {position: absolute;}

.funraisin-dropdown-nav > a:not(.btn-login) {display: flex;gap: 10px;}

.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:after {
    content: '';
    display: block;
    position: relative;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background: #ffffff;
}

.funraisin-desktop-nav .funraisin-primary-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li:last-child a:after {
    background: #86d6d8;
}

.primary-nav-container, #Footer.CustomFooter {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.container.footer-content {display: flex;align-items: stretch;}
.container.footer-legals {display: flex;align-items: flex-end;}

#Footer a:not(.btn):not(.SocialFooter2025) {text-decoration: underline;}

#Footer #Form1 .form-control {background: #3C3955;border: none;border-radius: 0px;font-size: 18px;height: 44px;color: #ffffff !important;}
#Footer #Form1 .form-control::-webkit-input-placeholder {color: #ffffff;}
#Footer #Form1 input:-webkit-autofill, #Footer #Form1 input:-webkit-autofill:hover, #Footer #Form1 input:-webkit-autofill:focus input:-webkit-autofill,
#Footer #Form1 textarea:-webkit-autofill, #Footer #Form1 textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
#Footer #Form1 select:-webkit-autofill, #Footer #Form1 select:-webkit-autofill:hover, #Footer #Form1 select:-webkit-autofill:focus{-webkit-text-fill-color: #ffffff; -webkit-box-shadow: 0 0 0px 1000px #3C3955 inset;}
#Footer #Form1 .tooltip-inner {background-color: #70cacb;color: #212B43;}
#Footer #Form1 .tooltip.top .tooltip-arrow {border-top-color: #70cacb;}

.SocialFooter2025 {
	background-color: #70C9CB;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
	color: #FFFFFF;
    justify-content: center;
    align-items: center;
}

.SocialFooter2025:hover {
	background-color: #FFFFFF;
	color: #70C9CB;
}


/*END 2025 Design Updates*/