/*************
 * Customisations loaded in child theme functions.php with order 30
 * ***********/

@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 300;
   src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

/*Main page*/

.page-template-homepage-template {
	display: flex;
    justify-items: center;
    justify-content: center;
}

.page-template-default {
	display: flex;
    justify-items: center;
    justify-content: center;
}

.single-post {
	display: flex;
    justify-items: center;
    justify-content: center;
}

.content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.snap-drawer {
	display:none;
}

.header-icon-left {
	display:none;
}

.header-clear {
	height:120px;
}

.header-dark .header-icon-left {
	top:60px!important;
}

.header-dark .header-icon-right {
	top:60px!important;
}

.snap-content {
	-webkit-overflow-scrolling:auto;
}

.header-dark .header-menu-overlay {
    background-color: #31859D;
	display:none;
}

.header-dark {
    background-color: #31859D;
}

.header-dark .header-logo {
	/*
	margin-left:50px;	
	margin-top:10px;
	width:160px;
	height:40px;
	background-size: 180px 40px;
	*/
	position:absolute;
	margin-top:0px!important;
	left:50%;
	top:10px;
	transform:translate(-50%, 0%);
	width:42px;
	height:39px;
	padding-top: 60px;
}

.header-logo img {
    width: 42px!important;
	margin-top: 0px!important; 
}

#hujjat-top-donate-button {
	position: fixed;
    z-index: 99999;
    right: 10px;
    top: 70px;
	padding:2px 12px;
}


#header-fixed {
	z-index:99998;
	height:120px;
	max-width:1150px;
}

#header-fixed .header-icon-left i {
	font-size: 25px;
}

/* floating menu */
@media only screen and (max-width: 768px) {
	#footer-fixed {
		width: 90%;
		left: 5%;
		bottom: 2%;
		background-color: #fff;
		border-radius: 5px;
		border: 1px solid #D4D0CB;
		display:none;
	}
	
	.footer-dark a {
		color:#36859B;
		border-bottom:none;
	}
	
	.footer-dark a:hover {
		color:#36859B;
		/*background-color:#A388B4;*/
		border-bottom: solid 4px #36859B;
	}
}

@media only screen and (min-width: 769px) {
	.footer-dark {
		background-color:#31859D;
	}

	.footer-dark a:hover {
		border-bottom: solid 4px #A388B4;
	}

	.footer-dark a {
		color:#fff;
	}
}

.back-to-top-badge-visible {
	display:none;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:5px;	
}

.sidebar-divider {
	font-size:16px;
	padding: 0px 20px 0px 20px;
}

/* Sidebar - Menu Edits - sadiq */
.sidebar-dark-clean, .sidebar-dark-clean .snap-drawer {
	background-color:#31859D!important;
}

.sidebar-dark-clean .sidebar-logo {
	display:none;
}

.sidebar-dark-clean .sidebar-header {
	background-color:#31859D!important;
	height: 60px;
	margin-bottom: 0px;
}

.sidebar-dark-clean .sidebar-divider {
	padding-bottom: 10px;
    padding-top: 0px;
}

.sidebar-dark-clean .menu-item {
	height: 40px;
}

.sidebar-dark-clean .menu-item em {
	line-height:35px;
	color: #fff;
	padding-top:10px;
	font-weight:none;
}

.sidebar-dark-clean .submenu-active:first-child em {
	line-height:35px;
	color: #fff;
	padding-top:0px;
	font-weight:bold;
}

.sidebar-dark-clean .submenu-item {
	color:#fff;
	height:35px;
	padding-left:20px;
}

.sidebar-dark-clean .menu-item i:first-child {
	font-size: 20px;
}

.sidebar-dark-clean .submenu-item i:last-child {
	margin-left:210px;
	display:none;
}

.sidebar-dark-clean .submenu-item em {
	position: absolute;
    margin-top: -10px;
}

.sidebar-dark-clean .menu-item em {
	padding-left:60;
	line-height:1.1;
}

.sidebar-dark-clean .submenu-item em {
	padding-left:60px;
}

.sidebar-dark-clean .submenu-item i:first-child {
	font-size:18px;
	margin-left:20px;
	
}

.menu-item i.fa.fa-chevron-down:last-child {
	color:white;
}

