/* ===
	Typography Styles
=== */

/*
.container {
    max-width: 900px!important;
}
*/

.content-margin {
    max-width: 900px!important;
}

.-indexTitleNews {
    transition: color 0.3s;
}

.-indexTitleNews:hover {
    /* color: #F22871!important; */
    color: #CE0C52!important;
}

/*
b, strong {
    color: #006b97;
}
*/

a:hover {
    text-decoration: none!important;
}

.adspce {
	border: 2px solid #e3e3e3;
	padding: 5px 15px;
	position: relative;
	cursor: pointer;
}

.sub .prefooter .adspce {
    border: 0!important;
}

.sub .prefooter .adspce .sub-border {
    margin: 0!important;
    border: 2px solid #e3e3e3;
}

.adspce-top {
	margin: 15px auto;
}

.homeblock {
	margin-top: 15px;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
}

.body {
    font-family: 'Roboto', sans-serif!important;
}

img {
	max-width: 100%;
}

#body-wrap a:link,
#body-wrap a:visited {
	color: #0B5885;
	font-weight: bold;
}

#body-wrap a:hover,
#body-wrap a:active {
	text-decoration: underline;
}

a.pink:link,
a.pink:visited {
	/* color: #F22871!important; */
	color: #CE0C52!important;
}

.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
}

.pink {
    /* color: #F22871!important; */
    color: #CE0C52!important;
}

.blue {
    color: #006B97!important;
}

.uc {
    text-transform: uppercase!important;
}

ol {
    list-style: decimal inside none;
    padding-left: 0;
}

.empty-link,
.empty-link:hover {
	color: inherit!important;
	text-decoration: none!important;
	font-weight: inherit!important;
}



/*.index-link,*/
.index-link > div, 
.index-link > h2 + div.-indexBylineFeature > span,
/* .index-link > h2, */
.index-link > h2 > span {
    transition: color 0.3s!important;
    /* transition: opacity 0.3s; */
}

/* 
.index-link:hover, */
/* .index-link:hover > div, */
.index-link:hover > h2 + div.-indexBylineFeature > span,
/* .index-link:hover > h2, */
.index-link:hover > h2 > span {
    transition: color 0.3s!important;
    /* color: #F22871!important; */
    color: #CE0C52!important;
    /* opacity: 0.7!important; */
}

.blue-b {
    border-bottom: 15px solid #00779D;
}

.blue-t {
    border-top: 15px solid #00779D;
}

.weight-normal {
    font-weight: normal!important;
}

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

.ptitle {
    font-size: 24px!important;
}

/* Main Headings */
h1, 
h2, 
h3 {
	font-family: 'Karma', serif;
	margin-bottom: 0;
	margin-top: 15px;
	color: #006B97;
	font-weight: 400;
}

/* Alternate Headings (Roboto Versions) */
.h1, 
.h2, 
.h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #006B97;
}

/* Other Alternate Headings */
h4, 
h5, 
h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
}

h1 {
	/* font-size: 1.7em; */
	/* font-size: 2.5rem; */
    font-size: 24px!important;
}

.h1 {
	/* font-size: 1.85em; */
	font-size: 2.95rem;
}

h2 {
	/* font-size: 1.3em; */
	font-size: 2.25rem;
}

.h2 {
	font-size: 2.75rem;
}

/* Features Heading */
h4 {
	font-size: 1.8rem;
	text-transform: uppercase;
	color: #006B97;
}

p {
	margin-top: 0;
	margin-bottom: 15px;
}


/* ===
	Header Styles 
=== */

.br-blue1 {
	border-right: 1px solid #0A84B0;
}

#hamburger {
	padding: 0 5px 0 10px;
	line-height: 1;
	color: #fff;
	/* font-weight: bold; */
	overflow: visible;
}

button#hamburger:focus {
	outline: none!important;
}


.hamburger-box {
	position: absolute;
	top: -4px;
	/* top: -1px; */
    top: -2px;
	right: 0;
	transition: top .5s;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 25px;
	background-color: #fff;
	height: 4px;
	border-radius: 50px;
}


.hamburger--squeeze .hamburger-inner::after {
	bottom: -8px;
}

.hamburger--squeeze .hamburger-inner::before {
	top: -8px;
}

.hamburger--collapse.is-active .hamburger-box {
	top: -1px;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	background-color: #fff;
}

