/*

	Theme Name: BSTEM Ghana
	Theme URI: https://www.bbstemghana.com
	Description: BSTEM Ghana WordPress Theme
	Version: 1.0
	Author: Flamingoat
	Author URI: https://www.flamingoat.co.uk

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



html {
	font-size:100%;
}
@font-face {
    font-family: 'Barlow-Regular';
    src: url('../../../fonts/Barlow-Regular.otf');
	src: local('Barlow-Regular'), local('Barlow-Regular'), url('../../../fonts/Barlow-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'Barlow-Medium';
    src: url('../../../fonts/Barlow-Medium.otf');
	src: local('Barlow-Medium'), local('Barlow-Medium'), url('../../../fonts/Barlow-Medium.otf') format('truetype');
}
@font-face {
    font-family: 'Barlow-Bold';
    src: url('../../../fonts/Barlow-Bold.otf');
	src: local('Barlow-Bold'), local('Barlow-Bold'), url('../../../fonts/Barlow-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'Barlow-Black';
    src: url('../../../fonts/Barlow-Black.otf');
	src: local('Barlow-Black'), local('Barlow-Black'), url('../../../fonts/Barlow-Black.otf') format('truetype');
}
@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url('../../../fonts/BarlowCondensed-Bold.otf');
	src: local('BarlowCondensed-Bold'), local('BarlowCondensed-Bold'), url('../../../fonts/BarlowCondensed-Bold.otf') format('truetype');
}




body {
	font-family: Barlow-Regular;
	margin: 0;
	padding:0;
	text-align: left;
	position:relative;
	z-index:0;
	background-image:url(https://www.bstemghana.com/wp-content/uploads/2025/06/content-bg-bg-repeat_12.jpg);
	background-repeat:repeat;
}
p {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.4;
	font-style: normal;
	padding: 0 0 14px 0;
}

h1 {
    font-family: Barlow-Black;
	font-size: 2.45em;
	margin: 0 0 15px 0;
	color: #893b43;	
	text-align: left;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.5px;
	text-transform:uppercase;
}

.h1-thin {
	font-family: Barlow-Medium;
	font-size:97%;
	letter-spacing:0px;
}

h2 {
    font-family: Barlow-Bold;
	font-size: 1.6em;
	margin: 0 0 14px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}

h3 {
    font-family: Barlow-Bold;
	font-size: 1.2em;
	margin: 10px 0 7px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}









/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 15px;
}
.page-inner li {
	padding:3px 0 14px 30px;
	margin: 0;	
	font-size:100%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.bstemghana.com/wp-content/uploads/2025/06/bullet.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
}









/* clear */

.clear:before,
.clear:after {
    content:' ';
    display:table;
}



.clear:after {
    clear:both;
}

.clear {
    *zoom:1;
}

img {
	max-width:100%;
	vertical-align:bottom;
}

a:link,
a:visited {
	color: #646464;
	text-decoration:underline;
	font-family:Barlow-Bold;
}

a:hover {
	color: #893b43;
	text-decoration:underline;
}

a:focus {
	outline:0;
}

a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/


/* wrapper */

.wrapper {
	margin:0 auto;
	position:relative;
	/*overflow: hidden;*/
}






/* header */




.header-outer {
	width:100%;
	height:93px;
	z-index:99;
	position:relative;
	background-color:#893b43;
	border-bottom:3px solid #fff;
}

.header-inner {
	width:1200px;
	height:94px;
	margin:auto;
	position:relative;
}

.logo-outer {
	background-color:#fff;
	width:270px;
	height:93px;
	margin-left:29px;
}

.logo {
	width:220px;
	height:auto;
	position:absolute;
	left:54px;
	top:14px;
	z-index:999999;
}



/* --------------------------nav---------------------------------------- */

#menu-width {
	width:650px;
	height:80px;
	margin:0px 119px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:29px;
	font-family: Barlow-Medium !important;
}



#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
	letter-spacing:0.5px;
	border-bottom:3px solid #fff;
	margin:0 37px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	margin:0 37px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
	border-bottom:3px solid #fff;

}





/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:500px;
	height:auto;
	margin:9px 0px 15px 50px;
	float:right;
	position:relative;
}

.aligncenter {
	width:883px;
	height:auto;
	margin:15px 0 15px 80px;
}




/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:821px;
	background-color:#dee9ee;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 821px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
}


.banner-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 0px 0;
	position:relative;
	z-index:11;
}


	
.banner-text-bg {
	position:absolute;	
	width:100%;
	z-index:10;
	top:335px;
	background-image:url(https://www.bstemghana.com/wp-content/uploads/2025/06/banner-text-bg.png);
	font-family: BarlowCondensed-Bold;
	font-size: 3.05em;
	color:#fff;
	padding:0px 0 6px 0;	
	text-transform:uppercase;
	text-align: center;
	text-shadow: 0px 0px 10px #2d1215;
}

.banner-text-return {
	display:none;
}






/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:-82px 0 0 0;
}