.menu-depth-1 .menu-has-no-icon-sub em {
	padding-left:20px !important;
}

.menu-depth-2 .menu-has-no-icon-sub em {
	padding-left:40px !important;
}

#search-2 h2 p {
	color:white;
}

#search-2 form input.search-field {
	border: solid 1px rgba(255, 255, 255, 0.5);
}

#search-2 .search-submit {
	background-color:#A388B4;
	color:white;
	margin-left:0px;
}

#search-2 ::-webkit-input-placeholder {
	color:rgba(255, 255, 255, 0.5);
}

/* Right hand sidebar edits - AMP 13-May-2020*/

.header-icon-right {
	display:none;
}

#secondary {
	color:white;
	padding-top:60px;
}

#secondary .textwidget a {
	color:white;
	text-decoration:underline;
	display:block;
}

#secondary .sidebar-divider {
	color:white;
}

#secondary .button {
	color:white;
	background-color:#A388B4;
	border: 1px solid #673184;
}

#secondary .woocommerce-mini-cart-item img {
	background-color: white;
    border-radius: 30px;
}

#secondary .product_list_widget img {
	background-color: white;
    border-radius: 30px;
}

#secondary .product_list_widget .product-title {
	color: #fff !important;
}

#secondary #text-21 h2 {
	display:none;
}

/* main pannel */

@media only screen and (min-width : 1367px) {
	.gform_body input {
		margin:unset;
	}
	
	.header-dark .header-logo {
		padding-top: 72px;
	}

	.admin-bar .header-clear-large {
		height: 130px;
	}
	
	.header-clear {
		height: 130px;
	}

	#header-fixed {
		height: 130px;
	}
}

.hujjat-content {
/* 	position: absolute;
	left: 0px;
	width: 100%; */
	display:flex;
	justify-content:center;
	margin-bottom:40px;
	text-align:left;
}

/* General theme field settings */

form input {
	border: solid 1px rgba(0,0,0,0.1);
    height: 40px;
    padding: 10px;
} 

form textarea {
	border: solid 1px rgba(0,0,0,0.1);
    height: 40px;
    padding: 10px;
}

form select {
	border: solid 1px rgba(0,0,0,0.1);
    height: 40px;
    padding: 10px;
}

.page-blog-list-by {
	display:none;
}

/* Widescreen edits*/

.hujjat-content {
/* 	background-color: #31859D; */
	display:flex;
	justify-content:center;
}

.page-blog {
	display:flex;
	justify-content:center;
}

.hujjat-wide-main-content {
	background-color:white;
	width:100%;
}

.page-blog-list {
	width:100%;
	padding: 0px 10px 0px 10px;
}

.page-template-template-page-builder .hujjat-wide-main-content {
	padding: 0px 10px 0px 10px;
}

.page-template-default .hujjat-wide-main-content {
	padding: 0px 10px 0px 10px;
}

@media only screen and (min-width: 769px) {
	.hujjat-wide-left-menu {
		display:none;
		float:left;
		position:relative;
		left:0px;
		width:286px;
		height:100%;
	}
	
	.hujjat-wide-main-content {
		float:left;
/* 		width:calc(100% - 287px); */
		max-width:1150px;
		padding: 0px 10px 0px 10px;
	}
	
	.page-blog-list {
		max-width:1150px;
		padding: 0px 10px 0px 10px;
	}
	
	.snap-drawer.snap-drawer-left {
		position:relative !important;
		overflow: hidden auto;
	    max-height: 95vh;
	}
	
	.close-sidebar {
		display:none;
	}
	
	.header-icon-left {
		display:none;
	}
	
	.header-dark .header-logo {
		margin-left:10px;
	}
	
	.footer-dark {
		display:none;
	}
}

/* if screen width supoprts it, show right hand menu too*/
@media only screen and (min-width: 1337px) {
	.hujjat-wide-main-content {
		float:left;
/* 		width:calc(100% - 573px); */
		max-width:1150px;
		padding: 0px 10px 0px 10px;
	}
	
	.page-blog-list {
		max-width:1150px;
		padding: 0px 10px 0px 10px;
	}
	
	.hujjat-wide-right-menu {
		display:none;
		float:left;
		position:relative;
		left:0px;
		width:286px;
		height:100%;
	}
	
	.snap-drawer.snap-drawer-right {
		position:relative !important;
		overflow: hidden auto;
	    max-height: 95vh;
	}
	
	#hujjat-top-donate-button {
		right: 10px;
		display:none;
	}
	
	
	#secondary {
		padding-top:10px;
	}
}

