/*
Theme Name: Mosque Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: mosque
*/



/*Add your own styles here:*/

#top #header_main > .container,
#top #header_main > .container .main_menu .av-main-nav > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
	line-height: inherit !important;
}


div span.logo {
	top: 25% !important;
}

.top-current-date{
	font-size: 12px;
}

.top-current-date {
	position: absolute;
	top: 8px !important;
	right: 0;
	z-index: 1000;
	color: #767676;
}

/* ---------------------------- calendar wrapper  ---------------------------- */

.salah-time-row span{
	font-size: 15px;
}

#calendar-wrapper {
    position: relative;
    padding-top: 75px !important;
    float:right;
    width: 40% !important;
    z-index: 99;
}
#moblie-calendar {
		display:none;
}
#calendar-wrapper span {
		color: #767676;
}

.salah-time-row .col2 {
    width: 16.5%;
}
.salah-time-header{
  	height:32px !important;
  	position:absolute;
  	top: 35px !important;
  	right:0;
  	width:83%;
  	border-bottom: none !important;
}
.salah-time-header span{
	font-size:18px;
  	text-transform: uppercase;
  	line-height: 51px;
   	width: 19%;
    text-align: center;
    display: inline-block;
  	font-size: 29px;
  	font-weight: 400;
}
.salah-time-row-wrapper{
	padding: 21px 0 8px 8px;
	    padding: 0 !important;
    margin-top: 0px;
}
.salah-time-row{
	font-size:16px;
  	height: 30px !important;
    margin-bottom: 0px !important;  	
}
.salah-time-row span{
		display:inline-block;
    width:16%;
    text-align:center;
    font-size:29px;
    text-transform:uppercase;
    line-height:42px;
  	font-weight:400;
}

.salah-time-row .col2{
		width:15.5%;
}
.salah-timetable{
   float: left;
    position: absolute;
    right:50px !important;
    top:50px !important;
    z-index: 99;
}
.st-container{
    background: rgba(186,155,105,0.9) !important;
    color: #FFFFFF;
    float: right !important;
    padding:40px 10px 10px 10px;
    width: 545px !important;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.st-container-inner {
    float: left;
    width: 100%;
}
.st-header-1 {
    float: left;
    font-weight: bold;
    margin: 10px 0 0;
    width: 100%;
    line-height: 18px;
  	font-size:12px;
  	text-align:center;
}
.st-header-2 {
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    margin: 0 0 10px;
    width: 100%;
}
.st-item-row {
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    width: 100%;
}
.st-header-label-empty{
		float: left;
    height: 18px;
    text-align: center;
    width: 20px;
}
.st-header-1 .st-header-label-1,
.st-header-2 .st-header-label-1,
.st-item-row .st-item-val-1 {
    float: left;
    height: 18px;
    text-align: center;
    width: 20px;
}
.st-header-1 .st-header-label-2,
.st-header-2 .st-header-label-2,
.st-item-row .st-item-val-2 {
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 123px;
}

.st-header-1 .st-header-label-3,
.st-header-2 .st-header-label-3,
.st-item-row .st-item-val-3 {
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 82px;
}
.st-header-1 .st-header-label-4,
.st-header-2 .st-header-label-4,
.st-item-row .st-item-val-4 {
    float: left;
    margin: 0 5px;
    text-align: center;
    width:82px;
}
.st-header-1 .st-header-label-5,
.st-header-2 .st-header-label-5,
.st-item-row .st-item-val-5 {
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 82px;
}
.st-header-1 .st-header-label-6,
.st-header-2 .st-header-label-6,
.st-item-row .st-item-val-6 {
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 82px;
}

.st-header-2 .st-header-label-1 span.label,
.st-item-row .st-item-val-1 span.label{
    float: left;
    height: 18px;
    text-align: center;
    width: 20px;
}
.st-header-2 .st-header-label-2 span.label,
.st-item-row .st-item-val-2 span.label {
    float: left;
    text-align: center;
    width: 41px;
}
.st-header-2 .st-header-label-3 span.label,
.st-item-row .st-item-val-3 span.label {
    float: left;
    text-align: center;
    width: 41px;
}
.st-header-2 .st-header-label-4 span.label,
.st-item-row .st-item-val-4 span.label {
    float: left;
    text-align: center;
    width: 41px;
}
.st-header-2 .st-header-label-5 span.label,
.st-item-row .st-item-val-5 span.label {
    float: left;
    text-align: center;
    width: 41px;
}
.st-header-2 .st-header-label-6 span.label,
.st-item-row .st-item-val-6 span.label {
    float: left;
    text-align: center;
    width: 41px;
}
.salah-timetable .label{
		text-align: center;
  	font-size:11px!important;
}
.st-container-bottom{
		clear:both;
}
.st-container-inner .current {
    background: none repeat scroll 0 0 #DBDBDB;
    color: #000000;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.st-close a{
		color:#fff;
    font-size:17px;
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer;
    width:20px;
    height:20px;
    display:block;
    text-align:right;
}
.st-container-bottom{
		clear:both;
}
.st-change{
		float:right;
  	margin-top:15px;
}
.friday span{
    font-weight:bold;
  	color:#0f3812;
}

.av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a {
    line-height: 50px !important;
}

#header #header_main_alternate .container {
    display: flex;
}

