@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Montserrat:400,700|Source+Sans+Pro');

* {
  /*outline: 1px dashed red;*/
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #6fa2b5;
}

a:link,
a:visited {
  color: #6fa2b5;
}

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

.login-box {
  background-color: rgba(111,162,181,.7);
  padding: 5px 20px 10px 20px;
  border-bottom-left-radius: 10px;
  position: fixed;
  right: 0px;
  z-index: 999;
}
.login-box a:link,
.login-box a:visited {
  color: white;
}
.login-box a:hover,
.login-box a:active {
  text-decoration: none;
  color: white;
}

.sitemenu {
  position: fixed;
  width: 100%;
  top: -200px;
  z-index: 99;
}

.sitemenu .mnubtn {
  background-color: white;
  width: 100%;
  padding: 10px 20px;
  cursor: pointer;
}

.sitemenu .mnubtn div {
  background-color: #e32625;
  width: 60px;
  height: 8px;
  margin: 12px 0;
}

.sitemenu nav {
  background-color: white;
  font-size: 1.2em;
  position: absolute;
  left: -80%; /*hidden off left side*/
  width: 80%;
  padding: 10px;
  overflow: hidden;
  transition: .3s ease-out;
}
.sitemenu nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sitemenu nav ul li{
  display: block;
  padding: 0;
  padding-bottom: 30px;
}
.sitemenu nav ul li a {
  display: block;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  padding: 20px;
  padding-top: 0;
}

/*transition to this to show popout mobile menu*/
.sitemenu nav.popout {
  left: 0;
}

.sitemenu.scrolled {
  animation: menu-slidedown .3s ease-out;
  top: 0;
}
.sitemenu.scrolled.hide {
  animation: menu-slideup .3s ease-in forwards;
}

header h1 {
  padding-top: 25vh;
  text-transform: uppercase;
  line-height: 1.4em;
  font-weight: 700;
  font-size: 2em;
  color: #191823;
  cursor: default;
}
header h1 span {   display: block;  }
header h1 span:nth-child(2) {   font-size: 1.65em;  }
header h1 span:nth-child(3) {   font-size: 1.28em;  }

.container {
  margin: 80px auto;
}

.parallax-image {
  height: 40vh;
}

.bullet {
  background-image: url('../img/sketch/bullet.png');
  background-repeat: no-repeat;
  padding-left: 60px;
}

footer {
  background-color: #191823;
  margin: 0 auto;
  padding: 10px;
  font-size: 1em;
  text-align: center;
  color: #6fa2b5;
}

footer a {
  color: inherit;
}

@media only screen and (min-width: 576px) {}
@media only screen and (min-width: 768px) {
  .login-box {
    border-bottom-right-radius: 10px;
    right: 160px;
  }
  .mnubtn {
    display: none;
  }
  .sitemenu nav {
    background-color: #6fa2b5;
    font-size: 1em;
    position: static;
    width: auto;
    padding: 0;
    padding-left: 20px;
    transition: 0s;
  }
  .sitemenu nav ul li {
    display: inline-block;
    padding: 10px 0;
  }
  .sitemenu nav ul li a {
    padding: 10px 20px;
    color: white;
  }
}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1200px) {}

/*animations*/
@keyframes menu-slidedown {
  from {  top: -200px; }
  to  { top: 0px; }
}

@keyframes menu-slideup {
  from {  top: 0px; }
  to  { top: -200px; }
}




.c-CardusPortalLink em {
  display: none;
}

@media only screen and (min-width: 1236px) {
  nav ul li:last-of-type {
    float: right;
  }
}



