/* 
Theme Name: DVLC theme
Author Details: Wings Cyberspace Internationals IT 
*/

/* -------------------------------------------------------------- 
	WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 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 p.wp-caption-text {
    font-size:0.8em;
    margin:5px 0 0 0;
}

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

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}


.gallery figure {float:left; margin:0 2% 1em 0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}

/* -------------------------------------------------------------- 
	End WordPress Core
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
	Typography
-------------------------------------------------------------- */
body { font-family: 'Libre Baskerville', sans-serif; }
h1 { font-size: 27px; }
h2 { font-size: 28px; }
h3 { font-size: 19px; }
p { font-size: 16px; }
h4 { }
a, a:hover { text-decoration: none; }

.home h4 {
	font-size: 35px;
}
/* -------------------------------------------------------------- 
	General Styling
-------------------------------------------------------------- */
.text-center {
	text-align: center;
}

.button-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.button { 
	padding: 6px 22px 6px 22px; 
	cursor: pointer;
	border-radius: 22px;
	transition: 0.3s ease-in;
	color: #ffffff
}

.button:hover::after {
 	content: "\2192"; 
 	color: #ffffff; 
 	display: inline-block;
	margin-left: 10px;
}

.primary-button, .primary-button:hover {
	background-color: #1d406c;
	color: #ffffff;
}

.invert-button, .invert-button:hover {
	background-color: #F49434;
	color: #ffffff;
}

/*
.purple-button, .purple-button:hover {
	color: #ffffff;
	background-color: #b02a7d;
}
*/

.normal-button {
	padding: 7px 22px 8px 22px; 
	cursor: pointer;
	border-radius: 23px;
	opacity: 0.92;
}

.normal-button:hover {
	opacity: 1;
}

.basic-button {
	padding: 6px 22px 6px 22px; 
	cursor: pointer;
	border-radius: 25px;
	color: #ffffff;
	text-align: center;
	width: 200px;
}

.basic-button:hover { color: #ffffff; }

.orange { background-color: #f68834; }
.orange:hover { background-color: #f68834d6; }

.dark-blue { background-color: #1d406c;  color: #ffffff;}
.dark-blue:hover { background-color: #1d406cd6;  color: #ffffff;}

.purple { background-color: #6a0029; color: #ffffff; }
.purple:hover { background-color: #6a0029db; }

.donate { background-color: #b2b231; color: #ffffff;}
.donate:hover { background-color: #b2b231a3; }
.spacer { margin-left: 0px; }


.link-btn-wrapper {
	display: flex;
	width: 100%;
	margin-bottom: 12px;
}





.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.fullwidth-flex-center {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.background-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* -------------------------------------------------------------- 
	Header & Navigation Styling
-------------------------------------------------------------- */
#header-contact-wrapper {
	background-color: #f68834;
}

#header-contact {
	display: flex;
	justify-content: flex-end;
}

#header-contact a { 
	color: #ffffff;
	padding: 5px 12px 5px 12px;
}

#header-contact a:hover { 
	background-color: #1d406c; 
}

#header-contact a i {
	color: #ffffff;
	margin-right: 6px;
	font-size: 18px;
}

/*
#header-secondary-menu-search-wrapper {
	width: 100%;
	justify-content: center;
	align-items: center;
	position: absolute;
	margin-top: 20px;
	display: flex;
}
*/

/*
.home #header-secondary-menu-search-wrapper {
	display: flex;
}
*/

/*
.home #inner-page-header-search-form {
	display: none;
}
*/

#inner-page-header-search-form {
	display: none;
}

/*
.home #innerpage-search {
	display: none;
}
*/

#innerpage-search {
	display: none;
}


/*
#header-wrapper {
	background-color: #1d406c;
}
*/

#header-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#header-logo-image { 
	display: none; 
}

#header-logo-mobile-image { 
	display: block; 
}



.search-field {
	border: 0;
	height: 38px;
	width: 300px;
	padding-left: 20px;
	padding-right: 20px;
}

/*
.home .search-field {
	width: 300px;
	height: 40px;
	border: 0;
	border-radius: 16px;
	padding-left: 30px;
	padding-right: 30px;
}
*/

.search-field:hover {
	border: 0;
	cursor: pointer;
}

/*
.home .search-field:hover {
	border: 1px solid #f49434;
	cursor: pointer;
}
*/



.search-field::placeholder {
	color: #1d406c;
	text-align: center;
}



/* -------------------------------------------------------------- 
	Homepage Styling
-------------------------------------------------------------- */

.home #desktop-header-nav { 
	width: 100%;
	background-color: transparent;
	height: 115px;
	position: absolute;
	z-index: 9999;
}

#desktop-header-nav { 
	width: 100%;
	background-color: #1d406c;
}

.homepage-banner-text-wrapper {
	width: 95%;
	color: #f1f1f1;
	position: absolute;
	z-index: 999;
	top: 40%;
}

.homepage-banner-text-wrapper h4 {
	margin-bottom: 26px;
}

.banner-guides-wrapper a {
	color: #ffffff;
	font-size: 18px;
	padding-right: 10px;
}

.banner-guides-wrapper a:hover {
	background-color: #152f4f66;
		
}
/*banner custom buttons*/
.header-button-wrapper {
	display: block;
	padding-bottom: 30px;
}

.slider-button-course {
	background-color: #6a0029;
	color: #ffffff;
	padding: 9px 25px 9px 25px;
	border-radius: 20px;
	font-size: 16px;
	margin-right: 20px;
}

.slider-button-course:hover {
	color: #ffffff;
	background-color: #6a0029a3;
}

.slider-button-news {
	background-color: #f68834;
	color: #ffffff;
	padding: 9px 53px 9px 53px;
	border-radius: 20px;
	font-size: 16px;
}

.slider-button-news:hover {
	color: #ffffff;
	background-color: #f49434a3;
}

.header-button-wrapper-course {
	margin-bottom: 28px;
}

/*
#homepage-banner-wrapper {
	height: 300px;
	display: none;
}
*/

.homepage-banner-image-wrapper {
	position: relative;
}

.homepage-banner-image {
	height: 575px;
}

.homepage-banner-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgb(32,73,119);
	background: -webkit-linear-gradient(356deg, rgba(32,73,119,1) 6%, rgba(32,73,112,0.3925945378151261) 100%);
	background: -o-linear-gradient(356deg, rgba(32,73,119,1) 6%, rgba(32,73,112,0.3925945378151261) 100%);
	background: linear-gradient(86deg, rgba(32,73,119,1) 6%, rgba(32,73,112,0.3925945378151261) 100%);
}

