/*

Theme Name: Mosque Foundation

Theme URI: http://www.elevationweb.org/

Description: Mosque Foundation http://www.elevationweb.org/

Version: 2017

Author: http://www.elevationweb.org/

Author http://www.elevationweb.org/

Text Domain: mosque

*/

.page-template-default.page .sidebar-a .prayer-time-cont {
	display: none;
}

.slider-widget .slider-a .bg-img {background-position: center center !important;}

body.home .slider-widget .slider-a #home-slider .carousel-control {
    display: block !important;
}
body.home header.header{
	position:relative;
}
body.home header.header {
  background: rgba(255, 255, 255, 0.97);
}
body.home.fixed {
  padding-top:140px;
}
  body.home header.header section.header-top {
    border-bottom: 1px solid #eeeeee; }
    body.home header.header section.header-top a {
      color: #3d414c; }
    body.home header.header section.header-top ul.social li a {
      color: #8fc545;
      border-right: 1px solid #eeeeee; }
      body.home header.header section.header-top ul.social li a:hover {
        color: #ffffff; }
    body.home header.header section.header-top .search ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #ccc; }
    body.home header.header section.header-top .search ::-moz-placeholder {
      /* Firefox 19+ */
      color: #ccc; }
    body.home header.header section.header-top .search :-ms-input-placeholder {
      /* IE 10+ */
      color: #ccc; }
    body.home header.header section.header-top .search :-moz-placeholder {
      /* Firefox 18- */
      color: #ccc; }
  body.home header.header section.navigation {
    border-bottom: 1px solid #eeeeee; }
  body.home header.header #navigation ul li a, body.home header.header #navigation ul li.open a {
    color: #3d414c; }
  body.home header.header #navigation ul li ul li a, body.home header.header #navigation ul li.open ul li a {
	  color: #ffffff; }

.abc{
	padding:0;
}
.accordion h6{
	font-weight:400 !important;
	background:#dadada;
	padding:10px;
	margin: 25px 0 0;
}
.accordion-content {
border-color:#dadada !important;
}

.table-responsive .table a{
   color:#024a25;
}

body .prayer-time-caption {
font-family: "Lato", sans-serif;
background: #691b1b; 
color: #ffffff;
display: inline-block;
font-size: 17px;
font-weight: 900;
left: 0px;
line-height: 1.2em;
margin: 0;
padding: 18px 15px 18px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -65px !important;
width: 100%;
}

body .d .box-prayer table.table-prayer::before {
    content: none !important;
}

body .d .box-prayer table.table-prayer tbody tr th:last-child,
body .sidebar-a .box-prayer table.table-prayer tbody tr td:last-child,
body .d .box-prayer table.table-prayer tbody tr td:last-child, 
body .sidebar-a .box-prayer table.table-prayer tbody tr th:last-child{
    text-align: center !important;
}

body .d .box-prayer table.table-prayer tbody tr td, body .sidebar-a .box-prayer table.table-prayer tbody tr td {
padding:0 !important;
}

body .news-widget .box-news:nth-child(1) .img-wrap, body .news-widget .box-news:nth-child(2) .img-wrap{height: 250px;}
body .news-widget .box-news:nth-child(1) .info-wrap, body .news-widget .box-news:nth-child(2) .info-wrap {height: 250px;}
body .news-widget .box-news .info-wrap{
	height: 250px;
}
aside.sidebar .d {
    background: none !important;
    padding: 0;
}
.news-widget .box-news {
	display:none;	
}
.news-widget .item .box-news {
	display:block;	
}
.btn-prayer{
	text-align:center;
}
.btn-prayer p{
	padding:0 !important;
	text-align:center;
}
.btn-prayer a{
	display:inline-block;
	color: #fff !important;
	font-size:10px;
	font-weight:700;
	border-bottom:3px solid #fff;
	margin: 15px 0 auto;
	text-align:center;
}
body.home .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
	top: calc(50% + 70px) !important;
}
#home-slider .carousel-control{
	background:transparent !important;
	width:50px;
}
.slider-widget .slider-a #home-slider .carousel-control span:hover {
    background: rgba(0,0,0,.8);
	transition:0.4s;
	border-radius:0 !important;
}
#home-slider{
	background: #222;
}
#home-slider .carousel-control .glyphicon-chevron-left, 
#home-slider .carousel-control .glyphicon-chevron-right{
	margin:0;
	top:0;
}
.slider-widget .slider-a .bg-img {
	background-size: contain !important;
	background-repeat: no-repeat;
}
.slider-widget .slider-a .slider-box {
    width: calc(100% - 120px);
    margin: 0 auto;
}
@media only screen and (max-width: 703px){
	body.home.fixed {
  		padding-top:50px;
	}
	body.home header.header #navigation ul li a, body.home header.header #navigation ul li.open a {
    	color: #fff;
	}
	#home-slider .carousel-control{
		display:none !important;
	}
	.slider-widget .slider-a .bg-img {
		background-size: contain !important;
		background-repeat: no-repeat;
	}
	.slider-widget .slider-a .slider-box {
		width: 100% !important;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 480px){
	body .news-widget .box-news .info-wrap, body .news-widget .box-news:nth-child(1) .info-wrap, body .news-widget .box-news:nth-child(2) .info-wrap {
    	height: auto;
	}
	body.home .slider-widget .caption-a{
		top: calc(50% + 20px);
	}
	body.home .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
		top: calc(50% + 20px) !important;
	}
}


.donation_country_form .quantity{width:100%;}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	form.donation_country_form {
		margin-bottom: 20px;
	}
	.donation_country_form .quantity,.donation_country_form .input-small {
		width: 50%;
	}
	/* Force table to not be like tables anymore */
	.donation_country_form table, .donation_country_form thead, .donation_country_form  tbody, .donation_country_form th, .donation_country_form td, .donation_country_form tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.donation_country_form thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.donation_country_form tr td:last-child {
    padding: 5px 0 1rem 0;
}
	  
	.donation_country_form tr:nth-child(odd) {
	  background: #ccc;
	}

	.donation_country_form td {
		/* Behave  like a "row" */
		border: none !important;
		position: relative;
		padding-left: 50% !important;
	}
	.donation_country_form td:last-child{
		border-bottom: 1px solid #eee;
	}
	.donation_country_form td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	.donation_country_form td:nth-of-type(1):before { content: "Country";font-weight:700;margin-top: 5px; }
	.donation_country_form td:nth-of-type(2):before { content: "Price";font-weight:700;margin-top: 5px; }
	.donation_country_form td:nth-of-type(3):before { content: "Quantity"; font-weight:700;margin-top: 5px;}
	.donation_country_form td:nth-of-type(4):before { content: "Total";font-weight:700;margin-top: 5px; }
	.donation_country_form tr:last-child td:before{content:"";}
}