/* title blocks within custom widgets*/

.custom_widget {
	padding: 0px 0px 0px 0px;
	overflow:auto;
	overflow-x:hidden;
}

.custom_widget_title_wrapper {
	width:100%;
	background-image: url(https://hujjat.org/wp-content/uploads/divider_back.png);
    background-repeat-y: no-repeat;
    /* flex-wrap: nowrap; */
    align-content: flex-start;
    align-items: flex-start;

	/*background-color:#FEDF96;*/		/* yellow */
	/*background-color:#A388B4;*/ 	 /* purple */
	/*background-color:#AEC4E0;*/ 	 /* blue */
	/*background-color:#D4D0CB;		 /* sand */	
/* 	background-color:#31859D;		/* Ocean Cyan */ */
	/*background:
	linear-gradient(135deg, #FEDF96 21px, #A388B4 22px, #A388B4 24px, transparent 24px, transparent 67px, #A388B4 67px, #A388B4 69px, transparent 69px),
	linear-gradient(225deg, #FEDF96 21px, #A388B4 22px, #A388B4 24px, transparent 24px, transparent 67px, #A388B4 67px, #A388B4 69px, transparent 69px)0 64px;
	background-color:#FEDF96;
	background-size: 64px 128px;
	color:black;*/
}

.custom_widget_title_wrapper p {
/* 	color: white; */
	padding-left: 10px;
	font-family: 'Open Sans';
	margin-bottom: 0px;
    width: fit-content;
    background: white;
    color: black;
}

.custom_widget_phantom_title {
	height:0px;
}

/* Button style */

.myButton {
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #276873;
	-webkit-box-shadow:inset 0px 1px 0px 0px #276873;
	box-shadow:inset 0px 1px 0px 0px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #29668f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myHeaderButton {
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #673184;
	background-color:#A388B4;
	font-size:12px;
	padding:5px;
}

.myHeaderButton a {
	color:#fff !important;
}

/* 01 Widget Area - namaz times and donate button -- need to think about media here!!*/
.hujjat-nt-widget-area {
	float:left;
	width:65%;
}

.hujjat-donate-widget-area {
	float: right;
    width: 34%;
}

.hujjat-donate-title {
	display:none;
}

.hujjat-donate-widget .custom-html-widget {
	float:right;
	padding: 0px 10px 0px 10px;
}

/* Namaz time widget */

.widget_text.hujjat-nt-widget {
	height:0px;
	border-bottom:none;
	padding:0px;
}

.widget_text.hujjat-nt-widget h2 {
	margin-bottom:0px;
}

.hujjat-nt-widget table {
	border: 0px;
	background-color:unset;
	margin-bottom:0px;
}

.hujjat-nt-widget table td {
	border: 0px;
	font-size:12px;
	padding-left:4px;
	padding-right:4px;
	background-color:unset;
}

.hujjat-nt-widget {
	height:60px;
	/*border-bottom: 2px solid #333;*/
    overflow: hidden;
	/*background-color:#D2DCE3;*/ /* 20% ocean cyan*/
	background-color:white; /* 20% ocean cyan*/
	position:relative;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
}

.hujjat-nt-title {
	display:none;
}

.NamazTimes {
	padding-top:3px;
	padding-bottom:3px;
}

.NamaazTimeName {
	font-weight: bold;
}

.NamaazTime {
	
}

.HijriDateAD {
	text-align: left;
}

.HijriDateAH {
	text-align: left;
}

.NamazTimesEndDivider{
	display:none;
}

hr:not(.is-style-wide):not(.is-style-dots)::before {
	width:unset;
}

@media only screen and (min-width : 768px) {
	.hujjat-nt-widget {
		height:74px;
	}
	
	.hujjat-nt-widget table td {
		font-size:18px;
	}
	
	.NamaazTimeName {
		padding-bottom:10px;
	}
	
	
	.HijriDateAD {
		padding-bottom:10px;
	}
}

.hujjat-nt-widget table td.item3 {
	/*border-right:1px solid #A388B4;*/
	border-right:1px solid #666;
}

@media only screen and (max-width: 768px) {
	.hujjat-nt-widget table td.col4 {
		display:none;
	}
	
	.hujjat-nt-widget table td.col5 {
		display:none;
	}
	
	.hujjat-nt-widget table td {
		font-size: 12px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.hujjat-nt-widget table {
		position: relative;
		left: -10px;
		right: -10px;
		width: 100vw;
		padding: 0px 5px 0px 5px;
	}

	.HijriDate {
		max-width:100px;
	}
}

@media only screen and (max-width : 1100px) {
	.hujjat-nt-widget table td.col5 {
		display:none;
	}
}


/* breaking news*/

.hujjat-bn-widget {
	padding:0px;
}

.hujjat-bn-widget > div{
	padding:0px;
}



.hujjat-bn-widget h2 {
	padding:0px;
}

.hujjat-bn-widget div.textwidget{
	padding:0px;
}

.hujjat-bn-title{
	display:none;
}

.hujjat-bn-widget div.hujjat-breaking-news-container {
	padding: 10px;
    background-color: #FCC806;	/* yellow */
    /*position: absolute;
    left: -10px;
    width: 100vw;
    top: -15px;*/
    color: #000;
}

.hujjat-breaking-news-container p {
	margin-bottom:0px;
}

.hujjat-breaking-news-form-wrapper {
	padding:0px;
	background-color:#FFF0D1;
}

.hujjat-breaking-news-form-wrapper .gform_button {
	margin-left:5%;
	width:90%;
}

.hujjat-bn-widget .ginput_container {
	margin-left:20px;
	margin-right:20px;
}

.hujjat-qd-title {
	display:none;
}

/* live stream */
.hujjat-live-streams-parent-container {
	display:none;
	padding: 10px;
	max-width:800px;
	margin-left: auto;
    margin-right: auto;
}

/* Live Stream*/
.hujjat-ls-title {
	overflow:auto;
	display:none;
}

.hujjat-ls-title p {
	margin-bottom:0px;
}

.hujjat-ls-title p {
	margin-bottom:0px;
}

.hujjat-ls-widget div p {
	margin-bottom:0px;
}

.live-stream-link {
	text-align:right;
	font-size:12px;
}

.live-stream-link a {
	color:#673184 !important;
	font-size:20px;
	padding-top:5px;
}

.live-stream-wrapper {
	padding-top: 56.25%;
}

.live-stream-wrapper iframe {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* event list (NLF - Next Live Feed)*/
.custom_widget_title_wrapper > h2 > p {
	margin-bottom:0px;	
}

.hujjat-event {
	float:left;
	width:100%;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.hujjat-event-date-box {
	float:left;
	width:60px; 
	height:40px; 
	background-color:#A388B4; 
	color:#fff;
	align-items: center;
    justify-content: center;
    display: flex;
}

.hujjat-event-content {
	float:left;
	width:80%;
	overflow:auto;
}

.hujjat-event-date {
	text-align: center;
	font-size:12px;
	line-height:1.5;
}

.hujjat-event-title {
	float:left;
	width:100%;
	padding:0px 0px 0px 5px;
}

.hujjat-event-title h4 {
	font-size:14px;
}

.hujjat-event-post {
	float:left;
	width:100%;
	padding:0px 0px 0px 15px;
	/*background-color: #fff0d1; */
}

.collapsable-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.collapsable-content a {
	display:inline;
}

.hujjat-event-post-link {
	text-align:right;
}

.hujjat-event-post-link a {
	color:#A388B4 !important;
}

.hujjat-view-all-event {
	float:left;
	width:100%;
	text-align:left;
	line-height: 1;
    padding-bottom: 5px;
	padding-left: 10px;
	font-size:12px;
}

.hujjat-view-all-event a {
	color:#673184 !important;
}

@media only screen and (min-width : 768px) {
	.hujjat-view-all-event {
		font-size:16px
	}
}

/* carousel */
/* Home Page */ 
.page-template-var-www-html-wp-content-themes-bemobile-child-theme-homepage-template-php #wpcpro-wrapper .wpcp-carousel-section .wpcp-slide-image a {
	height:50vmin;
	max-height:200px;
}

.page-template-var-www-html-wp-content-themes-bemobile-child-theme-homepage-template-php #wpcpro-wrapper .wpcp-carousel-section.wpcp-standard.slick-initialized {
    position: relative;
    left: -10px;
    right: -10px;
    width: 100vw;
	/*max-width: 1346px;*/
}

.page-template-var-www-html-wp-content-themes-bemobile-child-theme-homepage-template-php #wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center-inner .slick-prev {
	padding-left:10px;
}

.page-template-var-www-html-wp-content-themes-bemobile-child-theme-homepage-template-php #wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center-inner .slick-next {
	padding-right:10px;
}