/* homepage courses */
#homepage-courses-wrapper {
	padding-top: 50px;
	padding-bottom: 80px;
}

#homepage-courses-wrapper h1 {
	margin-bottom: 30px;
	color: #1d406c;
	font-size: 32px;
}

#homepage-courses-row {
	justify-content: center;
}

.homepage-course-wrapper {
	background-color: #204977;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	color: #ffffff;
	border-radius: 12px;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.homepage-course-wrapper:hover {
	border-bottom: 2px solid #f59233;
	border-right: 2px solid #f59233;
	font-weight: 600;
}

.homepage-course-icon-wrapper {
	display: none;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.homepage-course-icon-wrapper img{
	width: 50px;
}

.homepage-course-icon {
	border: 2px solid #DDDDDD;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
}

.homepage-course-icon:hover {
	border: 2px solid #f49434;
}

.course-button, .course-button:hover {
	background-color: #b02a7d;
	color: #ffffff;
	margin-top: 20px;
}

/*homepage about*/
#home-about-info-wrapper {
	position: relative;
}

#home-about-info-wrapper h2 {
	color: #1d406c;
}

.highlighter {
	color: #f68834;
}

.underline {
	border-bottom: 2px solid #f49434;
}


/*
#underline {
	position: absolute;
	border-bottom: 2px solid #f68834;
	left: 25%;
	top: 11%;
	z-index: 9999;
	width: 145px;
	height: 5px;
	display: none;
}
*/



#home-welcome-image-wrapper {
	position: relative;
	margin-bottom: 40px;
}

#home-welcome-image-back {
	position: absolute;
	left: 0;
	top: 0;
}

#home-welcome-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

#home-welcome-image-wrapper::before {
	content: '';
	padding-top: 65%;
	display: block;
}

#homepage-about-wrapper {
	background-color: #f6f6f6;
	padding-bottom: 80px;
    padding-top: 80px;
}

#homepage-about {
	align-items: center;
}

#homepage-about-wrapper h2 {
	margin-bottom: 30px;
}

.about-button-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}


.about-btn {
	margin-bottom: 20px;
}

#all-news-btn {
	padding-top: 40px;
	padding-bottom: 30px;
	display: flex;
	width: 100%;
	justify-content: center;
}

/*
#homepage-about-text-wrapper {
	padding-left: 5%;
	padding-right: 5%;
}
*/

#home-about-info-wrapper {
	padding-left: 5%;
	padding-right: 5%;
}

.homepage-about-text {
	margin-bottom: 35px;
}

/*
#about-us-image-wrapper {
	position: relative;
	width: 100%;
	height: 80%;
	display: flex;
	flex-wrap: wrap;
}

.about-us-image-backdrop {
	position: absolute;
	background-color: #F49434;
	top: -37px;
	left: 0;
	width: 100%;
	height: 80%;
}

#about-us-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
}

#about-us-image-wrapper::before {
	content: '';
	display: block;
	padding-top: 80%;
}
*/
/*

#spelling-guide a {
	color: #f49434;
}
*/

/*guides and handbooks section*/







#homepage-handbooks-section-wrapper {
	padding-top: 80px;
	padding-bottom: 60px;
	display: none;
}
/*

#homepage-handbooks-section-wrapper h2 {
	margin-bottom: 40px;
	text-align: center;
}

#homepage-handbooks-wrapper {
	margin-bottom: 30px;
	display: none;
}

.homepage-handbook-wrapper {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.homepage-handbook-cover-image {
	height: 200px;
	width: 155px;
	margin: auto;
}

.homepage-handbook-name {
	margin-top: 10px;
	color: #1d406c;
}

.homepage-handbook-name h5 {
	padding-top: 15px;
}

.homepage-handbook-download-link {
	color: #F49434;
	text-decoration: underline;
}

.homepage-handbook-download-link:hover {
	color: #ffffff;
	background-color:#F49434;
	padding: 6px 22px;
	border-radius: 17px;
}

#homepage-handbooks-left-side-image-wrapper {
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}

#homepage-handbooks-left-side-image {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#homepage-handbooks-left-side-image-wrapper::after {
	display: block;
	padding-top: 100%;
}

#mobile-home-handbooks-wrapper {
	display: block;
}

#order-spelling-guide-button {
	display: none;
}
*/

.mobile-home-handbook {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 18px;
}

.mobile-handbook-name {
	display: flex;
	width: 60%;
	flex-wrap: wrap;
	padding-left: 20px;
	position: relative;
}

/* breaker section*/
#homepage-middle-breaker-wrapper {
/*	margin-top: 40px;*/
	background-color: #1d406c;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #ffffff;
}

/*homepage breaker*/
#homepage-breaker-wrapper {
	background-color: #1d406c;
	color: #ffffff;
}

#homepage-breaker {
	padding-top: 50px;
	padding-bottom: 50px;
}

.middle-breaker-button-wrapper {
	margin-top: 30px;
}

/*homepage-description*/

#homepage-description-wrapper {
	background-color: #f6f6f6;
	padding-top: 60px;
	padding-bottom: 60px;
	display: none;
}

/*
#homepage-description-wrapper h2{
	margin-bottom: 30px;
	text-align: center;
}

#homepage-description-text-wrapper {
	margin-left: 5%;
	margin-right: 5%;
	padding-top: 50px;
}

#homepage-description-text-wrapper a {
	margin-top: 30px;
}

#homepage-description-left-image-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width:100%;
}

#homepage-description-left-backdrop {
	position: absolute;
	background-color: #b02a7d;
	width: 110%;
	height: 70%;
	transform: translate(-27px, 78px);
}

#homepage-description-left-image {
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
}

#homepage-description-left-image-wrapper::before {
	content: '';
	display: block;
	padding-top: 65%;
}
*/

/*advertisments - news - announcements*/
#home-news-wrapper {
	padding-top: 80px;
	padding-bottom: 80px;
}

.news-image-wrapper {
	position: relative;	
	height: 150px;
}

.news-image {	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.news-image-wrapper::before {
	content: '';
	padding-top: 100%;
	display: block;
}

.news-image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #204977;
	opacity: 0.5;
	display: none;
}

.news-image-overlay:hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	background-color: #204977;
	opacity: 0;
}

#home-news-wrapper h2 {
	color: #1d406c;
	padding-bottom: 30px;
}

.news-image-text-wrapper a, .news-image-text-wrapper a:hover {
	color: #ff7d00;
	background-color: #f592331a;
}

