@import url("padcast.css");

#sp-header {
    background: url(../images/header3.png) !important;
    background-size: 430px !important;
    padding: 97px 0 14px 0;
    height: 219px;
    position: relative;
}

.en-gb .logo  .sp-default-logo{
    max-width: unset;
    height: 40px;
}

.en-gb  #sp-menu ul.sp-megamenu-parent{
	margin-left:30px;
}

@media (min-width: 1400px) {
	#sp-header .container {
		max-width: 1300px;
	}
}

@media (min-width: 1300px) {
	#sp-header .container {
		max-width: 1300px;
	}
	#offcanvas-toggler {
		display: none!important;
	}
}

@media (max-width: 1300px) {
	#offcanvas-toggler {
		display: block !important;
	}
	.en-gb .logo .sp-default-logo {
		height: 35px;
	}
}

@media (min-width: 1000px) {
	.container {
		max-width: 1100px;
	}
}

@media (min-width: 1200px){
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 992px) {

	#offcanvas-toggler{
		order: 2;
		display: flex !important;
		margin: 0 -10px 0 10px;
		padding-bottom: 8px;
		flex-direction: column-reverse;
		opacity: 0;
	}

	.showoff{
		opacity: 1 !important;
	}

	.rtl   #offcanvas-toggler {
		padding-bottom: 5px;
		flex-direction: column;
		justify-content: flex-end;
	}


}

.rtl.offcanvas {
     visibility: visible;
}

.rtl .sp-module-content .mod-languages ul.lang-inline {
    margin-top: 5px;
}

.sp-module-content .mod-languages ul.lang-inline {
    margin-top: -4px;
}

.sp-default-logo{ 
	max-height: 70px;
}

#sp-menu .sp-megamenu-wrapper {
    display: flex;
}

#sp-menu ul.sp-megamenu-parent {
    height: 65px;
    overflow: hidden;    
    width: 100%;
    float: left;
}
#sp-menu ul.overshow {
	    overflow: unset;    
}

body.rtl .pull-left {
    float: none !important;
}

body.rtl #sp-menu .sp-megamenu-wrapper {
    float: left;
}

h2.eb-event-title{
	font-size: 24px;
}

 #sp-header a {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

 #sp-header a.fa:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	margin-right: 5px;
}


 
#sp-header.menu-fixed {

	top: -31px !important;

}
.icon-menu-top{    width: auto;
    height: auto;}
    
.icon-menu-top::before{
    
    padding-right:5px !important;
}
@media only screen and (max-width: 800px) {
  #sppb-addon-1660330312120 .sp-slider .sp-dots {
    bottom: 20px !important;
}  
#sp-header.menu-fixed {
    top: -35px !important;
}
 #sp-header {
    background: url(../images/header3.png) !important;
    background-size: 338px !important;
    padding: 43px 0 14px 0;
    height: 153px;
    top: 0;
    background-position: bottom center !important;
}

   
}    

 #sp-header.menu-fixed {

    box-shadow: none !important;

}


@media only screen and (max-width: 991px){
	#sp-main-body {
		padding: 20px 0;
	}
}


@media only screen and (min-width: 900px) {
    
 #sp-header-r{
    align-items: center;
    /* justify-items: center; */
    justify-content: center;
    display: flex !important;
}


    .home:not(.view-search)  #sp-header{ top:0px;}
     #sp-header{   top:6px;}
	.com-content  #sp-main-body,  #sp-main-body{
			padding-top: 20px;
	}



  #sp-search{
    align-items: center;
    /* justify-items: center; */
    justify-content: center;
    display: flex !important;
}  
    
}


@media only screen and (max-width: 991px){
	#sp-search , #sp-header-r{
		display:none !important;
	}
}

#sp-search img{border: 2px solid #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 0;
    padding: 0 30px 30px 30px;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
   margin-bottom: 0 important;

}
#offcanvas-toggler > i {

    color: #05753a;

    font-size: 25px;

}

#sp-header a {

    font-size: 16px;
    font-weight: bold;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
    padding:0 8px;
}
.com-sppagebuilder #sp-main-body {
    padding-top: 10px;
}
.itemid-280  #sp-main-body , .itemid-302 #sp-main-body , .itemid-409  #sp-main-body , .itemid-323  #sp-main-body  {
    padding-top: 0;
      margin-top: -20px;
}


div.mod-languages ul li.lang-active {
    background-color: transparent;
}

.rtl .form-horizontal .control-label {
    float: right;
    text-align: right;
}



.tafsir_b{
    margin-bottom: 10px;
    min-width: 120px;
    text-align: right !important;
}

.com-sermonspeaker-sermons__or{
    max-width: 70%;
}

.homeblog .sppb-img-responsive {
    height: 210px;
    width: 100%;
    object-fit: contain;
}

.view-search #sp-main-body {
    padding: 20px 0px;
}

.eb-register-button ,.eb-register-buttons-bottom a{ 

background: #000;
    box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    padding: 8px 15px !important;
}

#advancedSearch ,.js-finder-searchform a.btn ,#search-query-explained , #search-form  .form-label {
	display:none;
}