.wpcp-single-item img {
	width:100%;
	object-fit:cover;
}

@media only screen and (min-width : 768px) {
	.page-template-var-www-html-wp-content-themes-bemobile-child-theme-homepage-template-php #wpcpro-wrapper .wpcp-carousel-section.wpcp-standard.slick-initialized {
		width:100%;
		overflow-x:hidden;
	}
}


/* Whats On @ Hujjat VOD page */
.page-id-26105 #wpcpro-wrapper .wpcp-carousel-section.wpcp-standard.slick-initialized {
    position: relative;
    left: 0px;
    right: 0px;
    width: 100%;
	max-width: 1346px;
}

.page-id-26105 .wpb_content_element {
	margin-bottom:0px;
}

.page-id-26105 .widget .sidebar-divider {
	margin-bottom:0px;
	margin-top:0px;
	line-height:1.2;
}

.page-id-26105 .widget_text .textwidget {
	padding:0px;
}

/* filterd blog list -- most syle for this is
 * within the short code, as it overrides inline style */
.blog_filter_main .simplefilter {
	display:none;
}

.element_1611094574918 {
	min-height:245px;
}

.element_1611094574918 > img {
  max-height:100%; 
  max-width:100%;
}

.element_1611094649361{ 
  line-height:20px;
}


