/***
*   TAGS
***/
body{
  font-family: 'Open-sans', sans-serif;
  font-weight: 300;
  background-color:#f4f4f4;
  margin:0;
}
a{
  color:#1a79af;
  text-decoration:none;
  transition:all .25s;
  -webkit-transition:all .25s;
  -moz-transition:all .25s;
  -o-transition:all .25s;
}
a:hover{
  color:#C8102E !important;
}
h2{
    font-weight:500;
}
/**
*   HELPER CLASSES
***/
.rel-wrapper{
  width:100%;
  height:100%;
}

.element-hidden{
  display:none !important;
}

.body-wrapper {
    position: relative;
    width: 90%;
    margin-left: 5%;
}
#body-wrapper.margin-top{
  margin-top:100px;
}
.gen-callout-button.cta-button{
  text-align:center;
  margin: 70px 0;
}
.gen-callout-button.cta-button a, #article-info .gen-callout-button.cta-button a{
  background-color:#C8102E;
  border-color:#C8102E !important;
  padding: 20px 40px;
  color:#fff;
}
.gen-callout-button.cta-button a:hover, #article-info .gen-callout-button.cta-button a:hover{
  background-color:#fff !important;
  color:#C8102E !important;
}
#send-off-text {
    font-size: 1.3em;
    line-height: 1.6em;
    padding: 4%;
    text-align: center;
}
.mt-5{
    margin-top: 5%;
}

/***
*   TOP BACKGROUND IMAGE
***/
#top-background-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(https://www.fairfield.edu/news/_files/images/0000_news-at_top-background-image_06282017.jpg);
    height: 325px;
    border-bottom:5px solid #282828;
    opacity:1;
    background-size:cover;
    transition:opacity .5s;
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
}
#top-background-image.transparent{
  opacity:0;
}

/***
*   ARCHIVE
***/
#archive-month-wrapper, #archive-article-wrapper {
    background-color: #ffffff;
    margin-top: 25px;
    padding: 2% 7px;
    text-align: center;
    margin-bottom: 5%;
    border: 1px solid rgba(40,40,40,.15);
}
#archive-month-wrapper>h1, #archive-article-wrapper>h1 {
    margin: 0 0 2% 1%;
    font-family: 'Raleway', sans-serif;
    border-left: 2px solid;
    padding: 10px 15px;
    text-align:left;
}
.month-wrapper {
    display: inline-block;
    vertical-align:top;
    width: 20%;
    background-color: #ffffff;
    border: 1px solid rgba(40,40,40, .15);
    padding: 2% 10px;
    margin: 1%;
    font-size:1.2em;
    text-align: left;
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
}
.month-wrapper:hover {
    background-color: #1a79af;
    color: #fff;
  }
.month-wrapper a {
border-left: 2px solid #C8102E;
padding-left: 10px;
color: inherit;
box-decoration-break: clone;
line-height: 1.4em;
padding-bottom: 4px;
padding-top: 4px;
font-size:1.2em;

}
.month-wrapper a:hover {
    color: #ffffff !important;
    border-color: #feab00;
}

#archive-article-wrapper .gen-callout-button a:hover {
    color: #fff !important;
    background-color: #1a79af;
    border-color: #1a79af;
}
#archive-article-wrapper article {
    border: none;
}
#archive-article-wrapper #main-photo {
    border: none;
}
#archive-article-wrapper section#article-body {
    text-align: left;
}
#archive-article-wrapper #last-publish-date {
    text-align: left;
}

/***
*   BREADCRUMB TRAIL
***/
#breadcrumb-trail {
  position: relative;
  margin-top: 100px;
  margin-left: 4.5%;
  background-color: #fff;
  border: 1px solid rgba(40,40,40,.15);
  width: 90%;
  font-size: 1em;
  padding: .5%;
  color: #444;
  font-family: 'Raleway', sans-serif;
  list-style: none;
}
#breadcrumb-trail a{
  color:inherit;
  transition: color .25s;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -o-transition: color .25s;
}
li.breadcrumb-nav {
    display: inline-block;
}
#breadcrumb-trail i.fa.fa-chevron-right {
  font-size:.8em;
}
#breadcrumb-trail i.fa.fa-home {
    font-size: 1.4em;
}
#page-name {
    font-size: 1em;
    display: inline-block;
    margin: 0;
}