.page-inner {
	width:1142px;
	margin:auto;
}


.content {
	width:1042px;
	padding:0;
	background-color:#fff;
	position:relative;
	z-index:13;
	padding:28px 50px 27px 50px;
	min-height:435px;
	box-shadow: 0px 0px 18px rgba(78, 34, 39, 0.75);
}

.title-width {
	width:880px;
}




.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}

.content hr {
    display: block;
    margin-block-start: 1.5em;
    margin-block-end: 2em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
	background-color:#000;
}









/*-------------------------------------- Home School & Teacher Images -------------------------*/

.sch-1 {
	margin:0 0 0 60px;
	float:left;
}

.sch-2 {
	float:left;
}

.sch-3 {
	float:left;
}




.teacher-1 {
	margin:0 0 0 182px;
	float:left;
}

.teacher-2 {
	margin:0 0 0 78px;
	float:left;
}

.teacher-3 {
	margin:0 0 0 182px;
	float:left;
}

.teacher-4 {
	margin:0 0 0 78px;
	float:left;
}











/*-------------------------------------- Videos Single Template -------------------------*/


.page-outer-single {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:0px 0 0 0;
}

div.comments {
	display:none;
}

div.aiovg-form-group.aiovg-field-keyword > input {
	height:28px;
}

div.aiovg-form-group.aiovg-field-category > div > input {
	height:28px;
}









/*------------------------------- Login Area Login / Logout -------------------------------------*/

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type="submit"].um-button, .um input[type="submit"].um-button:focus {
  background: #893b43;
}

.um a.um-button:hover, .um input[type="submit"].um-button:hover {
  background-color: #703036;
}

.um-misc-with-img {
	display:none;
}

.um-misc-ul > li:nth-child(1) {
	display:none;
}

.um-misc-ul > li:nth-child(2) > a:nth-child(1) {
	font-size:130%;
}

body > div.wrapper > div.page-outer > div > div > div.um.um-login.um-logout.um-109.uimob340 > div > ul > li:nth-child(2) {
	margin:20px 0 0 0;
}

.hiddenelement {display:none;}.logged-in .hiddenelement {display: block;}

.login-no-show {display: block;}.logged-in .login-no-show {display: none;}

.logout-btn {
  border: none;
  color: white;
  padding: 10px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer; 
}

.button1 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button1:hover {
  background-color: #703036;
  color: white;
}

.button1 a:link,
.button1 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 10px 15px;
  font-family:Barlow-Medium;
}

.button1 a:hover {
	color: #fff;
}

.logout-position {
	position:absolute;
	top:35px;
	right:44px;
}









/*------------------------------- National Coordinators Contact Button -------------------------------------*/

.logout-btn2 {
  border: none;
  color: #893b43;
  padding: 10px 0px 11px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
  background-color: white;   
  border: 2px solid white;
}

.button2:hover {
  background-color: #893b43;
  color: white;
}

.button2 a:link,
.button2 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 10px 15px;
  font-family:Barlow-Medium;
}

.button2 a:hover {
	color: white;
}

.edu-contact-position {
	position:absolute;
	top:-47px;
	right:-6px;
}





.logout-btn3 {
  border: none;
  color: #893b43;
  padding: 6px 11px 7px 11px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button3 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button3:hover {
  background-color: #893b43;
  color: white;
}

.button3 a:link,
.button3 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0;
  font-family:Barlow-Medium;
}

.button3 a:hover {
	color: white;
}

.login-area-contact-position {
	position:absolute;
	top:35px;
	right:44px;
	z-index:14;
}















/*------------------------------- Login Area Menu -------------------------------------*/

.shiftnav-toggle {
	margin:2px 0 13px 0;
}

.shiftnav-toggle-button {
  display: inline-block;
  padding: 12px 16px;
  background: #625557;
  color: #fff;
}

.shiftnav-toggle-button:hover {
  display: inline-block;
  padding: 12px 16px;
  background: #4c4243;
  color: #fff;
  text-decoration:none;
  transition-duration: 0.4s;
}

.shiftnav.shiftnav-skin-light.shiftnav-nojs ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-light ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-light ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active {
  color: #fff;
  background: #893b43;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
  color: #fff;
  background: #893b43;
}

.shiftnav.shiftnav-skin-light {
  font-size: 25px;
  line-height: 1.3em;
  background: #f9f9f9;
  color: #fff;
}

.shiftnav .shiftnav-panel-close {
  display: block;
  position: absolute;
  right: 0;
  padding: 12px 20px;
  background: rgba(0,0,0,.2);
  z-index: 20;
  cursor: pointer;
  border: none;
  color: inherit;
  font-size: inherit;
}


