@charset "UTF-8";
/* Source Sans Pro */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:600i,700,700i");
/* Oswald */
@import url("https://fonts.googleapis.com/css?family=Oswald");
/* General --------------------------------- */
body {
  color: #2e2d29; }

strong {
  font-weight: 700; }

object {
  width: 100% !important; }

code {
  color: #333333;
  font-size: 14px; }

blockquote {
  overflow: hidden; }

.lead {
  font-size: 18px;
  line-height: 26px; }

.label, .badge {
  background-color: #4d4f53; }

.breadcrumb {
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 400; }

.float-left, .float-right {
  box-sizing: border-box; }

abbr[title*=notes] {
  border: none;
  text-decoration: none;
  font-size: 2em;
  line-height: 1em; }

#content-title {
  margin-bottom: 10px; }

.node-type-guide #content-title {
  margin-bottom: 0px; }

.content-body li {
  margin-bottom: 0.25em; }

.content-body li ul {
  margin-top: 0.25em; }

.content-body li ol {
  margin-top: 0.25em; }

.content-body .nav-tabs > li {
  margin-bottom: -1px; }

.sr-only-element, .sr-only-text {
  overflow: hidden;
  white-space: nowrap;
  padding: 0; }

.sr-only-element {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  position: absolute;
  width: 1px; }

.sr-only-text {
  text-indent: 101%;
  display: inline-block;
  margin: 0;
  width: .1px;
  height: .1px; }

/* Global Footer --------------------------------- */
#global-footer {
  padding: 20px 0 10px 0; }

#global-links {
  clear: left;
  font-size: 17px; }

#global-policy-links {
  clear: left; }

#bottom-menu ul {
  padding: 0 0 5px 0; }

#bottom-menu ul li {
  float: none;
  display: inline-block; }

#copyright {
  clear: left;
  margin-top: 5px; }

@media (max-width: 767px) {
  #bottom-logo {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 0px 0 20px 0;
    text-align: center; } }

@media (min-width: 600px) and (max-width: 767px) {
  #bottom-menu {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
  #bottom-menu ul {
    margin: 0; }
  #bottom-menu ul li {
    float: none;
    display: inline-block; }
  #bottom-menu ul li:last-child {
    margin-right: 0; } }

@media (max-width: 599px) {
  #global-links, #global-policy-links {
    font-size: 15px;
    clear: none; }
  #bottom-menu {
    margin: 0 auto 20px auto;
    width: 300px;
    text-align: left;
    float: none; }
  #bottom-menu ul {
    float: left;
    margin: 0 0 20px 0;
    width: 50%;
    clear: none; }
  #bottom-menu ul li {
    float: none;
    display: block; }
  #bottom-menu ul li:last-child {
    margin-right: 0; } }

/* Link --------------------------------- */
a:hover, a:focus {
  color: #820000;
  text-decoration: none; }

p a, li a, td a, th a, dd a, div.field-content a, span.field-content a,
p a:visited, li a:visited, td a:visited, th a:visited, dd a:visited, div.field-content a:visited, span.field-content a:visited {
  color: #2e2d29;
  border-bottom: 1px dotted #2e2d29; }

p a:hover, li a:hover, td a:hover, th a:hover, dd a:hover, div.field-content a:hover, span.field-content a:hover,
p a:active, li a:active, td a:active, th a:active, dd a:active, div.field-content a:active, span.field-content a:active {
  color: #820000;
  border-bottom: 1px dotted #820000; }

nav li a, nav li a:hover, nav li a:active {
  border: none; }

.nav li a, .nav li a:hover, .nav li a:active {
  border: none; }

h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  border: none; }

h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  color: #820000;
  text-decoration: none;
  border: none; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
  color: #2e2d29;
  text-decoration: none;
  border: none; }

div.field-content h2 a, div.field-content h3 a, div.field-content h4 a, div.field-content h5 a, div.field-content h6 a {
  text-decoration: none;
  border: none; }

div.field-content h2 a:visited, div.field-content h3 a:visited, div.field-content h4 a:visited, div.field-content h5 a:visited, div.field-content h6 a:visited {
  color: #820000;
  text-decoration: none;
  border: none; }

div.field-content h2 a:hover, div.field-content h3 a:hover, div.field-content h4 a:hover, div.field-content h5 a:hover, div.field-content h6 a:hover,
div.field-content h2 a:active, div.field-content h3 a:active, div.field-content h4 a:active, div.field-content h5 a:active, div.field-content h6 a:active {
  color: #2e2d29;
  text-decoration: none;
  border: none; }

span.field-content h2 a, span.field-content h3 a, span.field-content h4 a, span.field-content h5 a, span.field-content h6 a {
  text-decoration: none;
  border: none; }

span.field-content h2 a:visited, span.field-content h3 a:visited, span.field-content h4 a:visited, span.field-content h5 a:visited, span.field-content h6 a:visited {
  color: #820000;
  text-decoration: none;
  border: none; }

span.field-content h2 a:hover, span.field-content h3 a:hover, span.field-content h4 a:hover, span.field-content h5 a:hover, span.field-content h6 a:hover,
span.field-content h2 a:active, span.field-content h3 a:active, span.field-content h4 a:active, span.field-content h5 a:active, span.field-content h6 a:active {
  color: #2e2d29;
  text-decoration: none;
  border: none; }

.content-body a {
  border-bottom: 1px dotted #827252;
  word-wrap: break-word; }

.content-body a:hover, .content-body a:active {
  border-bottom: 1px dotted #820000; }

.content-body h2 a, .content-body h3 a, .content-body h4 a, .content-body h5 a, .content-body h6 a {
  text-decoration: none;
  border: none; }

.content-body h2 a:visited, .content-body h3 a:visited, .content-body h4 a:visited, .content-body h5 a:visited, .content-body h6 a:visited {
  color: #820000;
  text-decoration: none;
  border: none; }

.content-body h2 a:hover, .content-body h3 a:hover, .content-body h4 a:hover, .content-body h5 a:hover, .content-body h6 a:hover,
.content-body h2 a:active, .content-body h3 a:active, .content-body h4 a:active, .content-body h5 a:active, .content-body h6 a:active {
  color: #2e2d29;
  text-decoration: none;
  border: none; }

.content-body .contextual-links-wrapper a {
  border: none; }

.content-body a.btn {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-style: solid; }

.sidebar a {
  border-bottom: 1px dotted #827252; }

.sidebar a:hover, .sidebar a:active {
  border-bottom: 1px dotted #820000; }

.sidebar h2 a, .sidebar h3 a, .sidebar h4 a, .sidebar h5 a, .sidebar h6 a {
  text-decoration: none;
  border: none; }

.sidebar h2 a:visited, .sidebar h3 a:visited, .sidebar h4 a:visited, .sidebar h5 a:visited, .sidebar h6 a:visited {
  color: #820000;
  text-decoration: none;
  border: none; }

.sidebar h2 a:hover, .sidebar h3 a:hover, .sidebar h4 a:hover, .sidebar h5 a:hover, .sidebar h6 a:hover,
.sidebar h2 a:active, .sidebar h3 a:active, .sidebar h4 a:active, .sidebar h5 a:active, .sidebar h6 a:active {
  color: #2e2d29;
  text-decoration: none;
  border: none; }

.sidebar .contextual-links-wrapper a {
  border: none; }

.sidebar a.btn {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-style: solid; }

#footer a:hover, #footer a:active {
  text-decoration: none;
  border: none; }

/* Heading --------------------------------- */
h1 {
  letter-spacing: 0; }

h2, h3, h4, h5, h6 {
  font-weight: normal; }

.content h2, .content h3, .content h4, .content h5, .content h6 {
  font-weight: normal; }

.content h2 {
  color: #820000;
  border-bottom: medium none;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 1.4em;
  text-transform: none; }

.content h3 {
  color: #3F3C30;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.01em;
  text-transform: none; }

.content h4 {
  color: #565347;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.01em;
  margin-bottom: 0.4em;
  margin-top: 1em;
  text-transform: none; }

.content h5 {
  color: #565347;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.01em;
  text-transform: none; }

.content h6 {
  color: #565347;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.01em;
  text-transform: none; }

#footer .content h2 {
  text-transform: uppercase; }

/* Unordered List --------------------------------- */
ul > li > ol > li {
  list-style-image: none;
  list-style-type: decimal; }

ul.linebreak > li {
  margin-bottom: 1em; }

ul.square > li {
  list-style-image: none;
  list-style: square; }

ul.square-linebreak > li {
  list-style-image: none;
  list-style: square;
  margin-bottom: 1em; }

ul.disc > li {
  list-style-image: none;
  list-style: disc; }

ul.disc-linebreak > li {
  list-style-image: none;
  list-style: disc;
  margin-bottom: 1em; }

ul.circle > li {
  list-style-image: none;
  list-style: circle; }

ul.circle-linebreak > li {
  list-style-image: none;
  list-style: circle;
  margin-bottom: 1em; }

ul.uncheck > li, ul > li.uncheck {
  list-style-image: url("../images/unchecked-box-bullet.gif"); }

ul.uncheck-linebreak > li {
  list-style-image: url("../images/unchecked-box-bullet.gif");
  margin-bottom: 1em; }

ul.check > li, ul > li.check {
  list-style-image: url("../images/checked-box-bullet.gif"); }

ul.check-linebreak > li {
  list-style-image: url("../images/checked-box-bullet.gif");
  margin-bottom: 1em; }

ul.none li {
  list-style-image: none;
  list-style: none; }

ul.none-linebreak > li {
  list-style-image: none;
  list-style: none;
  margin-bottom: 1em; }

/* Ordered List --------------------------------- */
ol > li {
  list-style-image: none;
  list-style-type: decimal; }

ol > li > ul > li {
  list-style-image: url("../images/bullet.gif");
  list-style-type: square; }

ol.linebreak > li {
  list-style: decimal;
  margin-bottom: 1em; }

ol.decimal > li {
  list-style: decimal; }

ol.decimal-linebreak > li {
  list-style: decimal;
  margin-bottom: 1em; }

ol.lroman > li {
  list-style: lower-roman; }

ol.lroman-linebreak > li {
  list-style: lower-roman;
  margin-bottom: 1em; }

ol.uroman > li {
  list-style: upper-roman; }

ol.uroman-linebreak > li {
  list-style: upper-roman;
  margin-bottom: 1em; }

ol.lalpha > li {
  list-style: lower-alpha; }

ol.lalpha-linebreak > li {
  list-style: lower-alpha;
  margin-bottom: 1em; }

ol.ualpha > li {
  list-style: upper-alpha; }

ol.ualpha-linebreak > li {
  list-style: upper-alpha;
  margin-bottom: 1em; }

/* Definition Lists --------------------------------- */
dl dt {
  margin-top: 0px;
  margin-bottom: 0px; }

dl dd {
  margin-top: 0px;
  margin-bottom: 0.25em; }

dl.linebreak > dd {
  margin-bottom: 1em; }

dl.nobreak dd {
  margin-top: 0px;
  margin-bottom: 0px; }

/* Images --------------------------------- */
.right-noborder {
  float: right;
  margin: 0px 0px 15px 15px; }

.right-border {
  float: right;
  margin: 0px 0px 15px 15px;
  border: 1px solid #bbb; }

.left-noborder {
  float: left;
  margin: 0px 15px 15px 0px; }

.left-border {
  float: left;
  margin: 0px 15px 15px 0px;
  border: 1px solid #bbb; }

/* Horizontal Rule --------------------------------- */
hr {
  background: #eae9e6;
  color: #eae9e6;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0; }

hr.brown {
  background: #D0A760;
  color: #D0A760;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0; }

hr.gold {
  background: #E7D19A;
  color: #E7D19A;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0; }

hr.red {
  background: #820000;
  color: #820000;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0; }

/* Box --------------------------------- */
.color-box {
  border: 1px solid #eee3c1;
  padding: 10px;
  width: auto;
  margin: 0px 0px 15px 0px;
  background: #f6f3e5; }

.center-box {
  border: 1px solid #eee3c1;
  padding: 5px;
  width: 80%;
  margin: 0px auto 15px auto;
  background: #fff; }

.left-box {
  border: 1px solid #eee3c1;
  padding: 10px;
  width: 200px;
  float: left;
  margin: 0px 15px 15px 0px;
  background: #fff; }

.right-box {
  border: 1px solid #eee3c1;
  padding: 10px;
  width: 200px;
  float: right;
  margin: 0px 0px 15px 15px;
  background: #fff; }

.alert-box {
  margin: 0;
  padding: 10px;
  border: 1px solid #820000;
  color: #820000;
  background: #f6f3e5; }

.alert-box h2 {
  font-size: 1.4em;
  text-align: center;
  margin: 0 0 0.5em 0;
  font-weight: bold; }

.download-box {
  background: none repeat scroll 0 0 #F7F6EC;
  border: 1px solid #E7D19A;
  clear: both;
  margin: 0 25px 15px;
  padding: 10px;
  text-align: center;
  width: auto; }

.download-box ul {
  margin: 0; }

.download-box ul li {
  display: inline;
  margin: 25px; }

.bluebox {
  background: none repeat scroll 0 0 #E4E7F2;
  float: right;
  margin: 0 0 0 15px;
  width: 150px; }

.bluebox h3 {
  margin: 0;
  padding: 10px 10px 5px; }

.bluebox h4 {
  color: #820000;
  margin: 0;
  padding: 10px 10px 5px; }

.bluebox p {
  margin: 0;
  padding: 0 10px; }

.box.learn-more {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background: #fbfbf9;
  font-size: 16px;
  font-weight: 300;
  margin: 25px 0; }

.box.learn-more h2 {
  letter-spacing: -0.4px; }

.box.learn-more i {
  color: #8c1515; }

.box.learn-more p:last-child {
  margin-bottom: 0; }

/* List --------------------------------- */
.postnav {
  margin: 10px 0 0 15px; }

.postnav ul {
  margin: 0;
  padding: 0; }

.postnav li {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #666666;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 16px;
  list-style-type: none;
  margin: 0 8px 0 0;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 2em; }

/* Text --------------------------------- */
.box h1, .box h2, .box h3, .box h4, .box h5 {
  margin-top: 0px; }

.color-box h1, .color-box h2, .color-box h3, .color-box h4, .color-box h5 {
  margin-top: 0px; }

.center-box h1, .center-box h2, .center-box h3, .center-box h4, .center-box h5 {
  margin-top: 0px; }

.left-box h1, .left-box h2, .left-box h3, .left-box h4, .left-box h5 {
  margin-top: 0px; }

.right-box h1, .right-box h2, .right-box h3, .right-box h4, .right-box h5 {
  margin-top: 0px; }

/* Form --------------------------------- */
strong label {
  font-weight: bold; }

input.form-submit {
  height: auto;
  padding: 4px 12px; }

input[type="radio"], input[type="checkbox"] {
  margin-top: -4px; }

/* Font Settings --------------------------------- */
.largest {
  font-size: 24px; }

.larger {
  font-size: 20px; }

.large {
  font-size: 18px; }

.medium {
  font-size: 16px; }

.small {
  font-size: 14px; }

.smaller {
  font-size: 12px; }

.smallest {
  font-size: 11px; }

.important {
  color: #820000;
  font-weight: bold; }

.highlight {
  background: #ffc;
  padding: 0px 2px 0px 2px; }

.select {
  color: #820000; }

.downloadable {
  font-size: 0.85em;
  font-weight: bold;
  text-transform: capitalize; }

/* On this page */
#onthispage {
  padding: 10px;
  margin: 0 0 15px 0;
  background: #F2F1EB;
  border-radius: 5px;
  overflow: hidden; }

#onthispage h1, #onthispage h2, #onthispage h3, #onthispage h4 {
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  color: #565245; }

#onthispage ul {
  list-style: none;
  padding: 0px;
  margin: 3px 0px 0px 0px; }

#onthispage li {
  list-style: none;
  display: inline;
  padding: 0px;
  margin: 0px;
  background: transparent; }

#onthispage li:before {
  font-weight: normal;
  content: " | "; }

#onthispage li:first-child:before {
  font-weight: normal;
  content: ""; }

#onthispage a {
  font-weight: normal; }

/* Action Button */
a.btn.btn-action {
  color: #333; }

table .btn-action {
  display: block; }

.well .btn-action {
  margin-top: 15px; }

p a.btn:hover {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-style: solid; }

/* Screen Reader Text */
.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px; }

a .screen-reader-text {
  color: #827252; }

a:hover .screen-reader-text, a:active .screen-reader-text {
  color: #820000; }

/* Footable */
.footable .icon-ok,
.footable .fa-ok {
  padding: 2px 30px; }

.footable a:hover .icon-ok,
.footable a:active .icon-ok,
.footable a:hover .fa-ok,
.footable a:active .fa-ok {
  color: #820000; }

.footable-cell-detail .screen-reader-text {
  position: static;
  top: 0px;
  left: 0px; }

.footable-cell-detail .icon-ok,
.footable-cell-detail .fa-ok {
  padding: 0px; }

.footable-cell-detail .footable-cell-detail-label {
  display: inline-block;
  width: 45%;
  margin-right: 5%; }

.footable-cell-detail .footable-cell-detail-value {
  display: inline-block;
  width: 50%; }

.footable-cell-detail .footable-cell-detail-row {
  border-top: 1px solid #ccc; }

.footable-cell-detail .footable-cell-detail-row:first-child {
  border-top: none; }

/* Block and Sidebar heading style */
.content .sidebar h2 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px;
  text-transform: uppercase; }

.content .sidebar h3 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px; }

.content h2.block-heading {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 0;
  text-transform: uppercase; }

.content h2.block-heading i {
  margin-left: 2px; }

/* Last modified Date */
#block-views-updated-date-block {
  margin-top: 15px;
  color: #5F574F;
  font-size: 14px;
  letter-spacing: 0.05em; }

/* Security Resources and Email Communications*/
.block.well i.icon-lock,
.block.well i.fa-lock {
  display: block;
  float: left;
  font-size: 40px;
  color: #8c1515;
  margin: -10px 15px 0 0; }

.block.well i.icon-envelope,
.block.well i.fa-envelope {
  display: block;
  float: left;
  font-size: 30px;
  color: #8c1515;
  margin: 5px 15px 0 0; }

.block.well .content h2 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-top: 10px; }

.block.well .content ul {
  clear: both;
  margin: 20px 0 0 0; }

.block.well .content ul li {
  margin: 0 0 0.5em 15px; }

/* Block Well */
.block .well h2 {
  margin-top: 10px;
  font-size: 18px; }

.block .well .view-header h2 {
  text-transform: uppercase;
  line-height: 1.2em; }

.block .well h3 .date-display-single {
  display: block;
  margin: 20px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #bbb;
  font-weight: bold; }

.block .well p {
  margin-bottom: 1.2em; }

.block .well .view-content ul {
  margin: 20px 0 0 0;
  padding: 0px;
  list-style-type: none;
  list-style-image: none; }

.block .well .view-content ul li {
  margin: 0 0 0.5em 0;
  padding: 0px;
  list-style-type: none;
  list-style-image: none; }

.block .well .view-content ul li a.active {
  color: #8c1515;
  border-bottom: none;
  font-weight: bold; }

.block .well .view-footer {
  margin-top: 20px;
  clear: both;
  text-align: right;
  white-space: nowrap; }

.block .well .view-footer a {
  background: none repeat scroll 0 0 rgba(146, 139, 129, 0.75);
  color: #fff;
  margin: 0;
  padding: 5px 10px;
  border-radius: 4px;
  border: none; }

.block .well .view-footer a:hover,
.block .well .view-footer a:active {
  background: #222; }

/* Sidebar Block Well: Email Communications */
#sidebar-second .block .well i.icon-envelope,
#sidebar-second .block .well i.fa-envelope {
  display: block;
  float: left;
  font-size: 30px;
  color: #8c1515;
  margin: -7px 15px 0 0; }

/* Sidebar Block Well: Announcements */
#block-views-announcements-block {
  margin-bottom: 0; }

#sidebar-second .block .well i.icon-bullhorn,
#sidebar-second .block .well i.fa-bullhorn {
  display: block;
  float: left;
  font-size: 30px;
  color: #8c1515;
  margin: -5px 15px 0 0; }

#sidebar-second .block .well .announcement-date {
  display: block;
  float: left;
  width: 15%; }

#sidebar-second .block .well .announcement-title {
  display: block;
  margin: 0 0 0.5em 16%; }

/* WebLogin button on user page */
#user-login .button {
  background: #9c0000;
  border: none;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin: 10px 0;
  outline: medium none;
  padding: 10px 20px; }

#user-login .button:hover, #user-login .button:active {
  background: #c00;
  color: #fff; }

/* Bootstrap Carousel */
.carousel-control {
  opacity: 0.25; }

.carousel-caption {
  padding: 10px 20px;
  background: none repeat scroll 0 0 rgba(242, 241, 235, 0.85);
  color: #585754; }

.carousel-caption h2 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

.carousel-caption h3 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  margin-right: 120px; }

.carousel-caption h4, .carousel-caption p {
  color: #585754; }

.carousel-caption a.pull-right {
  position: absolute;
  bottom: 0;
  right: 0;
  background: none repeat scroll 0 0 rgba(146, 139, 129, 0.75);
  color: #fff;
  margin: 5px 15px 15px 0;
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1.4em;
  white-space: nowrap; }

.carousel-caption a.pull-right:hover,
.carousel-caption a.pull-right:active {
  background: #222; }

/* Guide Page */
ul.legend {
  margin: 0;
  padding: 5px;
  font-size: 14px; }

ul.legend li {
  display: inline;
  list-style: none;
  padding-right: 25px; }

.node-type-guide .sidebar .postcard-left i {
  color: #DAD7CB;
  margin: 0 20px; }

.node-type-guide .sidebar .postcard-left h2 {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #5F574F; }

.node-type-guide .sidebar .postcard-left ul {
  margin: 0 0 25px 0; }

.node-type-guide .sidebar .postcard-left:last-child ul {
  margin: 0; }

.node-type-guide .sidebar .postcard-left ul li {
  list-style-image: none;
  list-style-type: none; }

@media (max-width: 980px) {
  .node-type-guide .sidebar {
    margin-top: 20px;
    padding-top: 20px; } }

@media (max-width: 640px) {
  .node-type-guide .sidebar .postcard-left > div,
  .node-type-guide .sidebar .postcard-right > div {
    display: table-cell; } }

/* Topic Page */
.box {
  background: #F2F1EB;
  border-bottom: 1px solid #d5d2c5;
  padding: 20px 20px 10px 20px;
  margin-bottom: 15px; }

.image-topic {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 4px; }

/* Order and Request Button */
.btn-order, .btn-request {
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #009B76;
  *background-color: #009B76;
  background-image: -moz-linear-gradient(top, #009B76, #006843);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009B76), to(#006843));
  background-image: -webkit-linear-gradient(top, #009B76, #006843);
  background-image: -o-linear-gradient(top, #009B76, #006843);
  background-image: linear-gradient(to bottom, #009B76, #006843);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009B76', endColorstr='#006843', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.btn-order:hover, .btn-request:hover, .btn-order:focus, .btn-request:focus, .btn-order:active, .btn-request:active, .btn-order.active, .btn-request.active, .btn-order.disabled, .btn-request.disabled, .btn-order[disabled], .btn-request[disabled] {
  color: #ffffff;
  background-color: #006843;
  *background-color: #006843; }

.btn-order:active, .btn-request:active, .btn-order.active, .btn-request.active {
  background-color: #006843 \9; }

.btn-order i, .btn-request i {
  padding-right: 5px; }

a.btn-order, a.btn-request {
  color: #fff !important; }

/* Launch Button */
.btn-launch {
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #389ebc;
  *background-color: #1e85a3;
  background-image: -moz-linear-gradient(top, #4ab0cd, #1e85a3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4ab0cd), to(#1e85a3));
  background-image: -webkit-linear-gradient(top, #4ab0cd, #1e85a3);
  background-image: -o-linear-gradient(top, #4ab0cd, #1e85a3);
  background-image: linear-gradient(to bottom, #4ab0cd, #1e85a3);
  background-repeat: repeat-x;
  border-color: #1e85a3 #1e85a3 #0e5266;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ab0cd', endColorstr='#1e85a3', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.btn-launch:hover, .btn-launch:focus, .btn-launch:active, .btn-launch.active, .btn-launch.disabled, .btn-launch[disabled] {
  color: #ffffff;
  background-color: #1e85a3;
  *background-color: #197490; }

.btn-launch:active, .btn-launch.active {
  background-color: #13637b \9; }

.btn-launch i {
  padding-right: 5px; }

a.btn-launch {
  color: #fff !important; }

/* Download Button */
.btn-download {
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e99621;
  *background-color: #e78305;
  background-image: -moz-linear-gradient(top, #eaa340, #e78305);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaa340), to(#e78305));
  background-image: -webkit-linear-gradient(top, #eaa340, #e78305);
  background-image: -o-linear-gradient(top, #eaa340, #e78305);
  background-image: linear-gradient(to bottom, #eaa340, #e78305);
  background-repeat: repeat-x;
  border-color: #e78305 #e78305 #9c5603;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaa340', endColorstr='#e78305', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active, .btn-download.disabled, .btn-download[disabled] {
  color: #ffffff;
  background-color: #e78305;
  *background-color: #ce7404; }

.btn-download:active, .btn-download.active {
  background-color: #b56504 \9; }

.btn-download i {
  padding-right: 5px; }

a.btn-download {
  color: #fff !important; }

/* Learn more Button */
.btn-learn.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-learn {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.btn-learn:hover, .btn-learn:focus, .btn-learn:active, .btn-learn.active, .btn-learn.disabled, .btn-learn[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3; }

.btn-learn:active, .btn-learn.active {
  background-color: #003399 \9; }

.btn-learn i {
  padding-right: 5px; }

a.btn-learn {
  color: #fff !important; }

/* Nav Pills */
#main ul.nav.nav-pills > li > a {
  color: #8C1515;
  padding: 8px;
  border: none; }

#main ul.nav.nav-pills > li > a:hover,
#main ul.nav.nav-pills > li > a:focus {
  background-color: #f2f1eb;
  color: #000;
  border: none; }

#main ul.nav.nav-pills > li.active > a,
#main ul.nav.nav-pills > li.active > a:hover,
#main ul.nav.nav-pills > li.active > a:focus {
  background-color: #f2f1eb;
  border: none; }

/* Revision Module */
.revisions-active {
  margin-left: -19px;
  padding-left: 19px; }

#edit-actions {
  margin-top: 15px; }

#edit-actions #edit-cancel {
  margin-left: 20px; }

/* Email Communication Node */
.node-email .content .field-name-field-date {
  margin: 0; }

.node-email .content .field-name-field-date h2 {
  width: 70px;
  font-size: 14px;
  line-height: 1.4em;
  color: #000000; }

.node-email .content .field-name-field-date h2:after {
  content: ":"; }

.node-email .content .field-name-field-email-to {
  margin: 0; }

.node-email .content .field-name-field-email-to h2 {
  width: 70px;
  font-size: 14px;
  line-height: 1.4em;
  color: #000000; }

.node-email .content .field-name-field-email-to h2:after {
  content: ":"; }

.node-email .content .field-name-field-email-from {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd; }

.node-email .content .field-name-field-email-from h2 {
  width: 70px;
  font-size: 14px;
  line-height: 1.4em;
  color: #000000; }

.node-email .content .field-name-field-email-from h2:after {
  content: ":"; }

/* Phishing Email Example View */
.page-phishing article .field-name-field-date {
  margin-bottom: 20px; }

.page-phishing article .date-display-single {
  color: #4D4F53;
  text-transform: uppercase; }

.page-phishing article {
  margin-bottom: 2em; }

.page-phishing article .field-name-field-phishing-example-text {
  border: 2px solid #ddd;
  padding: 15px; }

/* Phishing Email Example Node */
.node-phishing-example .date-display-single {
  color: #4D4F53;
  text-transform: uppercase; }

.node-phishing-example .field-name-field-phishing-screenshot img {
  border: 1px solid #D5D2C5; }

.node-phishing-example .field-name-field-phishing-example-text {
  border: 2px solid #ddd;
  padding: 15px; }

/* Email Configuration - https://itservices.stanford.edu/service/emailcalendar/email/config */
#emailconfig input[type="radio"],
#emailconfig input[type="checkbox"] {
  margin-left: 10px; }

#emailconfig select {
  margin-left: 10px;
  width: auto; }

/* Laptop and Desktop Recommendations - https://itservices.stanford.edu/service/help/hardwarerec/computers */
.page-node-3103 input[name="os"][type="radio"] {
  margin-left: 10px; }

.page-node-3103 input[name="ffactor"][type="radio"] {
  margin-left: 10px; }

.page-node-3103 input[name="cfg"][type="radio"] {
  margin-left: 10px; }

/* Printer Recommendations - https://itservices.stanford.edu/service/help/hardwarerec/printers */
.page-node-3360 input[name="ptype"][type="radio"] {
  margin-left: 10px; }

.page-node-3360 input[name="category"][type="radio"] {
  margin-left: 10px; }

/* Sortable tables */
table#tablesort thead tr .header {
  background-image: url("../images/tablesorter/bg.gif");
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer; }

table#tablesort tbody tr.odd td {
  background-color: #f6f3e5; }

table#tablesort thead tr .headerSortUp {
  background-image: url("../images/tablesorter/asc.gif"); }

table#tablesort thead tr .headerSortDown {
  background-image: url("../images/tablesorter/desc.gif"); }

/* CK Editor */
.cke_panel_list h2 {
  border-bottom: medium none;
  font-size: 22px;
  font-weight: normal;
  text-transform: none;
  line-height: 1.2em; }

.cke_editable h2 {
  border-bottom: medium none;
  font-size: 22px;
  font-weight: normal;
  margin-top: 1.4em;
  text-transform: none;
  line-height: 1.2em; }

.cke_panel_list h3 {
  color: #3f3c30;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.01em;
  text-transform: none; }

.cke_editable h3 {
  color: #3f3c30;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.01em;
  text-transform: none; }

.cke_editable h4 {
  color: #565347;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.01em;
  margin-bottom: 0.4em;
  margin-top: 1em; }

.cke_editable h5 {
  color: #565347;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.02em; }

.cke_editable h6 {
  color: #565347;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.04em; }

/* External Link */
a.external {
  background-image: url("../images/medialinks/external_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a.external:focus, a.external:hover {
  background-image: url("../images/medialinks/external.gif"); }

/* PDF */
a[href$='.pdf'] {
  background-image: url("../images/medialinks/pdf_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a[href$='.pdf']:focus, a[href$='.pdf']:hover {
  background-image: url("../images/medialinks/pdf.gif"); }

a[href$='.pdf'].btn {
  background-image: none;
  padding-right: inherit; }

/* Word Document */
a[href$='.doc'] {
  background-image: url("../images/medialinks/word_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a[href$='.doc']:focus, a[href$='.doc']:hover {
  background-image: url("../images/medialinks/word.gif"); }

a[href$='.docx'] {
  background-image: url("../images/medialinks/word_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a[href$='.docx']:focus, a[href$='.docx']:hover {
  background-image: url("../images/medialinks/word.gif"); }

a[href$='.doc'].btn, a[href$='.docx'].btn {
  background-image: none;
  padding-right: inherit; }

/* Excel Spreadsheet */
a[href$='.xls'] {
  background-image: url("../images/medialinks/excel_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a[href$='.xls']:focus, a[href$='.xls']:hover {
  background-image: url("../images/medialinks/excel.gif"); }

a[href$='.xls'].btn {
  background-image: none;
  padding-right: inherit; }

/* Powerpoint Presentation */
a[href$='.ppt'] {
  background-image: url("../images/medialinks/ppt_gray.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 18px; }

a[href$='.ppt']:focus, a[href$='.ppt']:hover {
  background-image: url("../images/medialinks/ppt.gif"); }

a[href$='.ppt'].btn {
  background-image: none;
  padding-right: inherit; }

/* Web Page Specific */
/* SUNet Reports (restricted) - https://itservices.stanford.edu/service/network/sunet_reports */
.page-node-2290 .content-body table td {
  border: none;
  padding: 0.5em 15px 0.5em 0;
  white-space: normal; }

.page-node-2290 .content-body h1 {
  display: none; }

.page-node-2290 .content-body hr {
  display: none; }

/* Stanford Web Services Service Page (SWS Blog) */
.block .view-sws-blog-posts h2 {
  margin-left: 0; }

/* Learn more button block */
#block-block-19 {
  margin-bottom: 10px; }

/* Feed Icon */
a.feed-icon {
  line-height: 16px; }

/* Pager */
ul.pager li a:hover, ul.pager li a:focus, ul.pager li.pager-current {
  border: none; }

@media (min-width: 1200px) {
  /* Front Page Service Grid */
  .front #block-views-service-catalog-block-1 .span3 img {
    width: 80px; }
  .front #block-views-service-catalog-block-1 .span3:nth-child(4n+1) {
    clear: both;
    margin-left: 0px; }
  /* Service Catalog (/services) */
  .view-service-catalog .span6 i {
    width: 75px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: 40px; }
  /* Service Catalog A-Z Sidebar */
  #block-views-services-block-1 .view-content {
    height: 960px;
    overflow: auto;
    margin-bottom: 15px; }
  /* Media Object */
  object {
    max-height: 620px !important; } }

@media (min-width: 980px) and (max-width: 1199px) {
  /* Front Page Service Grid */
  .front #block-views-service-catalog-block-1 .span3 {
    width: 31%; }
  .front #block-views-service-catalog-block-1 .span3 img {
    width: 70px; }
  .front #block-views-service-catalog-block-1 .span3:nth-child(3n+1) {
    clear: both;
    margin-left: 0px; }
  /* Service Catalog (/services) */
  .view-service-catalog .span6 i {
    width: 60px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: 32px; }
  /* Service Catalog A-Z Sidebar */
  #block-views-services-block-1 .view-content {
    height: 1160px;
    overflow: auto;
    margin-bottom: 15px; }
  /* Service Category Page */
  .view-catalog-category .views-field-field-icon i {
    font-size: 64px; }
  /* Media Object */
  object {
    max-height: 500px !important; } }

@media (min-width: 768px) {
  /* IT Stories */
  .page-stories .view-it-story-carousel .views-field-field-itstory-image img {
    width: 250px; } }

@media (min-width: 768px) and (max-width: 979px) {
  /* Service Catalog (/services) */
  .view-service-catalog .span6 {
    width: 100%;
    margin-left: 0px;
    height: auto !important; }
  .view-service-catalog .span6 i {
    width: 60px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: 32px; }
  /* Service Catalog A-Z Sidebar */
  #block-views-services-block-1 .view-content {
    height: 1480px;
    overflow: auto;
    margin-bottom: 15px; }
  /* Service Category Page */
  .view-catalog-category .views-field-field-icon i {
    font-size: 48px; }
  /* Media Object */
  object {
    max-height: 380px !important; } }

@media (min-width: 481px) and (max-width: 767px) {
  .sidebar-first .block.span12.clear-row,
  .sidebar-second .block.span12.clear-row {
    width: 100%;
    margin-right: 0; }
  /* Service Catalog (/services) */
  .view-service-catalog .span6 img {
    width: 50px;
    margin-top: 5px; }
  /* Service Category Page */
  .view-catalog-category .views-field-field-category-image img {
    max-width: 120px; }
  /* Media Object */
  object {
    max-height: 500px !important; } }

@media (max-width: 979px) {
  /* Site Title */
  #site-name {
    font-size: 30px; }
  /* Service Catalog (/services) */
  .view-service-catalog .span6 img {
    width: 50px;
    margin-top: 10px; }
  /* Service Category Page */
  .view-catalog-category .views-field-field-category-image img {
    max-width: 100px; }
  /* Topic Page */
  img.image-topic {
    width: 45px;
    height: 45px; } }

@media (max-width: 767px) {
  .box {
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px; }
  .not-front #main-menu {
    margin-bottom: 0px; }
  /* IT Stories */
  .page-stories .view-it-story-carousel .views-field-field-itstory-image img {
    width: 160px; }
  /* Service Catalog (/services) */
  .view-service-catalog .span6 i {
    width: 50px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: 24px; }
  /* Service Catalog A-Z List (/services) */
  #block-views-services-block-1 {
    margin-top: 0px; }
  /* Service Category Right Sidebar Links */
  #block-views-catalog-categories-block {
    margin-top: 0px; }
  /* Service Category Page */
  .view-catalog-category .views-field-field-icon i {
    font-size: 36px; } }

@media (max-width: 640px) {
  /* Service Category Page */
  .view-catalog-category .views-field-field-category-image img {
    max-width: 80px; }
  .postcard-left > div, .postcard-right > div {
    display: block; } }

@media (max-width: 480px) {
  /* Topic Page */
  img.image-topic {
    display: none; }
  /* Media Object */
  object {
    max-height: 300px !important; }
  /* IT Stories */
  .page-stories .view-it-story-carousel .views-field-field-itstory-image img {
    width: 100%; }
  .page-stories .view-it-story-carousel .views-field-field-itstory-image .field-content {
    float: none; }
  /* Blocks */
  .block[class*="span"].pull-right, .row-fluid .block[class*="span"].pull-right {
    float: none; } }

/*doc
---
title: Color
name: color
category: Basics
---

The following colors can be applied to [card][card], [poster][poster], and [banner][banner] elements.

<div class="row-fluid">
  <div class="span2">
    <div style="background: #c0392b; height: 50px;"></div>
    <p><strong>Red Text</strong><br>#c0392b<br>rgb(192, 57, 43)</p>
  </div>
  <div class="span2">
    <div style="background: #9b5111; height: 50px;"></div>
    <p><strong>Orange Text</strong><br>#9b5111<br>rgb(155, 81, 17)</p>
  </div>
  <div class="span2">
    <div style="background: #0f6b58; height: 50px;"></div>
    <p><strong>Green Text</strong><br>#0f6b58<br>rgb(15, 107, 88)</p>
  </div>
  <div class="span2">
    <div style="background: #1b6597; height: 50px;"></div>
    <p><strong>Blue Text</strong><br>#1b6597<br>rgb(27, 101, 151)</p>
  </div>
  <div class="span2">
    <div style="background: #8e44ad; height: 50px;"></div>
    <p><strong>Purple Text</strong><br>#7a3a96<br>rgb(122, 58, 150)</p>
  </div>
  <div class="span2">
    <div style="background: #3f3f3f; height: 50px;"></div>
    <p><strong>Gray Text</strong><br>#3f3f3f<br>rgb(63, 63, 63)</p>
  </div>
</div>

<div class="row-fluid">
  <div class="span2">
    <div style="background: #e74c3c; height: 50px;"></div>
    <p><strong>Red Accent</strong><br>#e74c3c<br>rgb(231, 76, 60)</p>
  </div>
  <div class="span2">
    <div style="background: #e98300; height: 50px;"></div>
    <p><strong>Orange Accent</strong><br>#e98300<br>rgb(233, 131, 0)</p>
  </div>
  <div class="span2">
    <div style="background: #009b76; height: 50px;"></div>
    <p><strong>Green Accent</strong><br>#009b76<br>rgb(0, 155, 118)</p>
  </div>
  <div class="span2">
    <div style="background: #0098db; height: 50px;"></div>
    <p><strong>Blue Accent</strong><br>#0098db<br>rgb(0, 152, 219)</p>
  </div>
  <div class="span2">
    <div style="background: #a96fc0; height: 50px;"></div>
    <p><strong>Purple Accent</strong><br>#a96fc0<br>rgb(169, 111, 192)</p>
  </div>
  <div class="span2">
    <div style="background: #b3b3b3; height: 50px;"></div>
    <p><strong>Gray Accent</strong><br>#b3b3b3<br>rgb(179, 179, 179)</p>
  </div>
</div>

<div class="row-fluid">
  <div class="span2">
    <div style="background: #ee8073; height: 50px;"></div>
    <p><strong>Red Highlight</strong><br>#ee8073<br>rgb(238, 128, 115)</p>
  </div>
  <div class="span2">
    <div style="background: #ffa32a; height: 50px;"></div>
    <p><strong>Orange Highlight</strong><br>#ffa32a<br>rgb(255, 163, 42)</p>
  </div>
  <div class="span2">
    <div style="background: #00d7a5; height: 50px;"></div>
    <p><strong>Green Highlight</strong><br>#00d7a5<br>rgb(0, 215, 165)</p>
  </div>
  <div class="span2">
    <div style="background: #1bbbff; height: 50px;"></div>
    <p><strong>Blue Highlight</strong><br>#1bbbff<br>rgb(27, 187, 255)</p>
  </div>
  <div class="span2">
    <div style="background: #c299d2; height: 50px;"></div>
    <p><strong>Purple Highlight</strong><br>#c299d2<br>rgb(194, 153, 210)</p>
  </div>
  <div class="span2">
    <div style="background: #d2d2d2; height: 50px;"></div>
    <p><strong>Gray Highlight</strong><br>#d2d2d2<br>rgb(210, 210, 2100)</p>
  </div>
</div>

*/
/* Full Width Content */
@media (min-width: 1440px) {
  .fullwidth .block.span12 .content,
  .fullwidth section .content {
    width: 1400px;
    margin: 0 auto 30px auto; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .fullwidth .block.span12 .content,
  .fullwidth section .content {
    width: 1170px;
    margin: 0 auto 30px auto; } }

@media (min-width: 980px) and (max-width: 1199px) {
  .fullwidth .block.span12 .content,
  .fullwidth section .content {
    width: 940px;
    margin: 0 auto 20px auto; } }

@media (min-width: 768px) and (max-width: 979px) {
  .fullwidth .block.span12 .content,
  .fullwidth section .content {
    width: 724px;
    margin: 0 auto 15px auto; } }

/*  Half Width Content */
@media (min-width: 768px) {
  .fullwidth .block.span6 {
    margin: 0;
    width: 50%; } }

@media (min-width: 1440px) {
  .fullwidth .block.span6 {
    padding-top: 40px; }
  .fullwidth .block.span6 .content {
    width: 680px; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .fullwidth .block.span6 {
    padding-top: 30px; }
  .fullwidth .block.span6 .content {
    width: 570px; } }

@media (min-width: 980px) and (max-width: 1199px) {
  .fullwidth .block.span6 {
    padding-top: 20px; }
  .fullwidth .block.span6 .content {
    width: 460px; } }

@media (min-width: 768px) and (max-width: 979px) {
  .fullwidth .block.span6 {
    padding-top: 15px; }
  .fullwidth .block.span6 .content {
    width: 352px; } }

/* Wide Block */
.block.wide {
  background: #fff; }

.fullwidth .block.span12.wide .content {
  width: 100%;
  margin: 0; }

/* Full Bleed */
@media (min-width: 768px) {
  .fullbleed {
    min-height: 720px;
    position: relative;
    height: 100vh;
    color: #fff; }
  .fullbleed .content {
    position: absolute;
    color: #fff;
    left: 50%;
    bottom: 15vh;
    margin: 0; }
  .fullbleed .banner-image {
    display: none; }
  .fullbleed .banner-link {
    width: 100%;
    height: 100vh; }
  .fullbleed .next-arrow {
    position: absolute;
    bottom: -10vh;
    left: calc(50% - 2vh);
    font-size: 4vh;
    text-shadow: 2px 2px 8px #3f3c30; } }

@media (min-width: 1440px) {
  .fullbleed .content {
    width: 1400px;
    margin-left: -700px; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .fullbleed .content {
    width: 1170px;
    margin-left: -585px; } }

@media (min-width: 980px) and (max-width: 1199px) {
  .fullbleed .content {
    width: 940px;
    margin-left: -470px; } }

@media (min-width: 768px) and (max-width: 979px) {
  .fullbleed .content {
    width: 724px;
    margin-left: -362px; } }

@media (max-width: 767px) {
  .fullbleed .next-arrow {
    display: none; } }

body.front,
body.node-type-home-page-banner {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Spotlight Banner */
  /* Card Block */
  /* Card Without Image */
  /* Card with Video */
  /* Tips and Tricks Section */
  /* Event Spotlight Card */
  /* News */
  /* Blog Section */
  /* Events Section */
  /* Events */
  /* Featured Event */
  /* Guides */
  /* Full Width Content */
  /*  Half Width Content */
  /* Responsive */ }
  body.front .views-row,
  body.node-type-home-page-banner .views-row {
    margin: 0; }
  body.front #main,
  body.node-type-home-page-banner #main {
    display: none;
    background: #E9E6DF;
    margin: 0;
    padding: 0; }
  body.front #content,
  body.node-type-home-page-banner #content {
    margin: 0;
    min-height: 0; }
  body.front .more-button,
  body.node-type-home-page-banner .more-button {
    font-size: 24px; }
  body.front .banner.banner-box,
  body.node-type-home-page-banner .banner.banner-box {
    margin: 0; }
    body.front .banner.banner-box .banner-image img,
    body.node-type-home-page-banner .banner.banner-box .banner-image img {
      width: 100%;
      border-radius: 0; }
    body.front .banner.banner-box .container,
    body.node-type-home-page-banner .banner.banner-box .container {
      margin: 0 auto;
      position: relative; }
    body.front .banner.banner-box .banner-content h1,
    body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
      line-height: 1.2em;
      margin: 0 0 0.5em 0;
      color: #fff; }
    body.front .banner.banner-box .banner-content p,
    body.node-type-home-page-banner .banner.banner-box .banner-content p {
      line-height: 1.1em;
      margin: 0 0 0.5em 0;
      color: #fff; }
    body.front .banner.banner-box .banner-link a,
    body.node-type-home-page-banner .banner.banner-box .banner-link a {
      border: none; }
    @media (min-width: 1440px) {
      body.front .banner.banner-box .container,
      body.node-type-home-page-banner .banner.banner-box .container {
        width: 1400px; }
      body.front .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
        font-size: 48px; }
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-size: 32px; } }
    @media (min-width: 1200px) and (max-width: 1439px) {
      body.front .banner.banner-box .container,
      body.node-type-home-page-banner .banner.banner-box .container {
        width: 1170px; }
      body.front .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
        font-size: 45px; }
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-size: 30px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      body.front .banner.banner-box .container,
      body.node-type-home-page-banner .banner.banner-box .container {
        width: 940px; }
      body.front .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
        font-size: 42px; }
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-size: 28px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      body.front .banner.banner-box .container,
      body.node-type-home-page-banner .banner.banner-box .container {
        width: 724px; }
      body.front .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
        font-size: 36px; }
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-size: 24px; } }
    @media (min-width: 768px) {
      body.front .banner.banner-box .banner-image,
      body.node-type-home-page-banner .banner.banner-box .banner-image {
        float: left;
        width: 100%; }
        body.front .banner.banner-box .banner-image.service_alert,
        body.node-type-home-page-banner .banner.banner-box .banner-image.service_alert {
          display: block; }
        body.front .banner.banner-box .banner-image.service_alert img,
        body.node-type-home-page-banner .banner.banner-box .banner-image.service_alert img {
          /* Set rules to fill background */
          min-height: 100%;
          min-width: 1024px;
          /* Set up proportionate scaling */
          width: 100%;
          height: auto;
          /* Set up positioning */
          position: fixed;
          z-index: -1;
          top: 0;
          left: 0; }
      body.front .banner.banner-box .banner-content,
      body.node-type-home-page-banner .banner.banner-box .banner-content {
        padding: 26px;
        background: rgba(15, 107, 88, 0.8);
        border-radius: 0; } }
    @media (max-width: 767px) {
      body.front .banner.banner-box .banner-content,
      body.node-type-home-page-banner .banner.banner-box .banner-content {
        background: #3f3c30;
        border-radius: 0; }
        body.front .banner.banner-box .banner-content h1,
        body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
          font-size: 32px; }
        body.front .banner.banner-box .banner-content p,
        body.node-type-home-page-banner .banner.banner-box .banner-content p {
          font-size: 16px; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-top .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top .banner-content {
      margin: 2em 5vw 0 5vw;
      position: absolute;
      top: 35vh;
      left: 0;
      width: calc(100% - 10vw);
      text-align: center; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-top-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-left .banner-content {
      margin: 2em 0 0 0;
      position: absolute;
      top: 35vh;
      left: 0;
      width: 90%; } }
  @media (min-width: 980px) {
    body.front .banner.banner-box.banner-top-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-left .banner-content {
      width: 75%; } }
  @media (min-width: 1200px) {
    body.front .banner.banner-box.banner-top-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-left .banner-content {
      width: 60%; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-top-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-right .banner-content {
      margin: 2em 0 0 0;
      position: absolute;
      top: 35vh;
      right: 0;
      width: 90%; } }
  @media (min-width: 980px) {
    body.front .banner.banner-box.banner-top-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-right .banner-content {
      width: 75%; } }
  @media (min-width: 1200px) {
    body.front .banner.banner-box.banner-top-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-top-right .banner-content {
      width: 60%; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-bottom-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-left .banner-content {
      margin: 0 0 2em 0;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 90%; } }
  @media (min-width: 980px) {
    body.front .banner.banner-box.banner-bottom-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-left .banner-content {
      width: 75%; } }
  @media (min-width: 1200px) {
    body.front .banner.banner-box.banner-bottom-left .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-left .banner-content {
      width: 60%; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-bottom-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-right .banner-content {
      margin: 0 0 2em 0;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 90%; } }
  @media (min-width: 980px) {
    body.front .banner.banner-box.banner-bottom-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-right .banner-content {
      width: 75%; } }
  @media (min-width: 1200px) {
    body.front .banner.banner-box.banner-bottom-right .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom-right .banner-content {
      width: 60%; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-bottom .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-bottom .banner-content {
      margin: 0 5vw 2em 5vw;
      position: absolute;
      bottom: 0;
      left: 0;
      width: calc(100% - 10vw);
      text-align: center; } }
  @media (min-width: 768px) {
    body.front .banner.banner-box.banner-center .banner-content,
    body.node-type-home-page-banner .banner.banner-box.banner-center .banner-content {
      margin: 2em 5vw 0 5vw;
      position: absolute;
      top: 45vh;
      left: 0;
      width: calc(100% - 10vw);
      text-align: center; } }
  @media (min-width: 768px) {
    body.front #header,
    body.node-type-home-page-banner #header {
      background: linear-gradient(#8c1515 0%, #8c1515 3px, #fff 4px, transparent 70%); }
    body.front #block-views-home-page-banner-block,
    body.front #block-views-home-page-banner-block-1,
    body.node-type-home-page-banner #block-views-home-page-banner-block,
    body.node-type-home-page-banner #block-views-home-page-banner-block-1 {
      background-position: top center; }
    body.front .banner.banner-box .banner-content,
    body.node-type-home-page-banner .banner.banner-box .banner-content {
      background: none;
      margin: 0;
      padding: 0;
      width: 70%; }
      body.front .banner.banner-box .banner-content h1,
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-family: 'Oswald', sans-serif;
        text-shadow: 2px 2px 4px #3f3c30; }
      body.front .banner.banner-box .banner-content h1,
      body.node-type-home-page-banner .banner.banner-box .banner-content h1 {
        font-size: 9.5vh;
        line-height: 1.1em;
        margin-bottom: 0.25em;
        font-weight: 600; }
      body.front .banner.banner-box .banner-content p,
      body.node-type-home-page-banner .banner.banner-box .banner-content p {
        font-size: 5.5vh;
        font-weight: 400; } }
  body.front .card.card-block,
  body.node-type-home-page-banner .card.card-block {
    margin-bottom: 30px;
    border: none;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1); */
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    position: relative;
    overflow: hidden; }
    body.front .card.card-block img,
    body.node-type-home-page-banner .card.card-block img {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    body.front .card.card-block .card-content,
    body.node-type-home-page-banner .card.card-block .card-content {
      position: relative;
      background: #fff;
      padding-top: 50px;
      font-weight: 400; }
      body.front .card.card-block .card-content .category,
      body.node-type-home-page-banner .card.card-block .card-content .category {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        z-index: 20; }
      body.front .card.card-block .card-content h2,
      body.node-type-home-page-banner .card.card-block .card-content h2 {
        color: #000;
        font-size: 24px; }
    body.front .card.card-block > div:nth-child(2),
    body.node-type-home-page-banner .card.card-block > div:nth-child(2) {
      padding: 50px 0 20px 0; }
  body.front .card.card-block:hover img,
  body.node-type-home-page-banner .card.card-block:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    height: 100%; }
  body.front .card.card-block.card-without-image:nth-of-type(odd),
  body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(odd) {
    background: #f4f4f4; }
    body.front .card.card-block.card-without-image:nth-of-type(odd) .card-content,
    body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(odd) .card-content {
      background: transparent; }
      body.front .card.card-block.card-without-image:nth-of-type(odd) .card-content .category,
      body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(odd) .card-content .category {
        left: 20px; }
  body.front .card.card-block.card-without-image:nth-of-type(even),
  body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(even) {
    background: #e9e6df; }
    body.front .card.card-block.card-without-image:nth-of-type(even) .card-content,
    body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(even) .card-content {
      background: transparent; }
      body.front .card.card-block.card-without-image:nth-of-type(even) .card-content .category,
      body.node-type-home-page-banner .card.card-block.card-without-image:nth-of-type(even) .card-content .category {
        left: 20px; }
  body.front .card.card-block.card-with-video .card-image,
  body.node-type-home-page-banner .card.card-block.card-with-video .card-image {
    position: relative; }
  body.front .card.card-block.card-with-video .card-image:after,
  body.node-type-home-page-banner .card.card-block.card-with-video .card-image:after {
    content: "\f16a";
    font-family: FontAwesome;
    font-size: 60px;
    margin: 0;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9; }
  body.front .card.card-block.view-display-id-attachment_2 .view-header,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 .view-header {
    padding: 0 0 10px 0; }
    body.front .card.card-block.view-display-id-attachment_2 .view-header .card-content,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 .view-header .card-content {
      padding-top: 0; }
  body.front .card.card-block.view-display-id-attachment_2 h2,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 h2 {
    color: #fff;
    font-size: 20px; }
  body.front .card.card-block.view-display-id-attachment_2 > div,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 > div {
    padding: 0;
    position: relative; }
  body.front .card.card-block.view-display-id-attachment_2 .card-content,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 .card-content {
    padding: 0; }
    body.front .card.card-block.view-display-id-attachment_2 .card-content .category,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 .card-content .category {
      position: static;
      top: 0; }
  body.front .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content {
    position: relative;
    background: #a85250;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    body.front .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content :before,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 80px;
      border-width: 0 0 30px 50px;
      border-style: solid;
      border-color: transparent #a85250;
      display: block;
      width: 0; }
    body.front .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content :after,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(2) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 110px;
      border-width: 0 0 30px 20px;
      border-style: solid;
      border-color: transparent #fff;
      display: block;
      width: 0; }
  body.front .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content {
    position: relative;
    background: #397d79;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    body.front .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content :before,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 50px;
      border: 0;
      border-width: 0 50px 30px 0;
      border-style: solid;
      border-color: transparent #397d79;
      display: block;
      width: 0; }
    body.front .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content :after,
    body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 div:nth-child(3) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 80px;
      border: 0;
      border-width: 0 20px 30px 0;
      border-style: solid;
      border-color: transparent #fff;
      display: block;
      width: 0; }
  body.front .card.card-block.view-display-id-attachment_2 .category a,
  body.node-type-home-page-banner .card.card-block.view-display-id-attachment_2 .category a {
    color: #8c1515;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 0.25em;
    clear: both;
    border: none; }
  body.front #block-views-homepage-news-featured-event .card.card-block,
  body.node-type-home-page-banner #block-views-homepage-news-featured-event .card.card-block {
    background: #0f6b58; }
    body.front #block-views-homepage-news-featured-event .card.card-block .card-content,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .card.card-block .card-content {
      color: #fff;
      background: #0f6b58;
      padding: 20px; }
      body.front #block-views-homepage-news-featured-event .card.card-block .card-content a,
      body.node-type-home-page-banner #block-views-homepage-news-featured-event .card.card-block .card-content a {
        color: #fff; }
    body.front #block-views-homepage-news-featured-event .card.card-block h2,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .card.card-block h2 {
      color: #fff; }
  body.front #block-views-homepage-news-news,
  body.node-type-home-page-banner #block-views-homepage-news-news {
    background: #fff; }
    @media (min-width: 1200px) {
      body.front #block-views-homepage-news-news .card.card-block.span3:nth-child(4n),
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3:nth-child(4n) {
        margin-left: 0; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      body.front #block-views-homepage-news-news .card.card-block.span6,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span6 {
        width: 100%; }
      body.front #block-views-homepage-news-news .card.card-block.span3,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3 {
        width: 300px; }
      body.front #block-views-homepage-news-news .card.card-block.span3:nth-child(3n-1),
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3:nth-child(3n-1) {
        clear: both;
        margin-left: 0; } }
    @media (min-width: 768px) and (max-width: 979px) {
      body.front #block-views-homepage-news-news .card.card-block.span6,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span6 {
        width: 100%; }
      body.front #block-views-homepage-news-news .card.card-block.span3,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3 {
        width: 352px; }
      body.front #block-views-homepage-news-news .card.card-block.span3:nth-child(2n),
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3:nth-child(2n) {
        clear: both;
        margin-left: 0; } }
    @media (min-width: 480px) and (max-width: 768px) {
      body.front #block-views-homepage-news-news .card.card-block.span6,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span6 {
        width: 100%; }
      body.front #block-views-homepage-news-news .card.card-block.span3,
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3 {
        width: calc(50% - 10px);
        float: left; }
      body.front #block-views-homepage-news-news .card.card-block.span3:nth-child(2n),
      body.node-type-home-page-banner #block-views-homepage-news-news .card.card-block.span3:nth-child(2n) {
        clear: both;
        margin-left: 0;
        margin-right: 20px; } }
  body.front #block-views-blog-blog,
  body.node-type-home-page-banner #block-views-blog-blog {
    clear: both;
    background: #dad7cb;
    padding: 50px 30px; }
    body.front #block-views-blog-blog .card.card-block .card-content .category,
    body.node-type-home-page-banner #block-views-blog-blog .card.card-block .card-content .category {
      left: 20px;
      width: auto; }
    body.front #block-views-blog-blog .card.card-block .card-content .date,
    body.node-type-home-page-banner #block-views-blog-blog .card.card-block .card-content .date {
      text-transform: uppercase;
      font-size: 15px;
      color: #3F3C30;
      display: block;
      margin-bottom: 0.25em;
      border: none; }
    @media (min-width: 980px) and (max-width: 1199px) {
      body.front #block-views-blog-blog .card.card-block .card-content .card-image img,
      body.node-type-home-page-banner #block-views-blog-blog .card.card-block .card-content .card-image img {
        max-width: 100px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      body.front #block-views-blog-blog .card.card-block .card-content .card-image img,
      body.node-type-home-page-banner #block-views-blog-blog .card.card-block .card-content .card-image img {
        max-width: 75px; } }
    @media (max-width: 767px) {
      body.front #block-views-blog-blog .card.card-block .card-content .card-image img,
      body.node-type-home-page-banner #block-views-blog-blog .card.card-block .card-content .card-image img {
        max-width: 100px; } }
    body.front #block-views-blog-blog .card.card-block > div:nth-child(2),
    body.node-type-home-page-banner #block-views-blog-blog .card.card-block > div:nth-child(2) {
      padding: 0; }
  body.front #block-uit-events-home-events,
  body.node-type-home-page-banner #block-uit-events-home-events {
    background: url(../images/events-background.jpg) center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover; }
    body.front #block-uit-events-home-events .section-content,
    body.node-type-home-page-banner #block-uit-events-home-events .section-content {
      background: linear-gradient(#fff 0%, transparent 50%); }
      @media (min-width: 768px) {
        body.front #block-uit-events-home-events .section-content,
        body.node-type-home-page-banner #block-uit-events-home-events .section-content {
          background: linear-gradient(#fff 70%, transparent 100%); } }
    body.front #block-uit-events-home-events .section-content:after,
    body.node-type-home-page-banner #block-uit-events-home-events .section-content:after {
      content: "";
      display: table;
      clear: both; }
  body.front #block-views-events-events .view-header h2,
  body.front #block-views-homepage-events-events .view-header h2,
  body.node-type-home-page-banner #block-views-events-events .view-header h2,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 2px 8px #3f3c30; }
  @media (min-width: 1200px) {
    body.front #block-views-events-events .view-header h2,
    body.front #block-views-homepage-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
      font-size: 100px;
      margin: 180px 0 0 0; }
    body.front #block-views-events-events .view-events,
    body.front #block-views-events-events .view-homepage-events,
    body.front #block-views-homepage-events-events .view-events,
    body.front #block-views-homepage-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-events-events .view-events,
    body.node-type-home-page-banner #block-views-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-homepage-events {
      margin-left: 100px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    body.front #block-views-events-events .view-header h2,
    body.front #block-views-homepage-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
      font-size: 80px;
      margin: 140px 0 0 0; }
    body.front #block-views-events-events .view-events,
    body.front #block-views-events-events .view-homepage-events,
    body.front #block-views-homepage-events-events .view-events,
    body.front #block-views-homepage-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-events-events .view-events,
    body.node-type-home-page-banner #block-views-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-homepage-events {
      margin-left: 80px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    body.front #block-views-events-events .view-header h2,
    body.front #block-views-homepage-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-events-events .view-header h2,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
      font-size: 60px;
      margin: 110px 0 0 0; }
    body.front #block-views-events-events .view-events,
    body.front #block-views-events-events .view-homepage-events,
    body.front #block-views-homepage-events-events .view-events,
    body.front #block-views-homepage-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-events-events .view-events,
    body.node-type-home-page-banner #block-views-events-events .view-homepage-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-homepage-events {
      margin-left: 60px; } }
  @media (min-width: 768px) {
    body.front #block-views-events-events,
    body.front #block-views-homepage-events-events,
    body.node-type-home-page-banner #block-views-events-events,
    body.node-type-home-page-banner #block-views-homepage-events-events {
      padding: 30px 0; }
      body.front #block-views-events-events .view-header,
      body.front #block-views-homepage-events-events .view-header,
      body.node-type-home-page-banner #block-views-events-events .view-header,
      body.node-type-home-page-banner #block-views-homepage-events-events .view-header {
        float: left;
        width: 0; }
        body.front #block-views-events-events .view-header h2,
        body.front #block-views-homepage-events-events .view-header h2,
        body.node-type-home-page-banner #block-views-events-events .view-header h2,
        body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
          float: left;
          transform: rotate(270deg);
          transform-origin: 0px bottom; } }
  @media (max-width: 767px) {
    body.front #block-views-events-events,
    body.front #block-views-homepage-events-events,
    body.node-type-home-page-banner #block-views-events-events,
    body.node-type-home-page-banner #block-views-homepage-events-events {
      padding: 10px; }
      body.front #block-views-events-events .view-header h2,
      body.front #block-views-homepage-events-events .view-header h2,
      body.node-type-home-page-banner #block-views-events-events .view-header h2,
      body.node-type-home-page-banner #block-views-homepage-events-events .view-header h2 {
        font-size: 60px;
        margin: 20px 0; } }
  body.front #block-views-events-events .view-content > div,
  body.front #block-views-homepage-events-events .view-content > div,
  body.node-type-home-page-banner #block-views-events-events .view-content > div,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-content > div {
    background: #fff;
    margin: 0 0 30px 0;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1); }
  body.front #block-views-events-events .view-content > div > div,
  body.front #block-views-homepage-events-events .view-content > div > div,
  body.node-type-home-page-banner #block-views-events-events .view-content > div > div,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-content > div > div {
    display: inline-block;
    vertical-align: middle; }
  body.front #block-views-events-events .view-content span.field-content a,
  body.front #block-views-homepage-events-events .view-content span.field-content a,
  body.node-type-home-page-banner #block-views-events-events .view-content span.field-content a,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-content span.field-content a {
    display: block;
    border: none; }
  body.front #block-views-events-events .view-content .date-display-single,
  body.front #block-views-homepage-events-events .view-content .date-display-single,
  body.node-type-home-page-banner #block-views-events-events .view-content .date-display-single,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-content .date-display-single {
    font-size: 1.5em;
    display: block;
    font-variant: small-caps;
    color: #fff;
    margin: 0;
    padding: 15px;
    background: #0f6b58;
    text-align: center;
    width: 50px; }
  body.front #block-views-events-events .view-content .views-field-title,
  body.front #block-views-homepage-events-events .view-content .views-field-title,
  body.node-type-home-page-banner #block-views-events-events .view-content .views-field-title,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-content .views-field-title {
    width: calc(100% - 115px);
    padding: 15px; }
  @media (min-width: 768px) and (max-width: 979px) {
    body.front #block-views-events-events .view-content .date-display-single,
    body.front #block-views-homepage-events-events .view-content .date-display-single,
    body.node-type-home-page-banner #block-views-events-events .view-content .date-display-single,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-content .date-display-single {
      display: block;
      width: auto;
      padding: 10px 15px;
      text-align: left; }
    body.front #block-views-events-events .view-content .views-field-title,
    body.front #block-views-homepage-events-events .view-content .views-field-title,
    body.node-type-home-page-banner #block-views-events-events .view-content .views-field-title,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-content .views-field-title {
      display: block;
      width: auto;
      padding: 15px; } }
  @media (max-width: 480px) {
    body.front #block-views-events-events .view-content .date-display-single,
    body.front #block-views-homepage-events-events .view-content .date-display-single,
    body.node-type-home-page-banner #block-views-events-events .view-content .date-display-single,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-content .date-display-single {
      display: block;
      width: auto;
      padding: 10px 15px;
      text-align: left; }
    body.front #block-views-events-events .view-content .views-field-title,
    body.front #block-views-homepage-events-events .view-content .views-field-title,
    body.node-type-home-page-banner #block-views-events-events .view-content .views-field-title,
    body.node-type-home-page-banner #block-views-homepage-events-events .view-content .views-field-title {
      display: block;
      width: auto;
      padding: 15px; } }
  body.front #block-views-events-events .view-footer,
  body.front #block-views-homepage-events-events .view-footer,
  body.node-type-home-page-banner #block-views-events-events .view-footer,
  body.node-type-home-page-banner #block-views-homepage-events-events .view-footer {
    clear: both; }
  body.front #block-views-homepage-news-featured-event,
  body.node-type-home-page-banner #block-views-homepage-news-featured-event {
    padding: 10px; }
    body.front #block-views-homepage-news-featured-event .card.card-block,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .card.card-block {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1); }
    @media (min-width: 768px) {
      body.front #block-views-homepage-news-featured-event,
      body.node-type-home-page-banner #block-views-homepage-news-featured-event {
        padding: 30px 0; } }
  body.front #block-block-48,
  body.front #block-block-49,
  body.node-type-home-page-banner #block-block-48,
  body.node-type-home-page-banner #block-block-49 {
    background: #E9E6DF; }
  @media (min-width: 1440px) {
    body.front #block-views-homepage-news-news,
    body.front #block-block-48,
    body.node-type-home-page-banner #block-views-homepage-news-news,
    body.node-type-home-page-banner #block-block-48 {
      padding-top: 30px; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    body.front #block-views-homepage-news-news,
    body.front #block-block-48,
    body.node-type-home-page-banner #block-views-homepage-news-news,
    body.node-type-home-page-banner #block-block-48 {
      padding-top: 30px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    body.front #block-views-homepage-news-news,
    body.front #block-block-48,
    body.node-type-home-page-banner #block-views-homepage-news-news,
    body.node-type-home-page-banner #block-block-48 {
      padding-top: 20px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    body.front #block-views-homepage-news-news,
    body.front #block-block-48,
    body.node-type-home-page-banner #block-views-homepage-news-news,
    body.node-type-home-page-banner #block-block-48 {
      padding-top: 15px; } }
  @media (min-width: 768px) {
    body.front .fullwidth .block.span6,
    body.node-type-home-page-banner .fullwidth .block.span6 {
      margin: 0;
      width: 50%; } }
  @media (min-width: 1440px) {
    body.front .fullwidth .block.span6,
    body.node-type-home-page-banner .fullwidth .block.span6 {
      padding-top: 40px; }
    body.front #block-views-events-events .content,
    body.front #block-views-homepage-events-events .content,
    body.node-type-home-page-banner #block-views-events-events .content,
    body.node-type-home-page-banner #block-views-homepage-events-events .content {
      margin: 0 20px 40px auto; }
    body.front #block-views-homepage-news-featured-event .content,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .content {
      margin: 0 auto 40px 20px; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    body.front .fullwidth .block.span6,
    body.node-type-home-page-banner .fullwidth .block.span6 {
      padding-top: 30px; }
    body.front #block-views-events-events .content,
    body.front #block-views-homepage-events-events .content,
    body.node-type-home-page-banner #block-views-events-events .content,
    body.node-type-home-page-banner #block-views-homepage-events-events .content {
      margin: 0 15px 30px auto; }
    body.front #block-views-homepage-news-featured-event .content,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .content {
      margin: 0 auto 30px 15px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    body.front .fullwidth .block.span6,
    body.node-type-home-page-banner .fullwidth .block.span6 {
      padding-top: 20px; }
    body.front #block-views-events-events .content,
    body.front #block-views-homepage-events-events .content,
    body.node-type-home-page-banner #block-views-events-events .content,
    body.node-type-home-page-banner #block-views-homepage-events-events .content {
      margin: 0 10px 20px auto; }
    body.front #block-views-homepage-news-featured-event .content,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .content {
      margin: 0 auto 20px 10px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    body.front .fullwidth .block.span6,
    body.node-type-home-page-banner .fullwidth .block.span6 {
      padding-top: 15px; }
    body.front #block-views-events-events .content,
    body.front #block-views-homepage-events-events .content,
    body.node-type-home-page-banner #block-views-events-events .content,
    body.node-type-home-page-banner #block-views-homepage-events-events .content {
      margin: 0 10px 15px auto; }
    body.front #block-views-homepage-news-featured-event .content,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event .content {
      margin: 0 auto 15px 10px; } }
  @media (max-width: 767px) {
    body.front .block,
    body.node-type-home-page-banner .block {
      box-sizing: border-box; }
    body.front #block-views-homepage-news-news,
    body.node-type-home-page-banner #block-views-homepage-news-news {
      padding: 10px; }
    body.front #block-views-events-events,
    body.front #block-views-homepage-events-events .content,
    body.node-type-home-page-banner #block-views-events-events,
    body.node-type-home-page-banner #block-views-homepage-events-events .content {
      padding: 0 10px; }
    body.front #block-views-homepage-news-featured-event,
    body.node-type-home-page-banner #block-views-homepage-news-featured-event {
      padding: 0 10px;
      background: transparent; } }

/* Service Catalog (/services) */
.view-service-catalog .span6:nth-child(odd) {
  clear: both;
  margin-left: 0px; }

.view-service-catalog .span6.postcard-left {
  clear: none; }

.view-service-catalog .span6.well {
  padding: 10px; }

.view-service-catalog .span6 p {
  margin: 0; }

.view-service-catalog .span6 a h3 {
  color: #8c1515; }

.view-service-catalog .span6 a p {
  color: #000; }

.view-service-catalog .span6 a:hover i,
.view-service-catalog .span6 a:focus i {
  color: #000; }

.view-service-catalog .span6.well:hover,
.view-service-catalog .span6.well:focus {
  background: #e6e3d6; }

.view-service-catalog .span6.well:hover a i,
.view-service-catalog .span6.well:focus a i {
  color: #000; }

/* Service Catalog A-Z List */
.view-display-id-block_1 .view-content ul {
  margin-left: 15px; }

/* Service Category Taxonomy Term List (service category pages) */
.view-catalog-category .well {
  padding-top: 20px;
  padding-bottom: 0px; }

.view-catalog-category .views-field-title h2 {
  margin-bottom: 0.2em; }

.view-catalog-category .views-field-body p {
  margin: 0.4em 0; }

.view-catalog-category .views-field-field-catalog-entry-link {
  margin-left: 25px; }

.view-catalog-category .views-field-field-catalog-entry-link a:visited {
  color: #827252; }

.view-catalog-category .views-field-field-catalog-entry-link a:hover,
.view-catalog-category .views-field-field-catalog-entry-link a:active {
  color: #2e2d29; }

.view-catalog-category .service-provider {
  display: inline;
  font-size: 0.8em;
  margin: 0;
  padding: 0 2px;
  border-top: 1px solid #cc9900;
  border-bottom: 1px solid #cc9900;
  color: #cc9900;
  text-transform: uppercase;
  letter-spacing: 1px; }

.view-catalog-category .views-field-field-icon i {
  font-size: 72px;
  margin: 5px 20px 0 0; }

/* Service Category Right Sidebar Links */
.sidebar .view-catalog-categories {
  text-transform: uppercase; }
  .sidebar .view-catalog-categories ul.menu li {
    margin: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0; }
  .sidebar .view-catalog-categories ul.menu li a {
    display: block;
    border: none;
    border-top: 1px solid #e9e6df;
    padding: 12px;
    color: #827252; }
  .sidebar .view-catalog-categories ul.menu li a:hover,
  .sidebar .view-catalog-categories ul.menu li a:focus,
  .sidebar .view-catalog-categories ul.menu li a:active,
  .sidebar .view-catalog-categories ul.menu li a.active {
    background-color: #fff;
    color: #2E2D29;
    text-decoration: none; }

/* Service ITS (/services/its) */
.view-services .view-content h2 {
  margin-bottom: 0.4em; }

.view-services .view-content p {
  margin-bottom: 0.4em; }

/* Service (All Providers) (/services/allproviders) */
.view-all-provider-services .view-content h2 {
  margin-bottom: 0.2em; }

.view-all-provider-services .view-content p {
  margin: 0.4em 0; }

.view-all-provider-services ul li,
.view-all-provider-services ul li.leaf,
.view-all-provider-services .view-services ul li,
.view-all-provider-services .view-services ul li.leaf {
  list-style-image: none;
  list-style-type: none; }

.view-all-provider-services .view-content > ul,
.view-all-provider-services .view-services .view-content > ul {
  margin: 0; }

.view-all-provider-services .view-content ul ul,
.view-all-provider-services .view-services .view-content ul ul {
  margin-bottom: 15px; }

.view-all-provider-services .service-provider {
  display: inline;
  font-size: 0.8em;
  margin: 0px;
  padding: 0px 2px;
  border-top: 1px solid #cc9900;
  border-bottom: 1px solid #cc9900;
  color: #cc9900;
  text-transform: uppercase;
  letter-spacing: 1px; }

/* Service Page */
.node-type-service-page .content-body .field .field-label {
  color: #820000;
  font-weight: normal;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 0;
  text-transform: uppercase; }

.node-type-service-page #block-views-service-information-block h2 {
  font-size: 18px;
  text-transform: uppercase; }

.node-type-service-page .view-service-information h3 {
  font-size: 15px;
  text-transform: uppercase; }

.node-type-service-page .view-service-information p {
  padding: 5px 5px 5px 8px; }

.node-type-service-page .view-service-information ul li {
  margin-bottom: 0.25em; }

.node-type-service-page .info-box h2 {
  margin: 0;
  padding: 10px 0px;
  font-size: 18px;
  font-weight: normal;
  color: #5F574F;
  padding-left: 90px; }

.node-type-service-page .info-box .view-content {
  margin-left: 90px; }

.node-type-service-page .info-box i {
  color: #DAD7CB;
  margin: -25px 0 0 20px; }

.node-type-service-page .content-body .region-content {
  margin-bottom: 0; }

.node-type-service-page .block-menu-block h2 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 0.5em 0;
  text-transform: none; }

.node-type-service-page #block-views-service-instructions-block h2 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 0;
  text-transform: none; }

.node-type-service-page .view-service-links-support-and-faq .view-content div {
  padding-bottom: 0.25em; }

.node-type-service-page .views-field-field-service-related-links {
  padding-bottom: 0.25em; }

.node-type-service-page .view-service-page-related-services .view-content div {
  padding-bottom: 0.25em; }

.node-type-service-page #block-menu-block-1 ul.nav {
  margin-left: 15px; }

.node-type-service-page #block-menu-block-1 ul.nav > li {
  list-style-image: url("../images/bullet.gif");
  list-style-type: square;
  line-height: 20px; }

.node-type-service-page #block-menu-block-1 ul.nav > li > a {
  color: #827252; }

.node-type-service-page #block-menu-block-1 ul.nav > li > a:hover,
.node-type-service-page #block-menu-block-1 ul.nav > li > a:active {
  color: #2E2D59; }

.node-type-service-page .block.well .content h3 {
  margin-top: 15px; }

.node-type-service-page .block.well .content ul {
  clear: both;
  margin: 0; }

.node-type-service-page .block.well .content ul li {
  margin: 0 0 0.5em 15px; }

/* Service Information Page */
.node-type-service-information {
  /* Parent Service */
  /* Links */
  /* Support and FAQ */
  /* Menu Block Navigation */ }
  .node-type-service-information #block-menu-block-5 {
    margin: 0; }
    .node-type-service-information #block-menu-block-5 .content li {
      font-size: 25px;
      line-height: 28px; }
    .node-type-service-information #block-menu-block-5 .views-row {
      margin: 0; }
    .node-type-service-information #block-menu-block-5 ul.nav {
      margin-bottom: 10px; }
    .node-type-service-information #block-menu-block-5 ul.nav li {
      margin: 0; }
    .node-type-service-information #block-menu-block-5 ul.nav > li > a {
      display: inline;
      color: #827252;
      text-decoration: none;
      border: none; }
    .node-type-service-information #block-menu-block-5 ul.nav > li > a:hover,
    .node-type-service-information #block-menu-block-5 ul.nav > li > a:active {
      color: #2e2d29;
      border: none; }
  .node-type-service-information .view-service-information-links-action .view-content > div a {
    margin-bottom: 1em; }
  .node-type-service-information #block-views-a0942a88b8a3d1f52348e31a0fa83fcc {
    margin-left: 70px; }
    .node-type-service-information #block-views-a0942a88b8a3d1f52348e31a0fa83fcc h2 {
      color: #5F574F; }
    .node-type-service-information #block-views-a0942a88b8a3d1f52348e31a0fa83fcc i {
      color: #DAD7CB;
      margin: -25px 0 0 -70px; }
    .node-type-service-information #block-views-a0942a88b8a3d1f52348e31a0fa83fcc .view-content div {
      padding-bottom: 0.25em; }
  .node-type-service-information #main .sidebar .block-menu-block {
    background: #F2F1EB;
    border-radius: 4px;
    padding: 0;
    border: 1px solid #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block h2 {
      margin: 0;
      padding: 0; }
    .node-type-service-information #main .sidebar .block-menu-block h2 a {
      display: block;
      text-transform: none;
      font-size: 14px;
      padding: 8px 10px;
      color: #827252;
      border-bottom: 1px solid #DAD7CB;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }
    .node-type-service-information #main .sidebar .block-menu-block a:hover,
    .node-type-service-information #main .sidebar .block-menu-block a:focus,
    .node-type-service-information #main .sidebar .block-menu-block a:active,
    .node-type-service-information #main .sidebar .block-menu-block a.active {
      background: #fff;
      color: #2d2e29; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 14px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li ul li {
      padding-left: 20px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a {
      display: block;
      border-bottom: 1px solid #DAD7CB;
      margin: -2px 0 0 0px;
      padding: 7px 10px;
      color: #827252; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a:hover,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a:focus,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a:active {
      background: #fff;
      color: #2d2e29; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a.active:hover,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a.active:focus,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a.active:active,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li a.active {
      color: #2d2e29;
      font-weight: 600; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li ul li a {
      padding: 5px 30px 5px 5px;
      border-bottom: 1px dotted #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active ul,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul {
      background: #fff; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active ul li,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul li {
      margin-left: 15px;
      padding-left: 0px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active ul li a,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul li a {
      padding: 5px 30px 5px 5px;
      border-bottom: 1px dotted #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul li.last > a {
      border-bottom: none; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul li.first > a {
      border-bottom: 1px dotted #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.active-trail ul li ul li {
      margin-left: 15px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded a.active-trail {
      border-bottom: 1px dotted #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded > a {
      background: #fff; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded.active > a {
      background: #fff;
      margin: -2px 0 0 0; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded > a:hover,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded > a:focus,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded > a:active {
      background: #fff; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.last a {
      border: none; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.collapsed a {
      background-image: url("../images/gray-arrow-right.png");
      background-repeat: no-repeat;
      background-position: 97%;
      padding-right: 20px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.collapsed a:hover,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.collapsed a:focus,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.collapsed a:active {
      background: #fff;
      background-image: url("../images/charcoal-arrow-right.png");
      background-repeat: no-repeat;
      background-position: 97%;
      padding-right: 20px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.expanded,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.collapsed,
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li.leaf {
      margin: 0;
      padding-right: 0px; }
    .node-type-service-information #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > ul.menu > li.last a {
      border-bottom: none;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .node-type-service-information #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu {
      border-bottom: 1px solid #DAD7CB; }
    .node-type-service-information #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > ul.menu {
      border-bottom: none;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .node-type-service-information #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > a {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .node-type-service-information #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.expanded.last > a {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border: none; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li span.nolink {
      display: block;
      padding: 6px 10px;
      border-bottom: 1px dotted #DAD7CB;
      color: #666; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu li ul.menu li span.nolink {
      padding: 6px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu .nolink {
      text-transform: uppercase;
      letter-spacing: 1px; }
    .node-type-service-information #main .sidebar .block-menu-block ul.menu .active-trail.nolink {
      background-color: #fff;
      margin: -3px 0 0 0; }

/* Service Information Page - Support and FAQ - Two Step Authentication */
.custom_help_block {
  margin-left: 70px; }
  .custom_help_block h2 {
    color: #5F574F; }
  .custom_help_block i {
    color: #DAD7CB;
    margin: -25px 0 0 -70px; }
  .custom_help_block div {
    padding-bottom: 0.25em; }

/* Basic Page - Menu Block Navigation */
.node-type-page #main .sidebar .block-menu-block {
  background: #F2F1EB;
  border-radius: 10px;
  padding: 0;
  border: 1px solid #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block a:hover,
  .node-type-page #main .sidebar .block-menu-block a:focus,
  .node-type-page #main .sidebar .block-menu-block a:active,
  .node-type-page #main .sidebar .block-menu-block a.active {
    background: #fff;
    color: #2d2e29; }
  .node-type-page #main .sidebar .block-menu-block ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li ul li {
    padding-left: 20px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li a {
    display: block;
    border-bottom: 1px solid #DAD7CB;
    margin: -2px 0 0 0px;
    padding: 7px 10px;
    color: #827252; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li a:hover,
  .node-type-page #main .sidebar .block-menu-block ul.menu li a:focus,
  .node-type-page #main .sidebar .block-menu-block ul.menu li a:active {
    background: #fff;
    color: #2d2e29; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li a.active:hover,
  .node-type-page #main .sidebar .block-menu-block ul.menu li a.active:focus,
  .node-type-page #main .sidebar .block-menu-block ul.menu li a.active:active,
  .node-type-page #main .sidebar .block-menu-block ul.menu li a.active {
    color: #2d2e29;
    font-weight: 600; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li ul li a {
    padding: 5px 30px 5px 5px;
    border-bottom: 1px dotted #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active ul,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul {
    background: #fff; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active ul li,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul li {
    margin-left: 15px;
    padding-left: 0px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active ul li a,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul li a {
    padding: 5px 30px 5px 5px;
    border-bottom: 1px dotted #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul li.last > a {
    border-bottom: none; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul li.first > a {
    border-bottom: 1px dotted #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.active-trail ul li ul li {
    margin-left: 15px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded a.active-trail {
    border-bottom: 1px dotted #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded.active > a {
    background: #fff;
    margin: -2px 0 0 0; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded > a:hover,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded > a:focus,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded > a:active {
    background: #fff; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.last a {
    border: none; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.collapsed a {
    background-image: url("../images/gray-arrow-right.png");
    background-repeat: no-repeat;
    background-position: 97%;
    padding-right: 20px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.collapsed a:hover,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.collapsed a:focus,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.collapsed a:active {
    background: #fff;
    background-image: url("../images/charcoal-arrow-right.png");
    background-repeat: no-repeat;
    background-position: 97%;
    padding-right: 20px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li.expanded,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.collapsed,
  .node-type-page #main .sidebar .block-menu-block ul.menu li.leaf {
    margin: 0;
    padding-right: 0px; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.first.active-trail > a {
    background: #F2F1EB;
    display: block;
    text-transform: none;
    font-size: 14px;
    padding: 8px 10px;
    color: #827252;
    border-bottom: 1px solid #DAD7CB;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > ul.menu > li.last a {
    border-bottom: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li > ul.menu {
    border-bottom: 1px solid #DAD7CB; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > ul.menu {
    border-bottom: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.last > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .node-type-page #main .sidebar .block-menu-block .menu-block-wrapper > ul.menu > li.expanded.last > a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: none; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li span.nolink {
    display: block;
    padding: 6px 10px;
    border-bottom: 1px dotted #DAD7CB;
    color: #666; }
  .node-type-page #main .sidebar .block-menu-block ul.menu li ul.menu li span.nolink {
    padding: 6px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu .nolink {
    text-transform: uppercase;
    letter-spacing: 1px; }
  .node-type-page #main .sidebar .block-menu-block ul.menu .active-trail.nolink {
    background-color: #fff;
    margin: -3px 0 0 0; }

/* Basic Page - Parent Service for Organization Charts */
.node-type-page #block-block-13 {
  margin: 0; }
  .node-type-page #block-block-13 .content {
    font-size: 25px;
    line-height: 28px; }
  .node-type-page #block-block-13 .content p {
    margin: 0 0 10px 0; }
  .node-type-page #block-block-13 .content a {
    border: none; }

/* IT Story Page */
.field-name-field-itstory-subtitle {
  font-size: 20px;
  line-height: 24px;
  font-style: italic; }

.node-type-it-story #content-title,
.node-type-it-story #content-title * {
  margin-bottom: 0; }

.node-type-it-story .block .view-it-story-carousel .view-header h2 {
  line-height: 1em;
  margin: 0 0 12px 0;
  padding: 0;
  text-transform: uppercase; }

.node-type-it-story .block .view-it-story-carousel .view-content h3 {
  font-size: 16px;
  margin: 0.25em 0; }

.node-type-it-story .block .view-it-story-carousel .view-content ul {
  clear: both;
  margin: 20px 0 0 0; }

.node-type-it-story .block .view-it-story-carousel .view-content ul li {
  margin: 0 0 0.5em 15px; }

.node-type-it-story .block .view-it-story-carousel .view-content a.active {
  color: #820000;
  font-weight: bold;
  border: none; }

.node-type-it-story .sidebar .view-it-story-carousel ul.menu {
  border-bottom: 1px solid #e9e6df;
  margin: 10px 0px; }
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li {
    text-transform: uppercase;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0; }
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li a {
    display: block;
    border: none;
    border-top: 1px solid #e9e6df;
    padding: 12px;
    color: #827252; }
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li a:hover,
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li a:focus,
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li a:active,
  .node-type-it-story .sidebar .view-it-story-carousel ul.menu li a.active {
    border-top: 1px solid #e9e6df;
    background-color: #fff;
    color: #2E2D29;
    text-decoration: none; }

/* Newsletter Individual Article */
#story-head {
  margin-bottom: 15px; }

.node-type-newsletter-article .content-body {
  font-size: 18px;
  /* Subtitles */
  /* List items Indent */
  /* Newsletter Individual Article - Sidebar */ }
  .node-type-newsletter-article .content-body dd,
  .node-type-newsletter-article .content-body dt,
  .node-type-newsletter-article .content-body h1,
  .node-type-newsletter-article .content-body h2,
  .node-type-newsletter-article .content-body h3,
  .node-type-newsletter-article .content-body h4,
  .node-type-newsletter-article .content-body h5,
  .node-type-newsletter-article .content-body h6,
  .node-type-newsletter-article .content-body li,
  .node-type-newsletter-article .content-body p,
  .node-type-newsletter-article .content-body td,
  .node-type-newsletter-article .content-body th {
    letter-spacing: normal; }
  .node-type-newsletter-article .content-body dd,
  .node-type-newsletter-article .content-body dt,
  .node-type-newsletter-article .content-body li,
  .node-type-newsletter-article .content-body p,
  .node-type-newsletter-article .content-body td,
  .node-type-newsletter-article .content-body th {
    font-weight: 300;
    color: #2e2d29;
    font-size: 18px; }
  .node-type-newsletter-article .content-body h1.title {
    color: #2e2d29;
    margin-bottom: 0;
    line-height: 1.2em;
    letter-spacing: normal; }
  .node-type-newsletter-article .content-body h2 {
    font-size: 24px; }
  .node-type-newsletter-article .content-body h3 {
    font-size: 22px; }
  .node-type-newsletter-article .content-body h4 {
    font-size: 20px; }
  .node-type-newsletter-article .content-body p.small {
    font-size: 15px; }
  .node-type-newsletter-article .content-body .float-right {
    clear: right; }
  .node-type-newsletter-article .content-body .float-left {
    clear: left; }
  .node-type-newsletter-article .content-body .field-name-field-date {
    text-transform: uppercase;
    font-size: 17px;
    color: #8c1515;
    margin-bottom: 1em; }
  .node-type-newsletter-article .content-body .field-name-field-featured-image img {
    width: 80px;
    border: 2px solid #c5beae;
    margin: 0 15px 15px 0;
    float: left; }
  .node-type-newsletter-article .content-body .field-name-field-newsletter-subtitle {
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    margin: 15px 0; }
  .node-type-newsletter-article .content-body ul.indent,
  .node-type-newsletter-article .content-body ol.indent {
    overflow: hidden;
    list-style-position: inside; }
  .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul {
    border-bottom: 1px solid #e9e6df;
    margin: 10px 0px; }
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li {
      text-transform: uppercase;
      margin: 0;
      list-style: none;
      font-size: 13px;
      line-height: 18px;
      font-weight: 600;
      letter-spacing: 0.03em;
      padding: 0; }
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li a {
      display: block;
      border: none;
      border-top: 1px solid #e9e6df;
      padding: 12px;
      color: #827252; }
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li a:hover,
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li a:focus,
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li a:active,
    .node-type-newsletter-article .content-body .sidebar .view-newsletter .view-content ul li a.active {
      border-top: 1px solid #e9e6df;
      background-color: #fff;
      color: #2E2D29;
      text-decoration: none; }
  .node-type-newsletter-article .content-body .card {
    font-weight: 400; }
    .node-type-newsletter-article .content-body .card h3 {
      text-align: left;
      border: none;
      font-size: 18px;
      margin-bottom: 0.3em; }
    .node-type-newsletter-article .content-body .card h3 a {
      color: #820000;
      font-weight: 400; }
    .node-type-newsletter-article .content-body .card h3 a:hover,
    .node-type-newsletter-article .content-body .card h3 a:focus {
      color: #820000;
      text-decoration: underline; }
  .node-type-newsletter-article .content-body .card.span4:nth-child(3n+1) {
    clear: both;
    margin-left: 0; }
  .node-type-newsletter-article .content-body .field-name-field-newsletter-subtitle {
    font-size: 24px;
    line-height: 32px;
    font-style: italic; }
  @media (min-width: 980px) {
    .node-type-newsletter-article .content-body aside {
      float: right;
      display: block;
      width: 320px;
      margin: 0 -8.5% 15px 15px; } }
  @media (min-width: 768px) {
    .node-type-newsletter-article .content-body {
      /* Newsletter Images */ }
      .node-type-newsletter-article .content-body .mc-content .float-right {
        margin-right: -8.5%; }
      .node-type-newsletter-article .content-body .image-newsletter_photo ~ .caption {
        display: block;
        width: 360px; }
      .node-type-newsletter-article .content-body .image-newsletter_landscape ~ .caption {
        display: block;
        width: 480px; }
      .node-type-newsletter-article .content-body .image-newsletter_portrait ~ .caption {
        display: block;
        width: 240px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .node-type-newsletter-article .content-body .card .postcard-right-wrap > div:first-child img,
    .node-type-newsletter-article .content-body .card .postcard-right > div:first-child img {
      width: 40px;
      margin-left: 10px;
      margin-bottom: 10px; }
    .node-type-newsletter-article .content-body .float-left,
    .node-type-newsletter-article .content-body .float-right {
      display: block;
      float: none;
      margin: 0 0 15px 0; } }
  @media (max-width: 480px) {
    .node-type-newsletter-article .content-body .card .postcard-right-wrap > div:first-child img,
    .node-type-newsletter-article .content-body .card .postcard-right > div:first-child img {
      width: 40px;
      margin-left: 10px;
      margin-bottom: 10px; } }

#block-views-newsletter-block-3 > h2 {
  font-size: 32px;
  color: #565347;
  font-weight: 300;
  margin-bottom: 20px;
  padding-top: 20px;
  text-align: center; }

.node-type-newsletter-article .card,
.node-type-newsletter-article .card h3 a {
  font-weight: 300; }

.node-type-newsletter-article #content-title {
  margin-top: 1em; }

.node-type-newsletter-article .caption {
  font-size: 15px;
  font-weight: 400; }

.node-type-newsletter-article .btn-success {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.node-type-newsletter-article .view-newsletter a {
  font-size: 18px;
  font-weight: 300; }

@media (min-width: 980px) {
  .node-type-newsletter-article aside {
    clear: both;
    float: right;
    display: block;
    width: 200px;
    margin: 0 -8.5% 30px 5%;
    font-weight: 300;
    color: #2e2d29;
    font-size: 18px; } }

@media (min-width: 768px) {
  .node-type-newsletter-article #block-system-main {
    margin: 0 10% 0 15%; }
  .node-type-newsletter-article #block-block-39 {
    margin: 0 15%; } }

/* Newsletter All Articles */
.page-newsletter .view-newsletter .view-content img {
  width: 80px;
  border: 2px solid #c5beae;
  margin: 5px 20px 25px 0;
  float: left; }

.page-newsletter .view-newsletter .view-content .date-display-single {
  text-transform: uppercase;
  color: #585754; }

.page-newsletter .view-newsletter .view-content .newsletter-blurb {
  margin: 5px 0 5px 105px; }

.page-newsletter .view-newsletter .view-content > div.grouping > div {
  clear: both;
  margin-bottom: 25px; }

/* Newsletter All Articles - Sidebar */
.sidebar .view-newsletter-issues .view-content ul {
  border-bottom: 1px solid #e9e6df;
  margin: 10px 0px; }

.sidebar .view-newsletter-issues .view-content ul li {
  text-transform: uppercase;
  margin: 0;
  list-style: none;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 0; }

.sidebar .view-newsletter-issues .view-content ul li a {
  display: block;
  border: none;
  border-top: 1px solid #e9e6df;
  padding: 12px;
  color: #827252; }

.sidebar .view-newsletter-issues .view-content ul li a:hover,
.sidebar .view-newsletter-issues .view-content ul li a:focus,
.sidebar .view-newsletter-issues .view-content ul li a:active,
.sidebar .view-newsletter-issues .view-content ul li a.active {
  border-top: 1px solid #e9e6df;
  background-color: #fff;
  color: #2E2D29;
  text-decoration: none; }

@media (max-width: 640px) {
  .page-newsletter .view-newsletter .view-content img {
    width: 40px;
    border: 1px solid #c5beae;
    margin: 5px 15px 25px 0;
    float: left; }
  .page-newsletter .view-newsletter .view-content .newsletter-blurb {
    margin-left: 57px; } }

/* All News */
.node-type-newsletter-article .card h2,
.node-type-newsletter-article .card h3 {
  text-align: left;
  border: none;
  font-size: 18px;
  margin-bottom: 0.3em; }

/* News Page */
.page-news {
  background: #f4f4f4;
  /* background: linear-gradient(to bottom, #4b7199 0%, #5a82a9 40%, #98c8ea 100%) no-repeat fixed; */
  margin: 0;
  /* Layout */
  /* Heading */
  /* Signup Form */
  /* Breadcrumb */
  /* Horizontal Cards */
  /* Tips and Tricks Cards */
  /* News */
  /* Secondary Nav */
  /* News Category Pages */ }
  @media (min-width: 1440px) {
    .page-news .mc-content.span8 {
      width: 1041px; }
    .page-news .sidebar.span4 {
      width: 323px; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .page-news .mc-content.span8 {
      width: 870px; }
    .page-news .sidebar.span4 {
      width: 270px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .page-news .mc-content.span8 {
      width: 620px; }
    .page-news .sidebar.span4 {
      width: 300px; } }
  .page-news .mc-content,
  .page-news .sidebar,
  .page-news .content-upper .block {
    margin-bottom: 0; }
  .page-news .views-row {
    margin: 0; }
  .page-news .main-top h1 {
    margin-top: 0;
    font-size: 54px; }
  .page-news #block-block-26 {
    background: #544948;
    color: #fff;
    border: none;
    border-radius: 0; }
    .page-news #block-block-26 h2 {
      color: #fff; }
    .page-news #block-block-26 #mc_embed_signup .button {
      background-color: #007c92; }
  .page-news .breadcrumb {
    margin: 0 0 5px 0; }
  .page-news #block-views-news-news-1 .card.card-block .card-content,
  .page-news #block-views-news-news-1 .card.card-block .card-image {
    box-sizing: border-box; }
  .page-news #block-views-news-news-1 .card.card-block .card-content h2 {
    font-size: 32px; }
  @media (min-width: 768px) {
    .page-news #block-views-news-news-1 .card.card-block .card-image {
      float: right; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .page-news #block-views-news-news-1 .card.card-block .card-image {
      float: none; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .page-news #block-views-news-news-1 .card.card-block .card-content {
      width: 270px; }
    .page-news #block-views-news-news-1 .card.card-block .card-image {
      width: 600px; } }
  @media (min-width: 1440px) {
    .page-news #block-views-news-news-1 .card.card-block .card-content {
      width: 323px; }
    .page-news #block-views-news-news-1 .card.card-block .card-image {
      width: 717px; } }
  .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content,
  .page-news #block-views-news-service-spotlights-1 .card.card-block .card-image,
  .page-news #block-views-news-information-security-1 .card.card-block .card-content,
  .page-news #block-views-news-information-security-1 .card.card-block .card-image,
  .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content,
  .page-news #block-views-news-partnered-projects-1 .card.card-block .card-image,
  .page-news #block-views-news-partnerships-1 .card.card-block .card-content,
  .page-news #block-views-news-partnerships-1 .card.card-block .card-image,
  .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content,
  .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-image,
  .page-news #block-views-news-special-report-1 .card.card-block .card-content,
  .page-news #block-views-news-special-report-1 .card.card-block .card-image,
  .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content,
  .page-news #block-views-news-event-spotlights-1 .card.card-block .card-image {
    box-sizing: border-box; }
  @media (min-width: 768px) {
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-image,
    .page-news #block-views-news-information-security-1 .card.card-block .card-image,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-image,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-special-report-1 .card.card-block .card-image,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-image {
      float: right; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-image,
    .page-news #block-views-news-information-security-1 .card.card-block .card-image,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-image,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-special-report-1 .card.card-block .card-image,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-image {
      float: none; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content,
    .page-news #block-views-news-information-security-1 .card.card-block .card-content,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-content,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content,
    .page-news #block-views-news-special-report-1 .card.card-block .card-content,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content {
      width: 270px; }
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-image,
    .page-news #block-views-news-information-security-1 .card.card-block .card-image,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-image,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-special-report-1 .card.card-block .card-image,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-image {
      width: 600px; } }
  @media (min-width: 1440px) {
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content,
    .page-news #block-views-news-information-security-1 .card.card-block .card-content,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-content,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content,
    .page-news #block-views-news-special-report-1 .card.card-block .card-content,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content {
      width: 323px; }
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-image,
    .page-news #block-views-news-information-security-1 .card.card-block .card-image,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-image,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-image,
    .page-news #block-views-news-special-report-1 .card.card-block .card-image,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-image {
      width: 717px; } }
  .page-news #block-views-news-tips-and-tricks-front .view-header {
    padding: 0 0 10px 0; }
  .page-news #block-views-news-tips-and-tricks-front h2 {
    color: #fff;
    font-size: 20px; }
  .page-news #block-views-news-tips-and-tricks-front .card.card-block {
    background: transparent;
    margin: 0;
    box-shadow: none; }
  .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(odd) .card-content {
    position: relative;
    background: #a85250;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(odd) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 80px;
      border-width: 0 0 30px 50px;
      border-style: solid;
      border-color: transparent #a85250;
      display: block;
      width: 0; }
    .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(odd) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 110px;
      border-width: 0 0 30px 20px;
      border-style: solid;
      border-color: transparent #f6f6f6;
      display: block;
      width: 0; }
  .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(even) .card-content {
    position: relative;
    background: #397d79;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(even) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 50px;
      border: 0;
      border-width: 0 50px 30px 0;
      border-style: solid;
      border-color: transparent #397d79;
      display: block;
      width: 0; }
    .page-news #block-views-news-tips-and-tricks-front .card.card-block:nth-child(even) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 80px;
      border: 0;
      border-width: 0 20px 30px 0;
      border-style: solid;
      border-color: transparent #f6f6f6;
      display: block;
      width: 0; }
  .page-news #block-views-news-tips-and-tricks-front .category a {
    color: #8c1515;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 0.25em;
    clear: both;
    border: none; }
  @media (min-width: 1200px) {
    .page-news .main .card.card-block.span3:nth-child(4n+1) {
      clear: both;
      margin-left: 0; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .page-news .main .card.card-block.span6 {
      width: 100%;
      margin-left: 0; }
    .page-news .main .card.card-block.span3 {
      width: 31.91655445%; }
    .page-news .main .card.card-block.span3:nth-child(3n+1) {
      clear: both;
      margin-left: 0; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .page-news .main .card.card-block.span6 {
      width: 100%;
      margin-left: 0; }
    .page-news .main .card.card-block.span3 {
      width: 48.61878453038674%; }
    .page-news .main .card.card-block.span3:nth-child(2n+1) {
      clear: both;
      margin-left: 0; } }
  @media (min-width: 480px) and (max-width: 768px) {
    .page-news .main .card.card-block.span6 {
      width: 100%;
      margin-left: 0; }
    .page-news .main .card.card-block.span3 {
      width: calc(50% - 10px);
      float: left; }
    .page-news .main .card.card-block.span3:nth-child(2n+1) {
      clear: both;
      margin-left: 0;
      margin-right: 20px; } }
  .page-news #fullwidth-top #block-block-57 {
    background: #565347;
    padding: 0; }
    .page-news #fullwidth-top #block-block-57 .content {
      margin-bottom: 0; }
    .page-news #fullwidth-top #block-block-57 .secondary-nav {
      width: 100%;
      left: 0 !important;
      border-radius: 0;
      padding: 15px 0 11px 0;
      transition: font-size 0.5s, padding 0.5s; }
      .page-news #fullwidth-top #block-block-57 .secondary-nav li a {
        color: #fff;
        font-size: 20px;
        line-height: 1.2em;
        font-weight: 400;
        padding-bottom: 4px;
        border-bottom: 3px solid #565347; }
      .page-news #fullwidth-top #block-block-57 .secondary-nav li a:hover,
      .page-news #fullwidth-top #block-block-57 .secondary-nav li a:active {
        border-bottom: 3px solid #fff; }
  .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content,
  .page-news #block-views-news-service-spotlights-2 .card.card-block .card-content,
  .page-news #block-views-news-information-security-1 .card.card-block .card-content,
  .page-news #block-views-news-information-security-2 .card.card-block .card-content,
  .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content,
  .page-news #block-views-news-partnered-projects-2 .card.card-block .card-content,
  .page-news #block-views-news-partnerships-1 .card.card-block .card-content,
  .page-news #block-views-news-partnerships-2 .card.card-block .card-content,
  .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content,
  .page-news #block-views-news-initiatives-and-projects-2 .card.card-block .card-content,
  .page-news #block-views-news-special-report-1 .card.card-block .card-content,
  .page-news #block-views-news-special-report-2 .card.card-block .card-content,
  .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content,
  .page-news #block-views-news-event-spotlights-2 .card.card-block .card-content {
    color: #fff;
    font-size: 18px;
    background: transparent; }
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content h2,
    .page-news #block-views-news-service-spotlights-2 .card.card-block .card-content h2,
    .page-news #block-views-news-information-security-1 .card.card-block .card-content h2,
    .page-news #block-views-news-information-security-2 .card.card-block .card-content h2,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content h2,
    .page-news #block-views-news-partnered-projects-2 .card.card-block .card-content h2,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-content h2,
    .page-news #block-views-news-partnerships-2 .card.card-block .card-content h2,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content h2,
    .page-news #block-views-news-initiatives-and-projects-2 .card.card-block .card-content h2,
    .page-news #block-views-news-special-report-1 .card.card-block .card-content h2,
    .page-news #block-views-news-special-report-2 .card.card-block .card-content h2,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content h2,
    .page-news #block-views-news-event-spotlights-2 .card.card-block .card-content h2 {
      color: #fff;
      font-size: 32px; }
    .page-news #block-views-news-service-spotlights-1 .card.card-block .card-content .date,
    .page-news #block-views-news-service-spotlights-2 .card.card-block .card-content .date,
    .page-news #block-views-news-information-security-1 .card.card-block .card-content .date,
    .page-news #block-views-news-information-security-2 .card.card-block .card-content .date,
    .page-news #block-views-news-partnered-projects-1 .card.card-block .card-content .date,
    .page-news #block-views-news-partnered-projects-2 .card.card-block .card-content .date,
    .page-news #block-views-news-partnerships-1 .card.card-block .card-content .date,
    .page-news #block-views-news-partnerships-2 .card.card-block .card-content .date,
    .page-news #block-views-news-initiatives-and-projects-1 .card.card-block .card-content .date,
    .page-news #block-views-news-initiatives-and-projects-2 .card.card-block .card-content .date,
    .page-news #block-views-news-special-report-1 .card.card-block .card-content .date,
    .page-news #block-views-news-special-report-2 .card.card-block .card-content .date,
    .page-news #block-views-news-event-spotlights-1 .card.card-block .card-content .date,
    .page-news #block-views-news-event-spotlights-2 .card.card-block .card-content .date {
      color: #fff; }
  .page-news #block-views-news-service-spotlights-1 .card.card-block,
  .page-news #block-views-news-service-spotlights-2 .card.card-block {
    background: #437d8d; }
  .page-news #block-views-news-information-security-1 .card.card-block,
  .page-news #block-views-news-information-security-2 .card.card-block {
    background: #a85250; }
  .page-news #block-views-news-partnered-projects-1 .card.card-block,
  .page-news #block-views-news-partnered-projects-2 .card.card-block {
    background: #397d79; }
  .page-news #block-views-news-partnerships-1 .card.card-block,
  .page-news #block-views-news-partnerships-2 .card.card-block {
    background: #816393; }
  .page-news #block-views-news-initiatives-and-projects-1 .card.card-block,
  .page-news #block-views-news-initiatives-and-projects-2 .card.card-block {
    background: #897058; }
  .page-news #block-views-news-tips-and-tricks-1 .card.card-block {
    background: #61727c; }
  .page-news #block-views-news-special-report-1 .card.card-block,
  .page-news #block-views-news-special-report-2 .card.card-block {
    background: #4b7199; }
  .page-news #block-views-news-event-spotlights-1 .card.card-block,
  .page-news #block-views-news-event-spotlights-2 .card.card-block {
    background: #397d79; }

.page-news.page-news-service-spotlights .card.card-block .card-content,
.page-news.page-news-information-security .card.card-block .card-content,
.page-news.page-news-partnered-projects .card.card-block .card-content,
.page-news.page-news-partnerships .card.card-block .card-content,
.page-news.page-news-initiatives-and-projects .card.card-block .card-content,
.page-news.page-news-tips-and-tricks .card.card-block .card-content,
.page-news.page-news-special-report .card.card-block .card-content,
.page-news.page-news-special-reports .card.card-block .card-content,
.page-news.page-news-event-spotlights .card.card-block .card-content {
  padding-top: 20px; }

.page-news.page-news-service-spotlights #block-menu-menu-newsroom .nav li.active-trail {
  background: #437d8d; }

.page-news.page-news-information-security #block-menu-menu-newsroom .nav li.active-trail {
  background: #a85250; }

.page-news.page-news-partnered-projects #block-menu-menu-newsroom .nav li.active-trail,
.page-news.page-news-partnerships #block-menu-menu-newsroom .nav li.active-trail {
  background: #816393; }

.page-news.page-news-initiatives-and-projects #block-menu-menu-newsroom .nav li.active-trail {
  background: #897058; }

.page-news.page-news-tips-and-tricks #block-menu-menu-newsroom .nav li.active-trail {
  background: #61727c; }

.page-news.page-news-special-report #block-menu-menu-newsroom .nav li.active-trail,
.page-news.page-news-special-reports #block-menu-menu-newsroom .nav li.active-trail {
  background: #4b7199; }

.page-news.page-news-event-spotlights #block-menu-menu-newsroom .nav li.active-trail {
  background: #397d79; }

.page-news.page-news-tips-and-tricks {
  /* Tips and Tricks Cards */ }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block {
    background: transparent;
    box-shadow: none; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block h2 {
      color: #fff;
      font-size: 20px; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(odd) .card-content {
    position: relative;
    background: #437d8d;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(odd) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 80px;
      border-width: 0 0 30px 50px;
      border-style: solid;
      border-color: transparent #437d8d;
      display: block;
      width: 0; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(odd) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      right: 110px;
      border-width: 0 0 30px 20px;
      border-style: solid;
      border-color: transparent #f6f6f6;
      display: block;
      width: 0; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(even) .card-content {
    position: relative;
    background: #a85250;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(even) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 50px;
      border: 0;
      border-width: 0 50px 30px 0;
      border-style: solid;
      border-color: transparent #a85250;
      display: block;
      width: 0; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(even) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 80px;
      border: 0;
      border-width: 0 20px 30px 0;
      border-style: solid;
      border-color: transparent #f6f6f6;
      display: block;
      width: 0; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+1) .card-content {
    background: #437d8d; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+1) .card-content :before {
      border-color: transparent #437d8d; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+2) .card-content {
    background: #a85250; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+2) .card-content :before {
      border-color: transparent #a85250; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+3) .card-content {
    background: #897058; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+3) .card-content :before {
      border-color: transparent #897058; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+4) .card-content {
    background: #397d79; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+4) .card-content :before {
      border-color: transparent #397d79; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+5) .card-content {
    background: #61727c; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+5) .card-content :before {
      border-color: transparent #61727c; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+6) .card-content {
    background: #816393; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n+6) .card-content :before {
      border-color: transparent #816393; }
  .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n) .card-content {
    position: relative;
    background: #4b7199;
    color: #fff;
    margin: 0 0 50px 0;
    padding: 20px;
    border-radius: 10px; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n) .card-content :before {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 50px;
      border: 0;
      border-width: 0 50px 30px 0;
      border-style: solid;
      border-color: transparent #4b7199;
      display: block;
      width: 0; }
    .page-news.page-news-tips-and-tricks .view-display-id-tips_and_tricks .card.card-block:nth-child(7n) .card-content :after {
      content: "";
      position: absolute;
      bottom: -30px;
      left: 80px;
      border: 0;
      border-width: 0 20px 30px 0;
      border-style: solid;
      border-color: transparent #f6f6f6;
      display: block;
      width: 0; }

.page-news,
.node-type-news {
  /* Header */
  /* News Sections (Sidebar) */
  /* News Card Style */
  /* Card with Video */ }
  @media (max-width: 767px) {
    .page-news #header,
    .node-type-news #header {
      background: #fff; } }
  .page-news #block-menu-menu-newsroom,
  .node-type-news #block-menu-menu-newsroom {
    background: #fff;
    padding: 20px; }
    .page-news #block-menu-menu-newsroom h2,
    .node-type-news #block-menu-menu-newsroom h2 {
      color: #8c1515;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600; }
    .page-news #block-menu-menu-newsroom .nav,
    .node-type-news #block-menu-menu-newsroom .nav {
      margin-bottom: 0; }
      .page-news #block-menu-menu-newsroom .nav li,
      .node-type-news #block-menu-menu-newsroom .nav li {
        padding: 5px 10px; }
        .page-news #block-menu-menu-newsroom .nav li a,
        .node-type-news #block-menu-menu-newsroom .nav li a {
          color: #2e2d29; }
      .page-news #block-menu-menu-newsroom .nav li.active-trail,
      .node-type-news #block-menu-menu-newsroom .nav li.active-trail {
        background: #3f3c30;
        color: #fff; }
        .page-news #block-menu-menu-newsroom .nav li.active-trail a,
        .node-type-news #block-menu-menu-newsroom .nav li.active-trail a {
          color: #fff; }
  .page-news .card.card-block,
  .node-type-news .card.card-block {
    border: none;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1); */
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
    @media (min-width: 980px) {
      .page-news .card.card-block,
      .node-type-news .card.card-block {
        margin-bottom: 30px; } }
    .page-news .card.card-block h2,
    .node-type-news .card.card-block h2 {
      font-weight: 400; }
    .page-news .card.card-block img,
    .node-type-news .card.card-block img {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .page-news .card.card-block .card-content,
    .node-type-news .card.card-block .card-content {
      position: relative;
      background: #fff;
      padding-top: 50px;
      font-weight: 400; }
      .page-news .card.card-block .card-content .category,
      .node-type-news .card.card-block .card-content .category {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 100%;
        z-index: 20; }
      .page-news .card.card-block .card-content .date,
      .node-type-news .card.card-block .card-content .date {
        text-transform: uppercase;
        font-size: 15px;
        color: #3F3C30;
        font-weight: 600;
        display: block;
        margin-bottom: 0.25em;
        border: none; }
      .page-news .card.card-block .card-content h2,
      .node-type-news .card.card-block .card-content h2 {
        color: #000;
        font-size: 24px; }
  .page-news .card.card-block:hover img,
  .node-type-news .card.card-block:hover img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    height: 100%; }
  .page-news .card.card-block.card-with-video .card-image,
  .node-type-news .card.card-block.card-with-video .card-image {
    position: relative; }
  .page-news .card.card-block.card-with-video .card-image:after,
  .node-type-news .card.card-block.card-with-video .card-image:after {
    content: "\f16a";
    font-family: FontAwesome;
    font-size: 60px;
    margin: 0;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9; }

/* News Individual Article */
.node-type-news {
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 40%, #fff 80%) no-repeat;
  /* Background */ }
  @media (min-width: 768px) {
    .node-type-news .main {
      margin: 0; }
      .node-type-news .main .block,
      .node-type-news .main .views-row {
        margin: 0; }
      .node-type-news .main .content-body {
        background: #fff;
        padding: 4.5vw 0;
        position: relative; } }
  @media (max-width: 767px) {
    .node-type-news .main .content-body {
      background: #fff;
      padding: 15px;
      box-sizing: border-box; } }
  .node-type-news .main .block {
    margin: 0; }
  .node-type-news #content-title {
    margin-bottom: 0; }
  .node-type-news .content-body {
    font-size: 18px;
    /* Subtitles */
    /* List items Indent */ }
    .node-type-news .content-body dd,
    .node-type-news .content-body dt,
    .node-type-news .content-body h1,
    .node-type-news .content-body h2,
    .node-type-news .content-body h3,
    .node-type-news .content-body h4,
    .node-type-news .content-body h5,
    .node-type-news .content-body h6,
    .node-type-news .content-body li,
    .node-type-news .content-body p,
    .node-type-news .content-body td,
    .node-type-news .content-body th {
      letter-spacing: normal; }
    .node-type-news .content-body dd,
    .node-type-news .content-body dt,
    .node-type-news .content-body li,
    .node-type-news .content-body p,
    .node-type-news .content-body td,
    .node-type-news .content-body th {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-news .content-body h1.title {
      color: #2e2d29;
      line-height: 1.1em;
      letter-spacing: normal;
      margin-bottom: 0.5em; }
    .node-type-news .content-body h2 {
      font-size: 28px; }
    .node-type-news .content-body h3 {
      font-size: 24px; }
    .node-type-news .content-body h4 {
      font-size: 22px; }
    .node-type-news .content-body p.small {
      font-size: 15px; }
    .node-type-news .content-body dl, .node-type-news .content-body ul, .node-type-news .content-body ol {
      margin-bottom: 1em; }
    .node-type-news .content-body blockquote {
      border-left: 5px solid #00505c; }
      .node-type-news .content-body blockquote.pullquote,
      .node-type-news .content-body blockquote.pullquote p {
        font-size: 20px;
        font-weight: 400;
        font-style: italic;
        text-indent: initial; }
    .node-type-news .content-body .float-right {
      clear: right; }
      @media (min-width: 980px) {
        .node-type-news .content-body .float-right {
          margin: 0 -8% 30px 30px; } }
    .node-type-news .content-body .float-left {
      clear: left; }
      @media (min-width: 980px) {
        .node-type-news .content-body .float-left {
          margin: 0 30px 30px -8%; } }
    .node-type-news .content-body .field-name-field-date {
      text-transform: uppercase;
      font-size: 17px;
      color: #8c1515;
      margin-bottom: 1em; }
    .node-type-news .content-body .field-name-field-featured-image {
      margin: 0; }
      .node-type-news .content-body .field-name-field-featured-image img {
        margin: 0 0 5px 0; }
    .node-type-news .content-body .field-name-field-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-news .content-body ul.indent,
    .node-type-news .content-body ol.indent {
      overflow: hidden;
      list-style-position: inside; }
    .node-type-news .content-body .card {
      font-weight: 400; }
      .node-type-news .content-body .card h3 {
        text-align: left;
        border: none;
        font-size: 18px;
        margin-bottom: 0.3em; }
      .node-type-news .content-body .card h3 a {
        color: #820000;
        font-weight: 400; }
      .node-type-news .content-body .card h3 a:hover,
      .node-type-news .content-body .card h3 a:focus {
        color: #820000;
        text-decoration: underline; }
    .node-type-news .content-body .card.span4:nth-child(3n+1) {
      clear: both;
      margin-left: 0; }
    .node-type-news .content-body .field-name-field-newsletter-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-news .content-body aside p,
    .node-type-news .content-body aside li {
      font-size: 16px; }
    @media (min-width: 980px) {
      .node-type-news .content-body aside,
      .node-type-news .content-body figure {
        float: right;
        display: block;
        width: 360px;
        box-sizing: border-box;
        margin: 0 -8% 30px 30px;
        clear: right; } }
    @media (min-width: 768px) {
      .node-type-news .content-body {
        /* Newsletter Images */ }
        .node-type-news .content-body .image-newsletter_photo ~ .caption {
          display: block;
          width: 360px; }
        .node-type-news .content-body .image-newsletter_landscape ~ .caption {
          display: block;
          width: 480px; }
        .node-type-news .content-body .image-newsletter_portrait ~ .caption {
          display: block;
          width: 240px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .node-type-news .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-news .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; }
      .node-type-news .content-body .float-left,
      .node-type-news .content-body .float-right {
        display: block;
        float: none;
        margin: 0 0 15px 0;
        width: auto !important; } }
    @media (max-width: 979px) {
      .node-type-news .content-body aside,
      .node-type-news .content-body figure {
        width: 100%;
        margin: 0 0 30px 0;
        box-sizing: border-box; }
      .node-type-news .content-body aside:before,
      .node-type-news .content-body aside:after,
      .node-type-news .content-body figure:before,
      .node-type-news .content-body figure:after {
        display: table;
        line-height: 0;
        content: ""; }
      .node-type-news .content-body aside:after,
      .node-type-news .content-body figure:after {
        clear: both; } }
    @media (max-width: 480px) {
      .node-type-news .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-news .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; } }
  .node-type-news .card,
  .node-type-news .card h3 a {
    font-weight: 300; }
  .node-type-news #content-title {
    margin-top: 1em; }
  .node-type-news .caption {
    font-size: 15px;
    font-weight: 400; }
  .node-type-news .btn-success {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .node-type-news .video-player {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .node-type-news {
      /* Disclaimer */ }
      .node-type-news #block-system-main {
        margin: 0 15%; }
      .node-type-news #block-block-39 {
        margin: 0 15%; } }
  .node-type-news #fullwidth-bottom {
    margin-top: 30px;
    background: #f4f4f4; }
    .node-type-news #fullwidth-bottom .container {
      margin: 0 auto; }
      @media (min-width: 1440px) {
        .node-type-news #fullwidth-bottom .container {
          width: 1400px; } }
      @media (min-width: 1200px) and (max-width: 1439px) {
        .node-type-news #fullwidth-bottom .container {
          width: 1170px; } }
      @media (min-width: 980px) and (max-width: 1199px) {
        .node-type-news #fullwidth-bottom .container {
          width: 940px; } }
      @media (min-width: 768px) and (max-width: 979px) {
        .node-type-news #fullwidth-bottom .container {
          width: 724px; } }
  .node-type-news #block-views-news-what-to-read-next {
    padding: 10px 0; }
    .node-type-news #block-views-news-what-to-read-next > h2 {
      font-size: 36px;
      color: #2e2d29;
      font-weight: 300;
      margin: 30px 0;
      padding: 0px;
      text-align: center; }
    .node-type-news #block-views-news-what-to-read-next .view-footer p {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-news #block-views-news-what-to-read-next .view-footer p a:after {
      content: "\f0a9";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      margin-left: 5px; }
    @media (max-width: 768px) {
      .node-type-news #block-views-news-what-to-read-next {
        padding: 10px; } }

/* Landing Page */
.node-type-landing {
  /* Landing Page (Field Collections) */
  /* Landing Page (Responsive) */ }
  .node-type-landing #content-body > .region {
    margin-bottom: 0; }
  .node-type-landing .node-landing {
    position: relative;
    margin-top: 0px; }
  .node-type-landing .field-name-field-banner-caption {
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
    text-shadow: 0px 0px 15px #000; }
  .node-type-landing .field-name-field-banner-caption a.caption-link {
    color: #fff;
    border-color: #fff; }
  .node-type-landing .field-name-field-banner-caption a.btn,
  .node-type-landing .field-name-field-banner-caption a.btn:visited,
  .node-type-landing .field-name-field-banner-caption a.btn:hover,
  .node-type-landing .field-name-field-banner-caption a.btn:active,
  .node-type-landing .field-name-field-banner-caption a.btn:focus {
    color: #fff;
    border: none; }
  .node-type-landing .field-collection-container {
    clear: both; }
  .node-type-landing .field-collection-container .field-name-field-landing-item-description {
    padding: 0; }
  .node-type-landing .field-collection-container .field-name-field-landing-item-link {
    padding-left: 20px; }
  .node-type-landing .field-collection-container .field-name-field-landing-item-link a {
    color: #fff;
    border-bottom: 1px dotted #fff; }
  .node-type-landing .field-name-field-landing-item-title h2 {
    border-bottom: 1px solid #820000;
    padding-bottom: 5px; }
  .node-type-landing .field-collection-view ul.field-collection-view-links li {
    list-style-image: none;
    list-style-type: none; }
  .node-type-landing .field-collection-view ul.field-collection-view-links li a {
    background: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    border: none;
    border: 1px solid #ddd; }
  .node-type-landing .field-collection-container ul.action-links-field-collection-add li {
    list-style-image: none;
    list-style-type: none; }
  .node-type-landing .field-collection-container ul.action-links-field-collection-add li a {
    background: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    border: none;
    border: 1px solid #ddd; }
  .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item:nth-child(n+3),
  .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item:last-child {
    margin-right: 0; }
  @media (min-width: 1440px) {
    .node-type-landing {
      /* Banner image width of 1400px */ }
      .node-type-landing .field-collection-container {
        margin-top: 20px; }
      .node-type-landing .field-name-field-banner-caption {
        background: rgba(110, 0, 0, 0.85);
        padding: 20px;
        width: 600px;
        height: 300px;
        top: 140px;
        left: 365px; }
      .node-type-landing .field-name-field-banner-caption p {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px; }
      .node-type-landing .field-name-field-banner-caption p.lead {
        font-size: 32px;
        font-weight: 600;
        line-height: 36px; }
      .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item {
        margin-right: 35px; }
      .node-type-landing .field-name-field-banner-image img,
      .node-type-landing .field-collection-item-field-landing-page-item img {
        width: 100%; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .node-type-landing {
      /* Banner image width of 1170px */ }
      .node-type-landing .field-collection-container {
        margin-top: 20px; }
      .node-type-landing .field-name-field-banner-caption {
        background: rgba(110, 0, 0, 0.85);
        padding: 20px;
        width: 600px;
        height: 300px;
        top: 80px;
        left: 265px; }
      .node-type-landing .field-name-field-banner-caption p {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px; }
      .node-type-landing .field-name-field-banner-caption p.lead {
        font-size: 32px;
        font-weight: 600;
        line-height: 36px; }
      .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item {
        margin-right: 30px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .node-type-landing {
      /* Banner image width of 940px */ }
      .node-type-landing .field-collection-container {
        margin-top: 20px; }
      .node-type-landing .field-name-field-banner-caption {
        background: rgba(110, 0, 0, 0.85);
        padding: 20px;
        width: 560px;
        height: 280px;
        top: 45px;
        left: 160px; }
      .node-type-landing .field-name-field-banner-caption img {
        width: 85%; }
      .node-type-landing .field-name-field-banner-caption p {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px; }
      .node-type-landing .field-name-field-banner-caption p.lead {
        font-size: 28px;
        font-weight: 600;
        line-height: 32px; }
      .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item {
        margin-right: 20px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .node-type-landing {
      /* Banner image width of 724px */ }
      .node-type-landing .field-collection-container {
        margin-top: 20px; }
      .node-type-landing .field-name-field-banner-caption {
        background: rgba(110, 0, 0, 0.85);
        padding: 15px;
        width: 440px;
        height: 220px;
        top: 30px;
        left: 127px; }
      .node-type-landing .field-name-field-banner-caption img {
        width: 70%; }
      .node-type-landing .field-name-field-banner-caption p {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px; }
      .node-type-landing .field-name-field-banner-caption p.lead {
        font-size: 22px;
        font-weight: 600;
        line-height: 26px; }
      .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item {
        margin-right: 20px; } }
  @media (max-width: 767px) {
    .node-type-landing .field-name-field-banner-caption {
      background: #6e0000;
      position: relative;
      padding: 10px;
      color: #fff;
      text-shadow: none; }
    .node-type-landing .field-name-field-banner-caption img {
      width: 90%; }
    .node-type-landing .field-name-field-banner-caption p {
      font-size: 16px;
      font-weight: 400; }
    .node-type-landing .field-name-field-banner-caption p.lead {
      font-size: 20px;
      font-weight: 600; }
    .node-type-landing .content-body .field-name-field-banner-image {
      margin-bottom: 0; }
    .node-type-landing .field-collection-container .field-items .field-item img {
      width: 100%; }
    .node-type-landing .field-collection-container > .field-type-field-collection > .field-items > .field-item {
      margin-bottom: 20px; } }
  @media (min-width: 390px) and (max-width: 767px) {
    .node-type-landing {
      /* Section header image width of 370px */ }
      .node-type-landing .field-name-field-landing-page-item .span4 {
        float: left;
        width: 48%; }
      .node-type-landing .field-name-field-landing-page-item .span4:nth-child(2n+1) {
        margin-right: 4%; } }

/* Announcements View */
.page-announcements .view-announcements .view-content article {
  border: 2px solid #ddd;
  padding: 15px; }

.page-announcements .view-announcements .view-content .views-row h3 {
  padding-top: 5px; }

.page-announcements .view-announcements .view-content .views-row h3 a {
  color: #827252;
  border-bottom: 1px dotted #827252; }

.page-announcements .view-announcements .view-content .views-row h3 a:hover,
.page-announcements .view-announcements .view-content .views-row h3 a:active {
  color: #820000;
  border-bottom: 1px dotted #820000; }

.page-announcements .view-announcements .view-content > h3 {
  border-bottom: 1px solid #bbb;
  color: #820000;
  font-size: 24px;
  margin: 0 0 0.5em 0;
  padding: 0.5em 0 0 0; }

/* Announcement Page and Node */
.node-type-announcement .content-body .node-announcement .field-type-datetime,
.page-announcements .content-body .node-announcement .field-type-datetime {
  margin: 0 0 1em 0; }

.node-type-announcement .content-body .node-announcement .date-display-single {
  display: block;
  color: #820000;
  font-size: 1.4em;
  margin: 0; }

/* ----- Software Page ----- */
.node-type-software .sidebar .view-content {
  height: auto !important; }

.node-type-software .sidebar .views-field:last-child .field-content {
  margin-bottom: 0px; }

.node-type-software .block.well .content h2 {
  font-weight: 400;
  margin: 0 0 12px 0; }

.node-type-software .block.well .content ul {
  margin-top: 0; }

.node-type-software .sidebar div.field-content a.btn:visited,
.node-type-software .sidebar span.field-content a.btn:visited {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3; }

.node-type-software .sidebar .btn.btn-block {
  margin-bottom: 15px; }

.node-type-software .node-software #overview {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px; }

.node-type-software .sidebar .views-field-field-software-link {
  margin-bottom: 10px; }

.node-type-software .sidebar .views-field-field-software-version {
  text-align: center;
  font-style: italic; }
  .node-type-software .sidebar .views-field-field-software-version .views-label-field-software-version {
    display: inline-block; }
  .node-type-software .sidebar .views-field-field-software-version .field-content {
    display: inline-block; }

#block-views-software-block-3 i {
  color: #DAD7CB;
  margin: -25px 0 0 20px; }

#block-views-software-block-3 h2 {
  margin: 0;
  padding: 10px 0px;
  font-size: 18px;
  font-weight: normal;
  color: #5F574F;
  padding-left: 90px; }

#block-views-software-block-3 .view-content {
  margin-left: 90px; }

/* Google Custom Search Box Block */
td.gsc-search-button {
  position: relative; }

.gsc-search-button-v2 {
  position: absolute;
  right: 13px;
  z-index: 13;
  padding: 8px !important; }

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  filter: none !important; }

.gsc-search-button-v2 svg {
  fill: #565347 !important;
  height: 18px !important;
  width: 18px !important; }

@media (min-width: 768px) {
  #google-search {
    display: none;
    position: absolute;
    right: 0;
    top: 56px;
    z-index: 12; }
  #block-its-search-its-search-search {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    background: #f4f4f4;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
    text-align: left;
    border: 1px solid #e9e6df; }
  #block-its-search-its-search-search:before {
    content: '';
    position: absolute;
    top: 0;
    left: 90%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #f4f4f4;
    border-top: 0;
    margin-left: -20px;
    margin-top: -20px; }
  #search-icon {
    display: inline-block;
    border-left: 1px solid #2E2D29;
    padding-left: 10px;
    margin: 5px 0;
    height: 25px; }
  #search-button {
    display: inline-block;
    background: url("../images/magnifying-glass.png") no-repeat center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
    margin-top: -2px; }
  .gsc-input-box {
    margin: 0; } }

@media (max-width: 767px) {
  #google-search {
    display: block !important; }
  #search-icon {
    display: none; }
  table.gsc-search-box {
    width: 1px !important; }
  .gsc-input-box {
    margin-left: 5px; } }

/* Clear Search */
table.gsc-search-box td.gsib_b {
  padding: 0 30px 0 0; }

/* GSC Branding */
td.gsc-branding-user-defined {
  display: block; }

#gs_id50 {
  width: calc(100% - 5px) !important;
  margin-left: 5px; }

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  border-color: #fff !important;
  background-color: #fff !important;
  filter: none !important;
  border: none !important;
  background: url("../images/searchbutton.png") no-repeat center !important;
  box-sizing: border-box !important;
  padding-right: 0 !important;
  height: 32px !important; }

.gsc-input-box {
  width: 250px;
  height: 25px;
  border-radius: 20px;
  padding: 5px 10px; }

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important; }

.gsst_a .gscb_a {
  color: #565347 !important;
  cursor: pointer; }

input.gsc-search-button-v2 {
  margin-left: -10px; }

table.gsc-search-box td {
  vertical-align: top !important;
  padding: 0;
  background: transparent !important; }

table.gsc-branding {
  display: none; }

/* Google Custom Search Box */
.gsib_a .gsc-input {
  border: none !important;
  box-shadow: none !important;
  transition: none !important; }

td.gsib_a {
  padding: 0 !important; }

.gsc-search-box td,
.gsc-search-box th {
  border: none !important; }

.gsc-control-cse td,
.gsc-control-cse th {
  border: none;
  padding: 0 !important; }

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding: 0 !important; }

.gsc-control-cse {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important; }

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important; }

a.gsst_a {
  border: none !important; }

.gs-promotion {
  padding: 0 0.5em !important; }

/* Google Custom Search Results */
.page-search {
  /* Search Result - Search Box */
  /* Search Result - Wrapper */
  /* Search Result Info */
  /* Search Result Title */
  /* Search Result URL */
  /* Search Result Description */ }
  .page-search tbody td {
    background-color: transparent; }
  .page-search a,
  .page-search a:hover,
  .page-search a:focus {
    border-bottom: none; }
  .page-search .gsc-result .gs-title {
    height: auto; }
  .page-search .gsc-webResult.gsc-result.gsc-promotion:hover {
    border: 1px solid #C5BEAE; }
  .page-search .gsc-input-box {
    padding-right: 40px !important;
    width: auto !important;
    min-width: 50vw !important; }
  .page-search .cse .gsc-search-button input.gsc-search-button-v2,
  .page-search input.gsc-search-button-v2 {
    margin-right: 8px; }
  .page-search .cse .gsc-control-cse,
  .page-search .gsc-control-cse {
    border: none !important; }
  .page-search .gsc-control-cse,
  .page-search .gsc-wrapper {
    background-color: #ffffff !important;
    box-sizing: border-box !important; }
  @media (min-width: 1200px) {
    .page-search .gsc-control-cse {
      padding: 30px !important; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .page-search .gsc-control-cse {
      padding: 20px !important; } }
  @media (max-width: 767px) {
    .page-search .gsc-control-cse {
      padding: 10px !important; } }
  .page-search .gsc-result-info {
    font-size: 14px !important; }
  .page-search .gsc-control-cse .gs-spelling,
  .page-search .gsc-control-cse .gs-result .gs-title,
  .page-search .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px !important; }
  .page-search .gs-webResult div.gs-visibleUrl,
  .page-search .gs-imageResult div.gs-visibleUrl {
    font-size: 16px !important; }
  .page-search .gsc-control-cse,
  .page-search .gsc-control-cse .gsc-table-result {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 16px !important; }

/* Events */
.page-events .date-display-range,
.node-type-stanford-event .date-display-range {
  display: inline; }

.page-events {
  background: #f4f4f4;
  /* Layout */
  /* Events Entry */
  /* Event Spotlight Card */ }
  .page-events h1 {
    margin: 0;
    padding: 20px 0 30px 0; }
  .page-events .main {
    background: #f4f4f4;
    /* Background image */
    background-image: url(../images/events-background.jpg);
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    padding-bottom: 30px; }
  .page-events #content-title,
  .page-events #content {
    background: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 0; }
  .page-events .card.card-block {
    border: none;
    border-top: 1px solid #ddd;
    margin: 0; }
    .page-events .card.card-block h2 {
      color: #8c1515;
      font-size: 24px; }
    .page-events .card.card-block .date {
      font-weight: 400; }
  .page-events .card.card-block:hover,
  .page-events .card.card-block:active {
    background: #f4f4f4; }
  .page-events .view-events {
    margin-bottom: 30px; }
  .page-events #block-views-homepage-news-event-spotlight .view-footer {
    margin-top: 30px; }
  .page-events #block-views-homepage-news-event-spotlight .card.card-block {
    background: #0f6b58; }
    .page-events #block-views-homepage-news-event-spotlight .card.card-block .card-content {
      color: #fff;
      background: #0f6b58;
      padding: 20px; }
      .page-events #block-views-homepage-news-event-spotlight .card.card-block .card-content a {
        color: #fff; }
    .page-events #block-views-homepage-news-event-spotlight .card.card-block h2 {
      color: #fff; }

.node-type-stanford-event {
  /* Breadcrumb */ }
  .node-type-stanford-event .breadcrumb {
    margin: 0 0 10px 0; }

/* Full Width Guide */
.full-width-guide.node-type-guide {
  /* Layout */
  /* Full Width Section */ }
  .full-width-guide.node-type-guide .main {
    position: relative;
    z-index: 10;
    background: #fff; }
    .full-width-guide.node-type-guide .main .tabs {
      margin: 15px 0;
      position: relative;
      z-index: 1; }
  .full-width-guide.node-type-guide .main,
  .full-width-guide.node-type-guide .content-head,
  .full-width-guide.node-type-guide .mc-content,
  .full-width-guide.node-type-guide .content-body .region-content {
    margin-bottom: 0; }
  .full-width-guide.node-type-guide #main > .container {
    margin-top: 0; }
  .full-width-guide.node-type-guide section.hero {
    margin-bottom: 0; }
  .full-width-guide.node-type-guide #fullwidth-bottom {
    background: #fff;
    font-weight: 300; }
    @media (min-width: 1440px) {
      .full-width-guide.node-type-guide #fullwidth-bottom .container {
        width: 100%; } }
    .full-width-guide.node-type-guide #fullwidth-bottom #content-title,
    .full-width-guide.node-type-guide #fullwidth-bottom .field-collection-container {
      display: none; }
    .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
      margin: 0 auto;
      padding: 50px 0;
      border: 0; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body h2 .fa {
        display: block;
        margin-bottom: 10px; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group {
        padding: 0;
        border-radius: 5px; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group .accordion-heading {
          margin: 0; }
          .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group .accordion-heading a {
            display: inline-block;
            width: 100%;
            border: none;
            border-radius: 5px 5px 0 0;
            background: #f4f4f4; }
            .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group .accordion-heading a:hover, .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group .accordion-heading a:active {
              color: #8c1515; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body.accordion-group .accordion-inner {
          background: #f4f4f4; }
      @media (min-width: 1440px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
          width: 1400px; }
          .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body[class*="span"] {
            width: auto; } }
      @media (min-width: 1200px) and (max-width: 1439px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
          width: 1170px; }
          .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body[class*="span"] {
            width: auto; } }
      @media (min-width: 980px) and (max-width: 1199px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
          width: 940px; }
          .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body[class*="span"] {
            width: auto; } }
      @media (min-width: 768px) and (max-width: 979px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
          width: 724px; }
          .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body[class*="span"] {
            width: auto; } }
      @media (max-width: 767px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body {
          margin-left: 20px;
          margin-right: 20px; } }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > h2 {
        text-align: center;
        font-size: 42px;
        line-height: 1.2em;
        font-weight: 300;
        color: #2e2d29;
        margin: 0 auto 0.5em 0; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body p.lead {
        margin-bottom: 30px; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body dt {
        font-weight: 400; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body p,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body ul,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body ol,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body dl,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body th,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body td {
        font-size: 18px;
        line-height: 1.5em; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body ul li {
        padding-left: 5px; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .alert {
        padding: 20px; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .alert h2,
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .alert h3 {
          font-size: 24px; }
      @media (min-width: 768px) {
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > p:not(.center),
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > ul,
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > ol,
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > dl,
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > .alert,
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > .table {
          max-width: 75%;
          margin-left: auto;
          margin-right: auto;
          box-sizing: border-box; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body > ul li {
          margin-left: 15px; } }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .row-fluid:first-of-type {
        margin-top: 50px; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card h2,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card h3 {
        font-size: 22px;
        border-bottom: none; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card p,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card ul,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card ol,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card dl,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card th,
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card td {
        font-size: 16px; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section .section-body .card .more-link {
        font-size: 16px; }
    .full-width-guide.node-type-guide #fullwidth-bottom .section section,
    .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white {
      padding: 20px 0;
      background: #fff; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section section .card,
      .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .card {
        background: #f4f4f4; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group,
      .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group {
        background: #f4f4f4; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-heading a,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-heading a {
          text-align: center;
          font-size: 36px;
          line-height: 1.2em;
          display: block;
          font-weight: 300;
          color: #2e2d29;
          padding: 0.5em 0; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-heading a,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-heading a,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner {
          background: #f4f4f4; }
        @media (min-width: 768px) {
          .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner,
          .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner {
            padding-left: 40px;
            padding-right: 40px; }
            .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner > p:not(.center),
            .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner > ul,
            .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner > ol,
            .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .accordion-inner > dl,
            .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner > p:not(.center),
            .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner > ul,
            .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner > ol,
            .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .accordion-inner > dl {
              width: 75%;
              margin-left: auto;
              margin-right: auto; } }
        .full-width-guide.node-type-guide #fullwidth-bottom .section section .accordion-group .card,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-white .accordion-group .card {
          background: #fff; }
    .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray {
      background: #f4f4f4; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray .card {
        background: #fff; }
      .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray .accordion-group {
        background: #fff; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray .accordion-group .accordion-heading a,
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray .accordion-group .accordion-inner {
          background: #fff; }
        .full-width-guide.node-type-guide #fullwidth-bottom .section section.section-bg-gray .accordion-group .card {
          background: #f4f4f4; }

.view-portfolio .view-content h2 {
  clear: both;
  font-size: 32px;
  color: #3F3C30;
  margin: 1em 0;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
  font-weight: 300; }

.view-portfolio .view-content .card.card-block {
  border: none; }
  .view-portfolio .view-content .card.card-block img {
    border: 1px solid #ddd;
    box-sizing: border-box; }

.view-portfolio .view-content .card.span4:nth-child(3n+1) {
  margin-left: 0; }

.view-portfolio .view-content .card-content h3 {
  text-align: center;
  border: none;
  font-weight: 400; }

.node-type-service-page.node-type-service-page--new {
  /* Anchor */ }
  .node-type-service-page.node-type-service-page--new #main > .container {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding-top: 0; }
  .node-type-service-page.node-type-service-page--new #main-top,
  .node-type-service-page.node-type-service-page--new #content-wrapper {
    padding: 0; }
  .node-type-service-page.node-type-service-page--new #block-views-updated-date-block {
    text-align: center; }
  .node-type-service-page.node-type-service-page--new .content-body {
    box-sizing: border-box;
    background-color: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 20px; }
  @media (min-width: 768px) {
    .node-type-service-page.node-type-service-page--new .content-body {
      padding: 20px 10%; } }
  @media (max-width: 767px) {
    .node-type-service-page.node-type-service-page--new .content-body {
      padding: 20px; } }
  .node-type-service-page.node-type-service-page--new article section {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
  .node-type-service-page.node-type-service-page--new section p,
  .node-type-service-page.node-type-service-page--new section li,
  .node-type-service-page.node-type-service-page--new section th,
  .node-type-service-page.node-type-service-page--new section td {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 300; }
  .node-type-service-page.node-type-service-page--new section ul,
  .node-type-service-page.node-type-service-page--new section ol,
  .node-type-service-page.node-type-service-page--new section dl {
    margin-bottom: 1em; }
  .node-type-service-page.node-type-service-page--new .content section h2 {
    clear: both;
    color: #5f574f;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    margin: 1em 0 20px 0;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #ddd; }
  .node-type-service-page.node-type-service-page--new .content-body .content section > h2:first-child {
    margin-top: 0.5em; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-overview {
    margin: -20px auto 0px auto;
    padding: 80px 0 20px 0;
    background: #fff;
    box-sizing: border-box; }
    .node-type-service-page.node-type-service-page--new .content section.field-service-overview p:first-child {
      font-size: 22px;
      line-height: 1.5em;
      font-weight: 300; }
      @media (max-width: 480px) {
        .node-type-service-page.node-type-service-page--new .content section.field-service-overview p:first-child {
          font-size: 20px; } }
    .node-type-service-page.node-type-service-page--new .content section.field-service-overview p:last-child {
      margin-bottom: 0; }
  @media (max-width: 767px) {
    .node-type-service-page.node-type-service-page--new .content section.field-service-overview {
      margin: -20px -20px 0px -20px;
      padding: 20px;
      text-align: left; } }
  .node-type-service-page.node-type-service-page--new .content section > h2:before,
  .node-type-service-page.node-type-service-page--new .content-body h2:before {
    font-family: FontAwesome;
    font-size: 42px;
    margin: 0;
    padding: 10px;
    display: block; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-overview > h2:before {
    content: "\f05a"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-designed-for > h2:before {
    content: "\f0c0"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-features > h2:before {
    content: "\f058"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-requirements > h2:before {
    content: "\f0ae"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-data-security > h2:before {
    content: "\f132"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-rates > h2:before {
    content: "\f09d"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-get-started > h2:before {
    content: "\f135"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-get-help > h2:before {
    content: "\f059"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-learn-more > h2:before {
    content: "\f05a"; }
  .node-type-service-page.node-type-service-page--new .content section.field-service-see-also > h2:before {
    content: "\f0a9"; }
  .node-type-service-page.node-type-service-page--new .content section > h2 i.fa {
    font-family: FontAwesome;
    font-size: 42px;
    margin: 0;
    padding: 10px;
    display: block; }
  .node-type-service-page.node-type-service-page--new .content section > h3 {
    clear: both;
    color: #5f574f;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    margin: 1.2em 0 20px 0;
    padding: 5px; }
  .node-type-service-page.node-type-service-page--new section .card {
    border-radius: 0; }
  .node-type-service-page.node-type-service-page--new .content-body h2.designed-for-icon:before {
    content: "\f0c0"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.features-icon:before {
    content: "\f058"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.rates-icon:before {
    content: "\f09d"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.learn-more-icon:before {
    content: "\f05a"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.related-services-icon:before {
    content: "\f0a9"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.rocket-icon:before {
    content: "\f135"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.support-icon:before {
    content: "\f059"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.policy-icon:before {
    content: "\f02d"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.accessibility-icon:before {
    content: "\f29a"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.testimonials-icon:before {
    content: "\f0c0"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.date-icon:before {
    content: "\f073"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.mail-icon:before {
    content: "\f0e0"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.rss-icon:before {
    content: "\f09e"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.star-icon:before {
    content: "\f005"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.video-icon:before {
    content: "\f03d"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.road-icon:before {
    content: "\f018"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.magic-icon:before {
    content: "\f0d0"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.table-icon:before {
    content: "\f0ce"; }
  .node-type-service-page.node-type-service-page--new .content-body h2.hourglass-icon:before {
    content: "\f254"; }
  @media (min-width: 768px) {
    .node-type-service-page.node-type-service-page--new .content section::before {
      display: block;
      content: " ";
      visibility: hidden; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .node-type-service-page.node-type-service-page--new .content section::before {
      margin-top: -300px;
      height: 300px; } }
  @media (min-width: 980px) {
    .node-type-service-page.node-type-service-page--new .content section::before {
      margin-top: -200px;
      height: 200px; } }

.page-r25 #stanford-r25-room-info {
  border-radius: 0 0 4px 4px;
  border: 1px solid #ddd;
  margin-bottom: 30px; }

.page-r25 #stanford-r25-room-photo {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 1em; }

.page-r25 #stanford-r25-room-photo img {
  border-radius: 0; }

.page-r25 #stanford-r25-room-comments,
.page-r25 #stanford-r25-room-capacity,
.page-r25 #stanford-r25-room-features {
  margin: 0 0 1em 0; }

.page-r25 #stanford-r25-room-layout {
  display: none; }

.page-r25 #stanford-r25-room-detail {
  background: #fff;
  padding: 20px;
  border-radius: 0 0 4px 4px; }

.page-r25 .well {
  border-top: 3px solid #bbb;
  background: #eee; }

.page-r25 .fc-widget-header table {
  margin: 0; }

.node-type-class .field .field-label {
  font-weight: 400; }

/* Service Alert Page */
.node-type-service-alert {
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 40%, #fff 80%) no-repeat;
  /* Background */ }
  @media (min-width: 768px) {
    .node-type-service-alert .main {
      margin: 0; }
      .node-type-service-alert .main .block,
      .node-type-service-alert .main .views-row {
        margin: 0; }
      .node-type-service-alert .main .content-body {
        background: #fff;
        padding: 4.5vw 0;
        position: relative; } }
  @media (max-width: 767px) {
    .node-type-service-alert .main .content-body {
      background: #fff;
      padding: 15px;
      box-sizing: border-box; } }
  .node-type-service-alert .main .block {
    margin: 0; }
  .node-type-service-alert #content-title {
    margin-bottom: 0; }
  .node-type-service-alert .content-body {
    font-size: 18px;
    /* Subtitles */
    /* List items Indent */ }
    .node-type-service-alert .content-body dd,
    .node-type-service-alert .content-body dt,
    .node-type-service-alert .content-body h1,
    .node-type-service-alert .content-body h2,
    .node-type-service-alert .content-body h3,
    .node-type-service-alert .content-body h4,
    .node-type-service-alert .content-body h5,
    .node-type-service-alert .content-body h6,
    .node-type-service-alert .content-body li,
    .node-type-service-alert .content-body p,
    .node-type-service-alert .content-body td,
    .node-type-service-alert .content-body th {
      letter-spacing: normal; }
    .node-type-service-alert .content-body dd,
    .node-type-service-alert .content-body dt,
    .node-type-service-alert .content-body li,
    .node-type-service-alert .content-body p,
    .node-type-service-alert .content-body td,
    .node-type-service-alert .content-body th {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-service-alert .content-body h1.title {
      color: #2e2d29;
      line-height: 1.1em;
      letter-spacing: normal;
      margin-bottom: 0.5em; }
    .node-type-service-alert .content-body h2 {
      font-size: 24px; }
    .node-type-service-alert .content-body h3 {
      font-size: 22px; }
    .node-type-service-alert .content-body h4 {
      font-size: 20px; }
    .node-type-service-alert .content-body p.small {
      font-size: 15px; }
    .node-type-service-alert .content-body .float-right {
      clear: right; }
      @media (min-width: 980px) {
        .node-type-service-alert .content-body .float-right {
          margin: 0 -8% 30px 30px; } }
    .node-type-service-alert .content-body .float-left {
      clear: left; }
      @media (min-width: 980px) {
        .node-type-service-alert .content-body .float-left {
          margin: 0 30px 30px -8%; } }
    .node-type-service-alert .content-body .field-name-field-date {
      text-transform: uppercase;
      font-size: 17px;
      color: #8c1515;
      margin-bottom: 1em; }
    .node-type-service-alert .content-body .field-name-field-featured-image img {
      margin: 0 0 15px 0;
      float: left; }
    .node-type-service-alert .content-body .field-name-field-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-service-alert .content-body ul.indent,
    .node-type-service-alert .content-body ol.indent {
      overflow: hidden;
      list-style-position: inside; }
    .node-type-service-alert .content-body .card {
      font-weight: 400; }
      .node-type-service-alert .content-body .card h3 {
        text-align: left;
        border: none;
        font-size: 18px;
        margin-bottom: 0.3em; }
      .node-type-service-alert .content-body .card h3 a {
        color: #820000;
        font-weight: 400; }
      .node-type-service-alert .content-body .card h3 a:hover,
      .node-type-service-alert .content-body .card h3 a:focus {
        color: #820000;
        text-decoration: underline; }
    .node-type-service-alert .content-body .card.span4:nth-child(3n+1) {
      clear: both;
      margin-left: 0; }
    .node-type-service-alert .content-body .field-name-field-newsletter-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-service-alert .content-body aside p,
    .node-type-service-alert .content-body aside li {
      font-size: 16px; }
    @media (min-width: 980px) {
      .node-type-service-alert .content-body aside,
      .node-type-service-alert .content-body figure {
        float: right;
        display: block;
        width: 360px;
        box-sizing: border-box;
        margin: 0 -8% 30px 30px;
        clear: right; } }
    @media (min-width: 768px) {
      .node-type-service-alert .content-body {
        /* Newsletter Images */ }
        .node-type-service-alert .content-body .image-newsletter_photo ~ .caption {
          display: block;
          width: 360px; }
        .node-type-service-alert .content-body .image-newsletter_landscape ~ .caption {
          display: block;
          width: 480px; }
        .node-type-service-alert .content-body .image-newsletter_portrait ~ .caption {
          display: block;
          width: 240px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .node-type-service-alert .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-service-alert .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; }
      .node-type-service-alert .content-body .float-left,
      .node-type-service-alert .content-body .float-right {
        display: block;
        float: none;
        margin: 0 0 15px 0;
        width: auto !important; } }
    @media (max-width: 979px) {
      .node-type-service-alert .content-body aside,
      .node-type-service-alert .content-body figure {
        width: 100%;
        margin: 0 0 30px 0;
        box-sizing: border-box; }
      .node-type-service-alert .content-body aside:before,
      .node-type-service-alert .content-body aside:after,
      .node-type-service-alert .content-body figure:before,
      .node-type-service-alert .content-body figure:after {
        display: table;
        line-height: 0;
        content: ""; }
      .node-type-service-alert .content-body aside:after,
      .node-type-service-alert .content-body figure:after {
        clear: both; } }
    @media (max-width: 480px) {
      .node-type-service-alert .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-service-alert .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; } }
  .node-type-service-alert .card,
  .node-type-service-alert .card h3 a {
    font-weight: 300; }
  .node-type-service-alert #content-title {
    margin-top: 1em; }
  .node-type-service-alert .caption {
    font-size: 15px;
    font-weight: 400; }
  .node-type-service-alert .btn-success {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .node-type-service-alert .video-player {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .node-type-service-alert {
      /* Disclaimer */ }
      .node-type-service-alert #block-system-main {
        margin: 0 15%; }
      .node-type-service-alert #block-block-39 {
        margin: 0 15%; } }
  .node-type-service-alert #fullwidth-bottom {
    margin-top: 30px;
    background: #f4f4f4; }
    .node-type-service-alert #fullwidth-bottom .container {
      margin: 0 auto; }
      @media (min-width: 1440px) {
        .node-type-service-alert #fullwidth-bottom .container {
          width: 1400px; } }
      @media (min-width: 1200px) and (max-width: 1439px) {
        .node-type-service-alert #fullwidth-bottom .container {
          width: 1170px; } }
      @media (min-width: 980px) and (max-width: 1199px) {
        .node-type-service-alert #fullwidth-bottom .container {
          width: 940px; } }
      @media (min-width: 768px) and (max-width: 979px) {
        .node-type-service-alert #fullwidth-bottom .container {
          width: 724px; } }
  .node-type-service-alert #block-views-news-what-to-read-next {
    padding: 10px 0; }
    .node-type-service-alert #block-views-news-what-to-read-next > h2 {
      font-size: 36px;
      color: #2e2d29;
      font-weight: 300;
      margin: 30px 0;
      padding: 0px;
      text-align: center; }
    .node-type-service-alert #block-views-news-what-to-read-next .view-footer p {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-service-alert #block-views-news-what-to-read-next .view-footer p a:after {
      content: "\f0a9";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      margin-left: 5px; }
    @media (max-width: 768px) {
      .node-type-service-alert #block-views-news-what-to-read-next {
        padding: 10px; } }

/* ----- Hardware Page ----- */
.node-type-hardware .field-name-field-image {
  text-align: center; }

.node-type-hardware .sidebar .view-content {
  height: auto !important; }

.node-type-hardware .sidebar .views-field:last-child .field-content {
  margin-bottom: 0px; }

.node-type-hardware .block.well .content h2 {
  font-weight: 400;
  margin: 0 0 12px 0; }

.node-type-hardware .block.well .content ul {
  margin-top: 0; }

.node-type-hardware .sidebar div.field-content a.btn:visited,
.node-type-hardware .sidebar span.field-content a.btn:visited {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3; }

.node-type-hardware .sidebar .btn.btn-block {
  margin-bottom: 15px; }

/* Blog Page */
.page-blog .main {
  background: #dad7cb; }

.page-blog .breadcrumb {
  margin: 0 0 5px 0; }

.page-blog ul.pager li a:hover,
.page-blog ul.pager li a:focus,
.page-blog ul.pager li.pager-current {
  background: #b6b1a9; }

.page-blog ul.pager li.pager-current {
  padding: 6px 10px; }

.page-blog .box {
  background: #5e3032;
  color: #ffffff; }

/* Blog Card Style */
.page-blog,
.node-type-blog-post {
  /* Blog Card Style */ }
  .page-blog .breadcrumb a,
  .node-type-blog-post .breadcrumb a {
    color: #5f574f; }
  .page-blog .card.card-block,
  .node-type-blog-post .card.card-block {
    border: none;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
    @media (min-width: 980px) {
      .page-blog .card.card-block,
      .node-type-blog-post .card.card-block {
        margin-bottom: 30px; } }
    .page-blog .card.card-block h2,
    .node-type-blog-post .card.card-block h2 {
      font-weight: 400;
      padding-bottom: 0;
      margin-bottom: 12px; }
    .page-blog .card.card-block img,
    .node-type-blog-post .card.card-block img {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .page-blog .card.card-block .card-content,
    .node-type-blog-post .card.card-block .card-content {
      position: relative;
      background: #fff;
      padding-top: 50px;
      font-weight: 400; }
      .page-blog .card.card-block .card-content .category,
      .node-type-blog-post .card.card-block .card-content .category {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 100%;
        z-index: 20; }
      .page-blog .card.card-block .card-content .author-info,
      .page-blog .card.card-block .card-content .date,
      .node-type-blog-post .card.card-block .card-content .author-info,
      .node-type-blog-post .card.card-block .card-content .date {
        display: block;
        border: none;
        margin-bottom: 0.5em; }
      .page-blog .card.card-block .card-content .author-info,
      .node-type-blog-post .card.card-block .card-content .author-info {
        font-size: 16px;
        color: #000;
        font-style: italic; }
      .page-blog .card.card-block .card-content .date,
      .node-type-blog-post .card.card-block .card-content .date {
        font-size: 15px;
        color: #3f3c30;
        text-transform: uppercase; }
      .page-blog .card.card-block .card-content h2,
      .node-type-blog-post .card.card-block .card-content h2 {
        color: #000;
        font-size: 24px; }

.page-blog.page-blog-content-management .card.card-block .card-content {
  padding-top: 20px; }

#block-menu-menu-menu-blog,
#block-menu-menu-blog-sections {
  background: #ffffff;
  padding: 20px; }
  #block-menu-menu-menu-blog h2,
  #block-menu-menu-blog-sections h2 {
    color: #8c1515;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600; }
  #block-menu-menu-menu-blog ul.nav,
  #block-menu-menu-blog-sections ul.nav {
    margin-bottom: 0; }
    #block-menu-menu-menu-blog ul.nav li,
    #block-menu-menu-blog-sections ul.nav li {
      padding: 5px 10px; }
      #block-menu-menu-menu-blog ul.nav li a,
      #block-menu-menu-blog-sections ul.nav li a {
        color: #2e2d29; }
      #block-menu-menu-menu-blog ul.nav li.active-trail,
      #block-menu-menu-blog-sections ul.nav li.active-trail {
        background: #3f3c30; }
        #block-menu-menu-menu-blog ul.nav li.active-trail a,
        #block-menu-menu-blog-sections ul.nav li.active-trail a {
          color: #ffffff; }

/* Individual Blog Post */
.node-type-blog-post {
  background: linear-gradient(to bottom, #dad7cb 0%, #dad7cb 40%, #fff 80%) no-repeat;
  /* Background */ }
  @media (min-width: 768px) {
    .node-type-blog-post .main {
      margin: 0; }
      .node-type-blog-post .main .block,
      .node-type-blog-post .main .views-row {
        margin: 0; }
      .node-type-blog-post .main .content-body {
        background: #fff;
        padding: 4.5vw 0;
        position: relative; } }
  @media (max-width: 767px) {
    .node-type-blog-post .main .content-body {
      background: #fff;
      padding: 15px;
      box-sizing: border-box; } }
  .node-type-blog-post .main .block {
    margin: 0; }
  .node-type-blog-post #content-title {
    margin-bottom: 0; }
  .node-type-blog-post .content-body {
    font-size: 18px;
    /* Subtitles */
    /* List items Indent */ }
    .node-type-blog-post .content-body dd,
    .node-type-blog-post .content-body dt,
    .node-type-blog-post .content-body h1,
    .node-type-blog-post .content-body h2,
    .node-type-blog-post .content-body h3,
    .node-type-blog-post .content-body h4,
    .node-type-blog-post .content-body h5,
    .node-type-blog-post .content-body h6,
    .node-type-blog-post .content-body li,
    .node-type-blog-post .content-body p,
    .node-type-blog-post .content-body td,
    .node-type-blog-post .content-body th {
      letter-spacing: normal; }
    .node-type-blog-post .content-body dd,
    .node-type-blog-post .content-body dt,
    .node-type-blog-post .content-body li,
    .node-type-blog-post .content-body p,
    .node-type-blog-post .content-body td,
    .node-type-blog-post .content-body th {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-blog-post .content-body h1.title {
      color: #2e2d29;
      line-height: 1.1em;
      letter-spacing: normal;
      margin-bottom: 0.5em; }
    .node-type-blog-post .content-body h2 {
      font-size: 28px; }
    .node-type-blog-post .content-body h3 {
      font-size: 24px; }
    .node-type-blog-post .content-body h4 {
      font-size: 22px; }
    .node-type-blog-post .content-body p.small {
      font-size: 15px; }
    .node-type-blog-post .content-body dl,
    .node-type-blog-post .content-body ul,
    .node-type-blog-post .content-body ol {
      margin-bottom: 1em; }
    .node-type-blog-post .content-body blockquote {
      border-left: 5px solid #00505c; }
      .node-type-blog-post .content-body blockquote.pullquote,
      .node-type-blog-post .content-body blockquote.pullquote p {
        font-size: 20px;
        font-weight: 400;
        font-style: italic;
        text-indent: initial; }
    .node-type-blog-post .content-body .float-right {
      clear: right; }
      @media (min-width: 980px) {
        .node-type-blog-post .content-body .float-right {
          margin: 0 -8% 30px 30px; } }
    .node-type-blog-post .content-body .float-left {
      clear: left; }
      @media (min-width: 980px) {
        .node-type-blog-post .content-body .float-left {
          margin: 0 30px 30px -8%; } }
    .node-type-blog-post .content-body .author-info {
      font-size: 20px;
      color: #000;
      font-style: italic; }
      .node-type-blog-post .content-body .author-info .author,
      .node-type-blog-post .content-body .author-info .workgroup {
        display: inline-block; }
        .node-type-blog-post .content-body .author-info .author .field,
        .node-type-blog-post .content-body .author-info .workgroup .field {
          display: inline-block;
          margin-bottom: 0; }
      .node-type-blog-post .content-body .author-info .author,
      .node-type-blog-post .content-body .author-info .workgroup,
      .node-type-blog-post .content-body .author-info .field-name-field-date {
        margin-bottom: 1em; }
    .node-type-blog-post .content-body .date {
      text-transform: uppercase;
      font-size: 17px;
      color: #8c1515; }
    .node-type-blog-post .content-body .field-name-field-featured-image {
      margin: 0; }
      .node-type-blog-post .content-body .field-name-field-featured-image img {
        margin: 0 0 5px 0; }
    .node-type-blog-post .content-body .field-name-field-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-blog-post .content-body ul.indent,
    .node-type-blog-post .content-body ol.indent {
      overflow: hidden;
      list-style-position: inside; }
    .node-type-blog-post .content-body .card {
      font-weight: 400; }
      .node-type-blog-post .content-body .card h3 {
        text-align: left;
        border: none;
        font-size: 18px;
        margin-bottom: 0.3em; }
      .node-type-blog-post .content-body .card h3 a {
        color: #820000;
        font-weight: 400; }
      .node-type-blog-post .content-body .card h3 a:hover,
      .node-type-blog-post .content-body .card h3 a:focus {
        color: #820000;
        text-decoration: underline; }
    .node-type-blog-post .content-body .card.span4:nth-child(3n+1) {
      clear: both;
      margin-left: 0; }
    .node-type-blog-post .content-body .field-name-field-newsletter-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-style: italic; }
    .node-type-blog-post .content-body aside p,
    .node-type-blog-post .content-body aside li {
      font-size: 16px; }
    @media (min-width: 980px) {
      .node-type-blog-post .content-body aside,
      .node-type-blog-post .content-body figure {
        float: right;
        display: block;
        width: 360px;
        box-sizing: border-box;
        margin: 0 -8% 30px 30px;
        clear: right; } }
    @media (min-width: 768px) {
      .node-type-blog-post .content-body {
        /* Newsletter Images */ }
        .node-type-blog-post .content-body .image-newsletter_photo ~ .caption {
          display: block;
          width: 360px; }
        .node-type-blog-post .content-body .image-newsletter_landscape ~ .caption {
          display: block;
          width: 480px; }
        .node-type-blog-post .content-body .image-newsletter_portrait ~ .caption {
          display: block;
          width: 240px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .node-type-blog-post .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-blog-post .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; }
      .node-type-blog-post .content-body .float-left,
      .node-type-blog-post .content-body .float-right {
        display: block;
        float: none;
        margin: 0 0 15px 0;
        width: auto !important; } }
    @media (max-width: 979px) {
      .node-type-blog-post .content-body aside,
      .node-type-blog-post .content-body figure {
        width: 100%;
        margin: 0 0 30px 0;
        box-sizing: border-box; }
      .node-type-blog-post .content-body aside:before,
      .node-type-blog-post .content-body aside:after,
      .node-type-blog-post .content-body figure:before,
      .node-type-blog-post .content-body figure:after {
        display: table;
        line-height: 0;
        content: ""; }
      .node-type-blog-post .content-body aside:after,
      .node-type-blog-post .content-body figure:after {
        clear: both; } }
    @media (max-width: 480px) {
      .node-type-blog-post .content-body .card .postcard-right-wrap > div:first-child img,
      .node-type-blog-post .content-body .card .postcard-right > div:first-child img {
        width: 40px;
        margin-left: 10px;
        margin-bottom: 10px; } }
  .node-type-blog-post .card,
  .node-type-blog-post .card h3 a {
    font-weight: 300; }
  .node-type-blog-post #content-title {
    margin-top: 1em; }
  .node-type-blog-post .caption {
    font-size: 15px;
    font-weight: 400; }
  .node-type-blog-post .btn-success {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .node-type-blog-post .video-player {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .node-type-blog-post {
      /* Disclaimer */ }
      .node-type-blog-post #block-system-main {
        margin: 0 15%; }
      .node-type-blog-post #block-block-39 {
        margin: 0 15%; } }
  .node-type-blog-post #fullwidth-bottom {
    margin-top: 30px;
    background: #dad7cb; }
    .node-type-blog-post #fullwidth-bottom .container {
      margin: 0 auto; }
      @media (min-width: 1440px) {
        .node-type-blog-post #fullwidth-bottom .container {
          width: 1400px; } }
      @media (min-width: 1200px) and (max-width: 1439px) {
        .node-type-blog-post #fullwidth-bottom .container {
          width: 1170px; } }
      @media (min-width: 980px) and (max-width: 1199px) {
        .node-type-blog-post #fullwidth-bottom .container {
          width: 940px; } }
      @media (min-width: 768px) and (max-width: 979px) {
        .node-type-blog-post #fullwidth-bottom .container {
          width: 724px; } }
  .node-type-blog-post #block-views-blog-what-to-read-next {
    padding: 10px 0; }
    .node-type-blog-post #block-views-blog-what-to-read-next .card.card-block {
      border: none; }
      @media (min-width: 980px) and (max-width: 1199px) {
        .node-type-blog-post #block-views-blog-what-to-read-next .card.card-block .card-content .card-image img {
          max-width: 100px; } }
      @media (min-width: 768px) and (max-width: 979px) {
        .node-type-blog-post #block-views-blog-what-to-read-next .card.card-block .card-content .card-image img {
          max-width: 75px; } }
      @media (max-width: 767px) {
        .node-type-blog-post #block-views-blog-what-to-read-next .card.card-block .card-content .card-image img {
          max-width: 100px; } }
    .node-type-blog-post #block-views-blog-what-to-read-next > h2 {
      font-size: 36px;
      color: #2e2d29;
      font-weight: 300;
      margin: 30px 0;
      padding: 0px;
      text-align: center; }
    .node-type-blog-post #block-views-blog-what-to-read-next .view-footer p {
      font-weight: 300;
      color: #2e2d29;
      font-size: 18px; }
    .node-type-blog-post #block-views-blog-what-to-read-next .view-footer p a:after {
      content: "\f0a9";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      margin-left: 5px; }
    @media (max-width: 768px) {
      .node-type-blog-post #block-views-blog-what-to-read-next {
        padding: 10px; } }

/*doc
---
title: Image
name: image
category: Presentation
---

The image styles are to be applied to wrapper tags around image tags. These classes will not work if you apply them to the image tag itself, but can work at any level of wrapper div around the image. For example at the block level you can apply the border class once, and all images in the block will get that style.

<h2 class="styleguide">Border Simple</h2>

This class adds a 6px border around images by using background color and padding. It does add a 100% width to the image as well, and uses a clever calc() calculation with graceful degredation.

```html_example
<p class="border-simple"><img src="build/banner3.png" alt=""></p>
```

<h2 class="styleguide">Image (Full Width) with Caption</h2>

```html_example
<p class="border-simple"><img alt="" src="build/banner2.png" /><br />
<span class="caption">Caption text description. Photo Credit: Stanford University</span></p>
```

<h2 class="styleguide">Image (Float) with Caption</h2>

```html_example
<p class="float-left border-simple"><img alt="" src="build/thumbnail.png" /><br />
<span class="caption">Caption text description. Photo Credit: Stanford University</span></p>

<p class="float-right border-simple"><img alt="" src="build/thumbnail.png" /><br />
<span class="caption">Caption text description. Photo Credit: Stanford University</span></p>

<p>Ut porttitor nibh ac risus scelerisque, nec aliquet ex volutpat. Maecenas vestibulum tincidunt dictum. Nulla sagittis pellentesque nisi. Fusce quis neque ut diam ornare molestie. Donec a lacus elementum, gravida enim ac, dapibus urna. Etiam luctus ex in leo aliquam eleifend. Pellentesque efficitur tellus est, eu euismod sapien pretium in. Ut scelerisque quam ligula, sit amet lobortis purus semper sed. Suspendisse a eros accumsan, efficitur dui nec, posuere ex. Curabitur a eros nibh. Aliquam aliquam nisi lectus, nec tristique nunc dictum ut.</p>
```
*/
.caption {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 15px; }

/* ----- Paper ----- */
.paper {
  background-color: white;
  border: 1px solid #e9e6df;
  border-radius: 4px;
  *zoom: 1; }
  .paper:before, .paper:after {
    display: table;
    content: ""; }
  .paper:after {
    clear: both; }

@media (min-width: 768px) {
  .paper {
    padding: 20px; } }

@media (max-width: 767px) {
  .paper {
    padding: 10px; } }

/*doc
---
title: Poster
name: poster
category: Layout
---

Create content containers with the `poster` class.  Use **background-color** inline CSS to set transparency. [Cards][card] are often used within posters.

[Color options][color] include:

* Red `poster poster-red`
* Orange `poster poster-orange`
* Green `poster poster-green`
* Blue `poster poster-blue`
* Purple `poster poster-purple`
* Gray `poster poster-gray`

```html_example
<div class="poster poster-green" style="background-color: rgba(255, 255, 255, 0.7);">
    <h2><i class="fa fa-cubes fa-2x"></i>Green Poster</h2>
    <div class="row-fluid">
        <div class="span6 card card-green column">
            <h3>Green Card 1</h3>
            <p>Donec efficitur faucibus ipsum, eu efficitur felis mollis et. Etiam vel enim commodo, pulvinar metus a, elementum ligula. Nunc eleifend dignissim posuere.</p>
            <p class="center"><a class="more-link" href="#">Learn more <span class="element-invisible"> about [this]</span></a></p>
        </div>
        <div class="span6 card card-green column">
            <h3>Green Card 2</h3>
            <p>Aenean dapibus volutpat turpis, vel molestie velit consequat in. Aliquam sed nisi ac nunc tempor consequat.</p>
            <p class="center"><a class="more-link" href="#">Learn more <span class="element-invisible"> about [this]</span></a></p>
        </div>
    </div>
</div>
```
*/
.poster {
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #e9e6df;
  border-radius: 4px;
  margin-bottom: 20px;
  *zoom: 1; }
  .poster:before, .poster:after {
    display: table;
    content: ""; }
  .poster:after {
    clear: both; }
  @media (min-width: 768px) {
    .poster {
      padding: 20px 40px; } }
  @media (max-width: 767px) {
    .poster {
      padding: 10px; } }

.poster p,
.poster li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300; }

.poster p.footnote {
  font-size: 15px;
  line-height: 20px; }

.poster h2 {
  clear: both;
  color: #5f574f;
  text-align: center;
  font-size: 32px;
  font-weight: 300;
  margin: 1em 0 20px 0;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #ddd; }

.poster h2:first-child {
  border-top: none; }

.poster h2 i.fa {
  display: block;
  font-size: 60px;
  padding: 10px 20px; }

.poster > h3,
.poster .section > h3 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0.01em;
  margin: 20px 0 10px 0;
  font-weight: 300;
  text-align: center;
  background: #565347;
  color: #fff;
  padding: 5px; }

.poster .card h2,
.poster .card h3 {
  background: transparent; }

.poster.poster-red h2,
.poster.poster-red h3 {
  color: #c0392b; }

.poster.poster-orange h2,
.poster.poster-orange h3 {
  color: #9b5111; }

.poster.poster-green h2,
.poster.poster-green h3 {
  color: #0f6b58; }

.poster.poster-blue h2,
.poster.poster-blue h3 {
  color: #1b6597; }

.poster.poster-purple h2,
.poster.poster-purple h3 {
  color: #8e44ad; }

.poster.poster-gray h2,
.poster.poster-gray h3 {
  color: #3f3f3f; }

/* Callouts and Blockquotes */
.poster .content .callout {
  background: #fff;
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
  border: none; }

@media (min-width: 980px) {
  .poster .content .callout,
  .poster blockquote {
    margin: 50px auto;
    width: 60%;
    box-sizing: border-box; } }

@media (max-width: 979px) {
  .poster .content .callout,
  .poster blockquote {
    margin: 30px auto;
    width: 80%;
    box-sizing: border-box; } }

.poster .content section .callout,
.poster section blockquote {
  margin: 50px auto;
  width: 100%;
  box-sizing: border-box; }

/* Block Quote */
.poster blockquote {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300; }

.poster blockquote em {
  display: block;
  margin-top: 1em;
  font-size: 16px;
  font-style: italic; }

/* Section Blocks */
.poster .section {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto; }

/* Table */
.poster table p,
.poster table li {
  font-size: 16px;
  font-weight: 400;
  line-height: normal; }

/*doc
---
title: Accordion
name: accordion
category: Layout
---

Create collapsible content panels using the `accordion` class. [Cards][card] are often used within the collapsible panels.

Use `accordion-body collapse in` class to expose content in a particular panel by default.

<h2 class="styleguide">Accordion Default</h2>

```html_example
<div class="accordion" id="accordion1a">
    <div class="accordion-group">
        <h2 class="accordion-heading" id="panel1-1"><a class="accordion-toggle" data-parent="#accordion1a" data-toggle="collapse" href="#panel1a-content">Collapsible Panel #1</a></h2>
        <div class="accordion-body collapse in" id="panel1a-content">
            <div class="accordion-inner">
                <p class="lead">Fusce et lobortis ante. Fusce interdum ante felis, a vestibulum metus.</p>
                <div class="row-fluid">
                    <div class="span4">
                        <div class="card card-orange column">
                            <h3><i class="fa fa-2x fa-envelope"></i>Orange Card</h3>
                            <p>Etiam tristique magna id consectetur posuere. Fusce eu lacus sollicitudin, tristique nisi sit amet.</p>
                            <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about [this]</span></p>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="card card-blue column">
                            <h3><i class="fa fa-2x fa-plane"></i>Blue Card</h3>
                            <p>Sed pulvinar arcu quis lacus interdum vehicula.</p>
                            <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about [this]</span></p>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="card card-green column">
                            <h3><i class="fa fa-2x fa-user"></i>Green Card</h3>
                            <p>Curabitur interdum porttitor elit.</p>
                            <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about [this]</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="accordion" id="accordion1b">
    <div class="accordion-group">
        <h2 class="accordion-heading" id="panel1-2"><a class="accordion-toggle" data-parent="#accordion1b" data-toggle="collapse" href="#panel1b-content">Collapsible Panel #2</a></h2>
        <div class="accordion-body collapse" id="panel1b-content">
            <div class="accordion-inner">
                <p class="lead">Fusce laoreet in leo quis viverra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                <div class="row-fluid">
                    <div class="span4 offset2">
                        <div class="card card-gray column">
                            <h3><i class="fa fa-2x fa-bullhorn"></i>Gray Card</h3>
                            <p>Etiam tristique magna id consectetur posuere. Fusce eu lacus sollicitudin, tristique nisi sit amet, mollis est.</p>
                            <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about [this]</span></p>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="card card-gray column">
                            <h3><i class="fa fa-2x fa-question-circle"></i>Gray Card</h3>
                            <p>Sed pulvinar arcu quis lacus interdum vehicula.</p>
                            <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about [this]</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
```

<h2 class="styleguide">Accordion FAQ</h2>

```html_example
<div class="accordion accordion-faq" id="accordion2a">
    <div class="accordion-group">
        <h2 class="accordion-heading" id="panel2a"><a class="accordion-toggle" data-parent="#accordion2a" data-toggle="collapse" href="#panel2a-content"><i class="fa fa-plus"></i>Fusce et lobortis ante interdum ante felis?</a></h2>
        <div class="accordion-body collapse" id="panel2a-content">
            <div class="accordion-inner">
                <p>Duis non ligula tortor. Curabitur non urna eget ex aliquet vulputate. Curabitur ullamcorper nibh vel lacus porttitor, non varius massa scelerisque. In ac luctus nisi. Aliquam vel libero a augue volutpat porttitor. Proin mi sapien, auctor quis felis ut, tristique tempor est. Cras eget volutpat nibh. Donec dolor dolor, luctus a dictum eleifend, faucibus sed purus. Suspendisse tincidunt ex et mauris sollicitudin, ornare placerat eros pulvinar.</p>
            </div>
        </div>
    </div>
</div>
<div class="accordion accordion-faq" id="accordion2b">
    <div class="accordion-group">
        <h2 class="accordion-heading" id="panel2b"><a class="accordion-toggle" data-parent="#accordion2b" data-toggle="collapse" href="#panel2b-content"><i class="fa fa-plus"></i>Fusce laoreet in leo quis viverra sociis natoque penatibus et magnis dis parturient montes?</a></h2>
        <div class="accordion-body collapse" id="panel2b-content">
            <div class="accordion-inner">
                <p>In lectus turpis, faucibus non tincidunt feugiat, mollis in magna. Sed viverra ipsum a justo pellentesque auctor. Mauris at malesuada risus, ut pretium quam. Ut molestie lobortis ex ut semper. Vestibulum viverra nunc sit amet cursus molestie. Nulla venenatis, ipsum nec luctus feugiat, quam erat feugiat lectus, sit amet ullamcorper sem lectus nec dolor. Mauris convallis euismod diam. Integer eget eros sit amet mauris vulputate varius. Curabitur sit amet ex id tortor vulputate imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh libero, efficitur at massa a, fringilla ornare ipsum. Praesent eu mollis arcu. Nullam nec molestie diam. Nullam sed eros auctor, luctus arcu ut, elementum diam. Phasellus vel nulla nibh. Ut vel est a mauris sollicitudin malesuada id at lacus.</p>
            </div>
        </div>
    </div>
</div>
<div class="accordion accordion-faq" id="accordion2c">
    <div class="accordion-group">
        <h2 class="accordion-heading" id="panel2c"><a class="accordion-toggle" data-parent="#accordion2c" data-toggle="collapse" href="#panel2c-content"><i class="fa fa-plus"></i>Aliquam laoreet interdum ante eu volutpat proin felis augue?</a></h2>
        <div class="accordion-body collapse" id="panel2c-content">
            <div class="accordion-inner">
                <p>In lectus turpis, faucibus non tincidunt feugiat, mollis in magna. Sed viverra ipsum a justo pellentesque auctor. Mauris at malesuada risus, ut pretium quam. Ut molestie lobortis ex ut semper. Vestibulum viverra nunc sit amet cursus molestie. Nulla venenatis, ipsum nec luctus feugiat, quam erat feugiat lectus, sit amet ullamcorper sem lectus nec dolor. Mauris convallis euismod diam. Integer eget eros sit amet mauris vulputate varius. Curabitur sit amet ex id tortor vulputate imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh libero, efficitur at massa a, fringilla ornare ipsum. Praesent eu mollis arcu. Nullam nec molestie diam. Nullam sed eros auctor, luctus arcu ut, elementum diam. Phasellus vel nulla nibh. Ut vel est a mauris sollicitudin malesuada id at lacus.</p>
            </div>
        </div>
    </div>
</div>
```
*/
h2.accordion-heading,
h3.accordion-heading {
  margin: 0; }
  h2.accordion-heading a,
  h3.accordion-heading a {
    color: #696969; }
  h2.accordion-heading a:hover,
  h2.accordion-heading a:focus,
  h3.accordion-heading a:hover,
  h3.accordion-heading a:focus {
    color: #820000; }

.content a.accordion-toggle {
  display: block;
  border: none;
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  padding: 15px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 4px; }
  .content a.accordion-toggle:hover, .content a.accordion-toggle:active {
    background: rgba(255, 255, 255, 0.9); }

.content .accordion-inner {
  padding: 0px 15px 15px 15px;
  border-top: 0;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 4px 4px; }
  .content .accordion-inner p.lead {
    text-align: center; }

@media (min-width: 768px) {
  .content .accordion-inner p.lead {
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
  .content .accordion-inner ul.lead {
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
  .content .accordion-inner ul.lead li {
    margin-left: 25px; } }

.content .accordion-group {
  margin-bottom: 20px; }

/* FAQ */
.content .accordion-faq a.accordion-toggle {
  display: block;
  border: none;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 10px;
  background: white;
  border-radius: 4px; }
  .content .accordion-faq a.accordion-toggle i.fa {
    margin-right: 10px; }

.content .accordion-faq,
.content .accordion-faq .accordion-group {
  margin-bottom: 5px; }

/*doc
---
title: Hero
name: hero
category: Presentation
---

Hero styles can be applied any element using the `hero` and `hero-content` classes.

Adjust the background image size and position using inline **background-size** and **background-position** CSS classes.

The following classes can be used for styling:

* `hero`
* `hero hero-light`
* `hero hero-dark`

Use `btn btn-large` and `btn-block` for banner that span the entire page width.

<h2 class="styleguide">Hero Default</h2>

```html_example
<div class="hero">
    <div class="hero-content span8 offset2 center">
        <h2>Hero Default</h2>
        <p>Nam ultrices posuere quam viverra mattis. Nam sed justo non lectus bibendum ultricies sed vel justo. Praesent a libero molestie dui vestibulum luctus.</p>
        <div class="center"><a class="btn btn-info" href="#">Primary action</a><a class="btn btn-success" href="#">Learn more<span class="element-invisible"> about [this]</span></a></div>
    </div>
</div>
```

<h2 class="styleguide">Hero Light (Full Width)</h2>
<p>Use <code>btn-large</code> and <code>btn-stacked</code> buttons when the hero section spans across the entire page in the desktop viewport.</p>

<h3 class="styleguide">Site examples:</h3>
<ul>
<li><a href="https://email.stanford.edu">email.stanford.edu</a></li>
</ul>

```html_example
<div class="hero hero-light" style="background: url(build/hero1.png) no-repeat; background-size: cover; background-position: 50%;">
    <div class="hero-content span10 offset1 center">
        <h2>Hero Light</h2>
        <p>Pellentesque faucibus mi diam, vitae blandit enim viverra a. Nulla consectetur pretium sapien. Fusce ut ultrices metus, sit amet vulputate urna. Donec lobortis elit ac felis accumsan tincidunt.</p>
        <div class="row-fluid">
            <div class="span5 offset1"><a class="btn btn-info btn-block btn-large" href="#">Primary action</a></div>
            <div class="span5"><a class="btn btn-success btn-block btn-large" href="#">Learn more<span class="element-invisible"> about [this]</span></a></div>
        </div>
    </div>
</div>
```

<h2 class="styleguide">Hero Dark (Partial Width)</h2>
<p>Use the standard action buttons when the hero banner does not span across the entire page in the desktop viewport.</p>

<h3 class="styleguide">Site examples:</h3>
<ul>
<li><a href="https://security.stanford.edu">security.stanford.edu</a></li>
</ul>

```html_example
<div class="hero hero-dark" style="background: url(build/hero2.png) no-repeat; background-size: cover; background-position: 50%;">
    <div class="hero-content span8 offset2 center">
        <h2>Hero Dark</h2>
        <p>Nam ultrices posuere quam viverra mattis. Nam sed justo non lectus bibendum ultricies sed vel justo. Praesent a libero molestie dui vestibulum luctus.</p>
        <div class="center"><a class="btn btn-info" href="#">Primary action</a><a class="btn btn-success" href="#">Learn more<span class="element-invisible"> about [this]</span></a></div>
    </div>
</div>
```
<h2 class="styleguide">Hero Action</h2>

```html_example
<div class="hero hero-action margin-top-10" style="background-image: url(build/hero3.jpg); background-position: center 40%;">
    <div class="hero-content span10 offset1 center">
        <h2>Getting started at Stanford<i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
    </div>
    <div class="hero-link"><a href="#"><span class="element-invisible">Learn more about getting started with IT at Stanford</span></a></div>
</div>
```

*/
.hero {
  position: relative;
  border-radius: 4px;
  margin-bottom: 20px;
  *zoom: 1; }
  .hero .hero-content {
    padding: 40px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    border-radius: 4px;
    color: #696969;
    *zoom: 1; }
    .hero .hero-content h1,
    .hero .hero-content h2,
    .hero .hero-content h3,
    .hero .hero-content h4,
    .hero .hero-content h5 {
      color: #696969;
      margin-top: 0;
      font-weight: 300; }
    .hero .hero-content h1 {
      font-size: 54px;
      margin-bottom: 15px;
      letter-spacing: 0; }
    .hero .hero-content h2 {
      font-size: 48px; }
    .hero .hero-content a {
      color: #696969; }
    .hero .hero-content a.btn {
      border: none;
      margin: 5px 10px;
      color: #fff; }
    .hero .hero-content a.btn.btn-large {
      margin: 10px 10px 0 10px; }
    .hero .hero-content a.btn.btn-block {
      margin-left: 0;
      margin-right: 0; }
    .hero .hero-content p a,
    .hero .hero-content p a:hover,
    .hero .hero-content p a:focus,
    .hero .hero-content p a:active,
    .hero .hero-content p a:visited {
      color: #696969;
      border-bottom: 1px dotted #696969; }
    .hero .hero-content:before, .hero .hero-content:after {
      display: table;
      content: ""; }
    .hero .hero-content:after {
      clear: both; }
  .hero:before, .hero:after {
    display: table;
    content: ""; }
  .hero:after {
    clear: both; }

.hero[style*="background"] {
  padding: 40px 0; }

.hero.hero-light .hero-content {
  background: rgba(252, 252, 252, 0.7); }

.hero.hero-dark .hero-content {
  background: rgba(0, 0, 0, 0.7);
  color: #fff; }
  .hero.hero-dark .hero-content h1,
  .hero.hero-dark .hero-content h2,
  .hero.hero-dark .hero-content h3,
  .hero.hero-dark .hero-content h4,
  .hero.hero-dark .hero-content h5 {
    color: #fff; }
  .hero.hero-dark .hero-content a,
  .hero.hero-dark .hero-content a.btn {
    color: #fff; }
  .hero.hero-dark .hero-content p a,
  .hero.hero-dark .hero-content p a:hover,
  .hero.hero-dark .hero-content p a:focus,
  .hero.hero-dark .hero-content p a:active,
  .hero.hero-dark .hero-content p a:visited {
    color: #fff;
    border-bottom: 1px dotted #fff; }

.hero.hero-action {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  border-radius: 0; }
  .hero.hero-action .hero-content {
    margin-top: 5%;
    margin-bottom: 5%; }
    .hero.hero-action .hero-content h1,
    .hero.hero-action .hero-content h2 {
      font-size: 4vw;
      line-height: 1em;
      margin: 0;
      color: #fff;
      font-weight: 600;
      text-shadow: 2px 2px 4px #3f3c30; }
      .hero.hero-action .hero-content h1 i.fa,
      .hero.hero-action .hero-content h2 i.fa {
        display: block;
        margin-top: 0.5em; }
    .hero.hero-action .hero-content p {
      font-size: 2vw;
      line-height: 1.4em;
      margin: 1.2em 0 0 0;
      color: #fff; }
    .hero.hero-action .hero-content p a,
    .hero.hero-action .hero-content a {
      color: #fff;
      border: none; }
  .hero.hero-action .hero-link a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }

@media (max-width: 768px) {
  .hero.hero-action {
    position: relative;
    margin: 0;
    height: 50vw; }
    .hero.hero-action .hero-content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      margin: 0; }
      .hero.hero-action .hero-content h1,
      .hero.hero-action .hero-content h2 {
        font-size: 6vw; }
      .hero.hero-action .hero-content p {
        font-size: 4vw; } }

.block-block .hero {
  margin-bottom: 0; }

.span9 .hero.hero-light[style*="background"],
.span9 .hero.hero-dark[style*="background"],
.span8 .hero.hero-light[style*="background"],
.span8 .hero.hero-dark[style*="background"] {
  padding: 20px 0; }

.span9 .hero .hero-content,
.span8 .hero .hero-content {
  font-size: 18px;
  line-height: 24px;
  padding: 20px; }
  .span9 .hero .hero-content h1,
  .span9 .hero .hero-content h2,
  .span9 .hero .hero-content h3,
  .span9 .hero .hero-content h4,
  .span9 .hero .hero-content h5,
  .span8 .hero .hero-content h1,
  .span8 .hero .hero-content h2,
  .span8 .hero .hero-content h3,
  .span8 .hero .hero-content h4,
  .span8 .hero .hero-content h5 {
    font-size: 36px; }

@media (min-width: 768px) and (max-width: 979px) {
  .hero[style*="background"],
  .span9 .hero.hero-light[style*="background"],
  .span9 .hero.hero-dark[style*="background"],
  .span8 .hero.hero-light[style*="background"],
  .span8 .hero.hero-dark[style*="background"] {
    padding: 20px; }
  .hero .hero-content {
    padding: 20px;
    font-size: 18px;
    line-height: 24px; }
    .hero .hero-content h1,
    .hero .hero-content h2,
    .hero .hero-content h3,
    .hero .hero-content h4,
    .hero .hero-content h5 {
      font-size: 1.8em; } }

@media (max-width: 767px) {
  .hero[style*="background"],
  .span9 .hero.hero-light[style*="background"],
  .span9 .hero.hero-dark[style*="background"],
  .span8 .hero.hero-light[style*="background"],
  .span8 .hero.hero-dark[style*="background"] {
    padding: 10px 0;
    margin-bottom: 10px; }
  .hero .hero-content {
    padding: 10px;
    font-size: 18px;
    line-height: 24px; }
    .hero .hero-content h1,
    .hero .hero-content h2,
    .hero .hero-content h3,
    .hero .hero-content h4,
    .hero .hero-content h5 {
      font-size: 1.6em; } }

@media print {
  .hero,
  .hero .hero-content {
    background-color: transparent !important;
    background-image: none !important; } }

/*doc
---
title: Hero Banner
name: hero banner
category: Presentation
---

```html_example
<div class="node-type-service-page node-type-service-page--new">
    <div class="hero" style="background-image: url(build/hero4.jpg);">
        <div class="hero-content">
            <h1>Website Project Strategy</h1>
            <p>If you have a project idea and are not sure where to begin, we will help define your project scope and create a strategy that sets you on the right track.</p>
            <div class="hero-link">
                <p><a href="#">Request service</a></p>
                <p><a href="#">Launch service</a></p>
                <p><a href="#">Get support</a></p>
            </div>
        </div>
    </div>
</div>
```
*/
.node-type-service-page.node-type-service-page--new .hero,
section.hero,
.node-type-guide section.hero,
.herobanner {
  box-sizing: border-box;
  font-weight: 300;
  font-family: 'Oswald', sans-serif;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 30%;
  text-align: center;
  padding: 5vw 0;
  position: relative;
  z-index: 1;
  border-radius: 0;
  margin-bottom: 20px; }
  .node-type-service-page.node-type-service-page--new .hero .hero-content,
  .node-type-service-page.node-type-service-page--new .hero .herobanner-content,
  section.hero .hero-content,
  section.hero .herobanner-content,
  .node-type-guide section.hero .hero-content,
  .node-type-guide section.hero .herobanner-content,
  .herobanner .hero-content,
  .herobanner .herobanner-content {
    max-width: 1200px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 400;
    border-radius: 0;
    color: #fff; }
    .node-type-service-page.node-type-service-page--new .hero .hero-content h1,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content h1,
    section.hero .hero-content h1,
    section.hero .herobanner-content h1,
    .node-type-guide section.hero .hero-content h1,
    .node-type-guide section.hero .herobanner-content h1,
    .herobanner .hero-content h1,
    .herobanner .herobanner-content h1 {
      font-size: 80px;
      line-height: 1.2em;
      margin: 0 0 0.5em 0;
      font-family: 'Oswald', sans-serif;
      letter-spacing: normal; }
    .node-type-service-page.node-type-service-page--new .hero .hero-content p,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content p,
    section.hero .hero-content p,
    section.hero .herobanner-content p,
    .node-type-guide section.hero .hero-content p,
    .node-type-guide section.hero .herobanner-content p,
    .herobanner .hero-content p,
    .herobanner .herobanner-content p {
      font-size: 40px;
      line-height: 1.2em; }
    .node-type-service-page.node-type-service-page--new .hero .hero-content > h1,
    .node-type-service-page.node-type-service-page--new .hero .hero-content > p,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content > h1,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content > p,
    section.hero .hero-content > h1,
    section.hero .hero-content > p,
    section.hero .herobanner-content > h1,
    section.hero .herobanner-content > p,
    .node-type-guide section.hero .hero-content > h1,
    .node-type-guide section.hero .hero-content > p,
    .node-type-guide section.hero .herobanner-content > h1,
    .node-type-guide section.hero .herobanner-content > p,
    .herobanner .hero-content > h1,
    .herobanner .hero-content > p,
    .herobanner .herobanner-content > h1,
    .herobanner .herobanner-content > p {
      color: #fff;
      text-shadow: 2px 2px 4px #3f3c30;
      font-weight: 400; }
  .node-type-service-page.node-type-service-page--new .hero .hero-image img,
  .node-type-service-page.node-type-service-page--new .hero .herobanner-image img,
  section.hero .hero-image img,
  section.hero .herobanner-image img,
  .node-type-guide section.hero .hero-image img,
  .node-type-guide section.hero .herobanner-image img,
  .herobanner .hero-image img,
  .herobanner .herobanner-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 100% 30%;
    min-height: 400px;
    max-height: 50vh; }
  .node-type-service-page.node-type-service-page--new .hero .hero-link,
  .node-type-service-page.node-type-service-page--new .hero .herobanner-link,
  section.hero .hero-link,
  section.hero .herobanner-link,
  .node-type-guide section.hero .hero-link,
  .node-type-guide section.hero .herobanner-link,
  .herobanner .hero-link,
  .herobanner .herobanner-link {
    text-align: center;
    margin: 0 auto; }
    .node-type-service-page.node-type-service-page--new .hero .hero-link p,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link p,
    section.hero .hero-link p,
    section.hero .herobanner-link p,
    .node-type-guide section.hero .hero-link p,
    .node-type-guide section.hero .herobanner-link p,
    .herobanner .hero-link p,
    .herobanner .herobanner-link p {
      display: inline-block;
      margin: 10px; }
    .node-type-service-page.node-type-service-page--new .hero .hero-link a,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:visited,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:visited,
    section.hero .hero-link a,
    section.hero .hero-link a:link,
    section.hero .hero-link a:visited,
    section.hero .herobanner-link a,
    section.hero .herobanner-link a:link,
    section.hero .herobanner-link a:visited,
    .node-type-guide section.hero .hero-link a,
    .node-type-guide section.hero .hero-link a:link,
    .node-type-guide section.hero .hero-link a:visited,
    .node-type-guide section.hero .herobanner-link a,
    .node-type-guide section.hero .herobanner-link a:link,
    .node-type-guide section.hero .herobanner-link a:visited,
    .herobanner .hero-link a,
    .herobanner .hero-link a:link,
    .herobanner .hero-link a:visited,
    .herobanner .herobanner-link a,
    .herobanner .herobanner-link a:link,
    .herobanner .herobanner-link a:visited {
      color: #fff;
      font-size: 30px;
      display: inline-block;
      border: 2px solid #fff;
      padding: 0.4em 0.6em;
      text-decoration: none;
      background: rgba(0, 0, 0, 0.5);
      transition: background .2s ease-in; }
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:hover,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:active,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:focus,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:hover,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:active,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:focus,
    section.hero .hero-link a:hover,
    section.hero .hero-link a:active,
    section.hero .hero-link a:focus,
    section.hero .herobanner-link a:hover,
    section.hero .herobanner-link a:active,
    section.hero .herobanner-link a:focus,
    .node-type-guide section.hero .hero-link a:hover,
    .node-type-guide section.hero .hero-link a:active,
    .node-type-guide section.hero .hero-link a:focus,
    .node-type-guide section.hero .herobanner-link a:hover,
    .node-type-guide section.hero .herobanner-link a:active,
    .node-type-guide section.hero .herobanner-link a:focus,
    .herobanner .hero-link a:hover,
    .herobanner .hero-link a:active,
    .herobanner .hero-link a:focus,
    .herobanner .herobanner-link a:hover,
    .herobanner .herobanner-link a:active,
    .herobanner .herobanner-link a:focus {
      background: rgba(0, 0, 0, 0.9);
      transition: background .2s ease-in; }
  @media (max-width: 767px) {
    .node-type-service-page.node-type-service-page--new .hero .hero-content h1,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content h1,
    section.hero .hero-content h1,
    section.hero .herobanner-content h1,
    .node-type-guide section.hero .hero-content h1,
    .node-type-guide section.hero .herobanner-content h1,
    .herobanner .hero-content h1,
    .herobanner .herobanner-content h1 {
      font-size: 64px; }
    .node-type-service-page.node-type-service-page--new .hero .hero-content p,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content p,
    section.hero .hero-content p,
    section.hero .herobanner-content p,
    .node-type-guide section.hero .hero-content p,
    .node-type-guide section.hero .herobanner-content p,
    .herobanner .hero-content p,
    .herobanner .herobanner-content p {
      font-size: 32px;
      display: block; }
    .node-type-service-page.node-type-service-page--new .hero .hero-link a,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:visited,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:visited,
    section.hero .hero-link a,
    section.hero .hero-link a:link,
    section.hero .hero-link a:visited,
    section.hero .herobanner-link a,
    section.hero .herobanner-link a:link,
    section.hero .herobanner-link a:visited,
    .node-type-guide section.hero .hero-link a,
    .node-type-guide section.hero .hero-link a:link,
    .node-type-guide section.hero .hero-link a:visited,
    .node-type-guide section.hero .herobanner-link a,
    .node-type-guide section.hero .herobanner-link a:link,
    .node-type-guide section.hero .herobanner-link a:visited,
    .herobanner .hero-link a,
    .herobanner .hero-link a:link,
    .herobanner .hero-link a:visited,
    .herobanner .herobanner-link a,
    .herobanner .herobanner-link a:link,
    .herobanner .herobanner-link a:visited {
      font-size: 24px;
      display: block; } }
  @media (max-width: 640px) {
    .node-type-service-page.node-type-service-page--new .hero .hero-content,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content,
    section.hero .hero-content,
    section.hero .herobanner-content,
    .node-type-guide section.hero .hero-content,
    .node-type-guide section.hero .herobanner-content,
    .herobanner .hero-content,
    .herobanner .herobanner-content {
      position: static; } }
  @media (max-width: 480px) {
    .node-type-service-page.node-type-service-page--new .hero .hero-content h1,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content h1,
    section.hero .hero-content h1,
    section.hero .herobanner-content h1,
    .node-type-guide section.hero .hero-content h1,
    .node-type-guide section.hero .herobanner-content h1,
    .herobanner .hero-content h1,
    .herobanner .herobanner-content h1 {
      font-size: 48px; }
    .node-type-service-page.node-type-service-page--new .hero .hero-content p,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-content p,
    section.hero .hero-content p,
    section.hero .herobanner-content p,
    .node-type-guide section.hero .hero-content p,
    .node-type-guide section.hero .herobanner-content p,
    .herobanner .hero-content p,
    .herobanner .herobanner-content p {
      font-size: 24px;
      display: block; }
    .node-type-service-page.node-type-service-page--new .hero .hero-link a,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .hero-link a:visited,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:link,
    .node-type-service-page.node-type-service-page--new .hero .herobanner-link a:visited,
    section.hero .hero-link a,
    section.hero .hero-link a:link,
    section.hero .hero-link a:visited,
    section.hero .herobanner-link a,
    section.hero .herobanner-link a:link,
    section.hero .herobanner-link a:visited,
    .node-type-guide section.hero .hero-link a,
    .node-type-guide section.hero .hero-link a:link,
    .node-type-guide section.hero .hero-link a:visited,
    .node-type-guide section.hero .herobanner-link a,
    .node-type-guide section.hero .herobanner-link a:link,
    .node-type-guide section.hero .herobanner-link a:visited,
    .herobanner .hero-link a,
    .herobanner .hero-link a:link,
    .herobanner .hero-link a:visited,
    .herobanner .herobanner-link a,
    .herobanner .herobanner-link a:link,
    .herobanner .herobanner-link a:visited {
      font-size: 18px;
      display: block; } }

.node-type-service-page.node-type-service-page--new .hero:after,
.herobanner:after,
section.hero:after {
  display: block;
  background: rgba(0, 0, 0, 0.35);
  content: "";
  width: 100%;
  height: auto;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

/* No image */
.node-type-service-page.node-type-service-page--new .hero.hero--no_image {
  background-color: #5f574f;
  background-repeat: repeat; }

.herobanner.herobanner-no-image {
  background: #1b6597; }
  .herobanner.herobanner-no-image .herobanner-content > h1,
  .herobanner.herobanner-no-image .herobanner-content > p {
    text-shadow: none; }
  .herobanner.herobanner-no-image .herobanner-link {
    text-align: center; }
    .herobanner.herobanner-no-image .herobanner-link p {
      margin: 20px; }
    .herobanner.herobanner-no-image .herobanner-link a,
    .herobanner.herobanner-no-image .herobanner-link a:link,
    .herobanner.herobanner-no-image .herobanner-link a:visited {
      background: rgba(0, 0, 0, 0.1); }
    .herobanner.herobanner-no-image .herobanner-link a:hover,
    .herobanner.herobanner-no-image .herobanner-link a:active,
    .herobanner.herobanner-no-image .herobanner-link a:focus {
      background: rgba(0, 0, 0, 0.3); }

/* Guide */
.node-type-guide .hero {
  margin-bottom: 0; }

/*doc
---
title: Banner
name: banner
category: Presentation
---

Banner styles can be applied any element using the `banner`, `banner-image`, and `banner-content` classes.

The following style classes are used for text positioning and size:

* Text position: `banner banner-default` or `banner banner-text-on-the-left` or `banner banner-box`

[Color options][color] include:

* Cardinal `banner banner-cardinal`
* Red `banner banner-red`
* Orange `banner banner-orange`
* Green `banner banner-green`
* Blue `banner banner-blue`
* Purple `banner banner-purple`
* Gray `banner banner-gray`

<h2 class="styleguide">Banner with text as the focal point</h2>

<h3 class="styleguide">Site examples:</h3>
<ul>
    <li><a href="https://uit.stanford.edu/story/revel">uit.stanford.edu/story/revel</a></li>
</ul>

```html_example
<div class="banner banner-default banner-red">
    <div class="banner-image"><img src="build/banner1.jpg" alt=""></div>
    <div class="banner-content">
        <h1>‘Revel’ in Optimized Dining</h1>
        <p>Nunc egestas enim eget arcu faucibus, ut condimentum leo semper. Suspendisse tellus mi.</p>
    </div>
</div>
```

<h2 class="styleguide">Banner with text on the left</h2>

* Text size: `banner banner-large` or `banner banner-small`

<h3 class="styleguide">Site examples:</h3>
<ul>
    <li><a href="https://uit.stanford.edu">uit.stanford.edu</a></li>
</ul>

```html_example
<div class="banner banner-text-on-left banner-blue">
    <div class="banner-image"><img src="build/banner2.png" alt=""></div>
    <div class="banner-content">
        <h1>Experience Smart <em>Paging</em></h1>
        <p>Nunc egestas enim eget arcu faucibus, ut condimentum leo semper. Suspendisse tellus mi.</p>
    </div>
    <div class="banner-link">
        <a class="more-link" href="#">Learn more <span class="element-invisible">about [this]</span></a>
    </div>
</div>
```

<h2 class="styleguide">Banner with large text on the left</h2>
<p>Use <code>banner-large</code> when the banner spans across the entire page in the desktop viewport.</p>

<h3 class="styleguide">Site examples:</h3>
<ul>
    <li><a href="https://paging.stanford.edu">paging.stanford.edu</a></li>
</ul>

```html_example
<div class="banner banner-text-on-left banner-large banner-green">
    <div class="banner-image"><img src="build/banner3.png" alt=""></div>
    <div class="banner-content">
        <h1>Sites <em>Jumpstart</em></h1>
        <p>Nunc egestas enim eget arcu faucibus.</p>
    </div>
    <div class="banner-link">
        <a class="more-link" href="#">Learn more <span class="element-invisible">about [this]</span></a>
    </div>
</div>
```

<h2 class="styleguide">Banner with text in a transparent box</h2>

* Top Left `banner banner-box banner-top-left`
* Top Right `banner banner-box banner-top-right`
* Top (fill box width) `banner banner-box banner-top`
* Bottom Left `banner banner-box banner-bottom-left`
* Bottom Right `banner banner-box banner-bottom-right`
* Bottom (fill box width) `banner banner-box banner-bottom`

```html_example
<div class="banner banner-box banner-top-left">
    <div class="banner-image"><img alt="" src="build/banner4.jpg" /></div>
    <div class="banner-content">
        <h1>Improving building access</h1>
        <p>Aenean vehicula at quam ut dapibus. Aliquam ultrices rhoncus nunc</p>
    </div>
    <div class="banner-link">
        <a href="#"><span class="element-invisible">Learn more about [this]</span></a>
    </div>
</div>
```

<h2 class="styleguide">Banner with center aligned text</h2>

```html_example
<div class="banner banner-hero">
<div class="banner-image"><img src="build/banner5.jpg" alt=""></div>

<div class="banner-content">
<h2>Secure Computing</h2>

<p><a href="#">Learn more <span class="element-invisible">about secure computing</span></a></p>
</div>
</div>
```
*/
.banner {
  *zoom: 1; }
  .banner:before, .banner:after {
    display: table;
    content: ""; }
  .banner:after {
    clear: both; }

.banner.banner-default {
  margin-bottom: 20px;
  position: relative; }
  .banner.banner-default .banner-image img {
    width: 100%;
    border-radius: 4px; }
  .banner.banner-default .banner-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    color: #fff; }
    .banner.banner-default .banner-content h1,
    .banner.banner-default .banner-content h2 {
      font-size: 48px;
      line-height: 1em;
      margin: 0 0 10px 10%;
      color: #fff;
      font-style: italic;
      font-weight: 400; }
    .banner.banner-default .banner-content p {
      font-size: 20px;
      line-height: 1.4em;
      margin: 0 35% 0 10%;
      font-style: italic;
      color: #F6F3E5; }
    .banner.banner-default .banner-content a {
      color: #fff;
      border: none; }
    .banner.banner-default .banner-content p a {
      color: #F6F3E5;
      border: none; }
  @media (min-width: 980px) and (max-width: 1199px) {
    .banner.banner-default .banner-content {
      bottom: 20%; }
      .banner.banner-default .banner-content h1,
      .banner.banner-default .banner-content h2 {
        font-size: 40px; }
      .banner.banner-default .banner-content p {
        font-size: 18px;
        margin: 0 30% 0 10%; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .banner.banner-default .banner-content {
      bottom: 15%; }
      .banner.banner-default .banner-content h1,
      .banner.banner-default .banner-content h2 {
        font-size: 32px; }
      .banner.banner-default .banner-content p {
        font-size: 16px;
        margin: 0 20% 0 10%; } }
  @media (max-width: 767px) {
    .banner.banner-default .banner-image {
      margin-bottom: -1px; }
    .banner.banner-default .banner-image img {
      border-radius: 4px 4px 0 0; }
    .banner.banner-default .banner-content {
      position: static;
      width: auto;
      background: #222;
      border-radius: 0 0 4px 4px; }
      .banner.banner-default .banner-content h1,
      .banner.banner-default .banner-content h2 {
        font-size: 32px;
        margin: 0 0 10px 0; }
      .banner.banner-default .banner-content p {
        font-size: 16px;
        margin: 0; } }

.banner.banner-hero {
  position: relative; }
  .banner.banner-hero .banner-image img {
    width: 100%; }
  .banner.banner-hero .banner-content {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    padding: 15px;
    color: #fff; }
    .banner.banner-hero .banner-content h1,
    .banner.banner-hero .banner-content h2 {
      font-size: 48px;
      line-height: 1em;
      margin: 0 0 0.75em 0;
      color: #fff;
      font-weight: 600;
      text-shadow: 2px 2px 8px #3f3c30; }
    .banner.banner-hero .banner-content p {
      font-size: 24px;
      line-height: 1.4em;
      margin: 0;
      color: #fff; }
    .banner.banner-hero .banner-content a {
      color: #fff;
      border: none; }
    .banner.banner-hero .banner-content p a {
      display: inline-block;
      background: #8c1515;
      padding: 0.5em 1em;
      border: none; }
    .banner.banner-hero .banner-content p a:after {
      content: "\f18e";
      font-family: FontAwesome;
      margin: 0 0 0 0.25em;
      padding: 0; }
  @media (min-width: 980px) and (max-width: 1199px) {
    .banner.banner-hero .banner-content {
      bottom: 20%; }
      .banner.banner-hero .banner-content h1,
      .banner.banner-hero .banner-content h2 {
        font-size: 40px; }
      .banner.banner-hero .banner-content p {
        font-size: 20px;
        margin: 0; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .banner.banner-hero .banner-content {
      bottom: 15%; }
      .banner.banner-hero .banner-content h1,
      .banner.banner-hero .banner-content h2 {
        font-size: 32px; }
      .banner.banner-hero .banner-content p {
        font-size: 16px;
        margin: 0; } }
  @media (max-width: 767px) {
    .banner.banner-hero .banner-image {
      margin-bottom: -1px; }
    .banner.banner-hero .banner-content {
      position: static;
      width: auto;
      background: #222; }
      .banner.banner-hero .banner-content h1,
      .banner.banner-hero .banner-content h2 {
        font-size: 32px;
        margin: 0 0 10px 0; }
      .banner.banner-hero .banner-content p {
        font-size: 16px;
        margin: 0; } }

.banner.banner-text-on-left {
  margin-bottom: 20px;
  position: relative; }
  .banner.banner-text-on-left .banner-image img {
    border-radius: 4px; }
  .banner.banner-text-on-left .banner-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    width: 30%;
    color: #fff;
    font-weight: 300;
    box-sizing: border-box; }
    .banner.banner-text-on-left .banner-content h1,
    .banner.banner-text-on-left .banner-content h2 {
      font-size: 40px;
      line-height: 1em;
      letter-spacing: normal;
      margin: 0 0 10px 0;
      color: #fff;
      font-weight: 300; }
      .banner.banner-text-on-left .banner-content h1 em,
      .banner.banner-text-on-left .banner-content h2 em {
        padding: 0;
        color: #F6F3E5;
        font-style: normal;
        font-weight: 400; }
    .banner.banner-text-on-left .banner-content p {
      font-size: 18px;
      line-height: 1.4em;
      margin: 0; }
    .banner.banner-text-on-left .banner-content a {
      color: #fff;
      border: none; }
    .banner.banner-text-on-left .banner-content p a {
      color: #F6F3E5;
      border: none; }
  .banner.banner-text-on-left .banner-link {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 10px 20px;
    background: rgba(130, 0, 0, 0.85);
    border-radius: 4px 0 4px 0; }
    .banner.banner-text-on-left .banner-link a.more-link {
      color: #fff;
      border: none; }
  .banner.banner-text-on-left .banner-link:hover,
  .banner.banner-text-on-left .banner-link:active,
  .banner.banner-text-on-left .banner-link:focus {
    background: rgba(140, 21, 21, 0.85); }
  .banner.banner-text-on-left .banner-link .element-invisible {
    right: 0; }
  @media (min-width: 1200px) {
    .banner.banner-text-on-left .banner-content {
      width: 40%;
      border-radius: 4px 0 0 4px;
      background: rgba(34, 34, 34, 0.65);
      background: -moz-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to right, #222 50%, rgba(0, 0, 0, 0) 100%); } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .banner.banner-text-on-left .banner-content {
      border-radius: 0 0 4px 4px;
      background: rgba(34, 34, 34, 0.65);
      background: -moz-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to right, #222 50%, rgba(0, 0, 0, 0) 100%);
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      padding: 15px;
      color: #fff;
      font-weight: 300;
      width: 40%;
      /* Standard syntax */ }
      .banner.banner-text-on-left .banner-content h1,
      .banner.banner-text-on-left .banner-content h2 {
        font-size: 32px;
        margin: 0 0px 10px 0px; }
      .banner.banner-text-on-left .banner-content p {
        font-size: 16px;
        margin: 0 150px 0 0; } }
  @media (max-width: 979px) {
    .banner.banner-text-on-left .banner-image img {
      border-radius: 4px 4px 0 0; }
    .banner.banner-text-on-left .banner-content {
      position: static;
      width: auto;
      height: auto;
      background: #222;
      border-radius: 0 0 4px 4px;
      margin-bottom: 10px; }
      .banner.banner-text-on-left .banner-content h1,
      .banner.banner-text-on-left .banner-content h2 {
        font-size: 32px;
        margin: 0 0 10px 0; }
      .banner.banner-text-on-left .banner-content p {
        font-size: 16px;
        margin: 0; }
    .banner.banner-text-on-left .banner-link {
      position: static;
      width: auto;
      height: auto;
      background: #222;
      text-align: center;
      background: #820000;
      border-radius: 4px; }
    .banner.banner-text-on-left .banner-link:hover,
    .banner.banner-text-on-left .banner-link:active,
    .banner.banner-text-on-left .banner-link:focus {
      background: #8c1515; } }

/* Large Text */
.banner.banner-text-on-left.banner-large .banner-content {
  width: 50%; }
  .banner.banner-text-on-left.banner-large .banner-content h1,
  .banner.banner-text-on-left.banner-large .banner-content h2 {
    font-size: 60px; }
  .banner.banner-text-on-left.banner-large .banner-content p {
    font-size: 24px;
    margin: 0; }

.banner.banner-text-on-left.banner-large .banner-link a,
.banner.banner-text-on-left.banner-large .banner-link a.more-link {
  font-size: 24px; }

@media (min-width: 1200px) {
  .banner.banner-text-on-left.banner-large .banner-content {
    width: 40%;
    border-radius: 4px 0 0 4px;
    background: rgba(34, 34, 34, 0.65);
    background: -moz-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #222 50%, rgba(0, 0, 0, 0) 100%); } }

@media (max-width: 1199px) {
  .banner.banner-text-on-left.banner-large .banner-content {
    width: auto; } }

@media (min-width: 980px) {
  .banner.banner-text-on-left.banner-large .banner-image {
    padding-left: 20%; } }

@media (min-width: 980px) and (max-width: 1199px) {
  .banner.banner-text-on-left.banner-large .banner-content {
    background: rgba(34, 34, 34, 0.65);
    background: -moz-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, #222 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #222 50%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    color: #fff;
    font-weight: 300;
    width: 40%; }
    .banner.banner-text-on-left.banner-large .banner-content h1,
    .banner.banner-text-on-left.banner-large .banner-content h2 {
      font-size: 48px; }
    .banner.banner-text-on-left.banner-large .banner-content p {
      font-size: 20px; } }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-large .banner-content h1,
  .banner.banner-text-on-left.banner-large .banner-content h2 {
    font-size: 32px; }
  .banner.banner-text-on-left.banner-large .banner-content p {
    font-size: 16px; }
  .banner.banner-text-on-left.banner-large .banner-link a,
  .banner.banner-text-on-left.banner-large .banner-link a.more-link {
    font-size: 20px; } }

/* Small Text */
.banner.banner-text-on-left.banner-small .banner-content h1,
h2 {
  font-size: 24px;
  line-height: 1.2em; }

/* Banner Box */
.banner.banner-box {
  position: relative;
  margin-bottom: 20px; }
  @media (min-width: 1200px) {
    .banner.banner-box .banner-content {
      background: rgba(255, 255, 255, 0.85);
      margin: 15px;
      border-radius: 4px;
      color: #000;
      position: absolute;
      top: auto;
      left: 0;
      padding: 15px;
      width: 45%;
      font-weight: 300; }
    .banner.banner-box .banner-content h1,
    .banner.banner-box h2 {
      font-size: 40px;
      line-height: 1.1em; }
    .banner.banner-box .banner-content p {
      font-size: 18px;
      line-height: 1.4em;
      margin: 0; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .banner.banner-box .banner-content {
      background: rgba(255, 255, 255, 0.75);
      margin: 15px;
      border-radius: 4px;
      color: #000;
      position: absolute;
      top: 0;
      left: 0;
      padding: 15px;
      width: 40%;
      font-weight: 300; }
    .banner.banner-box .banner-content h1,
    .banner.banner-box h2 {
      font-size: 32px;
      line-height: 1.1em; }
    .banner.banner-box .banner-content p {
      font-size: 16px;
      line-height: 1.4em;
      margin: 0; } }
  @media (min-width: 980px) {
    .banner.banner-box .banner-image img {
      border-radius: 4px; } }
  @media (max-width: 979px) {
    .banner.banner-box .banner-content {
      background: #f2f1eb;
      padding: 15px;
      border-radius: 0 0 4px 4px; }
    .banner.banner-box .banner-image img {
      border-radius: 4px 4px 0 0; }
    .banner.banner-box .banner-content h1,
    .banner.banner-box h2 {
      font-size: 24px;
      line-height: 1.1em; }
    .banner.banner-box .banner-content p {
      font-size: 16px;
      line-height: 1.4em;
      margin: 0; } }
  .banner.banner-box .banner-image img {
    width: 100%;
    border-radius: 4px; }
  .banner.banner-box .banner-content h1,
  .banner.banner-box h2 {
    font-weight: 400;
    letter-spacing: normal;
    margin: 0 0 10px 0;
    color: #8c1515; }
  .banner.banner-box .banner-link a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }

@media (min-width: 980px) {
  .banner-box.banner-top-left .banner-content {
    position: absolute;
    left: 0;
    top: 0; }
  .banner-box.banner-top-right .banner-content {
    position: absolute;
    left: initial;
    right: 0;
    top: 0; }
  .banner-box.banner-top .banner-content {
    position: absolute;
    left: 0;
    top: 0;
    width: auto; }
  .banner-box.banner-bottom-left .banner-content {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0; }
  .banner-box.banner-bottom-right .banner-content {
    position: absolute;
    left: initial;
    right: 0;
    top: auto;
    bottom: 0; }
  .banner-box.banner-bottom .banner-content {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: auto; } }

/* cardinal */
.banner.banner-default.banner-cardinal .banner-content p,
.banner.banner-default.banner-cardinal .banner-content p a {
  color: #B1040E; }

.banner.banner-text-on-left.banner-cardinal .banner-content h1 em,
.banner.banner-text-on-left.banner-cardinal .banner-content p a {
  color: #8c1515; }

.banner.banner-text-on-left.banner-cardinal .banner-link {
  background: rgba(130, 0, 0, 0.85); }

.banner.banner-text-on-left.banner-cardinal .banner-link:hover,
.banner.banner-text-on-left.banner-cardinal .banner-link:active,
.banner.banner-text-on-left.banner-cardinal .banner-link:focus {
  background: rgba(140, 21, 21, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-cardinal .banner-link {
    background: #8c1515; }
  .banner.banner-text-on-left.banner-cardinal .banner-link:hover,
  .banner.banner-text-on-left.banner-cardinal .banner-link:active,
  .banner.banner-text-on-left.banner-cardinal .banner-link:focus {
    background: #8c1515; } }

.banner.banner-box.banner-cardinal .banner-content h1,
h2 {
  color: #8c1515; }

/* red */
.banner.banner-default.banner-red .banner-content p,
.banner.banner-default.banner-red .banner-content p a {
  color: #ee8073; }

.banner.banner-text-on-left.banner-red .banner-content h1 em,
.banner.banner-text-on-left.banner-red .banner-content p a {
  color: #e74c3c; }

.banner.banner-text-on-left.banner-red .banner-link {
  background: rgba(192, 57, 43, 0.85); }

.banner.banner-text-on-left.banner-red .banner-link:hover,
.banner.banner-text-on-left.banner-red .banner-link:active,
.banner.banner-text-on-left.banner-red .banner-link:focus {
  background: rgba(231, 76, 60, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-red .banner-link {
    background: #c0392b; }
  .banner.banner-text-on-left.banner-red .banner-link:hover,
  .banner.banner-text-on-left.banner-red .banner-link:active,
  .banner.banner-text-on-left.banner-red .banner-link:focus {
    background: #e74c3c; } }

.banner.banner-box.banner-red .banner-content h1,
h2 {
  color: #c0392b; }

/* orange */
.banner.banner-default.banner-orange .banner-content p,
.banner.banner-default.banner-orange .banner-content p a {
  color: #ffa32a; }

.banner.banner-text-on-left.banner-orange .banner-content h1 em,
.banner.banner-text-on-left.banner-orange .banner-content p a {
  color: #e98300; }

.banner.banner-text-on-left.banner-orange .banner-link {
  background: rgba(155, 81, 17, 0.85); }

.banner.banner-text-on-left.banner-orange .banner-link:hover,
.banner.banner-text-on-left.banner-orange .banner-link:active,
.banner.banner-text-on-left.banner-orange .banner-link:focus {
  background: rgba(233, 131, 0, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-orange .banner-link {
    background: #9b5111; }
  .banner.banner-text-on-left.banner-orange .banner-link:hover,
  .banner.banner-text-on-left.banner-orange .banner-link:active,
  .banner.banner-text-on-left.banner-orange .banner-link:focus {
    background: #e98300; } }

.banner.banner-box.banner-orange .banner-content h1,
h2 {
  color: #9b5111; }

/* green */
.banner.banner-default.banner-green .banner-content p,
.banner.banner-default.banner-green .banner-content p a {
  color: #00d7a5; }

.banner.banner-text-on-left.banner-green .banner-content h1 em,
.banner.banner-text-on-left.banner-green .banner-content p a {
  color: #009b76; }

.banner.banner-text-on-left.banner-green .banner-link {
  background: rgba(15, 107, 88, 0.85); }

.banner.banner-text-on-left.banner-green .banner-link:hover,
.banner.banner-text-on-left.banner-green .banner-link:active,
.banner.banner-text-on-left.banner-green .banner-link:focus {
  background: rgba(0, 155, 118, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-green .banner-link {
    background: #0f6b58; }
  .banner.banner-text-on-left.banner-green .banner-link:hover,
  .banner.banner-text-on-left.banner-green .banner-link:active,
  .banner.banner-text-on-left.banner-green .banner-link:focus {
    background: #009b76; } }

.banner.banner-box.banner-green .banner-content h1,
h2 {
  color: #0f6b58; }

/* blue */
.banner.banner-default.banner-blue .banner-content p,
.banner.banner-default.banner-blue .banner-content p a {
  color: #1bbbff; }

.banner.banner-text-on-left.banner-blue .banner-content h1 em,
.banner.banner-text-on-left.banner-blue .banner-content p a {
  color: #0098db; }

.banner.banner-text-on-left.banner-blue .banner-link {
  background: rgba(27, 101, 151, 0.85); }

.banner.banner-text-on-left.banner-blue .banner-link:hover,
.banner.banner-text-on-left.banner-blue .banner-link:active,
.banner.banner-text-on-left.banner-blue .banner-link:focus {
  background: rgba(0, 152, 219, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-blue .banner-link {
    background: #1b6597; }
  .banner.banner-text-on-left.banner-blue .banner-link:hover,
  .banner.banner-text-on-left.banner-blue .banner-link:active,
  .banner.banner-text-on-left.banner-blue .banner-link:focus {
    background: #0098db; } }

.banner.banner-box.banner-blue .banner-content h1,
h2 {
  color: #1b6597; }

/* purple */
.banner.banner-default.banner-purple .banner-content p,
.banner.banner-default.banner-purple .banner-content p a {
  color: #c299d2; }

.banner.banner-text-on-left.banner-purple .banner-content h1 em,
.banner.banner-text-on-left.banner-purple .banner-content p a {
  color: #a96fc0; }

.banner.banner-text-on-left.banner-purple .banner-link {
  background: rgba(142, 68, 173, 0.85); }

.banner.banner-text-on-left.banner-purple .banner-link:hover,
.banner.banner-text-on-left.banner-purple .banner-link:active,
.banner.banner-text-on-left.banner-purple .banner-link:focus {
  background: rgba(155, 89, 182, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-purple .banner-link {
    background: #8e44ad; }
  .banner.banner-text-on-left.banner-purple .banner-link:hover,
  .banner.banner-text-on-left.banner-purple .banner-link:active,
  .banner.banner-text-on-left.banner-purple .banner-link:focus {
    background: #a96fc0; } }

.banner.banner-box.banner-purple .banner-content h1,
h2 {
  color: #8e44ad; }

/* gray */
.banner.banner-default.banner-gray .banner-content p,
.banner.banner-default.banner-gray .banner-content p a {
  color: #d2d2d2; }

.banner.banner-text-on-left.banner-gray .banner-content h1 em,
.banner.banner-text-on-left.banner-gray .banner-content p a {
  color: #b3b3b3; }

.banner.banner-text-on-left.banner-gray .banner-link {
  background: rgba(63, 63, 63, 0.85); }

.banner.banner-text-on-left.banner-gray .banner-link:hover,
.banner.banner-text-on-left.banner-gray .banner-link:active,
.banner.banner-text-on-left.banner-gray .banner-link:focus {
  background: rgba(179, 179, 179, 0.85); }

@media (max-width: 979px) {
  .banner.banner-text-on-left.banner-gray .banner-link {
    background: #3f3f3f; }
  .banner.banner-text-on-left.banner-gray .banner-link:hover,
  .banner.banner-text-on-left.banner-gray .banner-link:active,
  .banner.banner-text-on-left.banner-gray .banner-link:focus {
    background: #b3b3b3; } }

.banner.banner-box.banner-gray .banner-content h1,
h2 {
  color: #3f3f3f; }

/*doc
---
title: Panel
name: panel
category: Layout
---

Create content containers with the `panel` class.  Use **background-color** inline CSS to set transparency.

```html_example
<div class="panel" style="background-color: rgba(255, 255, 255, 0.7);">
    <h2>Panel</h2>
    <h3>Heading</h3>
    <p>Quisque imperdiet nibh in ornare pretium. Duis sed tincidunt neque, ac dignissim sapien. Nam non hendrerit quam. Pellentesque non eleifend odio, vitae suscipit leo. In at ex justo. </p>
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ul>
</div>
```
*/
.main .block.panel {
  width: auto; }

.panel {
  background: white;
  border: 1px solid #e9e6df;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 300;
  box-shadow: none; }

.panel h2 {
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  color: #5f574f;
  margin-bottom: 15px; }

.panel > h2,
.panel > h3,
.panel > h4,
.panel > h5,
.panel > h6,
.panel > ul,
.panel > ol,
.panel > p {
  width: 70%;
  margin-left: auto;
  margin-right: auto; }

.panel > ul,
.panel > ol,
.panel > dl {
  padding-left: 30px; }

@media (max-width: 767px) {
  .panel > h2,
  .panel > h3,
  .panel > h4,
  .panel > h5,
  .panel > h6,
  .panel > ul,
  .panel > ol,
  .panel > p {
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .panel > ul,
  .panel > ol,
  .panel > dl {
    padding-left: 15px; } }

/*doc
---
title: Card
name: card
category: Presentation
---

Card styles can be applied to any element using the `card` class.

[Color options][color] include:

* Red `card card-red`
* Orange `card card-orange`
* Green `card card-green`
* Blue `card card-blue`
* Purple `card card-purple`
* Gray `card card-gray`

<h2 class="styleguide">Layouts</h2>
```html_example
<div class="card card-orange span6 column">
    <h3><i class="fa fa-2x fa-bullhorn"></i>Announcements</h3>
    <ul>
        <li>February 2, 2016<br><a href="#">News item 1</a></li>
        <li>January 1, 2016<br><a href="#">News item 2</a></li>
        <li>December 25, 2015<br><a href="#">News item 3</a></li>
    </ul>
</div>

<div class="card card-blue span6 column">
    <h3><i class="fa fa-2x fa-arrow-circle-right"></i>I want to...</h3>
    <ul>
       <li><a href="#">Action Link 1</a></li>
       <li><a href="#">Action Link 2</a></li>
       <li><a href="#">Action Link 3</a></li>
    </ul>
</div>

<div class="card card-green span6 column clear-row card-action">
    <h3><i class="fa fa-2x fa-cube"></i>Service with icon graphic</h3>
    <p>Morbi eget hendrerit elit. Maecenas dictum odio nec euismod aliquam. Vivamus massa mi, porttitor eget porttitor non, egestas non lorem.</p>
    <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about Green Card</span></p>
</div>

<div class="card card-gray span6 column card-action">
    <h3>Service without icon graphic</h3>
    <p>Action button is bottom aligned.</p>
    <p class="center"><a class="more-link" href="#">Learn more</a><span class="element-invisible"> about Gray Card</span></p>
</div>
```

<h2 class="styleguide">Numbered headings</h2>
```html_example
<div class="card card-red span4 column clear-row">
    <h3><span class="fa fa-stack bg-circle">1</span><br>Step 1</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>

<div class="card card-orange span4 column">
    <h3><span class="fa fa-stack bg-circle">2</span><br>Step 2</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>

<div class="card card-green span4 column">
    <h3><span class="fa fa-stack bg-circle">3</span><br>Step 3</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>

<div class="card card-blue span4 column clear-row">
    <h3><span class="fa fa-stack bg-circle">4</span><br>Step 4</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>

<div class="card card-purple span4 column">
    <h3><span class="fa fa-stack bg-circle">5</span><br>Step 5</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>

<div class="card card-gray span4 column">
    <h3><span class="fa fa-stack bg-circle">6</span><br>Step 6</h3>
    <p>Nullam sagittis convallis odio a tincidunt.</p>
</div>
```
*/
.card {
  box-sizing: border-box;
  background: #fcfcfc;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  border-radius: 0 0 5px 5px; }
  .card img {
    display: inline-block;
    margin-bottom: 10px; }
  .card ul,
  .card ol {
    padding: 0;
    margin: 0 0 15px 15px; }
  .card li {
    line-height: 1.5em; }
  .card p:last-child {
    margin-bottom: 0; }
  .card .more-link {
    color: #fff;
    background: #80746F;
    margin: 0 5px 15px 5px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in; }
  .card .more-link:active,
  .card .more-link:focus,
  .card .more-link:hover {
    color: #fff;
    border: 0;
    background: #2e2d29; }
  .card .bg-circle {
    border-radius: 50%;
    background: #3f3f3f;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Source Sans Pro", sans-serif; }
  .card h2,
  .card h3 {
    color: #3F3C30;
    text-transform: none;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; }
    .card h2 i.fa,
    .card h3 i.fa {
      display: block;
      margin-bottom: 10px; }
  .card h2 + h3 {
    border-bottom: none; }
  .card h4 {
    font-size: 18px;
    font-weight: 300; }

.card > *:last-child {
  margin-bottom: 0; }

.card.card-gray {
  border-top: 3px solid #b3b3b3; }
  .card.card-gray .bg-circle {
    background: #3f3f3f; }
  .card.card-gray h2,
  .card.card-gray h3,
  .card.card-gray h4 {
    color: #3f3f3f; }

.card.card-red {
  border-top: 3px solid #e74c3c; }
  .card.card-red .bg-circle {
    background: #c0392b; }
  .card.card-red h2,
  .card.card-red h3,
  .card.card-red h4 {
    color: #c0392b; }
  .card.card-red h2 + h3 {
    color: #3f3f3f; }

.card.card-orange {
  border-top: 3px solid #e98300; }
  .card.card-orange .bg-circle {
    background: #9b5111; }
  .card.card-orange h2,
  .card.card-orange h3,
  .card.card-orange h4 {
    color: #9b5111; }
  .card.card-orange h2 + h3 {
    color: #3f3f3f; }

.card.card-green {
  border-top: 3px solid #009b76; }
  .card.card-green .bg-circle {
    background: #0f6b58; }
  .card.card-green h2,
  .card.card-green h3,
  .card.card-green h4 {
    color: #0f6b58; }
  .card.card-green h2 + h3 {
    color: #3f3f3f; }

.card.card-blue {
  border-top: 3px solid #0098db; }
  .card.card-blue .bg-circle {
    background: #1b6597; }
  .card.card-blue h2,
  .card.card-blue h3,
  .card.card-blue h4 {
    color: #1b6597; }
  .card.card-blue h2 + h3 {
    color: #3f3f3f; }

.card.card-purple {
  border-top: 3px solid #a96fc0; }
  .card.card-purple .bg-circle {
    background: #8e44ad; }
  .card.card-purple h2,
  .card.card-purple h3,
  .card.card-purple h4 {
    color: #8e44ad; }
  .card.card-purple h2 + h3 {
    color: #3f3f3f; }

@media (min-width: 768px) {
  .card.card-action {
    position: relative;
    padding-bottom: 70px; }
  .card.card-action p:last-child {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px); } }

/* Card Block */
.card.card-block {
  position: relative;
  padding: 0;
  color: #000;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-radius: 0; }
  .card.card-block img {
    display: block;
    margin-bottom: 0px;
    width: 100%; }
  .card.card-block h2 {
    text-align: left;
    font-weight: 400;
    border: none;
    margin-bottom: 0; }
  .card.card-block .card-content {
    padding: 20px; }
    .card.card-block .card-content a {
      color: #000; }
    .card.card-block .card-content a.more-link {
      color: #fff; }
    .card.card-block .card-content a strong {
      font-weight: 300; }
    .card.card-block .card-content dl {
      margin-top: 0;
      margin-left: 0; }
    .card.card-block .card-content dt {
      font-weight: 400; }
    .card.card-block .card-content .category,
    .card.card-block .card-content .category a {
      color: #8c1515;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600;
      display: block;
      margin-bottom: 0.25em;
      clear: both;
      border: none; }
    .card.card-block .card-content span.staff-happening-date,
    .card.card-block .card-content span.date-display-single {
      display: block;
      margin-bottom: 0.5em;
      clear: both; }
  .card.card-block .card-image {
    display: block;
    overflow: hidden; }
  .card.card-block .card-link a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }

/* Transparent Card */
.card.card-transparent,
.card.card-block.card-transparent {
  border: none;
  background: transparent !important; }

/* Poster Card */
.poster .card h2,
.poster .card h3 {
  font-size: 20px;
  margin: 0 0 12px 0;
  padding: 0 0 10px 0; }
  .poster .card h2 .fa-2x,
  .poster .card h3 .fa-2x {
    font-size: 2em;
    padding: 0; }

/* Card Section */
.section .section-body .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 0 0 5px 5px;
  padding: 20px; }
  .section .section-body .card .card-image {
    flex: 0 0 auto;
    max-width: calc(100% + 40px); }
    .section .section-body .card .card-image img {
      width: 100%; }
  .section .section-body .card .card-content {
    flex: 1 1 auto;
    padding: 20px; }
  .section .section-body .card .card-link {
    text-align: center;
    margin: 20px 0; }

/*doc
---
title: Table
name: table
category: Basics
---

```html_example
<table class="table table-striped">
  <thead>
    <tr>
      <th style="width: 35%">Title</th>
      <th style="width: 50%">Description</th>
      <th style="width: 15%">Icons</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Table Heading 1</th>
      <td>Integer pulvinar purus ac cursus commodo. Suspendisse egestas porta imperdiet. Quisque accumsan malesuada arcu, a rutrum urna elementum sed.</td>
      <td class="center"><i class="fa fa-check-circle fa-2x"></i></td>
    </tr>
    <tr>
      <th>Table Heading 2</th>
      <td>Fusce et magna nec mi lobortis cursus. Phasellus egestas eros massa, vel facilisis lacus tincidunt eu. Proin hendrerit orci suscipit, auctor quam sed, pharetra felis.</td>
      <td class="center"><i class="fa fa-times-circle fa-2x"></i></td>
    </tr>
    <tr>
      <th>Table Heading 3</th>
      <td>Proin non nisi sed nisi cursus rutrum sed nec libero.</td>
      <td class="center"><i class="fa fa-exclamation-circle fa-2x"></i></td>
    </tr>
  </tbody>
</table>
```
*/
table[border="0"] td, table[border="0"] th {
  border: none; }

th {
  vertical-align: middle; }

td p:last-child, th p:last-child {
  margin-bottom: 0; }

.table {
  border-collapse: collapse; }

.table th {
  font-weight: 300; }

.table th, .table td {
  line-height: normal; }

thead th, tbody th, th.header {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 20px; }

thead th {
  background-color: #fff;
  border: none;
  color: #000; }

thead th.center {
  text-align: center; }

tbody th {
  background-color: #fff;
  vertical-align: middle; }

tbody th.center {
  text-align: center; }

tbody td {
  background-color: #fff;
  text-align: left;
  vertical-align: middle; }

tbody td.center {
  text-align: center; }

tbody td i.fa-check-circle {
  color: #5cb85c;
  padding: 5px; }

tbody td i.fa-times-circle {
  color: #da4f49;
  padding: 5px; }

tbody td i.fa-exclamation-circle {
  color: #f0ad4e;
  padding: 5px; }

table.sitemap {
  background: transparent;
  width: 100%;
  border: none;
  padding: 3px;
  line-height: 1.5em;
  margin-top: 0px; }

table.sitemap th {
  text-align: left;
  padding-bottom: 0.3em;
  padding-top: 1em;
  color: #820000; }

table.sitemap td {
  padding-left: 1em;
  vertical-align: top; }

table.noborder {
  background: transparent;
  margin: 0px 0px 15px 0px;
  border: none; }

table.noborder th {
  text-align: center;
  background: transparent;
  color: #000;
  padding: 0px 10px 0px 0px;
  border: none; }

table.noborder td {
  background: transparent;
  color: #000;
  padding: 0px 10px 0px 0px;
  vertical-align: top;
  border: none; }

table.noborder td ul {
  padding: 0px 0px 0px 0.8em;
  margin: 0px 0px 0px 0.8em; }

table.noborder td ol {
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 1em; }

table.red-header {
  width: 100%;
  background: #bbb;
  margin: 0px 0px 15px 0px;
  border: 1px solid #bbb;
  border-collapse: collapse; }

table.red-header th {
  text-align: center;
  background: #820000;
  color: #fff;
  padding: 8px;
  border: 1px solid #bbb; }

table.red-header th a {
  color: #fff;
  text-decoration: underline; }

table.red-header th a:link,
table.red-header th a:visited,
table.red-header th a:hover,
table.red-header th a:active {
  color: #fff; }

table.red-header td {
  background: #fff;
  color: #000;
  padding: 8px;
  vertical-align: top;
  border: 1px solid #bbb; }

table.red-header td ul {
  padding: 0px 0px 0px 0.8em;
  margin: 0px 0px 0px 0.8em; }

table.red-header td ol {
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 1em; }

table.gray-header {
  width: 100%;
  background: #bbb;
  margin: 0px 0px 15px 0px;
  border: 1px solid #bbb;
  border-collapse: collapse; }

table.gray-header th {
  text-align: center;
  background: #ccc;
  color: #666;
  padding: 8px;
  border: 1px solid #bbb; }

table.gray-header th a {
  color: #666;
  text-decoration: underline; }

table.gray-header th a:link,
table.gray-header th a:visited,
table.gray-header th a:hover,
table.gray-header th a:active {
  color: #666; }

table.gray-header td {
  background: #fff;
  color: #000;
  padding: 8px;
  vertical-align: top;
  border: 1px solid #bbb; }

table.gray-header td ul {
  padding: 0px 0px 0px 0.8em;
  margin: 0px 0px 0px 0.8em; }

table.gray-header td ol {
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 1em; }

table.gold-header {
  width: 100%;
  background: #bbb;
  margin: 0px 0px 15px 0px;
  border: 1px solid #bbb;
  border-collapse: collapse; }

table.gold-header th {
  text-align: center;
  background: #eee3c1;
  color: #666;
  padding: 8px;
  border: 1px solid #bbb; }

table.gold-header th a {
  color: #666;
  text-decoration: underline; }

table.gold-header th a:link,
table.gold-header th a:visited,
table.gold-header th a:hover,
table.gold-header th a:active {
  color: #666; }

table.gold-header td {
  background: #fff;
  color: #000;
  padding: 8px;
  vertical-align: top;
  border: 1px solid #bbb; }

table.gold-header td ul {
  padding: 0px 0px 0px 0.8em;
  margin: 0px 0px 0px 0.8em; }

table.gold-header td ol {
  padding: 0px 0px 0px 1em;
  margin: 0px 0px 0px 1em; }

table th.side-header,
table th.side-header-vertical {
  background: #F7F6EC;
  color: #5a5a5a; }

table th.alternate,
table tr.alternate td,
table td.alternate {
  background: #eee; }

div.table-responsive {
  min-height: .01%; }

@media screen and (max-width: 767px) {
  div.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  div.table-responsive > table {
    margin-bottom: 0; } }

/* Table Styles */
.table.table-striped thead > tr th,
.table.table-striped thead:first-child tr:first-child th,
.table.table-striped tbody > tr th {
  background: #f2f1eb;
  border: 1px solid #ddd; }

.table.table-striped tbody > tr th[colspan] {
  background: #dad7cb;
  border: 1px solid #ddd; }

/* Table Head */
.content thead th a:link,
.content thead th a:visited {
  border-bottom: 1px dotted #2e2d29;
  color: #2e2d29; }

/* Responsive Styles */
/*
@media only screen and (max-width: 767px) {
    .table {
        display: block;
        border: none;
        thead,
        th {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }
        tbody {
            clear: both;
            display: block;
        }
        tr {
            display: block;
            border-top: 1px solid #ddd;
            &:last-child {
                border-bottom: 1px solid #ddd;
            }
        }
        td {
            display: block;
            border: none;
        }
    }
}
*/
/* Organization Chart */
ul#orgchart {
  font-size: 1em;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  color: #3f3c30;
  width: auto;
  /* Special Connectors */
  /* Collapsed state for list element */
  /* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */ }
  ul#orgchart div {
    box-sizing: border-box; }
  ul#orgchart a {
    word-wrap: normal; }
  ul#orgchart a:hover,
  ul#orgchart a:active {
    color: #820000; }
  ul#orgchart .name a {
    color: #565347;
    text-decoration: none;
    border: none; }
  ul#orgchart .name a:hover,
  ul#orgchart .name a:active {
    color: #820000; }
  ul#orgchart .description {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 8px;
    padding-top: 5px;
    border-top: 1px solid #ccc; }
  ul#orgchart img {
    border: none; }
  ul#orgchart ul {
    margin: 0px;
    padding: 0px;
    background-image: none; }
  ul#orgchart li {
    display: inline-block;
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    zoom: 1;
    *display: inline; }
  ul#orgchart li ul {
    background-image: url("../images/orgchart/gray.gif");
    background-position: top center;
    background-repeat: no-repeat; }
  ul#orgchart li li {
    margin: 10px -1px 0px -3px;
    padding: 10px 5px 10px 5px;
    text-align: right;
    background-image: url("../images/orgchart/connect_last.gif");
    background-position: top left;
    background-repeat: no-repeat;
    border-top: 1px solid #666; }
  ul#orgchart li > ul > li:last-child {
    border-top: none; }
  ul#orgchart li li ul,
  ul#orgchart li.expanded ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background-image: none; }
  ul#orgchart li li li {
    display: list-item;
    margin: 0px;
    padding: 10px 0px 0px 5px;
    text-align: right;
    background-image: url("../images/orgchart/connect.gif");
    background-position: top left;
    background-repeat: no-repeat;
    border-top: none; }
  ul#orgchart li li li:last-child {
    background-image: url("../images/orgchart/connect_last.gif");
    background-position: top left;
    background-repeat: repeat-y;
    border-top: none; }
  ul#orgchart .vp {
    position: relative;
    display: block;
    text-align: center;
    border: 5px double #666;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .avp {
    position: relative;
    display: block;
    text-align: center;
    border: 3px double #666;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .executive {
    position: relative;
    display: block;
    text-align: center;
    border: 2px solid #666;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .director {
    position: relative;
    display: block;
    text-align: center;
    border: 2px solid #666;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .manager {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #666;
    margin: 0px;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .staff {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #666;
    margin: 0px;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .group {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #666;
    margin: 0px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart .external {
    position: relative;
    display: block;
    text-align: center;
    border: 2px solid #666;
    margin: 0px;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #fff; }
  ul#orgchart li div {
    margin: 0px auto;
    width: 255px; }
  ul#orgchart li li div {
    width: 235px; }
  ul#orgchart li li li div {
    width: 220px; }
  ul#orgchart li li li li div {
    width: 205px; }
  ul#orgchart li li li li li div {
    width: 190px; }
  ul#orgchart ul.special {
    padding: 0 0 0 5px;
    margin-left: 5px;
    border-left: 1px dotted #666; }
  ul#orgchart ul.special li {
    padding-left: 5px; }
  ul#orgchart ul.special li:nth-last-child(2) {
    background-image: url("../images/orgchart/connect_last.gif");
    background-position: top left;
    background-repeat: repeat-y;
    border-top: none; }
  ul#orgchart ul.special li:last-child {
    margin-left: -6px;
    background-image: url("../images/orgchart/connect_special.gif") !important;
    background-position: top left;
    background-repeat: repeat-y;
    border-top: none; }
  ul#orgchart ul.special li:last-child div {
    width: 226px; }
  ul#orgchart .collapsed {
    position: relative; }
  ul#orgchart .collapsed:after {
    content: "+";
    display: inline-block;
    cursor: pointer;
    padding: 2px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 10px;
    font-weight: 600;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 10px;
    text-align: center;
    background: #666;
    color: #fff; }
  ul#orgchart .collapsed:hover:after {
    background: #820000; }
  ul#orgchart .expanded:after {
    content: "-";
    display: inline-block;
    cursor: pointer;
    padding: 2px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 10px;
    font-weight: 600;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 10px;
    text-align: center;
    background: #666;
    color: #fff; }
  ul#orgchart .expanded:hover:after {
    background: #820000; }
  @media (min-width: 980px) and (max-width: 1199px) {
    ul#orgchart li div {
      width: 225px; }
    ul#orgchart li li div {
      width: 205px; }
    ul#orgchart li li li div {
      width: 190px; }
    ul#orgchart li li li li div {
      width: 175px; }
    ul#orgchart li li li li li div {
      width: 160px; }
    ul#orgchart ul.special li:last-child div {
      width: 196px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    ul#orgchart li div {
      width: 175px; }
    ul#orgchart li li div {
      width: 155px; }
    ul#orgchart li li li div {
      width: 140px; }
    ul#orgchart li li li li div {
      width: 125px; }
    ul#orgchart li li li li li div {
      width: 110px; }
    ul#orgchart ul.special li:last-child div {
      width: 146px; } }
  @media (min-width: 768px) {
    ul#orgchart li > ul {
      padding-left: 2px; } }
  @media (max-width: 767px) {
    ul#orgchart .collapsed:after,
    ul#orgchart .expanded:after {
      left: 18px;
      top: 18px; } }
  ul#orgchart .group .manager {
    border: none;
    border-radius: 0;
    padding: 0; }
    @media (min-width: 768px) {
      ul#orgchart .group .manager {
        border-bottom: 1px solid #666; } }
  ul#orgchart .group .title {
    display: block;
    margin-bottom: 1em; }
  ul#orgchart .group .name {
    display: block;
    line-height: 1.2em;
    margin: .25em 0;
    border: none; }
  ul#orgchart .group .name a.stanfordwho {
    border-bottom: 1px dotted #81785a; }
  ul#orgchart .group .org {
    display: block;
    font-weight: 600; }
    ul#orgchart .group .org sup {
      font-weight: normal; }
    ul#orgchart .group .org a {
      font-weight: 600; }
  ul#orgchart .group ul {
    display: block;
    margin: 0 !important;
    padding: 0 !important; }
  ul#orgchart .group ul li {
    display: list-item;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: none; }
  ul#orgchart .group ul li:last-child {
    background-image: none !important; }
  ul#orgchart .name {
    display: block;
    border-bottom: 1px solid #666; }
  ul#orgchart .title,
  ul#orgchart .role {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 0.25em 0;
    font-style: italic;
    display: block; }
  ul#orgchart .org {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0.25em 0;
    font-weight: 400;
    display: block; }
  ul#orgchart .suborg {
    font-size: 0.9em;
    display: block;
    margin: 1em 0px 0px 0px;
    font-weight: bold; }
  ul#orgchart .url {
    position: absolute;
    display: block;
    bottom: 6px;
    right: 2px;
    width: 15px;
    height: 15px; }
    ul#orgchart .url a {
      border: none; }
    ul#orgchart .url a i {
      text-size: 12px;
      color: #7b7455; }
    ul#orgchart .url a:hover i,
    ul#orgchart .url a:active i,
    ul#orgchart .url a:focus i {
      color: #820000; }
  ul#orgchart .key {
    font-size: 12px;
    color: #3f3c30;
    margin: 0px;
    padding: 10px 0px; }
    ul#orgchart .key li {
      list-style-type: none;
      list-style-image: none;
      margin: 0px;
      padding: 0px; }
  ul#orgchart > li > ul:nth-child(2) {
    background-image: url("../images/orgchart/gray.gif");
    background-position: top center;
    background-repeat: repeat-y; }
  ul#orgchart > li > ul.row1:nth-child(2) > li:nth-child(1),
  ul#orgchart > li > ul.row2:nth-child(2) > li:nth-child(2),
  ul#orgchart > li > ul.row3:nth-child(2) > li:nth-child(2),
  ul#orgchart > li > ul.row4:nth-child(2) > li:nth-child(3) {
    background-image: url("../images/orgchart/connect_row.gif");
    background-position: top left;
    /* background-image: url("../images/orgchart/connect_last.gif"); */ }
  ul#orgchart > li > ul.row2:nth-child(2) > li:nth-child(2),
  ul#orgchart > li > ul.row3:nth-child(2) > li:nth-child(3),
  ul#orgchart > li > ul.row4:nth-child(2) > li:nth-child(4),
  ul#orgchart > li > ul:last-child > li:nth-child(3) {
    background-image: url("../images/orgchart/connect_last.gif"); }
  ul#orgchart > li > ul:last-child {
    background-image: url("../images/orgchart/gray.gif");
    background-position: top center;
    background-repeat: no-repeat !important; }
  ul#orgchart > li > ul.row1,
  ul#orgchart > li > ul.row2,
  ul#orgchart > li > ul.row3,
  ul#orgchart > li > ul.row4 {
    background-repeat: repeat-y; }
  ul#orgchart > li > ul.row1 > li:first-child {
    margin-left: 240px; }
  ul#orgchart > li > ul.row3 > li:first-child {
    margin-right: 240px; }
  @media (min-width: 980px) and (max-width: 1199px) {
    ul#orgchart > li > ul.row1 > li:first-child {
      margin-left: 210px; }
    ul#orgchart > li > ul.row3 > li:first-child {
      margin-right: 210px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    ul#orgchart > li > ul.row1 > li:first-child {
      margin-left: 165px; }
    ul#orgchart > li > ul.row3 > li:first-child {
      margin-right: 165px; } }
  @media screen and (max-width: 767px) {
    ul#orgchart {
      /* Organization Chart */
      /* Org Specific Changes */ }
      ul#orgchart li {
        display: block;
        width: auto !important; }
      ul#orgchart li ul {
        background-image: none !important; }
      ul#orgchart > li > ul > li {
        margin: 0px 0px 0px 10px !important; }
      ul#orgchart li li {
        margin: 0px 0px 0px 10px;
        padding: 10px 0px 0px 10px;
        text-align: right;
        background-image: url("../images/orgchart/connect.gif");
        background-repeat: repeat-y;
        border-top: none; }
      ul#orgchart li ul:last-child li:last-child {
        background-image: url("../images/orgchart/connect_last.gif");
        background-repeat: no-repeat;
        border-top: none;
        margin-right: 0px; }
      ul#orgchart li li li {
        padding: 10px 0px 0px 10px; }
      ul#orgchart div {
        margin: 0px;
        padding: 3px 20px;
        width: auto !important; }
      ul#orgchart .group ul li {
        display: inline-block !important;
        margin: 0px 10px;
        line-height: 15px;
        vertical-align: bottom; }
      ul#orgchart .name {
        display: inline-block;
        margin: 0px;
        border-bottom: none; }
      ul#orgchart .role {
        display: inline-block;
        margin: 0px; }
      ul#orgchart .role:before {
        content: "("; }
      ul#orgchart .role:after {
        content: ")"; }
      ul#orgchart .org {
        display: block;
        margin: 0px; }
      ul#orgchart .suborg {
        display: block;
        margin: 0.5em 0px 0px 0px; }
      ul#orgchart > li > ul:nth-child(2) > li:nth-child(1),
      ul#orgchart > li > ul:nth-child(2) > li:nth-child(2),
      ul#orgchart > li > ul:nth-child(2) > li:nth-child(3),
      ul#orgchart > li > ul:nth-child(2) > li:nth-child(4),
      ul#orgchart > li > ul:nth-child(2) > li:last-child,
      ul#orgchart > li > ul:last-child > li:nth-child(3) {
        background-image: url("../images/orgchart/connect.gif") !important; }
      ul#orgchart > li > ul:last-child > li:last-child {
        background-image: url("../images/orgchart/connect_last.gif") !important; } }

/* Org Specific Changes */
#orgchart.col1 li li {
  margin-top: 0px; }

#orgchart.col1 li ul {
  background-image: none;
  padding-top: 0px; }

#orgchart.col1 > li > ul:last-child {
  background-image: none;
  padding-top: 0px; }

@media (max-width: 767px) {
  #orgchart .avp {
    height: auto !important; } }

/*doc
---
title: Postcard
name: postcard
category: Presentation
---

Postcard layouts are micro-layouts that are useful for placing things side-by-side.

Below are four examples showing the postcard styles you can use, `postcard-left`, `postcard-right`, `postcard-left-wrap`, and `postcard-right-wrap`.

<h2 class="styleguide">Postcard without text wrapping</h2>

```html_example
<div class="postcard-left span6">
  <div><img src="build/thumbnail.png" alt=""></div>
  <div>
    <p><code>postcard-left</code> floats two divs side-by-side, and does not allow wrapping. You can use this to do "image on the left, text on the right" layouts. Postcard layouts are micro-layouts where you want thumbnail images, or other elements next to a block of text. We have built support for micro-layouts into the Open Framework theme through this postcard implementation strategy.</p>
  </div>
</div>

<div class="postcard-right span6">
  <div><img src="build/thumbnail.png" alt=""></div>
  <div>
    <p><code>postcard-right</code> floats two divs side-by-side, and does not allow wrapping. You can use this to do "image on the right, text on the left" layouts. Postcard layouts are micro-layouts where you want thumbnail images, or other elements next to a block of text. We have built support for micro-layouts into the Open Framework theme through this postcard implementation strategy.</p>
  </div>
</div>
```

<h2 class="styleguide">Postcard with text wrapping</h2>

```html_example
<div class="postcard-left-wrap span6">
  <div><img src="build/thumbnail.png" alt=""></div>
  <div>
    <p><code>postcard-left-wrap</code> floats two divs side-by-side, and allows for wrapping. You can use this to do "image on the left, text on the right" layouts. Postcard layouts are micro-layouts where you want thumbnail images, or other elements next to a block of text. We have built support for micro-layouts into the Open Framework theme through this postcard implementation strategy.</p>
  </div>
</div>

<div class="postcard-right-wrap span6">
  <div><img src="build/thumbnail.png" alt=""></div>
  <div>
    <p><code>postcard-right-wrap</code> floats two divs side-by-side, and allows for wrapping. You can use this to do "image on the right, text on the left" layouts. Postcard layouts are micro-layouts where you want thumbnail images, or other elements next to a block of text. We have built support for micro-layouts into the Open Framework theme through this postcard implementation strategy.</p>
  </div>
</div>
```

*/
.postcard-left,
.postcard-left-wrap,
.postcard-right,
.postcard-right-wrap {
  clear: both;
  margin-bottom: 15px; }

.postcard-left[class*="span"],
.postcard-left-wrap[class*="span"],
.postcard-right[class*="span"],
.postcard-right-wrap[class*="span"] {
  clear: none; }

.postcard-left > a,
.postcard-right > a {
  display: table-cell;
  pointer: cursor;
  border: none; }

.postcard-left > a:hover,
.postcard-left > a:focus,
.postcard-right > a:hover,
.postcard-right > a:focus {
  border: none; }

.postcard-left > a > div,
.postcard-right > a > div {
  display: table-cell; }

.postcard-left-wrap > a > div:first-child,
.postcard-left > a > div:first-child {
  float: left; }

.postcard-right-wrap > a > div:first-child,
.postcard-right > a > div:first-child {
  float: right; }

.postcard-left > a > div:first-child img,
.postcard-left-wrap > a > div:first-child img,
.postcard-right > a > div:first-child img,
.postcard-right-wrap > a > div:first-child img {
  margin-bottom: 15px; }

.postcard-left > a > div:first-child img,
.postcard-left-wrap > a > div:first-child img {
  margin-right: 15px; }

.postcard-right > a > div:first-child img,
.postcard-right-wrap > a > div:first-child img {
  margin-left: 15px; }

.postcard-left h2,
.postcard-left-wrap h2,
.postcard-right h2,
.postcard-right-wrap h2 {
  margin-top: 0; }

.postcard {
  box-sizing: border-box;
  background: #fcfcfc;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  border-radius: 0 0 4px 4px; }
  .postcard h2,
  .postcard h3 {
    color: #3F3C30;
    text-transform: none;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: 0.02em; }
    .postcard h2 i.fa,
    .postcard h3 i.fa {
      display: block;
      margin-bottom: 10px; }
  .postcard p:last-child {
    margin-bottom: 0; }
  .postcard > div > div:last-child {
    text-align: right;
    margin-right: -21px;
    margin-bottom: -21px; }
  .postcard .more-link {
    color: #2e2d29;
    background: #ddd;
    margin: 0;
    padding: 7px 20px;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    border: 0; }
    .postcard .more-link:active, .postcard .more-link:focus, .postcard .more-link:hover {
      color: #fff;
      border: 0;
      background: #2e2d29; }

.postcard.postcard-red {
  border-top: 3px solid #e74c3c; }
  .postcard.postcard-red .bg-circle {
    background: #c0392b; }
  .postcard.postcard-red i.fa,
  .postcard.postcard-red h2,
  .postcard.postcard-red h3,
  .postcard.postcard-red h4 {
    color: #c0392b; }
  .postcard.postcard-red h2 + h3 {
    color: #3f3f3f; }

.postcard.postcard-orange {
  border-top: 3px solid #e98300; }
  .postcard.postcard-orange .bg-circle {
    background: #9b5111; }
  .postcard.postcard-orange i.fa,
  .postcard.postcard-orange h2,
  .postcard.postcard-orange h3,
  .postcard.postcard-orange h4 {
    color: #9b5111; }
  .postcard.postcard-orange h2 + h3 {
    color: #3f3f3f; }

.postcard.postcard-green {
  border-top: 3px solid #009b76; }
  .postcard.postcard-green .bg-circle {
    background: #0f6b58; }
  .postcard.postcard-green i.fa,
  .postcard.postcard-green h2,
  .postcard.postcard-green h3,
  .postcard.postcard-green h4 {
    color: #0f6b58; }
  .postcard.postcard-green h2 + h3 {
    color: #3f3f3f; }

.postcard.postcard-blue {
  border-top: 3px solid #0098db; }
  .postcard.postcard-blue .bg-circle {
    background: #1b6597; }
  .postcard.postcard-blue i.fa,
  .postcard.postcard-blue h2,
  .postcard.postcard-blue h3,
  .postcard.postcard-blue h4 {
    color: #1b6597; }
  .postcard.postcard-blue h2 + h3 {
    color: #3f3f3f; }

.postcard.postcard-purple {
  border-top: 3px solid #a96fc0; }
  .postcard.postcard-purple .bg-circle {
    background: #8e44ad; }
  .postcard.postcard-purple i.fa,
  .postcard.postcard-purple h2,
  .postcard.postcard-purple h3,
  .postcard.postcard-purple h4 {
    color: #8e44ad; }
  .postcard.postcard-purple h2 + h3 {
    color: #3f3f3f; }

.postcard-left.postcard.postcard-red > div:first-child,
.postcard-left.postcard.postcard-orange > div:first-child,
.postcard-left.postcard.postcard-green > div:first-child,
.postcard-left.postcard.postcard-blue > div:first-child,
.postcard-left.postcard.postcard-purple > div:first-child {
  padding-right: 20px;
  min-width: 60px;
  text-align: center; }

/*doc
---
title: Video Player
name: videoplayer
category: Presentation
---

Use the `video-player` class to embed videos on your responsive webpages.  Use the `widescreen` class for videos in 16x9 aspect ratio.

```html_example
<div class="span6">
    <div class="video-player">
      <iframe src="//www.youtube.com/embed/wSyRMKA5Bd8?rel=0" allowfullscreen></iframe>
    </div>
</div>
<div class="span6">
    <div class="video-player widescreen">
      <iframe src="//www.youtube.com/embed/o1Ml4dXCNz4?rel=0" allowfullscreen></iframe>
    </div>
</div>
```
*/
.video-player {
  height: 0;
  margin-bottom: 1em;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625em;
  position: relative; }
  .video-player iframe,
  .video-player object,
  .video-player embed,
  .video-player video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0; }

.video-player.widescreen {
  padding-bottom: 53.25%; }

.video-player.vimeo {
  padding-top: 0; }

/*doc
---
title: Alert
name: alert
category: Presentation
---

Wrap any text and an optional dismiss button in `alert` for a basic warning alert message.

```html_example
<div class="alert">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Warning!</strong> Better read this or you'll be sorry.
</div>

<div class="alert alert-info">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>

<div class="alert alert-success">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Well done!</strong> You successfully read this important alert message.
</div>

<div class="alert alert-error">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
```
*/
.alert {
  color: #906520; }

.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
  color: #906520;
  font-weight: normal;
  font-size: 18px; }

.content .alert h2 {
  margin-top: 0; }

.alert.alert-info {
  color: #07496F; }

.alert.alert-info h2,
.alert.alert-info h3,
.alert.alert-info h4,
.alert.alert-info h5,
.alert.alert-info h6 {
  color: #07496F; }

.alert.alert-success {
  color: #135514; }

.alert.alert-success h2,
.alert.alert-success h3,
.alert.alert-success h4,
.alert.alert-success h5,
.alert.alert-success h6 {
  color: #135514; }

.alert.alert-error {
  color: #861715; }

.alert.alert-error h2,
.alert.alert-error h3,
.alert.alert-error h4,
.alert.alert-error h5,
.alert.alert-error h6 {
  color: #861715; }

.alert a {
  color: #2e2d29; }

.alert a:hover {
  color: #8C1515; }

.alert p:last-child {
  margin-bottom: 0; }

.alert .views-row {
  margin-bottom: 0; }

.node-type-service-page.node-type-service-page--new .content-top .alert,
.node-type-service-page.node-type-service-page--new .content-upper .alert {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 30px 10%;
  border: 0;
  border-radius: 0; }
  .node-type-service-page.node-type-service-page--new .content-top .alert h2,
  .node-type-service-page.node-type-service-page--new .content-top .alert h3,
  .node-type-service-page.node-type-service-page--new .content-top .alert h4,
  .node-type-service-page.node-type-service-page--new .content-top .alert h5,
  .node-type-service-page.node-type-service-page--new .content-top .alert h6,
  .node-type-service-page.node-type-service-page--new .content-upper .alert h2,
  .node-type-service-page.node-type-service-page--new .content-upper .alert h3,
  .node-type-service-page.node-type-service-page--new .content-upper .alert h4,
  .node-type-service-page.node-type-service-page--new .content-upper .alert h5,
  .node-type-service-page.node-type-service-page--new .content-upper .alert h6 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 0.5em; }
  .node-type-service-page.node-type-service-page--new .content-top .alert > *,
  .node-type-service-page.node-type-service-page--new .content-upper .alert > * {
    padding-left: 0;
    padding-right: 0; }
  .node-type-service-page.node-type-service-page--new .content-top .alert .close,
  .node-type-service-page.node-type-service-page--new .content-upper .alert .close {
    position: relative;
    top: -2px;
    right: -33px;
    line-height: 32px;
    font-size: 32px;
    opacity: 0.5; }
  .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error,
  .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error {
    border-top: 5px solid #8c1515;
    border-bottom: 5px solid #8c1515;
    background: #F4E6E6; }
    .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error h2:before,
    .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error h3:before,
    .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error h4:before,
    .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error h5:before,
    .node-type-service-page.node-type-service-page--new .content-top .alert.alert-error h6:before,
    .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error h2:before,
    .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error h3:before,
    .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error h4:before,
    .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error h5:before,
    .node-type-service-page.node-type-service-page--new .content-upper .alert.alert-error h6:before {
      font-family: FontAwesome;
      font-size: 64px;
      line-height: 64px;
      margin: 0;
      padding: 0 0 15px 0;
      display: block;
      content: "\f071"; }

@media (max-width: 767px) {
  .node-type-service-page.node-type-service-page--new .content-upper .alert {
    padding: 20px; } }

/*doc
---
title: Tab
name: tab
category: Layout
---

Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

```html_example
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#overview">Overview</a></li>
    <li><a data-toggle="tab" href="#instructions">Instructions</a></li>
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">User Guide <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a data-toggle="tab" href="#step1">Step 1</a></li>
            <li><a data-toggle="tab" href="#step2">Step 2</a></li>
        </ul>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="overview">
        <h2>Overview</h2>
        <p>Morbi placerat turpis tristique augue molestie, vitae vulputate eros tincidunt.</p>
    </div>
    <div class="tab-pane" id="instructions">
        <h2>Instructions</h2>
        <p>Cras dui lectus, efficitur quis mi sit amet, lobortis lobortis metus.</p>
    </div>
    <div class="tab-pane" id="step1">
        <h2>User Guide: Step 1</h2>
        <p>Sed in massa facilisis, aliquam elit ac, lobortis elit.</p>
    </div>
    <div class="tab-pane" id="step2">
        <h2>User Guide: Step 2</h2>
        <p>Donec felis urna, pulvinar a erat et, posuere hendrerit elit.</p>
    </div>
</div>
```
*/
.nav-pills > li,
.nav-tabs > li {
  display: inline-block;
  float: none; }

#main .dropdown-toggle .caret {
  display: inline-block;
  border-top-color: #8c1515;
  border-bottom-color: #8c1515; }

#main .dropdown-toggle:focus .caret,
#main .dropdown-toggle:hover .caret {
  border-top-color: #000;
  border-bottom-color: #000; }

#main .content .dropdown-menu {
  position: absolute;
  min-width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

#main .content .dropdown-menu a {
  border: none; }

.content .nav.nav-tabs a {
  font-size: 18px;
  padding: 8px 15px !important;
  font-weight: 300;
  letter-spacing: 0; }

.nav-pills > li,
.nav-tabs > li {
  display: inline-block;
  float: none; }

/*doc
---
title: Well
name: well
category: Presentation
---

Use the `well` as a simple effect on an element to give it an inset effect.

<h2 class="styleguide">Well Default</h2>

```html_example
<div class="well span6">
<h2>Default well</h2>
<p>Nulla hendrerit in arcu bibendum tincidunt. Vivamus rutrum turpis augue, non sodales nulla vestibulum eget.</p>
</div>
```
<h2 class="styleguide">Well Card</h2>

The `well` class can be used in conjuction with the `card` class.  This can be useful for displaying content within a larger [card].

<h3 class="styleguide">Site examples:</h3>
<ul>
<li><a href="https://uit.stanford.edu/guide/encrypt/config">uit.stanford.edu/guide/encrypt/config</a></li>
</ul>

```html_example
<div class="card well span6">
<h2>Well Card</h2>
<p>Nulla hendrerit in arcu bibendum tincidunt. Vivamus rutrum turpis augue, non sodales nulla vestibulum eget.</p>
</div>
```
*/
.well {
  border: none;
  border-top: 3px solid #d5d2c5;
  box-shadow: none;
  background: #f2f1eb;
  padding: 20px;
  border-radius: 0 0 4px 4px; }

.well.card h2,
.well.card h3 {
  border: none;
  color: #3f3f3f; }

/* Policy */
ol.policy ol,
ol.policy.linebreak ol {
  margin-top: 1em; }

ol.policy li,
ol.policy.linebreak li {
  list-style-type: upper-alpha; }

ol.policy li li,
ol.policy.linebreak li li {
  list-style-type: decimal; }

ol.policy li li li,
ol.policy.linebreak li li li {
  list-style-type: lower-alpha; }

ol.policy table,
ol.policy.linebreak table {
  margin-top: 1em; }

/* Checklist */
ul.checklist,
ul.check-square {
  margin-left: 0;
  padding-left: 30px; }
  ul.checklist li,
  ul.check-square li {
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 1em; }

ul.checklist li::before {
  content: "\02714";
  padding-right: 15px;
  font-weight: 800;
  position: absolute;
  margin-left: -30px; }

ul.check-square li::before {
  font-family: FontAwesome;
  content: "\f046";
  padding-right: 15px;
  font-weight: 400;
  position: absolute;
  margin-left: -30px; }

/* Policy */
.policy ol li {
  list-style-type: upper-alpha; }

.policy ol li li {
  list-style-type: decimal; }

.policy ol li li li {
  list-style-type: lower-alpha; }

.policy ol.linebreak li {
  list-style-type: upper-alpha; }

.policy ol.linebreak li li {
  list-style-type: decimal; }

.policy ol.linebreak li li li {
  list-style-type: lower-alpha; }

.policy ol.linebreak ol {
  margin-top: 1em; }

.policy h2 {
  text-transform: uppercase; }

.policy table.table {
  margin-top: 1em; }

/* Secondary Nav */
.secondary-nav {
  background: #565347;
  padding: 10px 0;
  font-weight: 300;
  top: 0; }

.secondary-nav.unsticky {
  border-radius: 4px 4px 0 0; }

@media (min-width: 1440px) {
  .secondary-nav {
    width: 1400px; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .secondary-nav {
    width: 1170px; } }

@media (min-width: 980px) and (max-width: 1199px) {
  .secondary-nav {
    width: 940px; } }

@media (min-width: 768px) and (max-width: 979px) {
  .secondary-nav {
    width: 724px; } }

.secondary-nav ul.menu {
  text-align: center;
  margin: 0; }

.secondary-nav ul.menu li {
  display: inline-block;
  margin: 0 20px; }

#main .secondary-nav ul.nav > li > a {
  color: #fff;
  font-size: 18px;
  border-bottom: 3px solid #565347; }

#main .secondary-nav ul.nav > li > a:hover,
#main .secondary-nav ul.nav > li > a:active,
#main .secondary-nav ul.nav > li > a:focus {
  border-bottom: 3px solid #fff !important; }

.secondary-nav .active {
  border-bottom: 3px solid #fff !important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@media (max-width: 767px) {
  .secondary-nav {
    padding: 3px 0; }
  .secondary-nav ul.menu li {
    margin: 0 15px; } }

/* Animation */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1); }
  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); }
  80%,
  100% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1); }
  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); }
  80%,
  100% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); } }

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0);
    transform: translateX(0%) skewX(0);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0);
    -ms-transform: translateX(0%) skewX(0);
    transform: translateX(0%) skewX(0);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0);
    transform: translateX(0%) skewX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0);
    -ms-transform: translateX(0%) skewX(0);
    transform: translateX(0%) skewX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center; }
  100% {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  100% {
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  0%,
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg); }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  40%,
  80% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg); }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
  40%,
  80% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

/*doc
---
title: FAQ
name: faq
category: Presentation
---

An alternative to [accordion][accordion].  Create collapsible definition lists using the `faq` class.

```html_example
<dl class="faq">
    <dt>Conference phone</dt>
    <dd>A phone that is enabled for audio conferencing with one or more people.</dd>
    <dt>Microphone</dt>
    <dd>Equipment that captures audio in the room. A microphone also allows onsite users to speak to remote users. A microphone can be mounted or hidden on the left or right of the audience, or on the ceiling.</dd>
</dl>

<dl class="faq faq-lagunita">
    <dt>Conference phone</dt>
    <dd>A phone that is enabled for audio conferencing with one or more people.</dd>
    <dt>Microphone</dt>
    <dd>Equipment that captures audio in the room. A microphone also allows onsite users to speak to remote users. A microphone can be mounted or hidden on the left or right of the audience, or on the ceiling.</dd>
</dl>
```
*/
.faq {
  /* Lagunita */ }
  .faq > * {
    box-sizing: border-box; }
  .faq dt {
    position: relative;
    background-color: #eee;
    color: #444;
    padding: 10px 50px 10px 15px;
    text-align: left;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: pointer; }
    .faq dt.active, .faq dt:hover {
      background-color: #ddd; }
    .faq dt:after {
      content: '+';
      font-size: 1.5em;
      color: #777;
      position: absolute;
      right: 1em;
      top: 0.4em; }
    .faq dt.active:after {
      content: "\2013";
      color: #555; }
  .faq dd {
    position: relative;
    padding: 10px 0 10px 5px;
    background-color: #fff; }
  .faq.faq-lagunita dt {
    background-color: #007c92;
    color: #fff; }
    .faq.faq-lagunita dt.active, .faq.faq-lagunita dt:hover {
      background-color: #00505c; }
    .faq.faq-lagunita dt:after, .faq.faq-lagunita dt.active:after {
      color: #ffffff; }

/*doc
---
title: Button
name: Button
category: Presentation
---

<h2 class="styleguide">More Button</h2>

```html_example
<p class="center"><a href="#" class="more-button">More News</a></p>
```

*/
.more-button,
a.more-button,
p a.more-button {
  display: inline-block;
  background: #8c1515;
  padding: 0.5em 1em;
  border: none !important;
  color: #fff !important;
  font-weight: 400;
  line-height: 1.4em;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1); }

.more-button:hover,
a.more-button:hover,
p a.more-button:hover,
.more-button:active,
a.more-button:active,
p a.more-button:active {
  background: #3f3c30;
  border: none; }

.more-button:after,
a.more-button:after,
p a.more-button:after {
  content: "\f18e";
  font-family: FontAwesome;
  margin: 0 0 0 0.25em;
  padding: 0; }

blockquote.blockquote {
  font-size: 24px;
  box-sizing: border-box;
  margin: 30px auto;
  padding: 0 0 0 20px;
  line-height: 1.5em;
  border-left: 5px solid #dad7cb; }
  @media (min-width: 768px) {
    blockquote.blockquote {
      margin: 30px 15%; } }
  blockquote.blockquote p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    color: #000; }
  blockquote.blockquote > p:first-child {
    text-indent: 0;
    padding-left: 0; }
  blockquote.blockquote .blockquote-footer {
    font-weight: 400;
    display: block;
    margin-top: 1em;
    font-style: italic; }
  blockquote.blockquote:after {
    content: "";
    display: table;
    clear: both; }

.section_media {
  font-size: 20px;
  line-height: 1.5em;
  margin: 50px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center; }
  .section_media .section_media_text {
    flex-grow: 1;
    margin: auto; }
    .section_media .section_media_text .section_media__title {
      text-align: left;
      font-size: 36px;
      font-weight: 300;
      color: #2e2d29;
      margin: 0 0 1em 0; }
    .section_media .section_media_text .section_media__body {
      font-weight: 300;
      line-height: 1.5em;
      margin-bottom: 1em; }
    .section_media .section_media_text .section_media__link a {
      display: inline-block;
      background: #5f574f;
      margin-top: 1em;
      padding: 0.5em 1em;
      border: none;
      color: #fff !important;
      font-weight: 400;
      line-height: 1.4em;
      transition: all .2s ease-in;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
      border-radius: 5px; }
      .section_media .section_media_text .section_media__link a:active, .section_media .section_media_text .section_media__link a:focus, .section_media .section_media_text .section_media__link a:hover {
        background: #2e2d29;
        border: none; }
      .section_media .section_media_text .section_media__link a:after {
        content: "\f18e";
        font-family: FontAwesome;
        margin: 0 0 0 0.25em;
        padding: 0; }
  .section_media .section_media__image {
    flex-shrink: 0;
    margin: auto;
    text-align: center; }
  .section_media.section_media--left_square .section_media__image, .section_media.section_media--left_wide .section_media__image {
    order: -1; }
  @media (min-width: 1400px) {
    .section_media {
      width: 1340px; }
    .section_media.section_media--left_square .section_media__image {
      width: 300px; }
      .section_media.section_media--left_square .section_media__image img {
        max-width: 250px;
        max-height: 250px;
        object-fit: cover; }
    .section_media.section_media--left_wide .section_media__image, .section_media.section_media--right_wide .section_media__image {
      width: 650px; }
      .section_media.section_media--left_wide .section_media__image img, .section_media.section_media--right_wide .section_media__image img {
        max-width: 600px;
        max-height: 400px;
        object-fit: cover; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .section_media {
      width: 1110px; }
    .section_media.section_media--left_square .section_media__image {
      width: 275px; }
      .section_media.section_media--left_square .section_media__image img {
        max-width: 225px;
        max-height: 225px;
        object-fit: cover; }
    .section_media.section_media--left_wide .section_media__image, .section_media.section_media--right_wide .section_media__image {
      width: 530px; }
      .section_media.section_media--left_wide .section_media__image img, .section_media.section_media--right_wide .section_media__image img {
        max-width: 480px;
        max-height: 320px;
        object-fit: cover; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .section_media {
      width: 880px; }
    .section_media.section_media--left_square .section_media__image {
      width: 250px; }
      .section_media.section_media--left_square .section_media__image img {
        max-width: 200px;
        max-height: 200px;
        object-fit: cover; }
    .section_media.section_media--left_wide .section_media__image, .section_media.section_media--right_wide .section_media__image {
      width: 450px; }
      .section_media.section_media--left_wide .section_media__image img, .section_media.section_media--right_wide .section_media__image img {
        max-width: 420px;
        max-height: 280px;
        object-fit: cover; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .section_media {
      width: 664px; }
    .section_media.section_media--left_square .section_media__image {
      width: 230px; }
      .section_media.section_media--left_square .section_media__image img {
        max-width: 180px;
        max-height: 180px;
        object-fit: cover; }
    .section_media.section_media--left_wide, .section_media.section_media--right_wide {
      display: flex;
      flex-direction: column; }
      .section_media.section_media--left_wide .section_media_text, .section_media.section_media--right_wide .section_media_text {
        width: 100%;
        margin-bottom: 30px; }
      .section_media.section_media--left_wide .section_media__image, .section_media.section_media--right_wide .section_media__image {
        width: 100%;
        order: -1;
        margin-bottom: 30px; }
        .section_media.section_media--left_wide .section_media__image img, .section_media.section_media--right_wide .section_media__image img {
          float: none;
          max-width: 664px;
          max-height: 442px;
          object-fit: cover; }
      .section_media.section_media--left_wide .section_media__title,
      .section_media.section_media--left_wide .section_media__link, .section_media.section_media--right_wide .section_media__title,
      .section_media.section_media--right_wide .section_media__link {
        text-align: center; } }
  @media (max-width: 767px) {
    .section_media {
      width: 100%; }
    .section_media.section_media--left_square, .section_media.section_media--left_wide, .section_media.section_media--right_wide {
      display: flex;
      flex-direction: column; }
      .section_media.section_media--left_square .section_media_text, .section_media.section_media--left_wide .section_media_text, .section_media.section_media--right_wide .section_media_text {
        width: 100%;
        margin-bottom: 30px; }
      .section_media.section_media--left_square .section_media__image, .section_media.section_media--left_wide .section_media__image, .section_media.section_media--right_wide .section_media__image {
        width: 100%;
        order: -1;
        margin-bottom: 30px; }
        .section_media.section_media--left_square .section_media__image img, .section_media.section_media--left_wide .section_media__image img, .section_media.section_media--right_wide .section_media__image img {
          float: none; }
      .section_media.section_media--left_square .section_media__title,
      .section_media.section_media--left_square .section_media__link, .section_media.section_media--left_wide .section_media__title,
      .section_media.section_media--left_wide .section_media__link, .section_media.section_media--right_wide .section_media__title,
      .section_media.section_media--right_wide .section_media__link {
        text-align: center; } }
  .section_media:after {
    content: "";
    display: table;
    clear: both; }

.media .postcard-left {
  margin-bottom: 50px; }

.media .postcard-left h2 {
  font-size: 28px; }

.media .postcard-left h3 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0.5em; }

@media (min-width: 980px) and (max-width: 1199px) {
  .media .postcard-left > div:first-child img {
    width: 200px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .media .postcard-left > div {
    display: block; } }

@media (max-width: 979px) {
  .media .postcard-left > div:first-child img {
    width: 150px; } }

.media .postcard-left > div:first-child img {
  margin: 0 30px 30px 0; }

@media (max-width: 767px) {
  .media .postcard-left > div {
    display: block; }
  .media .postcard-left > div:first-child {
    float: none;
    text-align: center; }
  .media .postcard-left > div:first-child img {
    margin-right: 0; }
  .media .postcard-left h2 {
    text-align: center; }
  .media .postcard-left h3 {
    text-align: center; } }

/* Card Filter */
.card-filter {
  /* ---- isotope ---- */
  /* clear fix */
  /* ---- button ---- */
  /* ---- .element-item ---- */
  /* ----- Card ----- */
  /* Views */ }
  .card-filter .filter-group {
    text-align: center; }
  .card-filter .filter-group h2 {
    margin-top: 0; }
  .card-filter .filter-group legend {
    text-align: center; }
  .card-filter .filter-group .btn-group {
    white-space: normal; }
  @media (max-width: 767px) {
    .card-filter .filter-group:first-child {
      margin-right: 0px; } }
  .card-filter .view-content {
    clear: both;
    margin: 0 -7px;
    padding-top: 20px; }
  @media (max-width: 400px) {
    .card-filter .view-content {
      margin: 0 0 0 -7px; } }
  .card-filter .view-content:after {
    content: '';
    display: block;
    clear: both; }
  .card-filter .btn {
    outline: none; }
  .card-filter .btn:active,
  .card-filter .btn.is-checked {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .card-filter .element-item {
    position: relative;
    float: left;
    margin: 0 7px 15px 7px;
    padding: 10px;
    background: #eee;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ccc; }
  @media (min-width: 1200px) {
    .card-filter .element-item {
      height: 150px;
      width: 344px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .card-filter .element-item {
      height: 190px;
      width: 267px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .card-filter .element-item {
      height: 170px;
      width: 312px; } }
  @media (max-width: 767px) {
    .card-filter .element-item {
      height: auto;
      width: 97%;
      clear: both;
      box-sizing: border-box; } }
  .card-filter .element-item > * {
    margin: 0 0 0.5em 0;
    padding: 0; }
  .card-filter .element-item.recommended,
  .card-filter .element-item.software-142 {
    border-top: 3px solid #e74c3c; }
  .card-filter .element-item.recommended i.fa,
  .card-filter .element-item.software-142 i.fa {
    color: #c0392b; }
  .card-filter .filter-button-group .btn {
    margin: 0 0 10px 0; }
  .card-filter .filter-button-group .btn-all,
  .card-filter .filter-button-group .btn-all:hover,
  .card-filter .filter-button-group .btn-all.is-checked {
    border-top: 2px solid #adadad; }
  .card-filter .filter-button-group .btn-recommended,
  .card-filter .filter-button-group .btn-recommended:hover,
  .card-filter .filter-button-group .btn-recommended.is-checked,
  .card-filter .filter-button-group .btn-security,
  .card-filter .filter-button-group .btn-security:hover,
  .card-filter .filter-button-group .btn-security.is-checked {
    border-top: 2px solid #e74c3c; }
  .card-filter .element-item.file-transfer,
  .card-filter .element-item.software-143 {
    border-top: 3px solid #f39c12; }
  .card-filter .element-item.file-transfer i.fa,
  .card-filter .element-item.software-143 i.fa {
    color: #e67e22; }
  .card-filter .filter-button-group .btn-file-transfer,
  .card-filter .filter-button-group .btn-file-transfer:hover,
  .card-filter .filter-button-group .btn-file-transfer.is-checked {
    border-top: 2px solid #f39c12; }
  .card-filter .element-item.microsoft,
  .card-filter .element-item.software-144 {
    border-top: 3px solid #4aa3df; }
  .card-filter .element-item.microsoft i.fa,
  .card-filter .element-item.software-144 i.fa {
    color: #2980b9; }
  .card-filter .filter-button-group .btn-microsoft,
  .card-filter .filter-button-group .btn-microsoft:hover,
  .card-filter .filter-button-group .btn-microsoft.is-checked {
    border-top: 2px solid #4aa3df; }
  .card-filter .element-item.terminal,
  .card-filter .element-item.software-145 {
    border-top: 3px solid #2ecc71; }
  .card-filter .element-item.terminal i.fa,
  .card-filter .element-item.software-145 i.fa {
    color: #27ae60; }
  .card-filter .filter-button-group .btn-terminal,
  .card-filter .filter-button-group .btn-terminal:hover,
  .card-filter .filter-button-group .btn-terminal.is-checked {
    border-top: 2px solid #2ecc71; }
  .card-filter .element-item.resources,
  .card-filter .element-item.software-153 {
    border-top: 3px solid #9b59b6; }
  .card-filter .element-item.resources i.fa,
  .card-filter .element-item.software-153 i.fa {
    color: #8e44ad; }
  .card-filter .filter-button-group .btn-resources,
  .card-filter .filter-button-group .btn-resources:hover,
  .card-filter .filter-button-group .btn-resources.is-checked {
    border-top: 2px solid #9b59b6; }
  .card-filter .element-item.communications,
  .card-filter .element-item.software-150 {
    border-top: 3px solid #9b59b6; }
  .card-filter .element-item.communications i.fa,
  .card-filter .element-item.software-150 i.fa {
    color: #8e44ad; }
  .card-filter .filter-button-group .btn-communications,
  .card-filter .filter-button-group .btn-communications:hover,
  .card-filter .filter-button-group .btn-communications.is-checked {
    border-top: 2px solid #9b59b6; }
  .card-filter .element-item.data-analysis,
  .card-filter .element-item.software-152 {
    border-top: 3px solid #34495e; }
  .card-filter .element-item.data-analysis i.fa,
  .card-filter .element-item.software-152 i.fa {
    color: #34495e; }
  .card-filter .filter-button-group .btn-data-analysis,
  .card-filter .filter-button-group .btn-data-analysis:hover,
  .card-filter .filter-button-group .btn-data-analysis.is-checked {
    border-top: 2px solid #2c3e50; }
  .card-filter .element-item .type {
    float: right;
    font-size: 24px;
    margin: 0 0 15px 15px; }
  .card-filter .element-item .description {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 300; }
  .card-filter .element-item .date {
    font-size: 12px;
    position: absolute;
    bottom: 12px;
    left: 10px; }
  .card-filter .filter-group h3 {
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 0;
    font-size: 18px;
    border: none;
    font-weight: 300;
    color: #333;
    margin: 10px 0; }
  .card-filter .card {
    background: #fcfcfc;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    font-weight: 300; }
  .card-filter .card h2,
  .card-filter .card h3 {
    color: #000;
    text-transform: none;
    font-weight: 300;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 0;
    font-size: 20px; }
  .card-filter .card h4 {
    color: #000;
    text-transform: none;
    font-weight: 300;
    margin-top: 15px; }
  .card-filter .card h2 i.fa,
  .card-filter .card h3 i.fa {
    display: block;
    margin-bottom: 10px; }
  .card-filter .card img {
    display: inline-block;
    margin-bottom: 10px; }
  .card-filter .card ul {
    margin-bottom: 15px; }
  .card-filter .card li {
    line-height: 1.5em; }
  .card-filter .card p:last-child {
    margin-bottom: 0; }
  .card-filter .card > *:last-child {
    margin-bottom: 0; }
  .card-filter .card .more-link {
    background: none repeat scroll 0 0 rgba(146, 139, 129, 0.75);
    color: #fff;
    margin: 0 5px 15px 5px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    text-align: center; }
  .card-filter .card .more-link:active,
  .card-filter .card .more-link:focus,
  .card-filter .card .more-link:hover {
    color: #fff;
    border: 0;
    background: #222; }
  .card-filter .card.card-green {
    border-top: 3px solid #009B76; }
    .card-filter .card.card-green h2 {
      color: #0f6b58; }
  .card-filter .card.card-blue {
    border-top: 3px solid #0098DB; }
    .card-filter .card.card-blue h2 {
      color: #1b6597; }
  .card-filter .card.card-orange {
    border-top: 3px solid #E98300; }
    .card-filter .card.card-orange h2 {
      color: #9b5111; }
  .card-filter .card.card-gray {
    border-top: 3px solid #b3b3b3; }
    .card-filter .card.card-gray h2 {
      color: #3f3f3f; }
  .card-filter .views-exposed-form {
    text-align: center; }
    .card-filter .views-exposed-form .views-exposed-widget {
      display: inline-block;
      float: none; }
  .card-filter .views-widget .description {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px; }

.showcase-section {
  background: #222;
  margin-bottom: 20px;
  border-radius: 4px; }
  .showcase-section .showcase-section-photo {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat; }
  .showcase-section .showcase-section-content {
    margin-bottom: -40px;
    padding: 20px;
    color: #fff;
    font-weight: 300; }
    .showcase-section .showcase-section-content h3 {
      color: #fff;
      font-size: 24px; }
    .showcase-section .showcase-section-content dl {
      display: block;
      padding-bottom: 20px; }
  @media (min-width: 768px) {
    .showcase-section .showcase-section-photo {
      background-position: top center; }
      .showcase-section .showcase-section-photo.span7 {
        border-radius: 4px 0 0 4px; }
      .showcase-section .showcase-section-photo.span7.pull-right {
        border-radius: 0 4px 4px 0; } }
  @media (max-width: 767px) {
    .showcase-section .showcase-section-photo {
      height: 200px !important;
      background-position: center center;
      border-radius: 4px 4px 0 0; }
    .showcase-section .row-fluid .showcase-section-photo.pull-right,
    .showcase-section .row-fluid .showcase-section-content.pull-left {
      float: left !important; } }

figure img {
  margin: 0 0 8px 0; }

figure figcaption {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .01em;
  font-style: italic;
  line-height: 20px;
  color: #8a887d;
  margin: 0 0 15px 0; }

.gantt {
  width: auto !important;
  display: grid;
  border: 0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0; }
  .gantt li.gantt__row {
    padding-left: 0 !important; }
  .gantt__row {
    display: grid;
    grid-template-columns: 150px 1fr;
    background-color: #fff; }
    @media (max-width: 979px) {
      .gantt__row {
        display: block; } }
    .gantt__row:nth-child(odd) {
      /* background-color: #f5f5f5; */ }
      .gantt__row:nth-child(odd) .gantt__row-first,
      .gantt__row:nth-child(odd) .gantt__row-bars {
        background-color: #f5f5f5; }
    .gantt__row:nth-child(3) .gantt__row-bars {
      border-top: 0; }
    .gantt__row:nth-child(3) .gantt__row-first {
      border-top: 0; }
    .gantt__row--lines {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: transparent;
      grid-template-columns: 150px repeat(12, 1fr); }
      .gantt__row--lines span {
        display: block;
        border-right: 1px solid rgba(0, 0, 0, 0.1); }
        .gantt__row--lines span.marker {
          background-color: rgba(10, 52, 68, 0.13); }
      .gantt__row--lines:after {
        grid-row: 1;
        grid-column: 0;
        background-color: #1688b345;
        z-index: 2;
        height: 100%; }
      @media (max-width: 979px) {
        .gantt__row--lines {
          display: none; } }
    .gantt__row--years {
      color: #fff;
      background-color: #00505c !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      grid-template-columns: 150px repeat(12, 1fr); }
      .gantt__row--years .gantt__row-first {
        background-color: #5f574f !important; }
      .gantt__row--years span {
        font-size: 14px;
        padding: 5px 8px; }
        .gantt__row--years span:nth-child(odd) {
          background-color: #5f574f !important; }
        .gantt__row--years span:nth-child(even) {
          background-color: #3f3c30 !important; }
      @media (max-width: 979px) {
        .gantt__row--years {
          display: none; } }
    .gantt__row--months {
      color: #fff;
      background-color: #00505c !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      grid-template-columns: 150px repeat(12, 1fr); }
      .gantt__row--months .gantt__row-first {
        background-color: #00505c !important;
        padding: 15px 5px; }
      .gantt__row--months span {
        font-size: 14px;
        padding: 15px 0;
        align-self: auto;
        transform: rotate(-45deg); }
        @media (max-width: 979px) {
          .gantt__row--months span {
            display: none; } }
    .gantt__row-first {
      background-color: #fff;
      border-width: 0 0 1px 0;
      border-color: rgba(0, 0, 0, 0.1);
      border-style: solid;
      padding: 5px;
      font-size: 14px; }
      @media (max-width: 979px) {
        .gantt__row-first {
          border: none; } }
    .gantt__row-bars {
      list-style: none;
      display: grid;
      padding: 9px 0;
      margin: 0;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 8px 0;
      border-bottom: 1px solid rgba(221, 221, 221, 0.8); }
      @media (max-width: 979px) {
        .gantt__row-bars {
          display: block; } }
      .gantt__row-bars li {
        font-weight: 500;
        text-align: left;
        font-size: 14px;
        background-color: #007c92;
        padding: 5px 12px;
        color: #fff;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        border-radius: 5px;
        min-height: 30px;
        align-self: center; }
        .gantt__row-bars li.stripes {
          background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 12px); }
        .gantt__row-bars li:before, .gantt__row-bars li:after {
          content: "";
          height: 100%;
          top: 0;
          z-index: 4;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.3); }
        .gantt__row-bars li:before {
          left: 0; }
        .gantt__row-bars li:after {
          right: 0; }
        @media (max-width: 979px) {
          .gantt__row-bars li {
            margin: 0 10px; } }

.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .timeline h1,
  .timeline h2,
  .timeline h3,
  .timeline h4,
  .timeline h5,
  .timeline h6 {
    margin-top: 0; }

.timeline-item {
  padding-left: 40px !important;
  position: relative;
  list-style-type: none !important;
  list-style-image: none; }

.timeline-item:last-child {
  padding-bottom: 0; }

.timeline-info {
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 0 .5em 0;
  text-transform: uppercase; }

.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px; }

.timeline-marker:before {
  background: #eaab00;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out; }

.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px; }

.timeline-item:last-child .timeline-marker:after {
  content: none; }

.timeline-content {
  padding-bottom: 40px; }

.timeline-content strong {
  font-weight: 600; }

.timeline-content p:last-child {
  margin-bottom: 0; }

.period {
  padding: 0; }

.period .timeline-info {
  display: none; }

.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB; }

.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto; }

.period .timeline-content {
  padding: 40px 0 70px; }

.period .timeline-title {
  margin: 0; }

@media (min-width: 1200px) {
  .timeline-split .timeline,
  .timeline-centered .timeline {
    display: table; }
  .timeline-split .timeline-item,
  .timeline-centered .timeline-item {
    display: table-row;
    padding: 0; }
  .timeline-split .timeline-info,
  .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top; }
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker {
    position: relative; }
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content {
    padding-left: 30px; }
  .timeline-split .timeline-info,
  .timeline-centered .timeline-info {
    padding-right: 30px; }
  .timeline-split .period .timeline-title,
  .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px; } }

@media (min-width: 980px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0; }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden; }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px; }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%; }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px; }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px; }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px; }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px; }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center; }
  .timeline-centered .timeline-item.period {
    padding: 50px 0 90px; }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto; }
  .timeline-centered .period .timeline-title {
    left: auto; } }

.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #eaab00; }

.timeline-none .timeline-item {
  padding-left: 0; }

.timeline-none .timeline-marker:before,
.timeline-none .timeline-marker:after {
  display: none; }

/* --- General styles --- */
@media (max-width: 480px) {
  .row-fluid .node .content .float-right,
  .row-fluid .node .content .float-left {
    float: none;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0;
    margin-left: 0; } }

/* ---- More Button ---- */
#block-views-homepage-news-event-spotlight .more-button {
  font-size: 24px; }

/* Email and Calendar Announcements */
#block-views-announcements-block-7 {
  margin-bottom: 0px; }

#block-views-announcements-block-7 ul {
  margin: 0; }

#block-views-announcements-block-7 ul li.views-row.views-row-last {
  margin-bottom: 0; }

@media (min-width: 768px) {
  #block-views-announcements-block-7 .announcement-date {
    float: left; }
  #block-views-announcements-block-7 .announcement-title {
    margin-left: 150px; } }

table.riskclassifications {
  margin: 0 auto;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 5px; }
  table.riskclassifications th {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 20px;
    vertical-align: middle; }
  table.riskclassifications thead th {
    background-color: #fff;
    border: none;
    color: #000;
    text-align: center; }
  table.riskclassifications td {
    font-size: 15px;
    line-height: 20px;
    font-weight: 300; }
  table.riskclassifications .vertical-text {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    display: block;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
    table.riskclassifications .vertical-text i.fa {
      padding-right: 5px; }
  table.riskclassifications th.high-risk {
    color: #820000;
    width: 2.2%;
    white-space: nowrap; }
  table.riskclassifications th.moderate-risk {
    color: #9b5111;
    width: 2.2%;
    white-space: nowrap; }
  table.riskclassifications th.low-risk {
    color: #0f6b58;
    width: 2.2%;
    white-space: nowrap; }
  table.riskclassifications td.high-risk {
    vertical-align: middle;
    background: #8c1515;
    color: #fff;
    font-size: 12px; }
  table.riskclassifications td.moderate-risk {
    vertical-align: middle;
    background: #E98300;
    color: #fff;
    font-size: 12px; }
  table.riskclassifications td.low-risk {
    vertical-align: middle;
    background: #009B76;
    color: #fff;
    font-size: 12px; }

.ie9 table.riskclassifications .vertical-text {
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 0 0; }

.ie8 table.riskclassifications .vertical-text {
  position: absolute;
  top: -100px;
  zoom: 1;
  writing-mode: tb-rl;
  filter: flipv fliph; }

/* Risk Classification https://uit.stanford.edu/guide/riskclassifications */
.page-node-24632 {
  /* Landscape phones and down */ }
  .page-node-24632 #content-title {
    position: absolute !important;
    left: -10000px !important; }
  .page-node-24632 .section {
    padding-top: 25px; }
  .page-node-24632 .section > p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 200; }
  .page-node-24632 .section .row-fluid {
    padding-top: 20px; }
  .page-node-24632 #back-to-top {
    text-align: center; }
  .page-node-24632 .alert.alert-info {
    margin: 0 0 20px 0; }
  @media (max-width: 480px) {
    .page-node-24632 #content-body .content h2 {
      font-size: 36px;
      margin-bottom: 20px; }
    .page-node-24632 #content-body .content h3 {
      font-size: 24px;
      margin-bottom: 20px; }
    .page-node-24632 .section p {
      padding: 0; }
    .page-node-24632 .alert.alert-info {
      margin: 0 0 20px 0; } }
  .page-node-24632 .well p,
  .page-node-24632 .well li {
    font-size: 16px; }
  .page-node-24632 .well h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px 0; }
  .page-node-24632 .well h3 i {
    padding-right: 10px; }
  .page-node-24632 .well.high-risk {
    border-top: 3px solid #8c1515; }
  .page-node-24632 .well.high-risk h3 {
    color: #820000; }
  .page-node-24632 .well.moderate-risk {
    border-top: 3px solid #E98300; }
  .page-node-24632 .well.moderate-risk h3 {
    color: #9b5111; }
  .page-node-24632 .well.low-risk {
    border-top: 3px solid #009B76; }
  .page-node-24632 .well.low-risk h3 {
    color: #0f6b58; }
  .page-node-24632 .well.high-risk li.group {
    background: #f2dede;
    border: 1px solid #ebccd1;
    list-style-type: none;
    list-style-image: none;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
    margin-left: -25px; }

/* Minimum Security Standards https://uit.stanford.edu/guide/securitystandards */
.page-node-24600,
.page-node-26377,
.page-node-26376 {
  /* Landscape phone to portrait tablet */
  /* Landscape phones and down */ }
  .page-node-24600 #content-title,
  .page-node-26377 #content-title,
  .page-node-26376 #content-title {
    position: absolute !important;
    left: -10000px !important; }
  .page-node-24600 .section,
  .page-node-26377 .section,
  .page-node-26376 .section {
    padding-top: 25px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300; }
    .page-node-24600 .section p,
    .page-node-26377 .section p,
    .page-node-26376 .section p {
      font-size: 18px;
      line-height: 26px;
      font-weight: 300;
      text-align: center; }
    .page-node-24600 .section > p,
    .page-node-26377 .section > p,
    .page-node-26376 .section > p {
      text-align: center; }
    .page-node-24600 .section .instructions,
    .page-node-26377 .section .instructions,
    .page-node-26376 .section .instructions {
      padding: 20px 20px 5px 20px;
      border: 1px solid #ddd; }
    .page-node-24600 .section li,
    .page-node-26377 .section li,
    .page-node-26376 .section li {
      margin-bottom: 15px;
      font-size: 18px;
      line-height: 26px;
      font-weight: 300; }
    .page-node-24600 .section th,
    .page-node-26377 .section th,
    .page-node-26376 .section th {
      position: relative;
      font-size: 18px;
      line-height: 26px;
      font-weight: 300;
      margin-bottom: 20px;
      vertical-align: middle; }
    .page-node-24600 .section thead th,
    .page-node-26377 .section thead th,
    .page-node-26376 .section thead th {
      background-color: #fff;
      border: none;
      color: #000;
      text-align: center; }
    .page-node-24600 .section td,
    .page-node-24600 .section td p,
    .page-node-24600 .section td li,
    .page-node-26377 .section td,
    .page-node-26377 .section td p,
    .page-node-26377 .section td li,
    .page-node-26376 .section td,
    .page-node-26376 .section td p,
    .page-node-26376 .section td li {
      font-size: 16px;
      line-height: 1.4em;
      font-weight: 300;
      text-align: left; }
    .page-node-24600 .section th.standards,
    .page-node-26377 .section th.standards,
    .page-node-26376 .section th.standards {
      width: 30%; }
    .page-node-24600 .section th.what-to-do,
    .page-node-26377 .section th.what-to-do,
    .page-node-26376 .section th.what-to-do {
      width: 60%; }
    .page-node-24600 .section th.free-of-charge,
    .page-node-26377 .section th.free-of-charge,
    .page-node-26376 .section th.free-of-charge {
      width: 2%;
      white-space: nowrap; }
    .page-node-24600 .section th.recurring-task,
    .page-node-26377 .section th.recurring-task,
    .page-node-26376 .section th.recurring-task {
      width: 2%;
      white-space: nowrap; }
    .page-node-24600 .section th.high-risk,
    .page-node-26377 .section th.high-risk,
    .page-node-26376 .section th.high-risk {
      color: #820000;
      width: 2%;
      white-space: nowrap; }
    .page-node-24600 .section th.moderate-risk,
    .page-node-26377 .section th.moderate-risk,
    .page-node-26376 .section th.moderate-risk {
      color: #9b5111;
      width: 2%;
      white-space: nowrap; }
    .page-node-24600 .section th.low-risk,
    .page-node-26377 .section th.low-risk,
    .page-node-26376 .section th.low-risk {
      color: #0f6b58;
      width: 2%;
      white-space: nowrap; }
    .page-node-24600 .section td.free-of-charge,
    .page-node-26377 .section td.free-of-charge,
    .page-node-26376 .section td.free-of-charge {
      vertical-align: middle;
      font-size: 12px; }
    .page-node-24600 .section td.recurring-task,
    .page-node-26377 .section td.recurring-task,
    .page-node-26376 .section td.recurring-task {
      vertical-align: middle;
      font-size: 12px; }
    .page-node-24600 .section td.high-risk,
    .page-node-26377 .section td.high-risk,
    .page-node-26376 .section td.high-risk {
      vertical-align: middle;
      background: #8c1515;
      color: #fff;
      font-size: 12px; }
    .page-node-24600 .section td.moderate-risk,
    .page-node-26377 .section td.moderate-risk,
    .page-node-26376 .section td.moderate-risk {
      vertical-align: middle;
      background: #E98300;
      color: #fff;
      font-size: 12px; }
    .page-node-24600 .section td.low-risk,
    .page-node-26377 .section td.low-risk,
    .page-node-26376 .section td.low-risk {
      vertical-align: middle;
      background: #009B76;
      color: #fff;
      font-size: 12px; }
    .page-node-24600 .section dt,
    .page-node-26377 .section dt,
    .page-node-26376 .section dt {
      font-size: 15px;
      line-height: 20px; }
    .page-node-24600 .section dd,
    .page-node-26377 .section dd,
    .page-node-26376 .section dd {
      margin-bottom: 1em;
      font-size: 15px;
      line-height: 20px; }
  .page-node-24600 #back-to-top,
  .page-node-26377 #back-to-top,
  .page-node-26376 #back-to-top {
    text-align: center; }
  .page-node-24600 hr,
  .page-node-26377 hr,
  .page-node-26376 hr {
    background: #e9e6df;
    color: #e9e6df; }
  .page-node-24600 .vertical-text,
  .page-node-26377 .vertical-text,
  .page-node-26376 .vertical-text {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    display: block;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
    .page-node-24600 .vertical-text i.fa,
    .page-node-26377 .vertical-text i.fa,
    .page-node-26376 .vertical-text i.fa {
      padding-right: 5px; }
  .page-node-24600 #security-standards-introduction,
  .page-node-26377 #security-standards-introduction,
  .page-node-26376 #security-standards-introduction {
    border-bottom: 1px solid #e9e6df;
    padding-bottom: 20px; }
  .page-node-24600 #security-standards-endpoints table,
  .page-node-24600 #security-standards-servers table,
  .page-node-24600 #security-standards-applications table,
  .page-node-24600 #security-standards-iaas table,
  .page-node-24600 #security-standards-saas table,
  .page-node-24600 #security-standards-containerization table,
  .page-node-26377 #security-standards-endpoints table,
  .page-node-26377 #security-standards-servers table,
  .page-node-26377 #security-standards-applications table,
  .page-node-26377 #security-standards-iaas table,
  .page-node-26377 #security-standards-saas table,
  .page-node-26377 #security-standards-containerization table,
  .page-node-26376 #security-standards-endpoints table,
  .page-node-26376 #security-standards-servers table,
  .page-node-26376 #security-standards-applications table,
  .page-node-26376 #security-standards-iaas table,
  .page-node-26376 #security-standards-saas table,
  .page-node-26376 #security-standards-containerization table {
    margin-top: 90px;
    border-collapse: separate;
    border-spacing: 5px; }
  .page-node-24600 #questions table td,
  .page-node-26377 #questions table td,
  .page-node-26376 #questions table td {
    text-align: center; }
  .page-node-24600 #questions table thead th:first-child,
  .page-node-26377 #questions table thead th:first-child,
  .page-node-26376 #questions table thead th:first-child {
    width: 40%; }
  .page-node-24600 #questions table thead th:nth-child(2),
  .page-node-26377 #questions table thead th:nth-child(2),
  .page-node-26376 #questions table thead th:nth-child(2) {
    width: 30%; }
  .page-node-24600 #questions table thead th:nth-child(3),
  .page-node-26377 #questions table thead th:nth-child(3),
  .page-node-26376 #questions table thead th:nth-child(3) {
    width: 30%; }
  .page-node-24600 .ie9 .vertical-text,
  .page-node-26377 .ie9 .vertical-text,
  .page-node-26376 .ie9 .vertical-text {
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: 0 0; }
  .page-node-24600 .ie8 .vertical-text,
  .page-node-26377 .ie8 .vertical-text,
  .page-node-26376 .ie8 .vertical-text {
    position: absolute;
    top: -100px;
    zoom: 1;
    writing-mode: tb-rl;
    filter: flipv fliph; }
  .page-node-24600 .ie8 #security-standards-endpoints table,
  .page-node-24600 .ie8 #security-standards-servers table,
  .page-node-24600 .ie8 #security-standards-applications table,
  .page-node-24600 .ie8 #security-standards-iaas table,
  .page-node-24600 .ie8 #security-standards-saas table,
  .page-node-24600 .ie8 #security-standards-containerization table,
  .page-node-26377 .ie8 #security-standards-endpoints table,
  .page-node-26377 .ie8 #security-standards-servers table,
  .page-node-26377 .ie8 #security-standards-applications table,
  .page-node-26377 .ie8 #security-standards-iaas table,
  .page-node-26377 .ie8 #security-standards-saas table,
  .page-node-26377 .ie8 #security-standards-containerization table,
  .page-node-26376 .ie8 #security-standards-endpoints table,
  .page-node-26376 .ie8 #security-standards-servers table,
  .page-node-26376 .ie8 #security-standards-applications table,
  .page-node-26376 .ie8 #security-standards-iaas table,
  .page-node-26376 .ie8 #security-standards-saas table,
  .page-node-26376 .ie8 #security-standards-containerization table {
    margin-top: 120px; }
  @media (max-width: 767px) {
    .page-node-24600 .section .instructions,
    .page-node-26377 .section .instructions,
    .page-node-26376 .section .instructions {
      margin: 0;
      border: 0; } }
  @media (max-width: 480px) {
    .page-node-24600 #content-body .content h2,
    .page-node-26377 #content-body .content h2,
    .page-node-26376 #content-body .content h2 {
      font-size: 36px;
      margin-bottom: 20px; }
    .page-node-24600 #content-body .content h3,
    .page-node-26377 #content-body .content h3,
    .page-node-26376 #content-body .content h3 {
      font-size: 24px;
      margin-bottom: 20px; }
    .page-node-24600 .section p,
    .page-node-26377 .section p,
    .page-node-26376 .section p {
      padding: 0; }
    .page-node-24600 .section dl,
    .page-node-26377 .section dl,
    .page-node-26376 .section dl {
      padding: 0; }
    .page-node-24600 .section ol,
    .page-node-26377 .section ol,
    .page-node-26376 .section ol {
      padding: 0; }
    .page-node-24600 #questions,
    .page-node-26377 #questions,
    .page-node-26376 #questions {
      margin: 0; } }

.block-system {
  clear: both; }

/* SWS Home */
.page-node-26151.node-type-guide section.hero {
  background-position: center 50%; }

.page-node-26151.node-type-guide section.hero p {
  margin-top: 150px; }

/* SWS Value */
.page-node-26152.node-type-guide section.hero {
  background-position: center 50%; }

.page-node-26152.node-type-guide section.hero h1 {
  padding-bottom: 100px; }

.page-node-26152.node-type-guide section.hero p {
  padding-top: 100px; }

/* SWS Impact */
.page-node-26153.node-type-guide section.hero {
  min-height: 30vh; }

.page-node-26153.node-type-guide section.hero h1 {
  margin: 10vh 0; }

/* Secure Computing Guide */
.page-node-26098.node-type-guide section.hero {
  background-position: center 75%; }

/* Single Sign-on Guide */
.page-node-26100.node-type-guide section.hero {
  background-position: center 75%; }

/* Tech Training */
.page-node-709.node-type-guide,
.page-node-26105.node-type-guide,
.page-node-26151.node-type-guide,
.page-node-26118.node-type-guide,
.page-node-26152.node-type-guide,
.page-node-26119.node-type-guide,
.page-node-26153.node-type-guide,
.page-node-26098.node-type-guide,
.page-node-26100.node-type-guide,
.page-node-26099.node-type-guide,
.page-node-26101.node-type-guide {
  background: #fff;
  font-weight: 300;
  /* Full Width Content */ }
  @media (min-width: 1440px) {
    .page-node-709.node-type-guide .container,
    .page-node-26105.node-type-guide .container,
    .page-node-26151.node-type-guide .container,
    .page-node-26118.node-type-guide .container,
    .page-node-26152.node-type-guide .container,
    .page-node-26119.node-type-guide .container,
    .page-node-26153.node-type-guide .container,
    .page-node-26098.node-type-guide .container,
    .page-node-26100.node-type-guide .container,
    .page-node-26099.node-type-guide .container,
    .page-node-26101.node-type-guide .container {
      width: 1400px; }
    .page-node-709.node-type-guide .fullwidth .container,
    .page-node-26105.node-type-guide .fullwidth .container,
    .page-node-26151.node-type-guide .fullwidth .container,
    .page-node-26118.node-type-guide .fullwidth .container,
    .page-node-26152.node-type-guide .fullwidth .container,
    .page-node-26119.node-type-guide .fullwidth .container,
    .page-node-26153.node-type-guide .fullwidth .container,
    .page-node-26098.node-type-guide .fullwidth .container,
    .page-node-26100.node-type-guide .fullwidth .container,
    .page-node-26099.node-type-guide .fullwidth .container,
    .page-node-26101.node-type-guide .fullwidth .container {
      width: 100%; } }
  .page-node-709.node-type-guide #content-title,
  .page-node-709.node-type-guide .field-collection-container,
  .page-node-26105.node-type-guide #content-title,
  .page-node-26105.node-type-guide .field-collection-container,
  .page-node-26151.node-type-guide #content-title,
  .page-node-26151.node-type-guide .field-collection-container,
  .page-node-26118.node-type-guide #content-title,
  .page-node-26118.node-type-guide .field-collection-container,
  .page-node-26152.node-type-guide #content-title,
  .page-node-26152.node-type-guide .field-collection-container,
  .page-node-26119.node-type-guide #content-title,
  .page-node-26119.node-type-guide .field-collection-container,
  .page-node-26153.node-type-guide #content-title,
  .page-node-26153.node-type-guide .field-collection-container,
  .page-node-26098.node-type-guide #content-title,
  .page-node-26098.node-type-guide .field-collection-container,
  .page-node-26100.node-type-guide #content-title,
  .page-node-26100.node-type-guide .field-collection-container,
  .page-node-26099.node-type-guide #content-title,
  .page-node-26099.node-type-guide .field-collection-container,
  .page-node-26101.node-type-guide #content-title,
  .page-node-26101.node-type-guide .field-collection-container {
    display: none; }
  .page-node-709.node-type-guide article section > *,
  .page-node-26105.node-type-guide article section > *,
  .page-node-26151.node-type-guide article section > *,
  .page-node-26118.node-type-guide article section > *,
  .page-node-26152.node-type-guide article section > *,
  .page-node-26119.node-type-guide article section > *,
  .page-node-26153.node-type-guide article section > *,
  .page-node-26098.node-type-guide article section > *,
  .page-node-26100.node-type-guide article section > *,
  .page-node-26099.node-type-guide article section > *,
  .page-node-26101.node-type-guide article section > * {
    margin: 0 auto; }
    @media (max-width: 767px) {
      .page-node-709.node-type-guide article section > *,
      .page-node-26105.node-type-guide article section > *,
      .page-node-26151.node-type-guide article section > *,
      .page-node-26118.node-type-guide article section > *,
      .page-node-26152.node-type-guide article section > *,
      .page-node-26119.node-type-guide article section > *,
      .page-node-26153.node-type-guide article section > *,
      .page-node-26098.node-type-guide article section > *,
      .page-node-26100.node-type-guide article section > *,
      .page-node-26099.node-type-guide article section > *,
      .page-node-26101.node-type-guide article section > * {
        margin: 0 10px;
        width: auto; } }
  .page-node-709.node-type-guide article section,
  .page-node-26105.node-type-guide article section,
  .page-node-26151.node-type-guide article section,
  .page-node-26118.node-type-guide article section,
  .page-node-26152.node-type-guide article section,
  .page-node-26119.node-type-guide article section,
  .page-node-26153.node-type-guide article section,
  .page-node-26098.node-type-guide article section,
  .page-node-26100.node-type-guide article section,
  .page-node-26099.node-type-guide article section,
  .page-node-26101.node-type-guide article section {
    padding: 50px 0;
    border: 0; }
    .page-node-709.node-type-guide article section h2,
    .page-node-26105.node-type-guide article section h2,
    .page-node-26151.node-type-guide article section h2,
    .page-node-26118.node-type-guide article section h2,
    .page-node-26152.node-type-guide article section h2,
    .page-node-26119.node-type-guide article section h2,
    .page-node-26153.node-type-guide article section h2,
    .page-node-26098.node-type-guide article section h2,
    .page-node-26100.node-type-guide article section h2,
    .page-node-26099.node-type-guide article section h2,
    .page-node-26101.node-type-guide article section h2 {
      text-align: center;
      font-size: 48px;
      font-weight: 300;
      color: #2e2d29;
      margin: 0 auto;
      padding-bottom: 0.25em; }
    .page-node-709.node-type-guide article section p.lead,
    .page-node-26105.node-type-guide article section p.lead,
    .page-node-26151.node-type-guide article section p.lead,
    .page-node-26118.node-type-guide article section p.lead,
    .page-node-26152.node-type-guide article section p.lead,
    .page-node-26119.node-type-guide article section p.lead,
    .page-node-26153.node-type-guide article section p.lead,
    .page-node-26098.node-type-guide article section p.lead,
    .page-node-26100.node-type-guide article section p.lead,
    .page-node-26099.node-type-guide article section p.lead,
    .page-node-26101.node-type-guide article section p.lead {
      margin-bottom: 30px; }
    .page-node-709.node-type-guide article section h4,
    .page-node-26105.node-type-guide article section h4,
    .page-node-26151.node-type-guide article section h4,
    .page-node-26118.node-type-guide article section h4,
    .page-node-26152.node-type-guide article section h4,
    .page-node-26119.node-type-guide article section h4,
    .page-node-26153.node-type-guide article section h4,
    .page-node-26098.node-type-guide article section h4,
    .page-node-26100.node-type-guide article section h4,
    .page-node-26099.node-type-guide article section h4,
    .page-node-26101.node-type-guide article section h4 {
      text-align: center;
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px; }
    .page-node-709.node-type-guide article section dt,
    .page-node-26105.node-type-guide article section dt,
    .page-node-26151.node-type-guide article section dt,
    .page-node-26118.node-type-guide article section dt,
    .page-node-26152.node-type-guide article section dt,
    .page-node-26119.node-type-guide article section dt,
    .page-node-26153.node-type-guide article section dt,
    .page-node-26098.node-type-guide article section dt,
    .page-node-26100.node-type-guide article section dt,
    .page-node-26099.node-type-guide article section dt,
    .page-node-26101.node-type-guide article section dt {
      font-weight: 400; }
    .page-node-709.node-type-guide article section .faq dd,
    .page-node-26105.node-type-guide article section .faq dd,
    .page-node-26151.node-type-guide article section .faq dd,
    .page-node-26118.node-type-guide article section .faq dd,
    .page-node-26152.node-type-guide article section .faq dd,
    .page-node-26119.node-type-guide article section .faq dd,
    .page-node-26153.node-type-guide article section .faq dd,
    .page-node-26098.node-type-guide article section .faq dd,
    .page-node-26100.node-type-guide article section .faq dd,
    .page-node-26099.node-type-guide article section .faq dd,
    .page-node-26101.node-type-guide article section .faq dd {
      background: transparent; }
    .page-node-709.node-type-guide article section .card.column,
    .page-node-26105.node-type-guide article section .card.column,
    .page-node-26151.node-type-guide article section .card.column,
    .page-node-26118.node-type-guide article section .card.column,
    .page-node-26152.node-type-guide article section .card.column,
    .page-node-26119.node-type-guide article section .card.column,
    .page-node-26153.node-type-guide article section .card.column,
    .page-node-26098.node-type-guide article section .card.column,
    .page-node-26100.node-type-guide article section .card.column,
    .page-node-26099.node-type-guide article section .card.column,
    .page-node-26101.node-type-guide article section .card.column {
      height: auto !important; }
  @media (min-width: 1440px) {
    .page-node-709.node-type-guide article section > *,
    .page-node-709.node-type-guide .section-heading,
    .page-node-709.node-type-guide .section-content,
    .page-node-709.node-type-guide .main,
    .page-node-26105.node-type-guide article section > *,
    .page-node-26105.node-type-guide .section-heading,
    .page-node-26105.node-type-guide .section-content,
    .page-node-26105.node-type-guide .main,
    .page-node-26151.node-type-guide article section > *,
    .page-node-26151.node-type-guide .section-heading,
    .page-node-26151.node-type-guide .section-content,
    .page-node-26151.node-type-guide .main,
    .page-node-26118.node-type-guide article section > *,
    .page-node-26118.node-type-guide .section-heading,
    .page-node-26118.node-type-guide .section-content,
    .page-node-26118.node-type-guide .main,
    .page-node-26152.node-type-guide article section > *,
    .page-node-26152.node-type-guide .section-heading,
    .page-node-26152.node-type-guide .section-content,
    .page-node-26152.node-type-guide .main,
    .page-node-26119.node-type-guide article section > *,
    .page-node-26119.node-type-guide .section-heading,
    .page-node-26119.node-type-guide .section-content,
    .page-node-26119.node-type-guide .main,
    .page-node-26153.node-type-guide article section > *,
    .page-node-26153.node-type-guide .section-heading,
    .page-node-26153.node-type-guide .section-content,
    .page-node-26153.node-type-guide .main,
    .page-node-26098.node-type-guide article section > *,
    .page-node-26098.node-type-guide .section-heading,
    .page-node-26098.node-type-guide .section-content,
    .page-node-26098.node-type-guide .main,
    .page-node-26100.node-type-guide article section > *,
    .page-node-26100.node-type-guide .section-heading,
    .page-node-26100.node-type-guide .section-content,
    .page-node-26100.node-type-guide .main,
    .page-node-26099.node-type-guide article section > *,
    .page-node-26099.node-type-guide .section-heading,
    .page-node-26099.node-type-guide .section-content,
    .page-node-26099.node-type-guide .main,
    .page-node-26101.node-type-guide article section > *,
    .page-node-26101.node-type-guide .section-heading,
    .page-node-26101.node-type-guide .section-content,
    .page-node-26101.node-type-guide .main {
      width: 1400px; } }
  @media (min-width: 1200px) and (max-width: 1439px) {
    .page-node-709.node-type-guide article section > *,
    .page-node-709.node-type-guide .section-heading,
    .page-node-709.node-type-guide .section-content,
    .page-node-709.node-type-guide .main,
    .page-node-26105.node-type-guide article section > *,
    .page-node-26105.node-type-guide .section-heading,
    .page-node-26105.node-type-guide .section-content,
    .page-node-26105.node-type-guide .main,
    .page-node-26151.node-type-guide article section > *,
    .page-node-26151.node-type-guide .section-heading,
    .page-node-26151.node-type-guide .section-content,
    .page-node-26151.node-type-guide .main,
    .page-node-26118.node-type-guide article section > *,
    .page-node-26118.node-type-guide .section-heading,
    .page-node-26118.node-type-guide .section-content,
    .page-node-26118.node-type-guide .main,
    .page-node-26152.node-type-guide article section > *,
    .page-node-26152.node-type-guide .section-heading,
    .page-node-26152.node-type-guide .section-content,
    .page-node-26152.node-type-guide .main,
    .page-node-26119.node-type-guide article section > *,
    .page-node-26119.node-type-guide .section-heading,
    .page-node-26119.node-type-guide .section-content,
    .page-node-26119.node-type-guide .main,
    .page-node-26153.node-type-guide article section > *,
    .page-node-26153.node-type-guide .section-heading,
    .page-node-26153.node-type-guide .section-content,
    .page-node-26153.node-type-guide .main,
    .page-node-26098.node-type-guide article section > *,
    .page-node-26098.node-type-guide .section-heading,
    .page-node-26098.node-type-guide .section-content,
    .page-node-26098.node-type-guide .main,
    .page-node-26100.node-type-guide article section > *,
    .page-node-26100.node-type-guide .section-heading,
    .page-node-26100.node-type-guide .section-content,
    .page-node-26100.node-type-guide .main,
    .page-node-26099.node-type-guide article section > *,
    .page-node-26099.node-type-guide .section-heading,
    .page-node-26099.node-type-guide .section-content,
    .page-node-26099.node-type-guide .main,
    .page-node-26101.node-type-guide article section > *,
    .page-node-26101.node-type-guide .section-heading,
    .page-node-26101.node-type-guide .section-content,
    .page-node-26101.node-type-guide .main {
      width: 1170px; } }
  @media (min-width: 980px) and (max-width: 1199px) {
    .page-node-709.node-type-guide article section > *,
    .page-node-709.node-type-guide .section-heading,
    .page-node-709.node-type-guide .section-content,
    .page-node-709.node-type-guide .main,
    .page-node-26105.node-type-guide article section > *,
    .page-node-26105.node-type-guide .section-heading,
    .page-node-26105.node-type-guide .section-content,
    .page-node-26105.node-type-guide .main,
    .page-node-26151.node-type-guide article section > *,
    .page-node-26151.node-type-guide .section-heading,
    .page-node-26151.node-type-guide .section-content,
    .page-node-26151.node-type-guide .main,
    .page-node-26118.node-type-guide article section > *,
    .page-node-26118.node-type-guide .section-heading,
    .page-node-26118.node-type-guide .section-content,
    .page-node-26118.node-type-guide .main,
    .page-node-26152.node-type-guide article section > *,
    .page-node-26152.node-type-guide .section-heading,
    .page-node-26152.node-type-guide .section-content,
    .page-node-26152.node-type-guide .main,
    .page-node-26119.node-type-guide article section > *,
    .page-node-26119.node-type-guide .section-heading,
    .page-node-26119.node-type-guide .section-content,
    .page-node-26119.node-type-guide .main,
    .page-node-26153.node-type-guide article section > *,
    .page-node-26153.node-type-guide .section-heading,
    .page-node-26153.node-type-guide .section-content,
    .page-node-26153.node-type-guide .main,
    .page-node-26098.node-type-guide article section > *,
    .page-node-26098.node-type-guide .section-heading,
    .page-node-26098.node-type-guide .section-content,
    .page-node-26098.node-type-guide .main,
    .page-node-26100.node-type-guide article section > *,
    .page-node-26100.node-type-guide .section-heading,
    .page-node-26100.node-type-guide .section-content,
    .page-node-26100.node-type-guide .main,
    .page-node-26099.node-type-guide article section > *,
    .page-node-26099.node-type-guide .section-heading,
    .page-node-26099.node-type-guide .section-content,
    .page-node-26099.node-type-guide .main,
    .page-node-26101.node-type-guide article section > *,
    .page-node-26101.node-type-guide .section-heading,
    .page-node-26101.node-type-guide .section-content,
    .page-node-26101.node-type-guide .main {
      width: 940px; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .page-node-709.node-type-guide article section > *,
    .page-node-709.node-type-guide .section-heading,
    .page-node-709.node-type-guide .section-content,
    .page-node-709.node-type-guide .main,
    .page-node-26105.node-type-guide article section > *,
    .page-node-26105.node-type-guide .section-heading,
    .page-node-26105.node-type-guide .section-content,
    .page-node-26105.node-type-guide .main,
    .page-node-26151.node-type-guide article section > *,
    .page-node-26151.node-type-guide .section-heading,
    .page-node-26151.node-type-guide .section-content,
    .page-node-26151.node-type-guide .main,
    .page-node-26118.node-type-guide article section > *,
    .page-node-26118.node-type-guide .section-heading,
    .page-node-26118.node-type-guide .section-content,
    .page-node-26118.node-type-guide .main,
    .page-node-26152.node-type-guide article section > *,
    .page-node-26152.node-type-guide .section-heading,
    .page-node-26152.node-type-guide .section-content,
    .page-node-26152.node-type-guide .main,
    .page-node-26119.node-type-guide article section > *,
    .page-node-26119.node-type-guide .section-heading,
    .page-node-26119.node-type-guide .section-content,
    .page-node-26119.node-type-guide .main,
    .page-node-26153.node-type-guide article section > *,
    .page-node-26153.node-type-guide .section-heading,
    .page-node-26153.node-type-guide .section-content,
    .page-node-26153.node-type-guide .main,
    .page-node-26098.node-type-guide article section > *,
    .page-node-26098.node-type-guide .section-heading,
    .page-node-26098.node-type-guide .section-content,
    .page-node-26098.node-type-guide .main,
    .page-node-26100.node-type-guide article section > *,
    .page-node-26100.node-type-guide .section-heading,
    .page-node-26100.node-type-guide .section-content,
    .page-node-26100.node-type-guide .main,
    .page-node-26099.node-type-guide article section > *,
    .page-node-26099.node-type-guide .section-heading,
    .page-node-26099.node-type-guide .section-content,
    .page-node-26099.node-type-guide .main,
    .page-node-26101.node-type-guide article section > *,
    .page-node-26101.node-type-guide .section-heading,
    .page-node-26101.node-type-guide .section-content,
    .page-node-26101.node-type-guide .main {
      width: 724px; } }
  .page-node-709.node-type-guide .section[class*="span"] .section-heading,
  .page-node-709.node-type-guide .section[class*="span"] .section-content,
  .page-node-709.node-type-guide .section[class*="span"] .main,
  .page-node-26105.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26105.node-type-guide .section[class*="span"] .section-content,
  .page-node-26105.node-type-guide .section[class*="span"] .main,
  .page-node-26151.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26151.node-type-guide .section[class*="span"] .section-content,
  .page-node-26151.node-type-guide .section[class*="span"] .main,
  .page-node-26118.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26118.node-type-guide .section[class*="span"] .section-content,
  .page-node-26118.node-type-guide .section[class*="span"] .main,
  .page-node-26152.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26152.node-type-guide .section[class*="span"] .section-content,
  .page-node-26152.node-type-guide .section[class*="span"] .main,
  .page-node-26119.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26119.node-type-guide .section[class*="span"] .section-content,
  .page-node-26119.node-type-guide .section[class*="span"] .main,
  .page-node-26153.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26153.node-type-guide .section[class*="span"] .section-content,
  .page-node-26153.node-type-guide .section[class*="span"] .main,
  .page-node-26098.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26098.node-type-guide .section[class*="span"] .section-content,
  .page-node-26098.node-type-guide .section[class*="span"] .main,
  .page-node-26100.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26100.node-type-guide .section[class*="span"] .section-content,
  .page-node-26100.node-type-guide .section[class*="span"] .main,
  .page-node-26099.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26099.node-type-guide .section[class*="span"] .section-content,
  .page-node-26099.node-type-guide .section[class*="span"] .main,
  .page-node-26101.node-type-guide .section[class*="span"] .section-heading,
  .page-node-26101.node-type-guide .section[class*="span"] .section-content,
  .page-node-26101.node-type-guide .section[class*="span"] .main {
    width: auto; }
  .page-node-709.node-type-guide .section[class*="span"] .content,
  .page-node-26105.node-type-guide .section[class*="span"] .content,
  .page-node-26151.node-type-guide .section[class*="span"] .content,
  .page-node-26118.node-type-guide .section[class*="span"] .content,
  .page-node-26152.node-type-guide .section[class*="span"] .content,
  .page-node-26119.node-type-guide .section[class*="span"] .content,
  .page-node-26153.node-type-guide .section[class*="span"] .content,
  .page-node-26098.node-type-guide .section[class*="span"] .content,
  .page-node-26100.node-type-guide .section[class*="span"] .content,
  .page-node-26099.node-type-guide .section[class*="span"] .content,
  .page-node-26101.node-type-guide .section[class*="span"] .content {
    margin: 0 auto; }
  .page-node-709.node-type-guide .main,
  .page-node-26105.node-type-guide .main,
  .page-node-26151.node-type-guide .main,
  .page-node-26118.node-type-guide .main,
  .page-node-26152.node-type-guide .main,
  .page-node-26119.node-type-guide .main,
  .page-node-26153.node-type-guide .main,
  .page-node-26098.node-type-guide .main,
  .page-node-26100.node-type-guide .main,
  .page-node-26099.node-type-guide .main,
  .page-node-26101.node-type-guide .main {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0; }
    .page-node-709.node-type-guide .main .mc-content,
    .page-node-26105.node-type-guide .main .mc-content,
    .page-node-26151.node-type-guide .main .mc-content,
    .page-node-26118.node-type-guide .main .mc-content,
    .page-node-26152.node-type-guide .main .mc-content,
    .page-node-26119.node-type-guide .main .mc-content,
    .page-node-26153.node-type-guide .main .mc-content,
    .page-node-26098.node-type-guide .main .mc-content,
    .page-node-26100.node-type-guide .main .mc-content,
    .page-node-26099.node-type-guide .main .mc-content,
    .page-node-26101.node-type-guide .main .mc-content {
      width: auto;
      padding: 0 10%; }
  .page-node-709.node-type-guide .content-head,
  .page-node-709.node-type-guide .mc-content,
  .page-node-26105.node-type-guide .content-head,
  .page-node-26105.node-type-guide .mc-content,
  .page-node-26151.node-type-guide .content-head,
  .page-node-26151.node-type-guide .mc-content,
  .page-node-26118.node-type-guide .content-head,
  .page-node-26118.node-type-guide .mc-content,
  .page-node-26152.node-type-guide .content-head,
  .page-node-26152.node-type-guide .mc-content,
  .page-node-26119.node-type-guide .content-head,
  .page-node-26119.node-type-guide .mc-content,
  .page-node-26153.node-type-guide .content-head,
  .page-node-26153.node-type-guide .mc-content,
  .page-node-26098.node-type-guide .content-head,
  .page-node-26098.node-type-guide .mc-content,
  .page-node-26100.node-type-guide .content-head,
  .page-node-26100.node-type-guide .mc-content,
  .page-node-26099.node-type-guide .content-head,
  .page-node-26099.node-type-guide .mc-content,
  .page-node-26101.node-type-guide .content-head,
  .page-node-26101.node-type-guide .mc-content {
    margin: 0; }
  .page-node-709.node-type-guide .section,
  .page-node-26105.node-type-guide .section,
  .page-node-26151.node-type-guide .section,
  .page-node-26118.node-type-guide .section,
  .page-node-26152.node-type-guide .section,
  .page-node-26119.node-type-guide .section,
  .page-node-26153.node-type-guide .section,
  .page-node-26098.node-type-guide .section,
  .page-node-26100.node-type-guide .section,
  .page-node-26099.node-type-guide .section,
  .page-node-26101.node-type-guide .section {
    font-size: 24px;
    line-height: 1.5em;
    text-align: justify;
    padding: 100px 0; }
    @media (max-width: 767px) {
      .page-node-709.node-type-guide .section,
      .page-node-26105.node-type-guide .section,
      .page-node-26151.node-type-guide .section,
      .page-node-26118.node-type-guide .section,
      .page-node-26152.node-type-guide .section,
      .page-node-26119.node-type-guide .section,
      .page-node-26153.node-type-guide .section,
      .page-node-26098.node-type-guide .section,
      .page-node-26100.node-type-guide .section,
      .page-node-26099.node-type-guide .section,
      .page-node-26101.node-type-guide .section {
        padding: 50px 30px; }
        .page-node-709.node-type-guide .section blockquote,
        .page-node-709.node-type-guide .section [class*="span"],
        .page-node-26105.node-type-guide .section blockquote,
        .page-node-26105.node-type-guide .section [class*="span"],
        .page-node-26151.node-type-guide .section blockquote,
        .page-node-26151.node-type-guide .section [class*="span"],
        .page-node-26118.node-type-guide .section blockquote,
        .page-node-26118.node-type-guide .section [class*="span"],
        .page-node-26152.node-type-guide .section blockquote,
        .page-node-26152.node-type-guide .section [class*="span"],
        .page-node-26119.node-type-guide .section blockquote,
        .page-node-26119.node-type-guide .section [class*="span"],
        .page-node-26153.node-type-guide .section blockquote,
        .page-node-26153.node-type-guide .section [class*="span"],
        .page-node-26098.node-type-guide .section blockquote,
        .page-node-26098.node-type-guide .section [class*="span"],
        .page-node-26100.node-type-guide .section blockquote,
        .page-node-26100.node-type-guide .section [class*="span"],
        .page-node-26099.node-type-guide .section blockquote,
        .page-node-26099.node-type-guide .section [class*="span"],
        .page-node-26101.node-type-guide .section blockquote,
        .page-node-26101.node-type-guide .section [class*="span"] {
          text-align: left; } }
    .page-node-709.node-type-guide .section .section-heading,
    .page-node-26105.node-type-guide .section .section-heading,
    .page-node-26151.node-type-guide .section .section-heading,
    .page-node-26118.node-type-guide .section .section-heading,
    .page-node-26152.node-type-guide .section .section-heading,
    .page-node-26119.node-type-guide .section .section-heading,
    .page-node-26153.node-type-guide .section .section-heading,
    .page-node-26098.node-type-guide .section .section-heading,
    .page-node-26100.node-type-guide .section .section-heading,
    .page-node-26099.node-type-guide .section .section-heading,
    .page-node-26101.node-type-guide .section .section-heading {
      box-sizing: border-box;
      margin: 0 auto; }
      .page-node-709.node-type-guide .section .section-heading h2,
      .page-node-26105.node-type-guide .section .section-heading h2,
      .page-node-26151.node-type-guide .section .section-heading h2,
      .page-node-26118.node-type-guide .section .section-heading h2,
      .page-node-26152.node-type-guide .section .section-heading h2,
      .page-node-26119.node-type-guide .section .section-heading h2,
      .page-node-26153.node-type-guide .section .section-heading h2,
      .page-node-26098.node-type-guide .section .section-heading h2,
      .page-node-26100.node-type-guide .section .section-heading h2,
      .page-node-26099.node-type-guide .section .section-heading h2,
      .page-node-26101.node-type-guide .section .section-heading h2 {
        text-align: center;
        font-size: 48px;
        font-weight: 300;
        color: #2e2d29;
        margin: 0;
        padding-bottom: 1em; }
        @media (max-width: 1199px) {
          .page-node-709.node-type-guide .section .section-heading h2,
          .page-node-26105.node-type-guide .section .section-heading h2,
          .page-node-26151.node-type-guide .section .section-heading h2,
          .page-node-26118.node-type-guide .section .section-heading h2,
          .page-node-26152.node-type-guide .section .section-heading h2,
          .page-node-26119.node-type-guide .section .section-heading h2,
          .page-node-26153.node-type-guide .section .section-heading h2,
          .page-node-26098.node-type-guide .section .section-heading h2,
          .page-node-26100.node-type-guide .section .section-heading h2,
          .page-node-26099.node-type-guide .section .section-heading h2,
          .page-node-26101.node-type-guide .section .section-heading h2 {
            font-size: 42px; } }
        @media (max-width: 979px) {
          .page-node-709.node-type-guide .section .section-heading h2,
          .page-node-26105.node-type-guide .section .section-heading h2,
          .page-node-26151.node-type-guide .section .section-heading h2,
          .page-node-26118.node-type-guide .section .section-heading h2,
          .page-node-26152.node-type-guide .section .section-heading h2,
          .page-node-26119.node-type-guide .section .section-heading h2,
          .page-node-26153.node-type-guide .section .section-heading h2,
          .page-node-26098.node-type-guide .section .section-heading h2,
          .page-node-26100.node-type-guide .section .section-heading h2,
          .page-node-26099.node-type-guide .section .section-heading h2,
          .page-node-26101.node-type-guide .section .section-heading h2 {
            font-size: 36px; } }
        @media (max-width: 767px) {
          .page-node-709.node-type-guide .section .section-heading h2,
          .page-node-26105.node-type-guide .section .section-heading h2,
          .page-node-26151.node-type-guide .section .section-heading h2,
          .page-node-26118.node-type-guide .section .section-heading h2,
          .page-node-26152.node-type-guide .section .section-heading h2,
          .page-node-26119.node-type-guide .section .section-heading h2,
          .page-node-26153.node-type-guide .section .section-heading h2,
          .page-node-26098.node-type-guide .section .section-heading h2,
          .page-node-26100.node-type-guide .section .section-heading h2,
          .page-node-26099.node-type-guide .section .section-heading h2,
          .page-node-26101.node-type-guide .section .section-heading h2 {
            font-size: 32px; } }
        .page-node-709.node-type-guide .section .section-heading h2 img,
        .page-node-26105.node-type-guide .section .section-heading h2 img,
        .page-node-26151.node-type-guide .section .section-heading h2 img,
        .page-node-26118.node-type-guide .section .section-heading h2 img,
        .page-node-26152.node-type-guide .section .section-heading h2 img,
        .page-node-26119.node-type-guide .section .section-heading h2 img,
        .page-node-26153.node-type-guide .section .section-heading h2 img,
        .page-node-26098.node-type-guide .section .section-heading h2 img,
        .page-node-26100.node-type-guide .section .section-heading h2 img,
        .page-node-26099.node-type-guide .section .section-heading h2 img,
        .page-node-26101.node-type-guide .section .section-heading h2 img {
          display: block;
          width: 100px;
          min-height: 100px;
          margin: 0 auto 30px auto; }
        .page-node-709.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-709.node-type-guide .section .section-heading h2 svg,
        .page-node-26105.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26105.node-type-guide .section .section-heading h2 svg,
        .page-node-26151.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26151.node-type-guide .section .section-heading h2 svg,
        .page-node-26118.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26118.node-type-guide .section .section-heading h2 svg,
        .page-node-26152.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26152.node-type-guide .section .section-heading h2 svg,
        .page-node-26119.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26119.node-type-guide .section .section-heading h2 svg,
        .page-node-26153.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26153.node-type-guide .section .section-heading h2 svg,
        .page-node-26098.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26098.node-type-guide .section .section-heading h2 svg,
        .page-node-26100.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26100.node-type-guide .section .section-heading h2 svg,
        .page-node-26099.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26099.node-type-guide .section .section-heading h2 svg,
        .page-node-26101.node-type-guide .section .section-heading h2 img[src*=svg],
        .page-node-26101.node-type-guide .section .section-heading h2 svg {
          display: block;
          width: 15%;
          height: 15%;
          min-width: 100px;
          min-height: 100px;
          margin: 0 auto 30px auto; }
      .page-node-709.node-type-guide .section .section-heading h3,
      .page-node-26105.node-type-guide .section .section-heading h3,
      .page-node-26151.node-type-guide .section .section-heading h3,
      .page-node-26118.node-type-guide .section .section-heading h3,
      .page-node-26152.node-type-guide .section .section-heading h3,
      .page-node-26119.node-type-guide .section .section-heading h3,
      .page-node-26153.node-type-guide .section .section-heading h3,
      .page-node-26098.node-type-guide .section .section-heading h3,
      .page-node-26100.node-type-guide .section .section-heading h3,
      .page-node-26099.node-type-guide .section .section-heading h3,
      .page-node-26101.node-type-guide .section .section-heading h3 {
        text-align: center;
        font-size: 36px;
        font-weight: 300;
        color: #2e2d29;
        margin: 1em 0 0 0;
        padding: 1em 0;
        border-top: 1px solid #bbb; }
        @media (max-width: 1199px) {
          .page-node-709.node-type-guide .section .section-heading h3,
          .page-node-26105.node-type-guide .section .section-heading h3,
          .page-node-26151.node-type-guide .section .section-heading h3,
          .page-node-26118.node-type-guide .section .section-heading h3,
          .page-node-26152.node-type-guide .section .section-heading h3,
          .page-node-26119.node-type-guide .section .section-heading h3,
          .page-node-26153.node-type-guide .section .section-heading h3,
          .page-node-26098.node-type-guide .section .section-heading h3,
          .page-node-26100.node-type-guide .section .section-heading h3,
          .page-node-26099.node-type-guide .section .section-heading h3,
          .page-node-26101.node-type-guide .section .section-heading h3 {
            font-size: 36px; } }
        @media (max-width: 979px) {
          .page-node-709.node-type-guide .section .section-heading h3,
          .page-node-26105.node-type-guide .section .section-heading h3,
          .page-node-26151.node-type-guide .section .section-heading h3,
          .page-node-26118.node-type-guide .section .section-heading h3,
          .page-node-26152.node-type-guide .section .section-heading h3,
          .page-node-26119.node-type-guide .section .section-heading h3,
          .page-node-26153.node-type-guide .section .section-heading h3,
          .page-node-26098.node-type-guide .section .section-heading h3,
          .page-node-26100.node-type-guide .section .section-heading h3,
          .page-node-26099.node-type-guide .section .section-heading h3,
          .page-node-26101.node-type-guide .section .section-heading h3 {
            font-size: 32px; } }
        @media (max-width: 767px) {
          .page-node-709.node-type-guide .section .section-heading h3,
          .page-node-26105.node-type-guide .section .section-heading h3,
          .page-node-26151.node-type-guide .section .section-heading h3,
          .page-node-26118.node-type-guide .section .section-heading h3,
          .page-node-26152.node-type-guide .section .section-heading h3,
          .page-node-26119.node-type-guide .section .section-heading h3,
          .page-node-26153.node-type-guide .section .section-heading h3,
          .page-node-26098.node-type-guide .section .section-heading h3,
          .page-node-26100.node-type-guide .section .section-heading h3,
          .page-node-26099.node-type-guide .section .section-heading h3,
          .page-node-26101.node-type-guide .section .section-heading h3 {
            font-size: 28px; } }
        .page-node-709.node-type-guide .section .section-heading h3 img,
        .page-node-26105.node-type-guide .section .section-heading h3 img,
        .page-node-26151.node-type-guide .section .section-heading h3 img,
        .page-node-26118.node-type-guide .section .section-heading h3 img,
        .page-node-26152.node-type-guide .section .section-heading h3 img,
        .page-node-26119.node-type-guide .section .section-heading h3 img,
        .page-node-26153.node-type-guide .section .section-heading h3 img,
        .page-node-26098.node-type-guide .section .section-heading h3 img,
        .page-node-26100.node-type-guide .section .section-heading h3 img,
        .page-node-26099.node-type-guide .section .section-heading h3 img,
        .page-node-26101.node-type-guide .section .section-heading h3 img {
          display: block;
          width: 100px;
          margin: 0 auto 30px auto; }
        .page-node-709.node-type-guide .section .section-heading h3 svg,
        .page-node-26105.node-type-guide .section .section-heading h3 svg,
        .page-node-26151.node-type-guide .section .section-heading h3 svg,
        .page-node-26118.node-type-guide .section .section-heading h3 svg,
        .page-node-26152.node-type-guide .section .section-heading h3 svg,
        .page-node-26119.node-type-guide .section .section-heading h3 svg,
        .page-node-26153.node-type-guide .section .section-heading h3 svg,
        .page-node-26098.node-type-guide .section .section-heading h3 svg,
        .page-node-26100.node-type-guide .section .section-heading h3 svg,
        .page-node-26099.node-type-guide .section .section-heading h3 svg,
        .page-node-26101.node-type-guide .section .section-heading h3 svg {
          display: block;
          width: 8%;
          height: 8%;
          min-width: 50px;
          min-height: 50px;
          margin: 0 auto 20px auto; }
    .page-node-709.node-type-guide .section .section-content,
    .page-node-26105.node-type-guide .section .section-content,
    .page-node-26151.node-type-guide .section .section-content,
    .page-node-26118.node-type-guide .section .section-content,
    .page-node-26152.node-type-guide .section .section-content,
    .page-node-26119.node-type-guide .section .section-content,
    .page-node-26153.node-type-guide .section .section-content,
    .page-node-26098.node-type-guide .section .section-content,
    .page-node-26100.node-type-guide .section .section-content,
    .page-node-26099.node-type-guide .section .section-content,
    .page-node-26101.node-type-guide .section .section-content {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 10%;
      font-size: 24px;
      line-height: 1.5em;
      /* Block Quote */ }
      @media (max-width: 1199px) {
        .page-node-709.node-type-guide .section .section-content,
        .page-node-26105.node-type-guide .section .section-content,
        .page-node-26151.node-type-guide .section .section-content,
        .page-node-26118.node-type-guide .section .section-content,
        .page-node-26152.node-type-guide .section .section-content,
        .page-node-26119.node-type-guide .section .section-content,
        .page-node-26153.node-type-guide .section .section-content,
        .page-node-26098.node-type-guide .section .section-content,
        .page-node-26100.node-type-guide .section .section-content,
        .page-node-26099.node-type-guide .section .section-content,
        .page-node-26101.node-type-guide .section .section-content {
          font-size: 22px; } }
      @media (max-width: 979px) {
        .page-node-709.node-type-guide .section .section-content,
        .page-node-26105.node-type-guide .section .section-content,
        .page-node-26151.node-type-guide .section .section-content,
        .page-node-26118.node-type-guide .section .section-content,
        .page-node-26152.node-type-guide .section .section-content,
        .page-node-26119.node-type-guide .section .section-content,
        .page-node-26153.node-type-guide .section .section-content,
        .page-node-26098.node-type-guide .section .section-content,
        .page-node-26100.node-type-guide .section .section-content,
        .page-node-26099.node-type-guide .section .section-content,
        .page-node-26101.node-type-guide .section .section-content {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .page-node-709.node-type-guide .section .section-content,
        .page-node-26105.node-type-guide .section .section-content,
        .page-node-26151.node-type-guide .section .section-content,
        .page-node-26118.node-type-guide .section .section-content,
        .page-node-26152.node-type-guide .section .section-content,
        .page-node-26119.node-type-guide .section .section-content,
        .page-node-26153.node-type-guide .section .section-content,
        .page-node-26098.node-type-guide .section .section-content,
        .page-node-26100.node-type-guide .section .section-content,
        .page-node-26099.node-type-guide .section .section-content,
        .page-node-26101.node-type-guide .section .section-content {
          font-size: 18px; } }
      .page-node-709.node-type-guide .section .section-content p a,
      .page-node-709.node-type-guide .section .section-content li a,
      .page-node-709.node-type-guide .section .section-content td a,
      .page-node-709.node-type-guide .section .section-content th a,
      .page-node-26105.node-type-guide .section .section-content p a,
      .page-node-26105.node-type-guide .section .section-content li a,
      .page-node-26105.node-type-guide .section .section-content td a,
      .page-node-26105.node-type-guide .section .section-content th a,
      .page-node-26151.node-type-guide .section .section-content p a,
      .page-node-26151.node-type-guide .section .section-content li a,
      .page-node-26151.node-type-guide .section .section-content td a,
      .page-node-26151.node-type-guide .section .section-content th a,
      .page-node-26118.node-type-guide .section .section-content p a,
      .page-node-26118.node-type-guide .section .section-content li a,
      .page-node-26118.node-type-guide .section .section-content td a,
      .page-node-26118.node-type-guide .section .section-content th a,
      .page-node-26152.node-type-guide .section .section-content p a,
      .page-node-26152.node-type-guide .section .section-content li a,
      .page-node-26152.node-type-guide .section .section-content td a,
      .page-node-26152.node-type-guide .section .section-content th a,
      .page-node-26119.node-type-guide .section .section-content p a,
      .page-node-26119.node-type-guide .section .section-content li a,
      .page-node-26119.node-type-guide .section .section-content td a,
      .page-node-26119.node-type-guide .section .section-content th a,
      .page-node-26153.node-type-guide .section .section-content p a,
      .page-node-26153.node-type-guide .section .section-content li a,
      .page-node-26153.node-type-guide .section .section-content td a,
      .page-node-26153.node-type-guide .section .section-content th a,
      .page-node-26098.node-type-guide .section .section-content p a,
      .page-node-26098.node-type-guide .section .section-content li a,
      .page-node-26098.node-type-guide .section .section-content td a,
      .page-node-26098.node-type-guide .section .section-content th a,
      .page-node-26100.node-type-guide .section .section-content p a,
      .page-node-26100.node-type-guide .section .section-content li a,
      .page-node-26100.node-type-guide .section .section-content td a,
      .page-node-26100.node-type-guide .section .section-content th a,
      .page-node-26099.node-type-guide .section .section-content p a,
      .page-node-26099.node-type-guide .section .section-content li a,
      .page-node-26099.node-type-guide .section .section-content td a,
      .page-node-26099.node-type-guide .section .section-content th a,
      .page-node-26101.node-type-guide .section .section-content p a,
      .page-node-26101.node-type-guide .section .section-content li a,
      .page-node-26101.node-type-guide .section .section-content td a,
      .page-node-26101.node-type-guide .section .section-content th a {
        color: #006cb8;
        border-bottom: 1px solid #006cb8; }
      .page-node-709.node-type-guide .section .section-content p a:hover,
      .page-node-709.node-type-guide .section .section-content p a:active,
      .page-node-709.node-type-guide .section .section-content li a:hover,
      .page-node-709.node-type-guide .section .section-content li a:active,
      .page-node-709.node-type-guide .section .section-content td a:hover,
      .page-node-709.node-type-guide .section .section-content td a:active,
      .page-node-709.node-type-guide .section .section-content th a:hover,
      .page-node-709.node-type-guide .section .section-content th a:active,
      .page-node-26105.node-type-guide .section .section-content p a:hover,
      .page-node-26105.node-type-guide .section .section-content p a:active,
      .page-node-26105.node-type-guide .section .section-content li a:hover,
      .page-node-26105.node-type-guide .section .section-content li a:active,
      .page-node-26105.node-type-guide .section .section-content td a:hover,
      .page-node-26105.node-type-guide .section .section-content td a:active,
      .page-node-26105.node-type-guide .section .section-content th a:hover,
      .page-node-26105.node-type-guide .section .section-content th a:active,
      .page-node-26151.node-type-guide .section .section-content p a:hover,
      .page-node-26151.node-type-guide .section .section-content p a:active,
      .page-node-26151.node-type-guide .section .section-content li a:hover,
      .page-node-26151.node-type-guide .section .section-content li a:active,
      .page-node-26151.node-type-guide .section .section-content td a:hover,
      .page-node-26151.node-type-guide .section .section-content td a:active,
      .page-node-26151.node-type-guide .section .section-content th a:hover,
      .page-node-26151.node-type-guide .section .section-content th a:active,
      .page-node-26118.node-type-guide .section .section-content p a:hover,
      .page-node-26118.node-type-guide .section .section-content p a:active,
      .page-node-26118.node-type-guide .section .section-content li a:hover,
      .page-node-26118.node-type-guide .section .section-content li a:active,
      .page-node-26118.node-type-guide .section .section-content td a:hover,
      .page-node-26118.node-type-guide .section .section-content td a:active,
      .page-node-26118.node-type-guide .section .section-content th a:hover,
      .page-node-26118.node-type-guide .section .section-content th a:active,
      .page-node-26152.node-type-guide .section .section-content p a:hover,
      .page-node-26152.node-type-guide .section .section-content p a:active,
      .page-node-26152.node-type-guide .section .section-content li a:hover,
      .page-node-26152.node-type-guide .section .section-content li a:active,
      .page-node-26152.node-type-guide .section .section-content td a:hover,
      .page-node-26152.node-type-guide .section .section-content td a:active,
      .page-node-26152.node-type-guide .section .section-content th a:hover,
      .page-node-26152.node-type-guide .section .section-content th a:active,
      .page-node-26119.node-type-guide .section .section-content p a:hover,
      .page-node-26119.node-type-guide .section .section-content p a:active,
      .page-node-26119.node-type-guide .section .section-content li a:hover,
      .page-node-26119.node-type-guide .section .section-content li a:active,
      .page-node-26119.node-type-guide .section .section-content td a:hover,
      .page-node-26119.node-type-guide .section .section-content td a:active,
      .page-node-26119.node-type-guide .section .section-content th a:hover,
      .page-node-26119.node-type-guide .section .section-content th a:active,
      .page-node-26153.node-type-guide .section .section-content p a:hover,
      .page-node-26153.node-type-guide .section .section-content p a:active,
      .page-node-26153.node-type-guide .section .section-content li a:hover,
      .page-node-26153.node-type-guide .section .section-content li a:active,
      .page-node-26153.node-type-guide .section .section-content td a:hover,
      .page-node-26153.node-type-guide .section .section-content td a:active,
      .page-node-26153.node-type-guide .section .section-content th a:hover,
      .page-node-26153.node-type-guide .section .section-content th a:active,
      .page-node-26098.node-type-guide .section .section-content p a:hover,
      .page-node-26098.node-type-guide .section .section-content p a:active,
      .page-node-26098.node-type-guide .section .section-content li a:hover,
      .page-node-26098.node-type-guide .section .section-content li a:active,
      .page-node-26098.node-type-guide .section .section-content td a:hover,
      .page-node-26098.node-type-guide .section .section-content td a:active,
      .page-node-26098.node-type-guide .section .section-content th a:hover,
      .page-node-26098.node-type-guide .section .section-content th a:active,
      .page-node-26100.node-type-guide .section .section-content p a:hover,
      .page-node-26100.node-type-guide .section .section-content p a:active,
      .page-node-26100.node-type-guide .section .section-content li a:hover,
      .page-node-26100.node-type-guide .section .section-content li a:active,
      .page-node-26100.node-type-guide .section .section-content td a:hover,
      .page-node-26100.node-type-guide .section .section-content td a:active,
      .page-node-26100.node-type-guide .section .section-content th a:hover,
      .page-node-26100.node-type-guide .section .section-content th a:active,
      .page-node-26099.node-type-guide .section .section-content p a:hover,
      .page-node-26099.node-type-guide .section .section-content p a:active,
      .page-node-26099.node-type-guide .section .section-content li a:hover,
      .page-node-26099.node-type-guide .section .section-content li a:active,
      .page-node-26099.node-type-guide .section .section-content td a:hover,
      .page-node-26099.node-type-guide .section .section-content td a:active,
      .page-node-26099.node-type-guide .section .section-content th a:hover,
      .page-node-26099.node-type-guide .section .section-content th a:active,
      .page-node-26101.node-type-guide .section .section-content p a:hover,
      .page-node-26101.node-type-guide .section .section-content p a:active,
      .page-node-26101.node-type-guide .section .section-content li a:hover,
      .page-node-26101.node-type-guide .section .section-content li a:active,
      .page-node-26101.node-type-guide .section .section-content td a:hover,
      .page-node-26101.node-type-guide .section .section-content td a:active,
      .page-node-26101.node-type-guide .section .section-content th a:hover,
      .page-node-26101.node-type-guide .section .section-content th a:active {
        color: #00548f;
        border-bottom: 1px solid #00548f; }
      .page-node-709.node-type-guide .section .section-content blockquote em,
      .page-node-26105.node-type-guide .section .section-content blockquote em,
      .page-node-26151.node-type-guide .section .section-content blockquote em,
      .page-node-26118.node-type-guide .section .section-content blockquote em,
      .page-node-26152.node-type-guide .section .section-content blockquote em,
      .page-node-26119.node-type-guide .section .section-content blockquote em,
      .page-node-26153.node-type-guide .section .section-content blockquote em,
      .page-node-26098.node-type-guide .section .section-content blockquote em,
      .page-node-26100.node-type-guide .section .section-content blockquote em,
      .page-node-26099.node-type-guide .section .section-content blockquote em,
      .page-node-26101.node-type-guide .section .section-content blockquote em {
        display: block;
        margin-top: 1em;
        font-style: italic; }
    .page-node-709.node-type-guide .section[class*="span"] .section-content,
    .page-node-26105.node-type-guide .section[class*="span"] .section-content,
    .page-node-26151.node-type-guide .section[class*="span"] .section-content,
    .page-node-26118.node-type-guide .section[class*="span"] .section-content,
    .page-node-26152.node-type-guide .section[class*="span"] .section-content,
    .page-node-26119.node-type-guide .section[class*="span"] .section-content,
    .page-node-26153.node-type-guide .section[class*="span"] .section-content,
    .page-node-26098.node-type-guide .section[class*="span"] .section-content,
    .page-node-26100.node-type-guide .section[class*="span"] .section-content,
    .page-node-26099.node-type-guide .section[class*="span"] .section-content,
    .page-node-26101.node-type-guide .section[class*="span"] .section-content {
      font-size: 20px; }
      @media (max-width: 1199px) {
        .page-node-709.node-type-guide .section[class*="span"] .section-content,
        .page-node-26105.node-type-guide .section[class*="span"] .section-content,
        .page-node-26151.node-type-guide .section[class*="span"] .section-content,
        .page-node-26118.node-type-guide .section[class*="span"] .section-content,
        .page-node-26152.node-type-guide .section[class*="span"] .section-content,
        .page-node-26119.node-type-guide .section[class*="span"] .section-content,
        .page-node-26153.node-type-guide .section[class*="span"] .section-content,
        .page-node-26098.node-type-guide .section[class*="span"] .section-content,
        .page-node-26100.node-type-guide .section[class*="span"] .section-content,
        .page-node-26099.node-type-guide .section[class*="span"] .section-content,
        .page-node-26101.node-type-guide .section[class*="span"] .section-content {
          font-size: 18px; } }
      .page-node-709.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-709.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-709.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26105.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26105.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26105.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26151.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26151.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26151.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26118.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26118.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26118.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26152.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26152.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26152.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26119.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26119.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26119.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26153.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26153.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26153.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26098.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26098.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26098.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26100.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26100.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26100.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26099.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26099.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26099.node-type-guide .section[class*="span"] .section-content p a.more-button,
      .page-node-26101.node-type-guide .section[class*="span"] .section-content .more-button,
      .page-node-26101.node-type-guide .section[class*="span"] .section-content a.more-button,
      .page-node-26101.node-type-guide .section[class*="span"] .section-content p a.more-button {
        font-size: 20px; }
  .page-node-709.node-type-guide .section.section-wide .section-content,
  .page-node-26105.node-type-guide .section.section-wide .section-content,
  .page-node-26151.node-type-guide .section.section-wide .section-content,
  .page-node-26118.node-type-guide .section.section-wide .section-content,
  .page-node-26152.node-type-guide .section.section-wide .section-content,
  .page-node-26119.node-type-guide .section.section-wide .section-content,
  .page-node-26153.node-type-guide .section.section-wide .section-content,
  .page-node-26098.node-type-guide .section.section-wide .section-content,
  .page-node-26100.node-type-guide .section.section-wide .section-content,
  .page-node-26099.node-type-guide .section.section-wide .section-content,
  .page-node-26101.node-type-guide .section.section-wide .section-content {
    padding: 0; }
  .page-node-709.node-type-guide .section.section-white,
  .page-node-26105.node-type-guide .section.section-white,
  .page-node-26151.node-type-guide .section.section-white,
  .page-node-26118.node-type-guide .section.section-white,
  .page-node-26152.node-type-guide .section.section-white,
  .page-node-26119.node-type-guide .section.section-white,
  .page-node-26153.node-type-guide .section.section-white,
  .page-node-26098.node-type-guide .section.section-white,
  .page-node-26100.node-type-guide .section.section-white,
  .page-node-26099.node-type-guide .section.section-white,
  .page-node-26101.node-type-guide .section.section-white {
    background: #fff !important; }
  .page-node-709.node-type-guide .section.section-gray,
  .page-node-26105.node-type-guide .section.section-gray,
  .page-node-26151.node-type-guide .section.section-gray,
  .page-node-26118.node-type-guide .section.section-gray,
  .page-node-26152.node-type-guide .section.section-gray,
  .page-node-26119.node-type-guide .section.section-gray,
  .page-node-26153.node-type-guide .section.section-gray,
  .page-node-26098.node-type-guide .section.section-gray,
  .page-node-26100.node-type-guide .section.section-gray,
  .page-node-26099.node-type-guide .section.section-gray,
  .page-node-26101.node-type-guide .section.section-gray {
    background: #f4f4f4 !important; }
    .page-node-709.node-type-guide .section.section-gray .card.card-block,
    .page-node-26105.node-type-guide .section.section-gray .card.card-block,
    .page-node-26151.node-type-guide .section.section-gray .card.card-block,
    .page-node-26118.node-type-guide .section.section-gray .card.card-block,
    .page-node-26152.node-type-guide .section.section-gray .card.card-block,
    .page-node-26119.node-type-guide .section.section-gray .card.card-block,
    .page-node-26153.node-type-guide .section.section-gray .card.card-block,
    .page-node-26098.node-type-guide .section.section-gray .card.card-block,
    .page-node-26100.node-type-guide .section.section-gray .card.card-block,
    .page-node-26099.node-type-guide .section.section-gray .card.card-block,
    .page-node-26101.node-type-guide .section.section-gray .card.card-block {
      background: #fff; }
  .page-node-709.node-type-guide .section.section-background,
  .page-node-26105.node-type-guide .section.section-background,
  .page-node-26151.node-type-guide .section.section-background,
  .page-node-26118.node-type-guide .section.section-background,
  .page-node-26152.node-type-guide .section.section-background,
  .page-node-26119.node-type-guide .section.section-background,
  .page-node-26153.node-type-guide .section.section-background,
  .page-node-26098.node-type-guide .section.section-background,
  .page-node-26100.node-type-guide .section.section-background,
  .page-node-26099.node-type-guide .section.section-background,
  .page-node-26101.node-type-guide .section.section-background {
    transform-style: preserve-3d; }
    .page-node-709.node-type-guide .section.section-background .section-heading,
    .page-node-26105.node-type-guide .section.section-background .section-heading,
    .page-node-26151.node-type-guide .section.section-background .section-heading,
    .page-node-26118.node-type-guide .section.section-background .section-heading,
    .page-node-26152.node-type-guide .section.section-background .section-heading,
    .page-node-26119.node-type-guide .section.section-background .section-heading,
    .page-node-26153.node-type-guide .section.section-background .section-heading,
    .page-node-26098.node-type-guide .section.section-background .section-heading,
    .page-node-26100.node-type-guide .section.section-background .section-heading,
    .page-node-26099.node-type-guide .section.section-background .section-heading,
    .page-node-26101.node-type-guide .section.section-background .section-heading {
      height: 400px; }
      .page-node-709.node-type-guide .section.section-background .section-heading h2,
      .page-node-26105.node-type-guide .section.section-background .section-heading h2,
      .page-node-26151.node-type-guide .section.section-background .section-heading h2,
      .page-node-26118.node-type-guide .section.section-background .section-heading h2,
      .page-node-26152.node-type-guide .section.section-background .section-heading h2,
      .page-node-26119.node-type-guide .section.section-background .section-heading h2,
      .page-node-26153.node-type-guide .section.section-background .section-heading h2,
      .page-node-26098.node-type-guide .section.section-background .section-heading h2,
      .page-node-26100.node-type-guide .section.section-background .section-heading h2,
      .page-node-26099.node-type-guide .section.section-background .section-heading h2,
      .page-node-26101.node-type-guide .section.section-background .section-heading h2 {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .page-node-709.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26105.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26151.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26118.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26152.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26119.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26153.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26098.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26100.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26099.node-type-guide .section.section-background .section-heading h2 a,
        .page-node-26101.node-type-guide .section.section-background .section-heading h2 a {
          display: block;
          font-size: 80px;
          line-height: 1.2em;
          text-align: center;
          margin-bottom: 0.5em;
          font-family: 'Oswald', sans-serif;
          color: #fff;
          text-shadow: 2px 2px 4px #3f3c30;
          font-weight: 400; }
        .page-node-709.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26105.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26151.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26118.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26152.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26119.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26153.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26098.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26100.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26099.node-type-guide .section.section-background .section-heading h2 i.fa,
        .page-node-26101.node-type-guide .section.section-background .section-heading h2 i.fa {
          display: block;
          margin-top: 0.25em; }
  .page-node-709.node-type-guide article section:nth-child(odd),
  .page-node-709.node-type-guide .section:nth-child(odd),
  .page-node-26105.node-type-guide article section:nth-child(odd),
  .page-node-26105.node-type-guide .section:nth-child(odd),
  .page-node-26151.node-type-guide article section:nth-child(odd),
  .page-node-26151.node-type-guide .section:nth-child(odd),
  .page-node-26118.node-type-guide article section:nth-child(odd),
  .page-node-26118.node-type-guide .section:nth-child(odd),
  .page-node-26152.node-type-guide article section:nth-child(odd),
  .page-node-26152.node-type-guide .section:nth-child(odd),
  .page-node-26119.node-type-guide article section:nth-child(odd),
  .page-node-26119.node-type-guide .section:nth-child(odd),
  .page-node-26153.node-type-guide article section:nth-child(odd),
  .page-node-26153.node-type-guide .section:nth-child(odd),
  .page-node-26098.node-type-guide article section:nth-child(odd),
  .page-node-26098.node-type-guide .section:nth-child(odd),
  .page-node-26100.node-type-guide article section:nth-child(odd),
  .page-node-26100.node-type-guide .section:nth-child(odd),
  .page-node-26099.node-type-guide article section:nth-child(odd),
  .page-node-26099.node-type-guide .section:nth-child(odd),
  .page-node-26101.node-type-guide article section:nth-child(odd),
  .page-node-26101.node-type-guide .section:nth-child(odd) {
    background: #f4f4f4; }
  .page-node-709.node-type-guide article section:nth-child(even),
  .page-node-709.node-type-guide .section:nth-child(even),
  .page-node-26105.node-type-guide article section:nth-child(even),
  .page-node-26105.node-type-guide .section:nth-child(even),
  .page-node-26151.node-type-guide article section:nth-child(even),
  .page-node-26151.node-type-guide .section:nth-child(even),
  .page-node-26118.node-type-guide article section:nth-child(even),
  .page-node-26118.node-type-guide .section:nth-child(even),
  .page-node-26152.node-type-guide article section:nth-child(even),
  .page-node-26152.node-type-guide .section:nth-child(even),
  .page-node-26119.node-type-guide article section:nth-child(even),
  .page-node-26119.node-type-guide .section:nth-child(even),
  .page-node-26153.node-type-guide article section:nth-child(even),
  .page-node-26153.node-type-guide .section:nth-child(even),
  .page-node-26098.node-type-guide article section:nth-child(even),
  .page-node-26098.node-type-guide .section:nth-child(even),
  .page-node-26100.node-type-guide article section:nth-child(even),
  .page-node-26100.node-type-guide .section:nth-child(even),
  .page-node-26099.node-type-guide article section:nth-child(even),
  .page-node-26099.node-type-guide .section:nth-child(even),
  .page-node-26101.node-type-guide article section:nth-child(even),
  .page-node-26101.node-type-guide .section:nth-child(even) {
    background: #fff; }
  .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide),
  .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) {
    padding: 5vw 0;
    text-align: center; }
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) .section-content {
      padding: 0 10%; }
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1 {
      font-size: 100px;
      line-height: 1.2em;
      text-align: center;
      margin-bottom: 0.5em;
      font-family: 'Oswald', sans-serif; }
      @media (max-width: 1199px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1 {
          font-size: 84px; } }
      @media (max-width: 979px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1 {
          font-size: 72px; } }
      @media (max-width: 767px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1 {
          font-size: 60px; } }
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p {
      font-size: 50px;
      line-height: 1.2em; }
      @media (max-width: 1199px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p {
          font-size: 42px; } }
      @media (max-width: 979px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p {
          font-size: 36px; } }
      @media (max-width: 767px) {
        .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
        .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p {
          font-size: 30px; } }
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p:last-child {
      margin-bottom: 0; }
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-709.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26105.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26151.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26118.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26152.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26119.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26153.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26098.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26100.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26099.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) h1,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) p,
    .page-node-26101.node-type-guide #fullwidth-top .section:first-child:not(.section-wide) a {
      color: #fff;
      text-shadow: 2px 2px 4px #3f3c30;
      font-weight: 400; }
  .page-node-709.node-type-guide #main > .container,
  .page-node-26105.node-type-guide #main > .container,
  .page-node-26151.node-type-guide #main > .container,
  .page-node-26118.node-type-guide #main > .container,
  .page-node-26152.node-type-guide #main > .container,
  .page-node-26119.node-type-guide #main > .container,
  .page-node-26153.node-type-guide #main > .container,
  .page-node-26098.node-type-guide #main > .container,
  .page-node-26100.node-type-guide #main > .container,
  .page-node-26099.node-type-guide #main > .container,
  .page-node-26101.node-type-guide #main > .container {
    margin: 0 auto;
    padding: 0 !important; }
  .page-node-709.node-type-guide #footer,
  .page-node-26105.node-type-guide #footer,
  .page-node-26151.node-type-guide #footer,
  .page-node-26118.node-type-guide #footer,
  .page-node-26152.node-type-guide #footer,
  .page-node-26119.node-type-guide #footer,
  .page-node-26153.node-type-guide #footer,
  .page-node-26098.node-type-guide #footer,
  .page-node-26100.node-type-guide #footer,
  .page-node-26099.node-type-guide #footer,
  .page-node-26101.node-type-guide #footer {
    padding: 0 0 50px 0; }
  .page-node-709.node-type-guide .section .card.card-block,
  .page-node-26105.node-type-guide .section .card.card-block,
  .page-node-26151.node-type-guide .section .card.card-block,
  .page-node-26118.node-type-guide .section .card.card-block,
  .page-node-26152.node-type-guide .section .card.card-block,
  .page-node-26119.node-type-guide .section .card.card-block,
  .page-node-26153.node-type-guide .section .card.card-block,
  .page-node-26098.node-type-guide .section .card.card-block,
  .page-node-26100.node-type-guide .section .card.card-block,
  .page-node-26099.node-type-guide .section .card.card-block,
  .page-node-26101.node-type-guide .section .card.card-block {
    text-align: left;
    margin-bottom: 50px; }
    .page-node-709.node-type-guide .section .card.card-block h2,
    .page-node-26105.node-type-guide .section .card.card-block h2,
    .page-node-26151.node-type-guide .section .card.card-block h2,
    .page-node-26118.node-type-guide .section .card.card-block h2,
    .page-node-26152.node-type-guide .section .card.card-block h2,
    .page-node-26119.node-type-guide .section .card.card-block h2,
    .page-node-26153.node-type-guide .section .card.card-block h2,
    .page-node-26098.node-type-guide .section .card.card-block h2,
    .page-node-26100.node-type-guide .section .card.card-block h2,
    .page-node-26099.node-type-guide .section .card.card-block h2,
    .page-node-26101.node-type-guide .section .card.card-block h2 {
      font-size: 24px;
      font-weight: 300; }
    .page-node-709.node-type-guide .section .card.card-block p,
    .page-node-26105.node-type-guide .section .card.card-block p,
    .page-node-26151.node-type-guide .section .card.card-block p,
    .page-node-26118.node-type-guide .section .card.card-block p,
    .page-node-26152.node-type-guide .section .card.card-block p,
    .page-node-26119.node-type-guide .section .card.card-block p,
    .page-node-26153.node-type-guide .section .card.card-block p,
    .page-node-26098.node-type-guide .section .card.card-block p,
    .page-node-26100.node-type-guide .section .card.card-block p,
    .page-node-26099.node-type-guide .section .card.card-block p,
    .page-node-26101.node-type-guide .section .card.card-block p {
      color: #000;
      font-size: 18px;
      line-height: 1.5em;
      font-weight: 300;
      text-shadow: none; }
  .page-node-709.node-type-guide section.hero,
  .page-node-26105.node-type-guide section.hero,
  .page-node-26151.node-type-guide section.hero,
  .page-node-26118.node-type-guide section.hero,
  .page-node-26152.node-type-guide section.hero,
  .page-node-26119.node-type-guide section.hero,
  .page-node-26153.node-type-guide section.hero,
  .page-node-26098.node-type-guide section.hero,
  .page-node-26100.node-type-guide section.hero,
  .page-node-26099.node-type-guide section.hero,
  .page-node-26101.node-type-guide section.hero {
    margin-bottom: 0; }

/* Essential Stanford Software */
.view-software {
  /* ---- .filter-button-group ---- */
  /* ---- .element-item ---- */
  /* Security */
  /* Collaboration */
  /* File Transfer */
  /* Productivity */
  /* Terminal Emulation */
  /* Resources */
  /* Utilities */ }
  .view-software p.url a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }
  .view-software p.url a:hover,
  .view-software p.url a:focus {
    border: none; }
  .view-software p.url a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .view-software label {
    margin-right: 20px;
    font-size: 16px;
    font-weight: 300; }
  .view-software label:first-child {
    margin-left: 20px; }
  .view-software legend {
    border: none;
    margin-bottom: 0.5em; }
  .view-software fieldset {
    margin: 15px 0; }
  .view-software .filter-button-group {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #f5f5f5;
    color: #000; }
  @media (max-width: 640px) {
    .view-software .filter-button-group {
      display: block;
      padding: 10px;
      width: 100%;
      box-sizing: border-box; }
    .view-software .form-search label {
      display: block;
      text-align: left;
      margin-right: 0; }
    .view-software .form-search label:first-child {
      margin-left: 0; } }
  .view-software .element-item {
    position: relative;
    float: left;
    height: 150px;
    margin: 0 7px 15px 7px;
    padding: 10px;
    background: #eee;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ccc;
    color: #000;
    background: #f5f5f5;
    border-top: 3px solid #b3b3b3; }
    .view-software .element-item:hover, .view-software .element-item:focus, .view-software .element-item:active {
      background: #f2f1eb;
      border-right: 1px solid #d5d2c5;
      border-bottom: 1px solid #d5d2c5;
      border-left: 1px solid #d5d2c5; }
    @media (min-width: 1440px) {
      .view-software .element-item {
        width: 421px;
        height: 140px; } }
    @media (min-width: 1200px) and (max-width: 1339px) {
      .view-software .element-item {
        width: 344px;
        height: 140px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .view-software .element-item {
        width: 267px;
        height: 180px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .view-software .element-item {
        width: 312px;
        height: 160px; } }
    @media (max-width: 767px) {
      .view-software .element-item {
        height: auto;
        width: 97%;
        clear: both;
        box-sizing: border-box; } }
  .view-software .element-item.software-146 {
    border-top: 3px solid #e74c3c; }
    .view-software .element-item.software-146:hover, .view-software .element-item.software-146:focus, .view-software .element-item.software-146:active {
      border-top: 3px solid #c0392b; }
    .view-software .element-item.software-146 i.fa {
      color: #c0392b; }
  .view-software .element-item.software-190 {
    border-top: 3px solid #9b59b6; }
    .view-software .element-item.software-190:hover, .view-software .element-item.software-190:focus, .view-software .element-item.software-190:active {
      border-top: 3px solid #8e44ad; }
    .view-software .element-item.software-190 i.fa {
      color: #8e44ad; }
  .view-software .element-item.software-143 {
    border-top: 3px solid #f39c12; }
    .view-software .element-item.software-143:hover, .view-software .element-item.software-143:focus, .view-software .element-item.software-143:active {
      border-top: 3px solid #e67e22; }
    .view-software .element-item.software-143 i.fa {
      color: #e67e22; }
  .view-software .element-item.software-144 {
    border-top: 3px solid #4aa3df; }
    .view-software .element-item.software-144:hover, .view-software .element-item.software-144:focus, .view-software .element-item.software-144:active {
      border-top: 3px solid #2980b9; }
    .view-software .element-item.software-144 i.fa {
      color: #2980b9; }
  .view-software .element-item.software-148 {
    border-top: 3px solid #2ecc71; }
    .view-software .element-item.software-148:hover, .view-software .element-item.software-148:focus, .view-software .element-item.software-148:active {
      border-top: 3px solid #27ae60; }
    .view-software .element-item.software-148 i.fa {
      color: #27ae60; }
  .view-software .element-item.software-145 {
    border-top: 3px solid #9b59b6; }
    .view-software .element-item.software-145:hover, .view-software .element-item.software-145:focus, .view-software .element-item.software-145:active {
      border-top: 3px solid #8e44ad; }
    .view-software .element-item.software-145 i.fa {
      color: #8e44ad; }
  .view-software .element-item.software-226 {
    border-top: 3px solid #b3b3b3; }
    .view-software .element-item.software-226:hover, .view-software .element-item.software-226:focus, .view-software .element-item.software-226:active {
      border-top: 3px solid #3f3f3f; }
    .view-software .element-item.software-226 i.fa {
      color: #3f3f3f; }
  .view-software .element-item > * {
    margin: 0 0 0.5em 0;
    padding: 0; }
  .view-software .element-item.Apps p.url.url-software {
    display: none; }

/* Computer Resource Consulting */
.page-node-25812 {
  /* ---- .filter-button-group ---- */
  /* ---- .element-item ---- */ }
  .page-node-25812 p.url a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }
    .page-node-25812 p.url a:hover, .page-node-25812 p.url a:focus {
      border: none; }
    .page-node-25812 p.url a:focus {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .page-node-25812 .card-filter .element-item {
    background: #f5f5f5; }
    .page-node-25812 .card-filter .element-item:hover, .page-node-25812 .card-filter .element-item:focus, .page-node-25812 .card-filter .element-item:active {
      background: #f2f1eb;
      border-right: 1px solid #d5d2c5;
      border-bottom: 1px solid #d5d2c5;
      border-left: 1px solid #d5d2c5; }
    .page-node-25812 .card-filter .element-item .photo {
      margin: -1px -1px 15px -1px;
      position: relative; }
    .page-node-25812 .card-filter .element-item .name,
    .page-node-25812 .card-filter .element-item .description {
      padding-left: 10px;
      padding-right: 10px; }
    .page-node-25812 .card-filter .element-item .photo span {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
      padding: 0;
      text-align: right;
      font-size: 16px;
      line-height: 1.2em;
      font-style: italic;
      font-weight: 400;
      padding: 10px;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
      background: rgba(0, 0, 0, 0.35);
      width: calc(100% - 20px); }
    .page-node-25812 .card-filter .element-item .photo span::after {
      content: " »"; }
    .page-node-25812 .card-filter .element-item .photo,
    .page-node-25812 .card-filter .element-item .photo img {
      border-radius: 4px 4px 0 0; }
  .page-node-25812 label {
    margin-right: 20px;
    font-size: 16px;
    font-weight: 300; }
  .page-node-25812 label:first-child {
    margin-left: 20px; }
  .page-node-25812 legend {
    border: none;
    margin-bottom: 0.5em; }
  .page-node-25812 fieldset {
    margin: 15px 0; }
  .page-node-25812 .filter-button-group {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #f5f5f5;
    color: #000; }
  @media (max-width: 640px) {
    .page-node-25812 .filter-button-group {
      display: block;
      padding: 10px;
      width: 100%;
      box-sizing: border-box; }
    .page-node-25812 .form-search label {
      display: block;
      text-align: left;
      margin-right: 0; }
    .page-node-25812 .form-search label:first-child {
      margin-left: 0; } }
  .page-node-25812 .card-filter .element-item {
    position: relative;
    float: left;
    height: 360px;
    margin: 0 7px 15px 7px;
    padding: 0px;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #000;
    box-sizing: border-box; }
    @media (min-width: 1200px) {
      .page-node-25812 .card-filter .element-item {
        width: 360px;
        width: calc(33.3333% - 14px);
        height: 380px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .page-node-25812 .card-filter .element-item {
        width: 283px;
        width: calc(33.3333% - 14px);
        height: 380px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .page-node-25812 .card-filter .element-item {
        width: 325px;
        width: calc(50% - 14px);
        height: 380px; } }
    @media (max-width: 767px) {
      .page-node-25812 .card-filter .element-item {
        height: auto;
        width: 100%;
        margin: 0 0 15px 0;
        clear: both; } }
  .page-node-25812 .element-item > * {
    margin: 0 0 0.5em 0;
    padding: 0; }

/* Tech Training Class Schedule */
.view-class-schedule {
  /* Better Exposed Filters */ }
  .view-class-schedule .date-display-range {
    display: inline-block; }
  .view-class-schedule .views-table.cols-5 thead th:nth-child(1) {
    width: 30%; }
  .view-class-schedule .views-table.cols-5 thead th:nth-child(2) {
    width: 20%; }
  .view-class-schedule .views-table.cols-5 thead th:nth-child(3) {
    width: 15%; }
  .view-class-schedule .views-table.cols-5 thead th:nth-child(4) {
    width: 25%; }
  .view-class-schedule .views-table.cols-5 thead th:nth-child(5) {
    width: 10%; }
  .view-class-schedule .views-table.cols-4 thead th:nth-child(1) {
    width: 40%; }
  .view-class-schedule .views-table.cols-4 thead th:nth-child(2) {
    width: 25%; }
  .view-class-schedule .views-table.cols-4 thead th:nth-child(3) {
    width: 25%; }
  .view-class-schedule .views-table.cols-4 thead th:nth-child(4) {
    width: 10%; }
  .view-class-schedule .views-exposed-widgets {
    text-align: center;
    margin-bottom: 2em; }
  .view-class-schedule .views-exposed-form .views-exposed-widget {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0.5em 0 0 0; }
  .view-class-schedule .view-empty {
    text-align: center; }
  .view-class-schedule .views-submit-button {
    float: left;
    position: absolute; }
  .view-class-schedule .bef-select-as-radios {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #f5f5f5;
    color: #000; }
  .view-class-schedule .views-exposed-form .form-item {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px; }
  .view-class-schedule .views-widget {
    text-align: center; }
  .view-class-schedule .views-exposed-form label {
    font-weight: 300;
    text-align: center;
    font-size: 21px;
    margin-top: 0.75em;
    margin-bottom: 0.5em; }
  .view-class-schedule .form-item label {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 5px; }
  @media (max-width: 979px) {
    .view-class-schedule thead {
      display: none; }
    .view-class-schedule td {
      display: block;
      width: auto !important;
      border: none;
      border-top-color: #ddd 1px solid;
      padding: 5px 15px; }
    .view-class-schedule .views-field-title {
      border-top: 1px solid #ddd;
      font-weight: bold;
      padding-top: 15px; }
    .view-class-schedule td:last-child {
      padding-bottom: 15px; }
    .view-class-schedule .views-field-field-class-code:before {
      content: "Code: ";
      display: inline-block;
      width: 70px; }
    .view-class-schedule .views-field-field-class-category:before {
      content: "Category: ";
      display: inline-block;
      width: 70px; }
    .view-class-schedule .views-field-field-class-location:before {
      content: "Location: ";
      display: inline-block;
      width: 70px; }
    .view-class-schedule td:nth-last-child(2) li:first-child:before {
      content: "Date: ";
      display: inline-block;
      width: 73px; }
    .view-class-schedule td:nth-last-child(2) li {
      padding-left: 73px; }
    .view-class-schedule td:nth-last-child(2) li:first-child {
      padding-left: 0; }
    .view-class-schedule td:last-child:before {
      content: "Cost: ";
      display: inline-block;
      width: 70px; } }

/* Tech Briefings */
.view-display-id-block_7.view-class-schedule .views-table.cols-2 thead th:nth-child(1),
.view-display-id-block_8.view-class-schedule .views-table.cols-2 thead th:nth-child(1) {
  width: 20%; }

.view-display-id-block_7.view-class-schedule .views-table.cols-2 thead th:nth-child(2),
.view-display-id-block_8.view-class-schedule .views-table.cols-2 thead th:nth-child(2) {
  width: 80%; }

/* Techtraining mailing list sign up - Modal Pop Up */
.mc-closeModal {
  color: #000 !important;
  background-color: white;
  padding: 10px 10px 0px 10px; }

/* Mobile Services Announcement Block */
#block-views-announcements-block-5 {
  margin-bottom: 0px;
  position: relative;
  z-index: 1; }
  #block-views-announcements-block-5 ul {
    margin-left: 0; }
  #block-views-announcements-block-5 h2 a {
    font-size: 36px;
    line-height: 1.2em;
    color: #2e2d29; }
  #block-views-announcements-block-5 .accordion-group {
    border: none; }
    @media (max-width: 767px) {
      #block-views-announcements-block-5 .accordion-group {
        margin: 0 10px; } }
  @media (min-width: 768px) {
    #block-views-announcements-block-5 .announcement-date {
      float: left; }
    #block-views-announcements-block-5 .announcement-title {
      margin-left: 180px; } }

/* Mobile Services Announcements Page */
.page-announcements-mobile .sidebar {
  margin-left: 0; }

@media (min-width: 768px) {
  /* Events and Announcements */
  .page-announcements-mobile #main > .container,
  .page-events-mobile #main > .container {
    background-color: white;
    border: 1px solid #e9e6df;
    border-radius: 10px;
    padding-top: 20px; }
  .page-announcements-mobile #page-title,
  .page-announcements-mobile #content-wrapper {
    padding-left: 20px;
    padding-right: 20px; } }

/* Hardware Recommendations */
.view-hardware.card-filter {
  /* ---- .filter-button-group ---- */
  /* ---- .element-item ---- */ }
  .view-hardware.card-filter p.url a {
    border: none;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background: transparent; }
  .view-hardware.card-filter p.url a:hover,
  .view-hardware.card-filter p.url a:focus {
    border: none; }
  .view-hardware.card-filter p.url a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .view-hardware.card-filter label {
    margin-right: 20px;
    font-size: 16px;
    font-weight: 300; }
  .view-hardware.card-filter label:first-child {
    margin-left: 20px; }
  .view-hardware.card-filter legend {
    border: none;
    margin-bottom: 0.5em; }
  .view-hardware.card-filter fieldset {
    margin: 15px 0; }
  .view-hardware.card-filter .small {
    display: inline-block;
    line-height: 1.4em; }
  .view-hardware.card-filter .filter-button-group {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #f5f5f5;
    color: #000; }
  @media (max-width: 640px) {
    .view-hardware.card-filter .filter-button-group {
      display: block;
      padding: 10px;
      width: 100%;
      box-sizing: border-box; }
    .view-hardware.card-filter .form-search label {
      display: block;
      text-align: left;
      margin-right: 0; }
    .view-hardware.card-filter .form-search label:first-child {
      margin-left: 0; } }
  .view-hardware.card-filter .element-item {
    position: relative;
    float: left;
    height: 360px;
    margin: 0 7px 15px 7px;
    padding: 0px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #000;
    box-sizing: border-box;
    background: #f5f5f5; }
    .view-hardware.card-filter .element-item:hover, .view-hardware.card-filter .element-item:focus, .view-hardware.card-filter .element-item:active {
      background: #f2f1eb;
      border-right: 1px solid #d5d2c5;
      border-bottom: 1px solid #d5d2c5;
      border-left: 1px solid #d5d2c5; }
    .view-hardware.card-filter .element-item .photo {
      margin: 0;
      position: relative;
      border-radius: 4px 4px 0 0; }
      .view-hardware.card-filter .element-item .photo .name {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        font-size: 18px;
        line-height: 1.2em;
        font-weight: 600;
        padding: 10px;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        background: rgba(0, 0, 0, 0.5);
        width: calc(100% - 20px);
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); }
      .view-hardware.card-filter .element-item .photo span::after {
        content: " »"; }
      .view-hardware.card-filter .element-item .photo img {
        width: 100%;
        border-radius: 4px 4px 0 0; }
    .view-hardware.card-filter .element-item .name,
    .view-hardware.card-filter .element-item .description {
      padding-left: 10px;
      padding-right: 10px; }
    .view-hardware.card-filter .element-item .type i.fa {
      padding-left: 7px; }
    .view-hardware.card-filter .element-item p.type {
      margin-right: 10px; }
    .view-hardware.card-filter .element-item .specifications {
      background: #ddd;
      margin: 0;
      padding: 10px; }
    .view-hardware.card-filter .element-item dl {
      margin: 10px 10px 0 10px;
      display: grid;
      grid-template-columns: [first] auto [line2] auto [end]; }
      .view-hardware.card-filter .element-item dl dt {
        font-weight: 400;
        padding-right: 10px; }
        .view-hardware.card-filter .element-item dl dt::after {
          content: ":"; }
    .view-hardware.card-filter .element-item > * {
      margin: 0 0 0.5em 0;
      padding: 0; }
    @media (min-width: 1440px) {
      .view-hardware.card-filter .element-item {
        width: 360px;
        width: calc(33.3333% - 14px);
        height: 420px; } }
    @media (min-width: 1200px) and (max-width: 1439px) {
      .view-hardware.card-filter .element-item {
        width: 360px;
        width: calc(33.3333% - 14px);
        height: 390px; } }
    @media (min-width: 980px) and (max-width: 1199px) {
      .view-hardware.card-filter .element-item {
        width: 283px;
        width: calc(33.3333% - 14px);
        height: 360px; } }
    @media (min-width: 768px) and (max-width: 979px) {
      .view-hardware.card-filter .element-item {
        width: 325px;
        width: calc(50% - 14px);
        height: 380px; } }
    @media (max-width: 767px) {
      .view-hardware.card-filter .element-item {
        height: auto;
        width: 100%;
        margin: 0 0 15px 0;
        clear: both; } }

/* Stanford Mobile Advisory Group Announcement Block */
#block-views-announcements-block-1 {
  margin-bottom: 0px;
  position: relative;
  z-index: 1; }
  #block-views-announcements-block-1 ul {
    margin-left: 0; }
  #block-views-announcements-block-1 h2 a {
    font-size: 36px;
    line-height: 1.2em;
    color: #2e2d29; }
  #block-views-announcements-block-1 .accordion-group {
    border: none; }
    @media (max-width: 767px) {
      #block-views-announcements-block-1 .accordion-group {
        margin: 0 10px; } }
  @media (min-width: 768px) {
    #block-views-announcements-block-1 .announcement-date {
      float: left; }
    #block-views-announcements-block-1 .announcement-title {
      margin-left: 180px; } }

/*doc
---
title: Margin
name: margin
category: Utility
---

Use the following classes to override the default content margins.

* No margin: `margin-0`, `margin-top-0`, `margin-right-0`, `margin-bottom-0`, `margin-left-0`
* 10 pixel margin: `margin-10`, `margin-top-10`, `margin-right-10`, `margin-bottom-10`, `margin-left-10`
* 20 pixel margin: `margin-20`, `margin-top-20`, `margin-right-20`, `margin-bottom-20`, `margin-left-20`
* 30 pixel margin: `margin-30`, `margin-top-30`, `margin-right-30`, `margin-bottom-30`, `margin-left-30`
* 40 pixel margin: `margin-40`, `margin-top-40`, `margin-right-40`, `margin-bottom-40`, `margin-left-40`
* 50 pixel margin: `margin-50`, `margin-top-50`, `margin-right-50`, `margin-bottom-50`, `margin-left-50`

*/
.margin-0,
.margin-zero {
  margin: 0 !important; }

.margin-top-0,
.margin-top-zero {
  margin-top: 0 !important; }

.margin-right-0,
.margin-right-zero {
  margin-right: 0 !important; }

.margin-bottom-0,
.margin-bottom-zero {
  margin-bottom: 0 !important; }

.margin-left-0,
.margin-bottom-zero {
  margin-left: 0 !important; }

.margin-10 {
  margin: 10px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-left-10 {
  margin-left: 10px !important; }

.margin-20 {
  margin: 20px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-right-20 {
  margin-right: 20px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-left-20 {
  margin-left: 20px !important; }

.margin-30 {
  margin: 30px !important; }

.margin-top-30 {
  margin-top: 30px !important; }

.margin-right-30 {
  margin-right: 30px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-left-30 {
  margin-left: 30px !important; }

.margin-40 {
  margin: 40px !important; }

.margin-top-40 {
  margin-top: 40px !important; }

.margin-right-40 {
  margin-right: 40px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important; }

.margin-left-40 {
  margin-left: 40px !important; }

.margin-50 {
  margin: 50px !important; }

.margin-top-50 {
  margin-top: 50px !important; }

.margin-right-50 {
  margin-right: 50px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-left-50 {
  margin-left: 50px !important; }

/*doc
---
title: Padding
name: padding
category: Utility
---

Use the following classes to override the default content paddings.

* No padding: `padding-0`, `padding-top-0`, `padding-right-0`, `padding-bottom-0`, `padding-left-0`
* 10 pixel padding: `padding-10`, `padding-top-10`, `padding-right-10`, `padding-bottom-10`, `padding-left-10`
* 20 pixel padding: `padding-20`, `padding-top-20`, `padding-right-20`, `padding-bottom-20`, `padding-left-20`
* 30 pixel padding: `padding-30`, `padding-top-30`, `padding-right-30`, `padding-bottom-30`, `padding-left-30`
* 40 pixel padding: `padding-40`, `padding-top-40`, `padding-right-40`, `padding-bottom-40`, `padding-left-40`
* 50 pixel padding: `padding-50`, `padding-top-50`, `padding-right-50`, `padding-bottom-50`, `padding-left-50`

*/
.padding-0,
.padding-zero {
  padding: 0 !important; }

.padding-top-0,
.padding-top-zero {
  padding-top: 0 !important; }

.padding-right-0,
.padding-right-zero {
  padding-right: 0 !important; }

.padding-bottom-0,
.padding-bottom-zero {
  padding-bottom: 0 !important; }

.padding-left-0,
.padding-bottom-zero {
  padding-left: 0 !important; }

.padding-10 {
  padding: 10px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-20 {
  padding: 20px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-30 {
  padding: 30px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-bottom-30 {
  padding-bottom: 30px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-40 {
  padding: 40px !important; }

.padding-top-40 {
  padding-top: 40px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-bottom-40 {
  padding-bottom: 40px !important; }

.padding-left-40 {
  padding-left: 40px !important; }

.padding-50 {
  padding: 50px !important; }

.padding-top-50 {
  padding-top: 50px !important; }

.padding-right-50 {
  padding-right: 50px !important; }

.padding-bottom-50 {
  padding-bottom: 50px !important; }

.padding-left-50 {
  padding-left: 50px !important; }

/*doc
---
title: Border
name: border
category: Utility
---

Use the following classes to override the default content borders.

* No border: `border-0`, `border-top-0`, `border-right-0`, `border-bottom-0`, `border-left-0`

*/
.border-0,
.border-zero {
  border: 0 !important; }

.border-top-0,
.border-top-zero {
  border-top: 0 !important; }

.border-right-0,
.border-right-zero {
  border-right: 0 !important; }

.border-bottom-0,
.border-bottom-zero {
  border-bottom: 0 !important; }

.border-left-0,
.border-bottom-zero {
  border-left: 0 !important; }

/*doc
---
title: Font Weight
name: font weight
category: Utility
---

Use the following classes to override the default content borders.

* No border: `font-weight-light `, `font-weight-normal`, `font-weight-bold `

*/
.font-weight-light {
  font-weight: 300 !important; }
  .font-weight-light strong {
    font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }
  .font-weight-normal strong {
    font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 600 !important; }
  .font-weight-bold strong {
    font-weight: 600 !important; }

/* text */
.text-black {
  color: #2e2d29 !important; }

.text-cardinal-red {
  color: #8c1515 !important; }

.text-cool-grey {
  color: #4d4f53 !important; }

.text-white {
  color: #ffffff !important; }

.text-beige {
  color: #9d9573 !important; }

.text-blue {
  color: #00548f !important; }

.text-bright-blue {
  color: #006cb8 !important; }

.text-bright-red {
  color: #b1040e !important; }

.text-brown {
  color: #5e3032 !important; }

.text-chocolate {
  color: #2f2424 !important; }

.text-clay {
  color: #5f574f !important; }

.text-cloud {
  color: #dad7cb !important; }

.text-dark-red {
  color: #820000 !important; }

.text-driftwood {
  color: #b6b1a9 !important; }

.text-fog {
  color: #f4f4f4 !important; }

.text-gold {
  color: #b26f16 !important; }

.text-lagunita {
  color: #007c92 !important; }

.text-light-sage {
  color: #c7d1c5 !important; }

.text-light-sandstone {
  color: #f9f6ef !important; }

.text-mint {
  color: #009b76 !important; }

.text-poppy {
  color: #e98300 !important; }

.text-palo-alto {
  color: #175e54 !important; }

.text-purple {
  color: #53284f !important; }

.text-redwood {
  color: #8d3c1e !important; }

.text-sandhill {
  color: #b3995d !important; }

.text-sandstone {
  color: #d2c295 !important; }

.text-sky {
  color: #0098db !important; }

.text-stone {
  color: #544948 !important; }

.text-sun {
  color: #eaab00 !important; }

.text-teal {
  color: #00505c !important; }

.text-warm-grey {
  color: #3f3c30 !important; }

/* links */
a.text-white {
  color: rgba(255, 255, 255, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important; }
  a.text-white:hover, a.text-white:active {
    color: white !important;
    border-bottom: 1px solid white !important; }

/* Background */
.bg-black {
  background-color: #2e2d29 !important; }

.bg-cardinal-red {
  background-color: #8c1515 !important; }

.bg-cool-grey {
  background-color: #4d4f53 !important; }

.bg-white {
  background-color: #ffffff !important; }

.bg-beige {
  background-color: #9d9573 !important; }

.bg-blue {
  background-color: #00548f !important; }

.bg-bright-blue {
  background-color: #006cb8 !important; }

.bg-bright-red {
  background-color: #b1040e !important; }

.bg-brown {
  background-color: #5e3032 !important; }

.bg-chocolate {
  background-color: #2f2424 !important; }

.bg-clay {
  background-color: #5f574f !important; }

.bg-cloud {
  background-color: #dad7cb !important; }

.bg-dark-red {
  background-color: #820000 !important; }

.bg-driftwood {
  background-color: #b6b1a9 !important; }

.bg-fog {
  background-color: #f4f4f4 !important; }

.bg-gold {
  background-color: #b26f16 !important; }

.bg-lagunita {
  background-color: #007c92 !important; }

.bg-light-sage {
  background-color: #c7d1c5 !important; }

.bg-light-sandstone {
  background-color: #f9f6ef !important; }

.bg-mint {
  background-color: #009b76 !important; }

.bg-poppy {
  background-color: #e98300 !important; }

.bg-palo-alto {
  background-color: #175e54 !important; }

.bg-purple {
  background-color: #53284f !important; }

.bg-redwood {
  background-color: #8d3c1e !important; }

.bg-sandhill {
  background-color: #b3995d !important; }

.bg-sandstone {
  background-color: #d2c295 !important; }

.bg-sky {
  background-color: #0098db !important; }

.bg-stone {
  background-color: #544948 !important; }

.bg-sun {
  background-color: #eaab00 !important; }

.bg-teal {
  background-color: #00505c !important; }

.bg-warm-grey {
  background-color: #3f3c30 !important; }

@media print {
  /* Global */
  #global-header,
  #footer,
  #push {
    display: none !important; }
  #header {
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb !important; }
  #header #logo img {
    width: 120px !important;
    max-width: 120px !important; }
  /* Links */
  .btn {
    border: 1px solid #bbb !important;
    background: transparent !important; }
  /* Front Page */
  .front-banner-content {
    background: white; }
  /* Service Homepage */
  .node-type-service-page #block-views-service-information-block {
    border: 1px solid #bbb !important;
    background: transparent !important; }
  .node-type-service-page #content a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-service-page #sidebar-second a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-service-page .sidebar a.btn {
    color: #000 !important; }
  /* Service Information */
  .node-type-service-information #content a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-service-information #sidebar-second a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-service-information #block-menu-block-2 {
    display: none; }
  .node-type-service-information .sidebar a.btn {
    color: #000 !important; }
  /* Guide */
  .node-type-guide #content a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-guide #sidebar-second a[href*='/']:after {
    content: " [" attr(href) "] " !important;
    font-size: 0.9em !important;
    color: #666 !important; }
  .node-type-guide #block-menu-block-2 {
    display: none; }
  .node-type-guide .dataclass-banner,
  .node-type-guide .security-standards-banner,
  .node-type-guide .banner-content {
    background-color: transparent !important;
    background-image: none !important; }
  .node-type-guide .banner,
  .node-type-guide .secondary-nav {
    background-color: #e9e6df !important;
    background-image: none !important; }
  .node-type-guide .secondary-nav {
    display: none; }
  .node-type-guide #back-to-top {
    display: none; }
  .node-type-guide #content-body .content h3 {
    background: none !important; }
  /* Basic Page */
  .node-type-page #block-menu-block-2 {
    display: none; }
  /* Service Agreements */
  .node-agreement #agreement_tabs {
    display: none !important; }
  .node-agreement #contents {
    display: none !important; }
  .node-agreement .tab-content > .tab-pane,
  .node-agreement .pill-content > .pill-pane {
    display: block !important; }
  /* IT Services Organization Charts */
  #orgchart {
    font-size: 10px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50; }
    #orgchart .node-type-page ul.key {
      font-size: 10px;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 100; }
    #orgchart li {
      line-height: 15px; }
    #orgchart li img {
      display: none; }
    #orgchart li a {
      border: none; }
    #orgchart li div {
      padding: 2px 7px !important; }
    #orgchart li .group {
      padding: 2px 2px !important; }
    #orgchart li div {
      width: 150px; }
    #orgchart li li div {
      width: 135px; }
    #orgchart li li li div {
      width: 120px; }
    #orgchart li li li li div {
      width: 105px; }
    #orgchart li li li li li div {
      width: 90px; }
    #orgchart > li > ul.row1 > li:last-child {
      margin-right: 116px; }
    #orgchart > li > ul.row3 > li:last-child {
      margin-right: 116px; }
    #orgchart > li > ul.row5 > li:last-child {
      margin-right: 116px; }
    #orgchart .collapsed:after {
      display: none;
      content: ""; }
    #orgchart .expanded:after {
      display: none;
      content: ""; }
    #orgchart .url a i {
      display: none; }
  .node-type-page ul.key {
    font-size: 10px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100; } }

#main-nav ul.dropdown-menu .nolink {
  padding: 3px 5px; }

@media (max-width: 767px) {
  .subsite-nav:not(.bodybg) #main-menu {
    background: transparent; } }

#main-top,
#content-title,
#content-wrapper {
  box-sizing: border-box; }

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