/***
*   FOOTER
***/
footer {
    position: relative;
    width: 100%;
    border-top: 3px solid #C8102E;
    background-color: #fff;
    line-height: 1.4em;
}
footer #logos {
    text-align: center;
    margin: 2% 0;
}
#social-wrapper{
  margin-top:1%;
}
#social-wrapper a {
    font-size: 1.5em;
    color: #282828;
    transition:all .25s;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -o-transition:all .25s;
}
#address {
    text-align: center;
}
#address p {
    margin-bottom: 0;
    padding-bottom: 5%;
    font-size: 1.1em;
    line-height: 1.8em;
}



/***
*   SEARCH
***/
#search-background{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(40,40,40,.8);
	z-index: -1;
	display:none;
  opacity:0;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -o-transition: opacity .25s;
}

#search-form-wrapper {
		position:fixed;
		top:35px;
    width: 60%;
    height: 60px;
    left:20%;
		display:none;
		z-index:-1;
    background-color: #ffffff;
    border: 1px solid rgba(40,40,40, .15);
    opacity:0;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
}

#search-form{
  position: absolute;
  width: 95%;
  top: 50%;
  left: 50%;
  margin-left:2%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
#st-search-input {
    width: 80%;
    border: 1px solid rgba(40,40,40,.15);
    font-size: 1.2em;
    padding: .5%;
    margin-right: 2%;
    font-weight:300;
}

#search-form button {
    border: 1px solid;
    font-weight:300;
    font-size: 1em;
    padding: 5px 20px;
    background-color: #fff;
    color: #282828;
    transition:all .25s;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -o-transition:all .25s;
}
#search-form button:hover{
  background-color:#1a79af;
  color:#fff;
  border-color:#1a79af;
  cursor:pointer;
}

#search-wrapper{
  position:fixed;
  top:95px;
  height:80%;
  display:none;
  z-index:-1;
  background-color: #ffffff;
  border: 1px solid rgba(40,40,40, .15);
  opacity:0;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -o-transition: opacity .25s;
}

#search-results-wrapper {
    display: inline-block;
    width: 95%;
    margin-left:2.5%;
    height: 100%;
    vertical-align: top;
}
#filter-widget{
  width:23%;
}

#st-results-container .news-article .wrapper section h2 {
    font-size: .9em;
}
#st-results-container .news-article .wrapper section .learn-more-button p{
  font-size:.8em;
}

/***GOOGLE SEARCH / GSE***/
 .gs-title {
	 text-align: left;
	 font-weight: bold;
	 font-size: 15pt !important;
}
 .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{
	 font-size:15pt !important;
}
 .gsc-control-cse, .gsc-control-cse .gsc-table-result{
	 font-size:11pt !important;
}
 #gs_id50.gstl_50.gsc-input{
	 margin:0;
}
 #gs_id50.gstl_50.gsc-input tr{
	 border:none;
}
 .gsc-input{
	 display: inline-block;
	 width: 81%;
}
@media screen and (max-width:1080px) {
 td.gsc-input{
	 width: 76% !important;
}
}