#full-timetable {
	width: 310px;
	text-align: center;
    line-height: 50px;
    color: #fff;
    background-color: #75531c;
    display: inline-block;
    padding: 0 27px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
	white-space: pre;
/* 	transition: .5s all; */
	line-height: 1px;
    padding: 24px 30px 0 !important;
    font-size: 16px;
    height: 50px;
}

#full-timetable:hover{
	text-decoration: none;
	background-color: #8e6522;
}

.friday span {
    color: #75531d !important;
}

.st-item-row {
    line-height: 24px;
}

#top select {
    margin-bottom: 0;
}

.st-header-2 {
    margin: 0 0 0px;
    line-height: 24px;
}

.st-close a {
    top: 0px !important;
    width: 25px !important;
    height: 35px !important;
}

.salah-time-header span {
    font-size: 14px !important;
	line-height: 30px !important;
}

#full-timetable .avia_pop_class{
	position: absolute;
    right: 15px;
    color: #fff;
    z-index: 9999999;
    transform: rotateX(180deg);
}

.salah-time-row span{
	font-size: 14px !important;
}

.salah-time-row .col2,
.salah-time-header span{
	font-weight: bold !important;
}

ul#avia-menu li:first-child a {
    padding-left: 0;
}

@media screen and (min-width:1025px) and (max-width:1320px){
  #full-timetable{
  		padding: 0 20px;
    	font-size:13px;
  }
  #prayer-day,
  #prayer-day span{
  		font-size:13px;
  }
  #main-menu li a{
    	font-size:14px;
  		padding-right: 8px;
  }
	.salah-time-header span, .salah-time-row span {
		font-size: 13px;
	}
}

@media screen and (min-width:1025px) and (max-width:1320px){
  .salah-time-header span,
  .salah-time-row span{
  		font-size:20px;
  }
  #logo img{
  		width:291px;
    	height:auto;
  }
	.salah-time-header span, .salah-time-row span {
		font-size: 13px !important;
	}
}