.inner-shadow,
.inner-shadow:focus {
	box-shadow: inset 0 3px 3px 0px rgba(0, 0, 0, 0.25);
}

#input-search {
	height: 38px;
	line-height: 38px;
}

#head {
	position: relative;
	margin-top: 1.5em;
}

/*
.logo-holder {
	background: #fff;
}
*/

#logo {
	top: 0;
}

#logo img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	/*
	padding: 3px;
	border: 1px solid #ccc;
	*/
	background: #fff;
	max-width: 100%;
	width: 225px;
}

#logo_row {
	background: #006B97;
}

#logo_placeholder {
	display: block;
	visibility: hidden;
	max-width: 100%;
	width: 225px;
}

#head .mb-col-right {
	background: #006B97;
}


#btn-search {
	transition: opacity .5s;
}

#btn-search + .form-search {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -7px;
	left: 3%;
	width: 94%;
	transition: opacity 0.5s;
}

#btn-search.focus {
	/* display: none; */
	z-index: 1;
	opacity: 0;
}

#btn-search.focus + .form-search {
	/* position: relative; */
	visibility: visible;
	z-index: 10;
	opacity: 1;
}

.mb-menu > li > a > span,
.mb-menu > li > button > span {
    /* transition: opacity 0.3s; */
    transition: color 0.3s;
}


/*
.mb-menu > li > button > span > span {
    transition: background-color 0.3s;
}
*/

.mb-menu > li > a:hover > span,
.mb-menu > li > button:hover > span {
    /* color: #c74291!important; */
    /* opacity: 0.7; */
    color: #D8D8D8;
}

body #btn-search .fa {
    transition-property: none!important;
}

body #btn-search:hover .fa {
    color: #fff!important;
}

/*
.mb-menu > li > button:hover > span > span,
.mb-menu > li > button:hover > span > span:after,
.mb-menu > li > button:hover > span > span:before {
    /* transition: background-color 0.3s; * /
    background-color: #c74291!important;
}
*/

.mb-menu .mm-link {
	width: auto;
	min-width: 0;
	max-width: 250px;
	transition: all 0.3s;
	line-height: 1;
}

.mb-menu .mm-link.focus {
	width: 60%;
	min-width: 60%;
	max-width: 2000px;
}


.mb-menu {
	display: block;
	margin: 15px 10px 15px 0;
	list-style: none;
	overflow: visible;
	width: 100%;
	padding: 0;
	text-align: right;
	padding-right: 10px;
}

.mb-menu > li {
	display: inline-block;
	position: relative;
	margin-left: -4px;
}

.mb-menu > li > a {
	display: block;
	padding: 0px 10px;
	line-height: 1;
}

.mb-menu > li,
.mb-menu > li > a > span {
	color: #fff;
	font-size: 21px;
	/* font-weight: bold; */
}

.mb-menu > li > a:hover {
	text-decoration: none;
}

.mb-menu > li:after {
	content: "";
	position: absolute;
	height: 21px;
	width: 2px;
	top: 0px;
	left: -1px;
	background: #fff;
}

.mb-menu > li:last-child {
	padding-right: 40px;
}

.mb-menu > li:first-child:after {
	width: 0;
}

.mb-menu-sub {
	display: none;
}

#mega-menu {
	position: absolute;
	background: #006B97;
	/* padding-bottom: 20px; */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	display: none;
}

#mega-menu > .row {
	margin-left: 0!important;
	margin-right: 0!important;
	
	border-top: 1px solid #0A84B0;
}

#mega-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}

#mega-menu .mb-menu-top {
	padding-bottom: 75px;
}

#mega-menu .mb-menu-top > li {
	padding: 0 40px;
}

#mega-menu .mb-menu-top a:link,
#mega-menu .mb-menu-top a:visited {
	color: #fff;
	display: block; 
	margin: 0 auto;
	border-bottom: 1px solid #0A84B0;
	padding: 10px 0;
    transition: color 0.3s;
}

#mega-menu .mb-menu-top a.open,
#mega-menu .mb-menu-top > li:last-child a {
	border-bottom: 0!important;
}

#mega-menu .mb-menu-top a:hover,
#mega-menu .mb-menu-top a:active {
	text-decoration: underline;
	text-decoration: none;
    /* opacity: 0.7; */
    /* transition: opacity 0.3s; */
    transition: color 0.3s;
    color: #D8D8D8;
}

