@font-face {
    font-family: 'Stolzl Bold';
    src: url('../fonts/Stolzl-Bold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl Medium';
    src: url('../fonts/Stolzl-Medium.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl Regular';
    src: url('../fonts/Stolzl-Regular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl Light';
    src: url('../fonts/Stolzl-Light.ttf') format('truetype');
    font-style: normal;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family: 'Stolzl Regular', sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Stolzl Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #e8212f;
}

p {
	font-family: 'Stolzl Regular', sans-serif;
	color: #1b1b1b;
}

 @media only screen and (max-width: 480px) {
       h1 { font-size: 36px !important; }
       h2 { font-size: 30px !important; }
       h3 { font-size: 24px !important; }
     }

.container-fluid {
	padding-left: 0%;
	padding-right: 0%;
}

a{
	text-decoration: none;
	color: #e8212f;
	cursor: pointer !important;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	font-family: 'Stolzl Medium', sans-serif;
}


a:hover,a:active,a:focus {
	outline: 0;	
	color: #1b1b1b !important;
	text-decoration: none;
	cursor: pointer !important;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.navbar-custom {
    background-image: linear-gradient(to right, #ffffff 2%, #e8212f 30%, #ffffff 98%) !important;
	border-color: transparent;
	font-family: 'Stolzl Bold', sans-serif;
	text-transform:uppercase;
}

.nav-link {
	  padding: 0 25px 0 25px !important;
}

.navbar a {	
	color: #1b1b1b !important; 
	transition: .5s; 
	-webkit-transition: .5s; 
	align-items: center;
	display: flex;
}

.navbar a:hover { 
	color: #e8212f  !important; 
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar .active > a { 
	color: #e8212f !important; 
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar .active > a:hover { 
	color: #e8212f !important;
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-toggler {
  border: none !important;
} 

@media (max-width: 991px) {
	.navbar-brand {
		font-size:16px;
	}
	.navbar a {	
		color: #fff !important; 
		transition: .5s; 
	-webkit-transition: .5s; 
	}
	.navbar a:hover { 
		color: rgba(23, 162, 184, 0.9)  !important;
	transition: .5s; 
	-webkit-transition: .5s; }
}

.navbar-icon1 {
	display:inline-block;
	width: 50px;
    height:50px;
    background-image: url('../images/navbar-tp35.svg');
    background-repeat:no-repeat;
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-icon1:hover {
    background-image: url('../images/navbar-tp35R.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar a:hover .navbar-icon1 {
	background-image: url('../images/navbar-tp35R.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-icon2 {
	display:inline-block;
	width: 50px;
    height:50px;
    background-image: url('../images/navbar-calendar.svg');
    background-repeat:no-repeat;
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-icon2:hover {
    background-image: url('../images/navbar-calendarR.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar a:hover .navbar-icon2 {
	background-image: url('../images/navbar-calendarR.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-icon3 {
	display:inline-block;
	width: 50px;
    height:50px;
    background-image: url('../images/navbar-giving.svg');
    background-repeat:no-repeat;
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar-icon3:hover {
    background-image: url('../images/navbar-givingR.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}

.navbar a:hover .navbar-icon3 {
	background-image: url('../images/navbar-givingR.svg');
	transition: .5s; 
	-webkit-transition: .5s; 
}


.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-whiteoutline {
	border: 2px solid #e8212f;
	border-radius: 0px;
	color: #e8212f;
	text-transform: uppercase;
	font-size:12px;
	font-weight: 600;
	padding:5px 15px 5px 15px ;
	letter-spacing: 1pt;
}

.btn-whiteoutline::after {
  font-family: 'Font Awesome 6 Free';
    content: "\f061";
    font-weight: 700;
	padding-left: 10px;
	color: #e8212f;
	vertical-align: middle;
	font-size: 1.5em;
}

.btn-whiteoutline:hover {
	background: #e8212f;
	color:#ffffff !important;
	transition: 0.5s;
	text-decoration: none;
	-webkit-transition: .5s all;
}

.btn-whiteoutline:focus {
	text-decoration: none;
}

.btn-whiteoutline:hover::after {
  font-family: 'Font Awesome 6 Free';
    content: "\f061";
    font-weight: 700;
	padding-left: 10px;
	color: #ffffff;
	vertical-align: middle;
	font-size: 1.5em;
	transition: 0.5s;
	-webkit-transition: .5s all;
}

/* Header */

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:url(../images/overlay-banner.png);
  opacity: 0.1;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../images/video.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}


/* Timeline */

#calendar .container-fluid {
 padding-left: 2%;
	padding-right: 2%;
}

#calendar h4 {
	font-weight: bold;
}

#calendar .card {
	border:0;
	border-radius: 0px;
	background: transparent;
	padding-top: 20px;
}

#calendar .card-img-border{
	border-radius: 0px;
	border-top: 4px solid #e8212f;
	border-image: linear-gradient(to right, rgba(232,33,47,0), rgba(232,33,47,1)) 1;
}

#calendar .card-body {
	border-left: 4px solid #e8212f;
	border-bottom: 4px solid #e8212f;
	border-image: linear-gradient(to right, rgba(232,33,47,1), rgba(232,33,47,0)) 1;
}

@media (max-width: 767px) {
#calendar .card-img-border{
	border-top:none;
	border-right: 4px solid #e8212f;
	border-bottom: none;
	border-image: linear-gradient(to top, rgba(232,33,47,1), rgba(232,33,47,0)) 1;
}

#calendar .card-body {
	border-bottom:none;
	border-top: 4px solid #e8212f;
	border-left: 4px solid #e8212f;
	border-image: linear-gradient(to bottom, rgba(232,33,47,1), rgba(232,33,47,0)) 1;
}
}

#calendar .date {
	background-color: #1b1b1b;
	padding: 5px;
	color:#fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#calendar .badge {
	margin-bottom: 15px;
}

#calendar .badge-admin {
	background: #1b1b1b;
	color: #ffffff;
}

@media (max-width: 991px) {
    .card-columns {
        column-count: 2;
    }
}

@media (max-width: 575px) {
    .card-columns {
        column-count: 1;
    }
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-item {
	background: transparent;
	border: none;
}

.accordion-button {
    color: #fff;
    background-color: #1b1b1b;
	    padding: 0.25rem 1rem;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #1b1b1b;
    box-shadow: none;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Giving */

#giving .card {
	border:0;
	border-radius: 0px;
}


/* Footer */

footer .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

footer hr {
    height: 1px;
    margin: 0;
    padding: 0;
    border: none;
	background: #9393fc;
}

footer {
	font-size: 13px;
	font-family: 'Stolzl Regular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

footer p {
	font-size: 13px;
	font-family: 'Stolzl Regular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
}

footer .harriet {
	-webkit-font-smoothing: antialiased;
	font-family: 'Stolzl Regular', sans-serif;
	font-size: 13px;
	text-transform: none;
}

footer a {
	color: #ffffff;
}

footer a:hover {
	color: #e8212f !important;
}

.socialmedia-footer a {
	color:#333333;
}

.fa-layers:hover .fa-circle {
  	color: #9465f1 !important;
	transition: 0.3s;
}

@media (min-width: 576px) {
.socialmedia-footer {
	text-align: right;
}

.tp-mission {
	text-align: right;
}
}