/*
Theme Name:     4WDABC
Description:    A custom theme design for the Four Wheel Drive Association of British Columbia.
Author:         Chromaside
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/



/*----------------------- GLOBAL ------------------------*/
/*runner*/
.runner-top-t,.runner-top-b{
  height: 52px !important;
}
/*memberpress style tweaks*/
.mepr-white-popup .mepr-btn {
    color: #ffffff;
    background: #ff0000 !important;
}
.mfp-wrap .mfp-container button:hover {
    background: #ff0000 !important;
}
/*-----EVENTS-----*/
:root{
--tec-color-accent-primary: #ff0000 !important;
}
.tribe-common.event-tickets .tribe-common-c-btn:disabled, .tribe-common.event-tickets a.tribe-common-c-btn:disabled {
    background-color: #ff0000 !important;
	color: white !important;
}
.tribe-common.event-tickets .tribe-common-c-btn, .tribe-common.event-tickets a.tribe-common-c-btn {
    background-color: #ff0000 !important;
}



/*----------- HEADER -----------*/
/*Main Header - Default Divi Header*/
@media only screen and (min-width:981px){
  #top-header{
    z-index: 10 !important;
  }
  #top-header > .container{
    max-width: 89% !important;
    margin-right: 0px !important;
    margin-left: auto !important;
  }
  .logo_container{
    margin-top: -28px !important;
    max-width: 150px !important;
  }
  #logo{
    max-width: 70% !important;
    max-height: 144% !important;
    height: 135% !important;
  }
}
.nav-memberzone{
  margin-top: -5px !important;
}
.nav-memberzone a{
  padding: 5px !important;
  background: orange !important;
  border-radius: 3px !important;
}
/*Mobile Header*/
@media only screen and (max-width:981px){
  #top-header{
    display: none !important;
  }
  #main-header > .container{
    max-width: 97% !important;
  }
  #logo{
    max-height: 87% !important;
  }
  .navcon2{
    padding-bottom: 0px !important;
  }
}
/*Main Header - CUSTOM V1*/
/*@media only screen and (min-width:981px){
  .navcon2-c1{
    width: 200px !important;
  }
  .navcon2-c2{
    width: calc(100% - 200px) !important;
  }
  .navcon1-c1,.nav-secondary,.nav-social{
    display: flex !important;
    align-items: center;
  }
  #menu-navsecondary a{
    padding-bottom: 0px !important;
  }
  #menu-navsecondary li,.et_pb_social_media_follow li{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .nav-phone,.nav-phone .et_pb_module_header{
    padding: 0px !important;
    height: auto !important;
  }
  .nav-phone{
    height: auto !important;
  }
}*/



/*----EVENTS-----*/
/*On Dark*/
.events-dark a,.events-dark time,.events-dark span{
  color: white !important;
}


/*-------TEAM GRIDS--------*/
.teamtabs .et_pb_tab_content,.trainer-grid .et_pb_code_inner{
  display: flex;
  flex-wrap: wrap;
}
.teammember{
  max-width: 200px;
  padding: 10px;
  background-color: white !important;
  border: 1px solid #d3d3d35c;
  border-radius: 10px;
  margin: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.team-name,.team-title,.team-region,.team-con-wrapper{
  flex-basis:100% !important;
}
.team-thumbnail{
  border-radius: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 180px !important;
  width: 190px !important;
object-fit: cover;
}
.team-name{
  font-weight: 800;
  text-align: center;
  font-size: 18px;
}
.team-title{
  text-align: center;
  font-size: 13px;
  line-height: 17px;
}
.team-region{
  text-align: center;
  font-size: 13px;
  line-height: 17px;
    font-weight: 300;
}
.team-con-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.team-link {
  width:25px !important;
  height: 25px !important;
  margin:2px;
  align-content: center;
  display: flex;
  justify-content: center;
  background: #c10000;
  border-radius: 50%;
    transition: 0.3s ease-in-out;
}
.team-link:hover {
  transform: scale(1.1);
  transition: 0.3s ease-in-out;
}

.team-link img{
  width:12px !important;
  height: 12px !important;
  align-self: center;
}


/*------------ ABOUT US PAGE ---------- */
/*Team Tabs*/
.tabs-nobg .et_pb_tabs_controls::after{
  border-top: none !important;
}
.tabs-nobg .et_pb_tabs_controls .et_pb_tab_0 a{
  padding: 4px 30px 4px 0px !important;
}