.vocabulary-category .field--name-field-intro p span{
	font-family: 'Roboto'!important;
    line-height: 25px;
}

.Urdu .list-item .product-detail .product-title {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 8px;
}

.view-id-all_topic .view-content .col-md-3 {
    padding-left: 0px;
    margin-right: 14px;
    width: 23%;
    border-bottom: 1px solid #f5f0f0;
}

.view-featured-articles .Urdu .product-desc {
    font-family: 'urdu Jameel Noori Nastaleeq';
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 8px;
		
}
.view-id-all_topic .view-content{
	    font-family: 'Cuprum';
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
}

.region-content  .view-id-all_topics .col-md-3 {
    padding-left: 0px;
    padding-bottom: 10px;
}

.page-node-type-books .banner-audio {
	    font-family: 'Roboto';
    margin-left: -22px;
    font-weight: bold;
}

.page-node-type-books .banner-content {
       top: 1px;
    padding-bottom: 7px;
}

.page-node-type-books .banner-content .read-online {
    width: 100%;
       margin-top: 16px!important;
}

.view-all-topics h3 {
    width: 100%;
    float: left;
    margin-left: 1px;
    background: #f7edd2;
    padding: 10px;
    text-align: center;
}

.search-form__submit input[type="submit"]{
    font-family: FontAwesome;
    color: #fff !important;
    display: inline;
    font-size: 18px;
}
 
 .view-all .btn-default {
    border: 2px solid #4464a6!important;
    color: #000 !important;
    background: transparent;
		background: #ffffff!important;
}

@font-face {
  font-family:"arabictext";
  src:url("../../themes/font/arabic/KFGQPC_AnRegular.ttf");
  font-weight: bold;
}

.page-node-type-lp-books .field--name-body .field__item {
margin-top:65px;	 
}
#views-exposed-form-taxonomy-term-page-1 .form-actions input,
#views-exposed-form-magazines-page-1 .form-actions input,
#views-exposed-form-audio-book-filter-page-1 .form-actions input,
#views-exposed-form-featured-videos-page-1 .form-actions input,
#views-exposed-form-featured-articles-page-1 .form-actions input,
#views-exposed-form-books-page-1 .form-actions input {
    background: #c1a885;
    border-radius: 1px;
    /* padding: 7px !important; */
    margin-top: 0px;
}
.Arabic .content .field--name-body{
		font-family: 'arabictext';
     font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 20px!important;
    text-align: right;
    line-height: 39px;
}
.Arabic .content .field--name-body p{
		font-family: 'arabictext';
     font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 20px!important;
    text-align: right;
    line-height: 39px;
}

.Urdu .content .field--name-body {
    font-family: 'urdu Jameel Noori Nastaleeq';
    font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 20px!important;
    text-align: right;
    line-height: 39px;
}

.Urdu .content .field--name-body p{
    font-family: 'Alvi Nastaleeq';
     font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 20px!important;
    text-align: right;
    line-height: 39px;
}

.Urdu .content .field--name-body p{
    font-family: 'urdu Jameel Noori Nastaleeq';
     font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 20px!important;
    text-align: right;
    line-height: 39px;
}

.Hindi .product-title, .Hindi .product-desc {
    font-family: 'kokila'!important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2px;
    font-size: 21px;
} 

.page-node-type-articles .Hindi .field--name-body{
	font-family: 'kokila'!important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2px;
    font-size: 23px;
}

.page-node-type-articles .Hindi .page-title{
		font-family: 'kokila'!important;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2px;
    font-size: 35px;
}

.view .content-icon {
	font-size: 12px;
}

.Urdu .page-title{
		font-family: 'urdu Jameel Noori Nastaleeq';
    font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 32px!important;
    text-align: right!important;
}

.Arabic .page-title{
		font-family: 'arabictext';
    font-style: normal;
    font-weight: 400!important;
    /* text-transform: uppercase; */
    font-size: 32px!important;
    text-align: right!important;
}

.view-id-search_content .list-item .product-detail {
    /* height: 200px; */
    padding: 10px;
}