.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
  color: #666;
  font-size: 17px;
  font-weight: normal;
  border-top: none;
    border-top-color: currentcolor;
  border-bottom: none;
    border-bottom-color: currentcolor;
  text-shadow: none;
  font-family:Barlow-Medium;
}

.shiftnav, .shiftnav *, .shiftnav-toggle, .shiftnav-toggle * {
    line-height:normal;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    color: #999;
    border-width: inherit;
    border-top-color: transparent;
    border-bottom-color: transparent;
    font-weight: normal;
    font-size: 15px;
	padding-left: 45px;
}










/*------------------------------- Downloads -------------------------------------*/

td.__dt_col_download_link .btn {
    display: block;
    width: 100%;
	text-transform:uppercase;
	font-size:17px;
	text-decoration:none;
}

.package-title {
    color: #646464 !important;
	pointer-events: none;
    cursor: default;
	font-size:120%;	
	text-decoration:none !important;
}

.package-title a {
    color: #646464 !important;
	text-decoration:none !important;
}

#wpdmmydls-40cd750bba9870f18aada2478b24840a .small-txt, #wpdmmydls-40cd750bba9870f18aada2478b24840a small {
    font-size: 10pt;
	color: #646464;
}

#wpdmmydls-40cd750bba9870f18aada2478b24840a {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-size: 11pt;
    min-width: 100%;
	color: #646464;
}

div.media-body > div {
	display:none;
}

.w3eden .form-control {
    display: block;
    width: 90%;
    height: 24px;
    padding: var(--padding-regular);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: var(--border-radius-regular);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.w3eden .btn-group-lg>.btn, .w3eden .btn-lg {
    padding: .5rem 1rem;
    font-size: var(--font-size-lg);
    line-height: 1.5;
    border-radius: .3rem;
	text-decoration:none;
}
















/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:253px;
	background-color:#893b43;
	position:relative;
	z-index:99;
	border-top:solid #fff 3px;
}

.footer-inner {
	width:1200px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 14px;
	color: #bd7f84;
	position:absolute;
	width:384px;
	left:65px;
	top:157px;
	line-height:1.5em;
	border-top:3px solid #bd7f84;
	padding:6px 0 0 14px;
}




.footer-logo {
	width:220px;
	height:auto;
	position:absolute;
	top:59px;
	left:76px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 14px;
	color: #bd7f84;
}
.flaming a,
.flaming a:visited {
	color: #bd7f84;
	text-decoration:underline;
	font-family: Barlow-Regular;
}
.flaming a:hover {
	color: #fff;
}


.itec-logo {
	width:165px;
	height:auto;
	position:absolute;
	top:89px;
	right:271px;
}

.ministry-logo {
	width:161px;
	height:auto;
	position:absolute;
	top:42px;
	right:74px;
}









/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:left;
	width:296px;
	margin:0px 50px 0px 0px;
}

.contact-col-1 hr {
    display: block;
    margin-block-start: 1.5em;
    margin-block-end: 2em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
	background-color:#000;
}


.contact-col-2 {
	float:left;
	width:696px;
	margin:0px 0px 20px 0;
}



.form-left p, .form-right p {
	padding:0px 0 2px 0 !important;
}

.form-left {
	width:90px;
	font-size:0.95em;
	line-height:1.4;
	color: #646464;
	text-align:right;
	float:left;
	padding-right:10px;
}

.contact-enquiry-title {
	padding-left:99px;
}

.form-right {
	width:550px;
	margin: 0 0 5px 0px;
	float:left;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Barlow-Regular;
	font-size:0.95em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:584px;
	height:16px;
	border:1px solid #646464;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #646464;
	font-family: Barlow-Regular;
	font-size:0.95em;
	font-weight:normal;
	width:596px;
	height:28px;
	padding:1px;
}

textarea {
	background-color:#fff;
	font-family: Barlow-Regular;
	font-size:0.95em;
	width:584px;
	height:111px;
	font-weight:normal;
	border:1px solid #646464;
	padding:2px;
	color: #646464;
	margin:0px 0 0 0;
	padding:5px;
}

.form-send {
	margin:3px 0 0 100px;
	height:40px;
}
.form-outer input[type=submit] {
	width:596px;
	padding:14px 0 48px 0;
	height:16px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-size:1.6em;
	border:none;
	background-color:#893b43;
	font-weight:500;
	text-transform:uppercase;
	font-family: Barlow-Bold;
}



