/* Import google fonts Open Sans and Roboto */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto:300,300italic,400,500,700,500italic);

/* Sections
/* ==========================================================================
Website width
Body / Font styles
Header
Header responsive
Home page
Landing page
Content page
Content elements

Virtual Tour

News grid (red page)
News single (red page)
Calendar (red page)

Contact Us page

Footer
   ========================================================================== */


/* ==========================================================================
   Website width
   ========================================================================== */

body#loyola {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #FFF;
}

#container .wrap, #inner-content .wrap, .nav-container nav, .inner-bottom {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

#container {
  min-width: 320px;
}

@media all and (max-width: 1250px) {
  #container .wrap, #inner-content .wrap, .nav-container nav, .inner-bottom {
    max-width: 1200px;
  }
}


/* ==========================================================================
   Body / Font styles
   ========================================================================== */

body#loyola {
  font-family: 'Arial', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 130%;
  color: #4C4F51;
}

body#loyola h1, body#loyola h2, body#loyola h3, body#loyola h4, body#loyola h5 {
  font-family: 'trajan-bold', sans-serif;
  font-weight: normal;
}

body#loyola .entry-content p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #393634;
  -ms-word-break: keep-all;
  word-break: keep-all;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

body p {
  -ms-word-break: keep-all;
  word-break: keep-all;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}


/* ==========================================================================
   Header
   ========================================================================== */


/* Header width desktop 1340 and wider */

#inner-header.wrap {
  max-width: 1200px;
  width: 100%;
}


/* Header width desktop under 1200 */

@media all and (max-width: 1200px) {
  #inner-header.wrap {
    max-width: 1200px;
    padding: 0 30px;
    position: relative;
  }
}


/* Header white background and red bottom border */

#container .header {
  background-color: #0064Be;
  border-bottom: 1px solid #00163C;
  background: url('../../img/header-bg.jpg') no-repeat;
  background-size: 100% auto;
}


/* Header layout left/right side */

.header-left {
  width: auto;
  float: left;
}

.header-right {
  width: 120px;
  float: right;
}

#container .header h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 45px;
  color: #002D62;
  font-weight: 300;
}


/* Header responsive - elements move off left side */

@media all and (max-width: 1250px) {
  #inner-header.wrap {
    width: 100%;
  }
  #inner-content.wrap {
    width: 100%;
    padding: 0;
  }
}


/* Header Nav */

.nav-container {
  background: #013a6e;
}

#menu-main-1.nav li {}

#menu-main-1.nav a {
  color: #FFF;
  background: #013a6e;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  padding: 0;
  line-height: 100%;
  font-size: 16px;
  padding: 10px 32px;
}

#menu-main-1.nav a:hover, #menu-main-1.nav .current_page_item a, #menu-main-1.nav .current-page-parent a, #menu-main-1.nav .current-page-ancestor a, #menu-main-1.nav .current_page_parent a, #menu-main-1.nav .current_page_ancestor a {
  background: #00163C;
  color: #2799ff;
  text-decoration: none;
}


/* Sub nav */


/* No mobile sub nav */

#loyola.mobile .nav li:hover ul.sub-menu {
  visibility: hidden;
  display: none!important;
}

#loyola .nav li ul.sub-menu {
  width: 440px;
  background: rgba(0, 26, 66, 0.8);
  border: none;
}

#loyola .nav li ul.sub-menu li {
  display: inline-block;
}

#loyola .nav li ul.sub-menu li a, #loyola .nav li ul.children li a {
  width: 219px;
  border: none;
  padding: 13px 20px 13px 32px;
  background: none;
  position: relative;
}

#loyola .nav li ul.sub-menu li a:before {
  content: "\f105";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 8px 0 -14px;
}


/* Top nav */

.top-nav-container {
  position: relative;
}

#menu-top-1 {
  margin: 0;
  background: #8C2245;
  padding-right: 75px;
  display: inline-block;
  float: right;
}

#menu-top-1 li {
  display: block;
  float: left;
  border-right: 1px solid #983958;
}

#menu-top-1 li a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  background: #8C2245;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 5px 18px;
  margin: 0;
}

#menu-top-1 li a:hover {
  background: #B71241;
  color: rgba(255, 255, 255, 1);
}


/*** Searchbar ***/


/* Search button icon hide/show */

#searchform .fa.fa-search {
  display: none;
}

#searchform.opened .fa.fa-search {
  display: block;
}


/* Search button styles */

.nav-search.fa.fa-search, #searchform input[type="submit"], #searchform.opened .fa.fa-search {
  color: #FFF;
  background: #701D3F;
  padding: 8px 28px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border: none;
}


/* Search input field styles */

#searchform input[type="text"] {
  background: #701D3F;
  border-radius: 0;
  height: auto;
  position: absolute;
  right: 45px;
  top: 0;
  width: 0px;
  font-size: 14px;
  height: 36px;
  color: #FFF;
  font-family: Arial;
  z-index: -1;
  max-width: none;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  -webkit-backface-visibility: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#541531+0,701d3f+21,701d3f+99 */
  background: #541531;
  /* Old browsers */
  background: -moz-linear-gradient(left, #541531 0%, #701d3f 21%, #701d3f 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #541531 0%, #701d3f 21%, #701d3f 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #541531 0%, #701d3f 21%, #701d3f 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541531', endColorstr='#701d3f', GradientType=1);
  /* IE6-9 */
}


/* Search Submit button invisible */

#searchform input[type="submit"].btn {
  background: #8C2245;
  width: 75px;
  height: 36px;
  opacity: 0;
}


/* Search Submit button z-index to top */

#searchform.opened input[type="submit"].btn {
  z-index: 20;
}


/* Search icon visible on opened search field */

#searchform.opened .fa.fa-search {
  background: #B71241;
  z-index: 10;
}


/* Header Logo */

.header-logo {
  display: block;
  line-height: 0;
  float: left;
  max-width: 564px;
  padding: 10px 0;
}

.header-logo img {
  width: 100%;
}

.header-logo-mobile {
  display: none;
  text-decoration: none;
}

.header-logo-mobile p {
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0;
}

.header-logo-mobile img {
  position: relative;
  top: 3px;
  padding-right: 10px;
}

.header-logo-mobile img, .header-logo-mobile p {
  float: left;
}


/* Blue Header Rule before content */

.header-rule {
  border: none;
  border-bottom: 6px solid #002D62;
  height: 2px;
  background: #FFF;
  margin: 0;
}


/* ==========================================================================
   Header responsive
   ========================================================================== */


/*
  • Hidden Icons Menu will display on menu fly-out
  • Nav needs to collapse under 1200px wide to 700px wide.
  • An off-canvas nav will appear and a custom menu with icons for Search, Twitter and Facebook
*/


/* Hide Icons Menu on desktop */

.menu-icons-container {
  display: none;
}


/*
Nav icon with animation.
*/

#nav-icon2 {
  display: none;
}


/* Remove main nav icon menu */

.menu-icons-main-container {
  display: none;
}