#mega-menu .mb-menu-sub a:link,
#mega-menu .mb-menu-sub a:visited,
#mega-menu .mb-menu-sub a:hover,
#mega-menu .mb-menu-sub a:active {
	border: 0;
	padding: 3px 0 3px 15px;
}

#mega-menu .mb-menu-sub {
	border-bottom: 1px solid #0A84B0;
	padding-top: 0;
	padding-bottom: 10px;
}

#mega-menu a.has-sub .fa-plus,
#mega-menu a.has-sub .fa-minus {
	font-size: 0.8em;
}

#mega-menu a.has-sub .fa-minus {
	display: none;
}

#mega-menu a.has-sub.open .fa-minus {
	display: inline-block;
}

#mega-menu a.has-sub.open .fa-plus {
	display: none;
}

/* ====
	Featured Content Styles (NEWS)
==== */

/*
#content-featured,
#content-features,
#content-newsletter
*/
.content-block {
	/* border-bottom: 1px solid #D0D0D0; */
	/* box-shadow: 0px 2px 6px 2px rgba(165, 163, 163, 0.5); */
    
	/* box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25); */
    box-shadow: 4px 0px 2px -2px rgba(0, 0, 0, 0.25);
}

.text {
    font-size: 1.5rem;
    font-family: 'Roboto', sans-serif;
    color: #212529;
    font-weight: normal;
}

.sb {
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.25);
}

.sr {
    box-shadow: 4px 0px 2px -2px rgba(0, 0, 0, 0.25);
}

.sbr,
.srb {
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
}

.sf {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

#content-featured .featured-primary {
	background-color: #016B97;
}

#content-featured .featured-primary .slides {
	/* 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	*/
	
	/*
	position: relative;
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
	
	-webkit-transition: background-image 0.25s linear;
	-moz-transition: background-image 0.25s linear;
	-o-transition: background-image 0.25s linear;
	-ms-transition: background-image 0.25s linear;
	transition: background-image 0.25s linear;
	*/
	
	max-width: 100%;
	height: 0;
	padding-top: 60%;
	position: relative;
}

#slide-back,
#slide-front {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#slide-overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.25);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#featured-text {
	line-height: 1.3;
}

#news-heading {
	position: relative;
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 2.1rem;
	top: 25px;
	left: 25px;
	margin: 0;
	display: inline-block;
	font-weight: 500;
}

#features-heading {
	font-size: 2.5rem;
}

#content-featured .featured-primary a:link,
#content-featured .featured-primary a:visited {
	text-decoration: none;
	color: #fff;
    transition: color 0.3s;
}

#content-featured .featured-primary a:hover,
#content-featured .featured-primary a:active,
#content-featured .featured-primary a:focus {
	/* text-decoration: underline; */
	text-decoration: none;
    /* color: #FF348B; */
}

#content-featured .featured-secondary {
	background: #F3F3F3;
}

#content-featured .featured-secondary h2,
#content-featured .featured-secondary p {
	margin: 0;
	
}

#content-featured .featured-secondary .active {
	display: none;
}

#content-featured .feature-block {
	background: #F3F3F3;
	border-top: 1px solid #D0D0D0;
	padding: 25px;
}

#content-featured .feature-block:first-child {
	border-top: 0;
}

#featured-title {
	margin: 0;
	color: #fff;
	position: absolute;
	/* width: 70%; */
	width: 90%;
	left: 25px;
	/* top: 74%; */
	/* bottom: 70px; */
	/* top: 210px; */
	
	top: 70%;
	font-weight: 400!important;
	
	/*
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5),
		2px 2px 2px rgba(0, 0, 0, 0.5);
	*/
}

#featured-title a {
	font-weight: 400!important;
    transition: color: 0.3s;
}

#featured-title a:hover {
    color: #D8D8D8!important;
}

._featured-link,
#featured-link {
	/* background: #FF348B; */
	background: #CE0C52;
	display: inline-block;
	padding: 0px 2px 0 1px;
	border-radius: 4px;
	line-height: 1.1;
	font-weight: 400;
}

.featured-link {
	/* background: #FF348B; */
	background: #CE0C52;
	display: inline-block;
	padding: 0px 2px 0 1px;
	border-radius: 4px;
	line-height: 1.1;
	font-weight: 400;
}

