/*
Theme Name: EITS Main Theme
Text Domain: EITS
Version: 1.0
Description: Main EITS Theme with default functionality
Tags: EITS
Author: Enterprise Information Technology Services (EITS)
Author URI: https://eits.uga.edu/
License Type: GPL
*/
body{
  font-family: "Merriweather Sans", sans-serif;
  font-size:16px;
}
body a:not([class]){
  color:#004E60;
}
body a:hover{
  color:#ba0c2f;
}
.serif{
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}
#eits-header .logo-img{
  max-height:70px;
}
#eits-header .btn.btn-search{
  background-color:#ba0c2f;
  color:#fff;
  border-radius:0;
  font-weight: bold;
}
#eits-header #search-query{
  font-family: "Oswald", "Merriweather Sans", sans-serif;
  padding-left:.5rem;
  padding-right:.5rem;
  letter-spacing:.5px;
  color:#4b4b4b;
  border-color: #4b4b4b;
  border-width:1px;
}
#eits-navbar .nav-item{
  padding-right:1rem;
}
#eits-navbar .nav-item a, #eits-navbar .nav-item button{
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}
#eits-navbar .nav-item a, #eits-navbar .nav-item button{
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}
#eits-navbar .nav-item a:hover, #eits-navbar .nav-item button:hover{
  color:#ba0c2f!important;
}
#quick-links h1,
#quick-links h2,
#quick-links h3,
#quick-links h4,
#quick-links h5,
#quick-links h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-bottom: 1px solid black;
  color:#4B4B4B;
}
#quick-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#quick-links ul {
  flex-flow: column;
}
#quick-links ul li a {
  color:#4B4B4B!important;
}




/* Jumbotron */
#jumbotron {
  height: 70vh;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  position: relative;
}

#jumbotron.knowledgebase{
  align-items:center;
  justify-content: flex-start;
  padding-top:30vh;
  padding-bottom:10vh;
  height:auto!important;
}

div#jumbotron:before {
  content: " ";
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#jumbotron h1,
#jumbotron h2 {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 64px;
  font-family: "Oswald", "Merriweather Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 1.5px;
}

#jumbotron.knowledgebase h1,
#jumbotron.knowledgebase h2 {
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif!important;
  font-weight: bold!important;
  font-size:88px!important;
  margin-bottom:auto!important;
}
#jumbotron p {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 24px;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

#jumbotron .container {
  margin: 2rem auto;
}

#jumbotron .btn {
  border-radius: 0px;
  background-color: #ba0c2f;
  color: #fff;
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 14px;
  display:inline-flex;
}

#jumbotron input#knowledgebase-search-input{
  font-family: "Merriweather Sans Regular", Arial, Helvetica, sans-serif;
  font-size:17px;
  color: #4B4B4B;
  max-width: 800px;
}

@media (max-width: 768px) {
  #jumbotron {
    height: auto;
    padding-top:10vh;
    padding-bottom:5vh;
  }
  #jumbotron h1,
  #jumbotron h2 {
    font-size: 48px;
  }
}
@media (max-width: 520px) {
  #jumbotron {
    height: auto;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  #jumbotron h1,
  #jumbotron h2 {
    font-size: 32px;
  }

  #jumbotron p {
    font-size: 22px;
  }
}

/* Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #ffffff;
  border-bottom: 1px solid #eee;
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.2px;
}

#topbar .contact-info {
  font-size:80%;
  line-height: 30px;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-style: normal;
  color: #767676;
}

#topbar .contact-info a,
#topbar .contact-info span {
  color: #767676;
  letter-spacing: 0.5px;
}

#topbar .contact-info a {
  line-height: 0;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #ba0c2f;
}
#topbar ul {
  list-style: none;
  display: flex;
}
#topbar .social-links {
  padding: 0 !important;
}
#topbar .social-icons a,
#topbar .text-links a {
  color: #555555;
  display: inline-block;
  padding: 10px;
  margin: 0;
}

#topbar .social-link svg,
#uga-header .bi {
  width: 14px;
  height: 14px;
}

#topbar .social-links-top ul li a:hover,
#topbar .social-links-top ul li a:focus {
  text-decoration: none;
}
#topbar.navbar {
  min-height: auto;
  padding: 0;
  margin-bottom: 0;
}

#topbar #quick-links {
  padding-bottom: 20px;
}

#topbar #quick-links dt {
  color: #000;
}

#topbar #quick-links dd a,
#topbar #quick-links dd a:visited {
  color: #555;
}
.services-link:hover{
  background-color: #ffffff;
}
.service-offering a{
  color: #000000!important;
}
.service-offering a .services-icon {
  color:#ba0c2f;
  font-size:50px;
  height:40px;
  display: inline-block;
}
.service-offering a .services-icon svg{
  width:auto;
  height:100%;
}

.service-offering .services-title{
  font-size:32px;
  padding-bottom:1rem;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}


/** Audience Grid Begin */
.homepage.audience-grid ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.homepage.audience-grid li {
  width: 49%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.homepage.audience-grid li:hover {
  background-size: auto 115%;
}
.homepage.audience-grid li a {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff !important;
  font-family: "Oswald", "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  padding: 10px;
  bottom: 0;
  text-wrap: nowrap;
  overflow: hidden;
}
.homepage.audience-grid li {
  background-size: 110% auto;
}
.homepage.audience-grid li:hover {
  background-size: 115% auto;
}
.homepage.audience-grid li:nth-child(n + 3) {
  width: 32%;
  margin-top: 20px;
  background-size: auto 110%;
}
.homepage.audience-grid li:nth-child(n + 3):hover {
  background-size: auto 115%;
}
@media (max-width: 520px) {
  .homepage.audience-grid li {
    width: 100% !important;
    background-size: auto 110%;
  }
  .homepage.audience-grid li:hover {
    background-size: auto 115%;
  }
}
/** Audience Grid End */

/* page layout begins here */
#page_title, #page-title, .page-title {
  background-image: none;
  background-color: #ba0c2f !important;
  background-repeat: no-repeat;
	border-top: solid 1px #cfcfcf;
	border-bottom: solid 1px #bfbfbf;
}
#page_title a:after {
  content: "";
}
#page_title #title_image {
  position: relative;
  margin: auto;
  padding: 0;
  display: inline-block;
  border: none;
  background: transparent !important;
  vertical-align: baseline;
  max-height: 76px;
}

#page_title #title_image img {
  border: none;
  padding: 0;
  margin: 0;
}
#page_title * {
  color: #fff !important;
}
#page_title h1,
#page_title h2 {
  font-size: 2rem;
  margin: 0.5rem 0;
  text-shadow: none;
}
/* page layout begins here */

@media (max-width: 768px) {
  #page_title h1,
  #page_title h2 {
    font-size: 35px;
  }
}
@media (max-width: 520px) {
  #page_title #title_image {
    display: none;
  }
  #page_title h1,
  #page_title h2 {
    font-size: 22px;
  }
}

/* Sections Header
  --------------------------------------------------------------*/
  .left-col, .right-col, .middle-col{

  }
  .left-col a:hover, .right-col a:hover, .middle-col a:hover{
    color:#ba0c2f;
  }
  .right-col a:hover{
    color:#ba0c2f!important;
  }
  .section-header {
    font-family: "Merriweather", Georgia, 'Times New Roman', Times, serif;
    font-size: 32px;
    font-weight: 500;
    margin:1rem auto;
  }
  
  .section-header p {
    padding: 0;
    margin: 0;
  }


.media-list {
  padding-left: 0;
  list-style: none;
}

.media {
  margin: 0px 10px 20px 0px;
  overflow: hidden;
}

