/*@charset "UTF-8"; 
/* CSS Document */   

/* School Orange 00A8BF 
SS Blue - 150f3d
SS Cyan 00b8ea */ 

body {
  background-color: #f9f9f9; 
  color: #252525; 
}

/* Off Canvas */

.offcanvas-overlay {background: rgba(254,255,255,0.9) !important;}

#sp-top-bar {background: #ddd;}

h1.logo {float:left !important;}
.sp-page-title h2 {
    padding: 100px 0; 
	display:none !important;
}

h1.logo img {max-width:275px !important;}

@media (max-width:1025px) {h1.logo img {max-width:205px !important;}}




@media screen and (max-width: 480px) {
.sp-page-title {padding: 50px 0 50px;}
}


.sp-page-title {padding: 130px }


/* Remove Curriculum Images */
.splms .splms-common-overlay-wrapper img {display:none !important;}
/* Remove 'FREE' badge*/
.splms-badge-free {display:none !important;}

/* Menu Work */
/* Menu Caret Removal */
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {

    padding: 0 10px;

}

#sp-header {
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    animation: spFadeIn 0.5s;
    padding-top: 10px;
}


@media screen and (max-width: 768px) {
	#sp-header {height:80px;}
	.logo-image-phone {height: 56px !important;}
  } 


/* Shuffle Bullets to the left */

  ol,   ul { margin-left: 10px;}

@media screen and (max-width: 480px) {
  ol li,   ul  li {
    font-size: 13px;
  } 
}

/* Menu sidebar management */

#sp-right .sp-module ul.nav.menu > li.deeper > ul > li {
	padding-left:10px !important;
}

/* Page Headers */

.entry-header h2 { font-size: 32px;} 

/* Header Art Overlay Color */


