/*
Theme Name: Boyds Mills
Description: Child Theme
Author:  Tandem Web Co.
Author URI:  https://tandemwebco.com
Template: Divi
Version:  1.8.3
*/

/* @import url("../Divi/style.css"); */
/*@import url("https://use.typekit.net/qlt3tfk.css");*/


/* for the blue rhomboid with text that is on top of the bottom of some images on the homepage.  Must add class "overimage" to the module */
.overimage {
  position: relative;
}


a:not(.et_pb_button) {
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
}

/* matching "upcoming" on Workshops filter to match H3
.tribe-events-c-top-bar__datepicker {
  font-family: 'Roboto Slab',Georgia,"Times New Roman",serif!important;
}
*/
/* matching workshop titles to match H5
.tribe_events h3 {
  font-family: 'Roboto Slab',Georgia,"Times New Roman",serif!important;
}
*/
/* "All Workshops" back link green */
.tribe-events-back a {
  color: #90b13d!important;
}

.tribe-events-sub-nav {
  list-style-type: none!important;
}
/*
h1.tribe-events-single-event-title {
  font-size: 30px;
  text-transform: uppercase;
  font-family: "Roboto Slab";
}

.tribe-events-content h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-family: "Roboto Slab";
}
*/
.tribe-events-pg-template {
  padding-top: 0px!important;
}

.tribe-events-single-event-title {
  padding-bottom: 20px;
}
/*  Start Events Calendar Pro (Workshops) Customizations */
/*  Tried putting these in themes/highlightsfoundation/tribe-events/pro/tribe-events-pro.css to avoid all the !importants, but they are needed there too */

/* Hide Pagination */
nav.tribe-events-pro-photo-nav {
  display: none!important;
}

/* removing crazy padding on top and bottom of grid of events */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.callout_date {
  color: #33699E!important;
}

/* Default view (photo) 'card' customizations (putting date on top of image, etc.)-- only for ECP default 'page'.  Not using that so disabling for now
.tribe-events-pro-photo__event-featured-image-link {
  position: relative;
}

.tribe-events-pro-photo__event-featured-image-date-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 12px;
}

.tribe-events-pro-photo__event-date-tag-datetime {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.tribe-events-pro-photo__event-featured-image-date-tag-month {
  color: #141827;
  font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color: #727272;
  text-transform: uppercase;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding: 0;
}

.tribe-events-header {
  padding: 30px 0!important;
  margin-bottom: 40px!important;
}

body.tribe-events-page-template .container {
  padding-top: 0;
}


end disable */


/*  End Events Calendar Pro (Workshops) Customizations */


/* Single Event/Workshop Customizations -- disabled Sept 23, 2022

body.single-tribe_events img.wp-post-image {
  float: right;
  max-width: 400px;
  padding: 0 0 20px 20px;
}

.tribe-events-single-event-description {
  padding-top: 20px;
}
.tribe-events-event-url-centered {
  text-align: center;
  margin: 20px;
}
*/



/*
body.single-tribe_events .et_pb_row {
  width: 100%!important;
}
*/
.tribe-events-sub-nav {
  padding: 0px!important;
}



.workshop-meta-icon {
  margin-right: 10px;
}

span.facultymeta:not(:last-child):after, span.filtergrid-faculty-author:not(:last-child):after {
  content: ', ';
}
a.facultymeta {
  text-decoration: none;
}
ul.presenterlist, ul.blog-post-faculty-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.presenterlist li, .blog-post-faculty-list li {
  float: left;
  margin-right: 40px;
  text-align: center;
  width: 340px;
}
.presenterlist a {
  text-decoration: none;
  font-weight: normal;
}


.facultybio {
  text-align: left;
}
/* remove arrow/chevron for main nav with sub nav */
#top-menu-nav .menu-item-has-children>a:after {
    display: none !important;
}
#top-menu-nav .menu-item-has-children a{
    padding-right: 0 !important;
}

/* h3 all caps workaround */
h3 {
  text-transform: none!important;
}


.et-pb-slider-arrows a {
  text-decoration: none;
}






.metabox h3 {
  padding-bottom: 0px;
}
.metabox p {
  padding-bottom: 10px;
}



/* styles for Divi FilterGrid to put faculty author under image */
.dp-dfg-layout-grid.dp-dfg-skin-default .dp-dfg-custom-content {
    grid-column: 1;
    grid-row: 3;
}
.dp-dfg-custom-content {
  padding-bottom: 0!important;
}


#menu-footer-menu li.menu-item {
  width: 100%;
}
#menu-footer-menu li.menu-item a {
  font-weight: normal;
  text-decoration: none;
}
 .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; } .lwp-hide-mobile-menu .et_mobile_nav_menu { display: none!important; }


#faculty_workshops .dp-dfg-custom-content, #post_related_workshops_by_faculty .dp-dfg-custom-content {
  display: flex!important;
}
#faculty_workshops .dp-dfg-custom-content p:not(:last-child):after, #post_related_workshops_by_faculty .dp-dfg-custom-content p:not(:last-child):after {
  content: ' -';
  padding-right: 5px;
}

