/*
Theme Name: Bloomsbury Institute London
Theme URI: https://ghostlimited.com
Author: Nicola Whyte, David Evans & John Van Ham
Author URI: https://ghostlimited.com
Description: This theme has been written with specifically for Bloomsbury Institute London.
License: This theme is the intellectual property of Ghost (Digital) Limited. It may not be resold or passed on to any third parties.
Version: 1.5.2
*/

@import 'css/contact-form.css';

/**** CSS That applies to all screen sizes ****/

/* Colours */
.bg-bloomsbury-orange { background-color: #E76800;}
.bg-bloomsbury-blue { background-color: #0F74C3; }
.bg-bloomsbury-slateship { background-color: #485F65; }
.bg-bloomsbury-law { background: #29aba8; }
.bg-bloomsbury-business { background: #7C6EB0; }
.bg-bloomsbury-accounting { background: #0075BE; }
.color-bloomsbury-white { color: #fff; }
.light-grey { background: #E0E4E6;}

/* Typeography */
h1 { font-weight: bold; font-size: 46px; margin-top: 0; line-height: 1; }
h2  { font-weight: bold; font-size: 36px; line-height: 1; }
h3 { font-weight: bold; font-size: 26px; }
body { font-size: 18px; font-family: "azo-sans-web", sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; line-height: 1.45; }
img.alignright { margin-bottom: 1.5em; }
.form-control { font-size: 16px; }

/* Generic styling */
.button-container { text-align: center; padding: 30px 0 20px 0; margin: 0 auto; }
.button-container a { text-decoration: none !important;}
#content { padding: 50px 90px 50px 90px;  }
#content a { color: #007bff; text-decoration: underline; }
#content a:hover, a:focus { color: #E76800; }
.breadcrumbs { padding: 20px 80px 0 80px; color: #485F65; font-weight: 500; }
.breadcrumbs a { color: #485F65; text-decoration: underline; }
.wp-video, video.wp-video-shortcode { width: 100% !important; height: 100% !important; }
[data-toggle="collapse"].collapsed .if-not-collapsed { display: none; }
[data-toggle="collapse"]:not(.collapsed) .if-collapsed { display: none; }
.page-load-status { display: none; /* hidden by default */ padding-top: 20px; text-align: center; color: #777; }
.page-load-status .infinite-scroll-request img { max-width: 60px; margin-bottom: 4px; }
a.btn-orange, #content a.btn-orange { text-align: center; background: #EC6607; color: #FFF; padding: 5px 15px; font-size: 22px; text-transform: uppercase; text-decoration: none !important; }
a.btn-orange:hover, #content a.btn-orange:hover { background: #40545b; color: #FFF; text-decoration: none !important; }
a.btn-orange.btn-orange-large, #content a.btn-orange.btn-orange-large { font-size: 30px; font-weight: 500; letter-spacing: 1px; padding: 5px 20px; }
.large-banner-overlay { position: absolute; background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; top: 0; z-index: 0; }

/* Header */
#header .header-button { color: #FFF; padding: 2px 8px; font-size: 20px; text-transform: uppercase; font-weight: normal; background-color: #E76800; }
#header .header-button:hover, #header .header-button:focus { background-color: #485F65; text-decoration: none;}
#searchform input { border-top: solid 1px #5A7E95; border-right: none; border-bottom: solid 1px #5A7E95; border-left: solid 1px #5A7E95; border-radius: 0; }
#searchform button { border-top: solid 1px #5A7E95; border-right: solid 1px #5A7E95; border-bottom: solid 1px #5A7E95; border-left: none; border-radius: 0; }
.search-item { padding: 0 20px 30px 20px; }

/* Nav */
#main-navbar.navbar-dark .navbar-nav { margin-right: 100px;}
#main-navbar.navbar-dark .navbar-nav .nav-link { color: #fff; text-decoration: none;}
#main-navbar.navbar-dark .navbar-nav .nav-link:hover { color: #e4e4e4; }
#main-navbar .navbar-nav .nav-item a { text-transform: uppercase; }
#main-navbar .dropdown-menu { border-radius: 0; padding: 0 5px 0 5px; -webkit-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5); -moz-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5); box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5); }
#main-navbar .dropdown-item { text-align: left; text-transform: none; }
#main-navbar .dropdown-menu li a.dropdown-item {  border-right: 0 !important; }
#main-navbar .dropdown-menu li { text-transform: none; padding: 10px 0 10px 0 !important; border-bottom: 1px solid #ccc;  }
#main-navbar .dropdown-menu li:last-child  { border-bottom: none; }
#main-navbar .dropdown-menu li:hover, #main-navbar .dropdown-menu li:focus { background: #E0E4E6; }
#main-navbar .dropdown-item.active, #main-navbar .dropdown-item:hover, #main-navbar .dropdown-item:active { color: #E76800; }
#main-navbar .dropdown-toggle::after { display: inline-block; width: 0; height: 0; vertical-align: top; content: ""; border-style: solid; border-width: 0.7em 0 0 0.7em; margin-right: -12px; margin-left: 2px; }
#main-navbar .navbar-toggler { border: none; color: #fff; font-size: 1.3em; }
#main-navbar .mobile-menu { font-size: 0.8em; }

/* Homepage */
#introduction .hero { height: 620px; }
#introduction h1 { max-width: 40%; font-size: 118px; font-weight: bold; color: #FFF; margin: 60px 0 0 80px; line-height: 1.0; }

#course-finder #left-course { background: url('images/left-box-homepage-1.jpg') no-repeat; background-size: cover; }
#course-finder #left-course h2 { font-size: 40px; color: #FFF; font-weight: bold; max-width: 100%; padding: 60px 50px 40px 40px; }
#course-finder #left-course p { font-size: 32px; float: right; max-width: 85%; color: #FFF; text-align: right; padding-right: 40px;  }
#course-finder #left-course p a { text-decoration: underline; }
#course-finder #right-course { background: url('images/right-box-homepage-1.jpg') no-repeat; background-size: cover; background-position: bottom; }
#course-finder #right-course h2 { font-size: 40px; color: #FFF; font-weight: bold; max-width: 100%; padding: 60px 40px 35px 50px; }
#course-finder #right-course p { font-size: 32px; float: right; max-width: 70%; color: #FFF; text-align: right; padding-right: 40px;  }
#course-finder #right-course p a { text-decoration: underline; }
#course-finder p a { color: #FFF; }
#course-finder .course { height: 320px; display: flex; align-items: flex-end; padding-bottom: 35px; }
#course-finder .course h2 { font-size: 40px; font-weight: bold; color: #FFF; text-align: center; padding: 0; margin: 0; }
#course-finder .course a { text-decoration: none; }
#course-finder .coursetext { margin: 0 auto; padding: 15px 30px 20px 30px; }
#course-finder .course:nth-of-type(1) .coursetext{ background-color: rgba(124, 110, 176, 0.70);}
#course-finder .course:nth-of-type(2) .coursetext { background-color: rgba(0, 117, 190, 0.70); }
#course-finder .course:nth-of-type(3) .coursetext { background-color: rgba(0, 171, 168, 0.70); padding: 15px 60px 20px 60px; }
#uon { background: #eaeaea; margin-top: 20px; padding: 10px; }
#uon img { height: 150px; }
#uon-text { margin-top: 10px; }
#uon-text p { margin-bottom: 1em; }
#homevideo { /*margin-top: 25px;*/ }
#homevideo .video { padding: 0;}
.player .vp-player-layout { }


/* Title Images */
#title-image .title { height: 730px; display: flex; }
#title-image .general { height: 500px; display: flex; }
#title-image h1 { max-width: 40%; font-size: 118px; font-weight: bold; color: #FFF; margin-left: 80px; display: flex; align-items: center; line-height: 1.0; }
#title-image .general h1 { max-width: 85%; margin-left: 80px; display: flex; align-items: center;}
#title-image h1.discipline { max-width: 100%; font-size: 118px; font-weight: bold; color: #FFF; /*margin: 200px 80px 0 0;*/ display: flex; margin-right: 80px; margin-left: auto; line-height: 1.0; text-align: right; }
#hero-image img { height: 600px; width: 100%; object-fit: cover; }

/* General */
.grey { background: #485F65; }
.grey-content { padding: 50px 80px 50px 80px; color: #FFF; font-size: 24px; font-weight: 500; }
.grey-content #content { padding: 20px 20px 0 20px; }
#testimonials { background: #E76800; color: #FFF; padding: 50px 90px 20px 90px; font-size: 32px; font-weight: 500; }
#button { background: #e0e4e6; text-align: center; padding: 20px 0 30px 0; }
#button a.post-button, #button-clear a.post-button { text-align: center; background: #EC6607; color: #FFF; padding: 10px 20px 15px 20px; font-size: 24px; font-weight: 500; }
#button a.post-button:hover, #sl-button a.post-button:focus { background: #40545b; color: #FFF; }
#button-clear { text-align: center; padding: 30px 0 30px 0; }
#button-clear a.post-button:hover { background: #e0e4e6; color: #555; }


/* Student Life */
#sl-content-area { padding: 50px 90px 10px 90px; }
#sl-section-grid { padding: 0 50px 30px 50px; }
.sl-grid  { position:relative; display: flex; align-items: center; justify-content: center; text-align: center;  }
.sl-grid h2 { z-index:10; font-size: 40px; font-weight: bold; color: #FFF; text-align: center; padding: 5px 20px 10px 20px; margin: 0 auto; background: rgba(72, 95, 101, 0.70); }
a.sl-grid{ text-decoration: none !important; }
.sl-grid .pagetext { margin: 0 auto; padding: 15px 30px 20px 30px; }

/* Foundation Page */
#fd-video { padding-left: 20px; }
#foundation-content-area { color: #485F65; font-size: 21px; font-weight: 500; padding: 50px 90px 50px 90px; }
#foundation-content-area ul li { list-style-type: square; color: #485F65; margin-bottom: 20px; }
#foundation-content-area .first-col { border-right: 1px solid #E76800; padding: 30px 30px 30px 0; }
#foundation-content-area .first-col ul { padding-left: 22px; }
#foundation-content-area .second-col { padding: 30px 0 30px 30px; }
#foundation-content-area .second-col ul { padding-left: 30px; }
#foundation-enquiry-form { padding: 30px 0 30px 0; text-align:center; }

/* Disciplines */
#discipline-content { padding: 50px 90px 50px 90px; color: #FFF; font-size: 24px; }
#discipline-content h2 { color: #FFF; }
#discipline-content a { color: #FFF; text-decoration: underline; }
#discipline-content a:hover { color: #333; }
#discipline-courses { padding: 50px 90px 50px 90px; }
#discipline-courses h2 { text-align: center; }
#discipline-courses .dcourse { padding: 30px; display: flex; }
#discipline-courses .dcourse .dcourse-inner { ; }
#discipline-courses .dcourse a { text-decoration: none; }
#discipline-courses .dcourse .dcoursetext { padding: 30px; color: #FFF; font-size: 21px; font-weight: bold; }
#discipline-teaching { padding: 50px 90px 50px 90px; font-weight: 500; font-size: 24px; }
#teacher-testimonial { padding: 30px 30px 30px 0; color: #FFF; font-weight: 500; font-size: 24px; }
#discipline-teacher { padding: 30px 0 30px 30px; text-align: right; color: #FFF; font-weight: normal; }
#discipline-teacher h3 { color: #FFF; }
#discipline-enquiry-form { padding: 30px 0 30px 0; text-align:center; }

/* Course Details */
.course-top-banner-text { color: #FFF; font-size: 24px; }
.course-heading { border-bottom:solid 1px #fff; }
.courses-detail-page .course-attributes a { color:#FFF; text-decoration: underline; }
.courses-detail-page a.post-button { text-align: center; background: #EC6607; color: #FFF; padding: 5px 15px; font-size: 22px; text-transform: uppercase; }
.courses-detail-page a.post-button:hover { background: #40545b; color: #FFF; text-decoration: none; }
.courses-detail-page a.post-button.post-button-large { font-size: 30px; font-weight: 500; letter-spacing: 1px; padding: 5px 15px; }
.courses-detail-page .breadcrumbs { padding:0 0 30px 0; color: #FFF; }
.courses-detail-page .breadcrumbs a { color: #FFF; }
.course-modules-law table.table-borderless th { background-color: #29aba8; color: #fff; font-weight: 500; }
.course-modules-business table.table-borderless th { background-color: #7C6EB0; color: #fff; font-weight: 500; }
.course-modules-accounting table.table-borderless th { background-color: #0075BE; color: #fff; font-weight: 500; }
.courses-detail-page table.table-borderless th { border: solid 4px #fff; }
.courses-detail-page table.table-borderless td { border: solid 4px #fff; background-color: #E0E4E6; }
.course-content-inner { padding-right: 15px; }
.course-content-leftcol { border-right: solid 2px #fff; }
.courses-seperator { border-bottom: solid 2px #fff; }
.courses-container-accred { margin-bottom: 1px; color: #fff; }
.course-attributes #credlogo img, .courses-container-accred #credlogo img{ margin-bottom:  20px; }
.courses-additional-links { padding: 30px 0; }
.courses-additional-links a { padding: 20px 0; display:block; color: #475F66; text-decoration: underline; }
.btn-bg-law { background-color: #29aba8; color: #fff; font-weight: 500; }
.btn-bg-business { background-color: #7C6EB0; color: #fff; font-weight: 500; }
.btn-bg-accounting { background-color: #0075BE; color: #fff; font-weight: 500; }
.btn-courses-expand { width:100%; font-size: 36px; color: #fff; font-weight: bold; text-align: center; border-radius: 0; margin-top:2px; margin-bottom: 1px; }
.kis-widget-iframe-wrapper { background-color: #dd312c; margin-bottom: 2px; padding: 30px 0; }
.kis-widget { line-height: 10px;  }

/* Campaign */
#title-image .campaign { z-index: 5; padding-bottom: 100px; background-color: rgba(0,0,0,0.3); }
#campaign-content { font-size: 22px; padding: 80px 20px 0 0; font-weight: 500; color: #FFF; }
#title-image .campaign-title { text-transform: uppercase; text-align: left; font-size: 32px; margin-top: 5px; color: #FFF; font-weight: bold; }
#title-image .campaign-title p { margin-bottom: 1rem;  }
#title-image #campaign-content p { margin-bottom: 1rem; }
img.hero-logo { margin-left: 8vw; margin-top: 20px; }
.orange-text { color: #E76800; }
#campaign-enquiry-form { margin-top: 90px; padding: 30px; background-color: rgba(255, 255, 255, 0.6); }
#campaign-enquiry-form #form-rfi-form-one-0 .label, #form-rfi-form-one-0 label { color: #000 !important; }

/* Clearing */
#title-image .clearing { z-index: 5; padding-bottom: 150px; background-color: rgba(0,0,0,0.3); }
#clearing-box { margin-top:  100px; background-color: #E76800; padding: 2rem; }
#clearing-box h3 { color: #FFF; font-weight:  normal; margin-bottom: 2rem; }
#clearing-content { padding: 2rem; }
a.btn-black, #content a.btn-black { text-align: center; background: #000000; color: #FFF; padding: 5px 15px; font-size: 22px; text-transform: uppercase; text-decoration: none !important; }
a.btn-black:hover, #content a.btn-black:hover { background: #40545b; color: #FFF; text-decoration: none !important; }

/* Portal */
#link-grid { padding: 30px 50px 0 50px; }
#link-grid .col-width-5, #icon-grid .col-width-5 { flex: 0 0 20%; display: flex; }
#link-grid a, #icon-grid a { text-decoration: none; }
#link-grid .key-link { margin: 20px; padding: 30px 20px 30px 20px; position:relative; flex: 1 1 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
#link-grid .key-link .linktext { }
#link-grid a .key-link { background: #E76800; color: #FFF; text-transform: uppercase; }
#link-grid a .key-link:hover, #link-grid a .key-link:focus { background: #485F65; }
#icon-grid { padding: 0 50px 50px 50px }
#icon-grid .icon-link { border: 2px solid #485F65; margin: 20px; padding: 15px 10px 10px 10px; position:relative; flex: 1 1 100%; display: inline; align-items: center; text-align: center;  }
#icon-grid a .icon-link { background: #FFF; color: #E76800; text-transform: uppercase; }
#icon-grid a .icon-link:hover, #icon-grid a .icon-link:focus { background: #E0E4E6; }
#icon-grid img.portal-icon { max-height: 100px;  }
#icon-grid .icon-link .icon-title { margin-top: 20px; }
#features-grid { padding: 30px 50px 30px 50px;  }
.ft-grid  { position:relative; display: flex; align-items: flex-end; justify-content: center; text-align: center;  }
.ft-grid h2 { z-index:10; font-size: 32px; font-weight: 500; color: #FFF; text-align: center; padding: 5px 10px 10px 10px; margin: 20px; background: rgba(72, 95, 101, 0.70); }
a.ft-grid { text-decoration: none !important; }
.ft-grid .pagetext { margin: 0 auto; padding: 15px 30px 20px 30px; }
.announcement { border: solid 4px #E76800; background-color: #fefefe; padding: 0rem 1rem; }
.announcement h1, .announcement h2, .announcement h3 { margin-top: 0.5em; margin-bottom: 0.5em;  }
.announcement p { margin-bottom: 0.5em; }

/* Staff Profile */
.profile-row { padding: 30px 0;	border-bottom: solid 1px #E1E4E4; }
.profile-row ul { display: inline-block; }
.profile-row ul:first-of-type {	padding-left: 20px; max-width: 65%; }
.profile-row ul:not(:first-of-type) li { list-style-type: square; }
#staff-filter { padding: 0 90px 0 90px; }
#profile-list { padding: 0 90px 0 90px; }
#profile-list h3 { margin-top: 10px !important; line-height: 1.2; }
.profile-row .social-links {  }
.social-links img { margin: 0 0 0 10px; float: right; max-width: 40px; }
.profile-row .image-wrapper { border: 1px solid #ccc; }
.profile-row .post-button { text-align: center; background: #EC6607; color: #FFF; padding: 5px 15px; border-radius: 0; }
.profile-row .post-button:hover { background: #40545b; color: #FFF; text-decoration: none; }
.profile-row .post-button:active, .profile-row .post-button:focus { text-decoration: none; }
.profile-row a { color: #EC6607; }
.staff-image { float: right; margin-left: 20px; margin-bottom: 20px; }
.profile { padding-left: 0; padding-right: 0; }
.profile h1 { padding-bottom: 0; }
.profile a { color: #EC6607; }
.profile-links { padding-right: 10px; text-align: right; }
.profile-links img { max-width: 45px; margin: 0 0 0 15px; float: right; }

/* Student Testimonials & Events */
.student-testimonial { margin-bottom: 30px;  }
.student-testimonial h3.name { font-size: 24px; font-weight: 500; margin-top: 0; }
.student-testimonial .student-image { text-align: center; padding-top: 10px; }
.student-testimonial img { max-width: 150px; height: auto; }
#feed-content { padding: 0 90px 50px 90px;  }
.event-fields { padding-bottom: 20px; }
.event-post { padding: 10px 0 20px 0; border-bottom: 1px solid #ccc; }
.event-post a.post-btn { text-align: center; background: #EC6607; color: #FFF !important; padding: 5px 20px 5px 20px; font-size: 18px; font-weight: 500; text-decoration: none !important;}
.event-post a.post-btn:hover, a.post-btn:focus { background: #40545b; color: #FFF !important; }
.post-more { text-align: right; }

/* News & Events */
#news .row.featured-item, #events .row.featured-item { margin-left: 15px; margin-right: 15px; }
#news-events { color: #617984; font-size: 21px; }
#news-events .home-thumb { display: flex; align-items: flex-start; justify-content: center; padding: 40px 30px 0 30px; }
#news-events .home-post { padding-top: 30px; }
#news-events a.post-button { text-align: center; background: #EC6607; color: #FFF; padding: 5px 100px 5px 100px; font-size: 22px;  }
#news-events a.post-button:hover, #news-events a.post-button:focus { background: #40545b; color: #FFF; }
#news { padding: 0 0 30px 0; border-right: 3px solid #A3B0B5; }
#news h2.newsbox { font-size: 40px; font-weight: bold; color: #FFF; text-align: center; background: #A3B0B5; margin-top: 0; padding: 20px 0 30px 0;  }
#news a:hover { text-decoration: none; }
#news a:hover h2 { color: #000; }
#news .home-post { padding-bottom: 30px;  }
#events { padding: 0 0 30px 0;  }
#events h2.eventsbox { font-size: 40px; font-weight: bold; color: #40545b; text-align: center; background: #E0E4E6; margin-top: 0; padding: 20px 0 30px 0; }
#events a:hover { text-decoration: none; }
#events a:hover h2 { color: #000; }
#events .home-thumb {  }
#events .home-post { padding-bottom: 30px; }
.article { padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.article h2.post-title a { color: #485F65 !important; }
.article h2.post-title a:hover, .article h2.post-title a:active { color: #E76800 !important; }
.article .thumb { margin-top: 40px; overflow: hidden; }
.event-post .event-thumb { margin-top: 40px; }
.page-links .previous-post { padding-right: 40px;}
.page-links .next-post { text-align: right; padding-left: 40px; }
#meta p { color: #555; font-style: italic; font-size: 16px; }

/* Student News and Events */
#content .filterby a { color: #485F65;  }
#content .filterby a:hover { color: #E76800; }
.featured-post { padding: 1em; color: #485F65; }
.featured-post .ft-post-img { padding-bottom: 1em; }
.featured-post h2.post-title { margin-top: 10px; }
.featured-post h2.post-title a { color: #485F65 !important; text-decoration: none !important; }
.featured-post h2.post-title a:hover, .featured-post h2.post-title a:active { color: #E76800 !important; }
.featured-post .date p { color: #485F65; font-weight: bold; margin-bottom: 1em; }
.featured-post .ft-post-more { padding-top: 1.5em; text-align: center; margin-bottom: 0.5em; }

/* Vision and Values */
#content.visionvalues, #content.visionvalues h1, #content.visionvalues h2, #content.visionvalues h3, #content.visionvalues h4 {
	color: #E36900;
}
.page-template-template-visionandvalues .parallax-content h1 {
    font-size: 80px;
    text-align: center;
    margin-top: 15%;
    /* text-shadow: 1px 1px #bbbbbb; */
    opacity: 0;
    font-weight: 500;
}
.wedge-container {
  position: relative;
  padding-top: 5%;
  overflow: hidden;
  z-index: 2;
  margin-top: -120px;
}
.wedge-background {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(#ff9d2f, #E36900);*/
  background-color: #E36900;
  transform: skewY(-3.5deg);
  transform-origin: top right;
}
.wedge-container h1 {
  position: relative;
  color: #fff;
  text-align: right;
}
.wedge-content {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  padding: 0 75px 50px 75px;
}

/* Parallax Banner */

.parallax-window {
  height: 600px;
}

.parallax-content {
  text-align: left;
  color: #E36900;
  padding: 50px 75px 50px 75px;
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Content with background */
.contentwbg_background {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	margin-bottom: 20px;
}
.contentwbg_content, .contentwbg_content h1, .contentwbg_content h2, .contentwbg_content h3, .contentwbg_content h3, .contentwbg_content h5 {
	color: #FFF;
}
.contentwbg_content strong {
	font-size: 30px;
}
.contentwbg_content {
	padding: 50px 90px 50px 90px;

	text-shadow: #808080 1px 1px;
}


/* Rollover */
.grid-overlay { display:none; position: absolute; height:100%; width: 100%; top: 0px; left: 0px; background: rgba(72, 95, 101, 0.70); z-index: 1; }

/* Scrollbox */
#dgd_scrollbox-4114 h3 { margin-bottom: 30px;  }
#dgd_scrollbox-4114 p { font-size: 22px; }

/* QEM */
.breadcrumbs-qem { padding: 5px 50px 40px 0; color: #485F65; font-weight: 500; }
.breadcrumbs-qem a { color: #485F65; text-decoration: underline; }
#content-qem { padding: 50px 50px 50px 50px;  }
#sidebar-qem { padding: 35px 0 50px 50px; }
#sidebar-qem h2 { background-color: #485F65; color: #FFF; font-size: 23px; padding: 15px 20px 15px 20px; }
#sidebar-qem h2.widget-title {  }
#qem-menu ul { list-style-type: none; padding: 0; font-size: 18px; }
#qem-menu > ul > li { padding: 10px 20px 10px 20px; border-bottom: 1px solid #BCBCBC; }
#qem-menu ul li a { color: #555; }
#qem-menu ul li.current-menu-item, #qem-menu ul li.current-menu-item, #qem-menu ul li:hover, #qem-menu ul li:active { background-color: #BCBCBC; }
#qem-menu ul li.current-menu-item a, #qem-menu ul li.current-menu-item a, #qem-menu ul li:hover a, #qem-menu ul li:active a, #qem-menu ul li:hover ul.dropdown-menu { color: #FFF; text-decoration: none; background-color: #BCBCBC; }
#qem-menu .nav-link { padding: 0; white-space: normal; }
#qem-menu ul li ul.dropdown-menu { position: relative !important; display: block; visibility: hidden; overflow:hidden; max-height: 0; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; float: none !important; transform: none !important; border: none !important; transition: max-height 0.5s, visibility 0.5s ease-in-out; border-radius: 0; }
#qem-menu ul li ul.dropdown-menu.show { max-height: 900px; visibility: visible; }
#qem-menu ul li ul.dropdown-menu > li > a { border-top: solid 1px #dcdcdc; line-height: 22px; font-size: 0.85em; padding: 0.3rem 0.8rem; }
#qem-menu ul li ul.dropdown-menu > li:first-child > a { margin-top:10px;  }
#qem-menu ul li ul.dropdown-menu > li:hover a, #qem-menu ul li ul.dropdown-menu > li:active a { background-color: #485F65; }

/* Accordion */

.accordion > p {
	margin: 0 !important;
}
.accordion > .card p:first-of-type {
	margin: 0 !important;
}
.accordion > .card p:nth-last-child(2) {
	margin: 0 !important;
}
.accordion > .card p:nth-last-child(1) {
	margin: 0 !important;
}
.accordion .card:last-of-type {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion .card .card-header {
	padding: 0;
}
.accordion .card .card-header h2 {
	padding: 0;
	line-height: 16px;
}
.accordion .card .card-header button {
    padding: .75rem 1.25rem;
	font-weight: bold;
	width: 100%;
    height: 100%;
	text-align: left;
	font-size: 1.1em;
	padding-right: 40px;
}
.accordion .card .card-header button.collapsed:after {
	content: ' +';
	right: 17px;
    top: 12px;
}
.accordion .card .card-header button:after {
	position: absolute;
	right: 20px;
	font-size: 30px;
    line-height: 30px;
	content: ' -';
	top: 11px;
}

/* Contact (Contact form from Radius) */
.dynamicFormDefaults {
	font-family: "azo-sans-web", sans-serif !important;
	font-size: 16px !important;
}
div#form-wrapper,
div#form-header,
div[id^="iwdf-page"]
{
	width: 100% !important;
}
div[id^="iwdf-dynamicform"] .title {
	display: none;
}
div[id^="iwdf-dynamicform"] div.section-control {
	border: none;
}
div[id^="iwdf-dynamicform"] .form-control {
	width: 100%;
	padding: 0;
}
div[id^="iwdf-dynamicform"] .control-child-wrapper {
	display: block;
	float: none !important;
}
div[id^="iwdf-dynamicform"] .form-control .inline-block-div {
	display: block !important;
}
div[id^="iwdf-dynamicform"] .form-control input[type="text"],
div[id^="iwdf-dynamicform"] .form-control select,
div[id^="iwdf-dynamicform"] .form-control textarea
{
    display: block;
    width: 100% !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "azo-sans-web", sans-serif !important;
    margin: 5px 0 20px 0;
    box-sizing: border-box !important;
}
div[id^="iwdf-dynamicform"] .form-control select,
div[id^="iwdf-dynamicform"] .form-control textarea
{
	width: 100% !important;
}
div[id^="iwdf-dynamicform"] *:not(button):focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0 !important;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
#form-wrapper .form-action-bar button.submit {
	background: none !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #fff;
    border: 1px solid #6c757d !important;
    padding: .375rem .75rem;
	font-family: "azo-sans-web", sans-serif !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #6c757d !important;
	box-sizing: border-box !important;
}
#form-wrapper .form-action-bar button.submit:hover {
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
	text-decoration: none;
}
#form-wrapper .form-action-bar button:focus {
	background-color: #5a6268 !important;
    border-color: #545b62 !important;
	text-decoration: none;
	outline: 0 !important;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
#iwdf-control-20 .title,
#iwdf-control-24 .title {
	display: block;
	padding: 0;
	background-color: transparent;
	border: none;
}
#iwdf-control-26 {
	margin-top: 20px;
    margin-bottom: 30px;
}
#iwdf-control-26 label {
	width: auto !important;
    float: left;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
	#iwdf-dynamicform-28 div,
	#iwdf-dynamicform-28 p,
	#iwdf-dynamicform-28 ul,
	#iwdf-dynamicform-28 ol,
	#iwdf-dynamicform-28 li,
	#iwdf-dynamicform-28 span,
	#iwdf-dynamicform-28 input,
	#iwdf-dynamicform-28 select,
	#iwdf-dynamicform-28 textarea,
	#iwdf-dynamicform-28 button,
	#iwdf-dynamicform-28 table,
	#iwdf-dynamicform-28 tr,
	#iwdf-dynamicform-28 td
	{
		font-family: "azo-sans-web", sans-serif !important;
	}
}


/* Footer */
.site-footer { color: #fff; }
.site-footer a { color: #fff; text-decoration: none; }
.site-footer a:hover { color: #e4e4e4; }
.footer-menu { list-style: none; padding: 0 5px; margin: 20px 0; }
.footer-menu li { margin-bottom: 5px; }
.footer-menu li:first-child { font-weight: 500; text-transform: uppercase; }
.footer-menu li.spacer { margin-top: 20px; }
.footer-menu li.capital { font-weight: 500; text-transform: uppercase; margin-top: 40px; }
.footer-social-links { justify-content: space-evenly !important; /*This doens't work on a lot of browsers so space evenly is set as a class on the div too*/ max-width: 180px; }
.footer-logo { padding: 20px 0; }
.logo-band { padding-top: 10px; display: flex; justify-content: space-around; justify-content: space-evenly; align-items: center; flex-flow: row wrap; padding-bottom: 10px; }
.logo-band img { margin: 5px; }
.footer-menus { padding-bottom: 30px !important; }
.footer-menu-5 li:nth-child(2), .footer-menu-5 li:nth-child(3) { display: block; margin-top: 40px; text-transform: uppercase; font-weight: 500; }
.footer-menu-5 li:nth-child(4), .footer-menu-5 li:nth-child(5) { margin-top: 15px; text-transform: uppercase; font-weight: 100; }
.footer-menu-5 li:nth-child(4) { margin-top: 100px; }


/* Large devices (desktops, 992px and up) = LG */
@media (min-width: 992px) {
	.footer-logo { margin-top: -120px; padding:0; }
	.profile-row .image-wrapper { max-width: 210px; }
}

/**** All Screen Sizes EXCLUDING Mobile AND Tablet ****/
@media (min-width: 768px) {

	.header-logo { padding: 15px; }

	/* Nav */
	#main-navbar ul.navbar-nav > li:not(:last-child) a { border-right: 1px solid #fff; }
	#main-navbar .navbar-nav .nav-item { padding: 5px 0; }
	#main-navbar .navbar-nav .nav-item a { padding: 0px 14px !important; line-height: 15px; }

	/* Footer */
	.footer-menu-5 { border-left: solid 2px #fff; }
}

@media (min-width: 1200px) {
	/* Student Life */
	.sl-grid  { height: 230px; /*height: 305px;*/ margin: 2% 1.5%; width: 30.333%; }
	.ft-grid  { height: 230px; /*height: 305px;*/ margin: 2% 1.5%; width: 30.333%; }


	/* Homepage Course Finder */
	#course-finder #left-course h2 { padding: 20px 30px 20px 30px; }
	#course-finder #left-course p { max-width: 100%;  }
	#course-finder #right-course h2 { padding: 20px 30px 20px 30px }
	#course-finder #right-course p { max-width: 100%;  }
}

@media (min-width: 768px) and (max-width: 1199px) {

	#main-navbar .navbar-nav { margin-right: 0 !important;}
	.navbar { padding: .5rem .5rem !important; }
	.courses-detail-page a.post-button.post-button-large { font-size: 22px; font-weight: 500; letter-spacing: 1px; padding: 5px 10px; }
	#title-image .campaign {  }
	#title-image .campaign-title { max-width: 60%; }

	/* Student Life */
	#sl-section-grid, #features-grid { padding: 0; margin: 0; }
	.sl-grid, .ft-grid  { height: 230px; margin: 2% 1.5%; width: 47%; }

	/* Staff Profile */
	#staff-filter { padding: 0 30px 0 30px; }
	#profile-list { padding: 0; }
	.staff-image { margin-left: 0; margin-bottom: 20px; }
	.image-wrapper { max-width: 150px; }

	/* Homepage Course Finder */
	#course-finder #left-course h2 { padding: 20px 30px 20px 30px; }
	#course-finder #left-course p { max-width: 100%;  }
	#course-finder #right-course h2 { padding: 20px 30px 20px 30px }
	#course-finder #right-course p { max-width: 100%;  }
}

/** Mobile Size and Tablet **/
@media (max-width: 991px) {
	.page-template-template-clearing-landing #title-image {
		background-image: none !important;
	}
	#title-image .clearing {
		padding: 0;
	}
	#title-image .clearing img {
		display: none;
	}
	#title-image .clearing #campaign-content {
		display: none;
	}
	#title-image .clearing #clearing-box {
		margin: 0;
		background-color: transparent;
	}
}

/**** Mobile Size ONLY ****/
@media (max-width: 767px) {
	/* General */
	h1 { font-size: 2.7rem; }
	h2 { font-size: 2rem; }
	h3 { font-size: 1.7rem; }


	/* Header */
	.header-logo { padding: 15px; }

	/* Nav */
	#main-navbar .navbar-nav .nav-item {  }
	#main-navbar.navbar-dark .navbar-nav { margin-right: 0; margin-top: 15px; }
	#main-navbar.navbar-dark .navbar-nav .nav-link { color: #fff; text-align: left; text-decoration: none; border-top: 1px solid #ccc; padding-left: 25px; }
	#main-navbar .dropdown-menu { margin-top: 0; }
	#main-navbar .dropdown-menu li { padding: 10px !important; }
	#main-navbar .dropdown-menu li a.dropdown-item { padding-left: 20px; }
	#main-navbar .dropdown-menu { box-shadow: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0;}

	/* Homepage */
	#introduction .hero { height: auto; padding: 50px; }
	#introduction h1 { max-width: 70%; font-size: 46px; margin: 30px 0 30px 0;  }
	#course-finder .course { border-bottom: 10px solid #FFF; }
	#course-finder #left-course h2 { max-width: 100%; padding: 20px 20px 20px 20px; font-size: 30px; line-height: normal; }
	#course-finder #left-course p { max-width: 100%; text-align: right; padding-right: 40px; font-size: 28px; }
	#course-finder #right-course h2 { max-width: 100%; padding: 20px 20px 20px 20px; font-size: 30px; line-height: normal; }
	#course-finder #right-course p { max-width: 70%; padding-right: 40px; font-size: 28px; }
	#course-finder .course { height: 330px; }
	#uon-text { font-size: 16px;}

	/* General */
	#title-image .title { height: 300px; display: flex; }
	#title-image .general { height: 300px; display: flex; }
	#title-image h1 { max-width: 100%; font-size: 56px; float: none; margin: 0 auto; display: flex; align-items: center; justify-content: center;  }
	#title-image h1.discipline { max-width: 100%; font-size: 56px; float: none; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
	#hero-image img { max-width: 100%; max-height: 300px; }
	a.post-button { font-size: 18px; }
	a.btn-orange { font-size: 18px; }
	#button a.post-button { font-size: 15px; padding: 10px;}
	#content { padding: 30px 20px 30px 20px; }
	.grey-content { padding: 30px 0 30px 0;  }
	#testimonials { padding: 30px 10px 30px 10px; }
	#content { padding: 30px; }
	.breadcrumbs { padding: 15px 0 0 15px; }
	.breadcrumbs-qem { padding: 15px 0 40px 0; }
	.wedge-content { padding: 0 15px 30px 15px; font-size: inherit; }
	.parallax-window { height: 450px; }
	.parallax-content { padding: 40px 15px; font-size: inherit; }
	.contentwbg_content strong { font-size: inherit; }
	.contentwbg_content { padding: 30px 15px 30px 15px; font-size: inherit; }
	#campaign-content { padding: 80px 20px 0 20px;  }
	#title-image .campaign { height: auto;  }
	#title-image .campaign-title { font-size: 24px; padding-bottom: 5px; }

	/* Student Life */
	#sl-content-area { padding: 30px 0 30px 0; }
	#sl-section-grid { padding: 0; margin: 0 -15px; }
	.sl-grid  { height: 200px; margin: 10px 20px 10px 20px; width: 100%; }

	/* Discipline */
	#discipline-content { padding: 30px 10px 30px 10px; }
	#discipline-courses { padding: 30px 10px 30px 10px; }
	#discipline-courses .dcourse { margin: 0 auto; padding: 0 0 30px 0;}
	#discipline-teaching { padding: 30px 10px 30px 10px; }
	#teacher-testimonial { padding: 30px 30px 30px 0;  }
	#discipline-teacher { padding: 30px 0 30px 30px;  }

	/*Foundation*/
	#foundation-content-area { padding: 30px 10px 30px 0; }
	#foundation-content-area .first-col { border: none; padding: 0; }
	#foundation-content-area .first-col ul { padding-left: 40px; }
	#foundation-content-area .second-col { padding: 0; }
	#foundation-content-area .second-col ul { padding-left: 40px; }

	/* Student Portal */
	#features-grid { padding: 0; margin: 0 -15px; }
	.ft-grid  { height: 200px; margin: 10px 20px 10px 20px; width: 100%; }
	#link-grid { padding: 30px 0 0 0; }
	#link-grid .col-width-5, #icon-grid .col-width-5 { flex: 0 0 50%; display: flex; }
	#icon-grid { padding: 0 0 50px 0; }
	#icon-grid .icon-link .icon-title { font-size: 15px; }

	/* Staff Profile */
	#staff-filter { padding: 0 30px 0 30px; }
	#profile-list { padding: 0 30px 0 30px; }
	.profile-row .image-wrapper { width:100%; }
	.profile-row .image-wrapper img { width:100%; }
	.profile-row .social-links { margin-top: -4px;  }
	.profile-row .social-links img { max-width: 35px; margin-bottom: 10px; }

	/* QEM */
	#content-qem { padding: 30px 30px 50px 30px;  }
	#sidebar-qem { padding: 30px 0 0 0; }

	/* Vision and Values */
	.page-template-template-visionandvalues .parallax-content h1 { font-size: 3.25rem; }

	/* Scrollbox */
	#dgd_scrollbox-4114 { margin-top: 60px; }
	#dgd_scrollbox-4114 h3 { font-size: 24px; }
	#dgd_scrollbox-4114 p { font-size: 16px; }
	#dgd_scrollbox-4114 a.btn-black { font-size: 18px; }

	/* Footer */
	.footer-logo { text-align: center; }
	.footer-menu-5 li { margin: inherit !important; }
	.site-info, .site-info-2 { font-size: 0.9rem; margin-bottom: 8px; }
}
@media (max-width: 575px) {
	.breadcrumbs { padding: 15px 0 0 15px; }
	#staff-filter { padding: 0 15px 0 15px; }
	#staff-filter .btn { margin-top: 20px;  }
}
@media (max-width: 416px) {
	#title-image .campaign-title { max-width: 85%; }
}

/*****************************************************
 Bootstrap 4 Breakpoints (For reference)
 *****************************************************/

/* Extra large devices (large desktops, 1200px and up) - XL*/
@media (min-width: 1200px) {  }


/* Large devices (desktops, 992px and up) = LG */
@media (min-width: 992px) {  }


/* Medium devices (tablets, 768px and up) = MD */
@media (min-width: 768px) {  }

/* Small devices (landscape phones, 576px and up) = SM */
@media (min-width: 576px) { }
