/*
####################################################
SW styles
####################################################
*/
body {
  font-family: 'Lato', 'Trebuchet MS', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7;
}

h1,
.h1 {
  font-size: 2.2rem
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: 'Crimson', serif;
}

h2,
.h2,
h4,
.h4,
h3,
.h3 {
  margin-bottom: 1rem;
}

h1.page-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0.6rem;
  font-weight: 500;
}

.page-header .h2,
.page-header h2 {
  font-weight: bold;
  margin-bottom: 0;
  color: #0c5460;
}

* {
  border-radius: 0 !important;
}

.page-content a:link,
.page-content a:visited {
  text-decoration: underline;
}

a:hover {
  color: #806806;
  text-decoration: underline;
}

h2 a:link,
.h2 a:link,
h3 a:link,
.h3 a:link,
h4 a:link,
.h4 a:link,
h5 a:link,
.h5 a:link,
h6 a:link,
.h6 a:link {
  text-decoration: none !important;
}

.subnav a:link,
a.btn:link,
.colorboxes-container a,
.tabs-container .nav-item a {
  text-decoration: none;
}

.card h3.card-title a:hover {
  color: #806806;
}

/* sw banner */
.swBanner {
  background: #004895;
  padding: 0;
}

.headerBarContainer {
  background: #1e252b;
  font-size: 90%;
  padding-right: 1rem;
}

.resourcesContainer {
  padding-right: 1.5rem;
}

.quickLinks .btn,
.swSearch .btn {
  font-size: .8rem;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-right: 1px solid #999;
  padding: 0.7rem 2.2rem;
  transform: skew(-45deg, 0);
}

.quickLinks .btn div,
.swSearch .btn div {
  -moz-transform: skew(45deg, 0);
  -ms-transform: skew(45deg, 0);
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
}

.quickLinks .btn:focus,
.quickLinks .btn:hover,
.swSearch .btn:focus,
.swSearch .btn:hover {
  color: #fff;
  background-color: #1e252b;
  border-right: 1px solid #555;
  box-shadow: none;
}

.searchContainer form {
  padding: 0 1rem;
}

.searchContainer .form-control {
  border: 0;
  width: 14rem;
  margin-right: 0.5rem;
}

.headerBarContainer a:link,
.headerBarContainer a:visited {
  color: #eee;
}

.headerBarContainer a:hover {
  color: #666;
}

.headerBarContainer .nav-link {
  padding: 1rem 1rem;
}

.headerLeft {
  display: none;
  position: absolute;
  background-color: #004895;
  box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-transform: skew(-45deg, 0);
  -ms-transform: skew(-45deg, 0);
  -webkit-transform: skew(-45deg, 0);
  transform: skew(-45deg, 0);
  left: 0;
  width: 10rem;
  z-index: 1000;
  left: -110px;
  width: 17rem;
  background: #005C97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005C97);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #005C97);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.swBanner svg {
  width: 7rem;
  height: 5rem;
}

.siteLogo img {
  width: 9rem;
  padding: 0.5rem 0 1rem 0;
}

.siteLogo {
  display: block;
  width: 100%;
  padding: 0.5rem 0 0 9rem;
  position: relative;
  margin: auto;
  -moz-transform: skew(45deg, 0);
  -ms-transform: skew(45deg, 0);
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.headerRight {
  width: 100%;
  position: relative;
  z-index: 998;
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
  background: #eee;
}

.siteBarContainer {
  position: relative;
  z-index: 10;
  padding-right: 0rem;
  transition: margin .6s cubic-bezier(.77, 0, .175, 1);
  color: #fff;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  padding-right: 2rem;
  background: #005C97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #0c5460);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #0c5460);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mauContainer {
  background: #f8f9fa;
  padding-right: 0rem;
}

.mauContainer .nav-link {
  padding: 0.5rem 1rem 0;
}

.mauContainer .nav-item {
  padding-right: 2rem;
}

.mauContainer .nav-link:hover {
  color: #222;
}

.mauContainer .nav-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.5rem;
  top: 2.7rem;
  display: block;
  background: #5cacb978;
  height: 141.421356%;
  top: -20.710678%;
  transform: translate(-45%, 0) rotate(45deg);
}