/* #content-featured .featured-links */
.featured-links {
	/* color: #FF348B!important; */
	color: #CE0C52!important;
}

#content-featured .featured-nav {
	width: 100%;
}

#content-featured .featured-nav .nav-left,
#content-featured .featured-nav .nav-right {
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 15px;
	font-size: 40px;
	cursor: pointer;
    
    /* transition: color 0.3s; */
}

/*
#content-featured .featured-nav .nav-left:hover,
#content-featured .featured-nav .nav-right:hover {
    color: #FF348B!important;
}
*/

#content-featured .featured-nav .nav-right {
	left: auto;
	right: 15px;
}

#content-featured .featured-nav .dots {
	position: absolute;
	color: #fff;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

#content-featured .featured-nav .dots > .active {
	/* color: #FF348B; */
	color: #CE0C52;
}

#content-featured .featured-nav .dot {
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

#content-featured .featured-nav .dot i {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#content-featured .slide-text {
	color: #fff;
	background: #016B97;
	padding: 25px;
	min-height: 100px;
}

#content-featured .slide-text a {
    /* transition: opacity 0.3s!important; */
    transition: color 0.3s!important;
}

/*
#content-featured .slide-text a:hover {
    /* transition: color 0.3s; * /
    /* color: #FF348B!important; * /
    /* opacity: 0.7; * /
    color: #D8D8D8!important;
}
*/

#content-featured .slide-text a:hover i {
    color: #fff!important;
}

#content-featured .featured-secondary .link-wrap a {
    transition: color 0.3s;
    /* transition: opacity 0.3s; */
}

#content-featured .featured-secondary .link-wrap:hover a {
    /* color: #FF348B!important; */
    color: #CE0C52!important;
}

#content-featured .featured-secondary .link-wrap:hover p a.empty-link {
    color: #212529!important;
}

a.link-wrap h2,
a.link-wrap p,
a.link-wrap span {
    transition: color 0.3s;
}

a.link-wrap:hover h2,
a.link-wrap:hover p,
a.link-wrap:hover span {
    /* color: #FF348B!important; */
    color: #CE0C52!important;
}

/* ===
	Features Block
=== */

#feature-block-0 {
	border-right: 1px solid #fff;
}

#feature-block-2 {
	border-left: 1px solid #fff;
}

#feature-block-0,
#feature-block-1,
#feature-block-2 {
	background: #016B97;
}

/*
#content-features {
	background-color: #016B97;
}
*/

#content-features .features-block {
	position: relative;
	/* min-height: 350px; */
}

#content-features .features-image {
	/* min-height: 227px; */
	
	height: 0;
	padding-top: 60%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#content-features .features-text {
	background: #006B97;
	color: #fff;
	padding: 20px;
	min-height: 92px;
}

#content-features .features-text a {
	color: #fff;
}

#content-features .features-text > h2 {
	color: #ffffff;
	margin: 0;
}

#content-features .extra-info {
	display: none;
	padding-top:5px;
}


.features-link {
    transition: color 0.3s;
    /* transition: opacity 0.3s; */
}

.features-link .text-white,
.features-link .extra-info {
    transition: color 0.3s;
    /* transition: opacity 0.3s; */
}

.features-link:hover .text-white,
.features-link:hover .extra-info .fa {
/* .features-link:hover .extra-info { */
    /* 
    color: #FF348B!important;
    font-weight: 400!important;
    */
    /* opacity: 0.7; */
    color: #D8D8D8!important;
}

.yellow-top {
	border-top: 10px solid #FFA110;
}

.filter-box {
    background: #FAFAFA;
    padding: 20px;
}

#bs-category-select {
    max-height: 300px;
    overflow: auto;
    width: 100%;
}

#bs-category-select .selected {
    /* background: #f22871; */
    background: #CE0C52;
    color: #fff!important;
}

/* ===
	Newsletter Styles
=== */

.form-control {
	border-radius: 50px;
	padding: 25px;
	font-size: 16px;
}

.form-block {
    border-radius: 0;
    padding: 10px 20px!important;
    min-height: 40px;
}

.select {
    padding: 5px;
    border: 1px solid #dfdfdf;
}

.btn,
.input-group-text {
	/* background-color: #F22871; */
	background-color: #CE0C52;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 50px;
}