.view-id-search_content .product-detail .product-category{
	/* font-family: 'Cuprum'; */
    /* font-size: 12px; */ 
		margin-top: 6px;
}
.field--name-field-tags .field__items li a {
    background: #e7e8e9;
    padding: 13px;
    /* border-radius: 20px; */
    font-size: 12px;
    color: #000;
}

@media (min-width: 1200px){
	.page-node-type-lp-books .container {
			width: 1030px;
	}
}
.view-quotes-by-maulana .share-button img {
    min-height: 14px;
}

.we-mega-menu-ul .dropdown-menu > a::after {
	right: 14px!important;	 
}

@media only screen and (max-width: 768px){
 
/* .page-node-type-book-content .region-sidebar-first:before {   */
    /* border-top: 5px solid #ccc; */
    /* margin: 0 auto; */
    /* padding: 10px; */
/* } */

/* #block-views-block-book-content-block-1::before { */
    /* content: "TABLE OF CONTENT"; */
    /* font-size: 18px; */
    /* font-family: Oswald; */
    /* color: #C39F6A; */
    /* font-weight: 400; */
    /* letter-spacing: 0.5px; */
    /* text-align: left; */
    /* border: none; */
    /* padding-bottom: 0px; */
    /* text-transform: uppercase; */
/* } */
}

@media (max-width: 991px) {
	.navbar-we-mega-menu.navbar ul>li ul li {
		    /* border-bottom: 1px Dotted #ccc!important; */
    padding-bottom: 6px;
	}
	
	.navbar-we-mega-menu.navbar .nav-tabs .dropdown-menu {
    margin-top: 0;
    font-weight:bold!important;
	}
	
	.navbar-we-mega-menu.navbar ul a, .navbar-we-mega-menu.navbar ul .we-megamenu-nolink {
    display: block;
    color: #766e6e!important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
	}
	
	.navbar-we-mega-menu.navbar .dropdown-menu>a:after, .navbar-we-mega-menu.navbar .dropdown-menu>.we-megamenu-nolink:after {
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 7px!important;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
	}
	
	.navbar-we-mega-menu.navbar ul>li ul {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
	}
}


.page-node-type-articles #block-keypassage {
    margin-left: 20%;
    width: 76%;
}

.se-block .block-content .se-container .se-trigger img {
    max-height: 20px;
    /* color: #a33535; */
    /* float: left; */
    /* width: 83px; */
    vertical-align: baseline;
}

.key-passage span {
       margin-right: 14px!important;
    font-size: 23px;
}

.field--name-body {
		margin-bottom:10px;
}

.csp-vl #edit-paymarkup {
	margin:0px;
}
#ui-id-4{
		overflow-y: overlay;
    max-height: 300px;
}

.webform-content-area .be-active-z {
		width: 50%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 4px 0px 0px 4px;
    background: #e5dabd54;
    border-right: 0px solid;
}
.webform-content-area .be-active {
		width: 50%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 4px 0px 0px 4px;
    background: #f3f2ef;
    border-right: 1px solid;
}

.webform-content-area .be-donate {
	border-right: 1px solid;
}

.webform-content-area .be-disable {
		width: 50%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 4px 0px 0px 4px;
    background: #fbfbfb;
}


.get.webform-content-area .paylink a.f-sponsor {
        width: 50%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 0px 0px 0px 0px;
    background: #f7f6f6;
}

#block-views-block-faq-theme-sub-theme-block-1 .card button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px;
    font-size: 17px;
    font-family: 'Roboto';
    color: #000;
    white-space: normal;
    font-weight: 600;
}

#block-views-block-faq-theme-sub-theme-block-1 .card {
    box-shadow: 0 1px 3px rgb(0 0 0 / 42%);
    border-radius: 10px;
    display: block;
}

#block-views-block-faq-theme-sub-theme-block-1 .view-faq-theme-sub-theme .class-header {
    background: #f5f1e6;
}

#block-views-block-faq-theme-sub-theme-block-1 .card-body {
    padding: 20px;
}

#block-views-block-faq-theme-sub-theme-block-1 .plus {
    float: right;
    font-size: 24px;
    color: #4464A6;
    font-weight: bold;
}

.we-mega-menu-submenu li.we-mega-menu-li a{
		font-size: 14px!important;
    font-weight: 500!important;
    text-transform: uppercase;
}