.uafColor {
  color: #236192;
}

.uaaColor {
  color: #207B66;
}

.uasColor {
  color: #286f84;
}

/* banner end */
/* site title */
.site-header {
  /*background-color:#003764;
     */
  background-color: #113b5e;
  border-top: 0.5rem rgba(0, 123, 255, .5) solid;
}

.site-nanook {
  display: none;
}

.site-header div.row,
.site-header div.col {
  justify-content: flex-end;
}

#main-slider~section .site-header div.row {
  justify-content: flex-start !important;
}

/* site title end */
/* site nav dropdown */
.menuPrimary {
  background: #113b5d;
  border-top: 1px solid #0e5897;
}

.menuPrimary .navbar-nav .active>.nav-link,
.menuPrimary .navbar-nav .nav-link.active,
.menuPrimary .navbar-nav .nav-link.show,
.menuPrimary .navbar-nav .show>.nav-link {
  color: #ffffff;
}

.menuPrimary .navbar-nav .nav-link {
  border-bottom: transparent solid 5px;
  color: rgba(255, 255, 255, .8);
}

.menuPrimary .navbar-nav .nav-link:hover {
  border-bottom: #FFC107 solid 5px;
}

.menuPrimary .navbar-nav .active>.nav-link,
.menuPrimary .navbar-nav .nav-link.active,
.menuPrimary .navbar-nav .nav-link.show,
.menuPrimary .navbar-nav .show>.nav-link {
  border-bottom: #FFC107 solid 5px;
}

/* site nav dropdown end */
/* .carousel .dark-overlay { position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); top: 0; right: 0; bottom: 0; left: 0; z-index: 10;} */
/* carousel custoimzations */
.carousel .dark-overlay {
  background: #16191a;
}

.hero-md,
.hero-lg {
  overflow: hidden;
}

.carousel-item {
  height: initial !important;
}

.carousel-item>img {
  position: relative !important;
  height: initial !important;
}

.carousel-item .container-fluid {
  padding-left: initial !important;
  padding-right: initial !important;
}

.carousel-inner {
  position: initial !important;
  width: initial !important;
  overflow: initial !important;
}