@media all and (max-width:1200px) {
  /* Body has sky blue background image */
  body#loyola {
    background-color: #0064Be;
    background: url('../../img/header-bg.jpg') no-repeat;
    background-size: 100% auto;
    z-index: 5;
  }
  /* Remove desktop header items */
  /*
    Header Logo
    Main Menu
    Top Menu
  */
  .header-logo, #menu-main-1, .top-nav-container {
    display: none;
  }
  /*
  Display Hamburger menu icon
  Show Icons Menu on tablet
  Main Menu tablet show
  Header Logo mobile
  */
  #nav-icon2, .menu-icons-container, #menu-main, .header-logo-mobile {
    display: block;
  }
  /* Header container */
  #container .header {
    background: #013a6e;
    position: relative;
    top: 5px;
  }
  #inner-header.wrap {
    padding: 3px 10px 9px;
  }
  /* setup containers to move on hamburger nav click */
  #container {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
  }
  /*** Responsive menu styles ***/
  #menu-main, #menu-top {
    width: 100%;
    height: auto;
    background: rgba(0, 22, 60, 1);
    margin: 0;
  }
  #menu-main.nav li, #menu-top li {
    float: none;
    line-height: 1em;
    margin: 0;
    padding: 0;
  }
  #menu-main.nav a, #menu-top a {
    color: #FFF;
    padding: 15px 25px;
    background: rgba(0, 22, 60, 1);
    font-family: 'Arial', sans-serif;
    font-weight: 600;
    line-height: 100%;
    font-size: 16px;
    background: #212e49;

  }
  #menu-top a {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    background: #8c2245;
    display: block;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c162d+0,8b2245+21,8b2245+99 */
    background: #5c162d;
    /* Old browsers */
    background: -moz-linear-gradient(left, #5c162d 0%, #8b2245 21%, #8b2245 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5c162d 0%, #8b2245 21%, #8b2245 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5c162d 0%, #8b2245 21%, #8b2245 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c162d', endColorstr='#8b2245', GradientType=1);
    /* IE6-9 */
  }
  #menu-top a:hover {
    color: rgba(255, 255, 255, 1);
  }
  #menu-main.nav a:hover {
    color: #FFF;
    background: #1A477C;
    text-decoration: none;
    background: rgba(26, 71, 124, 1) url("/website/wp-content/themes/loyola/img/footer-pattern-5.png") repeat scroll 0 0;
  }
  /* Responsive Search form */
  .search-wrapper {
    position: relative;
  }
  .nav-search.fa.fa-search, #searchform input[type="submit"], #searchform.opened .fa.fa-search {
    position: relative;
  }
  /* Search input field styles */
  .mobile #searchform input[type="text"] {
    position: relative;
    right: 0;
    top: 0;
    width: 100%!important;
    font-size: 14px;
    height: 36px;
    z-index: 1;
    padding-left: 25px;
    margin-bottom: 0;
  }
  /* Search submit button */
  .nav-search.fa.fa-search {
    display: none;
  }
  #searchform input.btn[type="submit"] {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 200;
    opacity: 0;
  }
  /* Fake button icon */
  #searchform .fa.fa-search {
    background: #b71241 none repeat scroll 0 0;
    z-index: 100;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 19px;
    color: #FFF;
  }
  /* Icons Menu move off-canvas and display */
  .menu-icons-container {
    display: block;
    top: 0;
    height: 85px;
    background: #FFF;
    font-size: 30px;
    background: url('/wp-content/themes/loyola/img/icon-nav-shadow.png') repeat;
  }
  /* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT
  All css is in hamburger.css

----------------------------------------------------------------------------- */
  #nav-icon2 {
    display: block;
  }
}


/* less padding under 640px */

@media all and (max-width:640px) {
  #inner-header.wrap {
    padding: 3px 10px 6px;
  }
  .header-logo-mobile p {
    display: none;
  }
}


/* ==========================================================================
   Home page
   ========================================================================== */


/* Home page slider */


/* Home content area is pushed down to show slider image */

#loyola .homepage #inner-content {
  position: relative;
  max-width: 1200px;
  margin: 640px auto 0;
}


/* welcome message */

.homepage #main {
  padding: 25px 100px 45px;
  border-bottom: 1px solid #d1d0d0;
}

.homepage #main section {
  padding: 0;
}

.homepage .entry-content {
  text-align: center;
}

.homepage .entry-content h2 {
  font-size: 32px;
  color: #013a6e;
  margin: 0 0 10px 0;
}

.homepage .entry-content p {
  margin: 0;
}


/* Inner content strip styles */

.home #inner-content.wrap .hentry {
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
/*** Home page Tablet 1200px and below
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media all and (max-width: 1200px) {
  #loyola .homepage #inner-content {
    margin-top: 400px;
  }
}

@media all and (max-width: 1400px) {
  .home #inner-content {
    max-width: 100%;
    width: 100%;
  }
  #section-container, #loyola h3.home-tagline {
    left: 30px;
  }
}

@media all and (max-width: 800px) {
  .homepage #main {
    padding: 25px 50px 45px;
  }
}

@media all and (max-width: 600px) {
  .homepage #main {
    padding: 20px;
  }
}


/* ============== NEWS SLIDER STYLES ============== */


/* News and Events styles */

.home-section .info, .home-section .info a, .links-slider li a {
  font-family: 'Open Sans', sans-serif;
  color: #FFF;
  font-size: 14px;
  max-width: 170px;
  text-decoration: none;
}


/* link */

.home-section .info a {
  font-weight: 600;
  font-style: italic;
}


/* Icon */

.home-section .info a .fa {
  font-size: 12px;
}

.home-section .info time {
  margin: 10px 0 0 0;
  display: block;
}

.home-section .info p {
  margin: 0;
  line-height: 130%;
}


/*** Home page Quicklinks & Buttons layout ***/

.home-quicklinks, .home-buttons {
  height: 840px;
  float: left;
  padding: 40px 6.5%!important;
}

.home-quicklinks {
  width: 66.6%;
  border-right: 1px solid #FFF;
}

.home-buttons {
  width: 33.3%;
  border-left: 1px solid #d1d0d0;
}

.home-quicklinks {
  background: #F7F6F6;
  font-size: 0;
  line-height: normal;
}

.quicklinks-wrapper {
  width: 640px;
  margin: auto;
}

.quicklink {
  width: 300px;
  height: 370px;
  background: #FFF;
  float: left;
  margin: 0 10px 20px;
  font-size: 16px;
  line-height: 120%;
}


/* quicklink image */

.quicklink-image-wrapper {
  display: block;
  height: 175px;
  overflow: hidden;
}

.quicklink img {
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.quicklink-image-wrapper:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}


/* quicklink text */

.quicklink-text-wrapper {
  padding: 30px 20px;
  display: block;
}


/* quicklink title */

.quicklink .title {
  display: block;
  color: #0064BE;
  margin: 0;
  font-size: 22px;
}


/* quicklink text */

.quicklink .text {
  display: block;
}


/* quicklink link */

.quicklink a {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

.quicklink a .fa {
  font-size: 12px;
  margin-right: 5px;
}


/* Home right side links */

#loyola .home-buttons {
  background-image: url("../../img/Logo-WM-2.png");
  padding: 40px 0;
  background-size: 1096px auto;
  background-position: -409px 343px;
  background-repeat: no-repeat;
}

.inner-footer-wrapper {
  max-width: 1200px;
  margin: auto;
  padding: 30px 20px;
  position: relative;
}

#inner-footer {
  position: relative;
  z-index: 10;
}