@media (min-width: 992px) {
	/* .we-mega-menu-ul>.we-mega-menu-li:first-child { */
    /* border-left: 0 none; */
    /* padding-right: 5px; */
/* } */

	.we-mega-menu-submenu li.we-mega-menu-li a {
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			color: #666;
			/* font-family: "Quicksand",sans-serif; */
			/* font-weight: 700; */
			/* border: 0 none; */
			/* font-size: .8125rem; */
			border-bottom: 0px solid rgba(0,0,0,0.1);
			/* padding-left: 0; */
			padding-right: 0;
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
			background-color: transparent;
			border-bottom: 0px!important;
			padding-bottom:6px;
	}
}
/* .lp-video iframe {
		width: 100%;
    height: 353px;
    margin-left: 150px;
    margin-top: 12px;
} */

@media (min-width: 1200px){
	
}

@media (min-width: 900px){
	
}

.webform-content-area #edit-paymarkup-01 {
	    margin: 0px;
}

.webform-content-area #edit-markup-head {
	    margin: 0px;
}


.webform-content-area .paylink a.f-zakat {
		width: 34%;
		height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 0px 4px 4px 0px;
}
.webform-content-area .paylink a.f-sponsor {
		width: 33%;
		height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 0px 0px 0px 0px;
}

.webform-content-area .paylink a.f-donation {
	width: 33%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 4px 0px 0px 4px;
}

.webform-content-area a.f-zakat {
		width: 49%;
		height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 0px 4px 4px 0px;
}
.webform-content-area a.f-sponsor {
		width: 49%;
		height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 0px 4px 4px 0px;
}

.get-involved .paylink a.f-donation {
    width: 50%;
    height: 44px;
    line-height: 31px;
    font-size: 18px;
    border-radius: 4px 0px 0px 4px;
}

#userdetail  {
	    width: 20%;
}

.path-faq-list .view-id-faq_list .view-header {
	    color: #fb2020;
    font-size: 23px;
    float: right;
}
#userdetail li {
	    list-style: none;
}

#webform-list-all thead {
  background: #3c8dbc;
    color: #fff;
}
#webform-list-all table td {
  text-align:center;
}
/* #webform-list-all thead th:nth-child(1) {width: 41px;} */
/* #webform-list-all thead th:nth-child(2) {width: 58px;} */
/* #webform-list-all thead th:nth-child(3) {width: 20px;} */
/* #webform-list-all thead th:nth-child(4) {width: 21px;} */
/* #webform-list-all thead th:nth-child(4) {width: 121px;} */



 #qurancsvfilterform-form, #block-qurancsvformblockmenu{
   width: 93%;
    padding: 11px;
    /* float: left; */
    /* height: 80px; */
    /* display: inline-grid; */
    background: #d9edf7;
}

 #qurancsvfilterform-form .form-item, #block-qurancsvformblockmenu .form-item {
   background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    /* /* display: inline-flex; */
}

 #qurancsvfilterform-form .form-item-webform-list{
      width: 25%;
      display: inline-block;
 }
 
 #qurancsvfilterform-form .form-item-webformfields{
      width: 40%;
      display: inline-table;
 }
 
 #qurancsvfilterform-form #webform-update, 
 #block-qurancsvformblockmenu  #webform-update{
  height: 250px;
}

#webform-settings-field {
  height:150px;
}


.path-form-filter-data-list .table-responsive {
  display:inline;
}

.csvdown {
  float: right;
  margin-top: -45px;
}

#save-btn {
  display: inherit;
}


#webform-submission-ambassador-form-node-4481-add-form .js-form-item-mail-address-mail-1{
	    width: 40%;
    display: inline-block;
    margin-right: 29px;
}


#webform-submission-ambassador-form-node-4481-add-form .js-form-item-mail-address-mail-2{
	width:40%;
	display:inline-block;
}



.amount-dev .js-webform-radios-other-input{
	    display: inline-block;
}

.amount-dev #edit-amounts-other{
	    background: rgb(172 174 177 / 12%)!important;
    border-radius: 5px!important;
    padding: 3px;
    height: 55px;
    margin-left: 12px;
    margin-top: 4px;
}

