/**Allison Skinner created this custom.css file to cover various custom styling surrounding the EVENTS content type and views for libs.uga.edu******/

/*individual event post*/
.event-header {
  padding-bottom: 2em;
}
.page-node-type-event .views-field-field-photo-url {
  padding-bottom: 1em;
}
.page-node-type-event .views-field-body {
  padding-top: 1em;
}
.page-node-type-event h2.field-content.page-header {
  display:block;
}
.page-node-type-event h2.page-header {
  display:none;
}

/*upcoming events block on homepage*/
.upcoming-events-home {
  max-height: 1095px;
}
.upcoming-events-home .upcoming-events .view-content {
  margin-top: 0;
}
.upcoming-events .view-content {
  margin-top: 3em;
}
.upcoming-events-home .upcoming-events .views-row {
  display: flex;
  padding-bottom: 0.25em;
  margin-bottom: 1.8em;
  border-bottom: 1px solid #dfdfdf;
}
.upcoming-events .views-row {
  display: flex;
  padding-bottom: 1.5em;
  margin-bottom: 1.8em;
  border-bottom: 1px solid #dfdfdf;
}
.upcoming-events .views-row:last-child {
  border-bottom:none;
}
.upcoming-events .views-field-field-date-from-1, .makerspace-events .upcoming-events .views-field-field-date-from {
  width: 50px;
}
.upcoming-events .views-field-field-date-from-1
.upcoming-events .views-field-field-photo-url {
  width: 200px;
}
.upcoming-events-home .upcoming-events .views-field-nid {
  width: 100%;
  padding-left: 0;
}
.makerspace-events .upcoming-events .views-field-nid {
  width: calc(100% - 80px);
  padding-left: 0;
}
.upcoming-events .views-field-nid {
  width: calc(100% - 180px);
  padding-left: 0em;
}
.upcoming-events .views-field-field-photo-url {
  padding-right: 1.5em;
}

.upcoming-events .views-field-field-date-from-1, .makerspace-events .upcoming-events .views-field-field-date-from {
  line-height: 1.1;
}
.upcoming-events .views-field-field-date-from-1 .date .month, .makerspace-events .views-field-field-date-from .date .month {
  display: block;
  color: #000;
  font-weight: 300;
  font-size: 0.88em;
}
.upcoming-events .views-field-field-date-from-1 .date .day {
  font-family:'Oswald', sans-serif;
  font-weight: 300;
  font-size: 2em;
  color:#000;
}
.makerspace-events .upcoming-events .views-field-field-date-from .date .day {
  font-family:'Oswald', sans-serif;
  font-weight: 300;
  font-size: 2em;
  color:#000;
}
.upcoming-events .views-field-nid  h3 {
  margin: 0 0 0.5em 0;
  font-size: 16px;
  font-weight: 600;
}
.upcoming-events .views-field-nid  h3 a {
      color: #004E60!important;
}
.upcoming-events .views-field-nid  .event-meta {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  padding: 0.5em 0;
}
.upcoming-events .views-field-nid span.registration a {
  color:#000;
  text-decoration:underline;
}
.upcoming-events .views-field-nid span.registration a:hover, .upcoming-events .views-field-nid span.registration a:focus {
  text-decoration:none;
}
.upcoming-events .views-field-nid  .event-meta span {
  padding-right: 10px;
  margin-bottom: 10px;
}
.upcoming-events .views-field-nid  .event-meta  i {
  color:#004E60;
}
.upcoming-events .views-field-nid  .field-content {
  height: 100%;
}
.upcoming-events .views-field-nid  .event-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;

}
.upcoming-events .btn-info {
  background-color: #004e60;
  border-color: #004e60
}
.upcoming-events .views-exposed-form {
  margin: 1.5em 0;
}
.upcoming-events .captcha-admin-links {
  display:none!important;
}
/*event taxonomy*/
article.event.teaser h2 {
  font-size: 22px;
}
/*event admin form display*/


@media (max-width: 992px) {
.upcoming-events .views-field-nid  {
  width: 100%;
  }
  .upcoming-events .views-field-field-photo-url {
    padding-right: 1em;
  }
  .upcoming-events .views-field-nid  h3 {
  font-size: 1em;
  }
}
@media (max-width: 570px) {
  .upcoming-events .views-row {
    flex-wrap: wrap;
  }
  .upcoming-events .views-field-nid  {
    width: 60px;
  }
  .upcoming-events .views-field-field-photo-url {
    width: calc(100% - 60px);
  }
  .upcoming-events .views-field-nid  {
    width: 100%;
    padding-left: 0;
    margin-top: 1.5em;
  }

}

/* CKeditor-accordion changes requested by Chandler. Affects all CKeditor accordions in this theme */


.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: inline-block;
  position: absolute;
  padding: 0 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  top: calc(50% - 1px);
  left: 95%;
  box-sizing: border-box;
}

.ckeditor-accordion-container > dl dt > a {
  display: block;
  padding: 10px 15px 10px 15px;
  background-color: #fff; 
  color: #0e0000;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: 1px solid lightgrey;
}

.ckeditor-accordion-container > dl {
  border: 0;
}

.ckeditor-accordion-container > dl dt > a:hover {
  background-color: lightgrey;
}
.ckeditor-accordion-container > dl dt.active > a {
   background-color: #fff;
}

.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: 0;
}

/* contents */
.ckeditor-accordion-container > dl dd {
  display: none;
  padding: 0 15px;
  margin: 0;
  will-change: height;
  border-bottom: 1px solid lightgrey;
}
dd#grey-bottom-border {
  border-bottom: 1px solid lightgrey;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: #000;
}