.recap {
	width:302px;
	margin: 0 0 5px 247px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

























/*-------------------------------------------------------------------------------------------------------------------------*\

    RESPONSIVE

\*------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width: 1225px) {



p {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.3;
	font-style: normal;
	padding: 0 0 14px 0;
}

h1 {
    font-family: Barlow-Black;
	font-size: 2.3em;
	margin: 0 0 15px 0;
	color: #893b43;	
	text-align: left;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.5px;
}

.h1-thin {
	font-family: Barlow-Medium;
	font-size:95%;
	letter-spacing:0px;
}

h2 {
    font-family: Barlow-Bold;
	font-size: 1.6em;
	margin: 0 0 14px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}












/*BULLETS*/


















/* header */




.header-outer {
	width:100%;
	height:93px;
	z-index:99;
	background-color:#893b43;
	border-bottom:3px solid #fff;
}

.header-inner {
	width:742px;
	height:94px;
	margin:auto;
	position:relative;
}

.logo-outer {
	background-color:#fff;
	width:269px;
	height:93px;
	margin-left:0px;
}

.logo {
	width:220px;
	height:auto;
	position:absolute;
	left:24px;
	top:14px;
	z-index:999999;
}








/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:235px;
	height:93px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Barlow-Regular !important;
	border-bottom:0;
}

#menu-mob {
	background-color:#fff;
	width:100px;
	height:93px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
	letter-spacing:0.5px;
	border-bottom:none;
	margin:0 0px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	margin:0 0px;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 30px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 93px;
    text-align: left;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #893b43;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 16px 0 0; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: right;
        color: #ffffff;
        font-size: 17px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#893b43; /*----------DROPDOWN MENU HOVER------*/
	border-bottom:none;

}



/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:320px;
	height:auto;
	margin:9px 0px 15px 35px;
	float:right;
	position:relative;

}

.aligncenter {
	width:100%;
	height:auto;
	margin:10px 0 10px 0px;
}




/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:750px;
	background-color:#dee9ee;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 750px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 750px;
}


.banner-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 0px 0;
	position:relative;
	z-index:11;
}


	
.banner-text-bg {
	position:absolute;	
	width:100%;
	z-index:10;
	top:310px;
	background-image:url(https://www.bstemghana.com/wp-content/uploads/2025/06/banner-text-bg.png);
	font-family: BarlowCondensed-Bold;
	font-size: 3.05em;
	color:#fff;
	padding:6px 0 10px 0;	
	text-transform:uppercase;
	text-align: center;
	text-shadow: 0px 0px 10px #2d1215;
	line-height:1;
}

.banner-text-return {
	display:inline;
}






/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:-82px 0 0 0;
}

.page-inner {
	width:742px;
	margin:auto;
}


.content {
	width:642px;
	padding:0;
	background-color:#fff;
	position:relative;
	z-index:13;
	padding:28px 50px 27px 50px;
	min-height:323px;
	box-shadow: 0px 0px 18px rgba(78, 34, 39, 0.75);
}

.title-width {
	width:510px;
}



.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}














/*-------------------------------------- Home School & Teacher Images -------------------------*/

.sch-1 {
	margin:0 0 0 13px;
	float:left;
}

.sch-2 {
	float:left;
}

.sch-3 {
	margin:0 0 0 167px;
	float:left;
}





.teacher-1 {
	margin:0 0 0 14px;
	float:left;
}

.teacher-2 {
	margin:0 0 0 14px;
	float:left;
}

.teacher-3 {
	margin:0 0 0 14px;
	float:left;
}

.teacher-4 {
	margin:0 0 0 14px;
	float:left;
}










/*------------------------------- National Coordinators Contact Button -------------------------------------*/

.logout-btn2 {
  border: none;
  color: #893b43;
  padding: 10px 0px 11px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
  background-color: white;   
  border: 2px solid white;
}

.button2:hover {
  background-color: #893b43;
  color: white;
}

.button2 a:link,
.button2 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 10px 15px;
  font-family:Barlow-Medium;
}

.button2 a:hover {
	color: white;
}

.edu-contact-position {
	position:absolute;
	top:-43px;
	right:-6px;
}






.logout-btn3 {
  border: none;
  color: #893b43;
  padding: 6px 9px 7px 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button3 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button3:hover {
  background-color: #893b43;
  color: white;
}

.button3 a:link,
.button3 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0;
  font-family:Barlow-Medium;
}

.button3 a:hover {
	color: white;
}

.login-area-contact-position {
	position:absolute;
	top:35px;
	right:44px;
	z-index:14;
}















/*------------------------------- Downloads -------------------------------------*/

    .w3eden .col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


.w3eden .form-control {
    display: block;
    width: 94.75%;
    height: 24px;
    padding: var(--padding-regular);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: var(--border-radius-regular);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin-bottom:15px;
}

div.col-lg-6.col-md-12 {
	-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .w3eden .col-lg-2 {
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
    }











/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:240px;
	background-color:#893b43;
	position:relative;
	z-index:99;
	border-top:solid #fff 3px;
}

.footer-inner {
	width:800px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 14px;
	color: #bd7f84;
	position:absolute;
	width:268px;
	left:67px;
	top:135px;
	line-height:1.5em;
	border-top:3px solid #bd7f84;
	padding:6px 0 0 15px;
}




