/**
 * Theme Name: TLC 2024
 * Description: Treatment & Learning Center
 * Author: Leading Web Studio LLC
 * Template: blocksy
 * Text Domain: blocksy
 */

img.default-logo {
    padding: 5px;
    background: #fff;
}

.shortheadline {
  font-size:1.5rem;
  margin-bottom: 2rem;;
}

 .breadcrumb {
   font-size:inherit;
 }

 .resourcesbox p {
  margin-bottom:1rem;
 }

 .breadcrumb a {
   color:navy;
 }

.resourcesbox {
  background: aliceblue;
  
}

#bodymenu-services-schools > li > a {
  color:#fff;
}

#bodymenu-services-schools > li > a:hover {
  color:#43a047;
}

.hero-section[data-type="type-1"] {
  margin-bottom: var(--margin-bottom, 0)!important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  margin-top:0;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: inherit!important;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: 0; 
}
h2 {
  border-bottom: var(--paletteColor5) 0.2rem solid;
}

:root {
  --content-vertical-spacing: 10px;
}

[data-footer*="type-1"] footer.ct-footer {
  margin-top: 1rem;
  border-top: 0.2rem solid var(--paletteColor1);
}

.entry-content h3 {
  margin-bottom:1px!important;
}

.entry-content h2 {
  margin-bottom:1px!important;
}

p {
  margin-bottom: .5rem!important;
}

.staffsingle {
  width: 20rem!important;
}

.imginnerborder {
  outline: 2px solid white;
  outline-offset: -15px;
}

.leftpadding {
  padding-left:25px;
}

.rightpadding {
  padding-right: 25px;
}

.maxwidth60p {
	max-width:60%!important;
}

.notesinfobox {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px;
    color: #00529b;
    background-color: #efefef;
} 

.bcbg {
  border-bottom: 1px solid #C0D2D8;
  padding:0.5rem!important;
}

.singeservlist {
  list-style: none;
  padding: 0;
  display: flex;
}

.singeservlist li {
  float: left;
  padding-right: 1rem;
  max-width: 10rem;
}

h2.tribe-events-widget-events-list__header-title.tribe-common-h6.tribe-common-h--alt {
  font-size: 35px;
  color: var(--heading-color, var(--heading-2-color, var(--headings-color)));
  font-weight: 600;
}

.mobile-menu .ct-menu-link { font-size: inherit; }

.servicetnimg {
  width: 20rem!important;
  float: right;
  margin-top: 3.5rem;
}

.issuuembed { width: 95%!important; }

[data-footer*="type-1"] footer.ct-footer { margin-top: inherit; }

.zoomie {zoom:80%;}

a.ct-menu-link.ct-disabled-link.ct-column-heading {
    font-size: 1.5rem;
}

<!-- --------------------------------------------------- -->
#faqwrapper {
  min-height: 0;
  display: inline-block;
  position: relative;
  left: 50%;
  margin: 50px 0;
  transform: translate(-50%, 0);
  /*background-color: #fefffa;
  max-width: 450px;*/
  padding: 30px;
  @media ( max-width:550px ) {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
}

#faqwrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 55rem;
  & li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 5px;
    border-top: 1px dotted red;
    & i{
      position: absolute;
      transform: translate(-6px, 0);
      margin-top: 9px;
      right: 0;
      &:before,&:after {
        content: "";
        position: absolute;
        background-color: #000;
        width: 3px;
        height: 16px;
      }
      &:before {
        transform: translate(2px, 0) rotate(45deg);
      }
      &:after {
        transform: translate(2px, 0) rotate(-45deg);
      }
    }
    & input[type=checkbox] {
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0;
      &:checked ~ p {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
      }
      &:checked ~ i:before {
        margin-top: 9px;
        height: 9px;
        transform: translate(2px, 0) rotate(45deg);
      }
      &:checked ~ i:after {
        margin-top: 9px;
        height: 9px;
        transform: translate(-2px, 0) rotate(-45deg);
      }
    }
  }
}

/* container */
.responsive-two-column-grid {
  display:block;
  grid-template-columns: 3fr 1fr;
}

/* columns */
.responsive-two-column-grid > * {
  padding:1rem;
}

/* tablet breakpoint */
@media (min-width:768px) {
  .responsive-two-column-grid {
      display: grid;
      grid-template-columns: 3fr 1fr;
      padding:1rem;
  }
}