/*
Theme Name: BC
Theme URI: https://www.barclaycollege.edu/
Description: The Barclay College WordPress theme designed by Morgan and developed by Barry.
Author: Barry Anders
Author URI: https://github.com/barryanders
Template: Divi
Version: 5.6.28
*/

/* hide stuff */
#nav\:tertiary,
#main-content :not(.et-l--footer) .et_pb_top_inside_divider,
#program-review
{ display: none; }

/* body */
body #page-container { overflow-x: hidden; }
body { overscroll-behavior: none; }

/* Spacer */
.br { display: block; padding: 16px 0 0 0; }
.hr { display: block; height: 1px; background: #999999; margin: 16px 0; }
.flex-break { flex-basis: 100%; }

/* iframe */
[onload^="iFrameResize"] { width: 1px; min-width: 100%; }
iframe { background: url('https://cdn.barclay.college/ui/spinner.gif') center/300px no-repeat; }

/* -------------------------------------------------------------------------- */
/* Typography
/* -------------------------------------------------------------------------- */

@font-face {
  font-family: 'Mrs Eaves XL';
  src:url('/wp-content/uploads/et-fonts/MrsEavesXL-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Mrs Eaves XL';
  font-weight: 700;
  src: url('/wp-content/uploads/et-fonts/MrsEavesXL-Bold.otf') format('opentype');
}

/* Fonts */
.font\:normal    { font-family: 'Open Sans', Calibri, Arial, Helvetica Neue, Helvetica, sans-serif; }
.font\:mrs-eaves { font-family: 'Mrs Eaves XL', Georgia, Baskerville, Book Antiqua, serif; }
.font\:open-sans { font-family: 'Open Sans', Calibri, Arial, Helvetica Neue, Helvetica, sans-serif; }

/* Font Weights */
.font\:normal    { font-weight: 400; }
.font\:light     { font-weight: 300; }
.font\:demibold  { font-weight: 600; }
.font\:bold      { font-weight: 700; }
.font\:ultrabold { font-weight: 800; }
input, select    { font-weight: 300; }

/* Line Height */
.font\:normal { line-height: 1.2; }
body, h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
small                        { line-height: 1.3; }

/* Font Sizes */
.font\:normal { font-size: 1em /*20px*/; }
h1    { font-size: 50em; font-weight: 300; } /* 50px */
h2    { font-size: 1.6em; font-weight: 400; } /* 32px */
h3    { font-size: 1.2em; font-weight: 400; } /* 24px */
small { font-size: 0.75em /*15px*/; }
sup   { font-size: 12px; font-weight: normal; }

ol { list-style-position: outside !important; padding-left: 1.5rem !important; }

/* -------------------------------------------------------------------------- */
/* Header
/* -------------------------------------------------------------------------- */

.page-id-2 #et-main-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.page-id-2 header {
  padding-bottom: 0 !important;
}

/* remove default mobile menu */
.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;
}
.hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}

.mega-menu .sub-menu .thumb>a::before,
.mega-menu .sub-menu .thumb-full>a::before,
.mega-menu .sub-menu [class^="thumb"]>a::before {
  border-radius: 5px;
}

.et-menu .sub-menu {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Don't fade items on hover */
.et-menu a:hover,
.et-menu .sub-menu a:hover { opacity: 1; }

/* Target external links in the menu */
.et-menu .sub-menu li:not([class*="gg-"]):not(.no-text):not(.disabled):not(.button) a:not([href^="/"]):not([href*="barclaycollege.edu"]):after,
.et-menu .sub-menu li:not([class*="gg-"]):not(.no-text):not(.disabled):not(.button) a[href*=".edu/forms"]:after,
.et-menu .sub-menu li:not([class*="gg-"]):not(.no-text):not(.disabled):not(.button) a[href*=".edu/jobs"]:after,
.et-menu .sub-menu li:not([class*="gg-"]):not(.no-text):not(.disabled):not(.button) a[href*="mailto:"]:after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: relative;
}

.mfp-content { position: unset; }

/* -------------------------------------------------------------------------- */
/* Divi Gallery Fix
/* -------------------------------------------------------------------------- */

