/*
	Theme Name: Maldivian Red Crescent (MRC) Theme
	Theme URL: http://redcrescent.org.mv
	Description: Custom Theme for redcrescent.org.mv
	Version: 1.0.0
	Author: Arushad Ahmed (@dash8x)
	Author URI: http://arushad.org
	Tags: Responsive, Bootstrap, NGO
	Color Scheme: Red #da251d, Light Red  #d9534c, Darkest Grey #3b3b3c, Dark Grey #555555, Grey #6e6e6e, Light Grey #cbcbcb, Lightest Grey #e5e5e5, Yellow #fcf0ad
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* Sticky footer */
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 60px;
}
/* End Sticky footer */

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* getting rid of rounded corners */
* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.animate, a,
.navbar.affix,
.navbar.affix-top,
.carousel .carousel-control,
.carousel .carousel-caption,
.carousel-control .glyphicon,
button,
input,
input[type="submit"],
#sidebar .widget ul li,
#top-link-block,
.btn {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

body {
	background-color: #cbcbcb;
	color: #3b3b3c;
	font-family: Calibri, sans-serif;
    font-size: 16px;
}

a {
	color: #da251d;
}

a:hover,
a:active,
a:focus {
	color: #555555;
}

a:visited {
	color: #6e6e6e;
}

/* Quickfix for .row overflow */
#wrap {
	overflow-x: hidden;
}

.form-control,
.form-control:focus {
    box-shadow: none;
}

/*
 Equal Height Columns
 http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
*/
@media (min-width: 768px) {
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

.form-control:focus {
	border-color: #da251d;
}

/* Thaan Fonts */
@font-face {
	font-family:'MV Faseyha';
	src:url('fonts/mv_faseyha.otf')  format('opentype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'MV Waheed';
	src:url('fonts/mv_waheed.otf')  format('opentype');
	font-weight:normal;
	font-style:normal;
}

.dhivehi-text {
	font-family: "MV Faseyha", "MV Waheed", Faruma, "mv iyyu nala", "mv elaaf normal";
	line-height: 1.8;
	direction: rtl;
	unicode-bidi: embed;
}

.dhivehi-text h1, .dhivehi-text h2, .dhivehi-text h3, .dhivehi-text h4, .dhivehi-text h5, .dhivehi-text h6 {
	font-family:"MV Waheed", "MV Faseyha", Faruma, "mv iyyu nala", "mv elaaf normal";
	font-weight: normal;
	line-height: 1.6;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

@media (min-width: 1200px) {
	.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
	.navbar-nav >li.active > a, .navbar-nav > li.active > a:focus, .navbar-nav > li.active > a:hover {
		background-color: transparent;
		color: #da251d;
	}

	.navbar-nav > li:after {
		display:block;
		content: '';
		border-bottom: #da251d 5px solid;
		margin-top: 10px;
		-webkit-transform: scaleX(0.0001);
		-ms-transform: scaleX(0.0001);
		transform: scaleX(0.0001);
		-webkit-transition: -webkit-transform 250ms ease-in-out;
		transition: transform 250ms ease-in-out;
	}

	.navbar-nav > li:hover:after,
	.navbar-nav > li.active:after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	.megamenu .caret {
		display: none;
	}
}

.navbar-toggle {
	margin-right: 0px;
	margin-top: 10px;
	padding: 19px 10px;
	border: 0px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 6px;
}

.navbar-toggle .icon-bar {
	background-color: #da251d;
	width: 30px;
	height: 3px;
}

.nav-container {
	background-color: #fff;
}

.navbar-brand {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar {
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.navbar-nav > li > a {
	color: #3b3b3b;
}

#menu-header-menu {
	margin-top: 15px;
}

.navbar-nav >li.donation-button,
.navbar-nav >li#donation-button-li {
	padding-top: 5px;
}

.navbar-nav >li#donation-button-li.active > a,
.navbar-nav >li#donation-button-li > a,
.navbar-nav >li.donation-button.active > a,
.navbar-nav >li.donation-button > a,
.btn,
.btn:visited {
	background-color: #da251d;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	box-shadow: inset 0 0 0 0 #3b3b3b;
	padding: 10px 15px;
	border: 0px;
}

.btn-hollow {
	background-color: transparent;
	color: #da251d;
	box-shadow: inset 0 0 0 0 #da251d;
	border: 3px solid #da251d;
}

.btn-hollow:hover,
.btn-hollow:active {
	color: #fff;
	box-shadow: inset 0 100px 0 0 #da251d;
}

.navbar-nav > li#donation-button-li > a:hover, .navbar-nav > li#donation-button-li > a:focus,
.navbar-nav > li#donation-button-li.active > a:focus, .navbar-nav > li#donation-button-li.active > a:hover,
.navbar-nav > li.donation-button > a:hover, .navbar-nav > li.donation-button > a:focus,
.navbar-nav > li.donation-button.active > a:focus, .navbar-nav > li.donation-button.active > a:hover,
.btn:hover, .btn:active, .btn:focus {
	box-shadow: inset 0 100px 0 0 #3b3b3b;
	color: #fff;
}

.btn-inverted,
.btn-inverted:visited {
    background-color: #6e6e6e;
    box-shadow: inset 0 0 0 0 #da251d;
}

.btn-inverted:hover,
.btn-inverted:active {
    box-shadow: inset 0 100px 0 0 #da251d;
}

.navbar-nav > li.donation-button:after,
.navbar-nav > li#donation-button-li:after {
	display: none;
}

@media (min-width: 992px) {
	.navbar-nav > li.donation-button {
		padding-bottom: 20px;
	}
}

/* Mega menu */
.megamenu {
	box-shadow: none;
	border: none;
	background-color: #da251d;
	color: #fff;
	font-size: 18px;
}

.megamenu a {
	color: #fff;
}

.megamenu .megamenu-heading > a {
	font-weight: bold;
}

.megamenu .megamenu-links.depth-1 {
	padding-left: 0px;
	list-style: none;
}

/* Heeader Search */
.navbar .search-input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.navbar .search-input {
	border: 0px;
	font-size: 18px;
}

.search-submit {
	background: none;
	border: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.yamm .yamm-search {
	padding: 15px;
}

.open > .dropdown-toggle > .caret,
.caret.caret-reversed {
	border-top-width: 0;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}

/* Animate menu toggle */
.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 90%;
}

.navbar-toggle .middle-bar {
	opacity: 0;
}

.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}

.navbar-toggle.collapsed  .top-bar {
	transform: rotate(0);
}

.navbar-toggle.collapsed  .middle-bar {
	opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
}

#header {
	margin-top: 10px;
}
.social-link,
.social-link:visited {
	color: #fff;
	margin-left: 5px;
}