.footer-watermark {
  width: 33.3%;
  background-image: url("../../img/wm-bottom-1.png");
  height: 100%;
  background-size: 1095px auto;
  background-position: -407px top;
  background-repeat: no-repeat;
  position: absolute;
  right: 1px;
  top: 0;
  width: 33.3%;
  z-index: 1;
}

.home-button {
  width: 220px;
  height: 60px;
  background: red;
  display: block;
  margin: auto;
  margin-bottom: 10px;
  text-decoration: none;
  color: #FFF;
  padding: 11px 0 0 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.home-buttons a {
  color: #FFF!important;
}

.home-button.button-2, .home-button.button-3 {
  padding-top: 20px;
}

.home-button {
  background: #013a6e;
}

.home-button:hover {
  background: #2799ff;
  color: #FFF;
}

.home-button.button-3 {
  background: #8C2245;
}

.home-button.button-3:hover {
  background: #B71241;
}

.home-button.button-3 {
  margin-bottom: 0;
}

.college-theme {
  padding: 0;
  height: 560px;
  overflow: hidden;
}

.home-button.college-theme>img {
  height: 560px;
  width: 220px;
}

.home-button h4 {
  margin: 0;
  font-size: 18px;
  line-height: 120%;
}


/*** Quicklinks layout responsive ***/

@media all and (max-width: 1200px) {
  .home-quicklinks, .home-buttons {
    height: 840px;
    float: left;
    padding: 40px 1%!important;
  }
}

@media all and (max-width: 1000px) {
  /* layout and widths */
  .home-quicklinks {
    width: 60%;
  }
  .home-buttons, .footer-watermark {
    width: 40%;
  }
  .quicklinks-wrapper {
    width: 320px;
  }
  .quicklink {
    height: 175px;
  }
  .quicklink a.quicklink-image-wrapper {
    display: none;
  }
}

@media all and (max-width: 600px) {
  /* layout and widths */
  .home-quicklinks, .home-buttons {
    width: 100%;
    float: none;
    height: auto;
    clear: both;
  }
  #loyola .home-buttons {
    background-position: center 350px;
  }
  .footer-watermark {
    width: 100%;
    background-position: center -491px;
  }
  /*.home-quicklinks { background: red;}
  .home-buttons { background: green;}*/
  .quicklink {
    display: block;
    float: none;
  }
}


/*** Home page sections Tablet 999px and shorter ***/

@media all and (max-width: 999px) {
  .home #inner-content {
    position: absolute;
    bottom: 0;
  }
  /* section icons */
  .section-head {
    position: relative;
  }
  .home-icon {
    height: 30px;
    left: 0px;
    position: absolute;
    top: 13px;
    width: 30px;
    background: url('/wp-content/themes/loyola/img/home-section-headers.png') no-repeat;
    background-size: 270px auto;
  }
  .home-news .home-icon {
    background-position: -20px -145px;
  }
  .home-events .home-icon {
    background-position: -20px -12px;
  }
  .home-links .home-icon {
    background-position: -20px -78px;
  }
  #section-container {
    left: 0;
    bottom: 0;
  }
  #loyola h3.home-tagline {
    bottom: 160px;
    color: #FFF;
  }
  .section-body {
    display: none;
  }
}

@media all and (max-width: 400px) {
  .home #content, .home #content #inner-content {
    /*
    height: 355px!important;
    position: relative;
    */
  }
  #section-container {
    bottom: 0;
  }
  #loyola h3.home-tagline {
    bottom: 160px;
    font-size: 12px;
    color: #FFF;
  }
}


/* CYCLE HOMEPAGE SLIDER */


/* home slider bg*/

#bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

#bg .bx-viewport {
  top: 0px;
}

#bg #slider-bg li {
  position: relative;
}

#bg #slider-bg li img {
  height: 100%;
  width: 100%;
  position: relative;
  top: 80px;
}

.bgwidth {
  width: 100%;
}

.bgheight {
  height: 100%;
}


/* Tablet wdth under 1000px */

.tablet.wide #slider-bg li {
  height: auto;
  min-height: 0;
}

@media all and (max-width: 999px) {
  .cycle-slideshow {
    position: absolute;
    top: 100px;
    height: auto;
    min-width: 1200px;
  }
  .cycle-slideshow img {
    height: auto;
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  #bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: red;
  }
  #bg #slider-bg li {
    height: auto;
  }
}

@media all and (max-width: 500px) {
  .cycle-slideshow {
    top: 50px;
    height: auto;
    min-width: 0;
  }
  .cycle-slideshow img {
    left: -50%!important;
    margin-left: 50%;
  }
}

@media all and (max-width: 400px) {
  #bg-slider {
    min-height: 0;
    max-height: 400px;
    top: 0px;
  }
  .cycle-slideshow {
    top: 50px;
    height: 100%;
    width: auto;
    left: 0;
  }
  .cycle-slideshow img {
    height: 100%;
    width: auto;
    left: 0%!important;
    margin-left: -20%;
  }
}


/*** HOME PAGE RESPONSIVE ***/


/* 320 to 500px wide */


/* ==========================================================================
   Landing page
   ========================================================================== */

.news-pod.further-links {
  padding: 0;
}

.further-links ul {
  margin: 0;
}

.further-links li {
  padding: 24px 25px;
  list-style: none;
  border-bottom: 2px solid #A4343A;
}

.further-links .heading {
  background: #A4343A;
  font-size: 26px;
  font-weight: 400;
  color: #FFF;
  padding: 27px 25px;
}

.further-links .fa {
  float: right;
  color: #A4343A;
  margin-right: 20px;
}

.further-links li a, .further-links li a:hover {
  text-decoration: none;
  color: #4C4F51;
}


/* ==========================================================================
   Content page
   ========================================================================== */


/* Page banner*/

.top-bg {
  position: static;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.page-banner {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center top;
  max-height: 900px;
  z-index: -1;
  top: 140px;
}

.page-banner>img {
  display: block;
  width: 100%;
}

.page-banner:after {
  content: "";
  position: absolute;
  height: 30%;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

#loyola #content {
  margin-top: 0;
}


/* Content area position */

#loyola #inner-content {
  margin-top: 400px;
  background: #FFF;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

#loyola .hentry header {
  border: none;
  padding: 1.5em;
}


/* Page banner and Content area position responsive */

@media all and (max-width: 1200px) {
  .page-banner {
    top: 45px;
    height: 350px;
  }
  .page-banner:after {
    display: none;
  }
  #loyola #inner-content {
    margin-top: 300px;
  }
}

@media all and (max-width: 600px) {
  .page-banner {
    top: 45px;
    height: 250px;
  }
  .page-banner:after {
    display: none;
  }
  #loyola #inner-content {
    margin-top: 200px;
  }
}


/**** MAIN CONTENT AREA ***/

#main {
  padding: 60px 50px;
  position: relative;
  border-right: 1px solid #D1D0D0;
  min-height: 1000px;
}

.home #main {
  min-height: 0;
}


/* home needs static position */

.home #main {
  position: static;
}

#main .entry-content {
  padding: 1.5em 0;
}

#loyola h1.page-title {
  font-size: 32px;
  color: #00163C;
}


/**** SIDEBAR AREA ***/


/* Watermark */

#sidebar1 {
  background-image: url("../../img/wm-top-3.png");
  background-size: 1095px auto;
  background-position: -465px bottom;
  background-repeat: no-repeat;
}