/* footer */
.hujjat-foot-widget {
	background-color:#D2DCE3; /* 20% ocean cyan*/
}

.hujjat-foot-widget a {
	color:#673184 !important;
}

.hujjat-foot-widget .sidebar-divider {
	padding:0px 10px 0px 10px;
}

.hujjat-foot-widget p {
	margin-bottom:10px;
}

.hujjat-footer-text-container {
	/*padding-bottom:40px;*/
}

@media only screen and (max-width: 768px) {
	.bottom-menu-padding {
		height:100px;
	}
}

.home .footer-clear {
	display:none;
}

.page-template-default .footer-clear {
	display:none;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for the tribe-event page 
 * 
 */

.admin-bar .header-clear-large {
	height:120px;
}

.header-clear-large {
	height:120px;
}

@media only screen and (min-width : 1367px) {
	.admin-bar .header-clear-large {
		height: 135px;
	}
	
	.header-clear-large {
		height: 135px;
	}
}

.heading-style-1 {
	display:none;	
}

.tribe-events-meta-group-details dl .tribe-events-event-categories-label {
	display:none;
}

.tribe-events-meta-group-details dl .tribe-events-event-categories {
	display:none;
}

.tribe-events-meta-group-details dl .tribe-events-event-categories+dt {
	display:none;
}

.tribe-events-meta-group-details dl .tribe-event-tags {
	display:none;
}

.tribe-events .tribe-events-l-container {
	padding-top:10px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top:10px;
}

.tribe-events .tribe-events-l-container {
	padding-left:0px;
	padding-right:0px;
}

.tribe-events-event-image img {
	max-height: 50vh;
	width:unset;
	margin-left: auto;
    margin-right: auto;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for the donations page(s)
 * 
 */

.woocommerce-page .site-main {
	padding-top: 60px;
}

.woocommerce-product-gallery__image img {
	width:unset;
	height:unset;
}

.product .add_to_cart_button.proudct_type_name_your_price {
	margin-top:40px !important;
	margin-bottom:2px;
}

/* copied from theme - change colour*/

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button {
	color: #fff;
	background-color: #A388B4;
}

.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover {
	color: #fff;
	background-color: #673184;
}

/* for the al-haadi youth product page */
.wccpf-fields-container {
	display:none;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for the API Check page
 * 
 */
.hujjat-ls-api-check {
	text-align: left;
    padding: 15px;
    background-color: #fff0d1;
    border-radius: 29px;
}

.hujjat-ls-api-check .string { color: green; }
.hujjat-ls-api-check .number { color: darkorange; }
.hujjat-ls-api-check .boolean { color: blue; }
.hujjat-ls-api-check .null { color: magenta; }
.hujjat-ls-api-check .key { color: red; }

.hujjat-ls-api-check table, 
.hujjat-ls-api-check table th, 
.hujjat-ls-api-check table td {
  border: 1px solid black;
  border-collapse: collapse;
}

.hujjat-ls-api-check td {
  padding: 15px;
}

article .wp-post-image {
	max-height:50vh;
	width: unset;
    margin-left: auto;
    margin-right: auto;
}

.hujjat-lsi {
	font-size:16px;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for the Series pages
 * 
 */

.hujjat-series-image {
	height:auto;
}

.hujjat-series-image img {
	height:auto;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for forms
 * 
 */

label {
	margin-left:0px;
}


/*-------------------------------------------------------------------------*/
/*
 * CSS for mobile app
 * 
 */

.page-template-app-template #hujjat-top-donate-button {
	display:none !important;
}

.page-template-app-template .sidebar-menu div:nth-child(8) {
	display:none !important;
}

.page-template-app-template #footer-fixed a:nth-child(4) {
	display:none !important;
}


/*-------------------------------------------------------------------------*/
/*
 * CSS for ApplePay buttons
 * 
 */

/* CSS */
.apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: donate; /* also: check-out, book, or subscribe */
}
.apple-pay-button-black {
    -apple-pay-button-style: black;
}
.apple-pay-button-white {
    -apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for Quick Donate section of the home page
 * 
 */

/* CSS */

.hujjat-qd-widget {
	/*display:none; */
}

.hujjat-qd-widget > .textwidget {
	padding:0;
	max-height:120px;
	padding-top:15px;
}

.qd_table {
	table-layout:fixed;
	border:none;
	margin:0;
	height:100%;
	/*display:none;*/
}

.qd_cell {
	width:25%;
	padding:0;
	border:none;
	text-align: center;
}

.qd_button {
	width:100%;
	max-width:72px;
	background:none;
	padding: 0px;
    font-family: 'Open Sans Light';
    color: black;
}

.qd_button:active {
	background-color:#FEDF96;	/* yellow */
}

.qd_ring_wrapper {
	position: relative;
    width: 100%;     /* desired width */
}

.qd_ring_wrapper:before{
    content: "";
    display: block;
    padding-top: 100%;  /*What you want the height to be in relation to the width*/
}

.qd_outer_ring{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index:1;
	background-color:#B19446;
	border-radius:50%;
}

.qd_inner_ring{
    position:  absolute;
    top: 10%;
    left: 10%;
    bottom: 10%;
    right: 10%;
	z-index:2;
	background-color:#EEEEEE;
	border-radius:50%;
}

.qd_inner_value_wrapper {
	position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index:3;
	vertical-align:middle;
	align-content:center;
}

.qd_inner_value{
    display:inline-block;
	font-size:large;
	position:  absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.qd_fund_name {
	padding-top:5px;
}

.epsilon-woocommerce .woocommerce .actions {
    margin-bottom: 0px!important;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for Custom Hujjat Top Menu (within content frame)
 * 
 */

.hujjat-top-menu-class {
	display:none;
}

.hujjat-top-menu-class ul {
	margin:0px;
	padding:0px;
}

.hujjat-top-menu-class .menu-item {
	display:inline-block;
	width: 25%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	height:100%;
	margin:0px;
}


/*-------------------------------------------------------------------------*/
/*
 * CSS for Support Us page (donation form)
 * 
 */

#hujjatdonateform {
	background: #A388B4;
    border-radius: 10px;
    padding: 10px;
    /* border-color: #A388B4; */
    /* border: 3px solid; */
    color: white;
}

#hujjatdonateform input {
	display:inline-block;
    vertical-align: middle;
    margin: 10px;
	margin-top:10px;
	margin-bottom:20px;
	background: #A388B4;
}

#hujjatdonateform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

#hujjatdonateform label {
	font-size:xx-large;
	display: inline-block;
    vertical-align: middle;
}

#hujjatdonateform .hujjat-donate-subtitle {
	font-size: medium;
}

#hujjatdonateform .hujjat-donate-custom-currency {
	margin-top:0px;
	vertical-align:middle;
}

