/* CSS Document */
/* customise links */
body, h5 {font-size:13pt !important;}
a {color:#006a54;}
a:hover {color:#002c1b; text-decoration:none;}
.text-white {color:#FFFFFF;}
/*Customize paragraph tags*/
p {
	text-align:left;
}
/* jumbotron header responsive features*/
.no-jumbotron-top-margin {margin-top:-25px;}
@media (max-width: 4000px) and (min-width: 800px) {
	.jumbotron-map {
		background:url(../../../img/banners/muslim_map_gray_lg.jpg) no-repeat;
	}
	.site-logo {
		margin:-30px 0px 0px 0px;
	}
	.site-title {
		font-size:28px;
		margin:-5px 0px 0px 100px;
	}
	.site-title-hijri {
		font-size:12px;
		margin:70px -40px 0px 0px;
		color:#c7c5c5;
		font-weight:normal;
	}
	.site-title-slogan {
		font-size:18px;
		margin:0px 0px 0px 100px;
		font-style:italic;
		font-weight:normal;
		color:#676767;
	}
    .jumbotron-height-lg {
        height:150px;
    }
}
@media (max-width: 800px) and (min-width: 600px) {
	.jumbotron-map {
		background:url(../../../img/banners/muslim_map_gray_md.jpg) no-repeat;
	}
	.site-title {
		font-size:32px;
		text-align:center;
	}
	.site-title-hijri {
		font-size:12px;
		margin:30px 0px 0px 0px;
		color:#c7c5c5;
		font-weight:normal;
		text-align:center;
	}
	.site-title-slogan {
		font-size:18px;
		font-style:italic;
		font-weight:normal;
		color:#676767;
		text-align:center;
	}
}
.jumbotron {background-color:#c7c5c5; color:#006a54; font-weight:bold;}

/* Site logo responsive features*/
@media (min-width: 1200px) {
	.site-logo {
		height:120px;
		width:168px;
	}
    .jumbotron-height-lg {
        height:150;
    }
}
/* Site title responsive features*/
@media (max-width: 600px) {
	.site-logo {
		height:80px;
		width:112px;
	}
	.jumbotron-map {
		background:url(../../../img/banners/muslim_map_gray_sm.jpg) no-repeat;
	}
	.site-title {
		font-size:21px;
		text-align:center;
	}
	.site-title-hijri {
		font-size:10px;
		margin:30px 0px 0px 0px;
		color:#c7c5c5;
		font-weight:normal;
		text-align:center;
	}
	.site-title-slogan {
		font-size:14px;
		font-style:italic;
		font-weight:normal;
		color:#676767;
		text-align:center;
	}
}

/* carousel margin and transition */
.carousel-top-margin {
	margin-top:50px;
}
/*Social icons styling*/
.social-top-margin {
	margin-top:60px;
}
.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 34px;
    height: 34px;
    color: #FFF;
    background-color:rgba(0, 0, 0, .6);
    font-size: 14px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}

.social .fa-github:hover {
    background: #343434;
}

.social .fa-pinterest:hover {
    background: #cb2027;
}

.social .fa-linkedin:hover {
    background: #0094BC;
}

.social .fa-flickr:hover {
    background: #FF57AE;
}

.social .fa-instagram:hover {
    background: #375989;
}

.social .fa-vimeo-square:hover {
    background: #83DAEB;
}

.social .fa-stack-overflow:hover {
    background: #FEA501;
}

.social .fa-dropbox:hover {
    background: #017FE5;
}

.social .fa-tumblr:hover {
    background: #3a5876;
}

.social .fa-dribbble:hover {
    background: #F46899;
}

.social .fa-skype:hover {
    background: #00C6FF;
}

.social .fa-stack-exchange:hover {
    background: #4D86C9;
}

.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-xing:hover {
    background: #005C5E;
}

.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-foursquare:hover {
    background: #09B9E0;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}
/* Big thumb nails inside caption */
.thumb-box {
    display:inline-block;
    position:relative;
	max-width:750px;
}
.urun-text {
    position: absolute;
    background-color: rgba(15, 15, 15, 0.93);
    color: #fff;
    bottom: 0px;
    text-align: left;
    padding: 20px 15px 20px 15px;
    width:100%;
}
.urun-title {
    position: absolute;
    bottom: 0px;
    text-align: left;
    z-index: 15;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    padding-left: 20px;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
    background-color:rgba(0, 0, 0, .6);
    width: 100%;
}

/* nav vertical divider */
.navbar .divider-vertical {
height: 50px;
margin: 0 9px;
border-right: 2px solid #ffffff;
border-left: 2px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
border-right-color: #222222;
border-left-color: #111111;
}
@media (max-width: 920px) {
	h5 { font-size:18pt;}
	.press_min_list { border-bottom: 1px solid #E9E9E9;}
	.hr_show {display:block !important;}
}

.hr_show {display:none;}
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }
/* page header no margin */
.page-header {
	margin-top:-26px;
}

.side-col-container {
	margin-bottom:80px;
}

/* YouTube embed container*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;  margin-bottom:10px;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Footer */
.footer-background {
	background:#424242;
}
.footer-block {
	color:#FFFFFF;
	margin:20px 0px 20px 0px;
}
.footer-rights-sub {
	color:#8B8B8B;
}

/* flex css to make row contents sam eheight*/
.equal, .equal > div[class*='col-'] {  
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.align-right {
	text-align:right;
}

.panel-footer-custom {
	background:none;
	border:none;
}

/* get rid of thumbnail shadow and border*/
.thumbnail {
    border: 0 none;
    box-shadow: none;
}
/*.img-fade {
	background:#000000;
	height:100%;
	width:100%;
	opacity:0;
    -webkit-transition: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.img-fade:hover {
    opacity:1 !important;
}
*/
/* fix text blink in safari in carsoul */
.carousel-inner {
  -webkit-transform-style: preserve-3d;
}

.tabs-bottom-margin {
	margin-bottom:25px;
}

/*Change navbar style*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ffffff !important;  /*Sets the text hover color on navbar*/
}
.navbar-default .navbar-nav > li > a {
   color: #ffffff !important; /*Change active text color here*/
}
.navbar-default {
	border-color: #000000 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #000000 !important; /*BACKGROUND color for active*/
background-color: #ff6600 !important;
}
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
font-size:10pt;
}
/* Change titles font */
h1, h2, h3, h4, h5 { font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}
/* change boxes heading */
.panel-heading { font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:14pt;}
/* general margin bottom */
.bottom_margin_10 {margin-bottom:10px;}
/* Corsoul Indicators */
.carousel-indicators {margin-top:5px;}
/* events banners corners and other stuff */
.event_banner {
	background-image: linear-gradient(180deg, #a9d1c9, #FFFFFF);
	padding:10px 15px 10px 15px;
	margin:0px -15px 10px -15px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.event_extra_banner {
	padding:0px 15px 10px 15px;
	margin:0px -30px 10px -30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.event_banner:hover {
	background-image: linear-gradient(180deg, #d5d5d5, #FFFFFF);
}
.event_banner_logo {
	margin:10px 5px 0px 0px;
	width:50px;
	height:50px;
	float:left;
}
/* Activities line style */
.activities_line {
	list-style:none;
	margin:0px 0px 0px -35px;
}
/* Calendar table style */
table td {
	padding:5px 5px 5px 5px;
	font-size:9pt;
}
/*footer block styling*/
.footer-block a {
	color:#FFFFFF;
}
/* center navbar items*/
.nav_items_center {text-align:center;}

/* general align center */
.align_center {text-align:center; margin:0px auto 0px auto;}

/* states fixed height */
.state_box {height:150px;}

/* center tabs titles*/
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

/* youtube video wrappe */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* home photos carousel photos height */
.home_photos_fixed_height {
	height: 200px;
}