.footer-logo {
	width:190px;
	height:auto;
	position:absolute;
	top:47px;
	left:78px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 14px;
	color: #bd7f84;
}
.flaming a,
.flaming a:visited {
	color: #bd7f84;
	text-decoration:underline;
	font-family: Barlow-Regular;
}
.flaming a:hover {
	color: #fff;
}




.itec-logo {
	width:135px;
	height:auto;
	position:absolute;
	top:79px;
	right:230px;
}

.ministry-logo {
	width:131px;
	height:auto;
	position:absolute;
	top:37px;
	right:74px;
}

































/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:left;
	width:295px;
	margin:0px 45px 25px 0px;
}

.contact-col-2 {
	float:left;
	width:302px;
	margin:0px 0px 0px 0;
}


.form-left p, .form-right p {
	padding:0px 0 2px 0 !important;
}

.form-left {
	width:302px;
	font-size:1em;
	line-height:1.4;
	color: #646464;
	text-align:left;
}

.contact-enquiry-title {
	padding-left:0px;
}

.form-right {
	width:302px;
	margin: 0 0 5px 0px;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:290px;
	height:16px;
	border:1px solid #646464;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	width:302px;
	height:28px;
	padding:1px;
}

textarea {
	background-color:#fff;
	font-family: Barlow-Regular;
	font-size:1em;
	width:290px;
	height:60px;
	font-weight:normal;
	border:1px solid #646464;
	padding:2px;
	color: #646464;
	margin:0px 0 0 0;
	padding:5px;
}

.form-send {
	margin:3px 0 0 0px;
	height:40px;
}
.form-outer input[type=submit] {
	width:302px;
	padding:2px 0 5px 0;
	height:40px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-size:1.4em;
	border:none;
	background-color:#893b43;
	font-weight:normal;
}



.recap {
	width:302px;
	margin: 0 0 5px 0px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}






























}












@media all and (max-width: 799px) {




p {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.3;
	font-style: normal;
	padding: 0 0 14px 0;
}

h1 {
    font-family: Barlow-Black;
	font-size: 1.8em;
	margin: 0 0 12px 0;
	color: #893b43;	
	text-align: left;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.5px;
}

.h1-thin {
	font-family: Barlow-Medium;
	font-size:95%;
	letter-spacing:0px;
}

h2 {
    font-family: Barlow-Bold;
	font-size: 1.3em;
	margin: 0 0 14px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}

h3 {
    font-family: Barlow-Bold;
	font-size: 1.1em;
	margin: 10px 0 7px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}











/*BULLETS*/


















/* header */




.header-outer {
	width:100%;
	height:69px;
	z-index:99;
	background-color:#893b43;
	border-bottom:3px solid #fff;
}

.header-inner {
	width:400px;
	height:69px;
	margin:auto;
	position:relative;
}

.logo-outer {
	background-color:#fff;
	width:193px;
	height:69px;
	margin-left:0px;
	position:relative;
	z-index:99999;
}

.logo {
	width:160px;
	height:auto;
	position:absolute;
	left:16px;
	top:11px;
	z-index:999999;
}













/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:235px;
	height:69px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Barlow-Bold !important;
	border-bottom:0;
}


#menu-mob {
	background-color:#fff;
	width:80px;
	height:69px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 20px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 69px;
    text-align: right;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #893b43;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 16px 0 0; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: right;
        color: #ffffff;
        font-size: 17px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#893b43; /*----------DROPDOWN MENU HOVER------*/
}












/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:100%;
	height:auto;
	margin:4px 0px 15px 0px;
	float:none;
	position:relative;

}

.aligncenter {
	width:100%;
	height:auto;
	margin:5px 0 5px 0px;
}




/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:400px;
	background-color:#dee9ee;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 400px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 400px;
}


.banner-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 0px 0;
	position:relative;
	z-index:11;
}


	
.banner-text-bg {
	position:absolute;	
	width:100%;
	z-index:10;
	top:150px;
	background-image:url(https://www.bstemghana.com/wp-content/uploads/2025/06/banner-text-bg.png);
	font-family: BarlowCondensed-Bold;
	font-size: 2em;
	color:#fff;
	padding:4px 0 7px 0;	
	text-transform:uppercase;
	text-align: center;
	text-shadow: 0px 0px 10px #2d1215;
	line-height:1;
}

.banner-text-return {
	display:inline;
}






/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:-40px 0 0 0;
}

.page-inner {
	width:400px;
	margin:auto;
}


.content {
	width:350px;
	padding:0;
	background-color:#fff;
	position:relative;
	z-index:13;
	padding:16px 25px 10px 25px;
	min-height:323px;
	box-shadow: 0px 0px 18px rgba(78, 34, 39, 0.75);
}

