/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
@font-face {
  font-family: "Noori";
  src: url('http://idreesia.com/sites/all/themes/myidreesia/css/fonts/nafees-nastaleeq-webfont.eot');
  src: url('http://idreesia.com/sites/all/themes/myidreesia/css/fonts/nafees-nastaleeq-webfont.eot?#iefix') format('eot'), 
  url('http://idreesia.com/sites/all/themes/myidreesia/css/fonts/nafees-nastaleeq-webfont.woff') format('woff'), 
  url('http://idreesia.com/sites/all/themes/myidreesia/css/fonts/nafees-nastaleeq-webfont.ttf') format('truetype'), 
  url('http://idreesia.com/sites/all/themes/myidreesia/css/fonts/nafees-nastaleeq-webfont.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}


.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}



html, button, input, select, textarea {
    font-family: Arial,Helvetica,Tahoma,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	margin-bottom: 10px;
	letter-spacing: 0;
	color: #367C4D;
}
h2.block-title {
	color: #367C4D;
}
.i18n-ur h1,
.i18n-ur h2,
.i18n-ur h3,
.i18n-ur h4,
.i18n-ur h5,
.i18n-ur h6,
.i18n-ur p,
.i18n-ur a,
.i18n-ur ul li {
	font-family: Noori,Arial,Helvetica,Tahoma,sans-serif;
	word-spacing: 0.1em;
	font-weight: normal;
	line-height: 2.0em;
}
.i18n-ur strong {
	font-weight: normal;
}
.i18n-ur .view-wazaif-for-ehadkarkun a,
.i18n-ur .views-field-field-arabic-month a , .views-field-field-arabic-month  {
	font-family: Arial,Helvetica,Tahoma,sans-serif;
}

.alpha, 
.omega {
	margin: 0px !important;
}
a:visited, a:link {
	color: #08213E;
	text-decoration: none;
}
a: hover {
	text-decoration: underline;
}
h2 {
	font-size: 1.2em;
	
}
h4 {
	font-size: 1em;	
}
h1 {
	font-size: 28px;
	
	text-align: center;
}
.views-field-field-mehfil-date a {
	font-size: .9em;
	color: #444;
}
tr {
	border-bottom: 1px solid #eee;
}
.view-filters {
	margin-bottom: 20px;
}
body {
		background: #EBF6FD;
		color: #08213E;
}

/*** FRONT PAGE PANEL ****/

.panels-flexible-region-8-left {
	float: left;
	width: 100%;
}

.panels-flexible-region-8-center {
	float: left;
	width: 100%;
}
/*** END ***/

#page, .region-bottom {
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	background: none;
	padding: 0;
}
input[type=text],
input[type=password] {
    width: 217px;
}
.page-user ul.primary li {
	display: block;
}

.form-submit {
	margin-top: 5px;
}

/* 
*    Style for DESKTOP
*/
@media (min-width: 768px) {
	#page, .region-bottom {
		padding: 0 34px;
		background: url("images/back-new.png");
	}
	body {
		background: url("images/bg-new.jpg");
	}
	.page-user ul.primary li {
		display: inline;
	}

}
#region-branding img {
	
	height: auto;
	width: 100%;
}
#region-branding .block,
#region-branding p {
	padding: 0;
	margin-bottom: 0;
}
.region-sidebar-first .block {
	/*box-shadow: 0px 0px 2px #AB2917;*/
}

.block {
	/*background: url("images/mid-bg-center.jpg");*/
	/*background-color: #2d5f5d;*/
	margin-bottom: 1.5em;
	padding: 10px;
}
.block-main-menu {
	background: url("images/menu-back.jpg");
	margin-bottom: 0;
	margin-top: 15px;	
	padding: 0;
}
.block-bean {
	background: transparent;
}
#block-views-slide-show-block-1 {
	padding:0;
	margin:0;
}
.block-7 {
	margin-top: 10px;
	margin-bottom: 10px;
	background: none;
}

h2 .fa,
h1 .fa {
	padding-left: .375em;
	font-size: 1em;
	color: green;
	opacity: .5;
}

:lang(en) h2 .fa,
:lang(en) h1 .fa {
	padding-left: 0;
	padding-right: .375em;	
}
h2 .fa-2x,
h1 .fa-2x {
	font-size: 2em;
}
.item-list ul li {
    list-style-image: url("images/li_icon_new.png");
	padding: 0;
}

