/*
 Theme Name:   MGB Portal Theme
 Description:  Branding-approved theme for use in affiliate event portals
 Author:       John Hume
 Author URI:   http://sjconsulting.us
 Template:     partners_base
 Version:      1.0.9
 Text Domain:  partners
*/

body {
    color: black;
    font-family: Roboto, Calibri, Helvetica, serif;
    font-size: 20px;
}
a {
	cursor: pointer;
}
.site-content a {
    color: #003a96;
}
.block-wysiwyg a {
  padding-bottom: 1.05em;
}
.block-wysiwyg a:focus,
.block-wysiwyg a:hover {
  border-bottom-width: 1px;
  box-shadow: none;
}
.site-content a:hover {
    text-decoration: underline;
}
h2 a,
h3 a,
h4 a {
  border: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab", serif;
    text-align: left;
    text-transform: none;
    font-weight: normal;
}
h1 {
    font-size: 70px;
    line-height: 1.3;
    margin: 25px 0;
    font-weight: 300;
}
h2 {
    font-size: 42px;
    line-height: 1.3;
    margin: 22px 0;
    font-weight: 300;
}
h3 {
    font-family: "Roboto", sans-serif;
    font-size: 32px;
    line-height: 1.3;
    margin: 20px 0;
}
h4 {
    font-size: 28px;
    line-height: 1.3;
    margin: 17px 0;
    font-weight: 300;
}
h5 {
    font-size: 26px;
    line-height: 1.3;
    margin: 15px 0;
    font-weight: 300;
}
h6 {
    font-size: 24px;
    line-height: 1.3;
    margin: 13px 0;
    font-weight: 300;
}
@media(max-width: 767px) {
    h1 {
        font-size: 38px;
        font-weight: 300;
    }
    .entry-title {
        font-size: 44px;
    }
    h2 {
        font-size: 38px;
        font-weight: 300;
    }
    h3 {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
    }
    h4 {
        font-size: 26px;
        font-weight: 300;
    }
    h5 {
        font-size: 25px;
        font-weight: 300;
    }
    h6 {
        font-size: 23px;
        font-weight: 300;
    }
}

.items-center {
  align-items: center;
}

.site-content .block-wysiwyg ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.site-content ul li,
.site-content .block-wysiwyg ul li {
    padding-left: 1.2em;
    position: relative;
}
.site-content ul li + li,
.site-content .block-wysiwyg ul li + li {
    margin-top: 17px;
}
.site-content ul li::before,
.site-content .block-wysiwyg ul li::before {
    position: static;
    background: #009ca6;
    content: '';
    width: .3em;
    height: .3em;
    border-radius: 50%;
    float: left;
    margin-left: -1em;
    margin-top: .6em;
}

@media (max-width: 1400px) {
	.entry-content {
		padding: 0 15px;
	}
}
.bg-c-text {
    background-color: #943b81;
 }

 .text-c-navy {
 	color: #455560;
 }
 .bg-c-teal-medium {
  background-color: #B1E4E3;
 }

 .hero-heading {
 	padding-top: 80px;
 }

 .button,
 .wp-block-button a.wp-block-button__link,
 .gform_wrapper .gform_footer input.button,
 .gform_wrapper .gform_footer input[type=submit],
 .gform_wrapper .gform_page_footer input.button,
 .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    margin: 1rem 0;
    padding: 1.05em 2em;
    border: 1px solid transparent;
    border-radius: 2em;
    transition: background-color 0.25s ease-out,color 0.25s ease-out;
    font-family: inherit;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #003a96;
    color: #fff  !important;
    text-align: left;
    min-width: 100px;
    font-weight: bold;
    text-decoration: none !important;
 }
 .button::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
     content: '\f004';
     font-family: 'Font Awesome 5 Pro';
     font-weight: 900;
     padding-left: 15px;
 }
 .button:hover,
 .wp-block-button a.wp-block-button__link:hover,
 .gform_wrapper .gform_footer input.button:hover,
 .gform_wrapper .gform_footer input[type=submit]:hover,
 .gform_wrapper .gform_page_footer input.button:hover,
 .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color: #0077CB;
    color: white;
 }
 .button--white {
     background: white;
     color: #003a96;
 }
 .button--white:hover {
    background: #003a96;
    border-color: #003a96;
    color: #fff;
 }
 .image-text-grid .button {
  padding-bottom: 1.05em;
 }

 .donate-header-button.button {
 	background: #cb2c30;
 	padding: 27px 20px 28px;
 }

 .donate-header-button.button:hover {
 	background: #004f71;
 	color: #fff;
 }

 .callout-button .button {
 	min-width: 100px;
 	text-align: center;
 }

 .callout-button .button:hover {
 	background: #cb2c30;
 	color: #fff;
 }

 @media (max-width: 768px) {
 	.donate-header-button {
 		display: none;
 	}
 }

 p.callout-text {
 	font-size: 17px;
 	line-height: 24px;
 }

 .hero-button {
 	font-family: "Roboto", Calibri, Helvetica, sans-serif;
 	font-weight: bold;
 	padding-top: 12px;
 	padding-bottom: 12px;
 	border-color: rgba(255,255,255,0.3);
 }

 .menu-item-has-children:hover ul.md\:hidden {
 	display: block;
 }

 .menu-level-0:last-child>.sub-menu {
 	right: auto;
 	left: 0;
 }
 #menu-main-nav .menu-item>a {
   cursor: pointer;
   font-size: 18px;
   color: #003a96;
   transition: background 0.4s, border-color 0.4s, height 0.4s;
   border-bottom: 6px solid transparent;
 }