.news-title {
	font-size: 19px;
	padding-top: 20px;
	color: #152f4f;
	text-transform: capitalize;
	overflow: hidden;
}

.news-image-text-wrapper {
	background-color: #f6f6f6;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f6f6f6;
}

.news-image-text-wrapper:hover {
	border-bottom: 2px solid #f59437;
}

/*
#homepage-add-wrapper {
	padding-top: 60px;
	padding-bottom: 80px;
}
*/

/*
#homepage-add-wrapper h2 {
	margin-bottom: 40px;
}
*/

/*
.add-heading {
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-weight: 700;
}
*/

/*
#ad-page-wrapper {
	padding-bottom: 60px;
}

.add-page-btn {
	color: #f68834;
}

.space-div {
	height: 50px;
}
*/


#important-links-wrapper {
	background-color: #f6f6f6;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-top: 20px;
	display: none;
}

#important-links-wrapper h2 {
	color: #1d406c;
	padding-bottom: 60px;
}

#important-links-downloads a {
	color: #6a0029;
	font-size: 18px;
	padding-bottom: 1px;
}

#important-links-downloads div {
	padding-bottom: 12px;
}


/*
.homepage-announcement-image-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 80%;
}

.homepage-announcement-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.homepage-announcement-image-wrapper::before {
	content: '';
	display: block;
	padding-top: 80%;
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0A192D;
	opacity: 0.8;
	display: none;
}

.overlay-text-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #0a192db3;
	display: none;
}

.overlay-heading {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 15px;
	border-bottom: 1px solid #F49434;
}

.overlay-text {
	font-size: 14px;
	padding-top: 25px;
	margin-left: 13px;
	margin-right: 13px;
	text-align: center;
	display: none;
}

.overlay-text a {
	margin-top: 25px;
	background-color: #F49434;
	padding: 6px 15px;
	color: #ffffff;
	border-radius: 15px;
}
*/
/*

.add-contact {
	display: none;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.add-contact a {
	padding: 6px 22px;
	border-radius: 15px;
}
*/

/*testimonials section*/
#testimonials-wrapper {
	background-color: #f6f6f6;
	padding-top: 60px;
	padding-bottom: 60px;
}

.testimonial-wrapper{
	margin-bottom: 60px;
}

.testimonial-wrapper h2 {
	margin-bottom: 30px;
	color: #6a0029;
}

.testimonial {
	border-left: 4px solid #f68834;
	padding-left: 5%;
	color: #1d406c;
}

i.fas.fa-star {
	color: #f68834;
}
i.fas.fa-angle-double-right {
	color: #b02a7d;
	margin-left:2px;
}

.partners h2 {
	color: #f68834;
}

.partner-logo {
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.partner-logo img{
	width: 250px;
}

/*quick links section*/
/*
#quick-links-wrapper {
	padding-top: 60px;
	padding-bottom: 0px;
	position: relative;
}

#quick-links-wrapper h2{
	margin-bottom: 40px;
}
*/
/*

#quick-link-fb {
	padding-left: 2rem;
	padding-top: 30px;
	padding-bottom: 30px;
	position: absolute;
	top: -12px;
	right: 30px;
}
*/

/*
.quick-links {
	margin-bottom: 25px;
}
*/

.quick-links a {
	margin-right: 10px;
	font-size: 18px;
	color: #1d406c;
} 

.quick-links a:hover {
	 color: #f49434;
	 text-decoration: none;
}

.quick-links ul li {
	padding-bottom: 1px;
}


.quick-links ul {
	list-style-type: none;
	padding-left: 0px;
}

#quick-link-fb {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

/*
.quick-links ul li:hover::before {
  content: "->"; 
  color: #f49434;
  display: inline-block;
  margin-right: 10px;
}
*/

.fab.fa-facebook {
	font-size: 50px;
	color: #204977;
}

.fab.fa-facebook:hover {
	color: #f68834;
}



/*

.donate-button, .donate-button:hover {
	background-color: #1d6c5c;
	color: #ffffff !important;
}
*/

/*#links-wrapper .donate-button { margin-left: 2rem; }*/




#gallary-wrap {
	padding-top: 55px;
	padding-bottom: 80px;
}

#gallary-wrap h2 {
	padding-bottom: 30px;
}


.home-gallary-image-wrapper {
	position: relative;
	height: 90px;
	margin-right: 10px;
}

.home-gallery-image {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.home-gallary-image-wrapper::after {
	content: '';
	display: block;
	padding-top: 100%;
}



/*

.gallery-photo {
	height: 500px;
}

*/




/*

#gallary-heading {
	text-align: center;
	color: #F49434;
	width: 100%;
	font-weight: 700;
	letter-spacing: 3px;
}

#gallary-wrapper{
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}

#gallary-image-wrapper {
	margin: 6px;
}

#mobile-gallary-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	margin-bottom: 30px;
}

#mobile-gallary-wrapper > .tns-item {
	width: 160px !important;
	margin-right: 18px !important;
}
*/


/*

.gallary-img {
	width: 150px;
	height: 150px;
}

.gallary-img {
	position: relative;
	background-position: center center;
	background-size: cover;
}

.gallary-img:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.gallary-img a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
*/
/*

#links-wrapper {
	background-color: #f59233cf;
	padding-top: 30px;
	padding-bottom: 40px;
	position: relative;
}
*/
/*

#links-wrapper h2 {
	padding-left: 2rem;
}
*/

/*footer*/
#footer-wrapper {
	background-color: #1d406c;
	color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
}

#footer-wrapper a, #footer-contact-wrapper p { color: #f0f0f0; }

#footer-wrapper a:hover { color:  #f68834; }

#footer-wrapper h6 { color:  #F49434; }

#footer-logo {
	width: 100px;
}
 
#footer-other-links-wrapper, #footer-contact-wrapper, #footer-logos {
	margin-bottom: 40px;
}

#footer-other-logo-wrapper {
	display: flex;
	padding-top: 30px;
	justify-content: flex-start;
}

#footer-other-logo-wrapper a {
	margin-right: 30px;
}

#copyright-wrapper {
	background-color: #152f4f;
	padding-top: 12px;
	padding-bottom: 12px;
}

.socket {
	font-size: 12px;
	color: #ccd4de;
}

#back-to-top-wrapper { position: relative; }

#back-to-top {
	position: absolute;
	z-index: 999;
	right: 60px;
	bottom: 0;
	width: 45px;
	height: 40px;
	background-color: #152f4f;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fas.fa-angle-up{
	font-size: 30px;
	color: #F49434;
}