.event-callto-action .sppb-addon.sppb-addon-cta::before, .course-callto-action .sppb-addon.sppb-addon-cta::before, .sp-page-title::before { background:none !important;}
.sp-page-title h2 {color: #fff !important;}
.sp-page-title h3 {color: #fff !important;}


/* Page Padding */



article.item {padding:0 !important;width:100% !important;}
article.item .content-wrap {margin: 10px 0 20px 0 !important; padding:0 30px !important;}


/* Full Article Image margin */ 
.view-article article.item .entry-image, .view-article article.item .entry-image, .view-article article.item .entry-gallery, .view-article article.item .entry-video, .view-article article.item .entry-audio, .view-article article.item .entry-link, .view-article article.item .entry-quote {margin: 0 0px;}

/* Article Header Spacing & Coloring*/

.view-article #sp-main-body, .view-category #sp-main-body {
    padding: 50px 0 50px 0;}

.view-article article.item .entry-header h2 {    color: #150f3d;}

/* Content Slider Mods */

.latest-news-blocks  .bt-cs .bt-inner .bt-title {
    clear: both;
    color: #d95328;
    font-weight: bold;
    text-transform:capitalize;
	line-height: 150%;
}
.latest-news-blocks  .bt-introtext {font-size:14px !important;}

/* Reduce Height of Search element in top rail */

.icon-top-wrapper {line-height:30px !important;}

/* Remove border and adjust sizing of Topper Menu */

.sp-module ul > li.jux-mega {border:0px !important;}
.sp-module ul.mega-nav > li > a::before { content:none;}
#site-nav-161.navbar.main-navigation {min-height:20px; margin-bottom:0px;}


/* Table Overrides and Responsive Behaviours*/

 .item-page table {width: 100%;border-collapse: collapse; margin-bottom:20px; }

/* Zebra striping */
.item-page  table tr:nth-of-type(odd) {background: #eee; }
.item-page  table th {background: #00A8BF; color: white; font-weight: bold; }
.item-page  table td, .item-page table th { padding: 6px; border: 1px solid #ccc; text-align: left; width:inherit !important; vertical-align:top;}
.item-page  table td, .item-page table td p {margin:5px 0 5px 0 !important;}
.item-page  table th, .item-page table th p {margin:5px 0 5px 0 !important;}
.item-page  table.category th {background: #00A8BF; color: white; font-weight: bold; }
.item-page  table.category tr td:first-child {width:20%;} 
.item-page  table th.highlight {text-transform:uppercase; }

/* Responsive Manager */

@media (max-width:411px)  { /* smartphones, iPhone, portrait x 375 phones & Pexel */
	 .item-page table tr:nth-of-type(2n+1) {background:#fff!important;}
	.dropfiles-container .dropfiles-container-table {margin-left: 0px !important;}
	.dropfiles-content-table .dropfiles-container-table {padding: 0px 0px 0px 0px !important;}
    .dropfiles-content-table .dropfiles-container-table tr td {padding:10px 10px 10px 0px!important;word-break: keep-all; }
    .dropfiles-content-table td .downloadlink {margin-right: 0px!important;width: 96px !important;}
    td.file_download.essential {display: none!important;}

}

a.noLightbox.openlink {background:#00b8ea!important; padding:3px!important;border-radius:4px !important;}
a.noLightbox.openlink:hover {background:#ffffff!important; padding:3px!important;border-radius:4px !important;color:#000000 !important;} 
.dropfiles-single-file .dropfiles-file-link:hover {background-color: #dddddd !important;
}
/* Create a means to have tables that are borderless and plain! */

#sp-component table.borderless th, #sp-component  table.borderless td {border:0px !important;}
#sp-component table.borderless th, #sp-component table.borderless tr:first-child td {background:#ffffff !important; color: inherit; font-weight: bold; }
#sp-component table.borderless tr:nth-of-type(odd) {background: #ffffff; }

/* Force subcategories and menus to be different in appearance in the sidebar */
/* Cause Active menu to be highlighted */

a.mod-articles-category-title.active {font-weight:900;}

.mod-articles-category-group {display:none !important;}
ul.category-module.mod-list > li a {
    font-size: 1.2rem !important;
    margin-left: 1em;
    text-indent: -1em;
}
ul.category-module.mod-list > li > ul > li > a {margin-left:12px !important; font-size:1.5rem; line-height: 1.5rem;}
#sp-right ul.nav.menu li a {font-size: 14px !important;}
#sp-right ul.nav.menu li.current.active a {font-weight:900;}

/* Colour it white for header menu item */

.sp-module li.jux-dropdown a::before {color: #ffffff;}

/* Tidy up flyout menus for hidden level 2 items */

li.hide-sp-has-child a:after {display: none !important;} 

/* Contact Form */

/* Fix Address Margin */

.contact-address address { margin-left: 0;}
span.contact-department {font-size:1.2em;}

/* Fix Consent Box Spacing */
input#ce_consent.required {
    width: inherit;
    margin-right: 10px;
}
.contact dl dd {
    margin-left: 0px;
}

.contact-position  {font-size:1.6em;}

.ce-container input[type="checkbox"], .ce-container input[type="radio"] {
    margin-right: 12px;
    float: left;
}

.ce-contact-email-copy-container {padding-left:0px !important;}

/* Social Icon Color Mods */

#sp-bottom ul.social-icons li a {color: rgb(255, 255, 255,1);}
#sp-bottom ul.social-icons li a:hover {color: rgb(255, 255, 255,.5);}

/* Layout of images with captions */

span.wf_caption {margin:0px 5px 0px 5px !important;padding: 5px; border: 1px solid #dddddd;}
span.wf_caption span {font-size:1rem; font-style:italic;}

/* Layout Images with no Captions */

/* Images */
.img-intro-none img, .img-fulltext-none img, .img-intro-left img, .img-fulltext-left img, .img-intro-right img, .img-fulltext-right img {max-width:100% !important;}

img[style="float: right;"], .pull-right.item-image img {margin-left: 20px; padding: 5px; border: 1px solid #dddddd;width:360px;}
img[style="float: left;"], .pull-left.item-image img {margin-right:20px; padding: 5px; border: 1px solid #dddddd;width:360px;}

.img-fulltext-none 	{float: none !important;  max-width:100% !important; padding: 5px; border: 1px solid #dddddd;}
.img-fulltext-right {float: right !important; max-width:100%; padding: 5px; border: 1px solid #dddddd;margin:5px 0 0 20px;width:360px;}
.img-fulltext-left 	{float: left !important;  max-width:100%; padding: 5px; border: 1px solid #dddddd;margin:5px 20px 0 0;width:360px;}
.img-intro-none     {float: none !important;  max-width:100%; width:100% !important; padding: 5px; border: 1px solid #dddddd;}
.img-intro-left 	{float: left !important;  max-width:100%; padding: 5px; border: 1px solid #dddddd; margin:5px 20px 0 0;width:360px;}
.img-intro-right 	{float: right !important; max-width:100%; padding: 5px; border: 1px solid #dddddd;margin:5px 0 0 20px;width:360px;}

img.noborder {border:0px !important;}


.sp-module.my-catlist h3.sp-module-title + .sp-module-content:before {content:"Sorted Alphabetically"; display:block; font-size:1.2rem; font-style:italic}

/* Force Mobile Burger to be neater */
.jux-collapse-bar {padding:6px !important;}

/* make header text white */

.white {color:#ffffff !important;}

/* Hide stuff on Mobiles */

@media (max-width: 769px) { 
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

/* Push Translatot to L0 */

.sp-module.zback {position:relative !important; z-index:0 !important;}
.switcher {font-family: inherit !important; font-size: 10pt;text-align: left; cursor: pointer; line-height: 24px;}

/* White Search Icon */

.educon-top-search i.fa {color:#ffffff !important;}

td.closed {background:#65b231 !important;color:#ffffff;}
td.pending {background:#d86600 !important; color:#ffffff;} 


/* Define Slide Show Button Style */

.slidebutton {background:#00A8BF;padding:10px !important;}
.slidebutton:hover {background:gold;}
.tp-caption a {color:#fff !important; font-size:2rem !important; font-weight: 900}
.tp-caption a:hover {color:#00A8BF !important;}

/* Jazzy Blockquotes */

blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

blockquote {
    font-size: 16px!important;
	padding:20px 80px !important;
	position: relative; 
}


blockquote * {
    box-sizing: border-box; 
}

blockquote p {
    color: #75808a; 
    line-height: 1.4 !important;
}

blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}


/* Term Dates Page Columns */

.termdates table tr td:first-child {width: 40% !important;}

/*News Home */

a.sal-btn {padding:1rem  !important; color:#ffffff !important;}

/*.latestnews h3:before {content:"School News"; font-size:24px !important; display: block; padding-bottom: 10px !important; padding-top:0px !important;}
.sportsnews h3:before {content:"Sport News"; font-size:24px !important; display: block; padding-bottom: 10px !important; padding-top:0px !important;}*/
.sportsnews h3, .latestnews h3 {margin-top:0px !important;font-size:22px !important;}
.sportsnews a, .latestnews a {color:#ffffff !important;}







/* Footer Logo */

#sppb-addon-1626192817132 img {
    width: 240px;
}



/* SS Blue Settings */

.sppb-addon-title p, sal-content p  {color:#666666 !important;}
h3.sppb-addon-title, .newsblock h3, p strong, a {color: #150f3d !important;}
#sp-bottom {background: #150f3d!important;}
#sp-bottom h3 {color: #ffffff!important;}


/* SS Orange Settings */

h3.sppb-addon-title,
#sppb-addon-1615555472268 h4 strong {color:#150f3d !important; font-weight:600;}
p.normalcolor strong {color:#666666 !important;}
.latestnews a, .mod-dpcalendar-upcoming a {font-weight: 600 !important;}
#sp-bottom1 p {color: #ffffff !important;}

h1.dp-heading {font-size: 3rem !important;}
/* News */

.blog-featured h2 {font-size:28px !important; color: #150f3d!important;}
.blog-featured .article-info {
  float: none !important; display: block !important;
}
.blog-featured .entry-header {padding-left:0px !important;}





.logo-mobile img {width:200px !important;}

/* Footer */

#sp-footer {
    background: #ddd!important;
    color: #555 !important;
    text-align: center;
    padding: 0 !important;
}

#sp-footer .sp-copyright {color: #555 !important;}

/* .emaillist a:before {content:"\f1fa"; padding:0px 5px; font-family:fontawesome;font-weight: normal;}

/* All headers Coloring */

h1, h1 a, h2,h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #150f3d !important;}

/* Dropfiles Mod */

.dropfiles-content, .dropfiles-container {margin-top:0px !important;}

.dropfiles-container-table a.downloadlink.dropfiles_downloadlink:hover {background:#00A8BF !important; color:#ffffff !important;}
.dropfiles-categories {display:none !important;}
tr.file {margin:0 10px !important;}
.dropfiles-content-table.dropfiles-content .table td {
    padding: 1px 10px !important;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
}

td .downloadlink {margin:12px 0 0 0 !important;}


.dropfiles-content .openlink:not(.noLightbox) {
    margin: -5px auto 10px auto;
}

.vacancy-page .dropfiles-content .openlink:not(.noLightbox) {
    margin: 10px auto 10px auto;
}
.dropfiles-content-table.dropfiles-content .table {padding: 0px !important;}


.dropfiles-single-file .dropfiles-file-link {font-size:16px!important;}

.dropfiles-content, .dropfiles-dropblock-content {
    font-weight: normal;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 20px;
    font-size: 13px;
    background: #fff;
    background-color: transparent;
    padding: 5px;
}



.emailpanel a.btn {background:#006dcc !important; color: #ffffff !important;}
p.readmore a {background:#006dcc !important; color: #ffffff !important; padding:6px; border-radius:4px; font-size:14px;}
#sp-top-bar {padding: 10px 0 0px;}




/* AIB Blog */

.blog article.item  {background: transparent !important; padding: 0px !important; box-shadow:0px 0px 0px #ffffff !important;}
.blog article.item .content-wrap {padding: 0px !important;}

/* Latest News */

.latest-news .sppb-addon-article {    padding: 10px;	border: 1px solid #d7d7d7;}
.latest-news h3 {font-size:20px !important; padding-top:15px !important;}
.latest-news h1.sppb-addon-title {padding-bottom:20px !important;}
.latest-news a.sppb-readmore {color:#ffffff !important; background:#001F63 !important; padding:10px 20px !important; display:inline-block; margin-top:15px; }

.latest-news-page  .col2 {display : inherit;}
.latest-news-page .article-header-warp.latest-news {display:inherit !important;}
.latest-news-page .article-header-warp.latest-news .col1 {display:none !important;}
.latest-news-page .article-header-warp.latest-news .article-info-warp.col-md-6 {-ms-flex:100%;
    flex:100%;
    max-width: 100%;
}

.article-header-warp.latest-news {background: transparent !important;}

.latest-news-page .article-header-warp.latest-news .article-info-warp.col-md-6.col2 {width:100% !important;}
.latest-news-page .article-header-warp.latest-news .col2 > .article-info-inner-warp {max-width: 1140px !important; margin:0 10.5% !important;} 
.latest-news-page .article-header-warp.latest-news .col2 > .article-info-inner-warp > .article-header h1 {font-size:36px !important;margin: 25px 0 0px !important;}



.latest-news-blocks a.bt-title {color:#001F63; }
.latest-news-blocks  .bt-cs .bt-inner .bt-title {
    color: #001F63;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 13px;

	padding-top:20px;
}
.latest-news-blocks  .bt-cs .bt-inner {
    margin: 0;
    position: relative;
    padding: 10px !important;
    border: 1px solid #e8e8e8 !important;
    margin: 0 15px;
}

.latest-news-blocks .sp-module-content p {padding: 10px 0 !important;}
.latest-news-blocks .titledate {height: 60px !important;display: block;}
.latest-news-blocks .bt-row-separate {display: none !important;}
.latest-news-blocks  .bt-inner p.readmore {margin-top:10px !important;}
.latest-news-blocks  .bt-inner p.readmore a {padding:5px 15px !important;margin-top:10px !important;}
.latest-news-blocks .bt-date {font-size:60% !important;}

.latest-news-blocks .bt-inner p.readmore a {
    background: #001F63 !important;
    color: #ffffff !important;
    padding: 8px !important;
    border-radius: 6px !important;
    display: inline !important;
    margin-top: 10px !important;
}

.aolp-box-inner a.btn {color:#ffffff !important;}



#sp-top-bar i.fa {
  font-family: "Font Awesome 5 Brands";
}

#sp-main-body {
    padding: 30px 0 30px 0;
}


.contact-category h1, .page-header h1 {font-size:32px !important;}

p > a, p > strong > a {color:#00A8BF !important; text-transform:full-size-kana !important; font-weight:600 !important; }
p > a.btn {color: #ffffff !important; border-radius:20px !important;}
p > a.btn:after {content:"\f245"; padding-left:10px; color:#fff; font-family:fontawesome; font-size:14px;}
p > a.btn:hover {color: #ffffff !important;}

.iframe-embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.iframe-embed-wrapper {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.iframe-embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.blog .page-header {display:none !important;}

a.btn {background: #006dcc !important;}

/* CE Form */

button.ce-button-reset {background:#000000 !important;color:#ffffff !important;}
.btn-primary, .sppb-btn-primary {background-color: #006dcc !important; color:#ffffff !important;}
.btn-primary:hover, .sppb-btn-primary:hover {background-color: darkred!important; color:#ffffff !important;}
.cf-type-button {margin:15px 0 0 -15px !important;}

/* Staff Tabs */

.jwts_tabberlive { width: 100% !important;}
ul.jwts_tabbernav li.jwts_tabberactive a {color:#ffffff !important;}








/* Drop Files Lists in Page V 5.0*/
/* Set Table main Values */

.dropfiles-content-table .dropfiles-container-table {overflow-y:inherit !important;}

/* Hide Header Row Cells*/ 
.dropfiles-content table thead {display:none!important;}
.dropfiles-content table tr td {border-top:0px !important;}

/* Icon swap

span.ext.pdf, 
span.ext.pdf, 
div.ext.pdf, 
span.ext.docx,
span.ext.pptx,
span.ext.xlsx,
span.ext.zip,
span.ext.doc,
span.ext.ppt,
span.ext.xls,
span.ext.jpg,
span.ext.png
{ background-image: url(../../images/sponndocs.png) !important; color: transparent !important;}

/* Preview Button */

.dropfiles-content .openlink {background-color: #d7d7d7 !important;}

/* Single Files */

.dropfiles-single-file .dropfiles-file-link {font-family: inherit !important;}
.dropfiles-single-file .dropfiles-file-link span.droptitle, span.dropinfos {color:#000 !important;font-size:0.8rem !important;}
.dropfiles-single-file .dropfiles-file-link {background: #eeeeee url(../../images/sponndocs.png) !important; color: transparent !important;
	background-repeat: no-repeat !important; background-position-x : 10px !important; background-position-y:15px !important;background-size:42px !important;}
.dropfiles-content.dropfiles-content-tree .categories-head {display: none !important;}
/* Drop Files Lists in Modules V 5.0*/
/* Hide Header Row Cells*/
.sp-module table.mediaTable.activeMediaTable thead {display:none!important}
/* Format cells */
.sp-module table.mediaTable.activeMediaTable tr:first-child td {background:#fff!important; font-weight:normal!important;}
.sp-module table.mediaTable.activeMediaTable tr td, 
.sp-module table.mediaTable.activeMediaTable tr td a {text-align:left!important;word-break: keep-all !important; white-space: normal; line-height: 1.2em;
float: left; display: flex;}
.sp-module table.mediaTable.activeMediaTable tr td a.title {padding:10px !important;} 
.sp-module .dropfiles-content-table.dropfiles-content .table-bordered td {border:0px !important;}
.sp-module td.file_desc {display:none !important;}
.dropfiles-content-table.dropfiles-content a {word-wrap: anywhere;}
.sp-module .mediaTableWrapperWithMenu {padding:0px!important;}
.sp-module .dropfiles-content-table .dropfiles-container-table {padding:0px!important}
/* Hide DL Button, Date Cell and cell for DL button */
.sp-module a.downloadlink, .sp-module a.openlink, .sp-module .file_modified, .sp-module .file_download.essential {display:none!important}
.sp-module .table-striped>tbody>tr:nth-of-type(odd) { background-color: transparent !important;}

ul.weblinks ::marker {content:"\f0c1";  font-family:fontawesome;font-weight: normal;}
ul.weblinks li p {font-style:italic !important;font-size:12px !important; color:#424242 !important;padding-left:10px !important;}
ul.weblinks li a {color:#150f3d !important;font-size: 14px !important; font-weight: 600 !important;padding-left:10px !important;}


.red-margin h3:before {
    content: "News";
    font-size: 40px !important;
    display: block;
    padding-bottom: 10px !important;
    padding-top: 0px !important;
	
}

.red-margin h3 {margin-top:-10px !important;}

.red-margin .sal-image {padding:15px !important;}
.namespanel strong {color:#ffffff !important;}
.namespanel strong {color:#ffffff !important;}

.educon-notice-event-section h3.sppb-addon-title {}

table tr th p, table tr th p strong {color:#ffffff!important;} 
a.sppb-btn-lg {font-size:120% !important;}
a i.fas.fa-video {padding-right:20px !important;}

/*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: #150f3d!important; color: white; font-weight: bold; }
.article-details  table td, th { padding: 6px; border: 1px solid #ccc; text-align: left; width:inherit !important;vertical-align: top;}

table.center-all {width:97%;}
table.center-all tr th, table.center-all tr td, table.center-all tr td h3 {text-align: center !important;} 





#sp-footer .sp-copyright {text-transform:inherit !important;}

/* News Images on Home */

.sal-content p {line-height:1.6em !important; font-size:0.9em !important;}
.sal-wrapper.layout-wide .sal-grid>.sal-item>.sal-inner-item>.sal-content {padding: 10px;}

.breadcrumb {
    padding: 8px 15px;
    margin: 20px 0 0 0;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.view-article #sp-main-body, .view-category #sp-main-body {
    padding: 20px 0 50px 0;
}
/* Top boxes */


#sp-top1 {padding-top:10px; padding-right: 0px !important; padding-left: 0px !important;}
#sp-top2 {padding-top:12px; padding-right: 0px !important; padding-left: 0px !important;}
#sp-top3, #sp-top4 {padding-top:18px; padding-right: 0px !important; padding-left: 0px !important;}
#sp-top5 {padding-top:18px; padding-right: 0px !important; padding-left: 0px !important;}
#sp-top6 {padding-top:12px; padding-right: 0px !important; padding-left: 0px !important;}

@media screen and (max-width: 768px) {
	#sp-top1 {padding-top:0px; padding-right: 0px !important; padding-left: 0px !important;}
	#sp-top2 {padding-top:2px; padding-right: 0px !important; padding-left: 0px !important;}
	#sp-top3, #sp-top4 {padding-top:0px; padding-right: 0px !important; padding-left: 0px !important;}
	#sp-top5 {padding-top:0px; padding-right: 0px !important; padding-left: 0px !important;}
	#sp-top6 {padding-top:0px; padding-right: 0px !important; padding-left: 0px !important;}
  } 


.fa, .fa-brands {
    color: #00A8BF !important;
}

#top-5 .fa, .fa-brands {font-size: 1.3rem;}

/* Media query for mobile view */
@media only screen and (max-width: 767px) {
	#sp-top1, #sp-top2, #sp-top3, #sp-top4, #sp-top5 {
    	padding: 0; margin: 0;
  }
	#sp-top6 {margin-bottom: 10px !important;}

	#sp-top-bar p {padding:2px 0 0 0 !important; margin:0px !important;}
}


.pushright iframe {max-width:16ch !important;}

/* Socials */

ul.social-icons {float: none;}

.fa, .fa-brands {color:#00A8BF !important; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (min-resolution: 192dpi) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) { ul.social-icons {float: right!important;}	
	#sp-top1 {text-align: left !important;}	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}

/* Special Treatment for Vacancies */ 

.vacancy-page td.extcol.file_title.essential.persist {width:20% !important; vertical-align:top !important;}
.vacancy-page td.file_desc.optional {width:65% !important; vertical-align: top !important;padding:20px !important;}
.vacancy-page td.file_download.essential {width:25% !important; vertical-align:top !important;}
.vacancy-page tr.file td {border-bottom:2px #cccccc solid !important; padding:20px 0 !important}

.vacancy-page .vacreset td.extcol.file_title.essential.persist {width:auto !important; vertical-align:top !important;}
.vacancy-page .vacreset td.file_desc.optional {width:auto !important; vertical-align: top !important;}
.vacancy-page .vacreset td.file_download.essential {width:1% !important; vertical-align:top !important;}
.vacancy-page .vacreset tr.file td {border-bottom:2px #cccccc solid !important; padding:20px 0 !important}

@media screen and (max-width: 480px) {
.sal-content p {
    display: none;
	}
}

.sal-image img {min-height: 220px !important;}

ul.sigProClassic {text-align:center;}
ul.sigProClassic li.sigProThumb {float:none;display:inline-block;}

h1.dp-page-heading.page-header {font-size:2.5rem !important;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {

.mod_dropfiles_latest {
    width: 260px !important;
}
.mod_dropfiles_latest .mod_filecontent_head h3 {
    font-family:inherit !important;
    font-size: 12px !important;
    font-weight: bold !important;
    width: 60% !important;
}
}


.educon-notice-board h3 a{
    font-size: 1rem !important;
	font-weight: 900 !important;}

.educon-notice-board .sal-item {margin-bottom:20px!important; border-bottom: 1px dotted #777;}

/* Weeks Layout */

#mod-custom130 {font-weight: 600 !important;}
.This.is.a.Holiday.Week {color:black !important;}
.This.is.a.Red.Week {color:red !important;}
.This.is.a.Blue.Week {color:blue !important;}


    .social-icons {
      display: flex;
      gap: 1rem; /* Adjust the gap as needed */
    }
    .social-icons a {
      text-decoration: none;
      color: inherit;
    }


.mod-articles-category-date {font-size:0.7rem; color:#616161;}
.mod-articles-category-date:before {content:"Date: ";}

@media (max-width: 1024px) {
    .sp-megamenu-wrapper.d-flex {display:none !important;}
	#sp-header #offcanvas-toggler.offcanvas, 
	#sp-header #offcanvas-toggler.mega {display: block !important;padding-top:20px !important;}
}

/* Adjust Footer links */
#sp-bottom a {color:#ffffff !important;} 
#sp-bottom .sp-column .sp-module:nth-child(2),
#sp-bottom .sp-column .sp-module:nth-child(3),
#sp-bottom .sp-column .sp-module:nth-child(4) {margin-top:15px !important;}
#sp-bottom .sp-column .sp-module h3.sp-module-title {margin-bottom:5px !important; font-weight:700 !important;}
#sp-bottom { padding: 50px 0px 25px;}
#sp-bottom .sp-module ul>li {margin-bottom: 0px !important;}
#sp-bottom .sp-module {margin-bottom: 10px !important;}