.footer-watermark {
  width: 100%;
  background-image: url("../../img/wm-bottom-3.png");
  height: 100%;
  background-size: 808px auto;
  background-position: right top;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

#loyola .home-buttons {
  background-image: url("../../img/Logo-WM-3.png");
  padding: 40px 0;
  background-size: 1096px auto;
  background-position: -409px 343px;
  background-repeat: no-repeat;
}

@media all and (max-width: 1200px) {
  #sidebar1 {
    background-image: url("../../img/wm-top-3.2.png");
    background-size: 807px auto;
    background-position: right bottom;
  }
  #loyola .home-buttons {
    background-image: url("../../img/wm-top-3.2.png");
    background-size: 807px auto;
    background-position: right bottom;
  }
}

@media all and (max-width: 1020px) {
  #sidebar1 {
    height: auto!important;
  }
}


/* No margin for Sidebar elements */

#sidebar1, #nav_menu-2, #loyola .widgettitle {
  margin: 0;
  padding: 0;
}


/* Parent/Landing page title */

#loyola .widgettitle {
  background: #00163C;
  background-image: linear-gradient(to bottom, rgba(0, 22, 60, 1) 0%, rgba(40, 56, 76, 1) 100%);
  color: #FFF;
  font-size: 34px;
  line-height: 120%;
  padding: 60px 25px 30px;
  height: auto;
  border: none;
  position: relative;
  width: 100%;
}


/* Sidebar Navigation links */

.menu-test-container ul, .widget .menu-test-container ul li {
  margin: 0;
}

.menu-test-container ul li {
  border-bottom: 1px solid #E7E6E6;
  position: relative;
}

.menu-test-container ul li>a {
  color: #4D4F50;
  text-decoration: none;
  font-size: 18px;
  padding: 0;
  position: relative;
  display: block;
  position: relative;
  left: 0;
  width: 100%;
  background: #FFF;
  padding: 12px 25px 10px;
}


/* Hide down button for all links */

.menu-test-container ul li>a .fa {
  display: none;
}


/* Display down button for parent links */

.menu-test-container ul li.page_item_has_children>a .fa {
  display: block;
}

.menu-test-container ul li>a .fa {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 15px;
}


/* Hover & current menu item */

.menu-test-container ul li>a:hover, .menu-test-container ul li.current_page_item>a, .menu-test-container ul li.page_item_has_children.current_page_parent>a {
  color: #FFF;
  background: #2799FF;
}


/* sub nav hide unless current parent is page */

#sidebar1 .children {
  display: none;
}


/* Display sub nav on parent link hover */


/* Keep sub nav open if current page is a sub nav item */

.menu-test-container ul li.page_item_has_children.clicked .children, .menu-test-container ul li.current_page_parent .children, .menu-test-container ul li.page_item_has_children.current_page_item .children {
  display: block;
}

.menu-test-container ul li.clicked a {
  background: #2799FF;
  color: #FFF;
}

.menu-test-container ul li.clicked ul a {
  background: transparent;
  color: #4d4f50;
}


/* Sub nav background */

.menu-test-container ul li.current-menu-item ul {
  padding: 0;
  margin: 0;
  display: block;
}


/* Sub nav */

.widget .menu-test-container ul ul {
  margin: 0;
  background: #F4F3F4;
  padding: 10px 0;
}

.menu-test-container ul ul li {
  border: none;
}

.menu-test-container ul ul li>a {
  margin: 0;
  padding: 10px;
  display: block;
  left: 0;
  padding: 10px 50px;
  background: transparent;
}


/* Sub nav hover & current page */

.menu-test-container ul ul li>a:hover, .menu-test-container ul ul li.current_page_item>a {
  color: #2799FF;
  background: transparent;
}


/* Right arrow on sub nav items */

.menu-test-container ul ul li:after {
  content: "\f054";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  top: 12px;
  left: 25px;
  font-size: 16px;
}

.menu-test-container ul ul li.current_page_item:after, .menu-test-container ul ul li:hover:after {
  color: #2799FF;
}

.menu-test-container ul li.current-menu-item li a:hover {
  color: #2799FF;
  background: transparent;
}


/* Sub nav stack at 1020px and shorter */

@media all and (max-width: 1020px) {
  #loyola .t-2of3, #loyola .t-1of3, #loyola .d-5of7, #loyola .d-2of7 {
    width: 100%;
    float: none;
    clear: both;
  }
  /* Sidenav */
  #loyola .widgettitle {
    padding: 20px 20px 10px;
  }
}


/**** MAIN CONTENT AREA TABLET ***/


/* ==========================================================================
   Content elements
   ========================================================================== */

#loyola h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 116%;
  color: #A4343A;
}

#loyola h2 {
  color: #002D62;
  font-size: 30px;
}

#loyola h3 {
  color: #A4343A;
  font-size: 22px;
}

#loyola p .leader-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

#loyola .entry-content blockquote {
  border: none;
  color: #A4343A;
  font-style: italic;
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  font-weight: 300;
}


/* Bullet Points */

#loyola .entry-content ul {
  position: relative;
  padding-left: 15px;
}

#loyola .entry-content ul li {
  font-size: 16px;
  padding: 5px 0;
}

#loyola .entry-content ul li:before {
  content: "";
  width: .45em;
  height: .45em;
  background-color: #2799FF;
  float: left;
  margin: 0.6em 0.5em 0 0;
  border-radius: 50%;
  position: absolute;
  left: 0px;
}

#loyola .entry-content a, #loyola .entry-content a:visited {
  color: #8C2245;
  text-decoration: none;
  border-bottom: 1px solid rgba(140, 34, 69, 0.2);
}

#loyola .entry-content a:hover {
  color: #B71241;
  text-decoration: none;
  border-bottom: 1px solid rgba(183, 18, 65, 1);
}


/* Horizontal rule */

.entry-content hr {
  border: none;
  border-bottom: 1px solid rgba(57, 54, 52, 0.3);
  color: #FFF;
}


/* Highlight Box */

.highlight-box {
  background: rgba(183, 18, 65, 0.1);
  padding: 20px;
  margin: 1em 0;
}

#loyola .highlight-box h3 {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: rgba(183, 18, 65, 1);
}

#loyola .highlight-box p {
  margin: 5px 0 0 0;
  display: inline;
}


/* Link/Highlight Box */

.link-box .highlight-box, .download-box .highlight-box {
  padding: 0;
  border: 1px solid #B71241;
  background: rgba(0, 0, 0, 0) url("/website/wp-content/themes/loyola/img/DL-Pattern.png") no-repeat scroll right 0 / auto 62px;
}


/* icon */

.highlight-box .fa {
  background: rgba(183, 18, 65, 1);
  color: #fff;
  padding: 20px;
  margin-right: 20px;
}


/* arrow before link in the box */

.link-box a:before, .download-box a:before {
  content: "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline;
  text-decoration: inherit;
  margin: 0;
  position: relative;
  left: -7px;
  z-index: 0;
}


/* Highligh box hovers */

.highlight-box.hovered {
  background: #Bfd5EE;
}

.highlight-box.hovered .fa {
  background: #002D62;
}


/* No underline ofr box links */

#loyola .entry-content .highlight-box a, #loyola .entry-content .highlight-box a:visited, #loyola .entry-content .highlight-box a:hover {
  border: none;
}