.back-strip {
	background-color: #1d406c1c;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 6px;
    margin-bottom: 30px;
}

/* -------------------------------------------------------------- 
	Internal Pages Styling
-------------------------------------------------------------- */
#page-wrapper {
	padding-top: 45px;
	padding-bottom: 50px;
}

#page-wrapper h1 {
	margin-bottom: 30px;
	color: #f68834;
}

/*about page*/
#aboutpage-courses-wrapper h2 {
	color: #152f4f;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*contact page*/
.contact-details {
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 20px;
}

#contact-form-title {
	color: #152f4f;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: center;
	border-bottom: 1px solid #f68834;
}

#contact-details-wrapper {
	padding-bottom: 40px;
}

.nf-form-fields-required {
	color: #f68834;
	font-size: 14px;
}

.nf-field-element{
	width: 100%;
	justify-content: center;
	text-align: center;
}

#nf-field-4 {
	padding: 6px 25px 7px 26px; 
	cursor: pointer;
	border-radius: 25px;
	background-color: #f68834;
	color: #ffffff;
}

.nf-response-msg {
	color: #1d6a46;
}

/*about page*/
#aboutus-wrapper h2 {
	padding-top: 40px;
	padding-bottom: 50px;
}

.aboutpage-course {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	color: #1d406c;
}

.aboutpage-course img {
	width: 40px;
}

.about-course-description {
	margin-left: 40px;
}



#ash-back {
	background-color: #f6f6f6;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 70px;
	opacity: 0.9;
}



/*ik-------------------------------------*/
#aboutpage-vision-wrapper {
	padding-top: 120px;
	padding-bottom: 60px;
}

#aboutpage-vision-wrapper {
	background-color: #1d406c08;
	padding-bottom: 80px;
    padding-top: 60px;
	margin-top: 60px;
}

#our-structure {
	padding-bottom: 80px;
}

#aboutpage-vision, #aboutpage-structure {
	align-items: center;
}

#aboutpage-vision-wrapper h2, #aboutpage-structure-wrapper h2 {
	margin-bottom: 30px;
}

#aboutpage-vision-text-wrapper, #aboutpage-structure-text-wrapper {
	padding-left: 5%;
	padding-right: 5%;
}
/*

.default-image {
	width: 100%;
	height: 250px;
}
*/

/*
#about-vision-image {
	border-left: 10px solid #F49434;
}
*/
/*

#about-structure-image {
	border-right: 10px solid #F49434;
}
*/
/*

#aboutpage-vision-outer-wrapper, #aboutpage-structure-outer-wrapper {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
}
*/

#aboutpage-structure-wrapper {
	padding-top: 100px;
	align-items: center;
	justify-content: center;
}

div#aboutpage-structure-text-wrapper {
	order: 2;
	-webkit-order: 2;
}
	
div#aboutpage-structure-outer-wrapper {
	order: 1;
	-webkit-order: 1;
}

#board-memebers-wrapper {
	padding-top: 30px;
	padding-bottom: 30px; 
}

#board-memebers-wrapper h2, #our-sp-courses-wrapper h2 {
	padding-bottom: 40px;
	color: #1d406c;
}

#members-wrapper {
	padding-top: 60px;
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.member {
	margin: 0 20px 40px 20px;
}

.member-name {
	padding-top: 10px;
	color: #1d406c;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.member-photo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.member-photo:hover {
	border: 2px solid #f68834;
}

.position {
	color: #f68834;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.board-member-breaker {
	background-color: #1d406c;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #ffffff;
}

#mobile-members-wrapper {
	display: block;
	padding-top: 60px;
}

.mobile-member {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f5923330;
}

.mobile-member-photo-wrapper { 
	width: 40%;
}

.mobile-member-detail-wrapper {
	width: 60%;
}

.mobile-member-photo {
	width: 110px;
	height: 110px;
	border-radius: 50%;
}

.mobile-member-name {
	color: #1d406c;
    font-size: 18px;
    font-weight: 500;
}

.mobile-member-position {
	color: #f68834;
    font-size: 18px;
    font-weight: 600;
	text-transform: uppercase;
}

.agmdate {
	color: #f68834;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.agmdate h3 {
	padding: 16px 40px;
	border: 2px solid #f68834;
}

#election-process {
	padding-bottom: 60px;
}

#election-process h2 {
	padding-bottom: 30px;
	color: #1d406c;
}

#election-process h5 {
	color: #f68834;
	text-align: center;
	padding-bottom: 20px;
}

/*
#election-contact-wrapper {
	margin-top: 60px;
	padding: 30px 20px;
	border: 1px solid #f49434;
	background-color: #f494341f;
}
*/

/*
#election-contact {
	color: #1d406c !important;
	width: 100%;
	font-size: 22px;
}
*/

/*
#election-content p {
	padding-bottom: 20px;
}
*/

/*
#election-content p::before {
	content: '\2022';
	color: #f68834;
	font-size: 30px;
	margin: 10px;	
}
*/


#election-contact-inner-wrapper {
	background-color: #1d406c0f;
	padding: 30px 20px;
	border-radius: 20px;
	border: 1px solid #ffffff;
	text-align: center;
	color: #1d406c;
	margin-left: 0px;
}

#election-content ul li {
	padding-bottom: 15px;
}

#election-contact-inner-wrapper h4 {
	color: #b02a7d;
}

#election-contact-inner-wrapper h4 a, #election-contact-inner-wrapper a {
	color: #204977;
}



#community-links-wrapper {
	background-color: #1d406c08;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: -50px;
}

#community-links-wrapper h2 {
	padding-bottom: 50px;
	color: #1d406c;
}



#community-links-wrapper a {
	text-decoration: none;
}

.community-links-buttons {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
	margin-top: 50px;
}

.com-link-gap {
	margin-bottom: 30px;
}

.quick-q-links a {
	color: #1d406c;
}

.quick-q-links a:hover {
	color: #152f4f;
}

/*reconnect page*/
#reconnect-about-wrapper {
	margin-bottom: 50px;
}

.reconnect-benifits h3 {
	margin-top: 50px;
	padding-bottom: 30px;
	color: #f68834;
}

.reconnect-benifits p::before {
	content: '\2022';
	color: #f68834;
	margin-right: 10px;
}

#reconnect-image img {
	width: 310px;
}

#reconnect-team-wrapper {
	margin-top: 80px;
	margin-bottom: 60px;
}

#team-members-wrapper { 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.team-member-wrapper { 
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 40px;
}

