/*
 Theme Name:   Medact
 Theme URI:    https://www.medact.org/
 Description:  Theming for Medact Wordpress
 Author:       BW
 Author URI:   https://www.medact.org
 Version:      1.2.21
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  medact
 Template:     Divi
*/


/* header styles */

header:not(.tribe-block *):not(.tribe-events-header) {
  height: 4rem;
  width: 100%;
  background-color: var(--wp--preset--color--dark-blue)
}


header .header-content {
  position: fixed;

  transform: translate(-50%, 0);
  left: 50%;
  width: 100%;

  top: 0px;
  z-index: 2;

  padding: 0.2rem 1rem!important;
  box-sizing: border-box;
}

.admin-bar header .header-content {
  top: 32px;
}

header .wp-block-site-logo, header .wp-block-buttons {
  flex-shrink: 0;
}


.header-main-menu {
  font-weight: bold;
  margin-right: 1rem!important;
}

.header-main-menu a:hover {
  text-decoration: none;
  color: var(--wp--preset--color--light-blue);
}

.header .wp-block-navigation__container {
  gap: 1rem;
}

.header-main-menu .wp-block-navigation-item__content {
  padding: 0.5rem;
}

.header-main-menu .wp-block-navigation__submenu-container {
  border-top: 3px solid var(--wp--preset--color--light-blue);
}

/* override divi style */
.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav #page-container {
  padding-top: 0px;
}


/* footer */

.stick-to-bottom {
  position: sticky;
  bottom: 0;
}

#mailing-footer {
  box-shadow: -6px 3px 16px 6px #00000066;
}
#mailing-footer p {
  padding-bottom: 0;
}

.site-map li:nth-child(1) {
  font-weight: bold;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}


/* divi override  */
footer > .wp-block-group.has-background {
  padding: 0px;
}


/* force nav menu to 2 lines */

@media only screen and (max-width: 1100px) {
  header:not(.tribe-block *):not(.tribe-events-header) {
  height: 7.5rem
  }
  header .header-content {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
  }
}

@media only screen and (max-width: 950px) {
  header .wp-block-buttons.is-layout-flex {
    flex-direction: column;
  }
}


/* small screen */

@media only screen and (max-width: 767px) {
  header .header-content {
  position: relative;
  }
  .admin-bar header .header-content {
    top: 0px;
  }
  header .is-layout-flex {
  /*  flex-direction: column; */
  }
  header .wp-block-navigation-item__content {
    font-size: 14px;
  }
  section.has-global-padding, article.has-global-padding {
    padding: 1rem;
  }

  #mailing-footer {
    flex-direction: column;
  }

  .stick-to-bottom {
    position: relative;
    bottom: unset;
  }
  .site-map .wp-block-column {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 600px) {
  header .is-layout-flex.wp-block-buttons {
    flex-direction: row;
    gap: 0.1rem;
  }
  header .is-layout-flex.wp-block-buttons .wp-block-button__link {
    padding: 0.5rem 1rem;
  }
  header:not(.tribe-block *):not(.tribe-events-header) {
    height: 3.5rem;
  }
  /* fix burger menu */
  .wp-block-navigation__responsive-container.is-menu-open {
    height: 75vh;
    padding: 1rem;
    box-shadow: -6px 3px 16px 6px #00000066;
    scrollbar-width: 0;
  }

  .wp-block-navigation__responsive-container.is-menu-open::-webkit-scrollbar {
    display: none;
  }


  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0px!important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 0px!important;
  }
  header .wp-block-navigation-item__content {
    font-size: 16px;
    padding-bottom: 1rem!important;
  }
}

h1.entry-title, h1.wp-block-post-title {
    border-bottom: 1px solid grey;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
    margin-top: 2rem
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

.has-white-color a {
  color: var(--wp--preset--color--white);
}

#main-content .container {
   max-width: 700px;
   margin: auto;
}

@media (min-width: 981px) {
 .fullwidth {
  margin-left: -10%;
  margin-right: -10%;
  width: 120%;
 }
}


.et_full_width_portfolio_page .et_project_meta {
   width: unset;
   float: unset;
}



.et_no_sidebar #sidebar {
display: none!important;
}


.et_pb_pagebuilder_layout .et_pb_post:only-of-type {
padding-bottom: 0px;
margin-bottom: 0px;
}

@media (max-width: 550px) {
  img.size-medium {
    float: none;
    display: block;
  }
  img.size-medium.alignleft, img.size-medium.alignright {
    margin-bottom: 20px;
  }
}

/* query loops */
.wp-block-query figure {
  margin-bottom: 1rem;
}


/* override divi styles on query loop block */
.wp-block-query li.wp-block-post {
  list-style-type: none;
  padding: 1rem;
}
.wp-block-query li::marker {
  content: none;
}
.wp-block-query ul {
  padding: 0;
}


/* TYPOGRAPHY & PARA-STYLINGS */


.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a { color: #000; }



blockquote {
  background-color: aliceblue;
  padding: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}

blockquote p {
  padding-bottom: 1em;
}



div.entry-content li, div.tribe-events-content li  { margin-bottom: 8px; }

#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul, #left-area ol, .comment-content ol, .entry-content ol, body.et-pb-preview #main-content .container ol {
  list-style-position: outside;
}