.g-amount legend span{
	    font-size: 18px;
}

/*******************css***/

.amount-dev #edit-amounts-radios {
    width: 45%;
    /* display: inline-block; */
    float: left;
    /* margin-right: 12px; */
}
/*
.paylink{
		    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    margin-top: -18px;
    font-family: "Poppins";
}*/

.webform-options-display-buttons label.webform-options-display-buttons-label {
    display: table-cell;
    height: 100%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    border: 3px solid #ccc;
    border-radius: 7px;
    background-color: #fff;
}
#webform-submission-make-a-contribution-node-4520-add-form,#webform-submission-sponsor-quran-node-4484-add-form, #webform-submission-make-foreign-contribution-node-4521-add-form{
	    font-family: "Poppins";
}

#webform-submission-make-foreign-contribution-node-4521-add-form .g-amount fieldset{
	width: 76%;
}

#webform-submission-make-a-contribution-node-4520-add-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
    flex: 1;
    margin: 0 20px 10px 5px;
}

.webform-content-area h3 {
    text-align: center;
    margin: 7px;
    font-weight: bold;
    font-family: "Poppins";
    font-size: 26px;
}

.webform-content-area {
    padding-top: 0px!important;
    padding-bottom: 50px;
}



/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

#webform-submission-make-foreign-contribution-node-4521-add-form .btn-default, 
#webform-submission-make-foreign-contribution-node-4521-add-form .button,
#webform-submission-sponsor-quran-node-4484-add-form .btn-default, 
#webform-submission-sponsor-quran-node-4484-add-form .button,
#webform-submission-make-a-contribution-node-4520-add-form .btn-default, 
#webform-submission-make-a-contribution-node-4520-add-form .button {
    background: linear-gradient(to right,#cd4f4d , #c14c4b );
    border-radius: 15px;
    border: none;
    color: #fff !important;
    padding: 10px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}

#webform-submission-make-foreign-contribution-node-4521-add-form .webform-content-area h3 {
    text-align: center;
    margin: 20px;
    font-weight: bold;
}
.form-aea h4 {
    float: left;
    width: 100%;
    margin-left: 10px;
    font-family: "Poppins";
}

/*******************css***/

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #000;
    border-color: #e5dabd;
    background: #e5dabd;
}

@media screen and (max-width: 700px) {
  .page-node-type-book-content .block-views-blockbook-content-block-1 h2:before {
    content: "TABLE OF CONTENT";
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin-top: -9px;
}

.page-node-type-magazine-content .block-views-blockmagazine-content-block-1 h2:before {
    content: "TABLE OF CONTENT";
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin-top: -9px;
}

}

@media screen and (max-width: 402px) {
 

	.view-id-all_topic .view-content .col-md-3 {
    padding-left: 0px;
    margin-right: 14px;
    width: 100%;
    border-bottom: 1px solid #f5f0f0;
}


	.page-node-type-articles #block-keypassage {
    margin-left: 1%;
    width: 76%;
}
		.zakat-cl .form-aea {
				background: #fff;
				padding: 30px;
				border-radius: 20px;
				margin-top: -44px;
		}
		
		.zakat-cl .lp-video {
			    margin-top: 15px;
		}
	
	/* .lp-video iframe {
    width: 100%;
    height: 285px;
			margin-left:0px;
	} */
	
.webform-content-area .paylink a.f-zakat {
		width: 34%;
		height: 44px;
    line-height: 31px;
    font-size: 10px;
    border-radius: 0px 4px 4px 0px;
}
.webform-content-area .paylink a.f-sponsor {
		width: 33%;
		height: 44px;
    line-height: 31px;
    font-size: 10px;
    border-radius: 0px 0px 0px 0px;
}