.et_pb_gallery_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.et_pb_gallery_item img { width: 100%; }

/* -------------------------------------------------------------------------- */
/* #main-content
/* -------------------------------------------------------------------------- */

/*
.parent-pageid-15840: institutes
.parent-pageid-15444: bc publishers
.parent-pageid-15590: bc publishers books
.parent-pageid-14772: institute of biblical translation
*/
body:not(.home):not(.parent-pageid-15590):not(.parent-pageid-15840):not(.parent-pageid-15444):not(.parent-pageid-14772):not(.single-post) #main-content { border-top: 64px solid #878a8e; }

/* tables */
table th, table td { padding: 0.5rem !important; }

/* div table */
.table { display: table; width: 100%; }
.tbody { display: table-row-group; }
.tr    { display: table-row; }
.td    { display: table-cell; }

/* ctas */
.cta .et_pb_column { transition: all 0.5s; }
@media only screen and (min-width:981px) and (max-width: 1380px) {
  .cta .et_pb_column { width: 50% !important; }
}

/* #statistics */
#statistics h1,
#statistics h2,
#statistics h3
{ line-height: 0.7; padding-bottom: 0; }

/* -------------------------------------------------------------------------- */
/* #average-debt
/* -------------------------------------------------------------------------- */

#average-debt                           { margin: 16px auto !important; display: flex; }
#average-debt .table, #average-debt .td { border: 0 !important; }
#average-debt .tr:first-child .td       { padding-top: 25px !important; }
#average-debt .tr:last-child .td        { padding-bottom: 25px !important; }
#average-debt .td                       { padding: 10px 40px !important; }
#average-debt .td:first-child           { border-right: #999999 solid 1px !important; }
#average-debt .td:first-child::before {
  content: '';
  width: 0;
  height: 0;
  border: 33px solid transparent;
  border-bottom-color: #d00000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -66px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
#average-debt .td:first-child::after {
  content: '';
  width: 0;
  height: 0;
  border: 33px solid transparent;
  border-top-color: #d00000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