#left-area ul li, #left-area ol li {
  padding-left: 7px;
}

div.entry-content ol, div.tribe-events-content ol, div.tribe-events-content ol, div.entry-content ul, div.tribe-events-content ul {
 list-style-position: outside;
}

.wp-block-group > ol, .wp-block-group > ul {
  padding-left: 2rem;
}

div.et_pb_sidebar_0 ul { margin-left: 0px; }

.project-template-page-template-blank #page-container {
    padding-top: 0px;
}


.et_pb_post div.entry-content {
padding-top: 15px;
}

span.mobile_menu_bar.mobile_menu_bar_toggle::before {
    color: #ffffff !important;
}

span.tribe-address span:after {
content: "\0020";
}

span.tribe-address span.tribe-locality:after {
content: "";
}


span.tribe-country-name { display: none; }




.fwidget {width: 100%;}

a:hover { text-decoration: underline; }

h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a { color: #000000; }
h1.et_pb_slide_title a, h2.et_pb_slide_title a, h3.et_pb_slide_title a, h4.et_pb_slide_title a, h5.et_pb_slide_title a, h6.et_pb_slide_title a { color: #ffffff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #518896; }
.widget_recent_entries a::after { content: "\A"; white-space: pre; }



/* EVENTS PAGES */

.tribe-events-page-template {
 --tec-font-family-sans-serif: 'Lato',Helvetica,Arial,Lucida,sans-serif;
 --tec-color-accent-primary: #518896;
 --tec-color-link-primary: #518896;
 --tec-color-button-primary: #2c3e50;
 --tec-color-background-events-bar-submit-button: #2c3e50;
 --tec-color-background-events-bar-submit-button-hover: #518896;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-events .tribe-events-c-subscribe-dropdown {
  /* margin comes from the block now */
  margin: 0;
}

/* calendar page */

span.tribe-events-list-separator-month {
  margin-bottom: 1rem;
}

#tribe-events-events-bar-search > form > button {
  border-radius: 0px;
}

.tribe-events-list .type-tribe_events {
  margin-bottom: 1rem;
  padding: 1rem 1.5rem 2rem
}

.tribe-events-list .tribe-events-loop .tribe-event-featured {
  background-color: #2c3e50!important;
  color: #fff!important;
}

.tribe-events-list-widget .tribe-events-list-widget-events {
padding-left: 0px!important;
padding-right: 0px!important;
padding-bottom: 1em!important;
margin-bottom: 1.25rem!important;
border-bottom: 1px solid;
}

ul.tribe-events-sub-nav a,  div.tribe-events-list-event-description > a.tribe-events-read-more {
        display: inline-block;
        margin: 10px 20px 10px 0px;
        padding: 10px 20px 10px;
        border: 3px solid #2c3e50;
	color: #2c3e50;
        position: relative;
}

ul.tribe-events-sub-nav a {
        color: #fff;
}

.entry-content hr {
margin-bottom: 28px;
}

.et_full_width_page div.abh_box {
width: 80% ! important;
max-width: 700px;
margin: 1em auto;
}

body .sd-social-icon .sd-content ul li[class*=share-] a, body .sd-social-icon .sd-content ul li[class*=share-] a:hover {
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

body .sd-content ul li a.sd-button:before {
	font-size: 22px;
}

sup {
	font-size: 70%;
}

p.post_meta_box_tags > a::before {
	content: "#"
}


/* BUTTON CLASSES */

.wp-block-button {
  font-weight: 700;
}


.ma-btn, #campaigns .wp-block-post-excerpt__more-link {
	display: inline-block;
	margin: 10px 20px 10px 0px;
	padding: 10px 20px 10px;
	border: 2px solid #2c3e50;
	color: #2c3e50;
	position: relative;
}

.ma-btn:hover, .ma-btn:hover, .tribe-events-content a.ma-btn:hover {
    text-decoration: unset;
    border-color: #2c3e50;
    background-color: aliceblue;
}

.ma-btn.light-btn:hover {
        background-color: #005999;
}

.ma-btn.wa-btn {
	border-color: #25d366;
	background-color: #25d366;
}

.ma-btn.fb-btn {
	border-color: #3b5998;
	background-color: #3b5998;
}

.ma-btn.tw-btn {
	border-color: #00acee;
	background-color: #00acee;
}

.ma-btn.ig-btn {
	border-color: #5B51D8;
	background-color: #5B51D8;
}

.ma-btn.em-btn {
	border-color: #ea4335;
	background-color: #ea4335;
}


.ma-btn.fb-btn, .ma-btn.wa-btn, .ma-btn.tw-btn, .ma-btn.ig-btn, .ma-btn.em-btn {
	border-width: 4px;
        color: #fff;
        font-weight: 900;
}


.ma-btn.fb-btn:hover, .ma-btn.wa-btn:hover, .ma-btn.tw-btn:hover, .ma-btn.ig-btn:hover, .ma-btn.em-btn:hover {
        background-color: #fff;
        color: #000;
}

.ma-btn.pnp-btn {
	border-color: #72cc84;
	background-color: #72cc84;
	color: #fff;
	font-weight: 900;
}

.ma-btn.pnp-btn:hover {
	color: #000;
}


.ma-btn.dark-btn, #campaigns .wp-block-post-excerpt__more-link {
	border: 3px solid #2c3e50;
	background-color: #2c3e50;
	color: #fff;
	font-weight: 900;
}

