Current File : /home/illuminatiprivate.express/public_html/themes/nwcu-harlo/assets/css/theme4f4d.css |
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
font-family: sans-serif;
}
}
@-webkit-keyframes slide-swipe {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slide-swipe {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fade-cycle {
0% {
opacity: 1;
transform: translateX(0);
}
50% {
opacity: 0;
transform: translateX(100%);
}
51% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fade-cycle {
0% {
opacity: 1;
transform: translateX(0);
}
50% {
opacity: 0;
transform: translateX(100%);
}
51% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
h1,
.h1 {
font-family: 'Sentinel', serif;
font-size: 3.1rem;
}
h2,
.h2 {
font-family: 'Sentinel', serif;
font-size: 2.9rem;
}
h3,
.h3 {
font-family: 'Sentinel', serif;
font-size: 2.4rem;
}
h4,
.h4 {
font-family: 'Sentinel', serif;
font-size: 2.1rem;
}
h5,
.h5 {
font-family: 'Roboto', sans-serif;
font-size: 2.1rem;
}
h6,
.h6 {
font-family: 'Roboto', sans-serif;
font-size: 1.8rem;
}
small {
font-size: 1.4rem;
}
a {
text-decoration: none;
transition: color 250ms ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
}
a:focus {
outline-color: #a05c14;
}
.btn {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
font-weight: 500;
position: relative;
transition: background 250ms ease-in-out, border 250ms ease-in-out, color 250ms ease-in-out;
}
.btn:after {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 250ms ease-in-out;
width: 100%;
}
.btn:hover:after,
.btn:focus:after,
.btn:active:after {
opacity: 1;
}
.btn:focus {
outline: 1px dotted #efbf04;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
background-color: #fefefe;
color: #efbf04;
}
.btn.btn-outline {
border: 2px solid #efbf04;
color: #efbf04;
padding: 9px 14px;
}
.btn.btn-outline:hover,
.btn.btn-outline:focus,
.btn.btn-outline:active {
background: #fefefe;
}
.btn.btn-primary {
border: none;
padding: 9px 14px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
background-color: #a05c14;
border-color: #a05c14;
}
.btn.btn-fluid {
display: block;
width: 100%;
}
table.table {
border: 1px solid #e6e5df;
}
table.table a:not(.btn) {
color: #efbf04;
text-decoration: underline;
}
table.table thead {
background-color: #f7f7f5;
color: #757161;
font-size: 1.4rem;
text-transform: uppercase;
}
table.table thead th {
border: none;
font-weight: 700;
}
table.table tbody {
background-color: #fff;
}
table.table tbody td {
border-color: #e6e5df;
padding: 4px 8px;
vertical-align: middle;
}
table.table tbody td.st-key {
background-color: #f7f7f5;
border-right: 1px solid #e6e5df;
color: #898472;
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
width: 50%;
}
table.table tbody td.st-val {
font-size: 1.4rem;
width: 50%;
}
.modal-content {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
border-radius: 3px;
border: none;
}
.modal-content .modal-subtitle {
font-size: 1.4rem;
margin: 0;
}
.modal-content .modal-header,
.modal-content .modal-footer {
border: none;
}
.modal-content .modal-header .close {
border-radius: 50%;
border: 1px solid #efbf04;
color: #efbf04;
display: block;
height: 26px;
opacity: 1;
transition: opacity 250ms ease-in-out;
width: 26px;
}
.modal-content .modal-header .close:hover,
.modal-content .modal-header .close:focus,
.modal-content .modal-header .close:active {
opacity: 0.7;
}
.modal-content .modal-header .close:focus {
outline: 1px dotted #f6f6f6;
}
.modal-content .modal-body {
font-size: 1.4rem;
}
.modal-content .modal-body a:not(.btn) {
color: #a05c14;
text-decoration: underline;
}
.modal-content .modal-body a:not(.btn):hover,
.modal-content .modal-body a:not(.btn):active,
.modal-content .modal-body a:not(.btn):focus {
text-decoration: none;
}
.modal-content .modal-body .table {
font-size: 1.6rem;
}
.modal-content .modal-body .table.stacktable.small-only tbody tr:first-child td.st-key {
background-color: #aaa38e;
border-color: #aaa38e;
color: #f6f6f6;
}
.modal-content .modal-footer {
padding: 0;
}
.modal-content .modal-footer .btn[data-dismiss=modal] {
background-color: #efbf04;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #f6f6f6;
transition: opacity 250ms ease-in-out;
}
.modal-content .modal-footer .btn[data-dismiss=modal]:hover,
.modal-content .modal-footer .btn[data-dismiss=modal]:focus,
.modal-content .modal-footer .btn[data-dismiss=modal]:active {
opacity: 0.75;
}
.modal-content .modal-footer .btn[data-dismiss=modal]:focus {
outline: 1px dotted #f6f6f6;
}
.modal-content .modal-footer .btn[data-dismiss=modal] span {
border: 1px solid #f6f6f6;
border-radius: 50%;
display: block;
font-size: 24px;
height: 26px;
line-height: 1;
margin: 0 auto;
width: 26px;
}
.container.container-xs {
max-width: 380px;
}
label {
font-weight: 400;
}
fieldset legend {
border: none;
color: inherit;
font-size: inherit;
margin-bottom: 5px;
}
.form-control {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.input-group .form-control {
border-radius: 3px;
box-shadow: none;
}
.input-group .input-group-btn .btn {
background-color: #fff;
border-left: none;
border-color: #ccc;
box-shadow: none;
color: #a05c14;
}
.input-group .input-group-btn .btn:after {
display: none;
}
.input-group .input-group-btn .btn:focus,
.input-group .input-group-btn .btn:hover,
.input-group .input-group-btn .btn:active {
color: #efbf04;
}
#to-top,
#locate {
background: none;
background-color: #f6f6f6;
border-radius: 50%;
border: none;
bottom: 10%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
display: block;
opacity: 0;
outline: none;
padding: 0;
position: fixed;
right: 8%;
transition: opacity 250ms ease-in-out;
z-index: 8;
}
#to-top:after,
#locate:after {
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 250ms ease-in-out;
width: 100%;
}
#to-top.active,
#locate.active {
opacity: 1;
}
#to-top:hover:after,
#locate:hover:after,
#to-top:focus:after,
#locate:focus:after,
#to-top:active:after,
#locate:active:after {
opacity: 1;
}
#to-top .fa,
#locate .fa {
color: #a05c14;
display: block;
padding: 13px 15px 17px 15px;
}
#locate {
bottom: auto;
left: 10px;
opacity: 1;
position: absolute;
right: auto;
top: 112px;
}
#locate .fa {
color: #efbf04;
padding: 15px 16px;
}
#locate:disabled {
opacity: 0.5;
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 5.2rem;
}
h2,
.h2 {
font-size: 4.8rem;
}
h3,
.h3 {
font-size: 3.9rem;
}
h4,
.h4 {
font-size: 2.6rem;
}
h5,
.h5 {
font-size: 2.5rem;
}
h6,
.h6 {
font-size: 2.1rem;
}
#locate {
top: 156px;
}
table.table tbody td.group-header {
border-bottom: none;
}
table.table tbody td.group-label {
border: none;
opacity: 0;
}
}
.skipnav a {
background-color: #a05c14;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
color: #fefefe;
display: block;
left: 50%;
padding: 6px 15px;
position: absolute;
top: -45px;
transform: translateX(-50%);
transition: top 250ms ease-in-out;
}
.skipnav a:focus,
.skipnav a:active {
outline-color: #efbf04;
text-decoration: underline;
top: 0;
}
#layout-nav {
color: #efbf04;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 500;
}
#layout-nav a:not(.btn),
#layout-nav span {
color: inherit;
transition: color 250ms ease-in-out, background 250ms ease-in-out;
}
#layout-nav a:not(.btn):hover,
#layout-nav span:hover,
#layout-nav a:not(.btn):focus,
#layout-nav span:focus,
#layout-nav a:not(.btn):active,
#layout-nav span:active {
color: #a05c14;
}
#layout-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#layout-nav ul li {
display: block;
}
#layout-nav .close {
font-size: 1.4rem;
font-weight: 400;
color: #efbf04;
float: none;
opacity: 1;
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
#layout-nav .close i {
border: 1px solid #efbf04;
border-radius: 50%;
display: inline-block;
font-size: 1.6rem;
height: 46px;
line-height: 1;
margin-left: 6px;
position: relative;
vertical-align: middle;
width: 46px;
}
#layout-nav .close i:before {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-7px, -9px);
}
#layout-nav .close:hover i,
#layout-nav .close:focus i,
#layout-nav .close:active i {
border-color: #a05c14;
}
#layout-nav .navbar-preheader a.btn {
margin-left: 12px;
}
#layout-nav .navbar-header {
padding: 10px 15px;
}
#layout-nav .navbar-header > a {
margin-top: 4px;
display: block;
max-width: 124px;
}
#layout-nav .navbar-header > a img {
height: auto;
max-width: 100%;
}
#layout-nav .navbar-header .navbar-toggle {
border: none;
height: 30px;
margin: 2px 0 0 0;
padding: 8px 8px;
width: 34px;
}
#layout-nav .navbar-header .navbar-toggle .icon-bar {
background-color: #a05c14;
border-radius: 3px;
display: block;
height: 2px;
left: 0;
margin-left: 0;
margin-top: 0;
opacity: 1;
position: absolute;
transform-origin: left center;
transition: 0.25s ease-in-out;
width: 18px;
}
#layout-nav .navbar-header .navbar-toggle .icon-bar:nth-child(2) {
left: 11px;
top: 7px;
transform: rotate(45deg);
}
#layout-nav .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
opacity: 0;
width: 0%;
}
#layout-nav .navbar-header .navbar-toggle .icon-bar:nth-child(4) {
left: 11px;
top: 20px;
transform: rotate(-45deg);
}
#layout-nav .navbar-header .navbar-toggle.collapsed .icon-bar {
left: 8px;
}
#layout-nav .navbar-header .navbar-toggle.collapsed .icon-bar:nth-child(2) {
top: 8px;
transform: rotate(0deg);
}
#layout-nav .navbar-header .navbar-toggle.collapsed .icon-bar:nth-child(3) {
opacity: 1;
top: 14px;
width: 18px;
}
#layout-nav .navbar-header .navbar-toggle.collapsed .icon-bar:nth-child(4) {
top: 20px;
transform: rotate(0deg);
}
@media (max-width: 767px) {
#layout-nav > .container {
position: relative;
}
#layout-nav .navbar-header {
margin: 0 -15px;
}
#layout-nav .navbar-header .search-toggle {
color: #a05c14;
cursor: pointer;
float: right;
font-size: 16px;
margin-right: 6px;
}
#layout-nav .close {
margin-top: 7px;
transform: none;
z-index: 5;
}
#layout-nav .close i {
height: 34px;
width: 34px;
}
#layout-nav .main-navbar-collapse {
margin-left: -15px;
margin-right: -15px;
}
#layout-nav .main-nav {
background-color: #f6f6f6;
}
#layout-nav .main-nav > .item svg {
margin-right: 6px;
vertical-align: middle;
}
#layout-nav .main-nav > .item > a,
#layout-nav .main-nav > .item > span {
border-top: 1px solid rgba(209, 209, 209, 0.2);
display: block;
padding: 11px 15px;
}
#layout-nav .main-nav > .item > a:hover,
#layout-nav .main-nav > .item > span:hover,
#layout-nav .main-nav > .item > a:focus,
#layout-nav .main-nav > .item > span:focus,
#layout-nav .main-nav > .item > a:active,
#layout-nav .main-nav > .item > span:active {
background-color: #a05c14;
color: #fefefe;
}
#layout-nav .main-nav > .item > a:hover svg g,
#layout-nav .main-nav > .item > span:hover svg g,
#layout-nav .main-nav > .item > a:focus svg g,
#layout-nav .main-nav > .item > span:focus svg g,
#layout-nav .main-nav > .item > a:active svg g,
#layout-nav .main-nav > .item > span:active svg g,
#layout-nav .main-nav > .item > a:hover svg g *,
#layout-nav .main-nav > .item > span:hover svg g *,
#layout-nav .main-nav > .item > a:focus svg g *,
#layout-nav .main-nav > .item > span:focus svg g *,
#layout-nav .main-nav > .item > a:active svg g *,
#layout-nav .main-nav > .item > span:active svg g * {
stroke: #fefefe;
}
#layout-nav .main-nav > .item.green > a,
#layout-nav .main-nav > .item.green > span {
background-color: #a05c14;
color: #fefefe;
}
#layout-nav .main-nav > .item.green > a:hover,
#layout-nav .main-nav > .item.green > span:hover,
#layout-nav .main-nav > .item.green > a:focus,
#layout-nav .main-nav > .item.green > span:focus,
#layout-nav .main-nav > .item.green > a:active,
#layout-nav .main-nav > .item.green > span:active {
background-color: #fefefe;
color: #a05c14;
}
#layout-nav .main-nav > .item.dropdown > a i,
#layout-nav .main-nav > .item.dropdown > span i {
margin-top: 4px;
float: right;
}
#layout-nav .main-nav > .item.dropdown:hover .submenu,
#layout-nav .main-nav > .item.dropdown:focus .submenu,
#layout-nav .main-nav > .item.dropdown:active .submenu {
max-height: 300px;
}
#layout-nav .main-nav .submenu {
max-height: 0;
overflow: hidden;
transition: max-height 350ms ease-in-out;
}
#layout-nav .main-nav .submenu > .item a,
#layout-nav .main-nav .submenu > .item span {
background-color: #efbf04;
color: #fefefe;
display: block;
padding: 11px 15px 11px 30px;
}
#layout-nav .main-nav .submenu > .item a:hover,
#layout-nav .main-nav .submenu > .item span:hover,
#layout-nav .main-nav .submenu > .item a:focus,
#layout-nav .main-nav .submenu > .item span:focus,
#layout-nav .main-nav .submenu > .item a:active,
#layout-nav .main-nav .submenu > .item span:active {
background-color: #a05c14;
}
#layout-nav .main-nav .social-media {
border-top: 1px solid rgba(209, 209, 209, 0.2);
padding: 0 15px;
}
#layout-nav .main-nav .social-media a {
border-top: none;
display: inline-block;
padding: 11px 6px;
}
#layout-nav .nav-search {
right: 0;
opacity: 0;
overflow: hidden;
padding: 5px;
position: absolute;
top: 0;
transition: opacity 250ms ease-in-out, width 350ms ease-in-out;
width: 0;
z-index: 5;
}
#layout-nav .nav-search .form-group {
margin-bottom: 0;
}
#layout-nav .nav-search.open {
opacity: 1;
width: 100%;
}
}
@media (min-width: 768px) {
#layout-nav .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
font-size: inherit;
}
#layout-nav .container {
position: relative;
}
#layout-nav .navbar-preheader {
font-size: 14px;
position: absolute;
right: 15px;
z-index: 4;
}
#layout-nav .navbar-header {
padding: 0;
}
#layout-nav .navbar-header > a {
margin-top: 0;
max-width: none;
padding: 19px 0;
}
#layout-nav .main-navbar-collapse {
float: right;
position: relative;
}
#layout-nav .main-navbar-collapse.collapse {
display: block;
height: auto !important;
}
#layout-nav .main-nav {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.3px;
margin-top: 42px;
position: relative;
text-align: right;
}
#layout-nav .main-nav a,
#layout-nav .main-nav span {
display: block;
}
#layout-nav .main-nav > .item {
display: inline-block;
text-transform: uppercase;
}
#layout-nav .main-nav > .item + .item {
margin-left: 5px;
}
#layout-nav .main-nav > .item > a,
#layout-nav .main-nav > .item > span {
padding: 17px 0;
}
#layout-nav .main-nav > .item.active > a,
#layout-nav .main-nav > .item.active > span {
color: #a05c14;
}
#layout-nav .main-nav > .item.dropdown:hover .submenu,
#layout-nav .main-nav > .item.dropdown:focus .submenu,
#layout-nav .main-nav > .item.dropdown.open .submenu {
max-height: 300px;
}
#layout-nav .main-nav .submenu {
background-color: #f6f6f6;
left: -25px;
max-height: 0;
overflow: hidden;
position: absolute;
text-align: left;
top: 100%;
transition: max-height 350ms ease-in-out;
width: 190px;
}
#layout-nav .main-nav .submenu > .item {
text-transform: none;
font-weight: 500;
}
#layout-nav .main-nav .submenu > .item + .item {
border-top: 1px solid rgba(86, 90, 92, 0.2);
}
#layout-nav .main-nav .submenu > .item:first-child a {
box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}
#layout-nav .main-nav .submenu > .item a {
background-color: #fafafa;
padding: 10px 25px;
}
#layout-nav .main-nav .submenu > .item a:hover,
#layout-nav .main-nav .submenu > .item a:focus {
background-color: #a05c14;
color: #fefefe;
}
#layout-nav .main-nav .submenu > .item.active a {
background-color: #a05c14;
color: #fefefe;
}
#layout-nav .nav-search {
bottom: 0;
max-width: 540px;
right: 15px;
opacity: 0;
overflow: hidden;
position: absolute;
transition: opacity 250ms ease-in-out, width 350ms ease-in-out;
width: 0;
}
#layout-nav .nav-search .form-group {
margin-bottom: 6px;
}
#layout-nav .nav-search.open {
opacity: 1;
width: 100%;
}
}
@media (min-width: 992px) {
#layout-nav .main-nav > .item + .item {
margin-left: 17px;
}
}
#product-layout-nav {
background-color: #a05c14;
border: 1px solid #547550;
color: #fff;
font-weight: 500;
position: relative;
overflow: hidden;
}
#product-layout-nav a {
color: inherit;
}
#product-layout-nav .product-nav {
-webkit-animation-name: slide-swipe;
animation-name: slide-swipe;
-webkit-animation-duration: 0.65s;
animation-duration: 0.65s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
font-size: 1.3rem;
list-style: none;
margin: 0;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
padding: 0;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
#product-layout-nav .product-nav .item {
display: inline-block;
}
#product-layout-nav .product-nav .item + .item {
margin-left: -4px;
}
#product-layout-nav .product-nav .item a {
display: inline-block;
padding: 12px 15px;
}
#product-layout-nav .product-nav .item a img {
display: none;
}
#product-layout-nav .product-nav .item a:hover,
#product-layout-nav .product-nav .item a:focus,
#product-layout-nav .product-nav .item a.active {
background-color: #a05c14;
border-color: #a05c14;
opacity: 1;
}
#product-layout-nav .product-nav .item a:focus {
outline: 1px dotted #efbf04;
}
@media (max-width: 767px) {
#product-layout-nav:before,
#product-layout-nav:after {
content: '';
display: block;
height: 100%;
pointer-events: none;
position: absolute;
top: 0;
width: 3.5rem;
z-index: 1;
}
#product-layout-nav:before {
background: linear-gradient(to right, #a05c14 45%, rgba(76, 103, 73, 0));
left: 0;
}
#product-layout-nav:after {
right: 0;
background: linear-gradient(to left, #a05c14 45%, rgba(76, 103, 73, 0));
}
}
@media (min-width: 768px) {
#product-layout-nav .product-nav {
-webkit-animation: none;
animation: none;
font-size: 1.4rem;
overflow-x: visible;
white-space: normal;
}
#product-layout-nav .product-nav:before,
#product-layout-nav .product-nav:after {
content: " ";
display: table;
}
#product-layout-nav .product-nav:after {
clear: both;
}
#product-layout-nav .product-nav .item {
display: block;
float: left;
text-align: center;
width: 16.66%;
}
#product-layout-nav .product-nav .item + .item {
margin-left: 0;
}
#product-layout-nav .product-nav .item a {
background-color: #a05c14;
border-left: 1px solid #547550;
display: block;
opacity: 0.8;
padding: 15px;
transition: background 250ms ease-in-out, border 250ms ease-in-out, opacity 250ms ease-in-out;
}
#product-layout-nav .product-nav .item a:hover,
#product-layout-nav .product-nav .item a:focus,
#product-layout-nav .product-nav .item a.active {
background-color: #a05c14;
border-color: #a05c14;
opacity: 1;
}
#product-layout-nav .product-nav .item a:focus {
outline: 1px dotted #efbf04;
}
#product-layout-nav .product-nav .item a img {
display: block;
margin: 0 auto 4px auto;
}
#product-layout-nav .product-nav .item a span {
display: inline-block;
line-height: 1.25;
min-height: 34px;
}
#product-layout-nav .product-nav .item:last-child a {
border-right: 1px solid #547550;
}
}
@media (min-width: 992px) {
#product-layout-nav .product-nav .item a span {
min-height: auto;
}
}
.hero {
color: #fafafa;
overflow: hidden;
position: relative;
}
.hero > img {
display: block;
left: 50%;
opacity: 0.65;
position: relative;
transform: translateX(-50%);
}
.hero .wrapper {
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.hero .icon {
margin-bottom: 2rem;
display: inline-block;
}
.hero h1,
.hero h4 {
color: inherit;
margin: 0;
}
.newsletter-layout .hero h1,
.newsletter-layout .hero h4 {
display: none;
}
.hero h4 {
margin-bottom: 2rem;
}
.hero .btn-primary {
background-color: transparent;
border-color: #f6f6f6;
}
@media (max-width: 767px) {
.hero {
background-color: #000;
}
.hero .container {
text-align: center;
}
}
@media (min-width: 768px) {
.hero > img {
opacity: 1;
position: static;
transform: none;
width: 100%;
}
.hero .icon {
display: none;
}
}
@media (min-width: 992px) {
.hero .container {
padding-left: 105px;
padding-right: 105px;
}
}
.text-hero {
background-image: url('../images/default-hero.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #f6f6f6;
padding-top: 4.6rem;
}
.text-hero h1,
.text-hero h2,
.text-hero h3,
.text-hero h4,
.text-hero h5,
.text-hero h6 {
color: inherit;
}
.text-hero a {
color: #f6f6f6;
}
.text-hero a:hover,
.text-hero a:focus,
.text-hero a:active {
text-decoration: underline;
}
.text-hero .container {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
@media (min-width: 768px) {
.text-hero {
padding-top: 0;
}
}
@media (min-width: 992px) {
.text-hero .container {
padding-left: 105px;
padding-right: 105px;
}
}
.intro {
font-family: 'Sentinel', serif;
font-size: 1.8rem;
line-height: 1.33;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.intro .btn-primary,
.intro .btn-outline {
display: block;
}
.intro a,
.intro small,
.intro .small {
font-family: 'Roboto', sans-serif;
}
.intro a:not(.btn) {
color: #a05c14;
text-decoration: underline;
}
.intro a:not(.btn):hover,
.intro a:not(.btn):focus,
.intro a:not(.btn):active {
color: #efbf04;
text-decoration: none;
}
.intro h3 {
margin-top: 5px;
}
.intro small,
.intro .small {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.35;
text-align: center;
}
.text-block {
background: transparent url('../images/tree-rings.png') no-repeat bottom right;
background-size: 60%;
color: #f6f6f6;
margin-left: -15px;
margin-right: -15px;
}
.text-block.blue {
background-color: #156570;
}
.text-block h4 {
color: inherit;
font-size: 2.9rem;
line-height: 1.31;
margin-top: 0;
}
.text-block .btn-default {
font-size: 1.4rem;
padding: 6px 25px;
}
.text-block .btn-default:hover,
.text-block .btn-default:focus,
.text-block .btn-default:active {
color: #156570;
}
.text-block .wrapper {
padding: 30px 15px;
text-align: center;
}
.text-block.basic {
background: none;
color: #efbf04;
font-family: 'Roboto', sans-serif;
font-size: 1.6rem;
line-height: 1.5;
margin-left: 0;
margin-right: 0;
}
.text-block.basic .wrapper {
padding: 0;
}
.text-block.basic .well {
border: none;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.text-block.basic .well h4 {
font-weight: 800;
text-transform: uppercase;
}
.text-block.basic .btn {
float: none;
}
@media (min-width: 768px) {
.intro {
font-size: 2.1rem;
margin-bottom: 8.5rem;
margin-top: 4rem;
}
.intro .row {
display: flex;
}
.intro .btn-primary,
.intro .btn-outline {
float: left;
margin-right: 20px;
}
.intro small,
.intro .small {
text-align: left;
}
.text-block {
border-radius: 3px;
height: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
}
.text-block .wrapper {
padding: 0 20%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
}
@media (min-width: 992px) {
.intro .container {
padding-left: 105px;
padding-right: 105px;
}
}
.accordion h3 {
font-weight: 300;
margin-bottom: 12px;
margin-top: 12px;
}
.accordion .panel {
background: none;
border: none;
border-top: 1px solid #e6e5df;
box-shadow: none;
transition: background 150ms ease-in-out;
}
.accordion .panel:last-child {
border-bottom: 1px solid #e6e5df;
}
.accordion .panel + .panel {
margin-top: 0;
}
.accordion .panel .panel-heading {
border-radius: 0;
padding: 15px 0;
}
.accordion .panel .panel-heading h6 {
margin: 0;
}
.accordion .panel .panel-heading h6 a .fa {
color: #a05c14;
}
.accordion .panel .panel-heading h6 a .fa:first-child {
display: none;
}
.accordion .panel .panel-heading h6 a.collapsed .fa:first-child {
display: inline-block;
}
.accordion .panel .panel-heading h6 a.collapsed .fa:first-child + .fa {
display: none;
}
.accordion .panel .panel-heading .subtitle {
display: none;
margin-bottom: 0;
margin-top: 0.5rem;
}
.accordion .panel.open {
background-color: #fff;
}
.accordion .panel.open .panel-heading {
padding-bottom: 0;
}
.accordion .panel.open .panel-heading .subtitle {
display: block;
}
.accordion .panel .panel-body > .container {
padding-left: 0;
padding-right: 0;
}
.accordion .panel .panel-body h6 + p {
margin-top: -12px;
}
.accordion .panel .panel-body .small {
font-size: 1.4rem;
line-height: 1.5;
}
.accordion .panel .panel-body a:not(.btn) {
color: #a05c14;
text-decoration: underline;
}
.accordion .panel .panel-body a:not(.btn):hover,
.accordion .panel .panel-body a:not(.btn):focus,
.accordion .panel .panel-body a:not(.btn):active {
color: #efbf04;
text-decoration: none;
}
.accordion .panel .panel-body table a:not(.btn) {
color: #efbf04;
}
.accordion .panel .panel-body table tbody td:first-child {
width: 50%;
}
@media (min-width: 768px) {
.accordion .panel {
border: none;
}
.accordion .panel > .container:before {
display: block;
border-bottom: 1px solid #e6e5df;
}
.accordion .panel:last-child {
border: none;
}
.accordion .panel:last-child > .container:after {
display: block;
border-bottom: 1px solid #e6e5df;
}
.accordion .panel .panel-heading .subtitle {
display: block;
margin-left: 25px;
}
.accordion .panel.open > .container:before {
border-color: transparent;
}
.accordion .panel.open .panel-heading {
padding-bottom: 15px;
}
.accordion .panel.open:last-child > .container:after {
display: block;
border: none;
}
.accordion .panel .panel-body > .container {
padding-left: 15px;
padding-right: 15px;
}
.accordion .panel .panel-body table tbody td:last-child {
text-align: right;
}
}
@media (min-width: 992px) {
.accordion .container,
.accordion .panel .container {
padding-left: 105px;
padding-right: 105px;
}
.accordion .panel .panel-body > .container {
padding-left: 130px;
padding-right: 130px;
}
}
.call-to-action {
text-align: center;
}
.call-to-action .wrapper {
background-color: #f6f6f6;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.call-to-action .wrapper:before,
.call-to-action .wrapper:after {
content: " ";
display: table;
}
.call-to-action .wrapper:after {
clear: both;
}
.call-to-action .wrapper h2 {
margin-top: 0;
}
.call-to-action .wrapper h4 {
font-weight: 400;
margin-bottom: 2rem;
}
.call-to-action .wrapper .btn {
padding-bottom: 4px;
padding-top: 4px;
margin-bottom: 1.5rem;
}
.call-to-action .wrapper div:first-child {
padding-left: 0;
padding-right: 0;
}
.call-to-action .wrapper div:first-child .image-wrapper img {
display: block;
width: 100%;
}
.call-to-action .wrapper div:first-child + div {
margin-bottom: 3.5rem;
margin-top: 3.5rem;
}
@media (min-width: 768px) {
.call-to-action {
text-align: left;
}
.call-to-action .wrapper {
display: flex;
}
.call-to-action .wrapper div:first-child .image-wrapper {
height: 100%;
overflow: hidden;
position: relative;
}
.call-to-action .wrapper div:first-child .image-wrapper img {
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
}
@media (min-width: 992px) {
.call-to-action .container {
padding-left: 105px;
padding-right: 105px;
}
.call-to-action .wrapper div:first-child + div {
padding-left: 55px;
padding-right: 55px;
}
}
@media (min-width: 1200px) {
.call-to-action .wrapper div:first-child .image-wrapper img {
height: auto;
width: 100%;
}
}
.cards {
text-align: center;
}
.cards .lined {
color: inherit;
position: relative;
z-index: 1;
}
.cards .lined:before {
border-top: 1px solid #f6f6f6;
bottom: 0;
content: '';
left: 0;
margin: 0 auto;
opacity: 0.6;
position: absolute;
right: 0;
top: 50%;
width: 95%;
z-index: -1;
}
.cards .lined span {
background-color: #a05c14;
padding: 0 15px;
}
.cards .card {
background-color: #fefefe;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
border-radius: 3px;
color: #efbf04;
display: block;
height: 214px;
transition: background 250ms ease-in-out;
}
.cards .card.post {
margin-bottom: 2.5rem;
}
.cards .card p {
margin-bottom: 4px;
text-transform: uppercase;
}
.cards .card h4 {
font-weight: 400;
margin-top: 0;
}
.cards .card p,
.cards .card h4 {
transition: color 250ms ease-in-out;
}
.cards .card .text {
padding: 0 15px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.cards .card:hover,
.cards .card:focus {
background-color: #efbf04;
}
.cards .card:hover p,
.cards .card:focus p,
.cards .card:hover h4,
.cards .card:focus h4 {
color: #f6f6f6;
}
.cards .card.blue p,
.cards .card.financial-education p {
color: #156570;
}
.cards .card.blue:hover,
.cards .card.financial-education:hover,
.cards .card.blue:focus,
.cards .card.financial-education:focus {
background-color: #156570;
}
.cards .card.blue:hover p,
.cards .card.financial-education:hover p,
.cards .card.blue:focus p,
.cards .card.financial-education:focus p,
.cards .card.blue:hover h4,
.cards .card.financial-education:hover h4,
.cards .card.blue:focus h4,
.cards .card.financial-education:focus h4 {
color: #f6f6f6;
}
.cards .card.red p,
.cards .card.alerts p {
color: #a33f1f;
}
.cards .card.red:hover,
.cards .card.alerts:hover,
.cards .card.red:focus,
.cards .card.alerts:focus {
background-color: #a33f1f;
}
.cards .card.red:hover p,
.cards .card.alerts:hover p,
.cards .card.red:focus p,
.cards .card.alerts:focus p,
.cards .card.red:hover h4,
.cards .card.alerts:hover h4,
.cards .card.red:focus h4,
.cards .card.alerts:focus h4 {
color: #f6f6f6;
}
.cards .card.green p,
.cards .card.news p {
color: #a05c14;
}
.cards .card.green:hover,
.cards .card.news:hover,
.cards .card.green:focus,
.cards .card.news:focus {
background-color: #a05c14;
}
.cards .card.green:hover p,
.cards .card.news:hover p,
.cards .card.green:focus p,
.cards .card.news:focus p,
.cards .card.green:hover h4,
.cards .card.news:hover h4,
.cards .card.green:focus h4,
.cards .card.news:focus h4 {
color: #fefefe;
}
.cards .card.light-blue p,
.cards .card.membership p {
color: #394a58;
}
.cards .card.light-blue:hover,
.cards .card.membership:hover,
.cards .card.light-blue:focus,
.cards .card.membership:focus {
background-color: #394a58;
}
.cards .card.light-blue:hover p,
.cards .card.membership:hover p,
.cards .card.light-blue:focus p,
.cards .card.membership:focus p,
.cards .card.light-blue:hover h4,
.cards .card.membership:hover h4,
.cards .card.light-blue:focus h4,
.cards .card.membership:focus h4 {
color: #f6f6f6;
}
.cards .slides.slick-slider .slick-slide {
padding-bottom: 5px;
padding-top: 5px;
opacity: 0.4;
transition: opacity 250ms ease-in-out;
}
.cards .slides.slick-slider .slick-slide .card {
transform: scaleY(0.8);
transition: background 250ms ease-in-out, transform 250ms ease-in-out;
}
.cards .slides.slick-slider .slick-slide.slick-current {
opacity: 1;
}
.cards .slides.slick-slider .slick-slide.slick-current .card {
transform: scaleY(1);
}
.cards .additional {
display: none;
border-bottom: 1px solid rgba(246, 246, 246, 0.2);
padding: 1.5rem 0;
text-align: right;
}
.cards .additional p {
margin: 0;
}
.cards .additional a {
color: #f6f6f6;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
.cards .additional a:hover,
.cards .additional a:focus,
.cards .additional a:active {
opacity: 0.7;
}
@media (min-width: 768px) {
.cards .slides.slick-slider .slick-slide {
opacity: 1;
transition: none;
}
.cards .slides.slick-slider .slick-slide .card {
transform: none;
}
.cards .slides.slick-slider .slick-slide.slick-current {
opacity: 1;
}
.cards .slides.slick-slider .slick-slide.slick-current .card {
transform: none;
}
.cards .lined:before {
border-width: 2px;
max-width: 490px;
}
.cards .additional {
display: block;
}
}
body > footer {
background: linear-gradient(transparent 175px, #a05c14 200px, #a05c14 100%);
color: #f6f6f6;
position: relative;
text-align: center;
}
body > footer .trees {
background: url('../images/trees-bg.png') repeat-x center top;
background-size: auto 205px;
height: 205px;
}
body > footer .offset-icon {
transform: translateX(-3px);
}
body > footer a:focus {
outline-color: #f6f6f6;
}
body > footer .investments-disclaimer a {
color: #f6f6f6;
text-decoration: underline;
}
body > footer .investments-disclaimer a:hover,
body > footer .investments-disclaimer a:focus,
body > footer .investments-disclaimer a:active {
text-decoration: none;
}
body > footer .investments-disclaimer .well {
background-color: #a05c14;
border-color: #a05c14;
font-size: 1.4rem;
margin-top: 20px;
}
body > footer .investments-disclaimer .well p:last-child {
margin-bottom: 0;
}
body > footer .company-info {
border-bottom: 1px solid rgba(246, 246, 246, 0.2);
border-top: 1px solid rgba(246, 246, 246, 0.2);
color: #f6f6f6;
margin-top: 1rem;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
body > footer .company-info a {
color: #f6f6f6;
}
body > footer .company-info .social-icons a {
opacity: 1;
transition: opacity 250ms ease-in-out;
}
body > footer .company-info .social-icons a:hover,
body > footer .company-info .social-icons a:focus,
body > footer .company-info .social-icons a:active {
opacity: 0.7;
}
body > footer .company-info .social-icons a + a {
margin-left: 18px;
}
body > footer .footer-menu {
color: #f6f6f6;
}
body > footer .footer-menu ul {
border-bottom: 1px solid rgba(246, 246, 246, 0.2);
border-top: 1px solid rgba(246, 246, 246, 0.2);
list-style: none;
margin: 0;
text-align: center;
padding: 2.5rem 0;
}
body > footer .footer-menu ul li {
display: inline-block;
}
body > footer .footer-menu ul li + li {
margin-left: 2rem;
}
body > footer .footer-menu ul a,
body > footer .footer-menu ul span {
color: inherit;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
body > footer .footer-menu ul a:hover,
body > footer .footer-menu ul span:hover,
body > footer .footer-menu ul a:focus,
body > footer .footer-menu ul span:focus,
body > footer .footer-menu ul a:active,
body > footer .footer-menu ul span:active {
opacity: 0.7;
}
body > footer .disclaimers {
font-size: 1.4rem;
font-weight: 500;
opacity: 0.6;
padding-bottom: 2.5rem;
padding-top: 1.5rem;
}
body > footer .disclaimers a {
color: #f6f6f6;
text-decoration: underline;
}
body > footer .disclaimers a:hover,
body > footer .disclaimers a:focus,
body > footer .disclaimers a:active {
text-decoration: none;
}
body > footer .disclaimers a:focus {
outline-color: #f6f6f6;
}
body > footer .disclaimers .credits {
margin-bottom: 1rem;
}
body > footer .disclaimers .legal span {
display: block;
margin-top: 1.5rem;
}
body > footer .disclaimers p {
margin: 0;
}
body > footer .disclaimers img {
margin-left: 8px;
}
body > footer .newsletter-link {
text-align: center;
}
body > footer .newsletter-link .newsletter-content {
padding: 30px 0 26px 0;
}
@media (min-width: 768px) {
body > footer .newsletter-link .newsletter-content {
border-bottom: 1px solid rgba(246, 246, 246, 0.2);
}
}
body > footer .newsletter-link .newsletter-content h3 {
color: inherit;
margin-bottom: 30px;
}
body > footer .newsletter-link .newsletter-content .btn {
margin-bottom: 25px;
padding-left: 26px;
padding-right: 26px;
}
@media (min-width: 768px) {
body > footer .investments-disclaimer .well {
padding: 40px 90px;
}
body > footer .company-info {
border: none;
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
}
@media (min-width: 992px) {
body > footer {
background: linear-gradient(transparent 260px, #a05c14 280px, #a05c14 100%);
text-align: left;
}
body > footer .trees {
background-size: auto;
height: 285px;
}
body > footer .company-info .social-icons a + a {
margin-left: 12px;
}
body > footer .disclaimers .credits {
margin-bottom: 0;
float: left;
width: 35%;
}
body > footer .disclaimers .legal {
float: left;
text-align: right;
width: 65%;
}
body > footer .disclaimers .legal span {
display: inline;
margin-top: 0;
}
}
@media (min-width: 1200px) {
body > footer .disclaimers .credits {
width: 25%;
}
body > footer .disclaimers .legal {
width: 75%;
}
}
.breadcrumbs {
font-size: 1.4rem;
font-style: italic;
margin: 2rem 0;
}
.breadcrumbs .breadcrumb {
margin-bottom: 0;
}
.breadcrumbs .breadcrumb a {
color: #a05c14;
}
.breadcrumbs .breadcrumb a:hover,
.breadcrumbs .breadcrumb a:focus,
.breadcrumbs .breadcrumb a:active {
color: #efbf04;
}
.breadcrumbs .breadcrumb li:before {
color: #efbf04;
}
.single-post .post-header {
padding-bottom: 2rem;
}
.single-post .post-header h2 {
margin: 0;
}
.single-post .post-header .meta {
font-size: 1.4rem;
}
.single-post .featured-images {
padding-bottom: 2rem;
}
.single-post .featured-images img {
display: block;
height: auto;
width: 100%;
}
.single-post .content {
line-height: 1.5;
}
.single-post .content a:not(.btn) {
color: #a05c14;
text-decoration: underline;
}
.single-post .content a:not(.btn):hover,
.single-post .content a:not(.btn):focus,
.single-post .content a:not(.btn):active {
color: #efbf04;
text-decoration: none;
}
.single-post .content h4:not(.h1):not(.h2):not(.h3):not(.h5):not(.h6),
.single-post .content .h4 {
font-size: 2.1rem;
font-weight: 400;
line-height: 2.9rem;
}
.single-post .content h3:not(.h1):not(.h2):not(.h4):not(.h5):not(.h6),
.single-post .content .h3 {
font-weight: 300;
}
.single-post .content blockquote {
border-left: none;
border-bottom: 1px solid #e6e5df;
border-top: 1px solid #e6e5df;
font-family: 'Sentinel', serif;
font-size: 2.6rem;
font-style: italic;
font-weight: 300;
line-height: 1.23;
margin-top: 2.5rem;
padding: 2rem 0;
text-align: center;
}
.single-post .content img {
height: auto;
max-width: 100%;
}
.single-post .content img.inline {
display: block;
float: left;
margin-bottom: 1.5rem;
margin-top: 0.5rem;
margin-right: 1.5rem;
}
@media (min-width: 1200px) {
.single-post header,
.single-post .content {
padding-left: 105px;
padding-right: 105px;
}
}
.category-sidebar {
font-size: 1.4rem;
}
.category-sidebar ul {
font-weight: 700;
list-style: none;
margin: 2.5rem 0 0 0;
padding: 0;
}
.category-sidebar ul > li ul {
display: none;
font-weight: 400;
}
.category-sidebar ul > li ul > li + li {
margin-top: 0;
}
.category-sidebar ul .active {
text-decoration: underline;
}
@media (min-width: 768px) {
.category-sidebar ul {
margin: 0;
}
.category-sidebar ul > li + li {
margin-top: 1.5rem;
}
.category-sidebar ul > li ul {
display: block;
}
}
.category-posts > a {
background: #efbf04 url('../images/tree-rings.png') no-repeat bottom right;
background-size: auto 140px;
border-radius: 3px;
color: #f6f6f6;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
display: block;
height: 140px;
overflow: hidden;
position: relative;
transition: background 250ms ease-in-out;
}
.category-posts > a + a {
margin-top: 18px;
}
.category-posts > a:hover,
.category-posts > a:focus,
.category-posts > a:active {
background-color: #a05c14;
}
.category-posts > a .summary {
left: 0;
padding: 0 1.5rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.category-posts > a .summary h4 {
color: inherit;
font-size: 1.8rem;
line-height: 1.25;
margin: 0;
}
.category-posts > a .summary p {
display: none;
font-size: 1.4rem;
margin: 0;
}
.category-posts > a.featured-image {
background-color: #000;
background-image: none;
}
.category-posts > a.featured-image:hover,
.category-posts > a.featured-image:focus,
.category-posts > a.featured-image:active {
background-color: #a05c14;
}
.category-posts > a.featured-image:hover > img,
.category-posts > a.featured-image:focus > img,
.category-posts > a.featured-image:active > img {
opacity: 0.1;
}
.category-posts > a.featured-image > img {
display: block;
left: 0;
opacity: 0.35;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: opacity 250ms ease-in-out, top 250ms ease-in-out;
width: 100%;
}
@media (min-width: 768px) {
.category-posts > a .summary {
padding: 0 3rem;
}
.category-posts > a .summary h4 {
font-size: 2.2rem;
line-height: 1.1;
}
.category-posts > a .summary p {
display: block;
}
}
@media (min-width: 992px) {
.category-posts > a .summary h4 {
font-size: 2.6rem;
}
}
.category-title {
margin-top: 0;
}
.category-buttons {
overflow: hidden;
}
.category-buttons ul {
-webkit-animation-name: slide-swipe;
animation-name: slide-swipe;
-webkit-animation-duration: 0.65s;
animation-duration: 0.65s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
display: block;
font-size: 1.3rem;
list-style: none;
margin: 0;
padding: 5px 0;
overflow-x: scroll;
white-space: nowrap;
}
.category-buttons .item {
display: inline-block;
}
.category-buttons .item + .item {
margin-left: 0.8rem;
}
.category-buttons a {
background-color: #efbf04;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #f6f6f6;
display: block;
font-weight: 500;
padding: 10px 15px;
position: relative;
text-align: center;
transition: color 250ms ease-in-out;
}
.category-buttons a:after {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
content: '';
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 250ms ease-in-out;
width: 100%;
}
.category-buttons a:hover,
.category-buttons a:focus,
.category-buttons a:active {
color: rgba(255, 255, 255, 0.7);
}
.category-buttons a:hover:after,
.category-buttons a:focus:after,
.category-buttons a:active:after {
opacity: 1;
}
.category-buttons a.financial-education {
background-color: #156570;
}
.category-buttons a.news {
background-color: #a05c14;
}
.category-buttons a.membership {
background-color: #394a58;
}
.category-buttons a.alerts {
background-color: #a33f1f;
}
.tag-buttons {
-webkit-animation-name: slide-swipe;
animation-name: slide-swipe;
-webkit-animation-duration: 0.65s;
animation-duration: 0.65s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
display: block;
font-size: 1.4rem;
list-style: none;
margin: 0 0 16px 0;
padding: 0;
overflow-x: scroll;
white-space: nowrap;
}
.tag-buttons .item {
display: inline-block;
}
.tag-buttons .item + .item {
margin-left: 0.8rem;
}
.tag-buttons a {
background-color: transparent;
border: 1px solid #efbf04;
border-radius: 3px;
color: #efbf04;
display: block;
font-weight: 500;
padding: 6px 10px;
position: relative;
text-align: center;
transition: background 250ms ease-in-out, color 250ms ease-in-out;
}
.tag-buttons a:hover,
.tag-buttons a:focus,
.tag-buttons a:active {
background-color: #efbf04;
color: #f6f6f6;
}
.recent-posts {
margin: 1.5rem 0;
}
.recent-posts .post + .post {
margin-top: 2.5rem;
}
.recent-posts .post a {
background: #efbf04 url('../images/tree-rings.png') no-repeat bottom right;
background-size: auto 140px;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #f6f6f6;
display: block;
height: 0;
padding-bottom: 50.34%;
overflow: hidden;
position: relative;
text-align: center;
transition: background 250ms ease-in-out;
}
.recent-posts .post a > img {
display: block;
opacity: 0.35;
transition: opacity 250ms ease-in-out;
width: 100%;
}
.recent-posts .post a .text {
padding: 0 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.recent-posts .post a .text p {
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
}
.recent-posts .post a .text h3,
.recent-posts .post a .text p {
color: inherit;
margin-top: 0;
}
.recent-posts .post a:hover > img,
.recent-posts .post a:focus > img,
.recent-posts .post a:active > img {
opacity: 0.1;
}
.recent-posts .post a:hover.financial-awareness,
.recent-posts .post a:focus.financial-awareness,
.recent-posts .post a:active.financial-awareness {
background-color: #156570;
}
.recent-posts .post a:hover.news,
.recent-posts .post a:focus.news,
.recent-posts .post a:active.news {
background-color: #a05c14;
}
.recent-posts .post a:hover.membership,
.recent-posts .post a:focus.membership,
.recent-posts .post a:active.membership {
background-color: #5293a1;
}
.recent-posts .post a:hover.alerts,
.recent-posts .post a:focus.alerts,
.recent-posts .post a:active.alerts {
background-color: #a33f1f;
}
.recent-posts .post a.featured-image {
background-color: #000;
background-image: none;
height: auto;
padding-bottom: 0;
}
@media (min-width: 768px) {
.category-buttons ul {
-webkit-animation: none;
animation: none;
font-size: 1.8rem;
margin: 4rem -15px 0 -15px;
overflow-x: auto;
padding: 0;
}
.category-buttons ul:before,
.category-buttons ul:after {
content: " ";
display: table;
}
.category-buttons ul:after {
clear: both;
}
.category-buttons .item {
display: block;
float: left;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.category-buttons .item + .item {
margin-left: 0;
}
.recent-posts {
margin: 2.5rem 0;
}
}
@media (min-width: 992px) {
.category-buttons .item {
width: 25%;
}
.recent-posts {
margin: 4rem 0;
}
.recent-posts .post + .post {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.category-buttons ul {
font-size: 2.4rem;
}
}
.plain-content {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
.plain-content a:not(.btn) {
color: #a05c14;
text-decoration: underline;
}
.plain-content a:not(.btn):hover,
.plain-content a:not(.btn):focus,
.plain-content a:not(.btn):active {
color: #efbf04;
text-decoration: none;
}
@media (min-width: 992px) {
.plain-content .container {
padding-left: 105px;
padding-right: 105px;
}
}
.members {
margin: 4rem 0 3rem 0;
}
.members a:not(.btn) {
color: #efbf04;
display: block;
text-align: center;
text-decoration: none;
}
.members a:not(.btn):hover,
.members a:not(.btn):focus,
.members a:not(.btn):active {
color: #a05c14;
}
.members a:not(.btn):hover img,
.members a:not(.btn):focus img,
.members a:not(.btn):active img {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}
.members a:not(.btn) img {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
transition: box-shadow 250ms ease-in-out;
}
.members a:not(.btn) h6 {
color: inherit;
margin-bottom: 0;
}
.members a:not(.btn) h6 + p {
line-height: 1.2;
}
.member a {
color: #a05c14;
}
.member a:hover,
.member a:focus,
.member a:active {
color: #efbf04;
}
.member header {
border-bottom: 1px solid rgba(86, 90, 92, 0.2);
margin-bottom: 2rem;
}
.member header h3 {
margin: 0;
}
.member .profile {
font-size: 1.4rem;
}
.member .profile img {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.member .profile h6 {
margin-bottom: 0;
}
.featured {
background: #DFB163 url('../images/tree-rings-lg.png') no-repeat bottom right;
background-size: 55% auto;
color: #f6f6f6;
margin: 2.5rem 0;
padding: 5.5rem 0 4.5rem 0;
}
.featured h2,
.featured h3,
.featured h4 {
color: inherit;
margin-top: 0;
}
.featured .video {
display: block;
position: relative;
}
.featured .video:after {
content: url('../images/play-icon.png');
display: block;
left: 50%;
opacity: 1;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity 250ms ease-in-out;
}
.featured .video img {
width: 100% !important;
}
.featured .video:hover:after,
.featured .video:focus:after,
.featured .video:active:after {
opacity: 0.6;
}
@media (min-width: 768px) {
.featured {
background-size: auto 80%;
}
}
@media (min-width: 992px) {
.featured .container {
padding-left: 105px;
padding-right: 105px;
}
}
.image-cards {
text-align: center;
}
.image-cards .card {
background-color: #000;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
color: #f6f6f6;
display: block;
margin-bottom: 2rem;
position: relative;
}
.image-cards .card > img {
display: block;
opacity: 0.35;
width: 100%;
}
.image-cards .card .text,
.image-cards .card .overlay {
height: 100%;
left: 0;
padding: 1.5rem;
position: absolute;
top: 0;
transition: opacity 250ms ease-in-out;
width: 100%;
}
.image-cards .card .text h5,
.image-cards .card .overlay h5,
.image-cards .card .text .wrapper,
.image-cards .card .overlay .wrapper {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.image-cards .card h5 {
color: inherit;
margin: 0;
}
.image-cards .card .overlay {
background-color: rgba(21, 101, 112, 0.6);
opacity: 0;
}
.image-cards .card .overlay img {
margin-bottom: 1rem;
}
.image-cards .card:hover .text,
.image-cards .card:focus .text,
.image-cards .card:active .text {
opacity: 0;
}
.image-cards .card:hover .overlay,
.image-cards .card:focus .overlay,
.image-cards .card:active .overlay {
opacity: 1;
}
@media (min-width: 768px) {
.image-cards .lined:before {
border-width: 2px;
max-width: 490px;
}
}
.rate-table {
border-bottom: 1px solid #cdcdcd;
margin-top: 4rem;
padding-bottom: 7rem;
}
.rate-table:last-child {
border: none;
}
.rate-table p {
font-size: 1.4rem;
}
.rate-table header h6 {
margin-bottom: 0;
}
.rate-table header p {
font-size: 1.6rem;
}
.rate-table .table {
background-color: #fff;
}
.directory {
margin: 2rem 0;
}
.directory > .row > div:first-child {
margin-bottom: 2rem;
}
.directory h6 {
margin-top: 0;
}
.directory .btn .fa {
margin-right: 8px;
}
.directory .title {
font-size: 1.4rem;
border-bottom: 1px solid #e6e5df;
text-transform: uppercase;
}
.directory .location {
font-size: 1.4rem;
}
.directory .location a {
text-decoration: underline;
}
.directory .location p {
margin-bottom: 0;
}
@media (min-width: 768px) {
.directory {
margin: 5rem 0;
}
}
.contact-form {
color: #394a58;
}
.contact-form .wrapper {
background-color: rgba(230, 229, 223, 0.4);
border: 1px solid #e6e5df;
border-radius: 3px;
padding: 30px;
}
.contact-form h5 {
color: inherit;
font-weight: 700;
margin-top: 0;
}
.contact-form .btn-primary {
background-color: #394a58;
}
.contact-form .btn-primary:hover,
.contact-form .btn-primary:focus,
.contact-form .btn-primary:active {
background-color: #DFB163;
}
.contact-form .dropdown .dropdown-toggle {
background-color: #394a58;
text-align: left;
}
.contact-form .dropdown .dropdown-toggle:hover,
.contact-form .dropdown .dropdown-toggle:focus,
.contact-form .dropdown .dropdown-toggle:active {
background-color: #DFB163;
}
.contact-form .dropdown .dropdown-toggle .caret {
float: right;
margin-top: 12px;
}
.contact-form .dropdown .dropdown-menu {
width: 100%;
}
.contact-form .dropdown .dropdown-menu span {
clear: both;
color: #efbf04;
cursor: pointer;
display: block;
font-weight: 400;
padding: 3px 20px;
transition: color 250ms ease-in-out, background 250ms ease-in-out;
white-space: nowrap;
}
.contact-form .dropdown .dropdown-menu span:hover,
.contact-form .dropdown .dropdown-menu span:focus,
.contact-form .dropdown .dropdown-menu span:active {
background-color: #394a58;
color: #f6f6f6;
}
.contact-form .topic-content {
display: none;
}
.contact-form .topic-content a {
color: inherit;
}
.contact-form .topic-content a:hover,
.contact-form .topic-content a:focus,
.contact-form .topic-content a:active {
text-decoration: underline;
}
.contact-form .topic-content ul {
list-style: none;
margin: 0 0 1.5rem 0;
padding: 0;
}
.contact-form .topic-content > div {
display: none;
margin-top: 1.5rem;
}
.contact-form .topic-content > div.active {
display: block;
}
.contact-form .form-content {
display: none;
}
.contact-form .form-content .alert {
margin-top: 2rem;
}
.contact-form .form-content > form {
display: none;
margin-top: 1.5rem;
}
.contact-form .form-content > form.active {
display: block;
}
.contact-form .form-content > form .text {
font-size: 1.3rem;
line-height: 1.6rem;
}
.contact-form .form-content > form .btn {
width: 100%;
}
@media (min-width: 1200px) {
.contact-form {
padding-left: 60px;
}
}
.result {
margin-top: 2rem;
position: relative;
}
.result a {
color: #a05c14;
}
.result a:hover,
.result a:focus,
.result a:active {
color: #efbf04;
}
.result .result-content {
padding-right: 4rem;
}
.result .result-title {
margin: 0;
}
.result .arrow {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.result .arrow:hover i,
.result .arrow:focus i {
-webkit-animation-name: fade-cycle;
animation-name: fade-cycle;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.sitemap ul {
font-weight: 500;
list-style: none;
}
.sitemap ul .spacer {
visibility: hidden;
}
.sitemap ul ul {
font-weight: 400;
}
.share-bar {
display: block;
font-size: 16px;
margin-top: 15px;
position: static;
}
.share-bar p {
margin: 0;
}
.share-bar button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 1px solid #efbf04;
border-radius: 50%;
font-size: 20px;
height: 52px;
margin-right: 8px;
margin-top: 8px;
outline: none;
padding: 0;
transition: background 250ms ease-in-out, border 250ms ease-in-out, color 250ms ease-in-out;
width: 52px;
}
.share-bar button:hover,
.share-bar button:focus,
.share-bar button:active {
background-color: #a05c14;
border-color: #a05c14;
color: #f6f6f6;
}
@media (min-width: 992px) {
.share-bar {
font-size: 14px;
margin-top: 0;
text-align: center;
}
.share-bar.affix-bottom,
.share-bar.affix-top {
position: absolute;
}
.share-bar.affix {
position: fixed;
}
.share-bar button {
display: block;
margin-right: 0;
margin-top: 16px;
}
}
body {
background: #f1f2ef url(../images/body-bg.jpg) repeat left center;
padding-top: 52px;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body #layout-header {
background: #f1f2ef url(../images/body-bg.jpg) repeat left center;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
left: 0;
position: fixed;
top: 0;
-webkit-overflow-scrolling: touch;
width: 100%;
z-index: 10;
}
body #product-layout-header {
left: 0;
overflow: hidden;
position: absolute;
top: 52px;
width: 100%;
z-index: 8;
}
body #layout-footer {
margin-top: 4rem;
}
@media (max-width: 767px) {
body.navbar-open {
overflow: hidden;
}
body.navbar-open #layout-header {
overflow-x: hidden;
overflow-y: auto;
bottom: 0;
right: 0;
}
}
@media (min-width: 768px) {
body {
padding-top: 96px;
}
body #product-layout-header {
position: static;
}
}
body.about-layout .plain-content h4 {
color: #a05c14;
}
body.blog-layout #product-layout-header {
position: static;
}
body.locations-layout {
padding-top: 0;
}
body.locations-layout .map-sidebar,
body.locations-layout .map-area {
background-color: #fafafa;
padding-top: 52px;
}
body.locations-layout .map-area {
height: 40vh;
padding-left: 0;
padding-right: 0;
position: relative;
}
body.locations-layout .map-area #map {
height: 100%;
}
body.locations-layout .map-area iframe {
height: 100%;
width: 100%;
}
body.locations-layout .map-sidebar {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
height: 60vh;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
body.locations-layout .map-sidebar #item-detail {
background-color: #fafafa;
height: 100%;
left: -100%;
-ms-overflow-style: none;
overflow-x: hidden;
overflow-y: auto;
padding: 15px 15px 42px 15px;
position: absolute;
top: 0;
transition: left 350ms ease-in-out;
-webkit-overflow-scrolling: touch;
width: 100%;
z-index: 5;
}
body.locations-layout .map-sidebar #item-detail.active {
left: 0;
}
body.locations-layout .map-sidebar #item-detail .close {
border: 1px solid #efbf04;
border-radius: 50%;
color: #efbf04;
font-size: 14px;
font-weight: 400;
opacity: 1;
outline: none;
transition: opacity 250ms ease-in-out;
}
body.locations-layout .map-sidebar #item-detail .close i {
display: block;
padding: 10px 11px;
}
body.locations-layout .map-sidebar #item-detail .close:hover,
body.locations-layout .map-sidebar #item-detail .close:focus,
body.locations-layout .map-sidebar #item-detail .close:active {
opacity: 0.5;
}
body.locations-layout .map-sidebar #item-detail .content {
font-size: 1.4rem;
padding-right: 50px;
}
body.locations-layout .map-sidebar #item-detail .content a {
text-decoration: underline;
}
body.locations-layout .map-sidebar #item-detail .content img {
border: 2px solid #d1d1d1;
border-radius: 3px;
display: block;
max-width: 100%;
}
body.locations-layout .map-sidebar #item-detail .content h5 {
font-size: 2.1rem;
font-weight: 700;
margin-bottom: 0;
}
body.locations-layout .map-sidebar #item-detail .content span {
color: #8A8A8A;
}
body.locations-layout .map-sidebar #item-detail .content .row {
margin-bottom: 12px;
}
body.locations-layout .map-sidebar #item-detail .content address {
margin-bottom: 0;
}
body.locations-layout .map-sidebar #item-detail .content .fa {
margin-right: 6px;
}
body.locations-layout .map-sidebar #item-detail .content .title {
border-bottom: 1px solid #d8d8d8;
}
body.locations-layout .map-sidebar #item-detail .content .table {
border: none;
}
body.locations-layout .map-sidebar #item-detail .content .table tbody {
background: none;
}
body.locations-layout .map-sidebar #item-detail .content .table tr td {
border: none;
padding: 2px 8px 2px 0;
}
body.locations-layout .map-sidebar .form-inline {
background-color: #fafafa;
padding: 15px;
}
body.locations-layout .map-sidebar .form-inline h4 {
margin-top: 0;
}
body.locations-layout .map-sidebar .form-inline .form-group {
margin-bottom: 1rem;
}
body.locations-layout .map-sidebar .form-inline .input-group {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
body.locations-layout .map-sidebar .form-inline .input-group .input-group-addon {
background-color: #fff;
border-color: #fff;
}
body.locations-layout .map-sidebar .form-inline .input-group .form-control {
border-color: #fff;
box-shadow: none;
-webkit-appearance: none;
}
body.locations-layout .map-sidebar .form-inline .input-group .btn {
border-color: #fff;
outline: none;
}
body.locations-layout .map-sidebar .form-inline .input-group .btn:after {
display: none;
}
body.locations-layout .map-sidebar .form-inline .input-group .btn:hover,
body.locations-layout .map-sidebar .form-inline .input-group .btn:focus,
body.locations-layout .map-sidebar .form-inline .input-group .btn:active {
color: #efbf04;
}
body.locations-layout .map-sidebar .form-inline .filter-toggle {
font-size: 1.5rem;
font-weight: 500;
margin-top: 6px;
}
body.locations-layout .map-sidebar .form-inline .filter-toggle:hover,
body.locations-layout .map-sidebar .form-inline .filter-toggle:focus,
body.locations-layout .map-sidebar .form-inline .filter-toggle:active {
color: #a05c14;
text-decoration: underline;
}
body.locations-layout .map-sidebar .form-inline #location-filters {
background-color: #fafafa;
height: 100%;
left: -100%;
padding: 15px 15px 42px 15px;
position: absolute;
top: 0;
transition: left 250ms ease-in-out;
width: 100%;
z-index: 5;
}
body.locations-layout .map-sidebar .form-inline #location-filters.active {
left: 0;
}
body.locations-layout .map-sidebar .form-inline #location-filters .close {
border: 1px solid #efbf04;
border-radius: 50%;
color: #efbf04;
font-size: 14px;
font-weight: 400;
opacity: 1;
outline: none;
transition: opacity 250ms ease-in-out;
}
body.locations-layout .map-sidebar .form-inline #location-filters .close i {
display: block;
padding: 10px 11px;
}
body.locations-layout .map-sidebar .form-inline #location-filters .close:hover,
body.locations-layout .map-sidebar .form-inline #location-filters .close:focus,
body.locations-layout .map-sidebar .form-inline #location-filters .close:active {
opacity: 0.5;
}
body.locations-layout .map-sidebar .form-inline #location-filters h4 {
margin-top: 50px;
}
body.locations-layout .map-sidebar .form-inline #location-filters .checkbox {
display: block;
padding: 8px 0;
}
body.locations-layout .map-sidebar .form-inline #location-filters .checkbox label {
display: block;
}
body.locations-layout .map-sidebar .form-inline #location-filters .checkbox label img {
vertical-align: middle;
}
body.locations-layout .map-sidebar .form-inline #location-filters .checkbox label span {
vertical-align: middle;
}
body.locations-layout .map-sidebar .form-inline #location-filters .checkbox label input {
float: right;
margin-left: 0;
margin-top: 6px;
position: static;
}
body.locations-layout .map-sidebar .form-inline #location-filters button {
float: right;
margin-top: 12px;
}
body.locations-layout .map-sidebar .locations-list {
font-size: 1.4rem;
height: 100%;
left: 0;
padding-bottom: 42px;
padding-top: 145px;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
body.locations-layout .map-sidebar .locations-list .loader {
color: #e1e1e1;
left: 50%;
opacity: 0;
position: absolute;
top: 160px;
transform: translateX(-50%);
transition: opacity 250ms ease-in-out;
z-index: 1;
}
body.locations-layout .map-sidebar .locations-list.loading .loader {
opacity: 1;
}
body.locations-layout .map-sidebar .locations-list .wrapper {
height: 100%;
-ms-overflow-style: none;
overflow-x: hidden;
overflow-y: auto;
position: relative;
-webkit-overflow-scrolling: touch;
}
body.locations-layout .map-sidebar .locations-list .message {
padding: 0 15px;
}
body.locations-layout .map-sidebar .locations-list .item .summary {
background-color: #fafafa;
padding: 15px 15px 15px 45px;
position: relative;
transition: background 250ms ease-in-out;
z-index: 2;
}
body.locations-layout .map-sidebar .locations-list .item .summary .icon {
left: 15px;
position: absolute;
top: 15px;
}
body.locations-layout .map-sidebar .locations-list .item .summary .info {
border: 2px solid #efbf04;
border-radius: 50%;
display: block;
font-size: 1rem;
opacity: 0.8;
position: absolute;
right: 15px;
top: 15px;
transition: border 250ms ease-in-out, color 250ms ease-in-out;
}
body.locations-layout .map-sidebar .locations-list .item .summary .info i {
display: block;
padding: 4px 7px;
}
body.locations-layout .map-sidebar .locations-list .item .summary .info:hover,
body.locations-layout .map-sidebar .locations-list .item .summary .info:focus,
body.locations-layout .map-sidebar .locations-list .item .summary .info:active {
border-color: #a05c14;
color: #a05c14;
}
body.locations-layout .map-sidebar .locations-list .item .summary p,
body.locations-layout .map-sidebar .locations-list .item .summary address {
line-height: 1.25;
margin-bottom: 0;
}
body.locations-layout .map-sidebar .locations-list .item.atm.active .summary {
background-color: #f6f6f5;
}
body.locations-layout .map-sidebar .locations-list .item.atm .summary:hover,
body.locations-layout .map-sidebar .locations-list .item.atm .summary:focus,
body.locations-layout .map-sidebar .locations-list .item.atm .summary:active {
background-color: #f6f6f5;
}
body.locations-layout .map-sidebar .locations-list .item.branch.active .summary {
background-color: #eeedea;
}
body.locations-layout .map-sidebar .locations-list .item.branch .summary:hover,
body.locations-layout .map-sidebar .locations-list .item.branch .summary:focus,
body.locations-layout .map-sidebar .locations-list .item.branch .summary:active {
background-color: #eeedea;
}
body.locations-layout .map-sidebar .locations-list .item .detail {
display: none;
}
body.locations-layout .map-sidebar #directory {
background-color: #a05c14;
bottom: 0;
color: #f6f6f6;
display: block;
font-size: 1.4rem;
font-weight: 500;
left: 0;
padding: 10px 15px;
position: absolute;
transition: background 250ms ease-in-out;
width: 100%;
z-index: 6;
}
body.locations-layout .map-sidebar #directory i {
margin-right: 6px;
}
body.locations-layout .map-sidebar #directory:hover,
body.locations-layout .map-sidebar #directory:focus,
body.locations-layout .map-sidebar #directory:active {
background-color: #5c8d56;
}
@media (min-width: 768px) {
body.locations-layout .map-sidebar,
body.locations-layout .map-area {
height: 100vh;
padding-top: 96px;
}
body.locations-layout .map-sidebar .form-inline {
padding: 22px 15px;
}
body.locations-layout .map-sidebar .form-inline .filter-toggle {
float: right;
}
body.locations-layout .map-sidebar .form-inline #location-filters {
top: 96px;
}
body.locations-layout .map-sidebar .locations-list {
padding-top: 236px;
}
body.locations-layout .map-sidebar .locations-list .loader {
top: 251px;
}
body.locations-layout .map-sidebar .locations-list .item .summary {
padding: 15px 25px 15px 54px;
}
body.locations-layout .map-sidebar .locations-list .item .summary .icon {
left: 25px;
}
body.locations-layout .map-sidebar .locations-list .item .summary .info {
right: 25px;
}
body.locations-layout .map-sidebar #item-detail {
padding-top: 111px;
}
}
body.leadership-layout main .container {
margin-bottom: 25px;
margin-top: 15px;
}
body.leadership-layout main .members:after {
border-bottom: 1px solid #dedede;
content: '';
display: block;
padding-top: 2rem;
}
@media (min-width: 768px) {
body.leadership-layout main .container {
padding-left: 105px;
padding-right: 105px;
}
body.leadership-layout main .members:after {
margin-left: -90px;
margin-right: -90px;
}
body.leadership-layout main .members > .row {
margin-left: -105px;
margin-right: -105px;
}
}
body.bios-layout #layout-header {
box-shadow: none;
}
body.simple-layout #layout-header {
box-shadow: none;
}
body.investments-layout .hero {
background-color: #000;
}
body.investments-layout .hero .icon {
display: inline-block;
}
body.investments-layout .hero h1 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
body.home-layout section.alert {
border-radius: 0;
color: #f6f6f6;
margin: 0;
padding: 15px 0;
}
body.home-layout section.alert a:not(.btn) {
color: inherit;
text-decoration: underline;
}
body.home-layout section.alert .fa {
display: block;
float: left;
font-size: 4rem;
line-height: 1;
margin-right: 8px;
margin-top: 8px;
}
body.home-layout section.alert .btn {
display: block;
margin: 8px auto 0 auto;
}
body.home-layout section.alert .btn-default {
background-color: #fefefe;
padding: 3px 12px;
}
body.home-layout section.alert .btn-default:hover,
body.home-layout section.alert .btn-default:focus,
body.home-layout section.alert .btn-default:active {
background-color: transparent;
color: #fefefe;
}
body.home-layout section.alert p {
margin: 0;
}
body.home-layout section.alert.gold {
background-color: #FFD700;
}
body.home-layout section.alert.gold .btn-default {
color: #156570;
}
body.home-layout section.alert.gold .btn-default:hover,
body.home-layout section.alert.gold .btn-default:focus,
body.home-layout section.alert.gold .btn-default:active {
background-color: transparent;
color: #fefefe;
}
body.home-layout section.alert.gold {
background-color: #a33f1f;
}
body.home-layout section.alert.gold .btn-default {
color: #a33f1f;
}
body.home-layout section.alert.gold .btn-default:hover,
body.home-layout section.alert.gold .btn-default:focus,
body.home-layout section.alert.gold .btn-default:active {
background-color: transparent;
color: #fefefe;
}
body.home-layout .hero {
height: 50vh;
}
body.home-layout .hero > img {
opacity: 1;
height: 100%;
}
body.home-layout main {
position: relative;
}
body.home-layout main .image-cards {
padding-bottom: 5px;
}
body.home-layout main .featured {
margin-top: 0;
}
body.home-layout .hero-slider-wrapper * {
outline: none;
}
body.home-layout .hero-slider-wrapper .slick-track {
height: 50vh;
}
body.home-layout .hero-slider-wrapper .hrl-slide .innerwrap {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
body.home-layout .hero-slider-wrapper .hrl-slide .bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
z-index: -1;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap {
width: 100%;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap .text-innerwrap {
padding-left: 30px;
padding-right: 30px;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h1,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h2,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h3,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h4,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h5,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h6,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap p {
color: #f6f6f6;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h1:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h2:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h3:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h4:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h5:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h6:last-child,
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap p:last-child {
margin-bottom: 0;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h1 {
margin: 0;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h4 {
margin-top: 0;
margin-bottom: 20px;
}
@media (max-width: 500px) {
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap h4 {
margin-top: 8px;
}
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap .btn {
color: #fefefe;
background-color: transparent;
border-color: #fefefe;
}
body.home-layout .hero-slider-wrapper .hrl-slide .text-wrap .btn:hover {
background-color: #fefefe;
color: #efbf04;
}
body.home-layout .hero-slider-wrapper .slick-arrow {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 1;
font-size: 50px;
color: #f6f6f6;
transform: translateY(-50%);
}
body.home-layout .hero-slider-wrapper .slick-arrow.prev {
left: 20px;
}
body.home-layout .hero-slider-wrapper .slick-arrow.next {
right: 20px;
}
@media (max-width: 849px) {
body.home-layout .hero-slider-wrapper .slick-arrow {
top: auto;
transform: unset;
bottom: 20px;
}
}
body.home-layout #introModal .modal-dialog {
margin-top: 75px;
}
body.home-layout #introModal .modal-body {
background: transparent url('../images/tree-rings.png') no-repeat bottom right;
font-size: 1.6rem;
padding: 15px;
}
body.home-layout #introModal .modal-body h4,
body.home-layout #introModal .modal-body strong,
body.home-layout #introModal .modal-body i {
color: #a05c14;
}
body.home-layout #introModal .modal-body h4 {
font-family: 'Roboto', sans-serif;
margin: 0;
}
body.home-layout #introModal .modal-body ul {
list-style: none;
margin: 1.5rem 0 1.5rem 5.4rem;
padding: 0;
}
body.home-layout #introModal .modal-body ul li {
position: relative;
}
body.home-layout #introModal .modal-body ul li i {
border: 2px solid #dedede;
border-radius: 50%;
font-size: 2rem;
height: 4.4rem;
left: -5.4rem;
line-height: 4rem;
position: absolute;
text-align: center;
top: 5px;
width: 4.4rem;
}
body.home-layout .intro-content {
display: none;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1041;
}
body.home-layout .intro-content .container {
position: relative;
}
body.home-layout .intro-content .pre-header {
text-align: right;
}
body.home-layout .intro-content .pre-header .btn-primary {
background-color: #1c291b;
font-size: 14px;
border: 2px solid #f6f6f6;
padding: 7px 12px;
}
body.home-layout .intro-content .header {
color: #f6f6f6;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.3px;
margin-top: 18px;
text-align: right;
text-transform: uppercase;
}
body.home-layout .intro-content .header .main-nav {
list-style: none;
margin: 0;
padding: 0;
}
body.home-layout .intro-content .header .main-nav li {
display: inline-block;
visibility: hidden;
}
body.home-layout .intro-content .header .main-nav li:after {
border: solid 2px #f6f6f6;
border-color: #f6f6f6 transparent transparent transparent;
border-radius: 50%/8px 8px 0 0;
content: '';
display: block;
height: 8px;
width: 100%;
}
body.home-layout .intro-content .header .main-nav li + li {
margin-left: 5px;
}
body.home-layout .intro-content .header .main-nav li:nth-child(2),
body.home-layout .intro-content .header .main-nav li:nth-child(5) {
visibility: visible;
}
body.home-layout .intro-content .new-navigation {
position: absolute;
right: 40px;
top: 60px;
}
body.home-layout.intro-open .modal-backdrop {
background-color: #000;
opacity: 0.7;
}
@media (min-width: 768px) {
body.home-layout section.alert .container {
padding-left: 50px;
padding-right: 95px;
position: relative;
}
body.home-layout section.alert .fa,
body.home-layout section.alert .btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body.home-layout section.alert .fa {
float: none;
font-size: 2.5rem;
left: 15px;
margin: 0;
}
body.home-layout section.alert .btn {
margin: 0;
right: 15px;
}
body.home-layout .hero {
overflow: visible;
}
body.home-layout .hero > img {
height: auto;
}
body.home-layout .image-cards {
background: linear-gradient(rgba(250, 250, 250, 0.85) 0%, #F2F4F1 10%);
}
body.home-layout #introModal .modal-dialog {
margin-top: 140px;
}
body.home-layout #introModal .modal-body {
padding: 15px 34px 48px 34px;
}
body.home-layout #introModal .modal-body ul {
margin: 3rem 5.4rem;
}
body.home-layout .intro-content .new-navigation {
display: none;
}
body.home-layout.intro-open .intro-content {
display: block;
}
}
@media (min-width: 992px) {
body.home-layout .image-cards {
background: linear-gradient(rgba(250, 250, 250, 0.85) 10%, #F2F4F1 25%);
}
body.home-layout .intro-content .header .main-nav li + li {
margin-left: 17px;
}
body.home-layout .intro-content .new-navigation {
display: block;
}
}
@media (min-width: 1200px) {
body.home-layout .image-cards {
background: linear-gradient(rgba(250, 250, 250, 0.85) 20%, #F2F4F1 55%);
}
}
body.form-layout #layout-header {
box-shadow: none;
}
body.form-layout main {
margin-bottom: 3rem;
}
body.form-layout main > .container {
max-width: 530px;
}
body.search-layout #layout-header {
box-shadow: none;
}
body.search-layout #layout-content {
margin-top: 1rem;
}
body.search-layout #layout-content .container {
max-width: 778px;
}
@media (min-width: 768px) {
body.search-layout #layout-content {
margin-top: 4rem;
}
}
body.promotions main {
margin-top: 80px;
}
body.promotions main img.img-responsive {
min-width: 100%;
height: auto !important;
}
body.newsletter-layout main#layout-content {
padding: 60px 0;
}
body.newsletter-layout .newsletter-headline {
max-width: 1040px;
margin: 0 auto;
}
body.newsletter-layout .newsletter-headline h1:first-child {
margin-bottom: 20px;
}
body.newsletter-layout .underline {
text-decoration: underline !important;
}
body.newsletter-layout .mailchimp-form {
margin-top: 60px;
max-width: 510px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body.newsletter-layout .mailchimp-form .form-fine-print {
font-size: 1.4rem;
margin-top: 40px;
max-width: 430px;
margin-left: auto;
margin-right: auto;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup {
background: transparent;
clear: left;
font-size: 1.5rem;
line-height: 1;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup form {
padding: 0;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup .indicates-required {
margin-right: 0;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup .mc-field-group {
width: 100%;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup .mc-field-group input {
padding: 18px 0;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup .button {
margin: 24px 0 0 0;
width: 100%;
background: #a05c14;
font-size: 1.8rem;
height: auto;
line-height: 1;
padding: 19px 0;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
background: transparent;
margin: 0;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup div.response {
line-height: 1.4;
font-size: 1.6rem;
}
body.newsletter-layout .mailchimp-form .form-container #mc_embed_signup div.response a {
text-decoration: underline !important;
font-size: 1.6rem;
}
#login-form {
margin-top: 15px;
}
#login-form h1 {
font-family: 'Roboto', sans-serif;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
}
#login-form .form-control {
height: 54px;
}
#login-form label {
font-size: 13px;
}
#login-form .btn {
padding: 14px;
}
#login-form .login-links {
margin-top: 10px;
}
#login-form .login-links:before,
#login-form .login-links:after {
content: " ";
display: table;
}
#login-form .login-links:after {
clear: both;
}
#login-form .login-links a {
color: #a05c14;
font-size: 14px;
line-height: 1.3;
}
#login-form .login-links a:hover,
#login-form .login-links a:focus,
#login-form .login-links a:active {
text-decoration: underline;
}
#login-form .well {
background: rgba(230, 229, 223, 0.4);
border-color: #e6e5df;
margin-bottom: 30px;
margin-top: 50px;
padding: 15px;
}
#login-form .well p {
font-size: 14px;
margin-bottom: 10px;
}
#login-form .well > a {
display: inline-block;
}
#login-form .well > a img {
transition: opacity 500ms ease-in-out;
}
#login-form .well > a:hover img,
#login-form .well > a:focus img,
#login-form .well > a:active img {
opacity: 0.5;
}
#login-form .well > a + a {
margin-left: 4px;
}
@media (min-width: 768px) {
#login-form h1 {
margin-bottom: 35px;
}
}
#page404 {
margin-bottom: 60px;
margin-top: 40px;
}
#page404 h1,
#page404 h4 a {
color: #efbf04;
}
#page404 h1 span {
color: #a05c14;
}
#page404 h4 {
font-weight: 300;
}
@media (min-width: 768px) {
#page404 {
margin-bottom: 135px;
margin-top: 85px;
}
}