/*** SUPER FISH MENU ***/
div.sf-accordion-toggle.sf-style-default a {
	background: transparent;
	border: none;
	color: #974126;
	padding: 1em;
}
div.sf-accordion-toggle.sf-style-default a.sf-expanded, 
.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
	background-color: #fff;
}

.sf-menu.sf-style-default a, 
.sf-menu.sf-style-default a:visited, .sf-menu.sf-style-default span.nolink {
	color: #08213E;
}
.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
	background: transparent;
}
.sf-menu.sf-style-default a, 
.sf-menu.sf-style-default a:visited, .sf-menu.sf-style-default span.nolink {
	border-left: 1px solid #858585;
	border-top: none;
	white-space: nowrap;
}

.sf-menu.sf-style-default > li.first a {
	border-left: none;
} 

/**** RTL *****/
.sf-menu.sf-style-default.rtl a, 
.sf-menu.sf-style-default.rtl a:visited,
.sf-menu.sf-style-default.rtl span.nolink {
	border-right: 1px solid brown;
	border-left: none;
}
.sf-menu.sf-style-default.rtl > li.first a {
	border-right: none;
} 

/**** END OF RTL ***/

.sf-menu.sf-style-default li:hover, .sf-menu.sf-style-default li.sfHover, 
.sf-menu.sf-style-default a:focus, .sf-menu.sf-style-default a:hover, 
.sf-menu.sf-style-default a:active, .sf-menu.sf-style-default span.nolink:hover
{
	background: #D2E551;
}
.sf-menu.sf-style-default li li {
	background: #D2E551;
}
.sf-menu.sf-style-default li li a:hover {
	background: #BDD848;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	top: 2.5em;
}
.block-superfish {
	background: url('images/menu-back.png');
	/*background-color: #BDD848;*/
	padding: 0px;
}
.block-superfish .content {
	text-align: center;
}

.sf-menu.sf-style-default {
	float: none;
	display: inline-block;
	margin-bottom: 0;
}

/**** FLEX SLIDER ***
*
*/
.flexslider {
	margin: 0;
	border: none;
}
.flexslider .slides img {
	height: auto;
}
.view-all-paigham-mubarak h4 a,
.view-taleemat-display a,
.view-frontpage h4 a  {
	font-size: 20px;
	color: #08213E;
	
	word-spacing: 1px;
}
.view-all-paigham-mubarak .date-display-single,
.view-frontpage .views-field-created {
	font-size: 12px;
	color: gray;
}

.block-system-main {
	/*background-color: #6e6658;*/
	border-top: 2px solid #BDD848;
	border-radius: 0;
}
.block-system .block-inner {
	margin-top: 30px;
}

.field-type-image img {
	width: 100%;
	height: auto;
}
.panel-wazaif {
	border-left: 1px dashed #a57419;
}
.panels-flexible-row-inside-first {
	
	margin-bottom: 15px;
}
.pager {
	background: none;
	border: 1px solid #a57419;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	word-break: break-all;
}
.view-latest-mehfil .views-field-title-field a {
	font-size: 18px;
}
.block-latest-mehfil-block-1 .block-title {
	font-size: 25px;
}
.block-latest-mehfil-block-1 ul li {
	list-style: none;
	margin-left: 0;
	text-align: right;
	font-size: 16px;
}
.views-field-field-taleemat-cds {
	font-size: 10px;
}

h2.block-title {
	text-align: center;
	margin-bottom: 15px;
}
.block-lang-dropdown h2 {
	display: none;
}

.block-latest-mehfil-block-2 {
	background: url('images/content-bg.jpg');
	direction: rtl;
}
.block-latest-mehfil-block-2  ul li,
.view-display-id-block ul li {
	text-align: right;
	font-size: 16px;
	margin-right: 20px;

}
.view-latest-mehfil ul.pager li a {
	font-size: 15px;
}
.view-id-latest_mehfil.view-display-id-block_1 li {
	border-bottom: 1px dashed #BDD848;
	margin-left: 0;
	margin-right: 0;
}
.tel {
	font-family: arial;
    font-weight: bold;
    font-size: 32px;
}

.i18n-ur a.tel {
	font-family: arial;
    font-weight: bold;
}