#menu-main-nav .current-menu-item > a,
#menu-main-nav .menu-item:hover > a,
#menu-main-nav .menu-item:focus > a,
#menu-main-nav .current-menu-ancestor > a,
#menu-main-nav .current-menu-parent > a {
  background: #b1e4e3;
  border-bottom-color: #009ca6;
}
@media(min-width: 768px) {
  #menu-main-nav .submenu-trigger {
    display: none;
  }
}

/* Dropdown */
#menu-main-nav .menu-item ul {
  box-shadow: 0 7px 14px 0 rgb(0 0 0 / 13%);
}
#menu-main-nav .menu-item ul a {
  border-bottom: 1px solid #B1E3E2;
}
#menu-main-nav .menu-item ul li:last-child a {
  border-bottom-color: transparent;
}
#menu-main-nav .menu-item .current-menu-item>a,
#menu-main-nav .menu-item .menu-item:hover>a {
  background: #b1e4e3;
  border-bottom-color: transparent;
}
 @media (max-width: 768px) {
 	.nav-container ul ul li {
 		padding-left: 15px;
 	}
 }
 @media(min-width: 768px) {
    .nav-container {
        margin-right: 0;
    }
 }

.hero-heading h1 {
    font-size: 45px;
    line-height: 65px;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #000;
}
@media (max-width: 600px) {
    .hero-heading h1 {
        font-size: 38px;
        line-height: 50px;
    }
}