.member-image-wrapper {
	display: flex;
	justify-content: center;
}

.member-image {
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

.member-image:hover { border: 1px solid #f68834; }

.member-detail-wrapper { margin-top: 10px; }

.mobile a {
	color: #b02a7d;
	font-size: 19px;
}

#reconnect-contact-wrapper {
	background-color: #1d406c;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
}

.reconnect-contact-wrapper-row {
	align-items: center;
}

.reconnect-contact {
	padding: 16px 0px;
    border: 2px solid #f68834;
	text-align: center;
}

#reconnect-icon-wrapper {
	display: none;
}
	
.reconnect-contact-wrapper-row h2 {
	padding-bottom: 20px;
}

/*join-page*/

#joinpage-sub-menu {
	height: 130px;
	position: relative;
}

#join-submenu-overlay {
	background-color: #1d406ce0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#join-submenu-btn-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: right;
	padding-top: 25px;
}

#join-submenu-btn-wrapper a {
	color: #ffffff;
	font-size: 18px;
	border: none;
	display: block;
	padding: 0px;
	text-decoration: underline;
/*	margin-left: 20px;*/
}
/*

#join-btn-wrapper a {
	margin-right: 0px;
	margin-bottom: 13px;
	display: block;
}
*/

#join-breaker {
	background-color: #1d406c;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
}

#join-contact-btn {
	margin-top: 30px;
}

#join-contact-wrapper {
	margin: 40px 0px 0px 0px;
	border: 1px solid #F49434;
	padding-top: 16px;
	padding-bottom: 16px;
}
#joinpage-contact-btn {
	padding-top: 20px;
}


/*
.advertisment-contact {
	width: 100%;
	text-align: center;
}
*/

/*
#advertisment-contact-wrapper {
	background-color: #1d406c0d;
	padding-bottom: 60px;
	padding-top: 60px;
}
*/

.announce-heading {
	
}

i.fas.fa-check {
	color: #F49434;
	margin-right: 12px;
}

#member-wrapper {
	padding-top: 30px;
	padding-bottom: 75px;
/*	background-color: #fff5ea;*/
}

/*

.vacant-outer-wrapper {
	padding-bottom: 50px;
}
*/


/*---------------------------------------*/
#vvacant-wrapper {
	display: none;
}

#vacant-wrapper {
background: #1d406c08;
background: linear-gradient(180deg, rgba(29,64,108,0.03) 10%, rgba(255,255,255,1) 100%);
	padding-bottom: 60px;
	padding-top: 100px;
}

.vacant-image-wrapper {
	position: relative;	
	height: 215px;
}

.vacant-image {	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.vacant-image-wrapper::before {
	content: '';
	padding-top: 100%;
	display: block;
}

/*
.vacant-image-text-wrapper a, .vacant-image-text-wrapper a:hover {
	color: #ff7d00;
	background-color: #f592331a;
}
*/

.vacant-image-text-wrapper {
	background-color: #152f4f0d;
	padding: 20px 20px 50px 20px;
	height: 400px;
	overflow: hidden;
	margin-bottom: 50px;
}

.vacant-image-text-wrapper h3 {
	font-size: 22px;
	font-weight: 700;
	color: #6a0029;
}

.vacant-image-text-wrapper a {
	margin-right: 20px;
}




#member-wrapper h2 , #volunteer-wrapper h2 , #vacant-wrapper h2 , #selection h2, #vacant-wrapper h2 {
	padding-bottom: 50px;
	color: #1d406c;
}

#member-wrapper h4 , #volunteer-wrapper h4 {
	color: #f68834;
	padding-bottom: 20px;
}

#member-benifits {
	margin-top: 50px;
}

#member-benifits p::before, .volunteer-description p::before {
	content: '\2022';
	color: #f68834;
	margin-right: 10px;
	font-size: 22px;
}

#fee-detail {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #b02a7d;
}

#member-fee-wrapper {
	border: 1px solid #204977;
	border-radius: 25px;
	padding: 40px 30px;
	background-color: #204977;
	color: #ffffff;
	margin-bottom: 20px;
}

#memberfee {
	font-size: 32px !important;
}

#member-fee-wrapper h3 {
	font-size: 28px;
}

#volunteer-wrapper {
/*	margin-top: 40px;*/
	padding-top: 75px;
	background-color: #1d406c08;
}



.volunteer-description {
	padding-top: 40px;
}

.volunteer-description h3 {
	color: #6a0029;
}


#why-volunteering {
	padding-bottom: 55px;
	padding-top: 40px;
}

#why-volunteering p {
	margin-bottom: 0.2rem;
	
}

.image-outer-wrapper {
	position: relative;
}

.inner-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%
}

.image-outer-wrapper::before {
	content: '';
	display: block;
	padding-top: 55%;
}

/*
.image-outer-col {
	margin-top: 60px;
}
*/


#selection {
	padding-top: 80px;
	padding-bottom: 90px;
	text-align: center;
}

#seletion-outer-wrapper {
	justify-content: space-between;
	padding-top: 20px;
}

i.fas.fa-route, i.fas.fa-hourglass-half , i.fas.fa-thumbs-up {
	color: #ffffff;
	font-size: 25px;
}

.idiv-outer {
	display: flex;
	justify-content: center;
}

.idiv {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-color: #1d406c;
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.idiv:hover {
	border: 2px solid #F49434;
}

/*
#vacant-info-wrapper {
	padding-top: 30px;
	display: none;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.vacant-image-outer {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 20px;
}

.vacant-image {
	position: absolute;
	width: 100%;
	height: 100%;
}

.vacant-image-outer::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.vacant-info {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 60px;
}

.vacant-title {
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	background-color: #1d406c;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -25px;
	margin-bottom: 30px;
}
*/

.add-arrow {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding-right: 35px;
	padding-bottom: 20px;
}

.add-arrow i.fas.fa-arrow-right, i.fas.fa-arrow-left {
	color: #F49434;
}

i.fas.fa-arrow-left {
	padding-right: 20px;
}

/*
.join-btn {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}
*/

#mobile-vacant-info-wrapper {
	display: block;
}

/*courses single page*/
.single-course-content-outer-wrapper {
	padding-bottom: 30px;
}

.single-course-content-outer-wrapper p {
	font-size: 15px;
}

.single-course-banner-title {
	padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 5px; 
	color: #f68834;
}

.single-course-sub-titles {
	background-color: #1d406c1c;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 6px;
}

.single-course-content-wrapper {
	margin-bottom: 30px;
}