.title-width {
	width:250px;
}



.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}











/*-------------------------------------- Home School & Teacher Images -------------------------*/

.sch-1 {
	margin:0 0 0 21px;
	float:left;
}

.sch-2 {
	margin:0 0 0 21px;
	float:left;
}

.sch-3 {
	margin:0 0 0 21px;
	float:left;
}



.teacher-1 {
	margin:0 0 0 25px;
	float:left;
}

.teacher-2 {
	margin:0 0 0 25px;
	float:left;
}

.teacher-3 {
	margin:0 0 0 25px;
	float:left;
}

.teacher-4 {
	margin:0 0 0 25px;
	float:left;
}








/*------------------------------- Login Area Login / Logout -------------------------------------*/

.logout-btn {
  border: none;
  color: white;
  padding: 5px 0px 6px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 0px 0 0 6px;
  transition-duration: 0.4s;
  cursor: pointer; 
}

.button1 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button1:hover {
  background-color: #703036;
  color: white;
}

.button1 a:link,
.button1 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0px 8px;
  font-family:Barlow-Medium;
}

.button1 a:hover {
	color: #fff;
}


.logout-position {
	position:absolute;
	top:21px;
	right:25px;
}











/*------------------------------- National Coordinators Contact Button -------------------------------------*/

.logout-btn2 {
  border: none;
  color: #893b43;
  padding: 6px 0px 7px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
  background-color: white;   
  border: 2px solid white;
}

.button2:hover {
  background-color: #893b43;
  color: white;
}

.button2 a:link,
.button2 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 10px 10px;
  font-family:Barlow-Medium;
}

.button2 a:hover {
	color: white;
}

.edu-contact-position {
	position:absolute;
	top:-31px;
	right:-6px;
}







.logout-btn3 {
  border: none;
  color: #893b43;
  padding: 3px 6px 4px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button3 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button3:hover {
  background-color: #893b43;
  color: white;
}

.button3 a:link,
.button3 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0;
  font-family:Barlow-Medium;
}

.button3 a:hover {
	color: white;
}

.login-area-contact-position {
	position:absolute;
	top:21px;
	right:19px;
	z-index:14;
}















/*------------------------------- Downloads -------------------------------------*/


.w3eden .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
}

.w3eden .form-control {
        display: block;
        width: 90%;
        height: 24px;
        padding: var(--padding-regular);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: var(--border-radius-regular);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-bottom: 0;
    }


    .w3eden .col-lg-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
		margin:4px 0 0 0;
    }














/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:335px;
	background-color:#893b43;
	position:relative;
	z-index:99;
	border-top:solid #fff 3px;
}

.footer-inner {
	width:300px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:center;
	font-size: 13px;
	color: #bd7f84;
	position:absolute;
	width:250px;
	left:25px;
	top:110px;
	line-height:1.5em;
	border-top:3px solid #bd7f84;
	padding:6px 0 0 0px;
}




.footer-logo {
	width:160px;
	height:auto;
	position:absolute;
	top:32px;
	left:70px;
}



.footer-copy-text {
	padding:0;
	text-align:center;
}






.flaming {
	font-size: 13px;
	color: #bd7f84;
}
.flaming a,
.flaming a:visited {
	color: #bd7f84;
	text-decoration:underline;
	font-family: Barlow-Regular;
}
.flaming a:hover {
	color: #fff;
}




.itec-logo {
	width:105px;
	height:auto;
	position:absolute;
	top:225px;
	right:160px;
}

.ministry-logo {
	width:101px;
	height:auto;
	position:absolute;
	top:197px;
	right:35px;
}









/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:none;
	width:100%;
	margin:0px 233px 25px 0px;
}

.contact-col-2 {
	float:none;
	width:100%;
	margin:0px 0px 40px 0;
}


.form-left p, .form-right p {
	padding:0px 0 2px 0 !important;
}

.form-left {
	width:302px;
	font-size:1em;
	line-height:1.4;
	color: #646464;
	text-align:left;
}



.form-right {
	width:302px;
	margin: 0 0 5px 0px;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:338px;
	height:16px;
	border:1px solid #646464;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	width:350px;
	height:28px;
	padding:1px;
}

textarea {
	background-color:#fff;
	font-family: Barlow-Regular;
	font-size:1em;
	width:338px;
	height:60px;
	font-weight:normal;
	border:1px solid #646464;
	padding:2px;
	color: #646464;
	margin:0px 0 0 0;
	padding:5px;
}

.form-send {
	margin:3px 0 0 0px;
	height:40px;
}
.form-outer input[type=submit] {
	width:350px;
	padding:2px 0 5px 0;
	height:40px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-size:1.4em;
	border:none;
	background-color:#893b43;
	font-weight:normal;
}



.recap {
	width:302px;
	margin: 0 0 5px 24px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}














}




















