/*!
 * Theme Name: gohba-2020
 * Theme URI: gohba-2020
 * Description: GOHBA 2020 Redesign
 * Version: 1.0.0
 * Author: Xactly Design
 * Author URI: https://xactlydesign.com
 */

/* NOTES: Checked with former Dev and was told she has directly edited the stylesheet and had not built from source (SASS). Meaning code editing should be done through here only.
 * If someone determies how to compile, /dist/style.css, comparison to backup called: style.css.bak can be used to determine the code she added 
 * assuming you aren't compiling, use this patch */

header .header__search {
  background-color: black;
  z-index: 20;
}



.header__membership .c-btn {
  margin: 0;
}

.nav--main .nav__item {
  z-index: 5;
}

#top.header {
  background-color: #00823d;
  /* border-bottom: 5px solid black; */
}
#page-header > div > h1{color:black;}

.header__ctas > a{
  background-color: #221f1f;
}

.header__ctas > a:hover{
  color: white;
  background: black;
  border-color: #221f1f;
}


@media screen and (min-width: 1280px){
  .nav--main > .nav__list > .nav__item > .nav__link {
    color: white;
  }
}

.c-logo__icon{
  filter: brightness(0.1) invert(1);
}


.m-text h2.deco::after {
  border-right-width: 1px;
  border-right-color: black;
  border-right-style: solid;
}


.page-id-7 .header__membership {
    display:none;
}


@media screen and (max-width: 769px) {

  /* Mobile Deco Fixes (see board of directors page as example) */
  .m-text h2.deco::after {
    top: unset;
    bottom: -2.5rem;
    border-right-width: 1px;
    border-right-color: black;
    border-right-style: solid;
  }

  .m-text h2.deco {
    margin-bottom: 3.0rem;
  }

  .m-text h2.deco.is-present::before {
    border-right-color: transparent;
  }


  #main .m-image-links__text {
    display: none;
  }

  #main .m-image-links__link {
    padding: 2.5rem 2rem;
  }

  #main .m-image-links__link .m-image-links__content h2:after {
    content: "\25B6 \FE0E";
    color: white;
    font-size: x-large;
    transition: padding 0.5s;
  }

  #main .m-image-links__item:hover .m-image-links__content h2:after {
    padding-left: 8px;
  }

  .m-logos .m-logos__logos {
    flex-direction: column;
  }

  .m-logos .m-logos__logo {
    width: 100%;
  }

  .m-logos .m-logos__logo img {
    max-height: 7rem;
  }

  .home .header__membership {
    top: 34rem;
    position: absolute;
    width: 100%;
  }

  .home .m-image-links {
    margin-bottom: 6rem;
  }
}

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

  /* .directory .w2dc-single-listing-logo-wrap,
    .directory .w2dc-slider-wrapper {
        max-width: 350px!important;
    } */
  #main .m-accordions--slider h2 {
    text-align: left;
  }
}



@media screen and (min-width: 769px) and (max-width: 1279px) {
  .header .header__membership p {
    text-align: left;
    white-space: nowrap;

  }


  #main .m-image-links {
    height: 20rem;
  }

  #main .m-image-links__link {
    min-height: 20rem;
  }



  /* HOME MEMBERSHIP CTA REPOSITION*/
  .home .header__membership {
    top: 28rem;
    position: absolute;
    width: 100%;
  }

  .home .m-image-links {
    margin-bottom: 6rem;
  }
}

@media screen and (min-width: 1280px) {
  #main .m-image-links {
    height: 25rem;
  }

  .m-image-links__item:hover .m-image-links__content {
    transform: translateY(-2.5rem);
    transition-duration: 0.25s;
    transition-property: opacity, transform;
  }

  /* HOME MEMBERSHIP CTA REPOSITION */
  .home .header__membership {
    top: 33rem;
    position: absolute;
    width: 100%;
  }

  .home .m-image-links {
    margin-bottom: 5rem;
  }
}



@media screen and (min-width: 1280px) {
  h2.deco.is-present::before {
    padding-left: 30px;
    margin-left: -10px;
  }
}

/***********************************************/
/******************** Styling ******************/
/***********************************************/
#main #page-header h1 {
  font-weight: 900;
}

#main>*:not(.m-image-links):not(.m-tiles) {
  padding-left: 15px;
  padding-right: 15px;
}

.user-info {
  margin: 0.675em 0;
}

.user-info * {
  font-weight: 300;
  padding: 0;
  margin: 0;
}

.user-info p:last-of-type {
  font-weight: 600;
}

.w2dc-field-output-block-excerpt {
  display:none;
}

ul.w2dc-dropdowns-menu {
  font-family: "Montserrat", sans-serif;
}

ul.w2dc-dropdowns-menu a:not([class]){
  font-weight: unset;
}

