.header_wrapper .row,
.menu_wrapper .row {
    width: 100%;
}

.general--page--header {
    width: 100%;
    /* height: 600px!important; */
}

.general--page--header img {
    width: 100%;
    height: 650px!important;
    object-fit: cover;
   /* filter: brightness(80%);*/
}

@media only screen and (max-width: 991px) {
    .general--page--header img {
        height: 500px!important;
    }
}

/******************
*******************
    CONTENT
*******************
******************/
.tab--contents {
    padding: 30px 0;
}

.tab--contents .nav {
    font-weight: 700;
}

.tab--contents .tab-content .tab-pane h2 {
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .tab--contents .nav {
        flex-direction: row!important;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 576px) {
    .general--page--header img {
        height: 300px!important;
    }

    .tab--contents {
        padding: 30px 0;
    }
}


/*UPCOMING EVENTS*/
.upcoming--events h1 {
    margin: 50px 0;
}

.upcoming--events--lists {
    padding: 20px 0;
}

    .upcoming--events--lists .upcoming--event--card {
        /* height: 170px; */
        margin-top: 40px;
    }

.upcoming--events--lists--large .upcoming--event--card {
	height: 260px;
	margin-top: 30px;
}

	.upcoming--events--lists .upcoming--event--card img, .upcoming--events--lists--large .upcoming--event--card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		filter: brightness(100%);
		transition: all .5s ease-in-out;
	}

	.upcoming--events--lists .upcoming--event--card .details, .upcoming--events--lists--large .upcoming--event--card .details {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: auto;
		right: 0;
		width: 90%;
		padding: 10px;
		text-align: left;
		transition: all .5s ease-in-out;
        color: #fff;
	}

	.upcoming--events--lists .upcoming--event--card:hover .details, .upcoming--events--lists--large .upcoming--event--card:hover .details {
		background-color: rgba(0,0,0,.8);
		transition: all .5s ease-in-out;
	}

	/* .upcoming--events--lists .upcoming--event--card:hover img, .upcoming--events--lists--large .upcoming--event--card:hover img {
		filter: brightness(80%);
		transition: all .5s ease-in-out;
	} */

	.upcoming--events--lists .upcoming--event--card .details h6, .upcoming--events--lists--large .upcoming--event--card .details h6 {
		font-family: sans-serif;
		font-size: 22px;
		font-weight: 600;
		color: #fff;
		margin-bottom: 8px;
	}

.upcoming--events--lists .upcoming--event--card .details a, .upcoming--events--lists--large .upcoming--event--card .details a {
	font-family: sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #fff;
}

		.upcoming--events--lists .upcoming--event--card .details a:after, .upcoming--events--lists--large .upcoming--event--card .details a:after {
			content: '\276F';
			border: 1px solid #fff;
			border-radius: 50%;
			padding: 0 4px;
			margin-left: 5px;
		}

        .upcoming--events--lists .upcoming--event--card .date {
            position: absolute;
            top: -4%;
            left: 5%;
            font-weight: 600;
            color: #fff;
            text-align: center;
            background: #f04f5b;
            /*width: 80px;
            height: 70px;*/
            padding: 15px;
            font-size:16px;
        }

        .inner-events-date {
            position: relative;
            width: 100px;
            height: 50px;
        }


/*****************
******************
       FORMS
******************
*****************/

.upcoming--events--form select {
    font-weight: 500;
    border-color: #0047BB;
    border-radius: 3px;
    color: #0047BB;
    padding: 2px 10px;
}

    .upcoming--events--form select option {
        color: #0047BB;
    }

.upcoming--events--form label {
    font-weight: 500;
    margin: 1rem;
}

.upcoming--events--form input.datepicker {
    padding: 2px 10px;
    color: #0047BB;
    font-weight: 500;
    border: 1px solid #0047BB;
}

.upcoming--events--form .btn-outline-secondary {
    border: 1px solid #0047BB !important;
}

.upcoming--events--form .gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
.upcoming--events--form .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    top: 5px;
    left: 7px;
}

.upcoming--events--form input[type=submit] {
    margin: 0 10px;
    background-color: #0047BB;
    color: #fff;
    border: #0047BB;
    padding: 1px 25px;
    border-radius: 20px;
    cursor: pointer;
}

.upcoming--events--form input[type=reset] {
    margin: 0 10px;
    background-color: #777;
    color: #fff;
    border: #0047BB;
    padding: 1px 25px;
    border-radius: 20px;
    cursor: pointer;
}

.pagination {
    margin: 40px auto;
}

.pagination li a {
    border: none;
    font-weight: 500;
}

.pagination {
    width: 50%;
    text-align: center;
    margin: 50px auto;
}

.pagination a.active {
    color: #777 !important;
    background-color: transparent;
}

.pagination {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 90%;
    padding-top: 40px;
}

.pagination a:first-child,
.pagination a:last-child {
    background: #0047BB;
    color: #fff;
    border-color: #0047BB;
    border-radius: 25px;
    padding: 10px 25px;
   /* position: absolute;*/
    top: 27px;
}

.pagination a.aspNetDisabled {
    background-color: #777;
    border-color: #777;
    color: #fff!important;
}

.pagination span span {
    font-size: 15px!important;
}

.pagination a:first-child {
    left: 5px;
}

.pagination a:last-child {
    right: 5px;
}

.pagination a:first-child:hover,
.pagination a:last-child:hover {
    background-color: #1B98DB;
    border-color: #1B98DB;
}

