:root {
  --orange: #f68e13;
  --teal: #3ebedb;
  --white: #ffffff;
  --pink:#e3a6a9;
	--grey:#e5e5e5;
	--black:#000000;
}


/* Template Customisations */

/* Swatches 

Orange: f68e13
Teal : 3ebedb
Pink : e3a6a9
*/

h1, h2, h3 {text-align: left !important;}

/* Structure */
.sp-page-title {padding: 160px 0 ;background-position: center;}


h2.sp-page-title-heading {font-size:2.4rem !important;}
#sp-header-topbar {padding:10px 0 !important;}
#sp-header-topbar .container-inner {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}  

@media (max-width: 575px) {
    #sp-header {
        height: 60px !important;
        margin: 0px 0 10px 0px !important;
    }
	#sp-header.lg-header {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
	#sp-contact {width:100% !important; text-align: center !important;}
	.sp-page-title {padding: 40px 0 ;background-position: center;}
	#sp-header-topbar {
    display: none !important;
}
}

#sp-main-body {
    padding: 50px 0 0 0!important;
}
.alhome #sp-main-body {
    padding:0px!important;
}
div[itemprop="articleBody"] {padding-left:40px !important;}

/* Navigation */

.sp-menu-item.sp-has-child.active {color:orange !important;}

/* Dropfiles Display*/

.mod_file {
    background-color: #f3f3f3 !important;
    border-radius: 40px !important;
    margin-bottom: 10px !important;
    border: 0px !important;
    padding: 16px 0 8px !important;
}

.mod_dropfiles_files div.mod_file:hover {
	background:#d8d8d8 !important;
}
.mod_dropfiles_files .mod_filecontent_head h3 {
    font-family: inherit !important;
    font-size: 14px !important;
    padding-top: 0px!important;
    padding-bottom:12px!important;
    margin-top: 0px!important;
    clear: none!important;
    word-wrap: normal!important;
    color: #444!important;
    line-height: 1.3!important;
    text-transform: none!important;
    font-weight: inherit!important;
    border-bottom: none!important;
    width: 100%!important;
}

.mod_dropfiles_files .mod_filecontent_head h3 > a {
    display: block !important;
    overflow: inherit !important;
    text-overflow: inherit !important;
    word-break: keep-all !important;
    white-space: normal !important;
    min-width: 100px !important;
    width: 100% !important;
    word-wrap: unset !important;
    padding-top: 6px !important;
    font-weight: 400 !important;
}

.fileicon   {
    background-image: url(../../images/AlkaramahDocs.png)  !important;
    color: transparent !important;
	display:inline!important;
	width:45px!important;
	height:45px!important;
    background-size: 45px 45px !important;
	float:left!important;
	background-repeat:no-repeat!important;
	margin: -10px 10px!important;
	
}

.mod_dropfiles_files i.mod_dropfiles-download {
    margin: 5px 20px 0 6px !important;
}