@media all and (max-width: 420px) {




p {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.3;
	font-style: normal;
	padding: 0 0 14px 0;
}

h1 {
    font-family: Barlow-Black;
	font-size: 1.3em;
	margin: 0 0 12px 0;
	color: #893b43;	
	text-align: left;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.5px;
}

.h1-thin {
	font-family: Barlow-Medium;
	font-size:95%;
	letter-spacing:0px;
}

h2 {
    font-family: Barlow-Bold;
	font-size: 1.3em;
	margin: 0 0 14px 0;
	color: #77686a;	
	text-align: left;
	font-weight:normal;
	line-height:1.3em;
}













/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 0px;
}
.page-inner li {
	padding:3px 0 14px 25px;
	margin: 0;	
	font-size:100%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.bstemghana.com/wp-content/uploads/2025/06/bullet.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
}


















/* header */




.header-outer {
	width:100%;
	height:62px;
	z-index:99;
	background-color:#893b43;
	border-bottom:3px solid #fff;
}

.header-inner {
	width:280px;
	height:62px;
	margin:auto;
	position:relative;
}

.logo-outer {
	background-color:#fff;
	width:170px;
	height:62px;
	margin-left:0px;
	position:relative;
	z-index:99999;
}

.logo {
	width:145px;
	height:auto;
	position:absolute;
	left:11px;
	top:10px;
	z-index:999999;
}













/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:183px;
	height:62px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Barlow-Medium !important;
	border-bottom:0;
}

#menu-mob {
	background-color:#fff;
	width:80px;
	height:62px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 20px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 62px;
    text-align: right;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #893b43;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 45px;
        height: 45px;
        padding: 0 14px 0 0; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: right;
        color: #ffffff;
        font-size: 13px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#893b43; /*----------DROPDOWN MENU HOVER------*/
}












/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:100%;
	height:auto;
	margin:4px 0px 12px 0px;
	float:none;
	position:relative;

}






/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:350px;
	background-color:#dee9ee;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 350px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 350px;
}


.banner-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 0px 0;
	position:relative;
	z-index:11;
}


	
.banner-text-bg {
	position:absolute;	
	width:100%;
	z-index:10;
	top:150px;
	background-image:url(https://www.bstemghana.com/wp-content/uploads/2025/06/banner-text-bg.png);
	font-family: BarlowCondensed-Bold;
	font-size: 1.6em;
	color:#fff;
	padding:4px 0 7px 0;	
	text-transform:uppercase;
	text-align: center;
	text-shadow: 0px 0px 10px #2d1215;
	line-height:1;
}

.banner-text-return {
	display:inline;
}






/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:-35px 0 0 0;
}

.page-inner {
	width:280px;
	margin:auto;
}


.content {
	width:240px;
	padding:0;
	background-color:#fff;
	position:relative;
	z-index:13;
	padding:14px 20px 10px 20px;
	min-height:323px;
	box-shadow: 0px 0px 18px rgba(78, 34, 39, 0.75);
}

.title-width {
	width:140px;
	min-height:30px;
}



.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}














/*-------------------------------------- Home School & Teacher Images -------------------------*/

.sch-1 {
	margin:0 0 0 0px;
	float:left;
}

.sch-2 {
	margin:0 0 0 0px;
	float:left;
}

.sch-3 {
	margin:0 0 0 0px;
	float:left;
}



.teacher-1 {
	margin:0 0 0 0px;
	float:left;
}

.teacher-2 {
	margin:0 0 0 0px;
	float:left;
}

.teacher-3 {
	margin:0 0 0 0px;
	float:left;
}

.teacher-4 {
	margin:0 0 0 0px;
	float:left;
}













/*------------------------------- Login Area Login / Logout -------------------------------------*/

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type="submit"].um-button, .um input[type="submit"].um-button:focus {
  background: #893b43;
}

.um a.um-button:hover, .um input[type="submit"].um-button:hover {
  background-color: #703036;
}

.um-misc-with-img {
	display:none;
}

.um-misc-ul > li:nth-child(1) {
	display:none;
}

.um-misc-ul > li:nth-child(2) > a:nth-child(1) {
	font-size:130%;
}

body > div.wrapper > div.page-outer > div > div > div.um.um-login.um-logout.um-109.uimob340 > div > ul > li:nth-child(2) {
	margin:20px 0 0 0;
}

.hiddenelement {display:none;}.logged-in .hiddenelement {display: block;}

.login-no-show {display: block;}.logged-in .login-no-show {display: none;}



.logout-btn {
  border: none;
  color: white;
  padding: 5px 0px 6px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 0px 0 0 6px;
  transition-duration: 0.4s;
  cursor: pointer; 
}

.button1 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button1:hover {
  background-color: #703036;
  color: white;
}

.button1 a:link,
.button1 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0px 8px;
  font-family:Barlow-Medium;
}