.social-link:hover,
.social-link:active {
	color: #da251d;
}

@media (max-width: 1200px) {
	/* Make navbar collapse early */
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0px;
		background-color: transparent;
		border: 0px none;
		box-shadow: none;
	}
	/* End Make navbar collapse early */

	#menu-header-menu {
		margin-top: 0px;
	}

	#header-navbar-collapse {
		background-color: #da251d;
		padding: 0px;
	}

	.navbar-nav li,
	.navbar-nav >li#donation-button-li,
	.navbar-nav >li.donation-button {
		padding: 0px;
	}

	.navbar-nav li a,
	.navbar-nav > li > a,
	.navbar-nav > li > a:focus,
	.navbar-nav > li > a:active {
		color: #fff;
		padding: 15px 20px;
		background-color: transparent;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		display: block;
		box-shadow: inset 0 0 0 0 #3b3b3b;
	}

	.navbar-nav li a:hover,
	.navbar-nav li a:active,
	.navbar-nav li a:focus,
	.navbar-nav > li > a:hover,
	.navbar-nav.nav .open > a,
	.navbar-nav.nav .open > a:focus,
	.navbar-nav.nav .open > a:hover {
		box-shadow: inset 0 100px 0 0 #3b3b3b;
		border-color: #3b3b3b;
		text-decoration: none;
	}

	.nav-container {
		padding: 0px;
	}

	.navbar-brand {
		padding-left: 30px;
	}

	.navbar-toggle {
		margin-right: 10px;
	}

	.navbar-right {
		margin-right: 0px;
	}

	/* Mega menu */
	.navbar-nav .open .dropdown-menu,
	.megamenu .yamm-content {
		padding: 0px;
	}

	.megamenu li {
		padding-left: 0px;
		list-style: none;
	}

	.megamenu .row {
		margin: 0px;
	}

	.megamenu ul,
	.megamenu ul ul {
		padding: 0px;
		list-style: none;
	}

	.megamenu .megamenu-links {
		display: none;
	}

	.megamenu ul.depth-1.megamenu-links,
	.megamenu ul.depth-3.megamenu-links,
	.megamenu ul.depth-5.megamenu-links,
	.megamenu ul.depth-7.megamenu-links,
	.megamenu ul.depth-9.megamenu-links,
	.megamenu ul.depth-11.megamenu-links {
		background-color: #555555;
	}

	.navbar-nav .open .dropdown-menu,
	.megamenu ul.depth-2.megamenu-links,
	.megamenu ul.depth-4.megamenu-links,
	.megamenu ul.depth-6.megamenu-links,
	.megamenu ul.depth-8.megamenu-links,
	.megamenu ul.depth-10.megamenu-links,
	.megamenu ul.depth-12.megamenu-links {
		background-color: #6e6e6e;
	}

	#menu-search > a {
		display: none;
	}

	#menu-search > .megamenu {
		display: block !important;
	}

	.navbar-nav >li#donation-button-li.active > a,
	.navbar-nav >li#donation-button-li > a,
	.navbar-nav >li.donation-button.active > a,
	.navbar-nav >li.donation-button > a {
		background-color: #555555;
		box-shadow: inset 0 0 0 0 #3b3b3b;
		padding: 15px 20px;
	}

	.navbar-nav > li#donation-button-li > a:hover, .navbar-nav > li#donation-button-li > a:focus,
	.navbar-nav > li#donation-button-li.active > a:focus, .navbar-nav > li#donation-button-li.active > a:hover,
	.navbar-nav > li.donation-button > a:hover, .navbar-nav > li.donation-button > a:focus,
	.navbar-nav > li.donation-button.active > a:focus, .navbar-nav > li.donation-button.active > a:hover {
		box-shadow: inset 0 100px 0 0 #3b3b3b;
	}

	.yamm .yamm-search {
		padding: 10px 0px;
	}

}

