asear/* CSS Document */
/* Gloabal -----------------------*/
a:link,  a:visited {
	text-decoration:none;
	font-weight: 600;
}
a:hover {
    color: #007bff;
}
a:active{
	color: #007bff;
}
h1, h2{
    color: #0e416c;
}
h3, h4{
	color: #262626;
    font-size: 1.35rem;
}
h4{
	font-size: 1.3rem;
}
/* Common ------------------------*/
.md, .md_l_sm, .md_l_lg, .md_r_lg{
	text-align: center;
}
.img_r{
	display: block;
	margin-left: auto;
	margin-right: auto;
    margin: 10px;
}
.img_hmn_l{
	margin: 10px;
    text-align: center;
}
.post_hr{
    border-top: 2px solid #ababab;
}
/*main menu*/
.menu-item li a{
	color:#007bff;
}
.dropdown-item:focus, .dropdown-item:hover{
	background:#eee;
}
/* header content ---------------*/

.hdr_top{
	background-color: #fff;
	padding-bottom: 20px;
}
.hdr_slide{
	background-color: #0e3c63;
	border-bottom: solid 1px #000;
}
.cont_res{
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.call_top{
    font-weight: 500;
    text-align: center;
    font-family: Helvetica Neue LT Std;
    color: #0e416c;
}
.call_top a:link{
    color: #0e416c;
}
.call_top a:hover {
    color: #ba8300;
}
.mld_logo{
	text-align:center;
}
.search_tp{
	margin-top: 20px;
}
.form-control:focus {
    box-shadow: 0 0 0 0.08rem rgba(0,123,255,.25);
}
.nav_menu{
	margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 700;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(0, 81, 160);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(14, 65, 108);
}
.dropdown-toggle::after{
	display: none;
}

/* --------------------------------- END HEADER -----------------------------------------------*/
/* ----------------------------------General layout --------------------------------------------*/
.hr_white{
	border: solid 1px #FFF;
}
.stron_br{
	display: none;
}
.storn{
	background-color: #d9e2ea;
    padding: 30px 20px 40px 20px;
    font-size: 1.2em;
    font-weight: 500;
    margin: 40px 0 20px 0;
    border-radius: 3px;
}
.storn_links{
    font-size: 1.3em;
}
.storn_title h3{
	font-size: 1.7em;
    color: #0e3c63;
}
.storn_text{
}
.stron_overlay{
	background-color: #0e416c78;
    height: 100px;
    padding: 10px 0 0 20px;
}
.stron_par {
    margin-top: 20px;
}
.stron_read, .stron_share{
	background-image: url(../images/read_story.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-color: #0e416c;
    background-size: 70px;
}
.stron_share{
	background-image: url("../images/share_story.png");
	margin-top: 20px;
	background-size: 110px;
    background-position: right 10px center;
}
.stron_overlay:hover{
	background-color: #0e416c2e;
}
.storn_links a:link,  .storn_links a:visited {
	color: #FFF;
	text-decoration: none;
}
.storn_links a:hover {
    color: #FFF;
	text-decoration: none;
}

.hdr_title{
	background-color: #003b71;
    padding: 10px 0 10px 0;
	margin-bottom: 20px;
}
.hdr_title  h1{
	color: #FFF;
	font-size: 1.9em;
}
.reso_bg{
    background-color: #d7dee9;
    margin: 20px 0 20px 0;
    padding: 0px 0px 5px 10px;
    height: 43px;
}
.reso_ul{
    list-style: none;
    padding-left: 0;
    font-weight: 500;
}
.reso_ul a:link,  .reso_ul a:visited {
    color: #00578a;
}
.reso_ul a:hover {
    color: #049eff;
}
.call_out{
	-webkit-box-shadow: 0px 0px 10px 0px rgb(0, 59, 113);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 59, 113);
    box-shadow: 0px 0px 10px 0px rgb(0, 59, 113);
    border-radius: 5px;
    padding: 10px;
    margin-top: 30px;
    background-color: #fef5e0;
}
.accord_drop{
	color: #0e416c;
    font-weight: 600;
    font-size: 1.05em;
    text-decoration: none;
}
.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}
.btn-link:hover {
    text-decoration: none;
}
.ambas{
	float: left;
    padding: 8px;
    border-radius: 14px;
	width: 112px;
}
.join_now_btn{
	border: solid 1px #0e416c;
    border-radius: 15px;
    text-align: center;
    margin: 0 0 20px 0;
    background-color: #fff8e9;
}
/* MODAL Form ----------------------*/
#frm-modal-0{
	background-color: #00000073;
	padding-top: 10%;
}
.modal-title {
    display: none;
}
/* block quote --------------------- */
.text-center {
  text-align: center;
}