/* Gallery slideshow */


/* container */

#loyola .nivoSlider {
  overflow: visible;
  box-shadow: none;
  margin: none;
}

.ngg-slideshow {
  margin-bottom: 2em;
}


/* image */

#loyola .nivoSlider img {
  margin: 0;
  border-radius: 5px 5px 0 0;
}


/* caption */

.nivo-caption {
  background: #EBEAE8;
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  color: #5A5C5E;
  font-size: 18px;
  padding: 16px 20px 12px;
  position: relative;
  margin-bottom: 1em;
  border-radius: 0 0 5px 5px;
}


/* controls */

.nivo-directionNav {
  display: none;
}

#loyola .theme-default .nivo-controlNav {
  padding: 0 0 20px 0;
  text-align: center;
}

#loyola .entry-content a.nivo-control {
  border: none;
  width: 13px;
  height: 13px;
  background: #E9E9E9;
  margin: 0 5px;
  border-radius: 50%;
}

#loyola .entry-content a.nivo-control:hover, #loyola .entry-content a.nivo-control.active {
  background: #B71241;
}


/*** Tables ***/

#loyola .entry-content table {
  border: 1px solid #00163C;
  ;
}

#loyola .entry-content tr {
  border: none
}

#loyola .entry-content td {
  border: none;
  padding: 10px;
}


/* table head */

thead td {
  font-size: 18px;
  background: #00163C;
  color: #FFF;
  font-weight: 600;
}


/* table body */

tbody td {
  font-size: 16px;
}


/* second row color change */

#loyola .entry-content tr:nth-child(2n) {
  background-color: rgba(0, 100, 190, 0.1);
}


/*** CONTENT ELEMENTS RESPONSIVE ***/


/* content area align with responsive hamburger nav */

@media all and (max-width: 1200px) {
  #main {
    padding: 30px
  }
}


/* Tablet under 1000px */


/* shorten banner height */

.tablet .page-banner {
  height: 300px;
}


/* move content up for shorter banner height */

#loyola.tablet #inner-content {
  margin-top: 280px;
}


/* not on home though */

#loyola.tablet.home #inner-content {
  margin-top: 0;
}


/* Tablet under 500px */

@media all and (max-width: 500px) {
  /* banner container */
  .top-bg {
    height: 300px;
    position: absolute;
    top: 10px;
    z-index: -1;
  }
  .tablet .page-banner {
    position: relative;
    top: 0;
    height: 100%;
    width: auto;
    background-position: left center;
    margin-left: -50%;
  }
  /* sidebar full width */
  .tablet #sidebar1 {
    top: 0px;
    width: 100%;
  }
}


/* ==========================================================================
   Virtual Tour
   ========================================================================== */

.mobile-map {
  display: none;
}

.map-box {
  clear: both;
}

.entry-content .map-box img {
  float: left;
  margin: 0 15px 20px 0;
  position: relative;
  top: 3px;
  height: 20px;
  width: auto;
}

.tour-wrapper {
  width: 100%;
  max-width: 756px;
  height: auto;
  position: relative;
  clear: both;
  text-align: center;
  margin: 2em auto 0;
}

.entry-content .tour-wrapper p {
  font-weight: bold;
  margin: 0;
}

.entry-content .tour-wrapper img {
  border: 2px solid #979797;
  margin-bottom: 0;
}

.points-wrapper {
  position: absolute;
  top: 27px;
  left: 0;
  /*background: rgba(0,0,0,0.3);*/
}

.map-point {
  background-image: url("/website/wp-content/themes/loyola/img/map-point.png");
  background-repeat: no-repeat;
  background-size: 24px 41px;
  background-position: center bottom;
  width: auto;
  height: 41px;
  display: block;
  position: absolute;
}


/* Slight adjustment to keep points in position */

@media all and (max-width: 1040px) {
  .map-point {
    margin-top: -5px;
    margin-left: -15px;
  }
}

@media all and (max-width: 1020px) {
  .map-point {
    margin: 0;
  }
}

@media all and (max-width: 740px) {
  .map-point {
    margin-top: -5px;
    margin-left: -10px;
  }
}

.map-title, .gallery-title {
  background: #0063BD;
  display: block;
  position: relative;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  line-height: 120%;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  height: auto;
  white-space: nowrap;
  bottom: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
}

.map-point:hover .map-title, .map-title.focussed {
  opacity: 1;
}

.map-title.focussed {
  z-index: 1;
  position: absolute;
  width: 320px;
  top: -5px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  position: fixed;
  height: 40px;
}


/*** Virtual Tour Gallery ***/

.gallery-title {
  opacity: 0;
  z-index: -1;
}

.tour-gallery-overlay {
  background: #666;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease;
}

.tour-gallery-overlay.focussed {
  opacity: 1;
  z-index: 1;
}


/* image no margin */

.entry-content img.slick-slide {
  margin: 0;
  height: 430px;
  width: 550px;
  border: none;
}

.tour-gallery.slick-slider {
  background: #0063BD;
  padding: 5px;
  width: 550px;
  height: 440px;
  opacity: 0;
  z-index: -1;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  position: fixed;
  margin: 5% auto 0;
  left: 0;
  right: 0;
  top: 0;
}

.map-title.focussed {
  z-index: 1;
  width: 550px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  position: fixed;
  margin: 5% auto 0;
  left: 0;
  right: 0;
  top: 440px;
}

.map-point.focussed .tour-gallery.slick-slider {
  opacity: 1;
  z-index: 2;
}


/* Gallery arrows */

#main .tour-gallery .slick-arrow {
  text-indent: -9999px;
  height: 25px;
  width: 25px;
  padding: 0;
  background: rgba(0, 99, 189, 0.6);
  top: auto;
  bottom: 5px;
  border-radius: 0;
  z-index: 1;
}

#main .tour-gallery .slick-arrow:before {
  text-indent: 0;
  top: 7px;
  left: 8px;
}

#main .tour-gallery .slick-arrow:hover {
  background: rgba(0, 99, 189, 1);
}


/* prev/next */

#main .tour-gallery .slick-arrow.slick-prev {
  left: 5px;
}

#main .tour-gallery .slick-arrow.slick-next {
  right: 5px;
}

#main .tour-gallery .slick-arrow.slick-next:before {
  content: '\f054';
  text-indent: 0;
  top: 7px;
  left: 8px;
}


/*** Mobile map display ***/

@media all and (max-width: 700px) {
  .mobile-map {
    display: block;
  }
  /*.tour-wrapper { display: none;}*/
  .tour-wrapper p, img.tour-map, .map-box {
    display: none!important;
  }
  .points-wrapper {
    height: auto!important;
    width: auto!important;
    top: 0;
    position: relative;
  }
  .map-point {
    left: 0!important;
    top: 0!important;
    position: relative;
    margin: 0;
    height: auto;
    background: none;
  }
  .tour-gallery.slick-slider {
    z-index: 1;
    opacity: 1;
    margin: 0 auto 1em;
    position: relative;
    top: 0;
    left: 0;
  }
  .map-title {
    display: block;
    bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    margin: auto;
    opacity: 1!important;
    max-width: 550px;
    width: 100%;
  }
}

