html {
  scroll-behavior: smooth;
}

/* Beneficiaries section custom styling */
.box.post.white {
	border: solid 1px #FEFEFE;
}

/* Sidebar image fit custom stylings */
.image.fit.sidebar {
	margin: 0 0 1.0em 0;
}

/* --------------------------------------------- */
/* Frontpage Banner Section Stylings 			 */
/* --------------------------------------------- */
#banner.softlight {
	background-blend-mode: soft-light;
}

.image.fit.frontpage {
	margin: 0 0 0.5em 0;
	padding: 0 15em;
}
 
@media screen and (max-width: 1680px) {
	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 20em;
	}
}

@media screen and (max-width: 1440px) {
	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 15em;
	}
}

@media screen and (max-width: 1280px) { 
	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 13em;
	}
}
@media screen and (max-width: 980px)  {
	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 6em;
	}
}

@media screen and (max-width: 860px)  {
 	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 4em;
	}
}

@media screen and (max-width: 736px)  {
 	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 3em;
	}
}
@media screen and (max-width: 480px)  {
	.image.fit.frontpage {
		margin: 0 0 0.5em 0;
		padding: 0 0em;
	}
}



/* --------------------------------------------- */
/* Registration Options Container on Costs page  */
/* --------------------------------------------- */
.image.fit.registration_options {
	margin: 0 0 0.5em 0;
}

.registration_options_container {
	border: 1px solid #313A4E;
	padding: 0.5em;
	margin: 0 0 1.0em 0;
}
	
	.registration_options_name_container {
		text-align: center;
		color: #FEFEFE;
		margin-top: 0.25em;
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.125em;
		background-color: #e0555a;
	}
	
	.registration_options_price_container {
		text-align: center;
		color: #313A4E;
		margin: 0.5em 0;
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.125em;
		font-size: 2.5em;
	}
	
    .registration_options_description {
    	text-align: center;
		font-size: 0.9em;
    }

		



/* --------------------------------------------- */
/* History Image Containers for giving back page */
/* --------------------------------------------- */
.image.fit.history_banner {
	margin: 0 0 0.5em 0;
}

.history_information_container {
	border: 1px solid #313A4E;
	padding: 0.5em;
	margin: 0 0 1.0em 0;
}

	.history_logo_container {
		padding: 0 0.25em;
		margin: 0;
	}
	
	.history_date_container {
		text-align: center;
		color: #FEFEFE;
		margin-top: 0.25em;
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.125em;
		background-color: #e0555a;
	}
	
		.history_date_container.yellow {
			background-color: #ffcc00;
			color: #313A4E;
		}
		
		.history_date_container.purple {
			background-color: #9867E5;
		}
		
/* --------------------------------------------- */
/* Fundraising Incentive Containers  			 */
/* --------------------------------------------- */
.box.incentive {
	border: 1px solid #000 !important;
	padding: 0.5em;
}

.box.incentive ul li{
	list-style: decimal;
	font-size: 0.8em;
}

	

/* ---------------------------- */
/* MODAL SECTION STYLING 		*/
/* ---------------------------- */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Login MODAL SECTION */
.modalDialog {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.1);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 200ms ease-in;
        -moz-transition: opacity 200ms ease-in;
        transition: opacity 200ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 40%;
        position: relative;
        margin: 10% auto;
        padding: 5px 20px 13px 20px;
        border: solid 2px #F88F78;
        border-radius: 10px;
        background: #0f0f0f;
        /* background: -moz-linear-gradient(#fff, #999);
        background: -webkit-linear-gradient(#fff, #999);
        background: -o-linear-gradient(#fff, #999); */
    }

    .modalclose {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .modalclose:hover { background: #4b6f9d; color: #FFFFFF;}

    /* Login Error Message Formatting */
.login_error_message {
    display: block;
    margin: 0.25em 0;
    color: #ff0000;
}

/* --------------------------- */	
/* Route Information and Style */
/* --------------------------- */
.route_information_container {
	background-color: #FEFEFE;
	margin: 0.5em;
	padding: 0.25em;
}

.route_milage_banner {
	display: block;
	color:#FEFEFE;
	background-color: #e0555a;
	text-transform: uppercase;
	text-align: center;
	padding:0.5em 0;
}

button.route_details {
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: block;
	width: 100%;
	font-family: "Raleway", Helvetica, sans-serif;
	font-weight: 400;
	padding: 1.1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: transparent;
	color: #000 !important;
	box-shadow: inset 0 0 0 1px #000;
	margin-top: 5px;
}

button.route_details:hover {
	color: #e0555a !important;
}


/* --------------------------------- */
/* Title Sponsor Article Box Styling */
/* --------------------------------- */
.title_sponsor_box {
	border: 1px solid #e0555a !important;
	border-radius: 0;
}

    .box.post.title_sponsor_box .image:first-child {
    	border-bottom-left-radius: 0;
    	border-bottom-right-radius: 0;
    	margin: 0;
    	width: 100%;
    }
    
    	.box.post.title_sponsor_box .image:first-child img {
    		border-bottom-left-radius: 0;
    		border-bottom-right-radius: 0;
    	}


.title_sponsor_header {
	display: block;
	width: 100%;
	color: #fefefe;
	background-color: #e0555a;
	font-size: 1.25em;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 0.25em 0;
}

.title_sponsor_body {
	text-align: left;
	padding: 1em 0 1em 1.5em !important;
}
    .title_sponsor_body  h3 {
		letter-spacing: 0.125em;    
	}


.cotitle_sponsor_body {
	text-align: left;
	padding: 1em 0 1em 1.5em !important;
	font-size: 0.85em;
}
    .cotitle_sponsor_body  h3 {
		letter-spacing: 0.125em;    
	}