.enrollbtn {
	padding-top: 30px;
	padding-bottom: 30px;
}

.course-detail-table {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 17px;
	padding-top: 17px;
	border-bottom: 1px solid #f68834
}

.single-course-details-wrapper-right { 
	text-align: center; 
	padding: 30px;
	background-color: #1d406c;
	color: #ffffff;
}

.course-detail-table-left { 
	width: 40%; 
	text-align: left;
}

.course-detail-table-right { 
	width: 60%;
	text-align: left;
}

.course-msg {
	margin-top: 20px;
	color: #f68834;
}

.course-single-enquiry-btn{
	margin-top: 30px;
	margin-bottom: 20px;
}

.details-h{
	color: #F49434; 
	margin-bottom: 20px; 
	margin-top: 10px;
}

.fees-wrapper {
	display: flex;
	width: 100%;
}

.fees-wrapper-left {
	margin-right: 15px;
}

.fees-wrapper-left, .fees-wrapper-right {
	width: 50%;
}

.fee-notice {
	font-size: 13px;
	color: #a7a6a6;
	font-style: italic;	
}

.fees-wrapper-border{
	border-bottom: 1px solid #a7a6a62e;
	margin-bottom: 6px;
	padding-bottom: 5px;
}

#single-course-image { margin-top: 50px; }

.back-to-courses-link-wrapper {
	padding-top: 30px;
}

.back-to-courses-link {
	color: #6a0029;
	cursor: pointer;
	font-weight: 600;
}

.back-to-courses-link:before {
	content: '<< ';
}

.back-to-courses-link:hover {
	color: #1d406c;
}

/*all courses page*/
#all-courses {
	padding-bottom: 50px;
}

#mobile-category-wrapper {	
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.mob-course-cat-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #204977;
	color: #ffffff;
	margin-bottom: 16px;
	padding: 5px 20px;
}

.mob-one-course-cat-icon{
	margin-right: 15px;
	width: 16px;
}

.mob-one-course-cat-icon img { height: 15px; }

#viewall-icon-stylised {
	font-size: 15px;
}

#course-category-wrapper {
	display: none;
}

#one-course-main-intro {
	display: none;
}

.one-course-wrapper {
	margin-bottom: 45px;
}

.one-course-image {
	min-height: 150px;
	max-height: 150px;
}

.one-course-text-wrapper {
	padding: 14px 8px;
	height: 130px;
	background-color: #f494340d;
}



.one-course-text-wrapper h3 {
	height: 53px;
	overflow: hidden;
	font-size: 19px;
	color: #152f4f;
}

.one-course-text-wrapper:hover {
	background-color: #f4943417;
}

.one-course-button-wrapper {
	padding-top: 10px;
}

/*
.one-course-button {
	padding: 7px 22px 8px 22px;
	cursor: pointer;
	background-color: #b02a7d;
	color: #ffffff;
}
*/

/*
.one-course-button:hover{
	color: #ffffff;
}
*/

.one-course-cat-icon-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}

.one-course-cat-name {
	font-size: 15px;
	font-weight: 600;
	color: #204977;
	text-align: center;
}

.one-course-cat-name:hover {
	color: #f59233;
}

.one-course-cat-wrapper {
	margin-right: 20px;
	margin-left: 20px;
}

.one-course-cat-icon {
	display: flex;
	width: 65px;
	height: 65px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background-color: #204977;
}

.one-course-cat-icon img {
	width: 38px;
	height: 38px;
}

.one-course-cat-icon:hover {
	border-color: #f59233;
}

.view-all-cat-wrapper {
	margin-right: 20px;
}

.fas.fa-compress-arrows-alt {
	font-size: 27px;
	color: #f3f6f9;
}

/*enrollment form*/
#enroll-form-header {
	margin-bottom: 30px;
	margin-top: 30px;
}

#enroll-form-header h1 {
	margin-bottom: 0px;
}

#enroll-form-wrapper {
	border: 1px solid #c4c4c4;
	padding: 50px 37px;
}

#enroll-form-wrapper .nf-form-fields-required {
	display: none;
}

#enroll-form-wrapper .nf-form-content input[type=button], #enroll-form-wrapper .nf-form-content input[type=button]:hover  {
	background-color: #6a0029 !important;
	color: #ffffff;
	padding: 7px 22px 8px 22px;
	border-radius: 30px;
}

#enroll-form-wrapper .nf-response-msg {
	color: #b02a7d;
	font-size: 18px;
	display: flex;
}

/*spelling guide page*/
#spelling-about-wrapper {
	padding-bottom: 50px;
}

#spelling-guide-image {
	display: flex;
	justify-content: center;
}

#spelling-guide-image img {
	width: 400px;
}

#spelling-details-wrapper {
	padding-bottom: 80px;
}

#spelling-details-wrapper h3 {
	background-color: #1d406c1c;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 6px;
	margin-bottom: 30px;
}

#spelling-details-wrapper h4 {
	color: #d63384;
    padding-bottom: 6px;
}

.spelling-guide-content, .common-complains {
	padding-bottom: 50px;
}

.fas.fa-check-circle {
	margin-right: 10px;
	color: #01989b;
}

.fas.fa-question-circle {
	margin-right: 10px;
	color: #f68834;
}

#spelling-guide-by {
	padding-top: 20px;
	padding-bottom: 5px;
}

#spelling-price-outer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

#spelling-price {
	font-size: 30px;
	padding: 10px 15px;
	border: 2px solid #00aaad;
	background-color: #00aaad0f;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted red;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #f68834;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 13px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#spelling-details-wrapper a {
	color: #f68834;
}

#order-btn { 
	display: flex;
	justify-content: center;
	
}

#order-btn a { color: #ffffff !important; }

#donate-about-wrapper, #donate-details-wrapper {
	padding-bottom: 50px;
}

#donate-details-wrapper a {
	color: #ffffff;
}

.donate-space {
	padding-bottom: 30px;
}

.number-space li {
	padding-left: 5px;
	padding-bottom: 12px;
}

#error-page-form {
	padding-top: 50px;
	padding-bottom: 50px;
}

#error-page-form .search-field {
	background-color: #1d406c1c;
}

#error-page-form .search-field::placeholder {
	color: #1d406c;
	text-align: left;
	padding-left: 10px;
}

#error-page-form .search-submit {
	color: #ffffff;
	background-color: #f68834;
	border: none;
	padding: 5px 20px;	
}

#contact-picture {
	width: 75%;
	height: 400px;
	display: none;
}