@media all and (max-width: 620px) {
  .points-wrapper {
    margin: auto;
    width: 100%!important;
  }
  .tour-gallery.slick-slider {
    width: 100%;
    height: auto;
    z-index: 1!important;
  }
  .entry-content img.slick-slide {
    width: 100%;
    height: auto;
  }
}


/* ==========================================================================
   News grid
   ========================================================================== */


/* background color */

.red-page #inner-content {
  border-top: 6px solid #B71241;
}

.red-page #main {
  background: #F7F6F6;
  padding-top: 20px;
}

#loyola .red-page h1.page-title {
  color: #B71241;
  margin-bottom: 17px;
}


/** NEWS PODS */


/* shell */

.news-pod {
  /* size */
  width: 23.1%;
  min-width: 250px;
  margin: 0 22px 22px 0;
  display: inline-block;
  vertical-align: top;
  /* style */
  background: #FFF;
  position: relative;
}


/* every 4th news-pod */

.news-pod:nth-child(4n) {
  margin-right: 0;
}


/* News pods Responsive */

@media all and (max-width: 1150px) {
  .news-pod:nth-child(4n) {
    margin-right: 22px;
  }
  /* every 4th news-pod */
  .news-pod:nth-child(3n) {
    margin-right: 0;
  }
  /* every 3rd news-pod */
  .m-all.news-container {
    width: 806px;
    margin: auto;
  }
}

@media all and (max-width: 870px) {
  .news-pod:nth-child(3n) {
    margin-right: 22px;
  }
  /* every 3rd news-pod */
  .news-pod:nth-child(2n) {
    margin-right: 0;
  }
  /* every 2nd news-pod */
  .m-all.news-container {
    width: 530px;
    float: none;
  }
}

@media all and (max-width: 600px) {
  .news-pod:nth-child(3n) {
    margin-right: 0;
  }
  /* every 2nd news-pod */
  .m-all.news-container {
    width: 250px;
  }
}


/* category */

#loyola .category {
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
  font-size: 12px;
  color: #FFF;
  background: #00163C;
  text-transform: uppercase;
  padding: 2px 20px;
  font-weight: 800;
}

.triangle {
  width: 0;
  height: 0;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #00163C;
  position: absolute;
  top: 0;
  right: -30px;
}


/* thumbnail image and link */

.thumb-link {
  position: relative;
  display: block;
  line-height: 0;
  height: 144px;
  overflow: hidden;
}

.thumb-link img {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.thumb-link:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}


/* date */

.news-pod .date {
  color: #FFF;
  font-style: italic;
  font-size: 14px;
  background: #B71241;
  padding: 8px 20px;
  margin: 0;
  line-height: 100%;
}


/* details */

.post-text {
  padding: 25px 20px;
  min-height: 250px;
}

.post-text p {
  margin: 0;
}


/* news title */

.post-text p strong {
  font-weight: 600;
  font-size: 20px;
  color: #00163C;
  margin: 30px 0 10px;
}


/* date, excerpt, read more */

.news-excerpt, .read-more {
  font-size: 16px;
  margin: 0;
}

.post-text .news-excerpt {
  margin: 15px 0 25px 0;
}


/* read more */

#main .read-more {
  color: #B71241;
  text-decoration: none;
}

.read-more p {
  float: left;
  margin: 0 0 30px 0;
}

.read-more .fa {
  float: left;
  margin: 7px 7px 0 0;
  font-size: 12px;
}


/* News pagination */

.page-list {
  text-align: center;
}

.page-list li {
  display: inline-block;
  margin: 0 5px;
}

.page-list li a, .page-list li span {
  padding: 1px 7px;
  text-decoration: none;
  color: #393634;
  border: 1px solid transparent;
  font-size: 16px;
}

.page-list li span {
  color: #B71241;
  background: #FFF;
  border: 1px solid #B71241;
}

.page-list li span.page-more {
  background: none;
  border: none;
  padding: 1px 0;
  color: #393634;
}

.page-list li a:hover {
  color: #B71241;
  background: #FFF;
  border: 1px solid #B71241;
}


/* Prev/next icons */

.page-list .prev-page a:hover, .page-list .next-page a:hover {
  background: none;
  color: #B71241;
  border: 1px solid transparent;
  background: none;
}


/* Pagination responsive */


/*.page-list li:nth-child(5),
.page-list li:nth-child(6) {
  display: none;
}
*/


/* Select dropdown */


/* Custom Select Box */

#loyola select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1em;
  color: #00163C;
  border: 1px solid #00163C;
  height: 50px;
  width: 100%;
  max-width: 255px;
  float: right;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 1;
}

.select-category {
  position: relative;
}


/* dropdown styles */

.select-category .styledSelect:active, .select-category .styledSelect.active {
  border-color: #B71241;
  color: #B71241;
}

.select-category option {
  padding: 8px 22px;
  margin: 0;
  color: #B71241;
  border: 1px solid #b71241;
  border-top: none;
}

.select-category option:hover {
  background-color: rgba(39, 153, 255, 0.2);
}


/* ==========================================================================
   News single
   ========================================================================== */

.singles #main {
  background: #FFF;
}

#main button {
  background: rgba(183, 18, 65, 0.8);
  color: #FFF;
  border: none;
  border-radius: 5px;
  padding: 6px 12px 6px 25px;
  position: absolute;
  top: 15px;
  font-size: 14px;
}

#main button:hover {
  background: rgba(183, 18, 65, 1);
}

#main button:before {
  content: "\f053";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  top: 9px;
  left: 10px;
  font-size: 12px;
}

#loyola .news-sidebar {
  padding: 0 5%;
}

#loyola .news-sidebar h3 {
  color: #B71241;
  font-size: 28px;
}

.news-date {
  color: #B71241;
  font-size: 15px;
  font-style: italic;
}

#loyola .news-sidebar p {
  margin: 5px 0 1em 0;
}

#loyola .news-sidebar a {
  color: #4c4f51;
  text-decoration: none;
  border-bottom: 1px solid rgba(76, 79, 81, 0.3);
  width: 100%;
  display: block;
  margin-bottom: 1em;
}

#loyola .news-sidebar a:hover {
  color: #A4343A;
}


/* Single responsive */

@media all and (max-width: 1200px) {
  .single #main {
    padding-top: 60px;
  }
}


/* ==========================================================================
   Contact Us page
   ========================================================================== */


/* google map responsive */

.google-maps {
  position: relative;
  padding-bottom: 300px; // This is the aspect ratio
  height: 0;
  overflow: hidden;
  max-height: 300px;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.form-message {
  clear: both;
}

.contact-page input[type="text"], #loyola .contact-page select, .contact-page input[type="email"], .contact-page textarea {
  border-radius: 0;
  background: none;
  border: 1px solid #00163C;
  font-size: 16px;
  font-family: Arial, sans-serif;
  height: auto;
  line-height: 120%;
  padding: 15px;
  max-width: none;
  margin-bottom: 20px;
}


/* dropdown */

#loyola .contact-page select {
  padding: 14px 15px;
  font-weight: 600;
}

.contact-select {
  position: relative;
}

.contact-select:after {
  content: "\f078";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: block;
  text-decoration: inherit;
  margin: 0;
  position: absolute;
  top: 13px;
  right: 30px;
  z-index: 0;
  font-size: 18px;
  cursor: pointer;
}


/* submit button */

