/**
 * Theme Name: Trinity College 2016
 * Author: <a href="http://oneltd.co.uk/">One</a>
 * Author URI: http://oneltd.co.uk/
 * Version: 1.0
 * Description: Custom theme for Trinity College
 */

#main-navigation { position: relative; }

#main-navigation ul { max-width: 1024px;margin: 0 auto; }
#main-navigation ul ul { max-width: 100%;}
#main-navigation ul ul ul { max-width: 100%;margin: 0 auto; }
#main-navigation ul ul ul ul { max-width: 100%;margin: 0 auto; }

#main-navigation > ul > li { 
  float: left; 
  background: #fff;
  font-weight: 300;
  color: #fff;
}

#main-navigation > ul > li > a {
  cursor: pointer;
  display: block;
  color: #4C4C4C;
  padding: 12px 24px 12px 0px;
  text-decoration: none;
}

#main-navigation > ul > li > a:hover{border-top: solid 2px #FFE396; margin-top: -2px; }

#main-navigation ul.sub-menu { 
  display: none; 
  position: absolute;
  top: 45px;
  left: 0px;
  background: #FFC82E;
  width: 100%;

}

#main-navigation ul.sub-menu li {
  float: left;
width: 30%;
padding: 10px 0;
border-bottom: solid 1px #4C4C4C;
margin-right: 3%;

}

#main-navigation ul.sub-menu li a {
  display: block;
  padding: 10px;
  color: #4C4C4C;
  transition: background-color 0.3s ease;
}

#main-navigation ul.sub-menu li a:hover {
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
}

#main-navigation ul ul ul.sub-menu {
  top: 100%;
  background: #FFE396;
  

}

#main-navigation ul ul ul ul.sub-menu {
  top: 100%;
  background: #f9f9f9;
  
}

#main-navigation ul ul ul ul.sub-menu li:hover {
  background: #F1F1F1;
}

#main-navigation ul ul ul.sub-menu li:hover {

  background: #FDDA7A;
}

#main-navigation ul ul.sub-menu li:hover {

  background: #FDBB00;
}

#main-navigation ul.sub-menu li:nth-child(3n+1):nth-last-child(-n+3),
#main-navigation ul.sub-menu li:nth-child(3n+1):nth-last-child(-n+3) ~ li {border-bottom: solid 1px transparent;}

.navbar-wrapper .navbar .container {width: 100%!important;}

#main-navigation .current-menu-item a,
#main-navigation .current-menu-item a:hover {
font-weight: 600;
}


#main-navigation ul ul li > a:after{
    content: url(img/menu_arrow.png);
    float: right;
}

#main-navigation ul ul li > a:hover:after{
    content: url(img/menu_hover.png);
    float: right;
}

#main-navigation ul ul li > a:only-child:after, #main-navigation ul ul li > a:hover:only-child:after {
    content: '';
}



/* line 1, ../../src/sass/_rich-css.scss */
#footer {
  position: relative;
}
@media (min-width: 769px) and (max-width: 992px) {
  /* line 1, ../../src/sass/_rich-css.scss */
  #footer {
    height: auto;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  /* line 8, ../../src/sass/_rich-css.scss */
  #header {
    display: none;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  /* line 14, ../../src/sass/_rich-css.scss */
  .shiftnav-wrap {
    padding-top: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  /* line 20, ../../src/sass/_rich-css.scss */
  .gallery-ts-holder {
    max-height: 400px;
  }
}

/* line 26, ../../src/sass/_rich-css.scss */
.main {
  overflow: visible;
}
@media (min-width: 0) and (max-width: 768px) {
  /* line 29, ../../src/sass/_rich-css.scss */
  .main .entry-content, .main .listing-news-content {
    margin: 0;
    float: none;
  }
  /* line 33, ../../src/sass/_rich-css.scss */
  .main p {
    margin: 0;
  }
}

/* line 43, ../../src/sass/_rich-css.scss */
#main-navigation .menu li.menu-item a {
  border-bottom: 0;
  text-decoration: none;
}
/* line 46, ../../src/sass/_rich-css.scss */
#main-navigation .menu li.menu-item a:hover {
  text-decoration: none;
}
/* line 51, ../../src/sass/_rich-css.scss */
#main-navigation .menu li.menu-item ul.sub-menu li {
  border-bottom-color: #4c4c4c;
}
/* line 53, ../../src/sass/_rich-css.scss */
#main-navigation .menu li.menu-item ul.sub-menu li a {
  text-decoration: underline;
  border-bottom: 0 !important;
}
/* line 56, ../../src/sass/_rich-css.scss */
#main-navigation .menu li.menu-item ul.sub-menu li a:hover {
  text-decoration: none;
}