#hujjatdonateform .hujjat-donate-custom-value {
	width:100px;
	margin-top:0px;
	margin-bottom:0px;
}

#hujjatdonateform .hujjat-donate-custom-value::placeholder {
	color:graytext;
	font-size:medium;
}

#hujjat-donate-submit-row {
	text-align: center;
	width:100%;
	margin-top:10px;
}

#hujjatdonateform .hujjat-donate-form-submit {	
	margin-left: auto;
    margin-right: auto;
    width: 200px;
    display: block;
    background-color: #31859D;
    color: white;
	font-size:xx-large;
	height:60px;
    display: inline-block;
}

#hujjatdonateform .hujjat-donate-loading {
	visibility:collapse;
	font-size: xx-large;
    color: #31859D;
}

/*-------------------------------------------------------------------------*/
/*
 * CSS for WooCommerce (initial for FooEvents stuff, but used throughout Woo)
 * 
 */

.woocommerce-input-wrapper label {
	display: flex!important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    word-wrap: break-word;
}

.woocommerce-input-wrapper label input {
	margin-right:5px;
}

#order_comments {
	margin-left: 0px;
}

.woocommerce-checkout-review-order-table tbody td {
	padding: 1em 20px;
}

#mailchimp-gdpr-fields, .mailchimp-newsletter {
	display: flex;
    flex-wrap: wrap;
}