.contact-page input[type="submit"] {
  background: #013a6e;
  border: none;
  color: #FFF;
  font-family: 'trajan-bold', sans-serif;
  font-size: 18px;
  font-weight: normal;
  width: 175px;
  padding: 17px 20px 10px;
  text-align: left;
  background-image: url("/website/wp-content/themes/loyola/img/DL-Pattern-light.png");
  background-repeat: no-repeat;
  background-position: 100px 0;
  background-size: auto 62px;
}

.contact-page input[type="submit"]:hover {
  background-color: #00163C;
}


/* sent | error message */

#loyola div.wpcf7-response-output {
  padding: 0.2em 1em;
  clear: both;
  margin: 0;
  background: #2799FF;
  text-align: center;
  color: #FFF;
  border: none!important;
  padding: 20px;
  border-radius: 5px;
  margin-top: 1em;
  position: relative;
  top: 1em;
}


/* error */

#loyola div.wpcf7-validation-errors {
  background: #8C2245;
}


/* sent */

#loyola div.wpcf7-mail-sent-ok {
  background: #2799FF;
}

span.wpcf7-not-valid-tip {
  color: #8C2245;
  display: block;
  font-size: 14px;
  height: 20px;
  position: relative;
  top: -20px;
  width: 240px !important;
  left: 15px;
}


/* form stack at 1020px and shorter */

@media all and (max-width: 1020px) {
  .wpcf7-form .t-2of3, .wpcf7-form .t-1of3, .wpcf7-form .d-5of7, .wpcf7-form .d-2of7 {
    width: 100%;
    float: none;
    clear: both;
    float: none;
    padding: 0;
  }
}


/* ==========================================================================
   Calendar
   ========================================================================== */

body#loyola .calendar-page .entry-content p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.calendar-page .rhcalendar.not-widget.rhc_holder {
  margin-top: 23px;
}

.calendar-page .fc-content {
  top: 12px;
}

@media all and (max-width: 768px) {
  #calendarize-0 {
    margin-top: 70px;
  }
  .calendar-page .fc-header-center .fc-header-title h2 {
    font-size: 26px !important;
  }
}

.fc-button.fc-button-prevYear, .fc-button.fc-button-nextYear {
  display: none;
}

.calendar-page .fc-button.fc-state-default.fc-button-prev, .calendar-page .fc-button.fc-state-default.fc-button-next {}

.calendar-page .fc-button.fc-state-default.fc-button-next {}

.calendar-page .fc-button.fc-state-default.fc-button-prev {}

.calendar-page .fc-button.fc-state-default.fc-button-prev:hover {}

.calendar-page .fc-button.fc-state-default.fc-button-next:hover {}


/* change view icons */

.calendar-page .fc-button.fc-button-month, .calendar-page .fc-button.fc-button-rhc_event {}

.calendar-page .fc-button.fc-button-rhc_event {
  background-position: -45px 0 !important;
}

.calendar-page .fc-button.fc-button-month.fc-state-active, .calendar-page .fc-button.fc-button-month:hover {
  background-position: 0 -45px !important;
}

.calendar-page .fc-button.fc-button-rhc_event.fc-state-active, .calendar-page .fc-button.fc-button-rhc_event:hover {
  background-position: -45px -45px !important;
}


/* Calendar header buttons */


/* Normal */

#loyola .fc-button.fc-state-default {
  background-color: rgba(0, 45, 98, 0.8);
  text-transform: capitalize;
}

#loyola .fc-button.fc-state-default:hover {
  background-color: rgba(0, 45, 98, 1);
}


/* Current */

#loyola .fc-button.fc-state-active {
  background-color: #A4343A;
}


/* Calendar Month view */


/* Second row revert back to normal */

#loyola .entry-content .rhcalendar tr:nth-child(2n) {
  background-color: #FFF;
}


/* Days header row */

#loyola .fc-day-header.fc-widget-header {
  padding: 20px;
}


/* Today */

#loyola .fullCalendar .fc-state-highlight, #loyola .fullCalendar table tr:hover td.fc-state-highlight {
  background: #B1D2ED;
}


/* Event box and text */

#loyola .fc-event {
  background-color: #002D62;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
}

#loyola .entry-content .rhcalendar a {
  color: #FFF;
  border: none;
  line-height: 120%;
}


/* Popup */

#loyola .fct-tooltip {
  border-color: #A4343A;
  font-family: 'Roboto', sans-serif;
}

#loyola .fct-tooltip .fc-title a {
  color: #002D62;
  font-size: 22px;
  line-height: 120%;
}

#loyola .fct-tooltip .fe-extrainfo-label, #loyola .fct-tooltip .fe-extrainfo-value, #loyola .fct-body .fc-description {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

#loyola .fct-dbox .fe-extrainfo-holder {
  padding: 0;
}


/* Event List view */

#loyola .entry-content .rhcalendar .fc-event-list-content a {
  color: #00163C;
}

#loyola .entry-content .rhcalendar .fc-event-list-content .elist-dbox a {
  text-decoration: underline;
}


/* Calendar List Events view */

.fc-event-list-container .fc-event-list-holder .fc-event-list-date:before, .fc-event-list-container .fc-event-list-holder .fc-event-list-date:after {
  display: none;
}

.fc-event-list-container .fc-event-list-holder .fc-event-list-date {
  text-align: left;
  padding: 20px 10px;
}

.fc-view-rhc_event .fc-events-holder .fc-event-list-holder h3.fc-event-list-date-header {
  margin: 0;
}


/* List view Event Details font sizes */

.fc-view-rhc_event .fc-event-list-holder .fc-event-list-item .dbox-title .fe-extrainfo-label {
  font-size: 0.8em;
  padding-top: 10px;
}


/* Start and End align left */

.fc-view-rhc_event .fc-event-list-holder .fe-extrainfo-label, .fc-event-list-item .fe-extrainfo-value {
  display: inline;
  font-size: 1em;
}


/* Spacing between Date detqils and Extra detail (organiser/venue etc) */

.fe-extrainfo-holder .row-fluid .fe-maincol {
  margin: 10px 0;
}


/* Event description */

#loyola .elist-dbox .fe-extrainfo-holder .dbox-description {
  font-size: 1em;
}


/*** Single Event page ***/

#loyola .se-dbox, #loyola .fe-extrainfo-container2 {
  border: none;
  background: none;
}

#loyola .se-dbox .fe-extrainfo-holder {
  padding: 0;
}


/* Event details */

#loyola .se-dbox .fe-extrainfo-holder .fe-extrainfo-label {
  font-size: 24px;
}


/* Event Details label */

#loyola .se-dbox .fe-extrainfo-holder .rhc-info-cell.fe-cell-label .fe-extrainfo-label {
  color: #002D62;
  font-weight: 600;
  margin-bottom: 1em;
}


/* Start/End labels */

#loyola .se-dbox .fe-extrainfo-holder .rhc-info-cell {
  font-family: 'Roboto', sans-serif;
}

#loyola .se-dbox .fe-extrainfo-holder .rhc-info-cell .fe-extrainfo-label {
  font-weight: 300;
  color: #A4343A;
}

#loyola .se-dbox .fe-extrainfo-holder .rhc-info-cell .fe-extrainfo-value {
  font-weight: 300;
  margin: 0.5em 0 1em;
  display: block;
}


/* ==========================================================================
   Publications page
   ========================================================================== */

