/*==================================================
=                    Default                       =
==================================================*/

body {
	color: #0A3A68;
	font-family: "Sora", sans-serif;
	font-style: normal;
	font-weight: 400;
	/* line-height: 1.8; */
}

@media (min-width: 1440px) {
	html,body {font-size: 1rem;}
	li {margin-bottom: .5rem;}
}

p,ul,ol,dl,blockquote,pre,td,th,textarea {margin-bottom: 1.875rem;}
ul {padding-left: 20px;}


b, strong {font-weight: 700;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {color: #0A3A68; margin-bottom: 1.875rem;}
.bg-dark-blue h1,.bg-dark-blue .h1,.bg-dark-blue h2,.bg-dark-blue .h2,.bg-dark-blue h3,.bg-dark-blue .h3,.bg-dark-blue h4,.bg-dark-blue .h4,.bg-dark-blue h5, .bg-dark-blue .h5,.bg-dark-blue h6,.bg-dark-blue .h6,.bg-gray h1,.bg-gray .h1,.bg-gray h2,.bg-gray .h2,.bg-gray h3,.bg-gray .h3,.bg-gray h4,.bg-gray .h4,.bg-gray h5, .bg-gray .h5,.bg-gray h6,.bg-gray .h6 {color: #fff;}

@media (min-width: 1200px) {
	h1,.h1 {font-size: 3.3333333333333335rem; line-height: 1.1;}
	h2,.h2 {font-size: 2.7777777777777777rem;}
	h3,.h3 {font-size: 1.9444444444444444rem;}
	.section-title {font-size: 3.3333333333333335rem;}
}
@media (min-width: 1200px) {
	.negitive-margin-top {margin-top: -11%;}
}

a {color: #0155AD; transition: color 0.5s ease;}
a:hover {color: #FFB671; text-decoration: none!important; transition: color 0.5s ease;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {font-weight: 700;}

/* avoid collapsing margins you might need this, depending on your design */
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0;}
/* avoid last-child bottom margin */

@media (min-width: 992px) {
	p:last-child,ul:last-child,ol:last-child,dl:last-child,blockquote:last-child,pre:last-child,table:last-child {margin-bottom: 0;}
}

.lead {font-size: 18px; margin-bottom: 1.875rem;}

.list-landing li {margin-left: 5rem;}

/* ====== Core ================ */

/* ------ Navbar Brand ------ */

.navbar-brand img {width: 250px;}

section,.section {padding-bottom:2.5rem; padding-top:2.5rem;}

@media (min-width: 992px) {
	section,.section {padding-bottom: 5rem; padding-top:5rem;}
}

@media (min-width: 1440px) {
	section,.section {padding-bottom:7.5rem; padding-top:7.5rem;}
}

h1 span,.h1 span,h2 span ,.h2 span,h3 span,.h3 span,h4 span,.h4 span,h5 span,.h5 span {font-weight: 300;}
/* .lead {line-height: 1.5;} */

.table td {font-size: .75rem;}

/* ------ Footer ------ */
footer {font-size:0.875rem;}
footer .logo {margin-bottom: 1.5rem; height: 40px;}
footer p {color: #F0F0F0;}
footer strong {font-size: 1rem;}
footer h3 {font-weight: 700; margin-top: 1rem!important;}
footer a {color: #FFB671; font-weight: 700;}
footer a:hover {color: #F0F0F0;}
footer li {margin-bottom: auto;}

footer .newsletter-signup .form-control {background-color:rgba(240, 240, 240, 0.2); border: 2px solid #F0F0F0; border-radius: 10px; color: #fff; min-height: 50px; padding: 1.25rem;}
footer .newsletter-signup .btn-secondary {border-radius: 10px;min-height: 50px;}

footer .form-control::-webkit-input-placeholder { color: #fff; /* Edge */}
footer .form-control:-ms-input-placeholder {color: #fff; /* Internet Explorer 10-11 */}
footer .form-control::placeholder {color: #fff;}

@media (min-width: 992px) {
	article {
		-webkit-column-count: 2;
	  	-moz-column-count: 2;
				column-count: 2;
	  -webkit-column-gap: 5rem;
	  	-moz-column-gap: 5rem;
				column-gap: 5rem;
	}
} 

/* ------ Top Navigation ------ */
#top-nav {background-color: #0A3A68;}
#top-nav.navbar {padding-bottom: .25rem; padding-top: .25rem;}
#top-nav li {margin-bottom: 0;}
#top-nav.navbar a {color: #fff; font-size:0.9375rem; line-height: 0;}
#top-nav.navbar a:hover {color: #FFB671;}
#top-nav.navbar a.dropdown-item {color: #0A3A68; line-height: normal!important;font-size: 14px!important; padding: 0.5rem;}
#top-nav.navbar a.dropdown-item:hover {color: #FFB671;}
.top-nav-mobile .nav-link {font-size: .875rem; font-weight: 500; padding: .25rem 1rem .25rem 0;}

/* ------ Main Navigation ------ */
/* .navbar {padding: 0rem 1rem;} */
#main-nav.navbar a {color: #0A3A68;}
#main-nav.navbar a:hover {color: #FFB671;}
.navbar-nav {font-size: 1rem; font-weight: 700;}
.navbar-nav li {margin-bottom: 0;}
.navbar-expand-xl .navbar-nav .nav-link {color: #2C2C2C; border-bottom: 1px solid rgba(25, 23, 23, 0.25);}
@media (min-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {border-bottom: none; padding-left: 1.15rem; padding-right: 1.15rem;}
}
.dropdown-header,.dropdown-item {padding-left: 0;}
.dropdown-menu {border: none; border-radius: 0;}
.dropdown-item.active, .dropdown-item:active {background-color: transparent; font-weight: 700;}
.dropdown-item:hover {background-color: transparent;}
.dropdown-header,.dropdown-item {padding-right: 3rem;}

@media (min-width: 992px) {
	.dropdown-header,.dropdown-item {padding-left: 1.5rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.dropdown-header,.dropdown-item {padding-left: 1.5rem;}
	.menu-right {right: 0; left: auto;}
}
@media (min-width: 1200px) {
	.dropdown-menu {
		box-shadow: 0px 0px 5px 0px rgba(0,0,0, .1);
		left: 50% !important;
		transform: translateX(-50%) !important;
		top: 100% !important;
	}
}

.navbar-nav .dropdown-toggle::after {content: none;}

.dropdown-header {font-size:1rem; font-weight: 700;}
.dropdown-item {font-size: 0.875rem;}

/* ------ Navbar Toggle ------ */
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 40px;
	height: 20px;
	background-image: none;
	position: relative;
	border-bottom: 3px solid #FFB671;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 40px;
	position: absolute;
	height: 3px;
	background-color: #FFB671;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}

/* ------ Sub Navigation ------ */
.sub-nav {font-weight: 700; padding: .5rem 0;}
.sub-nav a {color: #0A3A68;}
.sub-nav a:hover {color: #FFB671;}

.nav-box a {color:#FFB671;}
.nav-box a:hover {color:#fff;}

/* ------ YMH Section ------ */
h2,h3,h4,h5 {color: #0A3A68;}
#ymh .nav a.nav-link {font-weight: 700;}
#ymh .nav a.nav-link.active {color:#FFB671;}
}

/* ------ Button ------ */
.btn {border-radius: 0; font-size: 1rem; font-weight: 700; padding: .65rem 1.5rem;}
.btn-primary {background-color: #27A3DD; border-color: #27A3DD; color: #05080B;}
.btn-primary:hover {background-color: #0A3A68; color: #fff; transition: color 0.5s ease;}
.btn-outline-primary {border: 1px solid #fff; color: #fff;}
.btn-outline-primary:hover {background-color: #fff; border-color: #fff; color:#0A3A68; transition: color 0.5s ease;}
.btn-secondary {background-color: #FFB671; border-color: #FFB671; color:#0A3A68;}
.btn-secondary:hover {background-color:#27A3DD; border-color:#27A3DD; transition: color 0.5s ease;}
.btn-link {color: #0A3A68;}
.btn-link:hover {color: #FFB671; transition: color 0.5s ease;}


/* ------ Sticky Navbar ------ */
@media (min-width: 1200px) {
	.sticky-lg-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	
	.sticky-lg-top.cols {
		top: 150px;
	}
}

.anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

/* ------ Form Settings ------ */
#newsletter-strip .form-control {border: none; border-radius: 0; font-size: 1.25rem; padding: .65rem 1.5rem; min-height: 50px}
#newsletter-strip .btn-secondary {min-height: 50px}

/* ------ Breadcrumbs ------ */
.breadcrumb {background-color: transparent; padding-left: 0;}
.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a {color: #FFB671; font-weight: 700;}
.breadcrumb .breadcrumb-item.active {color: #f0f0f0; font-weight: 300;}
.breadcrumb-item+.breadcrumb-item::before {color: #f0f0f0;  content: "\f105";font-family: 'Font Awesome 5 Pro';}
.breadcrumb-item+.breadcrumb-item.text-body::before {color: #0A3A68!important;}

/* ------ DUI Programs ------ */
#programs #dui-programs .card {opacity: 1; border: 4px solid #fff;}
#programs #dui-programs .card-focus .card {box-shadow: 5px 5px 30px 20px rgba(5, 5, 5, 0.1)}
#dui-programs .card ul.list-inline,#dui-programs .card .card-header ul.list-inline li {margin-bottom: 0;}

#dui-programs .card-footer {background-color: transparent; border-top: none; padding: 0 1.25rem 1.75rem 1.25rem;}
@media (min-width: 1200px) {
	#programs #dui-programs .card-focus {margin-top: -3rem;}
}
#dui-programs .card.card-focus {border-radius: 40px; opacity: 1; margin-top: 0;}

@media (min-width: 1200px) {
	#dui-programs {padding-bottom: 0;}
	#dui-programs .card.card-focus {border-radius: 40px 40px 0 0; padding-bottom: 5rem;}
}

#dui-programs .nav-link {color: #fff; /* font-size: 1.25rem; */ padding-left: 0;}

#dui-programs .nav-link.active {
    background: #fff;
    border-radius: 0 20px 20px 0;
    color: #0A3A68;
    font-weight: 700;
    position: relative;
}

#dui-programs .nav-link.active::before {
    left: -999em;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
}
#dui-programs .card-deck {align-items: center;}
#dui-programs .card {background-color: #D8EEEB; border-radius: 40px 40px; border-bottom: none; border-left: 4px solid #fff; border-right: 4px solid #fff; border-top: 4px solid #fff; opacity: .2; margin-top: 10%;}
@media (min-width: 1200px) {
	#dui-programs .card.card-focus {height: 840px;}
}
#dui-programs .card-header {background-color: #0A3A68; border-radius: 40px 40px 0 0;  padding: 1.75rem;}
#programs #dui-programs .card-header,#programs #dui-programs .card-header h3 {color: #fff;}
#dui-programs .card-title {font-size:2.5rem; font-weight: 700;}
#dui-programs .card-body {color: #0A3A68; /* padding: 1.75rem;*/ font-size: .9rem;}
#dui-programs .card-body li {font-weight: 700; margin-bottom: .8rem;}
#dui-programs .btn-secondary {border-radius: 30px; font-size: 1rem;}
#dui-programs .card-focus .card-title {font-size: 4rem; font-weight: 700;}
#dui-programs .card.card-focus .btn-secondary {font-size: 1.25rem;}

/* @media (min-width: 1600px) {
	#dui-programs .card-title {font-size: 5rem;}
	#dui-programs .btn-primary {border-radius: 30px; font-size: 1rem;}
	#dui-programs .card-focus .card-header li {font-size: 1.25rem;}
	#dui-programs .card-focus .card-title {font-size: 6.25rem; font-weight: 700;}
	#dui-programs .card-focus .card-body {font-size: 1.25rem;}
	#dui-programs .card.card-focus .btn-primary {font-size: 1.25rem;}
} */

#how-it-works .content-wrap {align-content: center!important; display: flex; flex-wrap: wrap; padding: 5%;}
#how-it-works .content-wrap > * {flex-basis: 100%;}

#pe-mw .card-body {padding-left: 1.5rem; padding-right: 1.5rem;}
#pe-mw .card-footer {background-color: #fff; border: none; padding-bottom: 2rem;}

#ymh #wwd .card {border-radius: 30px; background-color: #0A3A68!important; color: #fff;}
#ymh #wwd .card-img-top {border-radius: 30px 30px 0 0;}
#ymh #wwd .card-title {color: #fff;}
#ymh #wwd .card-body {padding: 30px;}

#ymh #ten-dow .card {border-radius: 30px;}
#ymh #ten-dow .card .card-img-top {text-align: center; max-height: 50px; border-radius: 50%; color: #fff;}
#ymh #ten-dow .col {margin-bottom: 80px!important;}
#ymh #ten-dow .card-body {padding: 60px 30px 30px;}

/* Custom styles for the icon positioning */
.circle-icon {
  position: absolute;
  top: -40px; /* Adjust this value to control how far the circle extends out of the card */
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
}

/* ------ Events / Resources / Sidebar-nav Nav ------ */
#events .card,#events .card-footer {background-color: #F7F7F7; border-top: none;}
#events .card h3,#events .card .h3,#resources .card h3,#resources .card .h3,#events .card h4,#events .card .h4,#resources .card h4,#resources .card .h4,#events .card h5,#events .card .h5,#resources .card h5,#resources .card .h5 {font-weight: 700; font-size: 1.25rem;}
/* #events .card-body,#resources .card-body {padding: 1.875rem;} */
/* #events .card-footer,#resources .card-footer {padding: 0 0 1.875rem 1.875rem;} */
#events .btn-link,#resources .btn-link {padding: 0;}

.event .card {border-bottom: 1px solid #ccc; margin-bottom: 1rem; padding-bottom: 1rem;}
/* ------ Resources / sidebar-nav Nav ------ */
#resources .card,#resources .card-footer {background-color: #fff; border-top: none;}
#resources .nav li,#sidebar-nav .nav li {font-weight: bold; margin-bottom: auto;}
#resources .nav-link,#sidebar-nav .nav-link {color:#425B77; padding: .15rem 0}
#resources .nav-link:hover,#resources .nav-link:hover.active,#sidebar-nav .nav-link:hover,#sidebar-nav .nav-link:hover.active {color: #FFB671;}
#resources .nav-link.nav-cat {font-size: 1rem; font-weight: 500; color: #4D5562;}
#resources .nav-link.active,#sidebar-nav .nav-link.active,.sub-nav .nav-link.active {color: #1393CD;}

/* @media (min-width: 1600px) {
	#events .card-excerpt {font-size: 1.25rem;}
	#resources .nav-link,#sidebar-nav .nav-link {color:#425B77; font-size: 1.25rem; padding: .25rem 0}
} */

#staff .card {background-color: transparent;}
#staff a {color: #FFB671;}
#staff a:hover {color: #fff;}

/* ------ Modal ------ */
.modal {background-color: rgba(255, 255, 255, 0.85); z-index: 9999;}
.modal-body p {font-size: 15px;}
.modal-header,.modal-footer {flex-wrap: nowrap; justify-content: space-between;}
.modal-header {margin: .25rem!important;}
.modal .close {font-size: 4.5rem;}

@media (min-width: 576px) {
	.modal-dialog {max-width: 1200px;}
}

/* ------ Breadcrumbs ------ */
.card {border-radius: 0; border: none;}
.box-contact .card {border: 1px solid #F7F7F7;}
.box-contact .card .card-footer {background-color: rgba(255, 255, 255, 0); border-top: none; padding-right: 0; padding-left: 0; padding-top: 0;}

.page-link {border: 2px solid #F7F7F7; color: #1393CD;}
.page-link:hover {color: #FFB671;}
.page-item.disabled .page-link {border-color: #F7F7F7;}

.accordion .card-header {background-color: transparent; padding: .5rem 1rem;}
.accordion .btn {padding: 0;}
.accordion .btn:hover {text-decoration: none;}

.accordion .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  float: right;
}

.accordion .card-header .btn-header-link.collapsed:after {
  content: "\f105";
}

.box-border {border: 1px solid #e4e4e4;}
.box-border .list-group-item {border-color: #e4e4e4;}

/* ====== Utilities ================ */
@media (min-width: 1600px) {
	.contain {
		max-width: 1440px;
	}
	.container-fluid.contain {
		max-width: 1600px;
		.overflow-hidden {overflow-x: hidden;}
		.position-rel {position: relative;}
		.row-offset {position: relative; right: -200px;}
	}
}

/* ------ Border Radius ------ */
.border-radius {border-radius: 30px;} 

/* ------ Slick Slider ------ */
.slick-slide {outline: none;}

/* ------ DataTable Jobs ------ */
#jobs td {font-size: 1rem;}

/* ------ Backgrounds ------ */
.divider {}

/* ------ Backgrounds ------ */
.bg-dark-blue {background-color: #0A3A68; color: #fff;}
.bg-light-blue {background-color: #27A3DD;}
.bg-gray {background-color: #53586A; color: #fff;}
.bg-light-gray {background-color: #F7F7F7;}
.bg-light-green {background-color: #D8EEEB;}
.bg-orange {background-color: #FFB671;}
.bg-split-content-transparent-right {background: rgba(54, 81, 110, 0.8);}
.bg-linergradient-3colors {background: linear-gradient(340deg, rgba(37,244,172,1) 0%, rgba(12,76,135,1) 52%, rgba(10,58,104,1) 100%); width: 100%;
  height: 50vh; /* Adjust height as needed */ position: relative; margin-top: 0px;}
.bg-linergradient-orange-white {background: #FFB671;}
@media (min-width: 1600px) {
	.bg-linergradient-orange-white {background: linear-gradient(180deg,rgba(255, 182, 113, 1) 90%, rgba(247, 247, 247, 1) 90%);}
}

@media (min-width: 992px) {
	.bg-split-content-left {background: linear-gradient(-90deg, #6CC3CC 40%, #0A3A68 30%);}
	.bg-split-content-right {background: linear-gradient(90deg, #6CC3CC 40%, #0A3A68 30%);}
	.bg-split-content-white {background: linear-gradient(-90deg, #6cc3cc 40%, #fff 30%);}
	.bg-split-content-blue {background: linear-gradient(90deg, #1393CD 40%, #0A3A68 30%);}
	.bg-split-content-green {background: linear-gradient(90deg, #00af4c 40%, #0A3A68 30%);}
	.bg-split-content-orange {background: linear-gradient(-90deg, #FFB671  40%, #0A3A68 30%);}
	.bg-split-content-white-orange {background: linear-gradient(-90deg, #FFB671  40%, #ffffff 30%);}
	.bg-split-content-transparent-right {background: linear-gradient(-90deg, rgba(108, 195, 204, 0) 40%, rgba(54, 81, 110, 0.8) 30%);}
}

/* ------ Text Colors ------ */
.text-light-blue {color: #1393CD;}
.text-body {color: #0A3A68!important;}
.text-dark-blue {color: #0A3A68!important;}
.text-white {color: #fff!important;}


/* ------ Font Weights ------ */
.fw-light {font-weight: 300;}
.fw-medium {font-weight: 500;}
.fw-bold {font-weight: 700;}

/* ------ Font Awesome Caret Positioning ------ */
.fas.fa-caret-right { position: relative; left: 10px; top: 2px;}

.uppercase {text-transform: uppercase;}


/* ----- Flip Card ----- */
#ph-banner {z-index: -1;}
#ph-banner .carousel-item {min-height:650px;}

.carousel-inner.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-inner.carousel-fade .active {
  opacity: 1;
}
.carousel-inner.carousel-fade .active.left,
.carousel-inner.carousel-fade .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-item .active {
  opacity: 0;
  transition: opacity .8s ease-out;
  transition-property: opacity;
}

.flip-card .card {
	background-color: transparent; border: none; border-radius: 0; color: #fff; padding: 0;
}

.flip-card .card-title {color: #fff;}

.flip-card-inner {
	background-color: #0A3A68; border:1px solid #0A3A68;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
 /* position: absolute;
  width: 100%; */
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
  background-color: #0A3A68;
}

.flip-card-back h3 {color: #FFB671!important;}

.flip-card img {max-height: 75px;}

.w-90 {width: 90%!important;}


/* ====== Accessibility ================ */

#skip-to-content {
  padding: 1em;
  position: absolute;
  top: -40px;
  left: 1em;
  z-index: 100000;
  color: white;
}

#skip-to-content:focus {
  position: absolute;
  top: 0;
  background: #222;
}


/* CALENDAR */
/* GLOBAL */
/* MONTH CALENDAR */

.pager {list-style: none; padding-left: 0;}

#month_calendar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#month_calendar table, #month_calendar tr, #month_calendar td {
	padding: 0px;
}
#month_calendar_outer {
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
#month_calendar_inner {
	width: 100%;
	table-layout: fixed;
}
#month_calendar #month_calendar_inner td {
	width: 14%;
	height: 130px;
	padding: 5px;
}
#month_calendar .event {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	color: #7f7f7f;
	padding: 2px 0 0 0;
}
#month_calendar .event a {
	color: #565656;
	text-decoration: underline;
}
#month_calendar .day_cell .all_day, #month_calendar .day_cell .multi_day {
	padding: 0 6px;
	line-height: 20px;
	color: #7f7f7f;
}
#month_calendar .day_cell .all_day {
	margin-bottom: 2px;
	background-color: #f2f2f2;
	border: 1px solid;
	border-color: #c6c6c6;
}
#month_calendar .day_cell .multi_day {
	margin-bottom: 2px;
	background-color: #f2f2f2;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: none;
	border-right: none;
	border-color: #c6c6c6;
	margin-left: -5px;
	margin-right: -5px;
}
#month_calendar .day_cell .all_day a, #month_calendar .day_cell .multi_day a {
	color: #565656;
	text-decoration: none;
}
#month_calendar .day_cell .all_day a:hover, #month_calendar .day_cell .multi_day a:hover {
	color: #565656;
	text-decoration: underline;
}
#month_calendar .first_day {
	margin-left: 0 !important;
	border-left: 1px solid !important;
}
#month_calendar .last_day {
	margin-right: 0 !important;
	border-right: 1px solid !important;
}
#month_calendar .day_cell .date {
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0 0 3px 0;
}
#month_calendar .day_cell .date a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#month_calendar .day_cell .has_events a {
	color: #d75452;
	font-weight: bold;
}
#month_calendar .day_cell .date .num {
	font-size: 15px;
	color: #8a8a8a;
}
#month_calendar .day_cell .date a:hover {
	color: #000000;
	text-decoration: underline;
}
#month_calendar .day_cell .has_events a:hover {
	color: #000000;
}
#month_calendar .day_cell hr {
	margin-top: 7px;
	margin-bottom: 7px;
}
#month_calendar td.day_cell {
	padding-top: 30px;
}
#month_calendar .out_of_range {
	background: #fbfbfb;
}
#month_calendar .out_of_range .date {
	color: #aeaeae;
}
#month_calendar td.today {
	background-color: #fcf8e4;
}
#month_calendar #days_of_week th {
	padding: 5px 0;
	text-align: center;
	font-size: .65rem;
}
#month_calendar #month_year th {
	padding: 5px;
	color: #000;
}
#month_calendar #month_year th.left {
	text-align: left;
}
#month_calendar #month_year th.center {
	text-align: center;
}
#month_calendar #month_year th.right {
	text-align: right;
}
#month_calendar .popover-title span.event_time {
    display: block;
    color: #4f4f4f;
    font-size: 85%;
    margin-top: 5px;
}
#month_calendar .calendar-color {
	background-color: #9f9f9f;
	position: relative;
	top: 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -9000px;
}


/* WEEK CALENDAR */

#week_calendar .header div {
	float: left;
	width: 20%;
}
#week_calendar .header div.left {
	padding-left: 10px;
}
#week_calendar .header div.center {
	width: 55%;
	text-align: center;
}
#week_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}
#week_calendar ul.list-group {
	margin-bottom: 0px;
}


/* DAY CALENDAR */

#day_calendar .header div {
	float: left;
	width: 15%;
}
#day_calendar .header div.left {
	padding-left: 10px;
}
#day_calendar .header div.center {
	width: 65%;
	text-align: center;
}
#day_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}
#day_calendar ul.list-group {
	margin-bottom: 0px;
}
.list-group-item .calendar_event_title {
	color: #3a3a3a;
	text-decoration: underline;
}
.list-group-item .calendar_event_title:hover {
	color: #4f4f4f;
	text-decoration: none;
}


/* MINI CALENDAR */

#mini_calendar td, #mini_calendar th {
	padding: 0;
	margin: 0;
	text-align: center;
}
#mini_calendar th {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mini_calendar .mini_calendar_days th {
	background: #e5e5e5;
	border: 1px solid #979797;
	border-width: 1px 0;
}
#mini_calendar th a {
	color: #000;
	font-size: 15px;
}
#mini_calendar td a {
	display: block;
	color: #fff;
}
#mini_calendar td div, #mini_calendar td.has_events div #mini_calendar td.mini_calendar_pad div {
	vertical-align: middle;
	text-align: center;
	padding: 6px;
}
#mini_calendar td.has_events div {
	padding: 0;
}
#mini_calendar td.has_events div a {
	font-weight: bold;
	color: #000000;
	display: block;
	padding: 6px;
	background-color: #f5f5f5;
}
#mini_calendar td.has_events .middot {
	display: block;
	padding: 6px;
}
#mini_calendar .middot {
	color: #bcbcbc;
}
#mini_calendar td.has_events div a:hover {
	background: #dff0d9;
	text-decoration: none;
}
#mini_calendar td.today div, #mini_calendar td.today div a {
	background-color: #fcf8e4;
}

/* Search */

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 81, 110, 0.97);
    
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
    z-index: 9999;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
#search label {
    position: absolute;
    top: 30%;
    width: 100%;
    color: #fff;
    text-align: center;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100px;
    max-width: 200px;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	border-color: #ccc;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}