#mailchimp-gdpr-fields .clear {
	flex-basis: 100%;
}

.wc-proceed-to-checkout .checkout-button {
	margin-top:0px!important;
}

.woocommerce-cart-form__cart-item .woocommerce-Price-amount {
	padding-right:20px;
}

.woocommerce-account-fields {
	display:flex;
	flex-wrap: wrap;
}

.woocommerce-account-fields label {
	display: flex!important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    word-wrap: break-word;
}

.woocommerce-terms-and-conditions-wrapper label {
	display: flex!important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    word-wrap: break-word;
}

.woocommerce-terms-and-conditions-wrapper label input {
	margin-right:5px;
}

.wooct-countdown.wooct-style-03 .wooct-timer {
	flex-wrap: wrap;
}

.fooevents-attendee p[data-priority] {
	min-height:48px;
}

.fpf-field {
	min-height:75px;
}

.woocommerce-product-gallery__image {
	max-width: 601px;
}


/*-------------------------------------------------------------------------*/
/*
 * CSS for gravity forms
 * 
 */

#gform_28 ul li:not([class*="gsection"]) {
	/* padding-left:20px; */
}

.page-template-template-page-builder-no-header-footer {
	padding: 10px;
}

/* Iftaar 1442 form */
#gform_28 h2 {
	color:#6dab3c;
}

#gform_28 h3 {
	color:#6dab3c;
}

#gform_28 .gsection {
	border-bottom-color:#6dab3c;
}

#gform_29 h2 {
	color:#6dab3c;
}

#gform_29 h3 {
	color:#6dab3c;
}

#gform_29 .gsection {
	border-bottom-color:#6dab3c;
}

#gform_29 .hujjat_sub_section {
	padding-left:40px;
}

#gform_29 input[type="radio"] {
	height:20px;
}

#gform_29 input[type="checkbox"] {
	height:20px;
}

label {
	-webkit-user-select:auto;
    cursor:text;
}

/* Iftaar 1442 dashboard */

.hii1442_totals_label {
	font-size: x-small;
}

.hii1442_totals_table {
	width:100%;
	font-family:"Open Sans";
}

.hii1442_totals_cell {
	padding:2px;
	text-align:center;
	color:white;
	background-color: #7aa21e !important;
}

.hii1442_totals_value {
	font-size: medium;
	font-variant:bold;
}