/*
Theme Name: GBM International
Theme URI: http://gbmi.co.za/themetest
Author: John Peter Crause
Author URI: http://johncrause.com
Description: The official GBM International website theme. A custom theme for all GBM websites, including schools and personal websites.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu
Text Domain: gbminternational

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*Adjust theme color:*/
/*Search for - Theme Color Here */


/* :root { */
/*
	--theme-color: #248db8;
	--secondary-color: #248db8;
	--header-bg: white;
	--menu-bg: white;
	--submenu-bg: white;
	--bg-color: #248db8;
*/
/* } */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
    margin: 0px;
	
}

/* main {
	
} */

header {
	z-index: 1;
	position:relative;
	box-shadow: 0px 0px 2px 1px lightgrey;
	background-color: white;
}


/* Basic Theme Settings*/

h1 {
    color: steelblue;
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h2
{
	color:#913809;
	font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h3
{
	color:#2e899e;
	font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h4
{
	color:#2e899e;
	font-size:15pt;
	font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


a {
    color: #212529;
}

p {
	font-size: 17px;
}

/*Custom Use Styles*/

.linkstyle {
	text-decoration: none;
	color: #444;
}

.font-italic {
	font-style: italic;
}

.single-column {
	padding: 1em 1.5em 1em 1.5em;
	background-color: white;
}

.side-column {
	padding: 1em 1.5em 1em 1.5em;
	background-color: white;
}

.bloglink a {
	text-decoration: none;
}


.bloglink a:hover h2 {
/*	Theme Color Here*/
	color: #108adb;
/*  color: var(--theme-color);*/
  transition: all 0.2s ease 0s;
}

.cookie-notice {
	z-index: 1;
	position: absolute;
    bottom: 0;
    width: 100%;
	background-color:white;
}

.unstyled-link {
	color: white; 
	text-decoration: none;
}

.unstyled-link:hover {
	color: lightgrey; 
}


/* BOTTOM NAVBAR FORMATTING*/

.navbar-nav a{
      color: black;
 }

.navbar-nav a:hover{
	/*	Theme Color Here */
	color: #108adb;
/*      color: var(--theme-color);*/
      border: 0px;
      text-decoration: none;
 }
 
footer .list-group-item {
	border: none;
/*	border-bottom: solid 1px lightgrey;*/
	padding: 1px;
}

.single-column .list-group {
    z-index: 2;
    margin:0px;
}

.single-column .list-group-item {
/*	padding:1em;*/
    margin-bottom: 0.5em;
	border: none;
	box-shadow: 1px 1px 3px 1px lightgrey;
    background: #F9F9F9;
    display: block;
    color: #666;
	font-size: 16px;
    font-family: 'Nunito', sans-serif;
	
}

.single-column .list-group-item:hover {
    
	/*	Theme Color Here*/
	background: #108adb;
/*	background: var(--theme-color);*/
    color: white;
}

.single-column .list-group-item-warning{
    
    background: white;
    color: lightgrey;
}

.single-column .list-group-item-primary{
	
    /*	Theme Color Here*/
	background: #108adb;
/*  background: var(--theme-color);*/
/*	background: steelblue;*/
    color: white;
}



/* NAVBAR FORMATTING*/
#top-navbar {
    background-color: white;
/*	background-color: rgb(250, 250, 250);*/
/*	box-shadow: 0px 1px 2px 1px lightgrey;*/
/*	border-bottom: 1px solid grey;*/
}

#top-right-navbar .nav-link {
/*    background-color: lightgrey;*/
	padding: 0.5em;
	margin:0;
}

img {
    max-width: 100%;
}

a img:hover{
	opacity: 80%;
}

#navbarNav a {
	font-size: 1.2em;
}

#second-nav {
    padding: 0px;
    font-size: 16px;
/*	background-color: #e31c12; */
}

#bottom-nav {
    font-size: 14px;
    color: white;
}

#bottom-nav:hover {
    color: rgb(161, 161, 161);
}


/* UNIQUE */

#card-sidebar {
    border: 0px;
}



/* LOGIN PAGE */

.login-page {
  height: 100vh;
}

.login-page {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*SIDEBAR FORMATTING*/

.widget-area {
	
	background-color: white;
	padding: 1em;
	
}

.widget-area div ul {
	list-style: none;
	padding: 0;
	margin:1em;
}


/* FOOTER FORMATTING */

.footer-text {
    font-size: 14px;
    color:white;
    line-height: 2rem;
}

#footer-base {
	/*	Theme Color Here*/
	background-color: #108adb;
/*	background-color: var(--theme-color);*/
}

footer {
	/*	Theme Color Here*/
	border-top: 5px solid #108adb;
/*	border-top: 5px solid var(--theme-color);*/
	background-color: white;
/*	background-color: rgb(250, 250, 250);*/
}

.wp-post-image {
	width: 75%;
}

#hr-thick{
    opacity: 100%;
    border: 1.5px solid black; 
    border-radius: 5px;
}

.bg-main {
		padding:0px;
		background-color: #f5f5f5;;
	}

/*Media Queries*/

@media screen and (min-width: 768px) {

	.container-box {
	padding: 1em 2em 1em 2em;
}
	
	.single-column {
	box-shadow: 0px 0px 3px 1px lightgrey;
	padding: 1em 3em 2em 3em;
}
	.widget-area {
	box-shadow: 0px 0px 3px 1px lightgrey;
}
	.bg-main {
		padding: 1.5em 2em 2em 2em;
		background-color: #f5f5f5;;
	}
}

@media screen and (max-width: 768px) {
    
	footer button {
        margin-top: 1em;
    }
    footer .col-md-4 {
        border-bottom: 1px solid #ddd;
        padding: 20px 10px;
    
}
	
	}

/*OLD CARRYOVER STYLES*/




/*SCROLL BUTTON STYLE*/

.topbutton {
     height:50px;
     width:50px;
     position:fixed;
     right:1em;
     bottom:1em;
     Z-index:2;
/*     background-image:url("http://example.com/wp-content/uploads/2015/01/topbutton.png");*/
     background-repeat:no-repeat;
     display:none;
}