/*** FCAD CUSTOM STYLES ***/
/*  Variables */
/* Global Header */
.resGlobalHeader .global-header-top {
  border-bottom: 2px solid #d9d9d9;
}
/* Local Header - Common */
.res-local-header-wrapper {
  color: #000000;
  background-color: #ffffff;
  position: relative;
  box-shadow: none;
  border-bottom: 5px solid #D9D9D9;
}
.res-local-header-wrapper .logoContainer {
  display: block;
  position: absolute;
}
.res-local-header-wrapper .logoContainer img {
  width: 100%;
  height: 100%;
}
/* Local Header - Faculty */
.res-local-header-wrapper.facultyHeader .logoContainer {
  display: none;
}
.res-local-header-wrapper.facultyHeader .res-local-header .site-heading {
  padding: 15px 15px 15px 0;
}
.res-local-header-wrapper.facultyHeader .res-local-header .site-heading a {
  color: #000000;
}
/* Local Header - Other */
.res-local-header-wrapper:not(.facultyHeader) .res-local-header .site-heading {
  text-align: left;
  padding: 15px 320px 15px 0px;
}
.res-local-header-wrapper:not(.facultyHeader) .res-local-header .site-heading a {
  color: #000000;
}
.res-local-header-wrapper:not(.facultyHeader) .logoContainer {
  left: auto;
  top: 0;
  right: 50px;
  bottom: 0;
  width: 240px;
  height: 52px;
  content: url("../../../../etc.clientlibs/ryecms/static/customStyles/fcad/resources/images/at-the-creative-school.svg");
  margin: auto;
}
/* Announcement */
.resAnnouncement .infoContainer.style1 {
  background-color: #D9D9D9;
  color: #000000;
}
.resAnnouncement .infoContainer.style2 {
  border: 3px solid #D9D9D9;
}
/* Blockquote */
blockquote {
  padding: 15px;
  background-color: transparent;
}
blockquote.customStyle1 {
  border-bottom: 10px solid #D9D9D9;
}
blockquote.customStyle2 {
  border-bottom: 10px solid #D9D9D9;
}
/* Buttons */
.resButtons .res-buttons .customStyle1 .row .inside-full-height,
.resButtons .res-buttons .buttonDefault .row .inside-full-height,
.resButtons .res-buttons .buttonCallToAction .row .inside-full-height {
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.resButtons .res-buttons .customStyle1 .row .inside-full-height a,
.resButtons .res-buttons .buttonDefault .row .inside-full-height a,
.resButtons .res-buttons .buttonCallToAction .row .inside-full-height a {
  color: #000000;
}
.resButtons .res-buttons .buttonDefault.customStyle3 .row .inside-full-height,
.resButtons .res-buttons .buttonCallToAction.customStyle4 .row .inside-full-height {
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.resButtons .res-buttons .buttonDefault.customStyle3 .row .inside-full-height a,
.resButtons .res-buttons .buttonCallToAction.customStyle4 .row .inside-full-height a {
  color: #000000;
}
/* Optional Button */
.optionalButton {
  border-color: #D9D9D9;
}
.optionalButton:hover {
  border-color: #D9D9D9;
  background-color: #D9D9D9;
}
.optionalButton:hover a {
  color: #000000 !important;
}
/* Image w/Text */
.resImageText .thumbnail a > .overlayText {
  color: #000000;
}
.resImageText .thumbnail .overlayText {
  color: #000000;
  background-color: #D9D9D9;
}
/* Full-Width Colour */
.resFullWidthColour .res-fullwidth {
  color: #000000;
  background-color: #D9D9D9;
  font-family: 'Replica-Light', 'Roboto-Light', Arial, sans-serif, 'Font Awesome 6 Free';
}
.resFullWidthColour .res-fullwidth a {
  color: #000000;
}
/* Slideshow */
.res-slideshow .carousel .carousel-control {
  color: #000000 !important;
}
.res-slideshow .carousel .carousel-control .fa-chevron-left,
.res-slideshow .carousel .carousel-control .fa-chevron-right {
  color: #000000 !important;
  background-color: #D9D9D9 !important;
}
.res-slideshow .carousel .slide-control {
  color: #000000 !important;
  background-color: #D9D9D9 !important;
}
.res-slideshow .carousel .carousel-inner .item .carousel-caption {
  background-color: #D9D9D9 !important;
}
.res-slideshow .carousel .carousel-inner .item .carousel-caption a:not(.btn),
.res-slideshow .carousel .carousel-inner .item .carousel-caption > p {
  color: #000000 !important;
}
/* Table */
.resTable table.table.table-bordered th {
  background-color: #D9D9D9;
  color: #000000;
}
.resTable table.table.table-striped th {
  background-color: #D9D9D9;
  color: #000000;
}
/* Tabs */
.nav-tabs > li {
  background: #D9D9D9;
}
.nav-tabs > li > a {
  color: #000000;
}
.nav-tabs > li > a:hover {
  background-color: #D9D9D9;
  border: 1px solid #D9D9D9;
}
.nav-tabs > li:not(.active) > a:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
/* Local Footer */
.res-local-footer-wrapper {
  color: #000000;
  background-color: #D9D9D9;
}
.res-local-footer-wrapper .icon-circle {
  color: #D9D9D9;
  background-color: #000000;
}
.res-local-footer-wrapper .resLocalFooter a {
  color: #000000;
}
.res-local-footer-wrapper .resLocalFooter .resImageText a,
.res-local-footer-wrapper .resLocalFooter .resVideoText a,
.res-local-footer-wrapper .resLocalFooter .background-opaque,
.res-local-footer-wrapper .resLocalFooter .background-opaque a,
.res-local-footer-wrapper .resLocalFooter .resTabs .tab-content,
.res-local-footer-wrapper .resLocalFooter .resTabs .tab-content a,
.res-local-footer-wrapper .resLocalFooter .optionalButton a {
  color: initial;
}
.res-local-footer-wrapper .resLocalFooter .optionalButton a {
  text-decoration: none;
}
/* Modifications for various breakpoints */
@media (max-width: 768px) {
  .res-local-header-wrapper {
    min-height: 140px;
  }
  .res-local-header-wrapper.facultyHeader {
    min-height: 70px;
  }
  .res-local-header-wrapper.facultyHeader .res-local-header .site-heading {
    padding: 12px 18px 12px 0px;
    text-align: left;
  }
  .res-local-header-wrapper.facultyHeader .res-local-header .site-heading .logoContainer {
    width: 90px;
    height: 26px;
    left: auto;
    right: 24px;
    top: auto;
    bottom: 24px;
  }
  .res-local-header-wrapper:not(.facultyHeader) {
    min-height: 114px;
    border-bottom: 0;
  }
  .res-local-header-wrapper:not(.facultyHeader):before {
    content: " ";
    background: #D9D9D9;
    width: 100%;
    height: 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    /*bottom: auto;
		    top: 64px;*/
    bottom: 52px;
    top: auto;
  }
  .res-local-header-wrapper:not(.facultyHeader) .res-local-header .site-heading {
    /*padding: 78px 18px 10px 0px;*/
    padding: 10px 18px 62px 0px;
  }
  .res-local-header-wrapper:not(.facultyHeader) .res-local-header .site-heading .logoContainer {
    left: 15px;
    /*top: 8px;*/
    top: auto;
    right: auto;
    /*bottom: auto;*/
    bottom: 10px;
    /*width: 250px;
			    height: 52px;*/
    width: 162px;
    height: 34px;
    content: url(../../etc.clientlibs/ryecms/static/customStyles/fcad/resources/images/at-the-creative-school.svg);
  }
}
@media screen and (min-width: 1200px) {
  #mainContent.col-md-12 > div.content > .resSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption,
  .homepageSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1140px;
    clip-path: inset(0 36% -20px 0);
  }
  #mainContent.col-md-12 > div.content > .resSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption > p.carousel-main-text,
  .homepageSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption > p.carousel-main-text {
    width: 58%;
  }
  #mainContent.col-md-12 > div.content > .resSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption > p.carousel-summary-text,
  .homepageSlideshow .res-slideshow .pagewide .carousel .carousel-inner .item .carousel-caption > p.carousel-summary-text {
    width: 58%;
  }
}