nav a.c-CardusPortalLink {
  display: block;
  position : relative;
  padding: 15px 20px !important;
  text-decoration: none;
}
nav a.c-CardusPortalLink em {
  position : absolute;
  top: 15;
  left: 20;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 185 185'%3E%3Cpath fill='%23ffffff' d='M77.5 3.4C35.6 10 4.7 44.3 2.3 87.1c-2.5 44.3 25.5 82.4 68.2 93 11.1 2.7 30.1 3 41.1.6 31-6.7 56.6-29.8 66.2-59.7 3.7-11.4 4.5-18.2 3.9-32.7-.6-15.4-2.3-22.7-8.2-35.2-12.9-27-39.6-46.3-69.5-50-10.4-1.3-16.2-1.3-26.5.3zm27.7 34.4c6.9 3.4 12.1 8.4 15.9 15.4 3.1 5.7 3.4 7.1 3.4 14.3 0 10.2-3.1 17.1-11 24.4-12.8 11.7-30.6 11.4-43.8-.8-10-9.2-13.1-24.7-7.3-36.5 4.4-9 12-15.6 21.6-18.7 4.5-1.5 16.4-.4 21.2 1.9zm-42.1 63.7c15.7 14.1 43.2 13.8 58.8-.7l3.4-3.2 7.6 3.9c9.5 4.9 19.4 14.6 23.4 22.8l2.8 5.8-4.5 6.3c-10.6 14.9-27.4 26.2-45.6 30.8-12.3 3-28.1 2.3-40.2-1.9-10.5-3.7-20.3-9.3-28.1-16.3-6.3-5.7-14.7-16.8-14.7-19.4 0-4.5 8.5-16.3 15.8-21.9 5.1-3.9 15-9.6 16.6-9.7.5 0 2.6 1.6 4.7 3.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
nav a.c-CardusPortalLink span {
  display: block;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 300 !important;
  padding: 0;
  color: #fff;
  white-space : nowrap;
  min-width : 170px;
  padding-left: 28px;
}


nav a.c-CardusPortalLink--out span {
  min-width : 80px;
}

nav a.c-CardusPortalLink:hover {
  text-decoration: underline;
}

nav a.c-CardusPortalLink--in em {
  overflow: hidden;
  text-indent: -999px;
}

@media only screen and (max-width: 767px) {

  nav.popout a.c-CardusPortalLink {
    padding-top: 0 !important;
    margin-top: -10px;
  }

  nav.popout a.c-CardusPortalLink em {
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 185 185'%3E%3Cpath fill='%236fa2b5' d='M77.5 3.4C35.6 10 4.7 44.3 2.3 87.1c-2.5 44.3 25.5 82.4 68.2 93 11.1 2.7 30.1 3 41.1.6 31-6.7 56.6-29.8 66.2-59.7 3.7-11.4 4.5-18.2 3.9-32.7-.6-15.4-2.3-22.7-8.2-35.2-12.9-27-39.6-46.3-69.5-50-10.4-1.3-16.2-1.3-26.5.3zm27.7 34.4c6.9 3.4 12.1 8.4 15.9 15.4 3.1 5.7 3.4 7.1 3.4 14.3 0 10.2-3.1 17.1-11 24.4-12.8 11.7-30.6 11.4-43.8-.8-10-9.2-13.1-24.7-7.3-36.5 4.4-9 12-15.6 21.6-18.7 4.5-1.5 16.4-.4 21.2 1.9zm-42.1 63.7c15.7 14.1 43.2 13.8 58.8-.7l3.4-3.2 7.6 3.9c9.5 4.9 19.4 14.6 23.4 22.8l2.8 5.8-4.5 6.3c-10.6 14.9-27.4 26.2-45.6 30.8-12.3 3-28.1 2.3-40.2-1.9-10.5-3.7-20.3-9.3-28.1-16.3-6.3-5.7-14.7-16.8-14.7-19.4 0-4.5 8.5-16.3 15.8-21.9 5.1-3.9 15-9.6 16.6-9.7.5 0 2.6 1.6 4.7 3.5z'/%3E%3C/svg%3E");
    left: inherit;
    top: -13px;
    right: -38px;
  }
  nav.popout a.c-CardusPortalLink span {
    color: #6fa2b5;
    padding-left: 0;
  }

  nav.popout a.c-CardusPortalLink {
    flex-direction: row-reverse;
  }

  nav.popout a.c-CardusPortalLink em {
    width: 46px;
    height: 46px;
    margin-left: 10px;
  }

  nav.popout ul li:last-of-type {
    float: left;
  }
}