/* .w2dc-dropdowns-menu.ui-menu > .ui-menu-item {
   margin-left:6px!important;
   min-height:60px;
  }
  
  .w2dc-dropdowns-menu.ui-menu > .ui-menu-item > *{
   padding-top:6px;
   padding-bottom:6px;
  } */
  
  /* .w2dc-dropdowns-menu.ui-menu > .ui-menu-item > :not(.ui-icon) {
    margin-left:10px;
  }
  
.w2dc-dropdowns-menu.ui-menu .w2dc-dropdowns-menu-search-listing .ui-icon {
   left: 7px!important;
} */

.w2dc-dropdowns-menu-search-sublabel * {
  text-decoration:none!important;
}

.w2dc-dropdowns-menu.ui-menu .w2dc-dropdowns-menu-search-listing  .ui-icon {
  display:none;
}

.find-a {
  background-color: rgb(215, 215, 215) ;
}

/***********************************************/
/**************** Helper Classes ***************/
/***********************************************/
/* Break Word Class */
@media screen and (min-width: 1280px) {
  .rwd-break {
    display: none;
  }
}





/***********************************************/
/************* PAGE SPECIFIC FIXES *************/
/***********************************************/

.directory .page-header--directory {
  height: 25rem;
}




/* About Page - Color fix asked for by client */
.page-id-7 .m-tiles__slides h3 {
  color: black;
}

.page-id-7 .swiper-button-next{
  right:0;
}
.page-id-7 .swiper-button-prev{
  left:0;
}

.page-id-7 .m-tiles__slides .swiper-slide__content{
  padding: 2rem 2rem;
}
/* @media screen and (min-width: 769px){
 .page-id-7 #main > section:nth-child(4) > div > div.m-tiles__tile.js-slide.has-animated {
    padding: 2rem 2rem;
 }
} */


/* Reno Tour - Nav Link fix since the page exist in both */
.page-id-101 .nav--main>.nav__list>.nav__item--ancestor:nth-child(2)::after {
  background-color: unset;
}

.page-id-101 .m-image-links {
  max-width: 1400px;
  margin: auto;
}

.page-id-101 #main .m-media .container {
  text-align: center;
}


/* Employment Opportunities - one off grey background Implementation */
.employment-opportunities #main {
  background-color: #edebea;
}

.employment-opportunities #main #page-header {
  background-color: white;
  padding-bottom: 4.875rem;
}

@media screen and (max-width: 768px) {
  .employment-opportunities #main .m-side-text {
    padding-top: 1.875rem;
  }

  .employment-opportunities #main #page-header {
    padding-bottom: 1.875rem;
  }
}

/* Award Page - one off grey background Implementation */
.page-id-99 #main .m-side-text:nth-of-type(1) {
  background-color: #edebea;
  padding-top: 6.675em;
}

.page-id-99 #main .m-text:nth-of-type(5) {
  padding-top: 6.675em;
  padding-bottom: 6.675em;

}


/* Employment Opportunities */
.page-id-79 #main .m-side-text__inner {
    display: block;
}



/* Buying a home - height fix */
.page-id-16 #main {
  min-height: unset;
}

@media screen and (min-width: 769px) {
  .page-id-16 .m-tiles__tile {
    min-height: 35vh;
  }
}


/* Industry Links Page - Reduce White Space */
@media screen and (max-width: 1280px) {
  .industry-links h1 {
    text-align: left;
    margin-left: -1rem;
  }
}

@media screen and (min-width: 1280px) {
  .industry-links .m-text>* {
    column-count: 3;
  }
}

.industry-links .m-text>*>* {
  line-height: 1.0em;
}


/***********************************************/
/****************** BUG FIXES ******************/
/***********************************************/
.c-logo img {
  width: 100%;
  height: 100%;
}


.w2dc-listing-text-content-wrap {
  padding-left:5px;
  padding-right:5px;

}

.w2dc-listings-block .w2dc-field-content *{
  font-weight:500;
  font-size:0.95em;
}


.w2dc-search-form-button {
  width:100%;
}
.w2dc-search-section .w2dc-search-form-button .w2dc-btn {
  width:unset!important;
  width:100%!important;
}
.w2dc-listing-logo-img-wrap {
  z-index: 100; //Make images clickable in w2dc
}








/***********************************************/
/******************** Arrow ********************/
/***********************************************/
@media screen and (max-width: 769px) {

}

div.arrow {
  width: 6vmin;
  height: 6vmin;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg);
}
div.arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  border-width: 0.8vmin 0.8vmin 0 0;
  border-style: solid;
  border-color: #fafafa;
  transition: 0.2s ease;
  display: block;
  transform-origin: 100% 0;
}
div.arrow:after {
  content: "";
  float: left;
  position: relative;
  top: -100%;
  width: 100%;
  height: 100%;
  border-width: 0 0.8vmin 0 0;
  border-style: solid;
  border-color: #fafafa;
  transform-origin: 100% 0;
  transition: 0.2s ease;
}
div.arrow:hover::after {
  transform: rotate(45deg);
  border-color: green;
  height: 120%;
}
div.arrow:hover::before {
  border-color: green;
  transform: scale(0.8);
}



body.single-event img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}