.site-header .donate-button--mobile {
    display: none;
}
.header-top {
    background: white;
    background-position: bottom right;
    background-size: 800px;
}
.header-top h1 {
  color: #003A96;
}
.header-top .button,
.wp-block-button__link {
    margin-bottom: 0;
}
.header-bottom {
    background-color: rgb(229,245,245);
}
.site-name {
    font-family: Roboto, sans-serif;
    align-self: flex-start;
    font-size: 28px;
    margin-left: 0;
}
.header-top .logo-link img {
    max-width: 24rem;
}
@media(max-width: 1150px) {
    .site-header .container-fluid {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(max-width: 767px) {
    .site-header .donate-button--mobile {
        display: block;
        margin-bottom: 0;
		/* background-color: #003a96; */
        background-color: #CE0037;
        width: 100%;
        color: white;
        border-radius: 0;
        border: none;
        text-align: center;
    }
    .header-top {
        background-image: none;
    }
    .header-top .button {
        display: none;
    }
    .header-top .logo-link {
        padding-right: 25px;
    }
    .header-top .menu-toggle i {
        font-size: 32px;
    }
    .header-top .menu-toggle:hover,
    .header-top .menu-toggle:focus {
        background: transparent;
    }
    .header-top .logo-link img {
        max-width: 22.5rem;
    }
    .header-top .button,
    .wp-block-button__link {
        font-size: 17px;
    }
}
@media(max-width: 480px) {
  .header-top .logo-link img {
      max-width: 14.6rem;
    }
}

#menu-main-nav .menu-item > a {
    cursor: pointer;
    font-size: 18px;
    color: #003a96;
    transition: background 0.4s, border-color 0.4s, height 0.4s;
    border-bottom: 6px solid transparent;
}
#menu-main-nav .menu-item ul a {
    border-bottom: none;
}
#menu-main-nav .current-menu-item > a,
#menu-main-nav .menu-item:hover > a {
    background: #b1e4e3;
    border-bottom-color: #009ca6;
}
#menu-main-nav .menu-item ul {
    box-shadow: 0 7px 14px 0 rgb(0 0 0 / 13%);
}
#menu-main-nav .menu-item ul>li+li {
    border-top: solid 1px rgba(0,0,0,0.1);
}
#menu-main-nav > .menu-item .submenu-trigger {
    display: none;
}
@media(max-width: 767px) {
    .main-navigation {
        width: 100%;
        position: absolute;
        z-index: 1;
        margin-left: -15px;
        background: white;
    }
    .main-navigation .nav-container {
        width: 100%;
    }
    #menu-main-nav {
        margin: 0;
        padding: 0;
    }
    #menu-main-nav > .menu-item {
        background: white;
        position: relative;
    }
    #menu-main-nav > .menu-item a {
        border-bottom: 1px solid #b1e4e3;
        border-right: solid 2px #b1e4e3;
        text-decoration: none;
        height: 52px;
        margin-right: 64px;
    }
    #menu-main-nav > .menu-item:first-child a {
        border-top: 1px solid #b1e4e3;
    }
    #menu-main-nav > .menu-item .submenu-trigger {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 0px;
        height: calc(100% + 1px);
        width: 65px;
        z-index: 1;
        padding-left: 24px;
        padding-top: 5px;
        border-bottom: 1px solid #b1e4e3;
    }
    #menu-main-nav > .menu-item:first-child .submenu-trigger {
        border-top: 1px solid #b1e4e3;
        top: -1px;
        height: calc(100% + 2px);
    }
    #menu-main-nav > .menu-item-has-children .submenu-trigger {
        content: '\f067';
        font-family: "Font Awesome 5 Pro";
        color: #003a96;
        font-weight: 300;
        cursor: pointer;
        font-size: 27px;
    }
    #menu-main-nav .menu-item.current-menu-item a,
    #menu-main-nav .menu-item:hover a {
        background: transparent;
        border-color: #b1e4e3;
    }
    #menu-main-nav ul,
    #menu-main-nav .menu-item:hover ul {
        display: none;
    }
    #menu-main-nav ul {
        background-color: #e7f6f6;
        padding: 15px 0;
    }
    #menu-main-nav > .menu-item ul li {
        border: none;
        padding-left: 0;
    }
    #menu-main-nav > .menu-item ul a {
        padding-left: 1.5rem;
        border: none;
    }
    #menu-main-nav .menu-item ul li+li {
        border: none;
    }
}
.menu-toggle {
    padding: 0;
    background: transparent;
    border: none;
    width: auto;
    min-width: 0;
}

footer#colophon {
    background: #003a96;
    background-position: bottom left;
    background-size: 800px;
}
.footer-1,
.footer-2 {
    padding: 20px 30px;
}
.footer-1 p {
    font-size: 17px;
    line-height: 24px;
    color: #fff;
}
.footer-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%;
}
.footer-2 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
ul.footer-links {
    display: inline-flex;
    margin-top: 20px;
    text-decoration: underline;
}
ul.footer-links li {
    border-color: #fff;
}
ul.footer-links li a {
    color: #fff;
}
.footer-address {
    text-align: right;
}

@media (max-width: 767px) {
    footer#colophon {
        padding-bottom: 120px;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-2 {
        flex-direction: column;
    }
    .footer-address {
        text-align: center;
        margin-top: 35px;
    }
    .footer-2 .md\:mr-2 {
        margin-right: .5rem;
    }
    .footer-2 .md\:pr-2 {
        padding-right: .5rem;
    }
    .footer-2 .md\:border-r {
        border-right: 1px solid #fff;
    }
    .footer-2 .last\:border-0:last-child {
        border-width: 0px;
    }
    ul.footer-links {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 15px 0;
    }
    ul.footer-links li {
        font-size: 17px;
    }
}
@media (max-width: 450px) {
    .footer-2 nav {
        width: 100%;
        text-align: center;
    }
    .footer-info p {
        text-align: center;
    }
    .footer-info p img {
        display: inline-block;
    }
}
@media (max-width: 600px) {
    .footer-logo {
        width: 100%;
    }
}


