/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: 'Boston-Regular', 'Helvetica', sans-serif;
	font-size: 62.5%;
	line-height: 1.25;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 2rem;
}

article,
aside,
footer,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin: 25px 0;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	color: inherit;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
	color: #2F586E;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}




/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Standards
--------------------------------------------------------------*/
body {
	font-family: "Boston-Regular", Helvetica, sans-serif;
}

/* a {
	color: inherit;
	font-size: 1.2vw;
} */

a:hover{
	color: #2497c4;

}

label {
	margin-bottom: .25rem;
}

input{
	margin-bottom: 15px;
	width: 100%;
}

input[type=submit]{
	width: initial;
}

.row{
	margin: 0;
}

.nf-form-fields-required {
	margin-bottom: 25px;
}

.nf-form-content {
	max-width: 100% !important;
}

.nf-form-layout{
	padding: 25px;
	background-color: #DEDEDE;
}

.nf-form-content label {
	line-height: 1.7vw !important;
}

.nf-field-label label, .nf-form-fields-required{
	font-size: 14px !important;
}


/*--------------------------------------------------------------
4.0 Global Classes
--------------------------------------------------------------*/
.section-container {
	padding: 5vw 12vw;
}

.mncga-btn {
border: solid white 1px;
	color: white;
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 5px;
	margin-right: 1.56vw;
}

.mncga-btn a:hover {
	color: inherit;
}

.dk-blue{
	background-color: #11567D;
	color: white;
}

.lt-blue{
	background-color: #2497C4;
	color: white;
}

.green{
	background-color: #B1C92E;
	color: white;
}

.gray{
	background-color: #EFEFEF;
}

.inverse {
	color: white;
}

.flex{
	display: inline-flex;
}

div.wpforms-container-full{
	width: 100% !important;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
h1{
	color: #2497C4;
	font-family: "Boston-Light", Helvetica, sans-serif;
	font-size: 2.4vw;
}

h2{
	font-family: "Boston-SemiBold", Helvetica, sans-serif;
	font-size: 1.2vw;
	color: #11567D;
	margin-bottom: 1rem;
}

h3{

}

h4{

}

h5{

}

p, ul, ol, a, button{
	font-size: 1.2vw;
}

p, ul, ol{
	margin-bottom: 1.68vw;
}

button {
	margin-bottom: 0;
}

p ~ ul{
	margin-top: -1.32vw;
}

.panel p{
	margin-bottom: .6vw;
	margin-top: .6vw;
}

#footer p, #footer a{
	font-size: .84vw;
}

#footer div{
	padding: 0;
}

/*--------------------------------------------------------------
6.0 Mobile Nav
--------------------------------------------------------------*/
.mobile-nav-menu-icon{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 5;
}

#menu-mobile-menu{
	padding-left: 0;
}

.btnToggle {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 32px;
    height: 5px;
    background-color: #11567D;
    margin: 6px 0;
    transition: 0.4s;
}

.open .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.open .bar2 {opacity: 0;}

.open .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s;
}


.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/
.menu {
	list-style-type: none;
}

.menu a{
	color: #11567D;
}

.menu a:hover{
	color: #2497C4
}

.current-menu-item a{
	color: #2497C4;
	font-family: 'Boston-Bold', 'Helvetica-Bold', sans-serif;
}

.menu-main-navigation-container {
	float: right;
}
#menu-main-navigation{
	padding: 0;
}

#menu-main-navigation li{
	display: inline-block;
	margin-left: 20px;
}

.page-margins {
	padding: 20px 150px;
}

#header-logo img {
	/*max-height: 75px;*/
	width: 100%;
	height: auto;

}

/*--------------------------------------------------------------
7.0 Intro Widget
--------------------------------------------------------------*/

.page-id-216 #sidebar-intro.section-container{
	padding-bottom: 25px;
}


/*--------------------------------------------------------------
8.0 Hero Widget
--------------------------------------------------------------*/
#sidebar-hero{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 35vw;

}

#sidebar-hero .widget{
	max-width: 60%;
}

#dpmeetings h1{
	color: white;
}

.page-id-12 #sidebar-hero .widget{
	max-width: 60%
}

.page-id-15 #sidebar-hero {
	background-size: cover;
}

.page-id-576 #sidebar-hero {
	background-size: cover;
}

.banner{
	background-image: url(http://mncgastg.wpenginepowered.com/wp-content/uploads/Announcement-Banner-bg-scaled.jpg);
	background-size: cover;
	max-width: 100% !important;
/* 	height: 250px; */
	margin-bottom: 75px;
	width: auto;
}

.gsoc-web-banner{
	display: flex;
/* 	height: 100%; */
	padding: 0;
	margin:0;
}

.gsoc-web-banner .col-6{
	margin: 0;
	padding: 0;
	display: flex;
	padding: 25px;
}

.copy{
	color: white;
	max-width: 50%;
	padding: 50px !important;
	align-content: center;
}

.copy p{
	font-size: 3rem;
	line-height: 1.25;
}

.image-contain{
	align-items: end;
	justify-content: end;
}

.banner-img{
/* 	height: 150px; */
	width: 100%;
	padding: 25px;
}

#new-gsoc-website{
	display: flex;
	justify-content: stretch;
}

}

/*--------------------------------------------------------------
9.0 Feature Widget
--------------------------------------------------------------*/

.resource-videos{
	display: inline-flex;
}

.membership{
	display: inline-flex;
}

.page-id-19 img{
	max-width: 100%;
}



/*--------------------------------------------------------------
10.0 Main Page Content
--------------------------------------------------------------*/

.home .main-body {
	display: none;
}

.page-id-216 .main-body {
	display: none;
}

/*--------------------------------------------------------------
11.0 Bonus Widget
--------------------------------------------------------------*/

#gallery-1 img{

	height: auto;
	max-height: 200px;
	max-width: 100%;
	width: auto;
	border: 0px solid black !important;
	padding: .75vw;

}

.page-id-12 #sidebar-bonus .section-container {
	padding-top: 0px;
}
/*--------------------------------------------------------------
12.0 Contact Widget
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.0 Footer Widget
--------------------------------------------------------------*/
footer ul{
	list-style-type: none;
	padding-inline-start: 1vw;
}

footer li{
	line-height: 1vw;
}

.footer-links{

}