#search-results-wrapper h3, #filter-widget h2{
    margin: 10px;
    padding: 1%;
    padding: 10px 15px;
    font-size: 1.5em;
    font-weight: 300;
    font-family: 'raleway';
    text-align: left;
    border-left: 2px solid #C8102E;
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
}
#search-results-wrapper h3{
  margin-left:-20px;
}
.st-page {
    position: fixed;
    bottom: 8%;
    width: 90%;
    text-align: center;
}
#st-results-container {
    overflow: scroll;
    height: 80%;
}
#st-results-container a {
    color: #1A79AF;
}
#st-results-container article.news-article.small {
    width: 15%;
}
.st-prev {
    margin-right: 1%;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult{
    line-height: 1.8em;
}

#filter-widget section {
    width: 90%;
    border: 1px solid rgba(40,40,40,.15);
    margin-top: 10%;
    text-align: left;
}
.checkbox-wrapper {
    border-top: 1px solid rgba(40,40,40,.15);
    padding: 5%;
}
input.date-filter {
    margin-right: 2%;
    margin-bottom: 3%;
}
#search-close-button {
    position: fixed;
    top: 35px;
    right: 35px;
    color: #fff;
    z-index: -1;
    opacity:0;
    text-align: center;
    transition: color .25s, opacity .5s;
    -webkit-transition: color .25s, opacity .5s;
    -moz-transition: color .25s, opacity .5s;
    -o-transition: color .25s, opacity .5s;
}

#search-close-button:hover{
  color:#1a79af;
  cursor:pointer;
}

#search-close-button .fa{
  font-size:2em;
}

#search-background.open, #search-form-wrapper.open, #search-wrapper.open, #search-close-button.open{
	z-index:10000;
	display:block;
	font-size:1em;
}
#search-background.open.opaque, #search-form-wrapper.open.opaque, #search-wrapper.open.opaque, #search-close-button.open.opaque{
  opacity:1;
}
@media (max-width:1400px){
  .month-wrapper{
    font-size:1em;
  }
}
@media (max-width:1200px){
  .body-wrapper{
    width: 88%;
    margin-left: 7%;
  }
  #search-form-wrapper{
    width:86%;
    left:7%;
  }
  #st-results-container article.news-article.small {
    width: 20%;
}
#search-close-button {
    right: 20px;
  }
  .month-wrapper{
    width:28%;
        padding: 3% 10px;
  }
    #breadcrumb-trail, #archive-month-wrapper, #archive-article-wrapper{
      margin-left:7%;
      width:84%;
    }
}
@media (max-width:1000px){
  .month-wrapper{
    font-size:.85em;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px), only screen and (min-device-width: 414px) and (max-device-width: 736px), only screen and (min-device-width: 320px) and (max-device-width: 568px), only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-width: 360px) and (max-width: 767px) {
  #fairfield-logo-bar{
    display:none;
  }
  #top-menu{
    display:none;
  }

  .month-wrapper{
    position: relative !important;
    display: block;
    width: 90%;
    min-height: 40px;
    margin-bottom: 20px;
  }
  .month-wrapper a{
    display:block;
  }
  #breadcrumb-trail, #archive-month-wrapper, #archive-article-wrapper {
    padding: 3%;
    margin-left:2%;
    width: 89%;
    font-size:.8em;
  }
  #search-form-wrapper {
    top: 10px;
    width: 70%;
    padding: 2%;
    font-size: .9em;
  }
  #st-search-input {
    width: 95%;
    margin-right:0;
  }
  #search-close-button {
    top: 25px;
    right: 40px;
  }
  #search-form button{
    width:96.5%;
    margin-top:2%;
  }
  #search-wrapper {
    top: 30%;
    height: 65%;
    overflow: scroll;
  }
  #search-results-wrapper h3 {
    margin-left: 0;
    font-size: 1em;
  }
  #st-results-container {
      height: 60%;
  }
  #st-results-container article.news-article.small{
    width: 46%;
    margin: 3% 1.5% 1% 1.5%;
  }
  #st-results-container article.news-article.small h2 {
    font-size: .8em;
  }
  .st-page {
    bottom:6%;
  }

}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation:portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation:portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation:portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait), only screen and (min-width: 360px) and (max-width: 767px) and (orientation:portrait){
  #st-results-container article.news-article.small {
    width: 96%;
    margin: 0 0 6% 1.5%;
  }
  #search-form-wrapper {
    top:60px;
    padding: 4% 2%;
    width: 84%;
    left: 6%;
  }
  #st-search-input {
    width: 95%;
    margin-right:0;
  }
  #search-close-button{
    top:5px;
  }
}