/* ---------------------------------------------
		     Color and type variables
-----------------------------------------------*/
/* ---------------------------------------------
		     Background Gradient Mixin
-----------------------------------------------*/
html, body {
  height: 100%; }

body {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  background-color: #fafafa;
  margin-top: 72px; }
  @media all and (min-width: 768px) {
    body {
      /* margin-bottom: 80px; */
      margin-top: 120px; } }

/* ---------------------------------------------
		     Navbar modifications
-----------------------------------------------*/
.navbar-default {
  background-color: #ffffff;
  border-color: #e5e5e5; }

.navbar {
  min-height: 72px; }
  @media all and (min-width: 768px) {
    .navbar {
      min-height: 96px; } }

.navbar-brand img {
  max-width: 228px; }
  @media all and (min-width: 375px) {
    .navbar-brand img {
      max-width: 260px; } }
  @media all and (min-width: 600px) {
    .navbar-brand img {
      max-width: 320px;
      padding-top: 12px; } }
  @media all and (min-width: 769px) {
    .navbar-brand img {
      max-width: 320px;
      padding-top: 10px;
      padding-left: 30px; } }

.navbar-inverse .navbar-nav > li > a {
  font-weight: 600;
  color: #fff;
  font-family: "Oswald", Helvetica, Arial, sans-serif; }
  @media all and (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
      padding-top: 20px;
      padding-bottom: 20px; } }

.navbar-default .navbar-nav > li > a {
  font-weight: 600;
  color: #000;
  font-family: "Oswald", Helvetica, Arial, sans-serif; }
  @media all and (min-width: 769px) {
    .navbar-default .navbar-nav > li > a {
      padding-top: 30px;
      padding-bottom: 10px; } }

.navbar-toggle {
  margin-top: 19px;
  margin-bottom: 19px; }
  @media all and (min-width: 768px) {
    .navbar-toggle {
      margin-top: 39px;
      margin-bottom: 39px; } }

@media all and (min-width: 768px) {
  .work-request {
    padding: 6px 14px 6px 14px;
    background-color: #ba0c2f;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px; } }

/* ---------------------------------------------
		     Page Heading
-----------------------------------------------*/
#page-heading {
  background-color: #000;
  padding: 100px 0;
  margin: 0;
  padding: 0;
  width: 100%; }
  #page-heading h1 {
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 0 -15px;
    padding: 50px 0;
    font-size: 36px; }
    @media all and (min-width: 768px) {
      #page-heading h1 {
        font-size: 60px;
        padding: 120px 0 40px 0; } }

/* ---------------------------------------------
		     Headings and type
-----------------------------------------------*/
a {
  color: #ba0c2f; }
  a:hover {
    color: #ea0f3b; }
  a:focus {
    color: #d20e35; }

h1, h3 {
  color: #ba0c2f;
  font-weight: 600; }

h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ba0c2f;
  margin-top: 46px;
  font-size: 42px; }
  @media all and (min-width: 768px) {
    h1 {
      margin-top: 46px;
      margin-left: -12px;
      margin-bottom: 24px;
      font-size: 62px; } }

h2 {
  margin-top: 40px;
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
  color: #ba0c2f; }
  @media all and (min-width: 768px) {
    h2 {
      text-align: left;
      font-size: 42px;
      margin-bottom: 24px;
      font-weight: 300; } }

h3 {
  margin-bottom: 14px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    h3 {
      margin-top: 36px;
      font-size: 28px; } }

h4 {
  margin-bottom: 14px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    h4 {
      margin-top: 36px;
      font-size: 22px; } }

p {
  font-weight: 300;
  color: #111;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 15px; }
  @media all and (min-width: 768px) {
    p {
      font-size: 15px;
      line-height: 1.6;
      font-weight: 400; } }

dt {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 4px;
  line-height: 1.2; }
  @media all and (min-width: 768px) {
    dt {
      font-size: 22px;
      margin-bottom: 8px;
      font-weight: 500; } }

dd {
  margin-bottom: 12px;
  font-size: 13px;
  margin-bottom: 19px;
  font-family: "Merriweather", "Times New Roman", serif; }
  @media all and (min-width: 768px) {
    dd {
      font-size: 13px;
      padding-bottom: 18px;
      margin-bottom: 18px;
      /* border-bottom:1px solid #e5e5e5; */
      line-height: 1.6;
      font-weight: 300; }
      dd:last-of-type {
        border: none; } }

/* OLD EMBED FORM STYLES - OPTED TO GO WITH DIRECT QUALTRICS CUSTOMIZATION
 #form h1 {
	@media all and (min-width:768px) {
		margin-top:6px;
		margin-left: -4px;
		margin-bottom:10px;
		font-size: 52px;
	}
}

#form h4 {
	fcolor:#000;
	font-weight: 500;
	@media all and (min-width:768px) {
		font-size: 22px;
		margin-bottom: 8px;
	} 
}

#form p {
	margin-top:16px;
	margin-bottom: 16px;
}
 */
 /* ---------------------------------------------
		     Get in touch styles
-----------------------------------------------*/
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

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

@media all and (min-width: 768px) {
  .under-map {
    text-transform: uppercase;
    font-weight: 300;
    font-style: italic;
    font-size: 38px;
    margin-top: 50px; } }

/* ---------------------------------------------
		     Right margin styles
-----------------------------------------------*/
#column-content h3 {
  font-size: 22px;
  margin-bottom: 12px;
  margin-top: 46px; }

#column-content .nav > li > a {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 16px; }

.nav-pills > li.active > a {
  background-color: #000; }

.nav-pills > li.active > a:hover {
  background-color: #555; }

.nav-pills > li.active > a {
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }

.nav > li > a:hover {
  background-color: #fff;
  color: #ba0c2f; }

.nav-pills > li.active > a:focus {
  background-color: #999; }

/* ---------------------------------------------
		     Thank you page styles
-----------------------------------------------*/
.dar-thankyou {
  width: 600px;
  max-width: 100%;
  margin-top: 40px; }

.form-box {
  background-color: #fff;
  padding: 12px; }
  .form-box h4 {
    padding-top: 20px; }
  @media all and (min-width: 768px) {
    .form-box {
      padding: 20px 40px 40px 40px;
      margin-top: 60px; } }
  .form-box p {
    font-family: "Oswald", Helvetica, Arial, sans-serif; }

article#home h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ba0c2f;
  font-size: 48px;
  margin-bottom: 20px;
  margin-top: 46px;
  font-style: italic;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    article#home h1 {
      margin-top: 46px;
      margin-left: 0;
      margin-bottom: 24px;
      font-size: 62px;
      font-weight: 300; } }

@media all and (min-width: 768px) {
  article#home {
    margin-top: 82px;
    padding: 0; } }

article#secondary h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ba0c2f;
  font-size: 46px;
  margin-bottom: 20px;
  margin-top: 46px;
  font-style: italic;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    article#secondary h1 {
      margin-top: 46px;
      margin-left: 0;
      margin-bottom: 24px;
      font-size: 52px;
      font-weight: 300; } }

@media all and (min-width: 768px) {
  article {
    padding-top: 20px; } }
@media all and (min-width: 1200px) {
  article {
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 82px; } }

@media all and (min-width: 768px) {
  article#secondary {
    padding-top: 20px; } }
@media all and (min-width: 1200px) {
  article#secondary {
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 18px; } }