.webform-content-area .paylink a.f-donation {
	width: 33%;
    height: 44px;
    line-height: 31px;
    font-size: 10px;
    border-radius: 4px 0px 0px 4px;
}

		.webform-content-area a.f-sponsor {
				width: 49%;
				height: 44px;
				line-height: 31px;
				font-size: 14px;
				border-radius: 0px 4px 4px 0px;
		}
	.webform-content-area a.f-donation {
    width: 51%;
    height: 44px;
    line-height: 29px;
    font-size: 14px;
    border-radius: 4px 0px 0px 4px;
	}

	.paylink{
		text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    /* background: #e3d09e; */
    /* color: #fff; */
    margin-top: 1px;
		 font-family: "Poppins";
}
  #userdetail  {
	    width: 100%;
}
	.g-amount #edit-amounts-other {
	display:inherit;
}

.amount-dev #edit-amounts-radios{
	    width: 57%;
    /* display: inline-block; */
    float: left;	
}

.amount-dev .js-webform-radios-other-input{
	    display: inline-block;
}

.amount-dev .js-webform-radios-other-input #edit-amounts-other{
	     background: rgb(172 174 177 / 12%)!important;
    border-radius: 5px!important;
    padding: 3px;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
}

	#webform-submission-ambassador-form-node-4481-add-form .js-form-item-mail-address-mail-1{
	    width: 100%;
    display: inline-block;
    margin-right: 0px;
	}


	#webform-submission-ambassador-form-node-4481-add-form .js-form-item-mail-address-mail-2{
		width:100%;
		display:inline-block;
	}


  #qurancsvfilterform-form, #block-qurancsvformblockmenu{
     width: 93%;
      padding: 11px;
      /* float: left; */
      /* height: 80px; */
      /* display: inline-grid; */
      background: #d9edf7;
  }

   #qurancsvfilterform-form .form-item, #block-qurancsvformblockmenu .form-item {
     background-color: #d9edf7;
      border-color: #bce8f1;
      color: #31708f;
      /* /* display: inline-flex; */
  }

   #qurancsvfilterform-form .form-item-webform-list{
        width: 100%;
        display: inline-block;
   }
   
   #qurancsvfilterform-form .form-item-webformfields{
        width: 100%;
        display: inline-table;
   }
   
   #qurancsvfilterform-form #webform-update, 
   #block-qurancsvformblockmenu  #webform-update{
    height: 250px;
  }

  #webform-settings-field {
    height:150px;
  }
  
  .csvdown {
      float: right;
      margin-top: -36px;
    }

  .path-form-filter-data-list .table-responsive {
    display:inline-block;
  }
	
	.page-node-type-books .banner-audio {
			margin-left: 1px;
		}
}


#webform-submission-get-involved-node-4482-add-form #edit-mail-address--wrapper .js-form-item-mail-address-mail-1{
	    display: inline-block;
    width: 40%;
    margin-right: 27px;
}
#webform-submission-get-involved-node-4482-add-form  #edit-mail-address--wrapper .js-form-item-mail-address-mail-2{
	display: inline-block;
    width: 40%;
}

#webform-submission-get-involved-node-4482-add-form  #edit-phone {
	width: 100%;
}

.view-all-topics .view-content{
	    font-family: 'Cuprum';
    font-weight: 600;
    font-size: 16px;
}

.breadcrumb {
    background: none;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 0px;
    font-family: 'Cuprum'!important;
}

#block-subscribe h2{
	font-family: 'Cuprum';
}
#block-subscribe .block-field-blockblock-contentbasicbody .content{
	font-family: 'Cuprum';
}


.search-filter-text {
   color: #545454;
   text-transform: uppercase;
   font-weight: bold;
   font-family: 'Open Sans';
   text-align: center;
   line-height: 20px;
   font-size: 16px;
 }
 
 
#block-cpsthemecontentblock .theme-content{
 /* padding: 27px; */
}

#block-cpsthemecontentblock .theme-content-data{
    padding: 0;
    border-bottom: 1px solid #E5E5E2;
    border-left: none;
    border-right: none;
    min-height: 20px;
    height: auto;
    margin-bottom: 22px;
    padding-bottom: 15px;
	padding-left: 5px;
}

#block-cpsthemecontentblock .read-more a {
      color: #545454;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: bold;
}

#block-cpsthemecontentblock .product-title a {
    color: #545454;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans';
    text-align: center;
    line-height: 20px;
    font-size: 16px;
}

.mobile-number-id {
 display:none;
}

.field--name-field-kiosk-order {
 display:none;
}