.media-date {
  height: auto;
  float: left;
  clear: left;
  margin-right: 1rem;
  background-color: #ba0c2f;
  color: #fff !important;
  text-align: center;
  padding: 10px 0 5px 0;
  width: 70px;
  display: block;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

.event-date-box {
  color: #fff !important;
  text-align: center;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}
.event-date-box:hover{
  color:#ffffff!important;
}
.event-date-box .media-month {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}

.event-date-box .media-day {
  font-weight: 700;
  font-size: 24px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-body a{
  color:#000000;
}
.media-body a:hover{
  color:#ba0c2f!important;
}
.media-body p {
  margin-top: 10px;
  font-weight: 300;
}
.media-heading {
  font-size:100%;
  font-weight: 400;
  margin: 0;
  padding: 0;
}


/* Additional default styles for CMS */

/* When font-weight is different than the default browser style,
Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */
body.webkit strong,
body.webkit b {
	font-weight: bold !important;
}

pre {
	font-family: Consolas, Monaco, monospace;
}

td,
th {
	font-family: inherit;
	font-size: inherit;
}

/* For emoji replacement images */
img.emoji {
	display: inline !important;
	border: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.mceIEcenter {
	text-align: center;
}

img {
	height: auto;
	max-width: 100%;
}

.wp-caption {
	margin: 0; /* browser reset */
	max-width: 100%;
}

/* iOS does not obey max-width if width is set. */
.ios .wp-caption {
	width: auto !important;
}

dl.wp-caption dt.wp-caption-dt img {
	display: inline-block;
	margin-bottom: -1ex;
}

div.mceTemp {
	-ms-user-select: element;
}

dl.wp-caption,
dl.wp-caption * {
	-webkit-user-drag: none;
}

.wp-caption-dd {
	font-size: 14px;
	padding-top: 0.5em;
	margin: 0; /* browser reset */
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

audio,
video,
embed {
	display: -moz-inline-stack;
	display: inline-block;
}

audio {
	visibility: hidden;
}

/* Fix for proprietary Mozilla display attribute, see #38757 */
[_moz_abspos] {
	outline: none;
}

a[data-wplink-url-error],
a[data-wplink-url-error]:hover,
a[data-wplink-url-error]:focus {
	outline: 2px dotted #dc3232;
	position: relative;
}

a[data-wplink-url-error]:before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	outline: 2px dotted #fff;
	z-index: -1;
}

.wpview-type-gallery:after {
	content: "";
	display: table;
	clear: both;
}

.gallery img[data-mce-selected]:focus {
	outline: none;
}

.gallery a {
	cursor: default;
}

.gallery {
	margin: auto -6px;
	padding: 6px 0;
	line-height: 1;
	overflow-x: hidden;
}

.ie7 .gallery,
.ie8 .gallery {
	margin: auto;
}

.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .gallery .gallery-item,
.ie8 .gallery .gallery-item {
	padding: 6px 0;
}

.gallery .gallery-caption,
.gallery .gallery-icon {
	margin: 0;
}

.gallery .gallery-caption {
	font-size: 13px;
	margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.333%;
}

.ie8 .gallery-columns-3 .gallery-item,
.ie7 .gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.665%;
}

.gallery-columns-7 .gallery-item {
	width: 14.285%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.111%;
}

.gallery img {
	max-width: 100%;
	height: auto;
	border: none;
	padding: 0;
}

img.wp-oembed {
	border: 1px dashed #888;
	background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
	width: 300px;
	height: 250px;
	outline: 0;
}

/* rtl */
.rtl .gallery .gallery-item {
	float: right;
}


#about-us-banner {
  height: 30vh;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  position: relative;
}

#about-us-title {
  font-family: 'Merriweather', sans-serif;
}

.bkg-grey {
  background-color:#f7f7f7;
}

.mission-container {
  position: relative;
  border: 2px solid #ba0c2f;
  border-radius: 2px;
  padding: 40px 30px 20px;
}

.mission-title {
  position: absolute;
  top: -32px;
  left: 10%; /* 50% for center */
  transform: translateX(-50%); /* Centers the title horizontally */
  background: white; /* Matches background to "cut through" the border */
  padding: 0 10px;
  font-family: 'Merriweather', sans-serif;
  font-size: 36px;
  color: #000;
}

@media (max-width: 576px) {
  .mission-title {
    font-size: 1.8rem; /* Slightly smaller title on smaller screens */
    top:-24px;
    left:50%;
  }
}

.about-container {
  padding:30px 20px;
}

.about-columns {
  border-left: 2px solid #ba0c2f;
}

.values-container {
  position: relative;
  border-top: 2px solid #ba0c2f;
  border-radius: 2px;
  padding: 30px 12px;
}

.values-container p {
  margin:15px;
}

.values-title {
  position: absolute;
  top: -32px;
  left: 11%; /* 50% for center */
  transform: translateX(-50%); /* Centers the title horizontally */
  background: white; /* Matches background to "cut through" the border */
  padding: 0 10px;
  font-family: 'Merriweather', sans-serif;
  font-size: 36px;
  color: #000;
}

.values-columns {
  border-left: 2px solid #ba0c2f;
}

#history-title {
  padding:20px 0;
  font-family: 'Merriweather', sans-serif;
}

@media (max-width: 576px) {
  .values-title {
    font-size: 1.8rem; /* Slightly smaller title on smaller screens */
    top:-24px;
    left:50%;
  }
  .values-columns {
    margin:10px 0;
  }
}