.quote-card {
    background: #fff;
    color: #222222;
    padding: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 1px 10px rgb(0, 59, 113);
    position: relative;
    overflow: hidden;
    min-height: 120px;
}
.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
}
.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
}
.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after {
    font-size: 22em;
    right: -25px;
  }
}
/* End of block quote --------------------------*/


.event-date {
    width: 322px;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}
.event-date-content {
    background-color: #fdb813;
    width: 100%;
    height: 108px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 24px;
}
.event-date-year {
    background-color: #ffdf91;
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: 108px;
    text-align: center;
}
.event-year{
	letter-spacing: 8px;
    font-weight: 500;
}


.main_form, .story_form{
	padding: 20px;
    border: solid 1px #0e416c;
    border-radius: 15px;
    background-color: #fff8e9;
}
.story_form{
	padding: 10px;
}
.story_prog {
    background-color: #fbfdff;
    padding: 10px;
    border: solid 1px #b4c6d6;
    border-radius: 5px;
    margin-bottom: 20px !important;
}
/* ---------------------------------End of general layout ---------------------------------------*/
/*-----------------------------------Page Specific-----------------------------------------------*/
.home h1{
	font-size: 2em;
    margin-top: 30px;
}
.submit_story{
	background-color: #003b71;
    padding: 10px 50px;
    font-size: 1.3em;
}
.submit_story:hover{
	background-color: #005dc1;
}
.submit_story a:link, .submit_story a:active, .submit_story a:visited{
	color: #FFF;
	text-decoration: none;
}
.submit_story a:hover{
	text-decoration: none;
}
.event_details{
	margin-top: 20px;
}
/*-----------------------------------End of Page Specific ----------------------------------------*/
/* -------------------------------Start of body content area -----------------------------------------*/
.twtr_feed{
	color: #00477f;
    font-size: 2em;
    font-weight: 700;
    margin-top: 30px;
}

/*-----------------------------------START FOOTER ---------------------------------------------*/
.foot_top{
	background-color: #d7dde9;
	padding-top: 20px;
	padding-bottom: 20px;
    margin-top: 30px;
}
.ft_title{
	font-weight: bold;
	text-transform: uppercase;
}
/* Footer Menu --------*/
#menu-overview, #menu-press, #menu-legal{
	list-style: none;
    padding-left: 0;
    padding-top: 20px;
	font-weight: 500
}
#menu-overview a:link,  #menu-overview a:visited, #menu-press a:link, #menu-press a:visited, #menu-legal a:link, #menu-legal a:visited{
    color: #000;
}
#menu-overview a:hover, #menu-press a:hover, #menu-legal a:hover {
    color: #0c4f79;
}
/* Footer Menu End --------*/
.ft_title, .social_ftr{
	margin-top: 20px;
}
.social_ftr{
	color: #4c4e4b;
	font-size: 30px;
}
.copywr{
	background-color: #0f426d;
	color: #FFF;
	padding: 25px 0 25px;
}

.wa_announcement{

}
.wa_announcement h1{
}

/*-----------------------------------END FOOTER -----------------------------------------------*/
/*my custom size 367 px for a specific website */
@media (min-width: 367px) {
	.search_tp{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: fit-content;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.md_l_sm{
		text-align:left;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.md_l_lg{
		text-align: left;
	}
	.md_r_lg{
		text-align: right;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	.mld_logo{
		text-align:left;
	}
	.call_top{
		text-align:right;
	}
	.cont_res{
	    margin-right: unset;
	}
	.search_tp{
		float: right;
	}
	.stron_br{
		display: block;
	}
	.story{
		background-image: url(../images/story.png);
		background-repeat: no-repeat;
		background-position: 40px 20px;
		padding: 30px 250px 40px 260px;
	}
	.img_r{
		float: right;
	}
	.img_hmn_l{
		margin: 7px 10px 5px 0px;
		float: left;
	}
	.ev_date{
		width: 250px;
	}
	.stron_par{
		padding-left: 35px;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	.container{
		max-width: 1200px;
	}
	.nav_menu{
		text-align:left;
		max-width:80%;
	}
	.story{
		background-position: 50px 20px;
	}
}