.button1 a:hover {
	color: #fff;
}

.logout-position {
	position:absolute;
	top:19px;
	right:19px;
}












/*------------------------------- National Coordinators Contact Button -------------------------------------*/

.logout-btn2 {
  border: none;
  color: #893b43;
  padding: 6px 0px 7px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
  background-color: white;   
  border: 2px solid white;
}

.button2:hover {
  background-color: #893b43;
  color: white;
}

.button2 a:link,
.button2 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 10px 10px;
  font-family:Barlow-Medium;
}

.button2 a:hover {
	color: white;
}

.edu-contact-position {
	position:absolute;
	top:-29px;
	right:-6px;
}





.logout-btn3 {
  border: none;
  color: #893b43;
  padding: 3px 6px 4px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 0px 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button3 {
  background-color: white;   
  border: 2px solid #893b43;
}

.button3:hover {
  background-color: #893b43;
  color: white;
}

.button3 a:link,
.button3 a:visited {
  text-decoration:none;
  color: #893b43;
  padding: 0;
  font-family:Barlow-Medium;
}

.button3 a:hover {
	color: white;
}

.login-area-contact-position {
	position:absolute;
	top:16px;
	right:14px;
	z-index:14;
}














/*------------------------------- Login Area Menu -------------------------------------*/

.shiftnav-toggle {
	margin:2px 0 13px 0;
}

.shiftnav-toggle-button {
  display: inline-block;
  padding: 12px 13px;
  background: #625557;
  color: #fff;
  font-size:85%;
}

.shiftnav-toggle-button:hover {
  display: inline-block;
  padding: 12px 13px;
  background: #4c4243;
  color: #fff;
  text-decoration:none;
  transition-duration: 0.4s;
}

.shiftnav.shiftnav-skin-light.shiftnav-nojs ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-light ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-light ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active {
  color: #fff;
  background: #893b43;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
  color: #fff;
  background: #893b43;
}

.shiftnav.shiftnav-skin-light {
  font-size: 23px;
  line-height: 1.3em;
  background: #f9f9f9;
  color: #fff;
}

.shiftnav .shiftnav-panel-close {
  display: block;
  position: absolute;
  right: 0;
  padding: 12px 20px;
  background: rgba(0,0,0,.2);
  z-index: 20;
  cursor: pointer;
  border: none;
  color: inherit;
  font-size: inherit;
}


.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
  color: #666;
  font-size: 15px;
  font-weight: normal;
  border-top: none;
    border-top-color: currentcolor;
  border-bottom: none;
    border-bottom-color: currentcolor;
  text-shadow: none;
  font-family:Barlow-Medium;
}

.shiftnav, .shiftnav *, .shiftnav-toggle, .shiftnav-toggle * {
    line-height:normal;
}



















/*------------------------------- Downloads -------------------------------------*/


.w3eden .form-control {
    display: block;
    width: 84%;
    height: 24px;
    padding: var(--padding-regular);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: var(--border-radius-regular);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.w3eden [class*=col-] {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
	width:100%;
}

.w3eden .media {
    display: block;
    -ms-flex-align: unset;
    align-items: unset;
}

.w3eden .mr-3 {
    margin: 0 0 15px 75px !important;
}

.w3eden .card h3 {
    margin: 0;
    padding: 0;
    font-size: 14pt;
    font-weight: 700;
	text-align:center;
}

div.ml-3 {
	margin:15px 0 0 48px;
}




















/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:none;
	width:100%;
	margin:0px 233px 25px 0px;
}

.contact-col-2 {
	float:none;
	width:100%;
	margin:0px 0px 40px 0;
}



.form-left p, .form-right p {
	padding:0px 0 2px 0 !important;
}

.form-left {
	width:240px;
	font-size:1em;
	line-height:1.4;
	color: #646464;
	text-align:left;
}



.form-right {
	width:240px;
	margin: 0 0 5px 0px;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:228px;
	height:16px;
	border:1px solid #646464;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #646464;
	font-family: Barlow-Regular;
	font-size:1em;
	font-weight:normal;
	width:240px;
	height:28px;
	padding:1px;
}

textarea {
	background-color:#fff;
	font-family: Barlow-Regular;
	font-size:1em;
	width:228px;
	height:60px;
	font-weight:normal;
	border:1px solid #646464;
	padding:2px;
	color: #646464;
	margin:0px 0 0 0;
	padding:5px;
}

.form-send {
	margin:3px 0 0 0px;
	height:40px;
}
.form-outer input[type=submit] {
	width:240px;
	padding:2px 0 5px 0;
	height:40px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-size:1.4em;
	border:none;
	background-color:#893b43;
	font-weight:normal;
}



.recap {
	width:302px;
	margin: 0 0 5px -31px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}







}











/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/









.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}


.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.sticky {
}

.bypostauthor {
}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}