/* Dropfiles Resets */
/* Simplex DF View */
.dropfiles-container {margin: 0!important;}
.dropfiles-content-simplex.dropfiles-content-multi {margin-top:-10px !important;}
.dropfiles-content-simplex.dropfiles-content .table {width:96% !important;border-collapse: separate; border-spacing:0 15px;}
.dropfiles-container-simplex {margin: 0px !important;}
.dropfiles-content-simplex .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex table thead,
.dropfiles-container-simplex .dropfiles-categories  {display:none !important;}
.dropfiles-container-simplex .dropfiles-content-table .mediaTableWrapperWithMenu {padding-top: 0em !important;}
.dropfiles-container-simplex a {font-size:1rem !important;color:#ffffff !important;}
.dropfiles-container-simplex a.openlink {border:1px solid #000000 !important;}
a.downloadlink.dropfiles_downloadlink + br {display:none !important}
.dropfiles-content-simplex.dropfiles-content span.ext, 
.dropfiles-content-simplex.dropfiles-content span.ext.pdf,
.dropfiles-content-simplex.dropfiles-content div.ext.pdf,
.dropfiles-content-simplex.dropfiles-content span.ext.docx, 
.dropfiles-content-simplex.dropfiles-content span.ext.pptx, 
.dropfiles-content-simplex.dropfiles-content span.ext.xlsx, 
.dropfiles-content-simplex.dropfiles-content span.ext.zip, 
.dropfiles-content-simplex.dropfiles-content span.ext.doc, 
.dropfiles-content-simplex.dropfiles-content span.ext.ppt, 
.dropfiles-content-simplex.dropfiles-content span.ext.xls, 
.dropfiles-content-simplex.dropfiles-content span.ext.jpg, 
.dropfiles-content-simplex.dropfiles-content span.ext.png 
  {    background-image: url(../../images/AlkaramahDocs.png)  !important;
    color: transparent !important;
	display:inline!important;
	width:45px!important;
	height:45px!important;
    background-size: 45px 45px !important;
	float:left!important;
	background-repeat:no-repeat!important;
	margin: -17px 10px!important;}





.article-details .dropfiles-content-simplex.dropfiles-content table td:first-child {text-transform: uppercase;width:80% !important;}


.fileicon   {
    background-image: url(../../images/AlkaramahDocs.png)  !important;
    color: transparent !important;
	display:inline!important;
	width:45px!important;
	height:45px!important;
    background-size: 45px 45px !important;
	float:left!important;
	background-repeat:no-repeat!important;
	margin: -10px 10px!important;
	
}



.dropfiles-content-simplex a.title {padding:0px 12px !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {
	background-color: var(--grey) !important;
    border-radius: 40px 0 0 40px !important;
    border: 0px!important;
}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist a {color: var(--black) !important;font-weight: 400 !important;}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential {
     background-color: var(--grey) !important; 
    border-radius: 0px 40px 40px 0px !important;
    border: 0px!important;
	padding:8px 20px 0 0;
}
i.zmdi {display: none !important;}

.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist a, 
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a {font-size:1rem;color:#ffffff; font-weight:600; border-radius: 1rem !important;    word-break: keep-all !important;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.file_download.essential a.downloadlink.dropfiles_downloadlink {width:80%; border:2px solid #ffffff; float:right;padding:3px;background:#ffffff !important;color:#2b3a91 !important;}


@media only screen and (max-width: 720px) {
.dropfiles-container-simplex .dropfiles-container-table {margin-left: 0px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.file_download.essential {display:none;}
.dropfiles-content-simplex.dropfiles-content .table-bordered td.extcol.file_title.essential.persist {border-radius: 40px !important;}
}
@media (max-width: 720px) {
.dropfiles-container-simplex  td.extcol.file_title.essential.persist{padding: 0 15px;word-break:keep-all !important;}
}
@media (max-width: 414px) {
	.dropfiles-container-simplex  table {padding:0px !important; width:93% !important;text-align:start;	text-indent:0em; padding-right:0px !important;}
	.dropfiles-content-simplex a.title {padding:0px !important;font-size:0.8rem !important;word-break: normal !important;overflow-wrap:break-word !important;}
}



/* Styling */

/* Tables */

/* Table Overrides and Responsive Behaviours*/

.sppb-addon-text-block table  {width: 100%;border-collapse: collapse; margin-bottom: 10px; }
/* Zebra striping */
.sppb-addon-text-block table  tr:nth-of-type(odd) {background: #eee; }
.sppb-addon-text-block table  th, 
.sppb-addon-text-block table tr:first-child td {background:var(--teal)!important;  font-weight: bold; }
.sppb-addon-text-block table  th p, 
.sppb-addon-text-block table tr:first-child td p {color: white !important;margin:0px !important; padding:10px !important;}
.sppb-addon-text-block table td, th { padding: 6px; border: 1px solid #ccc; text-align: left; width:inherit !important;vertical-align: top;}

.mod-dpcalendar-mini table  {width: 100%;border-collapse: collapse; margin-bottom: 10px; }
.mod-dpcalendar-mini table  th, .mod-dpcalendar-mini  table tr:first-child td p {color: white !important;margin:inherit !important; padding:inherit !important;}
.mod-dpcalendar-mini table td, th { padding: inherit; border: 1px solid #dddddd; text-align: inherit; width:inherit !important;vertical-align: inherit;}

/*Blockquotes */

blockquote {
	background-color: var(--orange);
    margin: 1.5em 0px;
    padding: 1rem;
    quotes: "\201C" "\201D" "\2018" "\2019";
    border-radius: 0 50px 50px 0 !important;
}
blockquote:before {
  color: var(--white);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;color:var(--white);
}

blockquote span {
    font-style: italic;color:var(--white);
    font-size: 0.8em;
    float: right;
    padding: 1em 0 0 0; 
}


/* RTL Support */
.rtl {	direction: rtl !important;}

/* Category Lists */



ul.category-module li, div.category-desc ul li {line-height: 1.6em;}
ul.category-module {list-style:none; list-style-position:outside;}
.mod-articles-category-date {font-size:0.8em !important;font-style:italic}
.mod-articles-category-date:before {content:"Posted: ";}

/* Article Layouts SPPB */

.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap {
    background: rgba(250, 250, 250, 0.3);
    backdrop-filter: blur(64px);
    -webkit-backdrop-filter: blur(64px);
    margin-left: 0px;
    padding: 30px 10px;
    display: flex;
    flex-direction: column !important;
    margin-top: -20px;
}

.sppb-addon-article img {border:1px solid #777 !important}
.sppb-addon-article .sppb-article-meta,
.sppb-addon-article a.sppb-readmore {display: none !important;}

.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 {
    font-size: 1.3rem;
    line-height: 36px;
    letter-spacing: -0.5px;
}
.sppb-addon-articles img {width:100% !important;}
ul.osgalery-cat-tabs {display:none;}

.article-list {margin-top:30px !important;}


.sppb-btn-dark {
    color: #000;
    background-color: pink;
    border-color: pink
}

.sppb-btn-dark:hover {
    color: #000;
    background-color: var(--teal);
    border-color: var(--teal);
}
.accordion-button {
    color: #000000;
    background-color: var(--teal);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color:var(--teal);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--teal);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.category-desc ul li::marker {display:none;}


@media (min-width: 576px){
    .view-article #sp-main-body .container{
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .view-article #sp-main-body .container{
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .view-article #sp-main-body .container{
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .view-article #sp-main-body .container{
        max-width: 1140px;
    }
}
@media (min-width: 1400px){
    .view-article #sp-main-body .container{
        max-width: 1320px;
    }
}




li.sp-menu-item span.separation {border-top:1px solid grey;border-bottom:1px solid grey; color:#0C0C0C; font-weight:600;}

.view-category .article-list .article .article-body {
    margin-top: -30px !important;
}

/* ARTICLE STYLING */

.article-details figcaption.caption {
    font-size: 14px;
    color: #FFFFFF;
    margin: 0px 0px;
    background: #666;
    padding: 1REM;
}

.view-article #sp-main-body {
    padding-top: 3rem !important;
}

/* Images */

.article-details .article-full-image img {border-radius:0 !important;}

.float-left {
    float: left;
    margin: 1rem 1rem 1rem 2.5rem!important;
    width: 35% !important;
}
.float-right {
    float: right;
    margin: 1rem 0rem 1rem 1rem!important;
    width: 35% !important;
}

img[style="float: left;"] {margin-right:15px !important;float:left; width:30% !important;}
img[style="float: right;"] {margin-left:15px !important;float:right; width:30% !important;}

tbody.imagefull img {width:100% !important;}

.btn {padding:10px 15px; border-radius:50px; background:var(--orange)!important; color:var(--white)!important;}
.btn:hover {background:var(--teal)!important;}

/* Mail Links */

.mailto:before {
  content: "\f0e0"; /* Unicode for FontAwesome email icon */
  font-family: "Font Awesome 5 Free"; /* FontAwesome family */
  font-weight: 900; /* For solid icons */
  padding-right: 10px;
}

.snippet {background:var(--teal); padding:10px 20px;color:var(--white);border-radius:0 50px 50px 0;}
p.snippet:before {font-family:fontawesome; color:var(--white); content:"\f05a"; padding-right:15px;}

/* Footer Menu */

#sp-user4 ul {list-style:none !important;text-align: center !important;padding-top:10px !important;}
#sp-user4 ul li {display:inline; margin:10px 20px;}

#jtl {text-align: center !important;}

.sal-item .sal-inner-item h3 {font-size:1rem !important;color:#666666 !important;}
.sal-wrapper .sal-btn {
    margin-top: 10px;
}

.stsec .sal-inner-item {padding:1.3rem; background:#eeeeee; text-align: center;border-radius:15px;}
.stsec .sal-inner-item h3 a {color:var(--black) !important;}
.stsec .sal-inner-item:hover {box-shadow: 0 0 10px #333333 !important;}
.sal-wrapper.layout-blocks figure img {
    width: 100%;
    height: auto;
	margin: 0px auto 0 auto;}


/*Table Overrides and Responsive Behaviours*/

.article-details table  {width: 100%;border-collapse: collapse; margin-bottom: 10px; }
.article-details  table tr:nth-of-type(odd) {background: #eee; }
.article-details  table th {background:var(--teal)!important; color: white; font-weight: bold; border:0 !important; }
.article-details table p {padding:10px 10px !important;margin:0px !important;}
.article-details  table td { border: 1px solid #ccc; text-align: left; width:inherit !important;vertical-align: top;}
.article-details  table.center-all {width:97%;}
.article-details table.center-all tr th, 
.article-details table.center-all tr td, 
.article-details table.center-all tr td h3 {text-align: center !important;} 


@media only screen and (max-width: 768px) {
 	.people .float-left {width: 100% !important; margin: 0px 20px 20px 0px !important;padding-left:20px !important;}
	.people .article-header {padding-left:20px !important;}
	.people div[itemprop="articleBody"] {padding-left: 20px !important;}
	.people p {text-align:justify !important;}

.dropfiles-content-simplex.dropfiles-content span.ext, 
.dropfiles-content-simplex.dropfiles-content span.ext.pdf,
.dropfiles-content-simplex.dropfiles-content div.ext.pdf,
.dropfiles-content-simplex.dropfiles-content span.ext.docx, 
.dropfiles-content-simplex.dropfiles-content span.ext.pptx, 
.dropfiles-content-simplex.dropfiles-content span.ext.xlsx, 
.dropfiles-content-simplex.dropfiles-content span.ext.zip, 
.dropfiles-content-simplex.dropfiles-content span.ext.doc, 
.dropfiles-content-simplex.dropfiles-content span.ext.ppt, 
.dropfiles-content-simplex.dropfiles-content span.ext.xls, 
.dropfiles-content-simplex.dropfiles-content span.ext.jpg, 
.dropfiles-content-simplex.dropfiles-content span.ext.png 
  {	width:20px!important;
	height:20px!important;
    background-size: 20px 20px !important;
	margin: -14px 0px!important;}
	
	iframe {width: 480px !important}
	
}
/*Table Overrides for Calendar View and Responsive Behaviours*/

.dpcal table  {width: 100%;border-collapse: collapse; margin-bottom: 10px; }
.dpcal table tr:nth-of-type(odd) {background: #eee; }
.dpcal table th, .dpcal table th a {background:var(--orange)!important; 
	color: white!important; 
	font-weight: bold!important; 
	border:0 !important; 
padding: 3px 0 0 0 !important;}
.dpcal table p {padding:10px 10px !important;margin:0px !important;}
.dpcal table td { border: 1px solid #ccc; text-align: left; width:inherit !important;vertical-align: top;}