/* -------------------------------------------------------------- 
	Mobile First Media Queries
-------------------------------------------------------------- */
@media all and (min-width:576px) {
	
	#homepage-description-left-backdrop {
		width: 110%;
		height: 70%;
		transform: translate(-30px, 89px);
	}
	
	.one-course-image {
		min-height: 180px;
		max-height: 180px;
	}
	
	.about-btn {
		margin-bottom: 0px;
	}


}

@media all and (min-width:768px) {
	
	#innerpage-search {
		display: block;
	}

	.homepage-course-icon-wrapper {
		display: flex;
	}
	
	#header-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#header-contact a { 
		color: #ffffff;
		padding: 7px 20px 7px 20px;
	}
	
	#homepage-handbooks-wrapper {
		display: flex;
	}
	
	.home-gallary-image-wrapper {
		height: 120px;
		margin-right: 12px;
	}
	


	
/*
	#homepage-description-wrapper {
		padding-top: 100px;
		padding-bottom: 60px;
	}
*/
/*
	
	.homepage-announcement-image-wrapper {
		width: 100%;
		height: 100%;
	}

	.homepage-announcement-image {
		width: 100%;
		height: 100%;
	}

	.homepage-announcement-image-wrapper::before {
		padding-top: 100%;
	}
	
	.overlay-heading {
		font-size: 18px;
		padding-top: 25px;
	}
*/
	
/*
	.add-contact {
		display: flex;
	}
*/
	
	.homepage-vision {
		width: 50%;
	}
	
/*
	#homepage-add-col {
		padding-bottom: 30px;
	}
	
*/
	#footer-logo-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#footer-other-links-wrapper, #footer-contact-wrapper, #footer-logos {
		margin-bottom: 0;
	}
	
	#footer-other-logo-wrapper {
		justify-content: flex-start;
		align-items: center;
	}
	

	
/*
	.overlay-text {
		display: block;
	}
*/
	
	.contact-details {
		display: flex;
	}
	.contact-detail-title {
		width: 25%;
		margin-right: 20px;
	}

	.nf-field-element{
		width: 100%;
		display: flex;
	}
	
	.default-image {
		width: 100%;
		height: 300px;
	}
	
	
	#members-wrapper {
		display: flex;
	}
	
	#mobile-members-wrapper {
		display: none;
	}
	
	#join-btn-wrapper {
		display: flex;
	}
	
/*
	#join-btn-wrapper a {
		margin-right: 25px;
		margin-bottom: 0px;
	}
*/
	
	
	.vacant-image-text-wrapper {
	height: 300px;
	overflow: hidden;
	margin-bottom: 30px;
}
	
	.vacant-image-wrapper {
		height: 350px;
	}


	
/*
	#join-header-buttons-wrapper{
		width: 100%;
		display: flex;
		justify-content: right;
		align-items: center;
		flex-wrap: wrap;
	}
*/
/*
	
	.join-btn {
		margin-right: 20px;
		margin-left: 20px;
	}
*/
	
	.advertisment-contact {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	
	.advertisment-contact a {
		margin-left: 40px;
	}

	.course-cat {
		font-size: 17px;
		color: #f68834;
		padding: 7px 12px;
		margin-right: 20px;
		font-weight: 500;
		border: 1px solid;
		margin-bottom: 20px;
		background-color: transparent;
		width: auto;
	}
	
		
	

}

@media all and (min-width:992px) {
	h1 { font-size: 48px; }
	h2 { font-size: 35px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 19px; }
	h6 { font-size: 18px; }
	p  { font-size: 16px;}
	.home h4 { font-size: 56px; }
	a, a:hover { text-decoration: none; }
	
	.button { 
		padding: 9px 27px 9px 27px;
		font-size: 19px;
	}
	
	
	

	#header-logo-image { display: block; }
	
	#header-logo-mobile-image { display: none; }
	
/*
	#header-secondary-menu-search-wrapper {
		justify-content: flex-end;
		right: 122px;
		display: none;
	}
*/
/*
	
	#homepage-banner-wrapper {
		height: 420px;
	}
*/
	
	.homepage-banner-image {
		height: 650px;
	}
	
	.homepage-banner-text-wrapper {
		width: 65%;
	}

	.home .search-field {
		width: 400px;
	}
	
	.header-button-wrapper {
		display: flex;
	}
	
	.header-button-wrapper-course {
		margin-bottom: 0px;
	}

	.slider-button-course {
		font-size: 20px;
		margin-right: 20px;
	}

	.slider-button-news {
		font-size: 20px;
		padding: 9px 61px 9px 62px;
	}
	
	.banner-guides-wrapper a {
		font-size: 20px;
		padding-right: 15px;
	}


	
	#homepage-courses-wrapper h1 {
		margin-bottom: 40px;
		font-size: 35px;
	}
	

	
	.homepage-course-wrapper {
		padding-top: 28px;
		padding-bottom: 28px;
		margin-bottom: 28px;
	}
	
	#homepage-about-wrapper {
		padding-bottom: 100px;
		padding-top: 100px;
	}
	
/*
	#homepage-about-wrapper h2 {
		font-size: 35px;
	}
*/
	
	#underline {
		display: block;
	}
	
	.about-button-wrapper {
		display: flex;
		flex-wrap: nowrap;
	}
	 
	.spacer {
		margin-left: 20px;
	}
	
	

	
	
	

/*
	
	#about-us-image-outer-wrapper {
		padding: 8%;
	}
	
	#about-us-image {
		height: 100%;
	}
	
	.about-us-image-backdrop {
		top: -37px;
		left: 75px;
		width: 100%;
		height: 95%;
	}
*/
	
/*
	div#homepage-about-text-wrapper {
		order: 1;
		-webkit-order: 1;
	}
	
	
	
*/
	#home-welcome-image {
		width: 75%;
		height: 100%;
	}
	
	#home-welcome-image-wrapper {
		margin-bottom: 0px;
	}

	div#home-about-info-wrapper {
		order: 1;
		-webkit-order: 1;
	}
	
	div#about-us-image-outer-wrapper {
		order: 2;
		-webkit-order: 2;
	}
	
	
/*
	div#about-us-image-outer-wrapper {
		order: 2;
		-webkit-order: 2;
	}
*/
	
	#homepage-handbooks-section-wrapper {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	#homepage-handbooks-left-side-image-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#mobile-home-handbooks-wrapper {
		display: none;
	}
	
	#order-spelling-guide-button {
		display: flex;
	}
		
	.middle-breaker-button-wrapper {
		margin-top: 0;
	}
	
		
	#home-news-wrapper {
		padding-top: 100px;
		padding-bottom: 85px;
	}
	
	.news-image-wrapper {
		
		height: 250px;
	}
	
	.news-image-text-wrapper {
		margin-bottom: 0px;		
	}
	
	.news-image-overlay {
		display: block;
	}


	
	