.publications-page .download-box {
  display: inline-block;
  margin-right: 3%;
  width: 46%;
}


/* ==========================================================================
   Footer
   ========================================================================== */


/* texture pattern */

#container .footer, .footer-bottom {
  background-repeat: repeat;
}

#container .footer {
  color: #FCFCFC;
  font-size: 14px;
  background-color: #172538;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09122b+0,2a3a4e+100 */
  background: #09122b;

}


/* Left and right grid */

.footer .d-2of7 {
  padding: 0;
}

.half-left, .half-right {
  float: left;
}

.half-left {
  width: 60%;
}

.half-right {
  width: 40%;
}

.right-menu {
  max-width: 400px;
  width: 100%;
  float: right;
}


/* Footer left elements */

.footer-crest, .crest-divider, .school-address {
  display: inline-block;
}

.footer-crest {}

.crest-divider {
  width: 2px;
  height: 120px;
  margin: 0 1em;
}

.school-address {
  max-width: 370px;
  height: 120px;
}

.school-address h5 {
  font-size: 22px;
  text-transform: none;
  margin: 0;
  line-height: 150%;
  font-weight: normal;
}

.school-address p {
  line-height: 130%;
  margin: 5px 0;
}

.school-address p.contact {
  font-size: 16px;
  display: inline-block;
  margin: 0 20px 0 0;
}

.school-address a {
  text-decoration: none;
}


/* Footer right elements */

#menu-footer {
  max-width: 400px;
  float: left;
}


/* Footer menu border right */

.footer .nav li {
  position: relative;
  display: block;
  margin: 0 10px;
}

.footer .nav li:after {
  content: '';
  width: 2px;
  height: 20px;
  position: absolute;
  top: 4px;
  right: -10px;
  display: block;
}

.footer .nav li a {
  margin: 0;
  padding: 0 5px;
  display: block;
  float: left;
}


/* Twitter link */

.footer-socials .fa {
  font-size: 27px;
  float: right;
  color: #FFF;
  text-decoration: none;
}


/* Responsive footer layout */

@media all and (max-width: 1050px) {
  .half-left, .half-right {
    float: none;
    width: 100%;
    max-width: 530px;
    margin: auto;
  }
  .right-menu {
    max-width: 450px;
    width: 100%;
    float: none;
    margin: 2.5em auto 1em;
  }
  #menu-footer.footer-nav {
    max-width: none;
  }
  .footer .nav li {
    margin: 0;
    float: left;
  }
  .footer .nav li a {
    padding: 0 20px;
  }
  .footer .nav li::after {
    right: 0;
  }
  /*.footer .fa-twitter { margin-top: 0px;}*/
}


/* Copyright text float left */

.footer-bottom .footer-left p {
  float: left;
}


/* Fraynework logo */

.footer-right {
  text-align: right;
}

.footer-right img {
  width: 145px;
  position: relative;
  top: 16px;
}


/*** Footer Bottom ***/

.footer-bottom {
  background-color: #161e30;
  min-height: 50px;
}

.inner-bottom .copyright, .inner-bottom .nav li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  padding: 13px 20px 0 0;
}


/* footer bottom divider lines */

.inner-bottom .copyright::after, .inner-bottom .nav li::after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  height: 15px;
  position: absolute;
  left: -10px;
  top: 19px;
  width: 1px;
}


/* Footer width responsive */

@media all and (max-width: 1200px) {
  #inner-footer.wrap {
    width: 97%;
    padding-left: 10px;
  }
  .footer-left.d-5of7 {
    width: 70%;
    padding-left: 0;
  }
  .footer-left.d-2of7 {
    width: 30%;
    padding-right: 0;
  }
}

@media all and (max-width: 1029px) {
  /* Footer left width extend a bit for iPad landscape */
  .footer-left.t-2of3 {
    width: 82%;
    padding-left: 15px;
  }
  .footer-right.t-1of3 {
    width: 18%;
  }
}


/* footer gets a line deeper, so FW logo needs to move down */

@media all and (max-width: 900px) {
  /* Footer left and right full width */
  .footer-right.t-1of3, .footer-left.t-2of3 {
    width: 100%;
    float: none;
  }
  /* Footer bottom stack and center */
  .footer-bottom .inner-bottom {
    max-width: 320px;
    margin: auto;
  }
  .inner-bottom .footer-left p.copyright {
    float: none;
    text-align: center;
    padding-top: 10px;
  }
  .inner-bottom .copyright, .inner-bottom .nav li a {
    padding: 0px 22px;
  }
  .inner-bottom .copyright::after, .inner-bottom .nav li::after {
    top: 6px;
    left: 0;
  }
  .inner-bottom .copyright::after, .inner-bottom .nav li:first-child:after {
    display: none;
  }
  .footer-right.t-1of3 {
    padding: 0;
    text-align: center;
    padding: 20px 0 10px 0;
  }
  .footer-right img {
    margin-top: 0em;
    top: 0;
  }
}

@media all and (max-width: 767px) {
  #menu-bottom-footer li {
    display: block;
    float: left;
    position: relative;
  }
  .footer-right img {
    margin: 0;
  }
}


/* footer stack all for mobile */

@media all and (max-width: 560px) {
  /* Remove creast divider line */
  .crest-divider {
    display: none;
  }
  /* Stack address */
  .school-address {
    display: block;
    margin: auto;
    height: 140px;
  }
  /* First footer nav */
  .right-menu {
    max-width: 260px;
    position: relative;
  }
  .footer .nav li::after {
    display: none;
  }
  /*.footer .fa-twitter {
    position: absolute;
    top: 28px;
    right: 47px;
  }*/
  /* Center text on footer */
  #inner-footer.wrap {
    text-align: center;
  }
  /* Stack the paragraphs */
  .footer-left p {
    float: none;
  }
  /* Stack the menu and float the li */
  #inner-footer nav {
    float: none;
    margin-right: 0;
    margin: auto;
    display: inline-block;
  }
  .footer .nav li {
    float: left;
  }
  #menu-bottom-footer li {
    display: inline-block;
  }
  #menu-bottom-footer li:last-child {
    border: none;
  }
  .footer .footer-nav li:last-child:after {
    display: none;
  }
  .footer-right {
    text-align: center;
    float: none;
  }
}

.home .home-quicklinks .quicklinks-wrapper {
  width: 100%;
}


/* Update March 2016 */


/* Twitter link */

.footer-socials .fa {
  font-size: 27px;
  float: right;
  color: #FFF;
  text-decoration: none;
}

.footer-socials {
  display: block;
  clear: both;
}

.footer-socials .fa {
  margin: 10px;
  float: none;
}

.footer-socials .fa:hover {
  color: #d10e3c;
}

@media all and (max-width: 1050px) {
  .footer-socials {
    width: 130px;
    margin: auto;
  }
}


/* Update Aug 2017 */


/* Child Safty */

.child-safety-wrapper {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 45px;
  margin-top: 10px;
  margin-left: 11px;
}

@media all and (max-width: 1050px) {
  .child-safety-wrapper {
    margin: 10px auto 0px auto;
    display: block;
  }
}

.child-safety {
  background: url("../images/childsafety.png") 0 0 no-repeat;
  width: 150px;
  height: 45px;
  display: inline-block;
}

.child-safety:hover {
  background: url("../images/childsafety.png") 0 -45px no-repeat;
}