/* .carousel-caption {background:#000 !important; color:#fff !important; display:block !important; padding: 1rem 2.5rem 2rem 2.5rem !important; width:100% !important; margin:0 !important; position:relative !important; left:0 !important; right:0 !important; bottom:0 !important;} */
.carousel-caption {
  -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#99000000', GradientType=0) !important;
  /* IE6-9 */
  color: #fff !important;
  display: block !important;
  padding: 1rem 2.5rem 1rem 2.5rem !important;
  width: 100% !important;
  margin: 0 !important;
  position: inherit;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.carousel-caption.text-left .h2,
.carousel-caption.text-left p {
  float: initial !important;
  margin-bottom: 0;
}

.carousel-caption.text-right .h2,
.carousel-caption.text-right p {
  float: initial !important;
  margin-bottom: 0;
}

.carousel a.btn-primary {
  border: 0;
  background-color: #ffd700;
  color: #000000;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 1rem;
  margin-top: 0.5rem;
  width: 13rem;
}

@media (min-width: 700px) {
  .carousel-caption {
    position: absolute !important;
  }
}

@media (min-width: 960px) {
  .hero-md .carousel-inner {
    max-height: 20rem !important;
    overflow: hidden !important;
  }

  .hero-lg .carousel-inner {
    max-height: 35rem !important;
    overflow: hidden !important;
  }

  .hero-md .carousel-caption {
    top: 14% !important;
  }

  .hero-md .carousel-caption .h2 {
    font-size: 2.5rem !important;
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .carousel-caption {
    -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#99000000', GradientType=0) !important;
    /* IE6-9 */
    ;
    position: absolute !important;
    bottom: inherit !important;
    top: 23% !important;
    width: 35% !important;
  }

  .carousel-caption,
  .carousel-caption.text-left {
    left: 10rem !important;
    right: initial !important;
  }

  .carousel-caption.text-right {
    right: 10rem !important;
    left: initial !important;
  }

  .carousel-caption.text-left .h2,
  .carousel-caption.text-left p {
    width: initial !important;
    margin-bottom: 0.5rem;
  }

  .carousel-caption.text-right .h2,
  .carousel-caption.text-right p {
    width: initial !important;
    margin-bottom: 0.5rem;
  }

  .carousel-caption .h2 {
    font-size: 2.7rem !important;
    font-weight: 500 !important;
    line-height: 2.7rem;
    margin-bottom: 1rem;
  }

  .carousel-caption p {
    font-size: 1.2rem !important;
    line-height: 1.5rem;
  }
}

@media (min-width: 1350px) {
  .carousel-caption .h2 {
    font-size: 3.25rem !important;
    line-height: 3.25rem;
    margin-bottom: 1rem;
  }

  .carousel-caption p {
    font-size: 1.5rem !important;
    line-height: 1.75rem;
  }
}

/* .carousel-container  .carousel-caption{
position: relative !important;
top: auto !important;
width: inherit !important;
left: auto !important;
} */
/* sidenav menu */
.subnav {
  background: #f8f9fa;
  border-top: 7px solid #FFC107;
}

.subnav .active a {
  color: #020202;
}

.subnav .nav {
  flex-wrap: inherit;
}

.subnav .dropdown-toggle:after {
  margin-left: 0;
}

.subnav .nav-link {
  color: #2c3c6c;
  padding: 0.7rem 0rem 0.7rem 0.5rem;
  width: 85%;
}

@media (min-width: 991.98px) {
  .subnav .nav-link {
    width: 89%;
  }
}

.subnav .nav-link.dropdown-toggle {
  padding-left: 0rem;
  padding-right: 0.5rem;
}

.subnav>li:hover {
  background: transparent;
}

.subnav>li a:hover {
  color: #1c82d4 !important;
}

.subnav ul .nav-link {
  color: #333;
  padding: 0.4rem 0.2rem 0.5rem 1.2rem;
}

.subnav li.nav-item div.menu-toggle-icon {
  background-color: transparent;
}

.subnav .subnav-nested {
  font-size: 1rem;
  padding: 0rem 0rem 0.7rem 0;
  background: transparent;
}

/* main area */
.page-content {
  padding-bottom: 3rem;
}

main {
  height: auto;
}

main a.btn-outline-primary {
  border-color: #236192 !important;
}

main a.btn-outline-primary:hover {
  background-color: #236192 !important;
}

main div.featured-container,
main div.facts-container {
  background-color: #236192 !important;
  background-position: top;
  background-repeat: no-repeat;
}

main div.featured-container h3 a.text-warning,
main div.events-container h3 a.text-white,
main div.facts-container h3 a.text-warning {
  color: #ffcd00 !important;
}

main div.featured-container a.btn-outline-warning,
main div.facts-container a.btn-outline-warning {
  border-color: #ffcd00 !important;
  color: #fff !important;
}

main div.featured-container a.btn-outline-warning:hover,
main div.facts-container a.btn-outline-warning:hover {
  background-color: #ffcd00 !important;
  color: #000 !important;
}

main div.facts-container .text-warning {
  color: #ffcd00 !important;
}

/* main area end */
/* footer */
footer {
  background: url(../images/mountains.svg) no-repeat center top;
  padding-top: 92px !important;
}

.footerContainer {
  background: #004895;
  padding: 3rem 2rem;
}

footer div.container-fluid .text-white,
footer div.container-fluid a:link,
footer div.container-fluid a:visited {
  color: #fff !important;
}

footer div.container-fluid a:hover,
footer div.container-fluid a:active {
  color: #ffcd00 !important;
}

footer hr {
  visibility: hidden;
}

/* misc */
.uaa-color {
  background: #00583d;
  border: 1px solid #00583d;
  color: white;
}

.uaf-color {
  background: #236192;
  border: 1px solid #236192;
  color: white;
}

.uas-color {
  background: #8dca46;
  border: 1px solid #8dca46;
  color: black;
}

/* external link  
#content a[href]:not([href*="uaf.edu"]):not([href*="alaska.edu"]):not([href^="mailto\\:"]):not([href^="#"]):not([href^="/"]):after {    
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
    content: "\f08e";
    font-size: 12px;
    color: #999;
    padding: 0 5px;
	}
    a.btn:after,
	a.linked-img:after,
	.card-icon a:after,
	.card-title a:after,
	.colorboxes-container a:after,
	.news-container .title a:after,
	.ou-component-simple-card a:after,
    .social-media-container a:after,
	.ou-component-icon-card a:after{
	content:"" !important;
	}
/* -- */
a {
  color: #004895;
}

.callout-container a.btn-secondary {
  /* background-color: #009688;
    border-color: #009688; */
  background-color: #6b5402;
  border-color: #6b5402;
  color: #fff;
  margin-top: 1rem !important;
  width: 70%;
  max-width: 30rem;
}

.carousel a.btn-primary:hover,
.callout-container a.btn-primary:hover,
.callout-container a.btn-secondary:hover {
  background-color: #888888;
}

.btn-primary {
  color: #fff;
  background-color: #005C97;
  border-color: #005C97;
}

a.btn-primary-dark {
  border: 0;
  background-color: #00356b;
  color: #fff;
}

.bg-primary {
  background-color: #005C97 !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}

.btn-info {
  color: #fff;
  background-color: #087182;
  border-color: #087182;
}

.text-primary {
  color: #236192;
}

.breadcrumb-item.active {
  color: #333;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}

.envelopeBg {
  background-color: #083857;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(41,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23083857'/%3E%3Cstop offset='1' stop-color='%233e8585'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(160,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23323bed' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23323bed' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(236,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23323bed' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23323bed' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.47'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* full-width * aspect-ratio */
.full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* ---- snippets ----- */
.multicolumn-container {
  padding: 0;
}

.spotlights-container .card-header {
  background-color: #1f5075
}

/* accordion */
.accordion-container .card-header {
  background-color: #006195;
}

.accordion-container .card-header a:hover {
  color: #2196F3 !important;
}

/* Callout snippet */
.card-header {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  color: #fff;
  font-weight: normal;
}

.card-header a {
  color: #fff;
}

.callout-container .card-header {
  background-color: #444444;
}

.events-container .card-header,
.news-container .card-header {
  background-color: #006195;
}

/* facts */
.facts-container {
  padding: 0;
}

.featured-bg-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: #fff;
  font-style: normal;
  letter-spacing: 1px;
}

.facts-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: rgb(255, 191, 0);
  font-style: italic;
}

.facts-container .rowFact {
  margin: 0;
}

.facts-container .fact-wrapper {
  height: 150px;
  width: 150px;
  background: #006d95;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px !important;
  margin: auto;
}

.facts-container .card-title {
  padding-top: 3rem;
  margin-bottom: 0.2rem;
}

.facts-container .mb-3 {
  margin-bottom: 0 !important;
}

/* Color Boxes */
/* Blue default theme - themeOne  */
.colorboxes-container .colorbox:first-child .card,
.colorboxes-container .colorbox:nth-child(4) .card {
  background-color: #006d95;
}

.colorboxes-container .colorbox:nth-child(2) .card,
.colorboxes-container .colorbox:nth-child(5) .card {
  background-color: #005495;
}

.colorboxes-container .colorbox:nth-child(3) .card,
.colorboxes-container .colorbox:nth-child(6) .card {
  background-color: #04367c;
}

.colorboxes-container .card:hover {
  background-color: rgba(81, 205, 205, 0.25);
  cursor: pointer;
}

/* gold theme - themeTwo */
.colorboxes-container.themeTwo p,
.colorboxes-container.themeTwo .card-header.h4 {
  color: #000;
}

.colorboxes-container.themeTwo .colorbox:first-child .card,
.colorboxes-container.themeTwo .colorbox:nth-child(4) .card {
  background-color: #FFCD00;
}

.colorboxes-container.themeTwo .colorbox:nth-child(2) .card,
.colorboxes-container.themeTwo .colorbox:nth-child(5) .card {
  background-color: #ffd733;
}

.colorboxes-container.themeTwo .colorbox:nth-child(3) .card,
.colorboxes-container.themeTwo .colorbox:nth-child(6) .card {
  background-color: #ffe166;
}

.colorboxes-container.themeTwo .card:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.colorboxes-container.themeTwo .card:after {
  background-color: rgba(255, 255, 255, 0.25);
}

/* gray theme - themeThree */
.colorboxes-container.themeThree p,
.colorboxes-container.themeThree .card-header.h4 {
  color: #000;
}

.colorboxes-container.themeThree .colorbox:first-child .card,
.colorboxes-container.themeThree .colorbox:nth-child(4) .card {
  background-color: #8a9fad;
}

.colorboxes-container.themeThree .colorbox:nth-child(2) .card,
.colorboxes-container.themeThree .colorbox:nth-child(5) .card {
  background-color: #A7B8C3;
}

.colorboxes-container.themeThree .colorbox:nth-child(3) .card,
.colorboxes-container.themeThree .colorbox:nth-child(6) .card {
  background-color: #C3CED6;
}

.colorboxes-container.themeThree .card:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.colorboxes-container.themeThree .card:after {
  background-color: rgba(255, 255, 255, 0.25);
}

/* Box Wrapper*/
.box-wrapper.themeOne,
.featured-bg-container,
.featured-bg-fullwidth-container {
  background-color: #fff;
  background: linear-gradient(45deg, rgba(47, 72, 125, 0.59) 25%, rgba(40, 50, 74, 0.3) 25%, rgba(23, 130, 241, 0.35) 90%, rgba(80, 114, 189, .7) 90%), linear-gradient(-45deg, rgba(6, 29, 93, 0.28) 30%, rgba(13, 11, 111, 0.41) 30%, rgba(21, 21, 146, 0.26) 60%, rgba(33, 40, 84, 0.03) 60%, rgba(0, 49, 196, 0.64) 60%);
  background-color: #054387;
  color: #eee;
}

.box-wrapper.themeTwo {
  background: #f2d972;
}

.box-wrapper.gradient-border {
  background-color: #fff;
  background-image: radial-gradient(circle at 100% 100%, transparent -15px, #004895 -15px, #004895 1px, transparent 1px),
    linear-gradient(to right, #004895, #028e8a),
    radial-gradient(circle at 0% 100%, transparent -15px, #1f51d7 -15px, #1f51d7 1px, transparent 1px),
    linear-gradient(to bottom, #028e8a, #2196F3),
    radial-gradient(circle at 0% 0%, transparent -15px, #2196F3 -15px, #2196F3 1px, transparent 1px),
    linear-gradient(to left, #2196F3, #028e8a),
    radial-gradient(circle at 100% 0%, transparent -15px, #1f51d7 -15px, #1f51d7 1px, transparent 1px),
    linear-gradient(to top, #009688, #004895);
  background-size: 1px 1px, calc(100% - 2px) 16px, 1px 1px, 16px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
}

.featured-bg-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: #ffbf00;
}

h3.text-uppercase a {
  color: #000;
}

[data-aos] {
  Â Â Â Â opacity: 1 !important;
  Â Â Â Â transform: none !important;
  Â Â Â Â transition: none !important;
  Â Â
}

/* Make the banner animations/transitions effectively instant (but still "exist") */
.wpcc-container,
.wpcc-container * {
  Â Â animation-duration: 0.001ms !important;
  Â Â animation-iteration-count: 1 !important;
  Â Â transition-duration: 0.001ms !important;
  Â Â transition-delay: 0ms !important;
}

/* ---------- Media Queries --------------------- */
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  .searchContainer .form-control {
    border: 0;
    width: 20rem;
    margin-right: 0;
  }

  .searchContainer form {
    padding: 1rem 0;
  }

  .resourcesContainer {
    padding-right: 0;
  }

  .mauContainer {
    padding-right: 2rem;
  }
}

/* Medium devices (tablets, 700px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 700px) {
  .smLogo-banner {
    display: none;
  }

  .headerLeft {
    display: block;
    width: 23rem;
  }

  .pl {
    padding-left: 3rem;
  }

  .pr {
    padding-right: 3rem;
  }
}

@media (min-width: 768px) {
  .main-content {
    padding: 2rem 0;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}