/*
	
	#homepage-description-wrapper {
		padding-top: 160px;
	}
	
	#homepage-description-wrapper h2{
		font-size: 35px;
	}
	
	#homepage-description-text-wrapper {
		padding-top: 0px;
	}
	
	#homepage-description-left-backdrop {
		width: 90%;
		height: 80%;
		transform: translate(-25px, 88px);
	}
*/
	#gallary-wrap {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	
	.testimonials-wrapper {
		padding-right: 5%;
	}
	
	.home-gallary-image-wrapper {
		height: 175px;
		margin-right: 15px;
	}
	
	
	#testimonials-wrapper {
		padding-top: 80px;
		padding-bottom: 25px;
	}
	

/*
	
	#gallary-wrapper{
		display: flex;
	}
	
	
	.gallary-img {
		width: 200px;
		height: 200px;
	}
*/
/*
	#mobile-gallary-wrapper{
		display: none;
	}
*/
	
/*
	#quick-links-fb-icon {
		font-size: 25px;
	}
*/
	
	#footer-logo {
		width: 120px;
	}
	
	#copyright {
		display: flex;
		justify-content: space-between;
	}
	
	/*-------------------------*/
	/*Internal pages*/
	/*-------------------------*/
	
	/*about page*/
	
	

	
	#aboutpage-courses-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 50px;
	}
	
	.aboutpage-course {
		display: block;
		padding: 30px;
		margin-left: 15px;
		margin-right: 15px;
		border: 2px solid orange;
	}

	.about-course-icon-wrapper {
		margin-bottom: 20px;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	
	.aboutpage-course img {
		width: 40px;
	}

	.about-course-description {
		margin-left: 0;
		padding-top: 30px;
		text-align: center;
	}
	
	.default-image {
		width: 90%;
		height: 400px;
		margin: 0 auto;
	}
	
	div#aboutpage-structure-text-wrapper {
		order: 1;
		-webkit-order: 1;
	}

	div#aboutpage-structure-outer-wrapper {
		order: 2;
		-webkit-order: 2;
	}
	
	.community-links {
		padding-left: 45px;
	}
	
	/*	reconnect*/
	.member-image {
		width: 250px;
		height: 250px;
	}
	
	#fee-detail {
		width: 50%;
	}
	.team-member-wrapper {
		margin-bottom: 0;
	}
	
	#reconnect-icon-wrapper {
		display: block;
		padding-bottom: 60px;
	}
	#reconnect-icon-strip {
		width: 100%;
		height: 100px;
	}
	
	#reconnect-image {
		width: 300px;
		margin: auto;
		margin-top: -40px;
	}
	

	
	#reconnect-about-wrapper {
		margin-bottom: 80px;
	}
	
	
	.reconnect-benifits h3 {
		margin-top: 0;
	}
	
	.reconnect-contact-wrapper-row h2 {
		padding-bottom: 0;
	}
	


	#join-contact-wrapper {
		margin: 0px 50px 0px 50px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	

/*
	
	#joinpage-header-section {
		display: flex;
	}
	
*/
	#mobile-vacant-info-wrapper {
		display: none;
	}
	
	.single-course-detail-right-col {
		padding-left: 8%;
	}
	
	#seletion-outer-wrapper {
		display: flex;
	}
	
	.selection-wrapper {
		width: 28%;
	}
	
	#vol-first-outer {
		margin-top: 60px;
		margin-bottom: 60px;
	}

/*
	#quick-links-wrapper {
		padding-bottom: 80px;
	}
*/
	
	#contact-details-wrapper {
		padding-bottom: 0px;
	}
	
	#contact-picture {
		display: block;
	}
		#vacant-info-wrapper {
		display: flex;
	}
/*	dsfdgjdgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/
	#course-category-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 55px;
	}
	
	#all-courses {
		padding-top: 25px;
	}

	#mobile-category-wrapper { display: none; }

	#one-course-main-intro { display: block; }
	
	.one-course-wrapper {
		margin-bottom: 60px;
	}
	
	.one-course-text-wrapper {
		height: 156px;
	}
	
	.one-course-text-wrapper h3 {
		height: 75px;
	}
	
	.quick-links ul li {
		padding-bottom: 12px;
	}
	
	#election-process h2 {
		padding-bottom: 60px;
	}
	
	#election-contact-inner-wrapper {
		margin-left: 5%;
	}
	
	#important-links-downloads a {
		padding-bottom: 12px;
	}
	
	#important-links-wrapper {
		display: block;
	}
	
	#join-submenu-btn-wrapper a {
		color: #f49434;
		font-size: 18px;
		border: 1px solid #f49434;
		margin-left: 20px;
		display: inline;
		padding: 6px 22px 6px 22px;
		text-decoration: none;
	}
	
	#join-submenu-btn-wrapper a:hover {
		color: #f0f0f0;
		border: 1px solid #f0f0f0;
	}
	
	#joinpage-sub-menu {
		height: 80px;
	}
	
	#member-wrapper {
		padding-top: 70px;
	}


}

@media all and (min-width:1200px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size: 20px;
	}
	
	.homepage-banner-image {
		height: 825px;
	}
	
/*
	#homepage-banner-wrapper {
		height: 500px;
	}
*/
	
	.home-gallary-image-wrapper {
		height: 260px;
		margin-right: 22px;
	}
	

	
/*
	#header-secondary-menu-search-wrapper {
		right: 143px;
	}
*/


	
/*
	#homepage-add-wrapper {
		padding-top: 100px;
		padding-bottom: 80px;
		
	}
*/
	

	
/*
	.overlay-heading {
		font-size: 20px;
		padding-top: 30px;
	}

	.overlay-text {
		font-size: 15px;
		padding-top: 30px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.overlay-text a {
		margin-top: 30px;
		padding: 6px 15px;
		border-radius: 15px;
	}
	
	.overlay-text p:last-child {
		margin-top: 30px;
	}
*/
	
	.one-course-text-wrapper {
		height: 130px;
	}
	
	.one-course-text-wrapper h3 {
		height: 53px;
	}


}

/* -------------------------------------------------------------- 
	End Mobile First Media Queries
-------------------------------------------------------------- */