.finder .search-results.list-striped li {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

article.item .entry-image a img {
    height: 310px;
    object-fit: cover;
    max-width: 100%;
    width: 600px;
}
.helix-social-share-wrap{
  display:none !important;
}

.item-page .pull-left {
    width: 100%;
    margin-bottom: 15px;
}

.ss-title .fas{
    display:none;
}

.form-select {
    padding: 0 10px;
}

.view-donation .helptitle{
    display:none;
}

.donate-details .jd-taskbar-grid .btn, .donate-details .jd-taskbar .btn, .donate-details-mod .jd-taskbar .btn {
    background-color: #ffd012;
    border: 1px #ffd012 solid;
}

#donation-campaigns .campaign-raised-goal .rased {
    background-color: #ffd012;
}

#donation-campaigns .campaign-raised-goal {
    border: 1px solid #ffd012;
}

.donate-details .jd-taskbar-grid .btn:hover, .donate-details .jd-taskbar .btn:hover, .donate-details-mod .jd-taskbar .btn:hover{
    background-color: #05753a;
    border: 1px #05753a solid;
}

.btn.sppb-btn-primary, .btn.btn-primary, .sppb-btn.sppb-btn-primary, .sppb-btn.btn-primary{
    background-color: #ffd012;
}

.joomla4 #donation_type .controls label.radio{
    padding: 10px !important;
}
#donation-form .switch-amounts input:checked + label {
    background-color: #ffd012 !important;
    padding: 10px !important;
}

#donation-form .switch-payment-gateway input:checked + label {
    border: 1px solid #ffd012;
}

.donated-amount-label {
    background-color: #ffd012;
}
.donated-amount {
    border: 1px solid #ffd012;
}
#amount_container .add-on  {
	padding: 10px;
    height: 35px;
}

.rtl .input-prepend .add-on:first-child, .rtl  .input-prepend .btn:first-child {
    -webkit-border-radius:  0 4px 4px 0;
    -moz-border-radius:  0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.campaigndetailsdonationpage .campaignstatistic {
    display: flex;
}
.campaigndetailsdonationpage {
    padding: 30px 0px 0px 0px;
}
.view-article .article-infomation .sppb-addon-single-image {
    margin: 0;
}

.input-password-toggle{
	padding: 4px 12px;
    display: block;
}

.campaigndescription .form-group{
	margin-bottom:5px;
}

.rtl .campaigndescription  #amount {
    text-align: right;
}

#amount_container span.input-group-text {
	padding: 4px 10px;
}
.rtl .campaigndetailsdonationpage .percentDonatedAmount .percentDonatedAmount_value1 {
    margin-top: -2px;
}
.rtl .campaigndetailsdonationpage .percentDonatedAmount .percentDonatedAmount_value1 {
    margin-top: -5px;
}
.campaigndescription form{

}
.campaigndescription h4 {
    padding: 10px;
    margin-bottom: 15px;
}

.campaigndescription textarea{
    min-height: 80px;
}
.pasevent .eb-event-properties-table ,.pasevent  .eb-taskbar ul li  a , .pasevent  .eb-notice-message {
	display:none;
}

.pasevent .eb-description-details{
	width: 100%;
}

.eb-social-sharing-buttons {
    display: none;
}

.eb-container .form-check-input[type=checkbox] , .eb-container   .form-check-input[type=radio]{
    width: 25px;
    height: 25px;
    margin: 5px;
}
.eb-checkboxes-container , .eb-radio-container{
    display: flex;
}
.eb-page-heading{
	margin-bottom: 25px;
}

.form-actions {
    background-color: transparent;
}


 input[type="radio"], input[type="checkbox"] {
    min-width: 15px;
}

.com-users #sp-component .sp-column  > div{
	width:600px;
	max-width:100%;
	margin: 0 auto;
}

.com-users [class^="icon-"]:before, .com-users [class*=" icon-"]:before , .mod-login  .icon-eye:before , .mod-login .icon-eye-slash:before{
    font-family: "Font Awesome 5 Free";
}

.com-users .icon-eye:before , .mod-login .icon-eye:before {
    content: "";
}

.rtl  .alert-dismissible .btn-close {
    right: auto;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    min-width: 15px;
}
#os_form > .eb-heading{
	border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}

.view-donation.ltr  #os_form .form-actions{
	padding-left: 285px;
}

.view-donation.rtl  #os_form .form-actions{
	padding-left: 0;
	padding-right: 293px;
}

.ebm-upcoming-events-improved div.ebm-event-date {
    width: 60px;;
}




@media (max-width: 990px) {
	article.item .entry-image a img {
		height: auto;
		width: 100%;
	}
	
	.view-donation.ltr  #os_form .form-actions{
		padding-left: 180px;
	}

	.view-donation.rtl  #os_form .form-actions{
		padding-left: 0;
		padding-right: 185px;
	}
}

@media (max-width: 980px) {
	.com-myprayertime .table-stripped tbody tr td:first-child {
		background: #ffd012;
	}

	.com-myprayertime .table-stripped tbody tr td,.com-myprayertime .table-stripped tbody tr  {
		border-color: #000;
	}

	.com-myprayertime .table-stripped tbody tr td[data-label]:before {
		color: #000;
	}

	.mod-login  .input-password-toggle  ,.com-users-login  .input-password-toggle {
		position: absolute;
		left: 0;
	}

}

@media (max-width: 768px) { 
	.view-donation.ltr  #os_form .form-actions{
		padding-left: 15px;
	}

	.view-donation.rtl  #os_form .form-actions{
		padding-left: 0;
		padding-right: 25px;
	}
	#donation-form .switch-amounts label {
		margin-bottom: 10px;
	}
	#donation-form .switch-payment-gateway{
		display: flex !important
	}
}