.workshop_footer_faculty_list img, .blog_post_footer_faculty_list img {
  max-height: 240px;
  width:auto;
}


.grid-parent {
  text-align: center;
}
.grid-parent div {
  text-align: center;
  margin: 20px 40px;
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
}


.filtergrid-workshops-inline-dates p.dp-dfg-custom-field {
  display: inline-block!important;
}


.gform_wrapper .gform_footer input.button {
  color: #90b13d !important;
  border-width: 2px !important;
  border-radius: 2px;
  border-color: #90b13d;
  background-color: white;
  padding: 10px 19px;
  font-size: 21px;
  cursor: pointer;
  border-style: solid;
}

@media only screen and (max-width: 600px) {
  .gform_wrapper .gform_footer input.button {
    font-size: 18px;
    width: 100%;
    margin-top: 20px;
  }
  #gform_1 #input_1_3 {
    width: 100%;
  }
}


/* Trying to get GravityForms submit button to match Divi animation:
.gform_wrapper .gform_footer input.button:hover {
  border: 2px solid transparent;
  padding: .3em 2em .3em .7em;
  background-color: rgba(0,0,0,.05);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all !important;
  transition-property: all !important;


}
*/



.mc-modal {
  top: 200px!important;
}








/* Adust mobile nav breakpoint for too much nav:  https://next-app.activecollab.com/182276/projects/58?modal=Task-24216-58 */
/* ### Menu breakpoint for default menu ###
@media only screen and (max-width: 1180px) {
  #et_mobile_nav_menu {
	   display: block;
  }

  #top-menu {
  	display: none;
  }
}
*/


@media (min-width: 981px) {
    .et_fullwidth_nav #main-header .container {
        width: 100%;
        max-width: 100%;
        padding-right: 32px;
        padding-left: 0px!important;
    }
}









.et_pb_button {
    background-color: #E88835 !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border-radius: 0px !important;
    border: none!important;
}
.et_pb_button:hover {
    background-color: #E88835 !important;
}






@media (min-width: 981px) {
  .donate-nav-button {
    background: #E88835;
    padding: 15px 25px 7px;
  }
}

#top-header .container {
  padding-top: 0px;
}






/* Keep right-most dropdown inside the screen on desktop */
@media (min-width: 981px) {
  /* For default header / primary menu */
  #top-menu > li.menu-item-has-children:last-child > ul.sub-menu {
    left: auto;
    right: 0;
  }

  /* For Theme Builder / Menu module fullwidth menus */
  .et_pb_menu .et-menu-nav > ul > li.menu-item-has-children:last-child > ul.sub-menu {
    left: auto;
    right: 0;
  }







  /* Make certain submenu items act as labels, not links */
  #top-menu .menu-item.menu-label > a, .et-fixed-header #top-menu .menu-item.menu-label > a {
  pointer-events: none;
  cursor: default;
  color: #E88835!important;
  font-weight: bold;
  text-decoration: none!important;

  }

  .nav li ul {
    width: 280px;
  }

  #top-menu li li a {
    width: 222px;
  }

}




 #mobile_menu .menu-item.menu-label > a, .et-fixed-header #mobile_menu .menu-item.menu-label > a {
  pointer-events: none;
  cursor: default;
  color: #E88835!important;
  font-weight: bold;
  text-decoration: none;
  }


#mobile_menu .menu-item {
  text-transform: uppercase!important;
}





#mobile_menu .donate-nav-button {
  background-color: #E88835;
}

#mobile_menu .donate-nav-button a {
  color: white;
}


/* Make the photo card a positioning context */
.tribe-events-pro-photo__event {
  position: relative;
}

/* Base badge on the image wrapper (reliable anchor) */
.tribe-events-pro-photo__event .tribe-events-pro-photo__event-featured-image-wrapper::before {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 5;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  pointer-events: none;
  text-transform: none;
}

/* Ensure the wrapper is positioned so ::before can place relative to it */
.tribe-events-pro-photo__event .tribe-events-pro-photo__event-featured-image-wrapper {
  position: relative;
}

/* Online */
.tribe-events-pro-photo__event.cat_online
  .tribe-events-pro-photo__event-featured-image-wrapper::before {
  content: "Online";
  background: #66AB73;
}

/* In-Person (your class uses underscore) */
.tribe-events-pro-photo__event.cat_in-person
  .tribe-events-pro-photo__event-featured-image-wrapper::before {
  content: "In-Person";
  background: #4775AC;
}








/* Force The Events Calendar headers to inherit site heading font */
.tribe-events h1,
.tribe-events h2,
.tribe-events h3,
.tribe-events h4,
.tribe-events h5,
.tribe-events h6 {
  font-family: inherit !important;
}


/* using Phone in header elements for the "new site" announcement */
#et-info-phone::before {
  display: none;
}

#et-info {
  padding-top: 15px;
}





.homepage-upcoming .tribe-events-header {
  display: none!important;
}