/*
Theme Name: Twenty Twenty Child for MTOC
Theme URL: 
Description: Twenty Twenty Child Theme for MTOC
Author: WPAmaNuke
Author URL: 
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-mtoc
*/ 
/* Custom CSS goes after this line */


.primary-menu > li > a {
    color: black !important;
}

.primary-menu > li > .icon {
    color: black !important;
}

body { 
  background-color: #ffffff;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
  color: black !important;
}

/* remove search icon */
.toggle-wrapper.search-toggle-wrapper {
display: none;
}
.toggle.search-toggle.mobile-search-toggle {
display: none;

}



not(.owl-carousel) button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #fd9e09 !important; 
}


.search-form input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #fd9e09 !important; 

}

button#mtoc-vsu-button {
  background-color: #fd9e09 !important; 
}


article a, .entry-categories a { 
    color: black !important;
}

article .entry-content a {
    color: #6d6d6d !important;
}


.toggle-wrapper.nav-toggle-wrapper.has-expanded-menu {
display:none;
}
@media only screen and (max-width: 700px) {
.toggle-wrapper.nav-toggle-wrapper.has-expanded-menu {
display: block;
}

}

/* make sure sub menu on top */
@media ( min-width: 1000px ) {
	#site-header {
		z-index: 1000;
	}
}




.mtoc_highlight { 
  color: #fd9e09;
  font-weight: bold;
}

a.mtoc-button {
  color: white;
  background-color: #fd9e09;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}


.mtoc-take-action-link {
  background-color: #fd9e09;
  text-align: center;
  color: white;
  font-weight: bold;
  border-radius: 10px;
  padding: .5rem;
}

.page_content_inner {
}





.learn_more_boxes {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
} 

.learn_more_box {
  float: left;
  width: 250px;
  height: 150px;
  padding: 10px 10px 10px 10px;
  color: white;
  background-color: #fd9e09;
  margin-right: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}

.learn_more_box a {
  color: white;
}

@media only screen and (max-width: 600px) {
  .learn_more_box {
    float: none; 
  margin-left: auto;
  margin-right: auto; 
  }
  .learn_more_boxes {
    max-width: 100%;
  } 
}




.social_media_boxes_blurb {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;

  font-weight: bold;
  text-align: center;
}

.social_media_boxes {
  padding-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
} 

.social_media_box {
  line-height: 1em;
  padding: 10px;
  float: left;
  width: 250px;
  height: 250px;
  padding: 10px 10px 10px 10px;
  color: white;
  background-color: #fd9e09;
  margin-right: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  text-align: center;
}

.social_media_box_text a {
  text-decoration: none;
}

.social_media_box_text {
  display: block;
  margin-top: 25px;
  font-size: .7em;
  font-weight: normal;
}

.social_media_box img {
  display: block;
  height: 101px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.social_media_box a {
  color: white;
}

@media only screen and (max-width: 900px) {
  .social_media_box {
  float: none; 
  margin-left: auto;
  margin-right: auto; 
  }
  .social_media_box {
    max-width: 100%;
  } 
}





/* take action */
.page-id-138 .page_content_inner { 
   width: 100%;
   max-width: 100%;
}



/* https://coder-coder.com/background-image-opacity/ */
/*    display: flex; */
.hero {
    position: relative; 
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
}



.hero::before {    
      content: "";
      background-image: url(https://static.wixstatic.com/media/f96587_2681f100f40a4fa78335824f811aeed9~mv2.jpg/v1/fill/w_760,h_235,al_b,q_80/f96587_2681f100f40a4fa78335824f811aeed9~mv2.webp);
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}
.hero_inner {
  position: relative;
}
.hero_inner_blurb {
  position: relative;
  top: 20px;

  background-color: rgba(0, 0, 0, 0.3);
 text-align: center;
  padding: .2em;
  color: white;
}
@media only screen and (max-width: 600px) {
  .hero::before {
  background-image: url(/wp-content/themes/twentytwenty-mtoc/images/misc/transparent.png);
  }
 }