@media (max-width: 768px) {
	.navbar-toggle {
		padding: 11px 0px;
	}

	.navbar-brand > img {
		height: 40px;
	}

	#header-navbar-collapse {
		padding-left: 15px;
	}

	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0px;
	}
}

/* Footer */
#footer-main-wrap {
	color: #fff;
	background-color: #555555;
	padding: 20px 0px;
}

#footer-left .widget {
	margin-bottom: 10px;
}

.mrctheme_address i {
	margin-right: 5px;
}

.mrctheme_address .phone {
	margin-right: 10px;
}

.mrctheme_address .phone,
.mrctheme_address .email,
.mrctheme_address .fax {
	white-space: nowrap;
}

.footer-menu a,
.footer-menu a:visited {
	color: #fff;
}

.footer-menu {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	margin-bottom: 5px;
}

.footer-text {
	text-align: justify;
	font-size: 12px;
}

#top-link-block.affix-top {
    position: fixed; /* allows it to "slide" up into view */
    bottom: -600px;
    right: 10px;
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
    z-index: 99;
}

/* Breadcrumbs */
.bread-crumbs-wrap {
	margin-bottom: 10px;
}

.breadcrumb {
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #fff;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb .active {
	color: #da251d;
	text-decoration: none;
}

.breadcrumb > li + li::before {
	color: #fff;
	content: "\00203A ";
}

.breadcrumb > li:nth-child(2)::before {
	content: "\0000BB ";
}

/*------------------------------------*\
    SINGLE
\*------------------------------------*/
.post-card {
	background-color: #fff;
    overflow-x: hidden;
}

.single .post-title .page-title {
	font-weight: bold;
	text-align: center;
	font-size: 42px;
	padding: 10px 30px 30px;
}

.event-meta a,
.event-meta a:hover,
.event-meta a:visited,
.event-meta a:active,
.post-meta a,
.post-meta a:hover,
.post-meta a:visited,
.post-meta a:active {
    color: #fff;
}

.post-meta .meta-item + .meta-item::before {
    content: "|";
    margin: 0px 8px;
}

.post-meta .meta-item,
.event-meta .meta-item {
    display: inline-block;
}

.event-meta .icon,
.post-meta .icon {
    margin-right: 2px;
}

.single .post-meta {
	text-align: center;
	position: relative;
	color: #fff;
}