/* line 66, ../../src/sass/_rich-css.scss */
.white figcaption {
  max-width: 100%;
}

/* line 71, ../../src/sass/_rich-css.scss */
form label {
  display: block;
}
/* line 73, ../../src/sass/_rich-css.scss */
form label input[type=search] {
  display: block;
  width: 100%;
}

@media (min-width: 0) and (max-width: 768px) {
  /* line 81, ../../src/sass/_rich-css.scss */
  body {
    padding-top: 15px;
  }

  /* line 85, ../../src/sass/_rich-css.scss */
  .large-banner-container .title-box {
    height: auto;
    min-height: 83px;
  }
  /* line 88, ../../src/sass/_rich-css.scss */
  .large-banner-container .title-box h5 {
    line-height: 48px;
  }

  /* line 93, ../../src/sass/_rich-css.scss */
  .listing-item {
    display: block;
    position: relative;
    clear: both;
    margin: 20px 0;
    padding: 10px 0;
  }
  /* line 99, ../../src/sass/_rich-css.scss */
  .listing-item .listing-image {
    vertical-align: top;
    float: left;
    display: inline-block;
  }
  /* line 104, ../../src/sass/_rich-css.scss */
  .listing-item .content {
    vertical-align: top;
    display: block;
  }
}
@media (max-width: 768px) {
  /* line 13, ../../src/sass/_publications.scss */
  body .mobile-banner-fixed {
    margin-top: 80px;
  }

  /* line 17, ../../src/sass/_publications.scss */
  body .mobile-image-banner.prof {
    margin: 20px !important;
  }

  /* line 21, ../../src/sass/_publications.scss */
  body .main.white {
    margin-top: 0 !important;
    padding-bottom: 20px;
  }

  /* line 26, ../../src/sass/_publications.scss */
  body.single-publications .profile-listing-text {
    display: block;
    top: 0;
  }
  /* line 30, ../../src/sass/_publications.scss */
  body.single-publications .profile-listing-text h2 {
    text-align: left;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  /* line 40, ../../src/sass/_publications.scss */
  body .mobile-banner-fixed {
    margin-top: 40px;
  }
}
/* line 47, ../../src/sass/_publications.scss */
.single-publications .main p {
  max-width: 60%;
  font-weight: 100;
}
@media (max-width: 768px) {
  /* line 47, ../../src/sass/_publications.scss */
  .single-publications .main p {
    max-width: 100%;
    padding: 0 20px;
  }
}

/* line 57, ../../src/sass/_publications.scss */
.old-members-publications {
  background-color: #e8e8e8;
}
/* line 60, ../../src/sass/_publications.scss */
.old-members-publications .container > h2 {
  background-color: #4e4d4d;
  padding: 20px 160px 10px 20px;
  display: inline-block;
  color: #FFF;
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
}

/* line 71, ../../src/sass/_publications.scss */
.page-template-template-publications .main {
  position: relative;
  top: 40px;
  padding-bottom: 40px;
}
/* line 76, ../../src/sass/_publications.scss */
.page-template-template-publications .main p {
  font-weight: 100;
  max-width: 80%;
}
@media (max-width: 768px) {
  /* line 76, ../../src/sass/_publications.scss */
  .page-template-template-publications .main p {
    max-width: 100%;
    padding: 0 20px;
  }
}
/* line 85, ../../src/sass/_publications.scss */
.page-template-template-publications .main p:first-of-type {
  font-size: 24px;
  font-weight: 400;
  font-family: "clavo",sans-serif;
}

/* line 93, ../../src/sass/_publications.scss */
.publication {
  margin-top: 30px;
  clear: both;
}
/* line 97, ../../src/sass/_publications.scss */
.publication div {
  display: block;
  vertical-align: top;
}
/* line 102, ../../src/sass/_publications.scss */
.publication .publication-image {
  height: 200px;
  width: 150px;
  float: left;
}
/* line 107, ../../src/sass/_publications.scss */
.publication .publication-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
/* line 115, ../../src/sass/_publications.scss */
.publication .publication-content {
  margin-left: 170px;
  width: calc(100% - 170px);
}
/* line 119, ../../src/sass/_publications.scss */
.publication .publication-content h2 {
  font-weight: 400;
}
/* line 123, ../../src/sass/_publications.scss */
.publication .publication-content p {
  max-width: 85%;
  margin: 0;
  margin-bottom: 1em;
}
/* line 128, ../../src/sass/_publications.scss */
.publication .publication-content p.date {
  font-weight: 800;
  font-size: 14px;
}
@media (max-width: 768px) {
  /* line 136, ../../src/sass/_publications.scss */
  .publication .publication-image {
    float: none;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-bottom: 20px;
  }
  /* line 144, ../../src/sass/_publications.scss */
  .publication .publication-content {
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
  }
  /* line 149, ../../src/sass/_publications.scss */
  .publication .publication-content h2 {
    padding: 0 20px;
  }
}

/* line 156, ../../src/sass/_publications.scss */
.publication-listings {
  margin-top: 20px;
  background-color: #e8e8e8;
}
/* line 160, ../../src/sass/_publications.scss */
.publication-listings .listing {
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 165, ../../src/sass/_publications.scss */
.publication-listings .listing:hover .pub-link {
  margin-left: 40px;
}
/* line 171, ../../src/sass/_publications.scss */
.publication-listings .image {
  height: 200px;
  width: 150px;
  float: left;
  background-position: center top !important;
  background-size: cover !important;
}
/* line 178, ../../src/sass/_publications.scss */
.publication-listings .image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
/* line 186, ../../src/sass/_publications.scss */
.publication-listings .content {
  margin-left: 170px;
  width: calc(100% - 170px);
}
/* line 190, ../../src/sass/_publications.scss */
.publication-listings .content .pub-link {
  display: inline-block;
  height: 30px;
  min-height: 30px;
  width: 30px;
  background-color: #FFCA05;
  border-radius: 50%;
  background-image: url(img/listing-more.png);
  vertical-align: top;
  transition: all 0.4s ease;
  margin-left: 20px;
}
/* line 204, ../../src/sass/_publications.scss */
.publication-listings .content h2 {
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 12px;
}
/* line 211, ../../src/sass/_publications.scss */
.publication-listings .content p {
  max-width: 100%;
  margin: 0;
  margin-bottom: 12px;
}
/* line 216, ../../src/sass/_publications.scss */
.publication-listings .content p.job {
  font-weight: 800;
  font-size: 14px;
}
/* line 221, ../../src/sass/_publications.scss */
.publication-listings .content p:first-of-type {
  font-family: proxima-nova, sans-serif;
}
@media (max-width: 768px) {
  /* line 228, ../../src/sass/_publications.scss */
  .publication-listings .listing {
    margin: 30px;
  }
  /* line 232, ../../src/sass/_publications.scss */
  .publication-listings .image {
    float: none;
    display: block;
    margin: 0 auto;
  }
  /* line 238, ../../src/sass/_publications.scss */
  .publication-listings .content {
    width: 320px;
    margin: 0 auto;
    padding: 0 30px;
  }
}

/* line 4, ../../src/sass/_three-tiles.scss */
.three-tiles {
  width: 100%;
  min-width: 100%;
  margin-bottom: 25px;
}
/* line 11, ../../src/sass/_three-tiles.scss */
.three-tiles .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 990px;
}
@media (min-width: 768px) {
  /* line 11, ../../src/sass/_three-tiles.scss */
  .three-tiles .container {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
/* line 27, ../../src/sass/_three-tiles.scss */
.three-tiles .single-event-tile {
  width: 320px;
  min-width: 320px;
  height: 420px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  margin: auto;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  /* line 27, ../../src/sass/_three-tiles.scss */
  .three-tiles .single-event-tile {
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  /* line 47, ../../src/sass/_three-tiles.scss */
  .three-tiles .single-event-tile:nth-of-type(3) {
    margin-rigth: 0;
  }
}
/* line 54, ../../src/sass/_three-tiles.scss */
.three-tiles .single-event-tile a {
  transition: all 0.4s ease;
  transform: translateY(-200px);
}
/* line 61, ../../src/sass/_three-tiles.scss */
.three-tiles .single-event-tile .some-text {
  color: #fff;
  padding: 10px 20px 20px 20px;
  font-family: "proxima-nova";
  font-style: normal;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  top: -100%;
  background-color: #434343;
  width: 100%;
  opacity: 0;
  transition: all 0.4s ease;
}
/* line 79, ../../src/sass/_three-tiles.scss */
.three-tiles .single-event-tile:hover span > a {
  transform: translateY(-50%);
  top: 50% !important;
}
/* line 85, ../../src/sass/_three-tiles.scss */
.three-tiles .single-event-tile:hover .some-text {
  top: 100%;
  opacity: 1;
}
/* line 93, ../../src/sass/_three-tiles.scss */
.three-tiles h2 {
  background-color: #434343;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100px;
  padding: 20px;
  font-family: "clavo",sans-serif;
  min-width: 100%;
  margin-bottom: 0;
  position: relative;
  font-weight: normal;
}
/* DO NOT EDIT THIS FILE! */
/* to make changes, create a file called hacks.css and put them in there */
/* DO NOT EDIT THIS FILE! */