.pagination a.aspNetDisabled:hover {
    background-color: #777;
    border-color: #777;
    color: #fff!important;
    cursor: not-allowed;
}

.pagination a:not(.btn-primary),
.pagination span {
    font-size: 15px;
    padding: 0 10px;
}

.contactusform label { display: none; }
.contactusform input[type="text"], .contactusform input[type="email"], .contactusform textarea {background: transparent; border: 0; border-bottom: 1px solid #8E9DB3; box-shadow: none; border-radius: 0; color: #fff; font-weight: normal; padding: 6px 12px; width: 100%;}
.contactusform textarea {resize: none; height: 130px;}
.contactusform .myButton { background: none; padding: 0;}

.contactusform .myButton button[type="submit"] {
    background-color: #F04F5B;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 35px;
    text-decoration: none;
    cursor: pointer;
    border: 0;
}

.contactusform .myButton button[type="submit"]:hover { background: #1B98DB; }

/****************
*****************
    RESPONSIVE
*****************
****************/

@media only screen and (max-width: 991px) {
    .upcoming--events--form .form-group {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .pagination a:first-child {
        top: 70px;
    }

    .pagination a:last-child {
        top: 70px;
    }
}

/*UPCOMING EVENTS*/

/* ADDED 09/23/2019 */

.general--page--header .sfContentBlock { height: 100% }

/* .tab--contents h1::before,
.tab--contents h2::before,
.tab--contents .tab-pane h1::before,
.tab--contents .tab-pane h2::before {
    content: '';
    position: relative;
    left: 0;
    display: block!important;
    width: 140px;
    margin-bottom: 20px;
    border-bottom: 3px solid #0047BB;
} */

/* ADDED 09/23/2019 */

/* ADDED 09/26/2019 */

.tab--contents h2 { margin-bottom: 15px; }

div.accordion:after {
    content: '\02795';
    position: relative!important;
    display: block!important;
    font-size: 13px;
    color: #777;
    transform: translate(0, -105%)!important;
    margin-bottom: -18px!important;
}
/* ADDED 09/26/2019 */


/* ADDED 09/27/2019 */

.footer_wrapper { margin-top: 40px!important; }

/* ADDED 09/27/2019 */


/* ADDED 10/01/2019 */

/* .nav-pills .nav-link.active { background-color: #1B98DB!important; } */

.nav-pills li { margin-left: 0!important; }

.nav-pills li:hover,
.nav-pills li a:hover,
.blue-button:hover,
.tab--contents .btn-primary:hover {
    color: #fff!important;
    background-color: #1B98DB!important;
}

.general--page--header { position: relative; }

.general--page--header img { object-position: 100% 0; }

.header-caption {
    color: #fff;
    font-family: Gotham, 'Open Sans';
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.header-container {
    background: rgba(0, 84, 166, .8) !important;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    width: 40%;
}

@media screen and (min-width:476px) and (max-width: 1024px) {
    .header-container {
            background: rgba(0, 84, 166, .8) !important;
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 15px;
            width: 60%;
    }
}

@media screen and (min-width:0) and (max-width: 475px) {
    .header-container {
            background: rgba(0, 84, 166, .8) !important;
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 5px;
            width: 65%;
    }

    .header-caption h1 {
            font-size: 26px;
    }
}

/* ADDED 10/01/2019 */


/* ADDED 10/22/2019 */

.upcoming--events--lists .upcoming--event--card {
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
}

.upcoming--event--card .upcoming--event-details h2 {
    font-weight: 600;
    font-size: 30px;
}

.upcoming--event--card  .upcoming--event-details h2 a { color: #333; }

.upcoming--event--card  .upcoming--event-details h2 a:hover { text-decoration: none; }

.upcoming--event--card  .upcoming--event-date p {
    font-size: 18px!important;
    color: #777;
}

.upcoming--event--card  .upcoming--event-date p:first-child {
    font-weight: 600;
    font-size: 22px!important;
}

.upcoming--event--card .single--event-btn:hover {
    background-color: #1B98DB;
    text-decoration: none!important;
    transition: all .5s ease-in-out;
}

.upcoming--event--card .single--event-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 25px;
    background-color: #F04F5B;
    color: #fff;
    border: none;
    transition: all .5s ease-in-out;
}

.upcoming--event--card .single--event-btn:hover {
    background-color: #1B98DB;
    text-decoration: none!important;
    transition: all .5s ease-in-out;
}

@media screen and (max-width: 991px) {
    
    .upcoming--events--lists .upcoming--event--card { border-bottom: none; }

    .upcoming--event--card .upcoming--event-details h2 { margin-top: 15px; }

    .upcoming--event--card  .upcoming--event-date { margin-bottom: 15px; }

    .upcoming--event--card .single--event-btn {
        position: unset;
        width: 100%;
    }
}
/* ADDED 10/22/2019 */

/* ADDED 10/29/2019 */

.nav--search-container input[title="Search input"] {
    font-size: 12px;
    width: 80%;
    line-height: 2;
    color: #fff!important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #fff;
    background: none;
    padding: 5px;
    border-radius: 0;
}

.nav--search-container input[title="Search input"]:focus { outline: none; }

.nav--search-container button[type="button"] {
    font-size: 12px;
    width: 20%;
    line-height: 2;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #fff;
    padding: 5px;
}

.nav--search-container ::placeholder { color: #fff; }

/* ADDED 10/29/2019 */

/* ADDED 12/16/2019 */

.row:before, .row:after {display: none !important;}

/* ADDED 12/16/2019 */