.single .post-meta .post-meta-wrap,
.single .related-posts .related-posts-title-wrap {
    background-color: #6e6e6e;
    padding: 10px 30px;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.single .post-meta:after {
	background: #cbcbcb;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 120%;
	left: -10%;
}

.single .post-main {
	padding: 30px;
}

.single .post-main p {
	text-align: justify;
}

#main-content-wrapper {
	margin-bottom: 20px;
}

.single .post-main ul.no-bullet li:before {
    content: "";
}

.single .post-main ul {
    list-style-type: none;
}

.single .post-main ul li:before {
    content: "\0025fc";
    margin-right: 5px;
    color: #da251d;
}

blockquote {
    border-color: #da251d;
}

/* Header Carousel */

#single-header-slider.parallax-carousel {
    height: 450px;
}

.header-gallery-container {
    padding: 0px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transform: translateZ(0);
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel .carousel-control
{ opacity:0; }

.carousel-caption {
    width: 100%;
    background-color: rgba(255,255,255,0.7);
    bottom: -100%;
    right: 0;
    left: 0;
    text-align: left;
    color: #3B3B3C;
    padding: 20px;
    text-shadow: none;
}

.carousel-caption .fa {
    font-size: 18px;
    margin-right: 5px;
}

.carousel-inner .active:hover .carousel-caption {
    bottom: 0;
}

.carousel-control.right,
.carousel-control.left {
    background: none;
}

.carousel-control .glyphicon {
    width: 50px;
    height: 50px;
    font-size: 50px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -15px;
}

.carousel-control.left .glyphicon {
    left: 30%;
    margin-left: -15px;
}

.carousel-control.right .glyphicon {
    right: 30%;
    margin-right: -15px;
}

.carousel:hover .carousel-control { opacity:1; }

.carousel:hover .carousel-control.left .glyphicon  {
    left: 40%;
}

.carousel:hover .carousel-control.right .glyphicon  {
    right: 40%;
}

.carousel-control:hover {
    color: #da251d;
}

.carousel-indicators li {
    border-radius: 10px !important;
}

.carousel-indicators .active {
    background-color: #da251d;
    border-color: #da251d;
}

/* Sidebar page */
.page .post-title-container,
.sidebar-page .post-title {
    border-bottom: 1px solid #cbcbcb;
}

.page .post-card {
    background-color: transparent;
}

.single.page .post-card .container {
    background-color: #fff;
}

.single.page .post-title .page-title {
    padding: 20px 30px;
    margin: 0px;
}

.sidebar-page.container {
    padding: 0px;
}

.sidebar-page .post-card {
    background-color: #fff;
}

.sidebar-page .parallax {
    background-position-x: right !important;
}

.page-gallery #single-header-slider {
    height: 300px;
}

#sidebar .widget {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
}

#sidebar .widget.mrctheme_banner,
.home-widgets .widget.mrctheme_banner {
	padding: 0px;
	text-align: center;
}

.mrctheme_banner img {
	max-width: 100%;
}

#sidebar .widget-title {
    margin: 0px;
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    padding: 10px 15px;
}

#sidebar .widget-title a,
#sidebar .widget-title a:visited {
    text-decoration: none;
    color: #3B3B3C;
    display: block;
}

#sidebar .widget-title a:hover {
    text-decoration: none;
}

#sidebar .widget > ul {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}

#sidebar .widget > ul > li > a,
#sidebar .widget > ul ul a,
#sidebar .widget > ul > li > a:visited,
#sidebar .widget > ul ul a:visited {
    display: block;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 15px;
    color: #6e6e6e;
}

#sidebar .widget > ul > li:last-child > a {
    border-bottom: none;
}

#sidebar .widget ul li.mrctheme_subpages_current_page > a {
    color: #da251d;
    font-weight: bold;
}

#sidebar .widget > ul > li > a:hover,
#sidebar .widget > ul ul a:hover,
#sidebar .widget > ul > li > a:active,
#sidebar .widget > ul ul a:active,
#sidebar .widget > ul > li > a:focus,
#sidebar .widget > ul ul a:focus {
    color: #fff;
    background-color: #da251d;
    text-decoration: none;
}

#sidebar .widget > ul ul {
    background-color: #e5e5e5;
    list-style-type: none;
    padding: 0px;
}

#sidebar .widget > ul ul a {
    padding-left: 10%;
}