/* Home Page */
.home .site-content {
    padding: 45px 0 60px;
}
.site-content {
    padding: 45px 0 60px;
}
@media(max-width: 767px) {
    .site-content {
        padding: 35px 0 45px;
    }
}

/* Hero banner with full-width background imge */
.post-thumbnail img {
    width: 100%;
}
.site-content {
    max-width: 1200px;
    margin: auto;
}

@media(min-width: 768px) {
    .has-featured-image .home .site-content {
        padding-top: 0;
    }
    .has-featured-image .entry-title {
        margin-top: -150px;
        margin-bottom: 60px;
        padding-top: 20px;
        background: #fff;
        position: relative;
        z-index: 2;
    }
}

/* Video Player Block */
.video-wrapper {
    max-width: 1110px;
    margin: auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Additional Form styles */
h1, h2, h3, h4, h5, h6,
h1.gsection_title,
h2.gsection_title,
h3.gsection_title,
h4.gsection_title,
h5.gsection_title,
h6.gsection_title {
  font-family: "Roboto Slab", sans-serif;
  font-weight: 200;
  border-bottom: none;
}
.gform_wrapper h2.gsection_title {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 200;
}
.gform_wrapper h3.gsection_title {
  font-size: 42px;
  line-height: 1.3;
  font-weight: 200;
}
.gform_wrapper.gravity-theme .gsection {
  border-bottom: none;
}
div.jq-selectbox,
body .gform_wrapper span.address_country div.jq-selectbox__select,
[id*=state-select_shim],
body div.gform_wrapper.gravity-theme .ginput_container_creditcard input {
  max-width: 582px;
}
/* Sponsorship Levels */
.sponsorship-radio .gchoice {
  margin-top: 15px;
}
.gform_wrapper.gravity-theme .sponsorship-radio .gchoice label {
  font-size: 18px;
}
.gform_wrapper.gravity-theme .sponsorship-radio .gfield_label {
  font-size: 18px;
}
/* Giving Level Buttons */
div .gfield.donation_buttons input[type="radio"]+label {
  color: #ffffff;
  border-color: #003a96;
  background: #003a96;
  font-size: 20px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  font-weight: normal;
}
div .gfield.donation_buttons input[type="radio"]:checked+label {
  color: #fff;
  background: #0077CB;
  border-color: #0077CB;
}

div .gfield.donation_buttons input[type="radio"]+label:hover,
div .gfield.donation_buttons input[type="radio"]:focus+label {
  background-color: #0077CB;
  border-color: #0077CB;
}

p {
  margin-bottom: 2.0rem;
}

h1 {
  margin-bottom: 50px;
}

.wp-block-columns {
  margin-bottom: 0px;
}

h2.gsection_title {
  font-size: 42px !important;
  line-height: 1.3 !important;
  font-weight: 300 !important;
}

.gform_wrapper li.gfield.field_description_below+li.gsection {
  margin-top: 40px !important;
}

@media(min-width: 768px) {
  .site-name {
    margin-left: 120px !important;
    margin-top: 20px;
  }
}

div.entry-content ul {
  margin-bottom: 40px;
  padding-left: 40px;
}

div.entry-content ul li ul {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

.button::after {
  display: none;
}

/***** style hero image *****/
div.post-thumbnail {
  max-width: 2000px;
  margin: auto;
}

.center-photo img {
  margin: auto;
  padding-bottom: 30px;
}

/***** center nav *****/
.nav-container {
  margin-right: auto;
  margin-left: auto;
}

/***** style bio photo *****/
.bio-photo {
  width: 100%;
  height: auto;
  max-width: 350px;
  margin: 0px 0px 30px 30px;
  float: right;
}

select {
  font-family: Roboto, sans-serif;
  font-weight: normal;
}

.gsurvey-likert-choice-label,
.gsurvey-likert-row-label {
  font-size: 16px;
}

.image-text-grid {
  background: transparent;
}

/* Gallery Tweak */
.gallery li::before {
  display: none;
}