/*
 Theme Name:   MCAL Child Theme
 Theme URI:    http://www.illuminage.com/
 Description:  MCAL child theme, parent is HCAM Parent theme. Server is illuminwebgen.
 Author:       John Tonge
 Author URI:   http://www.illuminage.com/
 Template:     hcam-mcal-parent-2020
 Text Domain:  hcam-mcal-parent-2020
*/

header,
#hero .button  {
    background-color: #0d6f44;
}
header {
  border-bottom: 5px solid #b77555;
}
h1, h2, h3, h4, h5, h6 {
  color: #0d6f44;
}
a { color: #0d6f44; }
/*a:hover { color: #16B16E; }*/
a:hover { color: #32805d; }
a.button { color: #fff; background-color: #0d6f44; padding: 10px; display: inline-block; }
a.button:hover { color: #fff; /*background-color: #16B16E;*/ background-color: #32805d; }
a.button.fake { color: #0d6f44; }

/*#content #cont .collapseomatic {
  background: #0d6f44;
}
#content #cont .collapseomatic:hover {
  background: #16B16E;
}

#content #cont span.collapseomatic { color: #fff; }*/
#content #cont span.collapseomatic,
span.collapseomatic:after,
a.button.fake:after { 
  color: #0d6f44; 
}
#content #cont .collapseomatic, a.button.fake { border-color: #0d6f44; }
#content #cont .collapseomatic.colomat-close {
  background-color: #0d6f44;
}
#content #cont .collapseomatic:hover,
a.button.fake:hover {
  /*background-color: #16B16E;*/
  background-color: #BFE1BE;
  color: #0d6f44;
}
a.button.fake:hover:after,
#content #cont .collapseomatic:hover:after,
#content #cont span.collapseomatic.colomat-close:hover:after { color: #0d6f44; }
.utility_nav ul li a,
#search input[type=submit],
#search-icon { color: #BFE1BE; }
.search-active header #search-container #search input[type=submit] { color: #0d6f44; }
header #search-container { background-color: #CFE9CE; }

#logo { top:5px; width: 280px; height: 130px; }

nav.primary_nav ul.sub-menu { background-color: #074027; }

nav.primary_nav ul.sub-menu li a { color:  #fff; }
nav.primary_nav ul.sub-menu li a:hover { color: #0d6f44; }
/*nav.primary_nav ul.sub-menu { background-color: #69B766; }*/


nav.primary_nav ul.sub-menu li.current_page_ancestor,
nav.primary_nav ul.sub-menu li.current-page-ancestor,
nav.primary_nav ul.sub-menu li.current-menu-item a { 
  background-color: #BFE1BE; 
  color: #0d6f44;
}

nav.primary_nav ul li li a:hover { background-color: #BFE1BE; }

#hero .info {
  background: rgba(192, 225, 190, 0.55 );
}
#membersonly-login-form h2 {
  color: #0d6f44; 
}
#hero .controls .dots .dot.active {
  background: #0d6f44;
}
.callout h3 {
  color: #0d6f44; 
}
.callout h3:after {
  background-color: #7eaf9a;
}
.callout a.button {
  background-color: #BFE1BE;
  color: #0d6f44;
}
.callout a.button:hover {
  color: #fff;
  background-color: #0d6f44;
}
.date-box::before { content: none; }
.date-box { background-color: #0d6f44; border-color: #0d6f44; }

#entries .entry .excerpt span { color: #2d825d; }

.service a.button { color: #0d6f44; background-color: #BFE1BE; }
.service a.button:hover { color: #fff; background-color: #0d6f44; }

/* IlluminAge CALENDAR */
  /* Base */
  .ill_calendar .ill_calendar_event .ill_calendar_date_box .ill_calendar_month, .ill_calendar #ill_calendar_grid th { background-color: #BFE1BE; color: #222; } 
  .ill_calendar #ill_calendar_grid .ill_calendar_week_row .ill_calendar_week_cols td a { background: #BFE1BE; color: #222; }
  .ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_list:before,
  .ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_grid:before  { color: #BFE1BE; }

/* SIDE */
.sidebar h3#section-header::after { background: #0d6f44; }
.children li.current_page_item a { color: #0d6f44; }

/* PUBLICATIONS */
.ill_pubs_issues h2 a, .ill_pubs_sidebar h2 a { color: #0d6f44; }
.ill_pubs_issues h2, .ill_pubs_sidebar h2 { border-color: #0d6f44; }
.ill_pubs #main .entry-header, .ill_pubs #main .entry-header.stick { border-bottom: 0!important; }

/* ASSOCIATE DIRECTORY */
.ill_assoc_directory .inner {
  padding: 80px 0;
  clear: both;
  overflow: hidden;
}
#ill_assoc_directory_category_359 {
  display: none!important;
}
#ill_assoc_directory_form ul.ill_assoc_directory_hybrid_dropdown {
  margin: 11px 0 10px 0;
}
#ill_assoc_directory_form ul.ill_assoc_directory_hybrid_dropdown > li {
    padding: 0.35em .6em .3em .6em !important;
}
#ill_assoc_directory_list > h2:first-child {
  display: none;
}
#ill_assoc_directory_form input[type=submit], #ill_assoc_directory_form button, .ill_assoc_directory_btn {
  margin: 10px 0 0 0;
}
.ill_assoc_directory_category_county {
  clear: both;
  overflow: hidden;
}
#ill_assoc_directory_list .ill_assoc_directory_list_block.ill_assoc_directory_list_az {
    border:  0;
    border-top: 1px solid #d1d1d1;
    border-radius: 0;
    margin: 0 .4em 1em 0;
    min-height: 13em;
    padding: 1em;
    background: #f1f1f1;
}
#ill_assoc_directory_list .participating-member.membership_level img { width: 20px; height: auto; }

#ill_assoc_directory_list .participating-member.membership_level {
  display: inline-block; margin: 0 5px 0 0;
}

#ill_assoc_directory_list .ill_assoc_directory_list_block .participating-member.membership_level {
  margin: 0 0 0 10px;
}

#ill_assoc_directory_list .ill_assoc_directory_list_block.ill_assoc_directory_list_az .participating-member.membership_level {
  margin: 0 10px 0 0;
}


.company-info {
  width: 35%;
  float: right;
  position: relative;
}
.main-cont {
  width: 60%;
  float: left;
  margin: 0 5% 0 0;
  position: relative;
}
.ill_assoc_directory .full_width h1 {
  padding-bottom: 30px;
}
.company-info figure {
  width: 98%;
    text-align: center;
    position: relative;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    padding: 30px;
    margin: 0 auto 70px auto;
}
.company-info figure img {
  max-width: 80%;
  height: auto;
  margin: 0 auto;
  display: block;
}
#ill_assoc_directory_map_wrap.mini {
    border-width: 0;
    float: none;
    padding-top: 50%;
    width: 100%;
    margin: 0 0 70px 0;
}
.company-info .address {
  clear: both;
  overflow: hidden;
  margin: 30px 0 0 0;
  padding: 30px;
  border-top: 1px solid #d1d1d1;
  background-color: #f1f1f1;
}
.company-info .ill_assoc_directory_item_contact_info {
  clear: both;
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 30px;
  border-top: 1px solid #d1d1d1; 
  background-color: #f1f1f1;
}
.company-info .ill_assoc_directory_categories_wrapper {
  background-color: #f1f1f1;
  padding: 30px; 
  border-top: 1px solid #d1d1d1; 
  clear: both;
  overflow: hidden;
}
.company-info .ill_assoc_directory_category_county {
  width: 50%;
  float: left;
}
.company-info .ill_assoc_directory_category_facility-type {
  width: 50%;
  float: right;
}
.company-info .ill_assoc_directory_category_county h3,
.company-info .ill_assoc_directory_category_facility-type h3 {
  font-size: 28px;
}
.company-info .participating-member.membership_level { display: none; }


/* PAGE WITH DIRECTORY SHORTCODE */

.page-workforce-directory-careers #content #cont.full { max-width: none; }

.page-workforce-directory-careers #content #cont.full #content { width: 100%; }

.page-workforce-directory-careers #content #cont.full #content.ill_assoc_directory .inner { padding: 10px 0; }

/* RESPONSIVE */
@media all and (max-width: 1340px) {
  #ill_assoc_directory_list .ill_assoc_directory_list_block { width: 23%; }
}
@media all and (max-width: 1025px) {
  #ill_assoc_directory_list .ill_assoc_directory_list_block { width: 31%; }
}

@media all and (max-width: 800px) {
  #ill_assoc_directory_list .ill_assoc_directory_list_block { width: 48%; }
}

@media all and (max-width: 600px) {
  #ill_assoc_directory_list .ill_assoc_directory_list_block { width: 100%; }
}

@media all and (max-width: 1200px) {
  .company-info {
    width: 45%;
  }
  .main-cont {
    width: 50%;
  }
}
@media all and (max-width: 900px) {
  .company-info {
    width: 100%;
    margin: 50px 0 0 0;
  }
  .main-cont {
    width: 100%;
  }
  .company-info .ill_assoc_directory_category_county {
    width: 100%;
  }
  .company-info .ill_assoc_directory_category_facility-type {
    width: 100%;
  }
}
@media all and (max-width: 770px) {
  nav.primary_nav .menu-primary-container {
    background: rgba(13, 111, 68, .9);
  }
  #logo {
    top: 15px;
    width: 280px;
    height: 90px;
  }
}
@media all and (max-width: 600px) {
  #logo {
    top: 0;
    margin: 0;
  }
  #ill_assoc_directory_map_wrap.mini {
    padding-top:0;
  }
}