.white-box {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 14px 20px 6px 20px;
  border: 1px solid #ccc;
  margin-bottom: 26px; }
  @media all and (min-width: 768px) {
    .white-box {
      padding: 0 36px 10px 36px; } }
  .white-box p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8; }
  .white-box .btn-uga {
    display: block; }
    @media all and (min-width: 992px) {
      .white-box .btn-uga {
        display: inline-block;
        padding-left: 30px;
        padding-right: 40px; } }
  .white-box h4 {
    font-size: 24px; }
    @media all and (min-width: 768px) and (max-width: 991px) {
      .white-box h4 {
        font-size: 36px; } }
    @media all and (min-width: 992px) {
      .white-box h4 {
        font-size: 24px; } }

.project-section {
  margin-bottom: 30px; }
  @media all and (min-width: 768px) {
    .project-section {
      text-transform: uppercase;
      font-weight: 300;
      font-style: italic;
      font-size: 38px;
      margin-top: 50px; } }

.project-contact {
  text-align: center; }
  .project-contact h5 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 6px;
    padding-bottom: 0; }
    @media all and (min-width: 768px) {
      .project-contact h5 {
        font-size: 19px; } }
  .project-contact .project-area {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 14px; }
    @media all and (min-width: 768px) {
      .project-contact .project-area {
        font-size: 15px; } }
  .project-contact .project-email {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 14px; }
    @media all and (min-width: 768px) {
      .project-contact .project-email {
        font-size: 15px; } }
  .project-contact .project-phone {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 14px; }
    @media all and (min-width: 768px) {
      .project-contact .project-phone {
        font-size: 15px; } }
  .project-contact img {
    width: 30%;
    margin: 0 auto; }
    @media all and (min-width: 768px) {
      .project-contact img {
        width: 50%;
        margin: 0 auto; } }

/* ---------------------------------------------
		     Resources page styles
-----------------------------------------------*/
.video-note {
  font-style: italic;
  margin-top: 14px; }
  @media all and (min-width: 768px) {
    .video-note {
      margin-top: 20px; } }

h3.resource-heading {
  text-transform: uppercase;
  font-weight: 400;
  font-style: italic;
  margin-top: 20px;
  font-size: 32px; }
  @media all and (min-width: 768px) {
    h3.resource-heading {
      text-transform: uppercase;
      font-weight: 300;
      font-style: italic;
      font-size: 46px;
      margin-top: 50px; } }

h4.resource-title {
  margin: 20px 0 6px 0;
  padding: 0;
  font-weight: 600;
  font-size: 20px; }
  @media all and (min-width: 768px) {
    h4.resource-title {
      font-weight: 500;
      font-size: 20px; } }

.video-col {
  margin-top: 15px; }
  @media all and (min-width: 768px) {
    .video-col {
      margin-top: 15px; } }