.ma-btn.dark-btn:hover {
	color: #000;
        background-color: aliceblue;
        border-color: #262946;
	text-decoration: unset;
}


.ma-btn.gold-btn {
	border: 3px solid #ffe000;
	background-color: #ffe000;
	color: #000;
	font-weight: 900;
}

.ma-btn.gold-btn:hover {
	color: #000;
	text-decoration: unset;
}


.ma-btn.large-btn {
	font-size: 22px;
}


.ma-btn.calendar-btn:before {
    content: "\f073";
    font-family: FontAwesome;
    font-size: 22px;
    margin-left: -5px;
    padding-right: 0.5em;
}

body.et_divi_theme .et_pb_button {
	border-radius: 0;

}



img.alignright, img.alignleft {
	margin-bottom: 8px;
}

img.shadow {
box-shadow: 3px 3px 3px 3px grey;
}

.wp-caption {
border-width: 0px;
}

h2.h4gnd-title, h3.h4gnd-title {
  padding: 16px 16px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-transform: uppercase;
}

h2.h4gnd-title-orange, h3.h4gnd-title-orange {
  background-color: #c4783a;
  color: #fff;
}

h2.h4gnd-title-blue, h3.h4gnd-title-blue {
  background-color: #8dd1da;
color: #000!important;
}

h2.h4gnd-title-pink, h3.h4gnd-title-pink {
  background-color: #c34a6f;
  color: #fff;
}


/* PNP STYLES */

footer#main-footer.pnp-footer {
  margin: 0px;
  text-align: left;
  font-family: BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  background-color: #72cc83;
  color:#fff;
  padding-top: .5rem !important;
  box-sizing: border-box;
}

.pnp-footer .flex-container {
  width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.pnp-footer .flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  box-sizing: border-box;
}

.pnp-footer .flex-fullwidth, .pnp-footer .flex-thirds {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  box-sizing: border-box;
}

.pnp-footer .flex-fullwidth {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 1rem !important;
  margin-bottom: 1.5rem !important;
  text-align:center;
}

@media (min-width: 768px) {
 .pnp-footer .flex-thirds {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
 }
}

.pnp-footer .footer-logo img {
 max-width:100%;
 max-height:100%
}

.pnp-footer .footer-contact {
 margin-bottom:30px
}
.pnp-footer a {
  color:#fff;
  text-decoration: none;
  background-color: transparent;
}

.pnp-footer hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  color:#842075;
  border-color:#842075;
  background-color:#842075;
  border-top: 1px;
  border-width:5px
}

.tribe_events-template-page-template-pnp dt.tribe-events-event-categories-label,
.tribe_events-template-page-template-pnp dd.tribe-events-event-categories,
.tribe_events-template-page-template-pnp dt.tribe-event-tags-label,
.tribe_events-template-page-template-pnp dd.tribe-event-tags {
  display: none;
}

.tribe_events-template-page-template-pnp {
  --tec-font-size-2: 18px;
}

/* HIDDEN SCROLLABLES */


.hidden_vscroll, .petition_text {
  overflow: scroll;

/* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hidden_vscroll::-webkit-scrollbar, .petition_text::-webkit-scrollbar {
  display: none;
}

.petition_text {
  max-height: 500px;
}


.civiframe {
  margin-top: 10px;
  padding-bottom: 20px;
}

.civiframe:first-child {
  margin-top: 0px;
}

.post-footer .wp-block-post-author {
  padding: 2rem;
  background-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white);
}

.post-template-single-annual_report {
  font-size: 1.3rem;
}

.post-template-single-annual_report h1.wp-block-post-title {
  text-align: center;
  border: 0;
  font-size: 2.5rem;
  padding: 2rem 0;
}

.post-template-single-annual_report .wp-block-button {
  border: 2px solid var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--dark-blue);
}

.post-template-single-annual_report section {
  padding: 2rem 0;
}

.post-template-single-annual_report section h2 {
  display: inline-block;
  font-size: 2.5rem;
  padding: 2rem 0;
  border-bottom: 1px solid black;
}

.post-template-single-annual_report section h2+p {
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.post-template-single-annual_report section h2+p+p {
  margin-block-start: 0;
}

.post-template-single-annual_report section:nth-child(2n) {
  background-color: #455d6d;
  color: #fff;
}

.post-template-single-annual_report section:nth-child(2n) h2 {
  color: #fff;
  border-color: #fff;
}

.post-template-single-annual_report section:nth-child(2n) a {
  color: #fffda9;
}

.post-template-single-annual_report .alert {
  font-weight: 600;
  font-style: italic;
  background-color: #f0f8ff;
  border: 1px solid #000;
  padding: 12px;
}

.post-template-single-annual_report .alert a {
  color: #518896;
}