#average-debt .td:last-child::after {
  content: 'VS';
  width: 0;
  height: 0;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admissions-money {
  background: url("data:image/svg+xml,%3Csvg height='65.039' viewBox='0 0 158.162 65.039' width='158.162' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m-731.4194-1283.2314h1280v5000h-1280z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m2.9561 0h152.2489a2.957 2.957 0 0 1 2.957 2.957v59.125a2.957 2.957 0 0 1 -2.957 2.957h-152.2489a2.9561 2.9561 0 0 1 -2.9561-2.956v-59.1269a2.9561 2.9561 0 0 1 2.9561-2.9561z' fill='%23999'/%3E%3Cpath d='m15.1506 6.2822s0 8.13-8.13 8.13v36.2151s8.13 0 8.13 8.13h128.5994s0-8.13 8.13-8.13v-36.2151s-8.13 0-8.13-8.13z' fill='%23aeadae'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  width: 158px;
  margin: 0 auto;
  height: 65px;
  color: #d00000;
  font-size: 1.6em /*32px*/;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width:479px) {
  #average-debt .td               { margin-top: 16px !important; padding: 0 !important; }
  #average-debt p                 { padding-top: 16px; margin: 0 5px; }
  #average-debt h3                { font-size: 0.9em /*18px*/; position: relative; z-index: 1; padding: 0 28px; }
  #average-debt .admissions-money { width: 130px; font-size: 1.3em /*26px*/; }
}

/* -------------------------------------------------------------------------- */
/* Footer
/* -------------------------------------------------------------------------- */

/* Divider */
footer .et_pb_top_inside_divider {
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='60' viewBox='0 0 1280 60' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238b7866'%3E%3Cpath d='M250 45v45h1280L1280 15z'/%3E%3C/g%3E%3Cg fill='%23d00000'%3E%3Cpath d='M0 60v0h1280L0 0z'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  margin-top: -60px !important;
  z-index: 2 !important;
}

/* -------------------------------------------------------------------------- */
/* Preload - page load styles (functions.php, style.css, script.js)
/* -------------------------------------------------------------------------- */

/* Disable transitions */
.preload * {
  -webkit-transition: none !important;
     -moz-transition: none !important;
      -ms-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

/* Hide these elements */
/*.preload *::before,
.preload *::after,
.preload.home #menu-primary > li:last-child,
.preload #nav\:primary .et_pb_bottom_inside_divider,
.preload #main-content .et_pb_top_inside_divider,
.preload footer .et_pb_top_inside_divider,
.preload #hero
{ visibility: hidden; }*/

/* -------------------------------------------------------------------------- */
/* Lightbox
/* -------------------------------------------------------------------------- */

[class*="lightbox-trigger-"] { cursor:pointer; }
[class*="lightbox-content-"] { border-radius: 20px; display: flex; justify-content: center; position:relative; z-index: unset !important; }
[class*="lightbox-content-"] .mfp-close {color:#999999 !important; }
[class*="lightbox-content-"] .mfp-close:active {top:0px !important; }

/* -------------------------------------------------------------------------- */
/* Search
/* -------------------------------------------------------------------------- */

.search-suggestions { font-size: 1em /*16px*/; margin: 13px 0 0 0; }
.search-post, .search-news-post { transform: scale(1); background: #ffffff; box-shadow: 0 0 30px -17px rgba(139, 120, 102, 0.5); transition: all 0.25s; cursor: pointer; }
.search-post:hover, .search-news-post:hover { transform: scale(1.01); box-shadow: 0 0 30px -17px rgba(139, 120, 102, 0.8); transition: all 0.25s; }
.search-post:nth-child(3n+1):hover { background: #999999; }
.search-post:nth-child(3n+3):hover { background: #d00000; }
.search-post:nth-child(3n+2):hover { background: #8b7866; }
.search-post:nth-child(3n+1):hover                                        .search-title { color: #ffffff; border: 0; border-top: #8b7866 solid 1px; border-left: #8b7866 solid 1px; border-right: #8b7866 solid 1px; border-bottom: #8b7866 solid 1px; }
.search-post:nth-child(3n+1):hover                                        .search-image { border: 0; border-top: #8b7866 solid 1px; border-left: #8b7866 solid 1px; border-bottom: #8b7866 solid 1px; }
.search-post:nth-child(3n+3):hover .search-title, .search-news-post:hover .search-title { color: #ffffff; border: 0; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-right: #999999 solid 1px; border-bottom: #8b7866 solid 1px; }
.search-post:nth-child(3n+3):hover .search-image, .search-news-post:hover .search-image { border: 0; border-top: #999999 solid 1px; border-left: #999999 solid 1px; border-bottom: #999999 solid 1px; }
.search-post:nth-child(3n+2):hover                                        .search-title { color: #ffffff; border: 0; border-top: #849ca3 solid 1px; border-left: #849ca3 solid 1px; border-right: #849ca3 solid 1px; border-bottom: #849ca3 solid 1px; }
.search-post:nth-child(3n+2):hover                                        .search-image { border: 0; border-top: #849ca3 solid 1px; border-left: #849ca3 solid 1px; border-bottom: #849ca3 solid 1px; }
.search-post:hover .search-title, .search-news-post:hover .search-title { color: #ffffff; border: 0; border-top: #8b7866 solid 1px; border-left: #8b7866 solid 1px; border-right: #8b7866 solid 1px; border-bottom: #8b7866 solid 1px; }
.search-post:hover .search-image, .search-news-post:hover .search-image { border: 0; border-top: #8b7866 solid 1px; border-left: #8b7866 solid 1px; border-bottom: #8b7866 solid 1px; }
.search-title       { transition: all 0.25s; color: #d00000; border: 0; border-top: #e7e4e0 solid 1px; border-left: #e7e4e0 solid 1px; border-right: #e7e4e0 solid 1px; border-bottom: #e7e4e0 solid 1px; width: 60%; height: 120px; vertical-align: middle; padding: 12px 16px; }
.search-image       { transition: all 0.25s; border: 0; border-top: #e7e4e0 solid 1px; border-left: #e7e4e0 solid 1px; border-bottom: #e7e4e0 solid 1px; width: 40%; }
.search-title div   { width: 100%; font-size: 24px; text-align: center; }
.search-image div   { width: 100%; height: 120px; }

.search-date { transition: all 0.25s; text-align: center; font-size: 0.8em /*16px*/ !important; color: #8b7866; }
.search-post:hover .search-date { color: #ffffff !important; }

.search-news-post:hover .search-title { color: #d00000; }

#news-field {
  font-size: 1.25rem;
  width: 100%;
  max-width: 768px;
}

.search-form {
  text-align: center;
}

@media only screen and (max-width:980px) {
  #search-field { font-size: 1.1em /*22px*/ !important; }
  .search-title { font-size: 1em /*20px*/ !important; display: flex !important; align-items: center !important; flex-direction: column; justify-content: center; }
  .search-title,
  .search-image { width: 100%; display: block; }

}

@media only screen and (max-width:479px) {
  #searching { padding-left: 0; padding-right: 0; }
  #search-field { font-size: 0.9em /*18px*/ !important; }
  .search-title { font-size: 0.8em /*16px*/ !important; display: flex !important; align-items: center !important; }
}

/* -------------------------------------------------------------------------- */
/* Application
/* -------------------------------------------------------------------------- */

.app-type {
  width: 43px;
  height: 43px;
  opacity: 0;
  cursor: pointer;
  margin: 0 auto;
  display: none;
}
.bc-checkbox {
  margin: 0 auto;
  width: 42px;
  height: 42px;
  font-size: 1.55em /*31px*/;
  border: solid 1px #999999;
  color: transparent;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: 3px center;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100px' height='100px'%3E%3Cpath d='M 20.292969 5.2929688 L 9 16.585938 L 4.7070312 12.292969 L 3.2929688 13.707031 L 9 19.414062 L 21.707031 6.7070312 L 20.292969 5.2929688 z'/%3E%3C/svg%3E");
}
.app-type:checked + .bc-checkbox {
  color: #000;
  box-shadow: 0 0 30px -17px rgba(139,120,102,0.8);
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100px' height='100px'%3E%3Cpath d='M 20.292969 5.2929688 L 9 16.585938 L 4.7070312 12.292969 L 3.2929688 13.707031 L 9 19.414062 L 21.707031 6.7070312 L 20.292969 5.2929688 z'/%3E%3C/svg%3E");
}

/* -------------------------------------------------------------------------- */
/* Timeline
/* -------------------------------------------------------------------------- */

.timeline-item { padding-top: 0 !important; padding-bottom: 0 !important; }

.timeline-top::before,
.timeline-item::before,
.timeline-bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #999999;
  height: 100%;
  transform: translateX(-50%);
}

.timeline-item::after {
  content: '';
  background: #ffffff;
  border-radius: 50%;
  border: solid 1px #d00000;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  visibility: visible;
}
.timeline-item\:fill::after {
  top: -18px;
  height: 24px;
  width: 24px;
  box-shadow: 0 0 0 1px #d00000, inset 0 0 0 1px #d00000;
  border: 30px solid transparent;
  background-clip: content-box;
}
.timeline-item\:fill.animate::after {
  background-clip: content-box;
  transition: all 0.6s ease-in-out;
  top: 12.5px;
  width: 22px;
  height: 22px;
  border-width: 0;
  box-shadow: 0 0 0 1px #d00000, inset 0 0 0 1px #d00000;
  background-color: #d00000;
}

/* -------------------------------------------------------------------------- */
/* Team
/* -------------------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
  .et_pb_tabs_controls {
    display: block !important;
    columns: 2 !important;
  }
  .et_pb_tabs_controls li { margin: 0 !important; }
}

#team .et_pb_tabs_controls { padding-bottom: 45px !important; }
#team .et_pb_tabs_controls li { display: block; height: 45px; }

#team [class^="et_pb_tab"] { line-height: 1.7; }

#team .et_pb_all_tabs {
  background-color: #ebebeb;
  width: 100%;
}

#team .et_pb_all_tabs .et_pb_tab {
  line-height: 1.7;
  max-width: 1280px;
  width: 93.75%;
  margin: 0 auto;
}

#team li::after {
  content: '';
  width: 0;
  height: 0;
  border-left: transparent solid 33px;
  border-bottom: transparent solid 34px;
  border-right: transparent solid 33px;
  display: block;
  margin-top: 13px;
  margin-left: auto;
  margin-right: auto;
  transition: 500ms;
  position: relative;
  top: 35px;
}

#team li.et_pb_tab_active::after {
  border-bottom-color: #ebebeb;
  top: 0;
}

.team {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
  grid-gap: 1rem 1.5rem;
}

.team .member { margin-bottom: 16px; }

.team img { width: 100%; border-radius: 10px; }

.team .email {
  border: solid 1px #e7e4e0;
  border-radius: 10px;
  margin-top: 0.5rem;
  padding: 8px 16px 8px 42px;
  transition: 0.2s;
  display: inline-block;
  background: white url('https://cdn.barclay.college/ui/icon-mail-brown.svg') 17px 5px/20px no-repeat;
}

.team .email:hover {
  border-color:#8b7866;
}

.team h2 {
  color: #d00000;
  margin-top: 0.35rem;
  font-weight: 700 !important;
  font-size: 0.8em !important;
  line-height: 1.45em !important;
  padding-bottom: 0;
}

.team h3 {
  font-weight: 400 !important;
  font-size: 0.8em !important;
  color: #8b7866;
  padding-bottom: 0px;
}

/* -------------------------------------------------------------------------- */
/* forms
/* -------------------------------------------------------------------------- */
input, select {
  font-size 1rem;
  font-weight: normal;
  padding: 0.5rem !important;
  border: #e7e4e0 solid 1px; box-shadow: none; transition: all 0.25s;
  transition: all 0.25s;
}

input:focus, select:focus { border: #999999 solid 1px; box-shadow: 0 0 30px -17px rgba(139, 120, 102, 0.8); transition: all 0.25s; }

select:disabled { background: #ebebeb; }

/* larger select box for some situations */
#search-field, /* search */
#global_findMyProgramFormat, /* find my program */
#global_findMyProgramDegree, /* find my program */
#global_findMyProgramSubject, /* find my program */
#findMyProgramFormat, /* find my program */
#findMyProgramDegree, /* find my program */
#findMyProgramSubject, /* find my program */
#app-type-select, /* application */
#searchInput /* nursing FAQ search */ {
  height: 50px;
  font-size: 1.2rem !important;
  padding: 0 1rem;
  width: 100%;
}

/* -------------------------------------------------------------------------- */
/* sidebar
/* -------------------------------------------------------------------------- */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before { background: none; }

/*** Hide Sidebar ***/
#sidebar {display:none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
  #left-area {
    width: 100%;
    padding: 50px 0px 50px !important;
    float: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* posts
/* -------------------------------------------------------------------------- */

.post-template-default h2 { font-size: 25px; }

.post-template-default { font-size: 18px; }

.post-template-default .published {
  font-size: 20px;
  color: #888;
  font-weight: 500;
}

.post-template-default [class*=wp-image-] { margin-top: 15px; margin-bottom: 15px; }

.post-template-default video,
.post-template-default .wp-video {
    max-width: 640px;
/*    height: auto;*/
    aspect-ratio: 16/9 !important;
}

.post-template-default .wp-video { margin: 1rem; }
.post-template-default .alignleft .wp-video { margin-left: 0; }
.post-template-default .alignright .wp-video { margin-right: 0; }

.post-template-default .entry-title { font-size: 40px; color: #d00000; }
.post-template-default .post-meta { font-size: 0 !important; color: #fff; }
.post-template-default .post-meta .author.vcard { display: none; }

.entry-featured-image-url img {
  border: solid 2px #dedede !important;
  border-radius: 10px;
}

/* -------------------------------------------------------------------------- */
/* divi blog posts
/* -------------------------------------------------------------------------- */

/*.et_pb_posts .et_pb_ajax_pagination_container {
  display: block !important;
}*/

/* -------------------------------------------------------------------------- */
/* divi overrides
/* -------------------------------------------------------------------------- */
.mejs-offscreen { display: none; }