#sidebar .widget > ul ul a:hover,
#sidebar .widget > ul ul a:active,
#sidebar .widget > ul ul a:focus {
    background-color: #555555;
}

@media (max-width: 768px) {
    .sidebar-page .post-main {
        padding: 20px;
    }
}

/* Event page */
.event .post-title-container {
    padding-bottom: 20px;
    border-bottom: none;
}

.single.event .post-card .event-meta {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px 45px;
    text-align: center;
    color: #fff;
    background-color: #6e6e6e;
    font-size: 18px;
}

.event-meta .meta-item + .meta-item::before {
    content: "";
    margin: 0px 10px;
}

/* Document */
.document .post-title {
    background-color: #fff;
    border: none;
    margin-bottom: 30px;
}

.single.document .post-title .page-title {
    font-size: 18px;
    text-align: left;
    padding: 0px 20px;
    font-weight: normal;
}

.document .post-title .page-title .icon {
    color: #da251d;
    font-size: 30px;
    vertical-align: middle;
}

.document .post-title .page-title span {
    padding: 10px;
    display: inline-block;
}

.document .post-main {
    padding: 0px;
}

.document .post-main .su-document {
    margin-bottom: 0px;
}

.document #sidebar .document-sidebar-content {
    background-color: #fcf0ad;
}

.document .file-too-big {
	padding: 30px;
	font-size: 18px;
	font-weight: bold;
}

.single .post-main-col {
    margin-bottom: 30px;
}

#sidebar .document-meta,
#sidebar .related-documents-title {
    color: #fff;
    background-color: #6e6e6e;
}

#sidebar .document-meta .meta-item {
     display: block;
     margin-bottom: 5px;
}

#sidebar .document-meta .meta-item:last-child {
    margin-bottom: 0px;
}

#sidebar .document-meta .meta-item:before {
    margin: 0px;
}

#sidebar .related-documents-title {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;
}

#sidebar .related-documents .meta-item {
    font-size: 14px;
}

@media  (min-width: 992px) {
    .document .post-title .btn-download {
        border-left: 5px solid #cbcbcb;
    }
}

@media  (max-width: 768px) {
    .single.document .post-title .page-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .document .post-title .page-title .icon {
        font-size: 25px;
    }

    .document .post-title .page-title span {
        display: inline;
    }
}

/* Related Posts */
.single.page .post-card .related-posts,
.single .related-posts {
    background-color: #e5e5e5;
    border-top: 1px solid #cbcbcb;
    padding: 0px 45px 45px 45px;
}

.single .related-posts .related-posts-title {
    text-align: center;
    margin-top: -19px;
}

.related-posts ul {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
}

.related-posts ul .related-posts-li {
    float: left;
    margin-right: 40px;
    margin-top: 30px;
    position: relative;
    overflow-y: hidden;
}

.related-posts ul .related-posts-li.li-4 {
    margin-right: 0px;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    background-color: rgba(218, 37, 29, 0.5);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10%;
    display: block;
    line-height: 180px;
}

.related-posts ul .related-posts-li:hover .overlay {
    bottom: 0;
}

.recent-posts-li img {
    width: 240px;
}

.overlay,
.overlay:hover,
.overlay:active,
.overlay:visited {
    color: #fff;
    text-decoration: none;
}

.overlay span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em; /*set line height back to normal*/
}