.email-template {
  border: 1px solid #ccc; }
  @media all and (min-width: 768px) {
    .email-template {
      margin-bottom: 15px;
      margin-top: 16px; } }

.ppt-thumb {
  border: 1px solid #bbb; }
  @media all and (min-width: 768px) {
    .ppt-thumb {
      margin-top: 5px; } }

/* ---------------------------------------------
		     Right margin styles
-----------------------------------------------*/
.btn-uga {
  border-radius: 0;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ba0c2f;
  border: 0;
  border: none;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease; }
  .btn-uga:hover {
    background-color: #a20a29; }
  .btn-uga:visited {
    background-color: #a20a29; }
  @media all and (min-width: 768px) and (max-width: 1023px) {
    .btn-uga {
      padding-bottom: 26px;
      padding-top: 26px;
      font-size: 24px; } }

.btn-uga-grey {
  border-radius: 0;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #222;
  border: 0;
  border: none;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease; }
  .btn-uga-grey:hover {
    background-color: #a20a29; }
  .btn-uga-grey:visited {
    background-color: #a20a29; }
  @media all and (min-width: 768px) and (max-width: 1023px) {
    .btn-uga-grey {
      padding-bottom: 26px;
      padding-top: 26px;
      font-size: 24px; } }

#column-content.gift-options-nav {
  display: none; }
  @media all and (min-width: 992px) {
    #column-content.gift-options-nav {
      display: block; } }

/* ---------------------------------------------
		     Footer styles
-----------------------------------------------*/
footer {
  background-color: #000;
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 50px;
  text-align: center; }
  footer .work-request {
    font-weight: 600; }
  footer .small {
    color: #fff;
    font-size: 10px;
    color: #cccccc;
    font-family: "Oswald", Helvetica, Arial, sans-serif; }
  footer .footer-button {
    margin-top: 30px;
    margin-bottom: 30px; }
  footer .btn-uga {
    padding-right: 40px;
    padding-left: 40px; }

.footer-address {
  font-size: 14px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 30px; }

.footer-message {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  color: #efefef;
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 30px; }
  @media all and (min-width: 768px) {
    .footer-message {
      margin-bottom: 20px;
      font-size: 42px; } }

.footer-nav {
  list-style: none;
  padding: 0; }
  .footer-nav li {
    display: inline-block;
    margin-right: 6px;
    padding-right: 6px;
    font-size: 14px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1;
    border-right: 1px solid #fff;
    font-size: 12px;
    font-family: "Oswald", Helvetica, Arial, sans-serif; }
    @media all and (min-width: 768px) {
      .footer-nav li {
        margin-right: 10px;
        padding-right: 10px;
        margin-right: 10px;
        padding-right: 10px; } }
    .footer-nav li a {
      color: #ccc; }
    .footer-nav li:last-of-type {
      border-right: 0;
      margin-right: 0;
      padding-right: 0; }
      @media all and (min-width: 768px) {
        .footer-nav li:last-of-type {
          border-right: 0;
          margin-right: 0px;
          padding-right: 5px; } }

.logo-footer {
  width: 400px;
  max-width: 100%; }

a.anchor {
  display: block;
  position: relative;
  top: -74px;
  visibility: hidden; }
  @media all and (min-width: 768px) {
    a.anchor {
      top: -109px;
      visibility: hidden; } }

a.anchor-inside {
  display: block;
  position: relative;
  top: -74px;
  visibility: hidden; }
  @media all and (min-width: 768px) {
    a.anchor-inside {
      top: -219px;
      visibility: hidden; } }

/* ---------------------------------------------
		     Video Embed
-----------------------------------------------*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ---------------------------------------------
		     Donation form styles
-----------------------------------------------*/
.designations h3 {
  text-transform: none;
  font-weight: 600;
  text-transform: uppercase;
  color: #ba0c2f !important;
  text-decoration: underline; }
  @media all and (min-width: 768px) {
    .designations h3 {
      font-size: 36px; } }
.designations p {
  font-weight: 300;
  font-size: 19px; }
  @media all and (min-width: 768px) {
    .designations p {
      font-size: 18px; } }

.designation-categories {
  text-align: left !important; }
  .designation-categories #school {
    width: 40%; }
  .designation-categories #campus {
    width: 21%; }
  .designation-categories #cause {
    width: 21%; }
  .designation-categories #search {
    width: 15%; }

.donationForm .formrow .amounts {
  text-align: left !important; }

.donationForm .steps .step-button {
  border-radius: 0;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.2em !important;
  width: 80%; }

.btn-default {
  padding-top: 14px;
  padding-bottom: 20px; }

.step-buttons .form-control {
  height: 50px; }

@media all and (min-width: 768px) {
  #designationDescription {
    border: 1px solid #e5e5e5;
    padding: 20px 20px 14px 20px !important; } }
@media all and (min-width: 768px) {
  #designationDescription #desDescrText {
    color: #222 !important; } }

.add-gift {
  background-color: #ccc;
  padding: 10px 12px 6px;
  color: #333; }

.breadcrumbs {
  display: none; }
  @media all and (min-width: 1024px) {
    .breadcrumbs {
      display: none; } }

/*# sourceMappingURL=main.css.map */