body {
font-size: 14px; font-family: $font-family-text;
}
h1,h2,h3,h4,h5,h6{
font-family: $font-family-header; color: $color-dark-gray; font-weight: 600;
}
a.home-link:hover {
text-decoration:none; color:white;
}
nav {
background: $color-dark-gray; height:50px; ul.nav-items { width:80%; margin:0 auto; li { margin-right:1em; display:inline-block; line-height:3.5em; a{ color:white !important; text-decoration:none; &:hover { text-decoration:underline; } } } }
}
.page-header {
background: $color-primary; border:none; margin:0; padding:2rem 4rem; width:100%; height:92px; img { width:90%; max-width:150px; } &__title { text-align:left; font-size:3rem; vertical-align:top; color: $page-title; line-height:50px; margin-left:1rem; a:hover { text-decoration:none; } }
}
.hub-selector {
&.desktop { display:block; } &.mobile { display:none; }
}
.main-content {
width:62%; padding: 2rem 4rem; margin:0 auto; min-height:150px; height:auto; min-height:350px;
}
.content-header {
color: $color-primary;
}
.tab-pane {
margin-top:0rem; min-height:400px; h3, h4 { text-align:center; line-height:3rem; }
}
.navigation {
background: $color-background; padding:4rem; width:100%; margin:0 auto; .icon-container { width:70%; margin:0 20%; } .nav-tabs { border-bottom:none; } &__content { background:white; .tab-content { width:62%; padding:0rem 2rem; margin:0 auto; .overviews { margin-top:3rem; padding-bottom:3rem; } .tab-arrow{ width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid $color-light-gray; &.left { &.position-1 { position:relative; left:6%; } &.position-2 { position:relative; left:25%; } &.position-3 { position:relative; left:44%; } &.position-4 { position:relative; left:63%; } &.position-5 { position:relative; left:82%; } } &.center { position:relative; left:43%; } &.right { position:relative; left:69%; } } } }
}
footer {
height:60px; background: $color-dark-gray; span, a { color: white; } a { text-decoration:underline;} .footer-content{ width:50%; margin:0 auto; padding:2rem 0; text-align:center; }
}