.btn-flat {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 8px 20px;
    color: #006B97;
    background: transparent;
    
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.dropdown-item,
.btn-flat #paging-count {
    transition: color 0.3s;
}

.dropdown-item:hover,
.btn-flat:hover,
.btn-flat:hover #paging-count,
.btn.inactive:hover {
    /* background: rgba(0, 0, 0, 0.05); */
    /* color: #F22871!important; */
    color: #CE0C52!important;
}

.btn-page-count {
    text-transform: none!important;
    color: #212529!important;
    font-weight: normal!important;
}

.btn.inactive {
    color: #212529!important;
}

.border-bottom-blue {
    border-bottom: 10px solid #006b97;
}

#paging-count {
    color: #006B97!important;
    font-weight: bold!important;
}

.dropdown-menu {
    font-size: 16px;
}

#newsletter-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#content-newsletter {
	border-bottom: 15px solid #00779D;
}


/* ===
	Footer Styles 
=== */

#footer {
	background: #006B97;
	color: #fff;
}

#footer strong {
	font-weight: 500;
}

#footer a {
	color: #fff;
    transition: color 0.3s;
    /* transition: opacity 0.3s; */
}

#footer a:hover {
    /* color: #c74291; */
    /* opacity: 0.7; */
    color: #D8D8D8;
}

.nav-vertical,
.nav-vertical li,
.nav-vertical li a {
	display: block;
}

.nav-social > li:first-child {
	margin-left: -5px;
}

.hidden {
	display: none!important;
}

.hide {
	position: absolute;
	left: -1000px;
	top: -1000px;
	visibility: hidden;
}

input[type=checkbox] + .fa-check-square {
	display: none;
	/* color: #F22871; */
	color: #CE0C52;
	background: #fff;
}

input[type=checkbox] + .fa-check-square + .fa-square {
	color: #bbb;
	background: #fff;
}

input[type=checkbox]:checked + .fa-check-square {
	display: inline-block;
}

input[type=checkbox]:checked + .fa-check-square + .fa-square {
	display: none;
}

.loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index:10000;
}

.loading:after {
	content: "";
	position: absolute;
	width: 128px;
	height: 128px;
	border-radius: 100%;
	border: 5px solid rgba(165, 165, 165, 1);
	border-top-color: rgba(255, 255, 255, 1);
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -64px;
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

html body .arrow-swap:hover {
    background: #CE0C52!important;
}

html body .arrow-swap:hover * {
    color: #fff!important;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* Article Styles */

/* Article Body Text */
body .article-body, body .article-body .nep, body .article-body p { /* font-size: 16px!important; */ font-size: 21px!important; }

/* Quote Text */
body .article-body blockquote.news p { /* font-size: 20px!important; */ font-size: 23px!important; line-height: 1.35!important}

/* Headline / Title Text */
body .article-headline { font-size: 46px!important;}

/* Author Text */
body .article-by a { font-size: 22px!important;}

/* Summary Text */
body .article-summary { font-size: 20px!important;}

/* Related Stories Title */
body #relatedStoriesTitle { font-size: 26px!important;}

/* Related Stories Links */
body #relatedStoriesDiv .relatedStoriesLinks a { font-size: 24px!important;}

/* Latest Categories */
body .latestCat { font-size: 21px!important;}

/* Latest Categories Links (Title) */
body .latestLink { font-size: 28px!important;}

/* Latest Categories Summary */
body .latestSum { font-size: 18px!important;}

/* date */
body .article-date span { font-size: 19px!important; }

/* main category */
body .article-topic a { font-size: 22px!important; }

body #author_ajax { font-size: 18px!important; }

body #share_this_article { font-size: 21px!important; }

.relatedStoriesLinks a {
    transition: 0.3s color;
}

.relatedStoriesLinks a:hover {
    /* color: #c74291!important; */
    color: #CE0C52!important;
}

.-indexTitle,
.-indexTitleFeature,
.-indexTitleNews {
    font-weight: bold;
}

.-indexBylineFeature > span {
    /* font-weight: bold; */
    color: #656565;
}

/*
.-indexBylineFeature {
    margin-top: 3px;
    / * line-height: 1.35; * /
}
*/

.link-wrap:hover .dance,
a:hover .dance {
    animation: dance .35s infinite alternate;
    display: inline-block;
}

@keyframes dance {
    0% {
        margin-left: 0;
    }
    
    100% {
        margin-left: 5px;
    }
}