/* Homepage */

div.mce_inline_error {
	color: red;
}

.text-success {
		color: white;
  }

div#mce-responses div#mce-success-response.response.text-success {
    color: white!important;
}

section#main-content h2 {
font-family: 'Franklin Gothic Demi';
}

section#main-content h4 {
    font-family: 'Franklin Gothic Demi';
}

section#main-content .help-give-hope h1 {
    font-family: 'Franklin Gothic';
    font-weight: 900;
}

section#main-content .intro h1 {
    font-family: 'Franklin Gothic Demi';
}

section#main-content .intro h3 {
    font-family: 'Franklin Gothic Demi';
}

section#main-content .help-give-hope h4 {
    font-family: 'Franklin Gothic Book';
}

section#main-content h5 {
font-family: 'Franklin Gothic Demi';
}

section#main-content h6 {
font-family: 'Franklin Gothic Demi';
}

section#gnn-location-map .mapouter {
  height:500px!important;
  padding-bottom: 500px;
}

section#gnn-location-map .gmap_canvas {
  height:500px!important;
}
/* .gmap_canvas {overflow:hidden;background:none!important;height:500px;width:1140px; */

/*.navbar {*/
    /*height: 100px;*/
/*}*/

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
    border:none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.75rem;
}

footer .nav-link {
    padding-left: 0.75rem;
}

section#intro h1, section#intro h3 {
    font-family: 'Franklin Gothic Demi';
}
section#newsletter-signup h6 {
font-weight: 700;
}

section#updates-funding-expertise h5, section#help-give-hope h5, section#gnn-contact-details h6 {
    font-family: 'Franklin Gothic Demi';
    text-transform: uppercase;
}


section#gnn-contact-details h5 {
    font-family: 'Franklin Gothic Demi';
}

section#donate h4 {
    font-family: 'Franklin Gothic Demi';
    /*font-weight: 500;*/
}

section#help-give-hope .hgh-block h1 {
    font-family: 'Franklin Gothic';
    font-weight: 900;
}
section#help-give-hope .hgh-block h4 {
    text-transform: uppercase;
}

section#newsletter-signup h6, section#newsletter-signup p {
color:white;
}



/* Get Training */

section#page-title h1 {
  font-family: 'Franklin Gothic Demi';
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}

section#newsletter-signup h6 {
  font-family: 'Franklin Gothic Demi';
  text-transform: uppercase;
}

section#module-preview h5 {
  font-family: 'Franklin Gothic Demi';
}

section#get-training-intro h4{
  font-family: 'Franklin Gothic Demi';
  text-transform: uppercase;
}

section#module-signup h4{
  font-family: 'Franklin Gothic Demi';
}

section#newsletter-signup .btn {
  border-top-left-radius: 0;
border-bottom-left-radius: 0;
}



.fa-chevron-left, .fa-chevron-right {
  font-size: 30px;
}

div.module-sign-in h2 {
	font-size: 1.5rem;
}














/* Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
	section#newsletter-signup .input-group {
	  width: 80%;
	}
	div.module-sign-in h2 {
		font-size: 2rem;
	}
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
	section#newsletter-signup .input-group {
	  width: 60%;
	}
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
	section#newsletter-signup .input-group {
	  width: 90%;
	}
section#main-content div.certificate-of-completion-payment img {
	width:200px!important;
}

}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {



	section#newsletter-signup .input-group {
		width: 75%;
	}

	section#newsletter-signup div.row {
		text-align: left!important;
	}

	section#newsletter-signup div.form-group {
		justify-content: left!important;
			}

	/* Footer */

	footer div.footer-logo {
		justify-content: left!important;
			}

	footer .nav {
		justify-content: right!important;
	}

	footer p.copyright {
		text-align: right!important;
	}

	footer div.social-icons {
		justify-content: right!important;
	}

	footer .tw-ic {
		margin-right: 0px!important;
	}

}

/* GLOBAL */

body {

}