@media screen and (min-width: 0px) and (max-width: 1024px){

/* -------------- calendar section -------------- */
  #calendar-wrapper{
      width:100%;
      margin-top:0px;
      float:none;
      padding-top: 0px !important;
  }
  #moblie-calendar{
			display:block;
	}
  #dextop-calendar{
  		display:none;
  }
  #full-timetable{
    	line-height:39px;
    	display:block;
    	text-align:center;
  }
  .salah-time-row-wrapper{
  		padding:0;
    	background-color: #ba9a6d;
    	margin-top: 35px;
  }
  .salah-time-header{
  		width:100%;
  		position: relative;
  		background-color: #9e8159 !important;
  		border-bottom: none !important;
  }
  .salah-time-header span,
  .salah-time-row span{
  		font-size:17px;
  }
  .salah-time-header span{
  		width:32%;
  		color: #fff !important;
  }
  .salah-time-row span{
  		width:32%;
    	line-height:40px;
    	color: #fff !important;
  }
  .salah-time-row{
  		height: 40px;
    	margin-bottom:0;
    	background-color: #9e8159;
  }
  .salah-time-row.bg-add{
  		background-color: #ba9a6d !important;
  }
  
  #calendar-wrapper .salah-time-header span.col3 {
			color: #342f29 !important;
  }
  .salah-time-row-wrapper .pi1,
  .salah-time-row-wrapper .pi2,
  .salah-time-row-wrapper .pi3,
  .salah-time-row-wrapper .pi4,
  .salah-time-row-wrapper .pi5{
			color: #342f29 !important;
  }
	
}


@media only screen and (max-width: 1023px) {
	.responsive #top .logo {
		margin: 0 auto;
		position: static;
		display: table;
		height: 80px !important;
		float: none;
		padding: 0;
		border: none;
		width: 80%;
	}	
	.responsive .logo img {
		margin: 0 auto !important;
		display: block !important;
	}
	
}

@media only screen and (min-width: 1025px){
	#calendar-wrapper {
		right: -25px;
	}
	
	.salah-time-row {
		position: relative;
		right: -5px;
	}

	.salah-time-header span{
		width: 19% !important;
	}

	.salah-time-row span{
		width: 15.5% !important;	
	}

	.salah-time-row .col2 {
		width: 16.5%;
	}	
}

@media only screen and (min-width: 1024px){	
	.responsive .logo {
	    float: left !important;
	}	
	#top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
		height: 150px !important;
	}
}

@media only screen and (max-width: 1024px){
	#top #header_main > .container {
		height: auto !important;
	}
	#calendar-wrapper {
    	width: 100% !important;
	}
	.salah-time-row span{
		    line-height: 32px !important;
	}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.av_minimal_header #header_main_alternate {
		margin-top: 38px;
	}
	.col1{
		position: absolute;
		width: 100%;
		left: 0;
		top: -38px;
	}
	#full-timetable{
		width: 100%;
		padding-top: 0px !important;
		height: 38px;
	}
}

@media only screen and (max-width: 767px){
	.col1{
		position: absolute;
		z-index: 99999;
		width: 100%;
	}
	.top-current-date{
		display: none;
	}
	.responsive #header_main_alternate {
		display: block !important;
	}
	#avia-menu li.av-burger-menu-main.menu-item-avia-special {
		display: none !important;
	}
	li.av-burger-menu-main.menu-item-avia-special {
		display: block !important;
	}
	.responsive #top #wrap_all .container {
		width: 100% !important;
		max-width: 1000% !important;
		display: block;
	}
	#full-timetable {
    	width: 100%;
	}
	.salah-timetable {
		    width: 100%;
    overflow-y: scroll;
		right: 0px !important;
		top: 38px !important;
    }
	#top #av-burger-menu-ul{
		    padding: 0px 0px !important;
	}
	.responsive #top #wrap_all .main_menu {
		right: 20px !important;
		top: 15px !important;
	}
	#full-timetable{
		padding: 0px 30px 0 !important;
		    height: 40px;
	}
	
	#av_section_1 main{
		padding: 100px 50px 0 50px !important;
	}
	#av_section_2 {
		    padding: 0 15px;
	}
	#av_section_2 .template-page{
		padding-top: 0;
		padding-bottom: 0;
	}
	#footer {
		padding: 15px 0 30px 15px !important;
	}
}

@media screen and (min-width:1321px){
	#full-timetable {
		line-height: 3px;
		padding: 25px 30px 0;
		font-size: 16px;
		height: 54px;
	}
	#calendar-wrapper {
		/*width: 46% !important;*/
	}
}