@media (min-width: 992px) and (max-width: 1200px) {
    .recent-posts-li img {
        width: 266px;
    }

    .related-posts ul .related-posts-li,
    .related-posts ul .related-posts-li.li-4 {
        margin-right: 41px;
        margin-top: 41px;
    }

    .related-posts ul .related-posts-li.li-3 {
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
    .single .post-title .page-title {
        padding: 10px;
    }

    .single .post-main {
        padding: 10px;
    }

    .single .related-posts {
        background-color: #e5e5e5;
        border-top: 1px solid #cbcbcb;
        padding: 0px 25px 25px 25px;
    }

    .related-posts ul .related-posts-li {
        margin-right: 25px;
    }

    .recent-posts-li img {
        width: 200px;
    }
}

@media (max-width: 400px) {
    .related-posts ul .recent-posts-li {
        margin-right: 0px;
    }

    .recent-posts-li img {
        width: 100%;
    }
}

/* Archive */
.archive .post-title-container {
    background-color: #fff;
    margin-bottom: 10px;
}

.archive .page-title {
    margin: 0px;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.archive-post {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0px;
}

.archive .gallery-loop .date {
	color: inherit;
}

.btn-meta .btn {
    font-size: 16px;
    padding: 8px 15px;
    font-weight: normal;
}

.btn-view,
.btn-view:visited {
    background-color: #5cb85c;
}

.btn-meta {
    float: right;
}

.archive .document-details {
    padding: 10px;
}

.gallery .post-title-container .media-left,
.archive .document-details .media-left {
    color: #da251d;
    font-size: 50px;
    vertical-align: top;
    line-height: 0px;
}

.archive .document-details .date {
    color: #da251d;
 }

.archive .document-details .archive-post-title {
	border: none;
	padding: 0px;
}

.archive .archive-post-title {
    font-size: 18px;
}

.archive .archive-post-title a,
.archive .archive-post-title a:visited {
    color: #6e6e6e;
}

@media (min-width: 992px) {
    .archive .document-details {
        float: left;
    }

    .btn-meta {
        border-left: 5px solid #cbcbcb;
    }

    .archive .document-details .media-body {
        width: auto;
    }

    .btn-meta .btn {
        display: block;
    }
}

@media (max-width: 768px) {
	.archive .page-title {
		padding-left: 0px;
	}
}
/* Post Archive */
.archive .post-thumb {
    padding: 0px;
}

.archive .post-thumb-hover {
    position: relative;
    overflow: hidden;
}

.archive .overlay {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 180px;
}

.archive .post-thumb-hover:hover .overlay {
    bottom: 0;
}

.archive .archive-post-title {
    font-weight: bold;
    padding: 10px;
    padding-left: 0px;
    border-bottom: 1px solid #da251d;
    font-size: 20px;
}

.archive .post .media-body {
    padding-left: 10px;
    padding-bottom: 10px;
}

.archive .post .post-excerpt {
    padding: 20px 10px 0px 0px;
}

.archive .post .btn-readmore {
    text-transform: uppercase;
    padding: 5px 15px;
    font-size: 16px;
    float: right;
    margin-right: 20px;
}

.archive .post .post-meta a,
.archive .post .post-meta a:hover,
.archive .post .post-meta a:visited,
.archive .post .post-meta a:active {
    color: inherit;
}

.archive .post .post-meta {
     font-size: 14px;
}

.archive .post .post-meta .meta-item {
    display: inline;
}

@media (min-width: 350px) and (max-width: 768px) {
    .archive .post .post-thumb img{
        width: 230px;
    }

    .archive .post .overlay {
        font-size: 20px;
        line-height: 100px;
    }
}

@media (max-width: 350px) {
    .archive .post .post-thumb img{
        width: 100%;
    }

    .archive .post .post-thumb {
        display: block;
        overflow: hidden;
    }

    .archive .post .btn-readmore {
        margin-right: 0px;
    }
}

.nothing-found {
    background-color: #fff;
    padding-bottom: 15px;
}

#main-content-wrapper .search-submit {
   padding: 5px 15px;
}

/* Pagination */
.pagination-container {
    padding: 0px;
}

.pagination > li > a, .pagination > li > span {
    border: none;
    color: #6e6e6e;
    margin-left: 1px;
    box-shadow: inset 0 0 0 0 #555555;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    box-shadow: inset 0 100px 0 0 #555555;
}

.pagination > li > span.current {
    background-color: #555555;
    color: #fff;
}

@media (max-width: 768px) {
    .pagination-container {
        padding: 0px 10px;
    }
}

/* Gallery */
.gallery .container {
    padding: 0px;
    background-color: #fff;
}

.gallery .post-content {
    padding: 20px;
    margin-bottom: 10px;
}

.gallery .post-title-container {
    border: none;
}

.gallery .post-title {
    font-size: 25px;
    font-weight: bold;
}

.gallery .gallery-meta {
    float: right;
}

.single.gallery .media-body {
    vertical-align: middle;
    width: auto;
}

.gallery .date{
     display: block;
     color: #da251d;
    font-size: 14px;
 }

.gallery .gallery-count {
    font-weight: bold;
    margin: 0px;
}

.gallery-container .su-youtube,
.gallery-container .su-vimeo,
.gallery-container .su-video {
	margin: 0px;
}

.gallery-container .su-video .jp-jplayer {
	width: 100% !important;
}

/* Below caption */
/*.gallery .carousel-caption {
	position: static;
	background-color: #e5e5e5;
}*/

@media (min-width: 768px) {
	.gallery-container .su-video .jp-jplayer {
		height: 600px !important;
	}
}

/* Gallery Archive */
.gallery-archive .col-wrapper,
.gallery-archive .branch-filter-container {
	background-color: #fff;
	height: 100%;
}

.gallery-archive .row,
.gallery-archive .branch-filter-container {
	margin-bottom: 30px;
}

.gallery-archive-container {
	padding: 0px;
}

.gallery-archive .branch-filter-container {
	padding: 15px;
}

.branch-filter-container .input-group-addon {
	border: none;
	background-color: transparent;
}

.branch-filter-container select {
	border: none;
	background-color: #cbcbcb;
	color: #3b3b3c;
	min-width: 210px;
}

.branch-filter-container button {
	padding: 6px 12px;
	margin-left: 6px;
	font-size: 16px;
}

.gallery-col .post-title-container {
	padding: 15px;
}

.gallery-col .archive-post-title {
	margin-top: 0px;
	font-weight: bold;
	padding: 0px;
	padding-bottom: 10px;
}

.gallery-archive .post-thumb-hover img {
	width: 100%;
}

.gallery-archive .overlay {
	line-height: 150px;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.gallery-archive .overlay {
		line-height: 100px;
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.gallery-archive .gallery-row {
		margin-bottom: 0px;
	}

	.gallery-archive .gallery-col {
		margin-bottom: 20px;
	}
}

@media (max-width: 480px) {
	.gallery-archive .overlay {
		line-height: 100px;
		font-size: 20px;
	}
}

/* Indicator carousel */
.indicator-carousel .carousel-inner .item {
    padding: 0px 40px;
}

.indicator-carousel .thumb {
    padding: 0px 5px;
}

.indicator-carousel .carousel-inner > .item img {
    width: 100%;
    border: 10px solid #fff;
}

.indicator-carousel .carousel-inner > .item .active img {
    border-color: #da251d;
}

.indicator-carousel .carousel-control.right,
.indicator-carousel .carousel-control.left {

    opacity: 1;
    width: 5%;
}

.indicator-carousel .carousel-control .glyphicon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    text-shadow: none;
}

.indicator-carousel .carousel-control {
    color: #da251d;
}

.indicator-carousel .carousel-control:hover {
    color: #6e6e6e;
}

@media (max-width: 768px) {
    .indicator-carousel .carousel-inner > .item img {
        border: 2px solid #fff;
    }

    .indicator-carousel .carousel-control .glyphicon {
        width: 30px;
        height: 30px;
        font-size: 20px;
        padding: 5px;
        text-shadow: none;
    }
}

@media (max-width: 400px) {
    .indicator-carousel .carousel-inner > .item img {
        border: 2px solid #fff;
    }

    .gallery .gallery-meta {
        float: none;
    }
}

/* Form Page Template */
.single.form .post-title {
	margin-bottom: 10px;
	padding: 0px;
}

.single.form .page-title span {
	padding: 9px;
	font-size: 25px;
}

.single.form .post-main-col {
	background-color: #fff;
	padding: 30px;
}

.single.form .post-main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.single.form .post-main textarea,
.donate-form .form-control {
	border: none;
	background-color: #e5e5e5;
	padding: 5px 10px;
	width: 100%;
}

.single.form .post-main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
.single.form .post-main textarea:focus {
	background-color: #cbcbcb;
}

.single.form .post-main-col .post-main .has-free-text input[type="text"] {
	width: auto;
}

.single.form .post-main input,
.single.form .post-main textarea {
	margin-bottom: 10px;
}

.single.form .post-main h2 {
	border-bottom: 1px solid #da251d;
	padding-bottom: 10px;
	margin-top: 0px;
}

.single.form .post-main input[type="submit"] {
    margin-top: 10px;
}

.single.form .post-main h3 {
	margin-top: 5px;
}

.single.form .wpcf7-radio .wpcf7-list-item-label {
	margin-right: 5px;
}

.single.form span.wpcf7-list-item {
	margin-left: 0px;
	margin-right: 20px;
}

span.req,
.single.form .req {
	color: #da251d;
}

.single.form .post-main .margin {
	margin-bottom: 10px;
}

.single.form .multiline span.wpcf7-list-item {
	display: block;
}

.input-group-addon:first-child {
	border: 0;
}

/* Homepag */
.home .main-container {
	background-color: #fff;
	padding: 0px;
}

.home-widgets .widget {
	padding: 30px;
}

.home-widgets .widget-title {
	margin-top: 0px;
	margin-bottom: 20px;
}

.home-widgets .widget-title a {
	color: inherit;
}

.home-widgets .widget-title .icon {
	background-color: #6e6e6e;
	color: #fff;
	padding: 10px;
	border-radius: 50% !important;
	margin-right: 5px;
}

.home-content {
	padding: 30px;
}

.header-revslider-container {
	padding: 0px;
}

.recent-posts img,
.recent-posts .carousel-inner > .item img {
	border: none;
	width: 100%;
}

.recent-posts .post-thumb-hover {
	position: relative;
	overflow: hidden;
}

.recent-posts .post-thumb-hover .overlay span {
	font-size: 25px;
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 0;
	right: 0;
	line-height: 0px;
	white-space: nowrap;
}

#sidebar .recent-posts-carousel .post-thumb-hover .overlay span,
.col-widgets .recent-posts-carousel .post-thumb-hover .overlay span {
	font-size: 15px;
}

.recent-posts .post-thumb-hover:hover .overlay {
	bottom: 0;
}

.recent-posts .post-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.recent-posts-simple a,
.recent-posts .post-title a {
	color: inherit;
}

/* 0 padding carousel */
/*.recent-posts-carousel .carousel-inner > .item {
	padding: 0px;
}

.recent-posts-carousel .carousel-control span {
	background-color: rgba(255,255,255,0.8);
}*/

ul.recent-posts {
	list-style-type: none;
	padding-left: 0px;
}

.recent-posts-simple li:before {
	content: "\000BB";
	margin-left: -15px;
	color: #da251d;
	padding-right: 5px;
}

ul.recent-posts-simple {
	padding-left: 30px;
}

@media (min-width: 768px) {
	.home-widgets .recent-posts-thumb-list li {
		display: block;
		float: left;
		margin-right: 15px;
		max-width: 30%;
		min-height: 200px;
	}
}

@media (max-width: 768px) {
	.recent-posts .post-thumb-hover .overlay span,
	.col-widgets .recent-posts .post-thumb-hover .overlay span {
		font-size: 20px;
	}

	.donation-widget .row .donate-form {
		margin-bottom: 20px;
	}
}

/* Donation Form */
.donate-form .btn {
	padding: 8px 15px;
	margin-bottom: 5px;
}

.donate-form .mpg-logos {
    margin-top: 20px;
}

.home-widgets .mrctheme_donation,
.home-widgets .mrcdonations_donation {
	padding: 0px;
}

.home-widgets .donation-widget {
	padding: 60px 30px;
}

.donation-widget.parallax .donate-form {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 20px;
}

.donation-widget.parallax .msg-wrap {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	max-width:96%;
	padding: 0px 0px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/* Thaana */
.single .dv .post-title .page-title,
.archive .dv .archive-post-title,
.recent-posts .dv .post-title {
	line-height: 1.8;
	direction: rtl;
	unicode-bidi: embed;
	font-family:"MV Waheed", "MV Faseyha", Faruma, "mv iyyu nala", "mv elaaf normal";
	font-weight: normal;
}

.dv .breadcrumb .active,
.single .dv .post-main,
.archive .dv .post-excerpt p,
ul.recent-posts li.dv {
	font-family: "MV Faseyha", Faruma, "MV Waheed", "mv iyyu nala", "mv elaaf normal";
	line-height: 1.8;
	direction: rtl;
	unicode-bidi: embed;
}

ul.recent-posts li.dv::before {
	margin-left: 0px;
	margin-right: -15px;
	padding-left: 5px;
	padding-right: 0px;
}

.single .dv .post-main {
	font-size: 18px;
}

.dv .breadcrumb .active:before {
	content: ""
}

.dv .breadcrumb .active:after {
	direction: ltr;
	font-family: Calibri, sans-serif;
	color: #fff;
	content: "\002039";
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

img#wpstats{display: none;} /* remove wp-stats smiley face