html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 DISPLAY-ROLE RESET FOR OLDER BROWSERS */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*****************/
/* BOX MODEL FIX */
/*****************/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*************/
/* CLEAR FIX */
/*************/
.clear {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* CB Additions */
input[type=submit], input[type=button], a {
cursor: pointer;
}
input[type=text], input[type=password], input[type=email], input[type=submit], input[type=button], textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select {
-webkit-border-radius: 0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
fieldset {
min-width: 0; /* Allows forms to scale down properly for mobile */
}
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
/* End of CB Additions */
/*****************************************************************
BRAND COLORS
If a color is directly tied to another color in its usage, append it with how it's being modified. For example:
$teal: #009482;
$teal-light: #35a08b;
/*****************************************************************/
/*****************************************************************
COLOR USAGE
Take the brand color variables from above and apply them below to the common color usages
Note: Having "body" in the class selectors below allows it to have higher inheritance over our standard styling that's in place
*****************************************************************/
/* PRIMARY COLOR **************/
body .color-primary-bg {
background: #0c1941;
}
body .color-primary-tx {
color: #0c1941;
}
/**/
body .color-primary-l-bg {
background: #122663;
}
body .color-primary-l-tx {
color: #122663;
}
/**/
body .color-primary-d-bg {
background: #060c1f;
}
body .color-primary-d-tx {
color: #060c1f;
}
/* SECONDARY COLOR **************/
body .color-secondary-bg {
background: #fff;
}
body .color-secondary-tx {
color: #fff;
}
/**/
body .color-secondary-l-bg {
background: white;
}
body .color-secondary-l-tx {
color: white;
}
/**/
body .color-secondary-d-bg {
background: #d9d9d9;
}
body .color-secondary-d-tx {
color: #d9d9d9;
}
/* BACKGROUND COLORS **************/
body .color-bg-light {
background: #f4f0e7;
}
body .color-bg-dark {
background: #0c1941;
}
/* BORDER COLORS **************/
/* TEXT COLORS **************/
/* ACCENT COLOR **************/
body .color-accent-bg {
background: #d57d24;
}
body .color-accent-tx {
color: #d57d24;
}
/**/
body .color-accent-l-bg {
background: #e4a361;
}
body .color-accent-l-tx {
color: #e4a361;
}
/**/
body .color-accent-d-bg {
background: #945719;
}
body .color-accent-d-tx {
color: #945719;
}
/* Add default spacing to row & blocks */
.pb-default-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.pb-default-wrapper .col {
padding: 10px;
}
/* Allow blocks to go full width of page by making setcontainer 100% */
.no-setcontainer .setcontainer {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
/***************************
REUSABLE CLASSES
***************************/
/* Narrow Content Block */
.narrow-content,
.narrow-content.col,
.narrow-content.col:first-child {
max-width: 900px;
margin-left: auto;
margin-right: auto;
float: none;
}
/* Remove Block Margins */
.no-margin,
.col.no-margin {
margin: 0;
}
/* Reverses Order of Elements in Row */
.row-reverse > .col,
.pb-row-reverse .setcontainer > .col {
float: right;
}
.row-reverse > .col:first-child,
.pb-row-reverse .setcontainer > .col:first-child {
margin-left: 1.6%;
}
.row-reverse > .col:last-child,
.pb-row-reverse .setcontainer > .col:last-child {
margin-left: 0;
}
/*****************************************************************
PADDING & MARGIN
The mixins and CSS classes below for padding and margin should not be used for the Header & Footer.
*****************************************************************/
/* PADDING & MARGIN SMALL **************/
@media (min-width: 1025px) {
.pad-sm {
padding: 20px;
}
}
@media (max-width: 1024px) {
.pad-sm {
padding: 20px;
}
}
@media (max-width: 767px) {
.pad-sm {
padding: 10px;
}
}
@media (min-width: 1025px) {
.pad-top-sm {
padding-top: 20px;
}
}
@media (max-width: 1024px) {
.pad-top-sm {
padding-top: 20px;
}
}
@media (max-width: 767px) {
.pad-top-sm {
padding-top: 10px;
}
}
@media (min-width: 1025px) {
.margin-top-sm {
margin-top: 20px;
}
}
@media (max-width: 1024px) {
.margin-top-sm {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.margin-top-sm {
margin-top: 10px;
}
}
@media (min-width: 1025px) {
.pad-right-sm {
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.pad-right-sm {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.pad-right-sm {
padding-right: 10px;
}
}
@media (min-width: 1025px) {
.margin-right-sm {
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.margin-right-sm {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.margin-right-sm {
padding-right: 10px;
}
}
@media (min-width: 1025px) {
.pad-bottom-sm {
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.pad-bottom-sm {
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.pad-bottom-sm {
padding-bottom: 10px;
}
}
@media (min-width: 1025px) {
.margin-bottom-sm {
margin-bottom: 20px;
}
}
@media (max-width: 1024px) {
.margin-bottom-sm {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.margin-bottom-sm {
margin-bottom: 10px;
}
}
@media (min-width: 1025px) {
.pad-left-sm {
padding-left: 20px;
}
}
@media (max-width: 1024px) {
.pad-left-sm {
padding-left: 20px;
}
}
@media (max-width: 767px) {
.pad-left-sm {
padding-left: 10px;
}
}
@media (min-width: 1025px) {
.margin-left-sm {
padding-left: 20px;
}
}
@media (max-width: 1024px) {
.margin-left-sm {
padding-left: 20px;
}
}
@media (max-width: 767px) {
.margin-left-sm {
padding-left: 10px;
}
}
@media (min-width: 1025px) {
.pad-vertical-sm {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.pad-vertical-sm {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.pad-vertical-sm {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 1025px) {
.margin-vertical-sm {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 1024px) {
.margin-vertical-sm {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.margin-vertical-sm {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (min-width: 1025px) {
.pad-horizontal-sm {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1024px) {
.pad-horizontal-sm {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
.pad-horizontal-sm {
padding-right: 10px;
padding-left: 10px;
}
}
/* PADDING & MARGIN MEDIUM **************/
@media (min-width: 1024px) {
.pad-md {
padding: 40px;
}
}
@media (max-width: 1023px) {
.pad-md {
padding: 30px;
}
}
@media (max-width: 767px) {
.pad-md {
padding: 20px;
}
}
@media (min-width: 1024px) {
.pad-top-md {
padding-top: 40px;
}
}
@media (max-width: 1023px) {
.pad-top-md {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.pad-top-md {
padding-top: 20px;
}
}
@media (min-width: 1024px) {
.margin-top-md {
margin-top: 40px;
}
}
@media (max-width: 1023px) {
.margin-top-md {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.margin-top-md {
margin-top: 20px;
}
}
@media (min-width: 1024px) {
.pad-right-md {
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.pad-right-md {
padding-right: 30px;
}
}
@media (max-width: 767px) {
.pad-right-md {
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.margin-right-md {
padding-right: 40px;
}
}
@media (max-width: 1023px) {
.margin-right-md {
padding-right: 30px;
}
}
@media (max-width: 767px) {
.margin-right-md {
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.pad-bottom-md {
padding-bottom: 40px;
}
}
@media (max-width: 1023px) {
.pad-bottom-md {
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.pad-bottom-md {
padding-bottom: 20px;
}
}
@media (min-width: 1024px) {
.margin-bottom-md {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.margin-bottom-md {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.margin-bottom-md {
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.pad-left-md {
padding-left: 40px;
}
}
@media (max-width: 1023px) {
.pad-left-md {
padding-left: 30px;
}
}
@media (max-width: 767px) {
.pad-left-md {
padding-left: 20px;
}
}
@media (min-width: 1024px) {
.margin-left-md {
padding-left: 40px;
}
}
@media (max-width: 1023px) {
.margin-left-md {
padding-left: 30px;
}
}
@media (max-width: 767px) {
.margin-left-md {
padding-left: 20px;
}
}
@media (min-width: 1025px) {
.pad-vertical-md {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 1024px) {
.pad-vertical-md {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.pad-vertical-md {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 1025px) {
.margin-vertical-md {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media (max-width: 1024px) {
.margin-vertical-md {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.margin-vertical-md {
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 1025px) {
.pad-horizontal-md {
padding-right: 40px;
padding-left: 40px;
}
}
@media (max-width: 1024px) {
.pad-horizontal-md {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767px) {
.pad-horizontal-md {
padding-right: 20px;
padding-left: 20px;
}
}
/* PADDING & MARGIN LARGE **************/
@media (min-width: 1024px) {
.pad-lg {
padding: 80px;
}
}
@media (max-width: 1023px) {
.pad-lg {
padding: 60px;
}
}
@media (max-width: 767px) {
.pad-lg {
padding: 40px;
}
}
@media (min-width: 1024px) {
.pad-top-lg {
padding-top: 80px;
}
}
@media (max-width: 1023px) {
.pad-top-lg {
padding-top: 60px;
}
}
@media (max-width: 767px) {
.pad-top-lg {
padding-top: 40px;
}
}
@media (min-width: 1024px) {
.margin-top-lg {
margin-top: 80px;
}
}
@media (max-width: 1023px) {
.margin-top-lg {
margin-top: 60px;
}
}
@media (max-width: 767px) {
.margin-top-lg {
margin-top: 40px;
}
}
@media (min-width: 1024px) {
.pad-right-lg {
padding-right: 80px;
}
}
@media (max-width: 1023px) {
.pad-right-lg {
padding-right: 60px;
}
}
@media (max-width: 767px) {
.pad-right-lg {
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.pad-bottom-lg {
padding-bottom: 80px;
}
}
@media (max-width: 1023px) {
.pad-bottom-lg {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.pad-bottom-lg {
padding-bottom: 40px;
}
}
@media (min-width: 1024px) {
.margin-bottom-lg {
margin-bottom: 80px;
}
}
@media (max-width: 1023px) {
.margin-bottom-lg {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.margin-bottom-lg {
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
.pad-left-lg {
padding-left: 80px;
}
}
@media (max-width: 1023px) {
.pad-left-lg {
padding-left: 60px;
}
}
@media (max-width: 767px) {
.pad-left-lg {
padding-left: 40px;
}
}
@media (min-width: 1025px) {
.pad-vertical-lg {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (max-width: 1024px) {
.pad-vertical-lg {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.pad-vertical-lg {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (min-width: 1025px) {
.margin-vertical-lg {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (max-width: 1024px) {
.margin-vertical-lg {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.margin-vertical-lg {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media (min-width: 1025px) {
.pad-horizontal-lg {
padding-right: 80px;
padding-left: 80px;
}
}
@media (max-width: 1024px) {
.pad-horizontal-lg {
padding-right: 60px;
padding-left: 60px;
}
}
@media (max-width: 767px) {
.pad-horizontal-lg {
padding-right: 40px;
padding-left: 40px;
}
}
/* PADDING & MARGIN EXTRA LARGE **************/
@media (min-width: 1024px) {
.pad-xl {
padding: 120px;
}
}
@media (max-width: 1023px) {
.pad-xl {
padding: 80px;
}
}
@media (max-width: 767px) {
.pad-xl {
padding: 60px;
}
}
@media (min-width: 1024px) {
.pad-top-xl {
padding-top: 120px;
}
}
@media (max-width: 1023px) {
.pad-top-xl {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.pad-top-xl {
padding-top: 60px;
}
}
@media (min-width: 1024px) {
.margin-top-xl {
margin-top: 120px;
}
}
@media (max-width: 1023px) {
.margin-top-xl {
margin-top: 80px;
}
}
@media (max-width: 767px) {
.margin-top-xl {
margin-top: 60px;
}
}
@media (min-width: 1024px) {
.pad-right-xl {
padding-right: 120px;
}
}
@media (max-width: 1023px) {
.pad-right-xl {
padding-right: 80px;
}
}
@media (max-width: 767px) {
.pad-right-xl {
padding-right: 60px;
}
}
@media (min-width: 1024px) {
.pad-bottom-xl {
padding-bottom: 120px;
}
}
@media (max-width: 1023px) {
.pad-bottom-xl {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.pad-bottom-xl {
padding-bottom: 60px;
}
}
@media (min-width: 1024px) {
.margin-bottom-xl {
margin-bottom: 120px;
}
}
@media (max-width: 1023px) {
.margin-bottom-xl {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.margin-bottom-xl {
margin-bottom: 60px;
}
}
@media (min-width: 1024px) {
.pad-left-xl {
padding-left: 120px;
}
}
@media (max-width: 1023px) {
.pad-left-xl {
padding-left: 80px;
}
}
@media (max-width: 767px) {
.pad-left-xl {
padding-left: 60px;
}
}
@media (min-width: 1025px) {
.pad-vertical-xl {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media (max-width: 1024px) {
.pad-vertical-xl {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.pad-vertical-xl {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 1025px) {
.margin-vertical-xl {
margin-top: 120px;
margin-bottom: 120px;
}
}
@media (max-width: 1024px) {
.margin-vertical-xl {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.margin-vertical-xl {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media (min-width: 1025px) {
.pad-horizontal-xl {
padding-right: 120px;
padding-left: 120px;
}
}
@media (max-width: 1024px) {
.pad-horizontal-xl {
padding-right: 80px;
padding-left: 80px;
}
}
@media (max-width: 767px) {
.pad-horizontal-xl {
padding-right: 60px;
padding-left: 60px;
}
}
/* PADDING CLASSES - DO NOT USE THESE. ONLY HERE FOR BACKWARD COMPATABILITY. USE THE PADDING/MARGIN CLASSES ABOVE */
.section-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.section-padding-small {
padding-top: 50px;
padding-bottom: 50px;
}
.section-padding-top {
padding-top: 100px;
}
.section-padding-top-small {
padding-top: 50px;
}
.section-padding-bottom {
padding-bottom: 100px;
}
.section-padding-bottom-small {
padding-bottom: 50px;
}
@media (max-width: 768px) {
.section-padding {
padding-top: 70px;
padding-bottom: 70px;
}
.section-padding-top {
padding-top: 70px;
}
.section-padding-bottom {
padding-bottom: 70px;
}
.section-padding-small {
padding-top: 40px;
padding-bottom: 40px;
}
.section-padding-top-small {
padding-top: 40px;
}
.section-padding-bottom-small {
padding-bottom: 40px;
}
}
@media (max-width: 480px) {
.section-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.section-padding-top {
padding-top: 30px;
}
.section-padding-bottom {
padding-bottom: 30px;
}
.section-padding-small {
padding-top: 20px;
padding-bottom: 20px;
}
.section-padding-top-small {
padding-top: 20px;
}
.section-padding-bottom-small {
padding-bottom: 20px;
}
}
/* ROBOTO REGULAR **************/
body .hcontent .roboto-reg,
body .roboto-reg {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 300;
}
/* ROBOTO ITALIC **************/
body .hcontent .roboto-it,
body .roboto-it {
font-family: "RobotoItalic", sans-serif;
font-style: normal;
font-weight: 300;
}
/* POPPINS SEMIBOLD **************/
body .hcontent .poppins-semi,
body .poppins-semi {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 300;
}
/* POPPINS SEMIBOLD ITALIC **************/
body .hcontent .poppins-semi-it,
body .poppins-semi-it {
font-family: "PoppinsSemiIt";
font-style: normal;
font-weight: 300;
}
/* POPPINS BOLD **************/
body .hcontent .poppins-bold,
body .poppins-bold {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 300;
}
/* POPPINS BOLD ITALIC **************/
body .hcontent .poppins-bold-it,
body .poppins-bold-it {
font-family: "PoppinsBoldIt";
font-style: normal;
font-weight: 300;
}
/*****************************************************************
CONTENT TYPE MIXINS
Note: Having "body" in the class selectors below allows it to have higher inheritance over our standard font-family styling that's in place
*****************************************************************/
/* HEADINGS **************/
body .hcontent .font-heading,
body .font-heading {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
}
/* SUBHEADINGS *************/
body .hcontent .font-subheading,
body .font-subheading {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
}
/* BODY COPY **************/
body .hcontent .font-body,
body .font-body {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
}
/*****************************************************************
.HCONTENT CLASS STYLING
1. The ".hcontent" class should be added to the direct wrapper of the content. It should not be added higher up in the DOM since sidebars are usually styled different.
2. All headings below h2 (h3-h6) should alternate color so that they are easy to distinguish. In most cases your h3, h5 will be one color, and your h4, h6 will be another color.
3. There should be extra padding added above your h2-h6's to help separate sections more.
*****************************************************************/
.hcontent {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
}
.hcontent h1, .hcontent .h1, .hcontent h2, .hcontent .h2 {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.hcontent h3, .hcontent .h3, .hcontent h4, .hcontent .h4, .hcontent h5, .hcontent .h5, .hcontent h6, .hcontent .h6 {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.hcontent h2, .hcontent .h2, .hcontent h3, .hcontent .h3, .hcontent h4, .hcontent .h4, .hcontent h5, .hcontent .h5, .hcontent h6, .hcontent .h6 {
padding-top: 20px;
margin-bottom: 14px;
}
.hcontent p, .hcontent ul, .hcontent ol {
margin-bottom: 20px;
line-height: 1.7;
}
.hcontent p, .hcontent li {
font-size: 16px;
line-height: 1.7;
}
.hcontent p.large-body-text,
.hcontent ul.large-body-text li,
.hcontent ol.large-body-text li {
font-size: 140%;
}
.hcontent p.small-body-text,
.hcontent ul.small-body-text li,
.hcontent ol.small-body-text li {
font-size: 80%;
}
.hcontent ul, .hcontent ol {
padding-left: 35px;
}
.hcontent ul li {
list-style: disc outside;
}
.hcontent ol li {
list-style: decimal outside;
}
.hcontent.non-list ul, .hcontent.non-list ol,
.hcontent .non-list ul,
.hcontent .non-list ol {
padding-left: 0;
}
.hcontent.non-list ul li, .hcontent.non-list ol li,
.hcontent .non-list ul li,
.hcontent .non-list ol li {
list-style: none;
}
.hcontent h1, .hcontent .h1 {
font-size: 48px;
margin-bottom: 15px;
}
.hcontent h2, .hcontent .h2 {
font-size: 28px;
}
.hcontent h3, .hcontent .h3 {
font-size: 24px;
}
.hcontent h4, .hcontent .h4 {
font-size: 20px;
}
.hcontent h5, .hcontent .h5 {
font-size: 18px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
.hcontent a {
text-decoration: underline;
}
.hcontent strong {
font-weight: bold;
}
.hcontent em {
font-style: italic;
}
.hcontent .font-subheading + h1, .hcontent .font-subheading + h2, .hcontent .font-subheading + h3, .hcontent .font-subheading + h4, .hcontent .font-subheading + h5, .hcontent .font-subheading + h6 {
padding-top: 0;
}
@media screen and (max-width: 1024px) {
.hcontent h1, .hcontent .h1 {
font-size: 50px;
}
.hcontent h2, .hcontent .h2 {
font-size: 38px;
}
.hcontent h3, .hcontent .h3 {
font-size: 26px;
}
.hcontent h4, .hcontent .h4 {
font-size: 20px;
}
.hcontent h5, .hcontent .h5 {
font-size: 16px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.hcontent h1, .hcontent .h1 {
font-size: 42px;
}
.hcontent h2, .hcontent .h2 {
font-size: 32px;
}
.hcontent h3, .hcontent .h3 {
font-size: 20px;
}
.hcontent h4, .hcontent .h4 {
font-size: 18px;
}
.hcontent h5, .hcontent .h5 {
font-size: 16px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
.hcontent p.large-body-text,
.hcontent ul.large-body-text li,
.hcontent ol.large-body-text li {
font-size: 120%;
}
}
.hcontent *.cta-text-link,
*.cta-text-link {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
color: #1b98e0;
text-decoration: none;
text-transform: uppercase;
}
.hcontent *.cta-text-link:hover,
*.cta-text-link:hover {
color: #1b98e0;
text-decoration: none;
}
/* TYPOGRAPHY COLORS */
.hcontent h1 {
color: #0c1941;
}
.hcontent h2, .hcontent h4, .hcontent h6 {
color: #0c1941;
}
.hcontent h3, .hcontent h5 {
color: #51504f;
}
.hcontent p {
color: #51504f;
}
.hcontent a:not(.button), .hcontent a:not(.button):active {
color: #1b98e0;
}
.hcontent a:not(.button):hover, .hcontent a:not(.button):active:hover {
color: #1b98e0;
}
.hcontent .font-subheading {
color: #51504f;
}
.hcontent.hcontent-dark-bg {
color: #fff;
}
.hcontent.hcontent-dark-bg h1 {
color: #fff;
}
.hcontent.hcontent-dark-bg h2, .hcontent.hcontent-dark-bg h4, .hcontent.hcontent-dark-bg h6 {
color: #fff;
}
.hcontent.hcontent-dark-bg h3, .hcontent.hcontent-dark-bg h5 {
color: #fff;
}
.hcontent.hcontent-dark-bg p, .hcontent.hcontent-dark-bg li {
color: #dfdfdf;
}
.hcontent.hcontent-dark-bg a:not(.button) {
color: #fff;
}
.hcontent.hcontent-dark-bg a:not(.button):hover {
color: #fff;
}
.hcontent.hcontent-dark-bg .font-subheading {
color: #dfdfdf;
}
/* END OF TYPOGRAPHY COLORS */
/* ROBOTO REGULAR **************/
body .hcontent .roboto-reg,
body .roboto-reg {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 300;
}
/* ROBOTO ITALIC **************/
body .hcontent .roboto-it,
body .roboto-it {
font-family: "RobotoItalic", sans-serif;
font-style: normal;
font-weight: 300;
}
/* POPPINS SEMIBOLD **************/
body .hcontent .poppins-semi,
body .poppins-semi {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 300;
}
/* POPPINS SEMIBOLD ITALIC **************/
body .hcontent .poppins-semi-it,
body .poppins-semi-it {
font-family: "PoppinsSemiIt";
font-style: normal;
font-weight: 300;
}
/* POPPINS BOLD **************/
body .hcontent .poppins-bold,
body .poppins-bold {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 300;
}
/* POPPINS BOLD ITALIC **************/
body .hcontent .poppins-bold-it,
body .poppins-bold-it {
font-family: "PoppinsBoldIt";
font-style: normal;
font-weight: 300;
}
/*****************************************************************
CONTENT TYPE MIXINS
Note: Having "body" in the class selectors below allows it to have higher inheritance over our standard font-family styling that's in place
*****************************************************************/
/* HEADINGS **************/
body .hcontent .font-heading,
body .font-heading {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
}
/* SUBHEADINGS *************/
body .hcontent .font-subheading,
body .font-subheading {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
}
/* BODY COPY **************/
body .hcontent .font-body,
body .font-body {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
}
/*****************************************************************
.HCONTENT CLASS STYLING
1. The ".hcontent" class should be added to the direct wrapper of the content. It should not be added higher up in the DOM since sidebars are usually styled different.
2. All headings below h2 (h3-h6) should alternate color so that they are easy to distinguish. In most cases your h3, h5 will be one color, and your h4, h6 will be another color.
3. There should be extra padding added above your h2-h6's to help separate sections more.
*****************************************************************/
.hcontent {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
}
.hcontent h1, .hcontent .h1, .hcontent h2, .hcontent .h2 {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.hcontent h3, .hcontent .h3, .hcontent h4, .hcontent .h4, .hcontent h5, .hcontent .h5, .hcontent h6, .hcontent .h6 {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
font-style: normal;
font-weight: 400;
line-height: 1.3;
}
.hcontent h2, .hcontent .h2, .hcontent h3, .hcontent .h3, .hcontent h4, .hcontent .h4, .hcontent h5, .hcontent .h5, .hcontent h6, .hcontent .h6 {
padding-top: 20px;
margin-bottom: 14px;
}
.hcontent p, .hcontent ul, .hcontent ol {
margin-bottom: 20px;
line-height: 1.7;
}
.hcontent p, .hcontent li {
font-size: 16px;
line-height: 1.7;
}
.hcontent p.large-body-text,
.hcontent ul.large-body-text li,
.hcontent ol.large-body-text li {
font-size: 140%;
}
.hcontent p.small-body-text,
.hcontent ul.small-body-text li,
.hcontent ol.small-body-text li {
font-size: 80%;
}
.hcontent ul, .hcontent ol {
padding-left: 35px;
}
.hcontent ul li {
list-style: disc outside;
}
.hcontent ol li {
list-style: decimal outside;
}
.hcontent.non-list ul, .hcontent.non-list ol,
.hcontent .non-list ul,
.hcontent .non-list ol {
padding-left: 0;
}
.hcontent.non-list ul li, .hcontent.non-list ol li,
.hcontent .non-list ul li,
.hcontent .non-list ol li {
list-style: none;
}
.hcontent h1, .hcontent .h1 {
font-size: 48px;
margin-bottom: 15px;
}
.hcontent h2, .hcontent .h2 {
font-size: 28px;
}
.hcontent h3, .hcontent .h3 {
font-size: 24px;
}
.hcontent h4, .hcontent .h4 {
font-size: 20px;
}
.hcontent h5, .hcontent .h5 {
font-size: 18px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
.hcontent a {
text-decoration: underline;
}
.hcontent strong {
font-weight: bold;
}
.hcontent em {
font-style: italic;
}
.hcontent .font-subheading + h1, .hcontent .font-subheading + h2, .hcontent .font-subheading + h3, .hcontent .font-subheading + h4, .hcontent .font-subheading + h5, .hcontent .font-subheading + h6 {
padding-top: 0;
}
@media screen and (max-width: 1024px) {
.hcontent h1, .hcontent .h1 {
font-size: 50px;
}
.hcontent h2, .hcontent .h2 {
font-size: 38px;
}
.hcontent h3, .hcontent .h3 {
font-size: 26px;
}
.hcontent h4, .hcontent .h4 {
font-size: 20px;
}
.hcontent h5, .hcontent .h5 {
font-size: 16px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.hcontent h1, .hcontent .h1 {
font-size: 42px;
}
.hcontent h2, .hcontent .h2 {
font-size: 32px;
}
.hcontent h3, .hcontent .h3 {
font-size: 20px;
}
.hcontent h4, .hcontent .h4 {
font-size: 18px;
}
.hcontent h5, .hcontent .h5 {
font-size: 16px;
}
.hcontent h6, .hcontent .h6 {
font-size: 16px;
}
.hcontent p.large-body-text,
.hcontent ul.large-body-text li,
.hcontent ol.large-body-text li {
font-size: 120%;
}
}
.hcontent *.cta-text-link,
*.cta-text-link {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
color: #1b98e0;
text-decoration: none;
text-transform: uppercase;
}
.hcontent *.cta-text-link:hover,
*.cta-text-link:hover {
color: #1b98e0;
text-decoration: none;
}
/* TYPOGRAPHY COLORS */
.hcontent h1 {
color: #0c1941;
}
.hcontent h2, .hcontent h4, .hcontent h6 {
color: #0c1941;
}
.hcontent h3, .hcontent h5 {
color: #51504f;
}
.hcontent p {
color: #51504f;
}
.hcontent a:not(.button), .hcontent a:not(.button):active {
color: #1b98e0;
}
.hcontent a:not(.button):hover, .hcontent a:not(.button):active:hover {
color: #1b98e0;
}
.hcontent .font-subheading {
color: #51504f;
}
.hcontent.hcontent-dark-bg {
color: #fff;
}
.hcontent.hcontent-dark-bg h1 {
color: #fff;
}
.hcontent.hcontent-dark-bg h2, .hcontent.hcontent-dark-bg h4, .hcontent.hcontent-dark-bg h6 {
color: #fff;
}
.hcontent.hcontent-dark-bg h3, .hcontent.hcontent-dark-bg h5 {
color: #fff;
}
.hcontent.hcontent-dark-bg p, .hcontent.hcontent-dark-bg li {
color: #dfdfdf;
}
.hcontent.hcontent-dark-bg a:not(.button) {
color: #fff;
}
.hcontent.hcontent-dark-bg a:not(.button):hover {
color: #fff;
}
.hcontent.hcontent-dark-bg .font-subheading {
color: #dfdfdf;
}
/* END OF TYPOGRAPHY COLORS */
/**************
Base button styles for the front-end of the site should go here. For example:
.button (this includes css used for all buttons, plus padding and font-size for a default button)
.button-lg (this dictates the button size and would be larger than ".button", so you'd include padding and font-size)
.button-primary (this dictates the button color, so you'd include background-color, color, and border-color)
.button-secondary (this dictates the button color, so you'd include background-color, color, and border-color)
***************/
.hcontent a.button,
.hcontent input[type=submit].button,
.hcontent input[type=button].button,
.hcontent button.button,
.hcontent li.button,
.hcontent span.button,
a.button,
input[type=submit].button,
input[type=button].button,
button.button,
li.button,
span.button {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
border-radius: 0;
}
.hcontent a.button.button-sm,
.hcontent input[type=submit].button.button-sm,
.hcontent input[type=button].button.button-sm,
.hcontent button.button.button-sm,
.hcontent li.button.button-sm,
.hcontent span.button.button-sm,
a.button.button-sm,
input[type=submit].button.button-sm,
input[type=button].button.button-sm,
button.button.button-sm,
li.button.button-sm,
span.button.button-sm {
padding: 12px 24px;
font-size: 14px;
}
.hcontent a.button,
.hcontent input[type=submit].button,
.hcontent input[type=button].button,
.hcontent button.button,
.hcontent li.button,
.hcontent span.button,
a.button,
input[type=submit].button,
input[type=button].button,
button.button,
li.button,
span.button {
padding: 15px 30px;
font-size: 16px;
}
.hcontent a.button.button-lg,
.hcontent input[type=submit].button.button-lg,
.hcontent input[type=button].button.button-lg,
.hcontent button.button.button-lg,
.hcontent li.button.button-lg,
.hcontent span.button.button-lg,
a.button.button-lg,
input[type=submit].button.button-lg,
input[type=button].button.button-lg,
button.button.button-lg,
li.button.button-lg,
span.button.button-lg {
font-size: 20px;
padding: 18px 48px;
}
@media (max-width: 767px) {
.hcontent a.button.button-sm,
.hcontent input[type=submit].button.button-sm,
.hcontent input[type=button].button.button-sm,
.hcontent button.button.button-sm,
.hcontent li.button.button-sm,
.hcontent span.button.button-sm,
a.button.button-sm,
input[type=submit].button.button-sm,
input[type=button].button.button-sm,
button.button.button-sm,
li.button.button-sm,
span.button.button-sm {
padding: 12px 24px;
font-size: 14px;
}
.hcontent a.button,
.hcontent input[type=submit].button,
.hcontent input[type=button].button,
.hcontent button.button,
.hcontent li.button,
.hcontent span.button,
a.button,
input[type=submit].button,
input[type=button].button,
button.button,
li.button,
span.button {
padding: 14px 30px;
font-size: 16px;
}
.hcontent a.button.button-lg,
.hcontent input[type=submit].button.button-lg,
.hcontent input[type=button].button.button-lg,
.hcontent button.button.button-lg,
.hcontent li.button.button-lg,
.hcontent span.button.button-lg,
a.button.button-lg,
input[type=submit].button.button-lg,
input[type=button].button.button-lg,
button.button.button-lg,
li.button.button-lg,
span.button.button-lg {
padding: 18px 36px;
font-size: 18px;
}
}
.hcontent a.button.button-primary,
.hcontent input[type=submit].button.button-primary,
.hcontent input[type=button].button.button-primary,
.hcontent button.button.button-primary,
.hcontent li.button.button-primary,
.hcontent span.button.button-primary,
a.button.button-primary,
input[type=submit].button.button-primary,
input[type=button].button.button-primary,
button.button.button-primary,
li.button.button-primary,
span.button.button-primary {
background: #d57d24;
border-color: #d57d24;
border-radius: 50px;
color: #fff;
}
.hcontent a.button.button-primary:not(.button-disabled):hover, .hcontent a.button.button-primary:not(.button-disabled):focus, .hcontent a.button.button-primary:not(.button-disabled):active,
.hcontent input[type=submit].button.button-primary:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-primary:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-primary:not(.button-disabled):active,
.hcontent input[type=button].button.button-primary:not(.button-disabled):hover,
.hcontent input[type=button].button.button-primary:not(.button-disabled):focus,
.hcontent input[type=button].button.button-primary:not(.button-disabled):active,
.hcontent button.button.button-primary:not(.button-disabled):hover,
.hcontent button.button.button-primary:not(.button-disabled):focus,
.hcontent button.button.button-primary:not(.button-disabled):active,
.hcontent li.button.button-primary:not(.button-disabled):hover,
.hcontent li.button.button-primary:not(.button-disabled):focus,
.hcontent li.button.button-primary:not(.button-disabled):active,
.hcontent span.button.button-primary:not(.button-disabled):hover,
.hcontent span.button.button-primary:not(.button-disabled):focus,
.hcontent span.button.button-primary:not(.button-disabled):active,
a.button.button-primary:not(.button-disabled):hover,
a.button.button-primary:not(.button-disabled):focus,
a.button.button-primary:not(.button-disabled):active,
input[type=submit].button.button-primary:not(.button-disabled):hover,
input[type=submit].button.button-primary:not(.button-disabled):focus,
input[type=submit].button.button-primary:not(.button-disabled):active,
input[type=button].button.button-primary:not(.button-disabled):hover,
input[type=button].button.button-primary:not(.button-disabled):focus,
input[type=button].button.button-primary:not(.button-disabled):active,
button.button.button-primary:not(.button-disabled):hover,
button.button.button-primary:not(.button-disabled):focus,
button.button.button-primary:not(.button-disabled):active,
li.button.button-primary:not(.button-disabled):hover,
li.button.button-primary:not(.button-disabled):focus,
li.button.button-primary:not(.button-disabled):active,
span.button.button-primary:not(.button-disabled):hover,
span.button.button-primary:not(.button-disabled):focus,
span.button.button-primary:not(.button-disabled):active {
background: #e4a361;
border-color: #e4a361;
color: #fff;
}
.hcontent a.button.button-primary-border,
.hcontent input[type=submit].button.button-primary-border,
.hcontent input[type=button].button.button-primary-border,
.hcontent button.button.button-primary-border,
.hcontent li.button.button-primary-border,
.hcontent span.button.button-primary-border,
a.button.button-primary-border,
input[type=submit].button.button-primary-border,
input[type=button].button.button-primary-border,
button.button.button-primary-border,
li.button.button-primary-border,
span.button.button-primary-border {
background: transparent;
border-color: #d57d24;
color: #d57d24;
border-radius: 50px;
}
.hcontent a.button.button-primary-border:not(.button-disabled):hover, .hcontent a.button.button-primary-border:not(.button-disabled):focus, .hcontent a.button.button-primary-border:not(.button-disabled):active,
.hcontent input[type=submit].button.button-primary-border:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-primary-border:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-primary-border:not(.button-disabled):active,
.hcontent input[type=button].button.button-primary-border:not(.button-disabled):hover,
.hcontent input[type=button].button.button-primary-border:not(.button-disabled):focus,
.hcontent input[type=button].button.button-primary-border:not(.button-disabled):active,
.hcontent button.button.button-primary-border:not(.button-disabled):hover,
.hcontent button.button.button-primary-border:not(.button-disabled):focus,
.hcontent button.button.button-primary-border:not(.button-disabled):active,
.hcontent li.button.button-primary-border:not(.button-disabled):hover,
.hcontent li.button.button-primary-border:not(.button-disabled):focus,
.hcontent li.button.button-primary-border:not(.button-disabled):active,
.hcontent span.button.button-primary-border:not(.button-disabled):hover,
.hcontent span.button.button-primary-border:not(.button-disabled):focus,
.hcontent span.button.button-primary-border:not(.button-disabled):active,
a.button.button-primary-border:not(.button-disabled):hover,
a.button.button-primary-border:not(.button-disabled):focus,
a.button.button-primary-border:not(.button-disabled):active,
input[type=submit].button.button-primary-border:not(.button-disabled):hover,
input[type=submit].button.button-primary-border:not(.button-disabled):focus,
input[type=submit].button.button-primary-border:not(.button-disabled):active,
input[type=button].button.button-primary-border:not(.button-disabled):hover,
input[type=button].button.button-primary-border:not(.button-disabled):focus,
input[type=button].button.button-primary-border:not(.button-disabled):active,
button.button.button-primary-border:not(.button-disabled):hover,
button.button.button-primary-border:not(.button-disabled):focus,
button.button.button-primary-border:not(.button-disabled):active,
li.button.button-primary-border:not(.button-disabled):hover,
li.button.button-primary-border:not(.button-disabled):focus,
li.button.button-primary-border:not(.button-disabled):active,
span.button.button-primary-border:not(.button-disabled):hover,
span.button.button-primary-border:not(.button-disabled):focus,
span.button.button-primary-border:not(.button-disabled):active {
background: #d57d24;
border-color: #d57d24;
color: #fff;
}
.hcontent a.button.button-primary-link,
.hcontent input[type=submit].button.button-primary-link,
.hcontent input[type=button].button.button-primary-link,
.hcontent button.button.button-primary-link,
.hcontent li.button.button-primary-link,
.hcontent span.button.button-primary-link,
a.button.button-primary-link,
input[type=submit].button.button-primary-link,
input[type=button].button.button-primary-link,
button.button.button-primary-link,
li.button.button-primary-link,
span.button.button-primary-link {
background: transparent;
border-color: transparent;
color: #d57d24;
}
.hcontent a.button.button-primary-link:not(.button-disabled):hover, .hcontent a.button.button-primary-link:not(.button-disabled):focus, .hcontent a.button.button-primary-link:not(.button-disabled):active,
.hcontent input[type=submit].button.button-primary-link:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-primary-link:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-primary-link:not(.button-disabled):active,
.hcontent input[type=button].button.button-primary-link:not(.button-disabled):hover,
.hcontent input[type=button].button.button-primary-link:not(.button-disabled):focus,
.hcontent input[type=button].button.button-primary-link:not(.button-disabled):active,
.hcontent button.button.button-primary-link:not(.button-disabled):hover,
.hcontent button.button.button-primary-link:not(.button-disabled):focus,
.hcontent button.button.button-primary-link:not(.button-disabled):active,
.hcontent li.button.button-primary-link:not(.button-disabled):hover,
.hcontent li.button.button-primary-link:not(.button-disabled):focus,
.hcontent li.button.button-primary-link:not(.button-disabled):active,
.hcontent span.button.button-primary-link:not(.button-disabled):hover,
.hcontent span.button.button-primary-link:not(.button-disabled):focus,
.hcontent span.button.button-primary-link:not(.button-disabled):active,
a.button.button-primary-link:not(.button-disabled):hover,
a.button.button-primary-link:not(.button-disabled):focus,
a.button.button-primary-link:not(.button-disabled):active,
input[type=submit].button.button-primary-link:not(.button-disabled):hover,
input[type=submit].button.button-primary-link:not(.button-disabled):focus,
input[type=submit].button.button-primary-link:not(.button-disabled):active,
input[type=button].button.button-primary-link:not(.button-disabled):hover,
input[type=button].button.button-primary-link:not(.button-disabled):focus,
input[type=button].button.button-primary-link:not(.button-disabled):active,
button.button.button-primary-link:not(.button-disabled):hover,
button.button.button-primary-link:not(.button-disabled):focus,
button.button.button-primary-link:not(.button-disabled):active,
li.button.button-primary-link:not(.button-disabled):hover,
li.button.button-primary-link:not(.button-disabled):focus,
li.button.button-primary-link:not(.button-disabled):active,
span.button.button-primary-link:not(.button-disabled):hover,
span.button.button-primary-link:not(.button-disabled):focus,
span.button.button-primary-link:not(.button-disabled):active {
background: transparent;
border-color: transparent;
color: #d57d24;
text-decoration: underline;
}
.hcontent a.button.button-secondary,
.hcontent input[type=submit].button.button-secondary,
.hcontent input[type=button].button.button-secondary,
.hcontent button.button.button-secondary,
.hcontent li.button.button-secondary,
.hcontent span.button.button-secondary,
a.button.button-secondary,
input[type=submit].button.button-secondary,
input[type=button].button.button-secondary,
button.button.button-secondary,
li.button.button-secondary,
span.button.button-secondary {
background: #0c1941;
border-color: #0c1941;
border-radius: 50px;
color: #fff;
}
.hcontent a.button.button-secondary:not(.button-disabled):hover, .hcontent a.button.button-secondary:not(.button-disabled):focus, .hcontent a.button.button-secondary:not(.button-disabled):active,
.hcontent input[type=submit].button.button-secondary:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-secondary:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-secondary:not(.button-disabled):active,
.hcontent input[type=button].button.button-secondary:not(.button-disabled):hover,
.hcontent input[type=button].button.button-secondary:not(.button-disabled):focus,
.hcontent input[type=button].button.button-secondary:not(.button-disabled):active,
.hcontent button.button.button-secondary:not(.button-disabled):hover,
.hcontent button.button.button-secondary:not(.button-disabled):focus,
.hcontent button.button.button-secondary:not(.button-disabled):active,
.hcontent li.button.button-secondary:not(.button-disabled):hover,
.hcontent li.button.button-secondary:not(.button-disabled):focus,
.hcontent li.button.button-secondary:not(.button-disabled):active,
.hcontent span.button.button-secondary:not(.button-disabled):hover,
.hcontent span.button.button-secondary:not(.button-disabled):focus,
.hcontent span.button.button-secondary:not(.button-disabled):active,
a.button.button-secondary:not(.button-disabled):hover,
a.button.button-secondary:not(.button-disabled):focus,
a.button.button-secondary:not(.button-disabled):active,
input[type=submit].button.button-secondary:not(.button-disabled):hover,
input[type=submit].button.button-secondary:not(.button-disabled):focus,
input[type=submit].button.button-secondary:not(.button-disabled):active,
input[type=button].button.button-secondary:not(.button-disabled):hover,
input[type=button].button.button-secondary:not(.button-disabled):focus,
input[type=button].button.button-secondary:not(.button-disabled):active,
button.button.button-secondary:not(.button-disabled):hover,
button.button.button-secondary:not(.button-disabled):focus,
button.button.button-secondary:not(.button-disabled):active,
li.button.button-secondary:not(.button-disabled):hover,
li.button.button-secondary:not(.button-disabled):focus,
li.button.button-secondary:not(.button-disabled):active,
span.button.button-secondary:not(.button-disabled):hover,
span.button.button-secondary:not(.button-disabled):focus,
span.button.button-secondary:not(.button-disabled):active {
background: #122663;
border-color: #122663;
color: #fff;
}
.hcontent a.button.button-secondary-border,
.hcontent input[type=submit].button.button-secondary-border,
.hcontent input[type=button].button.button-secondary-border,
.hcontent button.button.button-secondary-border,
.hcontent li.button.button-secondary-border,
.hcontent span.button.button-secondary-border,
a.button.button-secondary-border,
input[type=submit].button.button-secondary-border,
input[type=button].button.button-secondary-border,
button.button.button-secondary-border,
li.button.button-secondary-border,
span.button.button-secondary-border {
background: transparent;
border-color: #0c1941;
border-radius: 50px;
color: #0c1941;
}
.hcontent a.button.button-secondary-border:not(.button-disabled):hover, .hcontent a.button.button-secondary-border:not(.button-disabled):focus, .hcontent a.button.button-secondary-border:not(.button-disabled):active,
.hcontent input[type=submit].button.button-secondary-border:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-secondary-border:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-secondary-border:not(.button-disabled):active,
.hcontent input[type=button].button.button-secondary-border:not(.button-disabled):hover,
.hcontent input[type=button].button.button-secondary-border:not(.button-disabled):focus,
.hcontent input[type=button].button.button-secondary-border:not(.button-disabled):active,
.hcontent button.button.button-secondary-border:not(.button-disabled):hover,
.hcontent button.button.button-secondary-border:not(.button-disabled):focus,
.hcontent button.button.button-secondary-border:not(.button-disabled):active,
.hcontent li.button.button-secondary-border:not(.button-disabled):hover,
.hcontent li.button.button-secondary-border:not(.button-disabled):focus,
.hcontent li.button.button-secondary-border:not(.button-disabled):active,
.hcontent span.button.button-secondary-border:not(.button-disabled):hover,
.hcontent span.button.button-secondary-border:not(.button-disabled):focus,
.hcontent span.button.button-secondary-border:not(.button-disabled):active,
a.button.button-secondary-border:not(.button-disabled):hover,
a.button.button-secondary-border:not(.button-disabled):focus,
a.button.button-secondary-border:not(.button-disabled):active,
input[type=submit].button.button-secondary-border:not(.button-disabled):hover,
input[type=submit].button.button-secondary-border:not(.button-disabled):focus,
input[type=submit].button.button-secondary-border:not(.button-disabled):active,
input[type=button].button.button-secondary-border:not(.button-disabled):hover,
input[type=button].button.button-secondary-border:not(.button-disabled):focus,
input[type=button].button.button-secondary-border:not(.button-disabled):active,
button.button.button-secondary-border:not(.button-disabled):hover,
button.button.button-secondary-border:not(.button-disabled):focus,
button.button.button-secondary-border:not(.button-disabled):active,
li.button.button-secondary-border:not(.button-disabled):hover,
li.button.button-secondary-border:not(.button-disabled):focus,
li.button.button-secondary-border:not(.button-disabled):active,
span.button.button-secondary-border:not(.button-disabled):hover,
span.button.button-secondary-border:not(.button-disabled):focus,
span.button.button-secondary-border:not(.button-disabled):active {
background: #0c1941;
border-color: #0c1941;
color: #fff;
}
.hcontent a.button.button-secondary-link,
.hcontent input[type=submit].button.button-secondary-link,
.hcontent input[type=button].button.button-secondary-link,
.hcontent button.button.button-secondary-link,
.hcontent li.button.button-secondary-link,
.hcontent span.button.button-secondary-link,
a.button.button-secondary-link,
input[type=submit].button.button-secondary-link,
input[type=button].button.button-secondary-link,
button.button.button-secondary-link,
li.button.button-secondary-link,
span.button.button-secondary-link {
background: transparent;
border-color: transparent;
color: #0c1941;
}
.hcontent a.button.button-secondary-link:not(.button-disabled):hover, .hcontent a.button.button-secondary-link:not(.button-disabled):focus, .hcontent a.button.button-secondary-link:not(.button-disabled):active,
.hcontent input[type=submit].button.button-secondary-link:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-secondary-link:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-secondary-link:not(.button-disabled):active,
.hcontent input[type=button].button.button-secondary-link:not(.button-disabled):hover,
.hcontent input[type=button].button.button-secondary-link:not(.button-disabled):focus,
.hcontent input[type=button].button.button-secondary-link:not(.button-disabled):active,
.hcontent button.button.button-secondary-link:not(.button-disabled):hover,
.hcontent button.button.button-secondary-link:not(.button-disabled):focus,
.hcontent button.button.button-secondary-link:not(.button-disabled):active,
.hcontent li.button.button-secondary-link:not(.button-disabled):hover,
.hcontent li.button.button-secondary-link:not(.button-disabled):focus,
.hcontent li.button.button-secondary-link:not(.button-disabled):active,
.hcontent span.button.button-secondary-link:not(.button-disabled):hover,
.hcontent span.button.button-secondary-link:not(.button-disabled):focus,
.hcontent span.button.button-secondary-link:not(.button-disabled):active,
a.button.button-secondary-link:not(.button-disabled):hover,
a.button.button-secondary-link:not(.button-disabled):focus,
a.button.button-secondary-link:not(.button-disabled):active,
input[type=submit].button.button-secondary-link:not(.button-disabled):hover,
input[type=submit].button.button-secondary-link:not(.button-disabled):focus,
input[type=submit].button.button-secondary-link:not(.button-disabled):active,
input[type=button].button.button-secondary-link:not(.button-disabled):hover,
input[type=button].button.button-secondary-link:not(.button-disabled):focus,
input[type=button].button.button-secondary-link:not(.button-disabled):active,
button.button.button-secondary-link:not(.button-disabled):hover,
button.button.button-secondary-link:not(.button-disabled):focus,
button.button.button-secondary-link:not(.button-disabled):active,
li.button.button-secondary-link:not(.button-disabled):hover,
li.button.button-secondary-link:not(.button-disabled):focus,
li.button.button-secondary-link:not(.button-disabled):active,
span.button.button-secondary-link:not(.button-disabled):hover,
span.button.button-secondary-link:not(.button-disabled):focus,
span.button.button-secondary-link:not(.button-disabled):active {
background: transparent;
border-color: transparent;
color: #0c1941;
text-decoration: underline;
}
.hcontent a.button,
.hcontent input[type=submit].button,
.hcontent input[type=button].button,
.hcontent button.button,
.hcontent li.button,
.hcontent span.button,
a.button,
input[type=submit].button,
input[type=button].button,
button.button,
li.button,
span.button {
line-height: 1;
text-decoration: none !important;
text-align: center;
display: inline-block;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #787675;
border: 2px solid #787675;
border-radius: 50px;
color: #fff;
}
.hcontent a.button:not(.button-disabled):hover, .hcontent a.button:not(.button-disabled):focus, .hcontent a.button:not(.button-disabled):active,
.hcontent input[type=submit].button:not(.button-disabled):hover,
.hcontent input[type=submit].button:not(.button-disabled):focus,
.hcontent input[type=submit].button:not(.button-disabled):active,
.hcontent input[type=button].button:not(.button-disabled):hover,
.hcontent input[type=button].button:not(.button-disabled):focus,
.hcontent input[type=button].button:not(.button-disabled):active,
.hcontent button.button:not(.button-disabled):hover,
.hcontent button.button:not(.button-disabled):focus,
.hcontent button.button:not(.button-disabled):active,
.hcontent li.button:not(.button-disabled):hover,
.hcontent li.button:not(.button-disabled):focus,
.hcontent li.button:not(.button-disabled):active,
.hcontent span.button:not(.button-disabled):hover,
.hcontent span.button:not(.button-disabled):focus,
.hcontent span.button:not(.button-disabled):active,
a.button:not(.button-disabled):hover,
a.button:not(.button-disabled):focus,
a.button:not(.button-disabled):active,
input[type=submit].button:not(.button-disabled):hover,
input[type=submit].button:not(.button-disabled):focus,
input[type=submit].button:not(.button-disabled):active,
input[type=button].button:not(.button-disabled):hover,
input[type=button].button:not(.button-disabled):focus,
input[type=button].button:not(.button-disabled):active,
button.button:not(.button-disabled):hover,
button.button:not(.button-disabled):focus,
button.button:not(.button-disabled):active,
li.button:not(.button-disabled):hover,
li.button:not(.button-disabled):focus,
li.button:not(.button-disabled):active,
span.button:not(.button-disabled):hover,
span.button:not(.button-disabled):focus,
span.button:not(.button-disabled):active {
background: #858381;
border-color: #858381;
color: #fff;
}
.hcontent a.button.button-border,
.hcontent input[type=submit].button.button-border,
.hcontent input[type=button].button.button-border,
.hcontent button.button.button-border,
.hcontent li.button.button-border,
.hcontent span.button.button-border,
a.button.button-border,
input[type=submit].button.button-border,
input[type=button].button.button-border,
button.button.button-border,
li.button.button-border,
span.button.button-border {
background: transparent;
border-color: #787675;
border-radius: 50px;
color: #787675;
}
.hcontent a.button.button-border:not(.button-disabled):hover, .hcontent a.button.button-border:not(.button-disabled):focus, .hcontent a.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover, .hcontent a.button.button-border.sg-button-border-active,
.hcontent input[type=submit].button.button-border:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border.sg-button-border-active,
.hcontent input[type=button].button.button-border:not(.button-disabled):hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border.sg-button-border-active,
.hcontent button.button.button-border:not(.button-disabled):hover,
.hcontent button.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border.sg-button-border-active,
.hcontent li.button.button-border:not(.button-disabled):hover,
.hcontent li.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border.sg-button-border-active,
.hcontent span.button.button-border:not(.button-disabled):hover,
.hcontent span.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border.sg-button-border-active,
a.button.button-border:not(.button-disabled):hover,
a.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
a.button.button-border.sg-button-border-active,
input[type=submit].button.button-border:not(.button-disabled):hover,
input[type=submit].button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
input[type=submit].button.button-border.sg-button-border-active,
input[type=button].button.button-border:not(.button-disabled):hover,
input[type=button].button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
input[type=button].button.button-border.sg-button-border-active,
button.button.button-border:not(.button-disabled):hover,
button.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
button.button.button-border.sg-button-border-active,
li.button.button-border:not(.button-disabled):hover,
li.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
li.button.button-border.sg-button-border-active,
span.button.button-border:not(.button-disabled):hover,
span.button.button-border:not(.button-disabled):focus,
.hcontent a.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
span.button.button-border.sg-button-border-active,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
.hcontent input[type=submit].button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
.hcontent input[type=button].button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
.hcontent button.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
.hcontent li.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
.hcontent span.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
a.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
input[type=submit].button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
input[type=button].button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
button.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
li.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent a.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent input[type=submit].button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent input[type=button].button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent button.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent li.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active .hcontent span.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active a.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active input[type=submit].button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active input[type=button].button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active button.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active li.button.button-border.sg-button-border-hover,
span.button.button-border:not(.button-disabled):active span.button.button-border.sg-button-border-hover {
background: #787675;
border-color: #787675;
color: #fff;
}
.hcontent a.button.button-link,
.hcontent input[type=submit].button.button-link,
.hcontent input[type=button].button.button-link,
.hcontent button.button.button-link,
.hcontent li.button.button-link,
.hcontent span.button.button-link,
a.button.button-link,
input[type=submit].button.button-link,
input[type=button].button.button-link,
button.button.button-link,
li.button.button-link,
span.button.button-link {
background: transparent;
border-color: transparent;
color: #787675;
}
.hcontent a.button.button-link:not(.button-disabled):hover, .hcontent a.button.button-link:not(.button-disabled):focus, .hcontent a.button.button-link:not(.button-disabled):active,
.hcontent input[type=submit].button.button-link:not(.button-disabled):hover,
.hcontent input[type=submit].button.button-link:not(.button-disabled):focus,
.hcontent input[type=submit].button.button-link:not(.button-disabled):active,
.hcontent input[type=button].button.button-link:not(.button-disabled):hover,
.hcontent input[type=button].button.button-link:not(.button-disabled):focus,
.hcontent input[type=button].button.button-link:not(.button-disabled):active,
.hcontent button.button.button-link:not(.button-disabled):hover,
.hcontent button.button.button-link:not(.button-disabled):focus,
.hcontent button.button.button-link:not(.button-disabled):active,
.hcontent li.button.button-link:not(.button-disabled):hover,
.hcontent li.button.button-link:not(.button-disabled):focus,
.hcontent li.button.button-link:not(.button-disabled):active,
.hcontent span.button.button-link:not(.button-disabled):hover,
.hcontent span.button.button-link:not(.button-disabled):focus,
.hcontent span.button.button-link:not(.button-disabled):active,
a.button.button-link:not(.button-disabled):hover,
a.button.button-link:not(.button-disabled):focus,
a.button.button-link:not(.button-disabled):active,
input[type=submit].button.button-link:not(.button-disabled):hover,
input[type=submit].button.button-link:not(.button-disabled):focus,
input[type=submit].button.button-link:not(.button-disabled):active,
input[type=button].button.button-link:not(.button-disabled):hover,
input[type=button].button.button-link:not(.button-disabled):focus,
input[type=button].button.button-link:not(.button-disabled):active,
button.button.button-link:not(.button-disabled):hover,
button.button.button-link:not(.button-disabled):focus,
button.button.button-link:not(.button-disabled):active,
li.button.button-link:not(.button-disabled):hover,
li.button.button-link:not(.button-disabled):focus,
li.button.button-link:not(.button-disabled):active,
span.button.button-link:not(.button-disabled):hover,
span.button.button-link:not(.button-disabled):focus,
span.button.button-link:not(.button-disabled):active {
color: #787675;
background: transparent;
border-color: transparent;
text-decoration: underline;
}
.hcontent a.button.button-disabled,
.hcontent input[type=submit].button.button-disabled,
.hcontent input[type=button].button.button-disabled,
.hcontent button.button.button-disabled,
.hcontent li.button.button-disabled,
.hcontent span.button.button-disabled,
a.button.button-disabled,
input[type=submit].button.button-disabled,
input[type=button].button.button-disabled,
button.button.button-disabled,
li.button.button-disabled,
span.button.button-disabled {
opacity: 0.7 !important;
cursor: not-allowed !important;
}
/***************************
GRID SYSTEM
***************************/
/* Splits Up The Page Horizontally & Clears Itself */
.row {
clear: both;
padding: 0px;
margin: 0;
}
.row:before,
.row:after {
content: "";
display: table;
}
.row:after {
clear: both;
}
/* Divides The Row Into Columns */
.col {
display: block;
float: left;
margin-left: 1.6%;
margin-right: 0;
}
.col:first-child {
margin-left: 0;
}
.col:before,
.col:after {
content: " ";
display: table;
}
.col:after {
clear: both;
}
/* Remove margins as all go full width at 480 pixels */
@media only screen and (max-width: 480px) {
.row {
margin-left: 0;
margin-right: 0;
}
.col {
margin: 1% 0 1% 0%;
}
}
/* GRID OF TWO */
.grid2-2 {
width: 100%;
}
.grid1-2 {
width: 49.2%;
}
/* GRID OF THREE */
.grid3-3 {
width: 100%;
}
.grid2-3 {
width: 66.13%;
}
.grid1-3 {
width: 32.26%;
}
/* GRID OF FOUR */
.grid4-4 {
width: 100%;
}
.grid3-4 {
width: 74.6%;
}
.grid2-4 {
width: 49.2%;
}
.grid1-4 {
width: 23.8%;
}
/* GRID OF FIVE */
.grid5-5 {
width: 100%;
}
.grid4-5 {
width: 79.68%;
}
.grid3-5 {
width: 59.36%;
}
.grid2-5 {
width: 39.04%;
}
.grid1-5 {
width: 18.72%;
}
/* GRID OF SIX */
.grid6-6 {
width: 100%;
}
.grid5-6 {
width: 83.06%;
}
.grid4-6 {
width: 66.13%;
}
.grid3-6 {
width: 49.2%;
}
.grid2-6 {
width: 32.26%;
}
.grid1-6 {
width: 15.33%;
}
/* GRID OF SEVEN */
.grid7-7 {
width: 100%;
}
.grid6-7 {
width: 85.48%;
}
.grid5-7 {
width: 70.97%;
}
.grid4-7 {
width: 56.45%;
}
.grid3-7 {
width: 41.94%;
}
.grid2-7 {
width: 27.42%;
}
.grid1-7 {
width: 12.91%;
}
/* GRID OF EIGHT */
.grid8-8 {
width: 100%;
}
.grid7-8 {
width: 87.3%;
}
.grid6-8 {
width: 74.6%;
}
.grid5-8 {
width: 61.9%;
}
.grid4-8 {
width: 49.2%;
}
.grid3-8 {
width: 36.5%;
}
.grid2-8 {
width: 23.8%;
}
.grid1-8 {
width: 11.1%;
}
/* GRID OF NINE */
.grid9-9 {
width: 100%;
}
.grid8-9 {
width: 88.71%;
}
.grid7-9 {
width: 77.42%;
}
.grid6-9 {
width: 66.13%;
}
.grid5-9 {
width: 54.84%;
}
.grid4-9 {
width: 43.55%;
}
.grid3-9 {
width: 32.26%;
}
.grid2-9 {
width: 20.97%;
}
.grid1-9 {
width: 9.68%;
}
/* GRID OF TEN */
.grid10-10 {
width: 100%;
}
.grid9-10 {
width: 89.84%;
}
.grid8-10 {
width: 79.68%;
}
.grid7-10 {
width: 69.52%;
}
.grid6-10 {
width: 59.36%;
}
.grid5-10 {
width: 49.2%;
}
.grid4-10 {
width: 39.04%;
}
.grid3-10 {
width: 28.88%;
}
.grid2-10 {
width: 18.72%;
}
.grid1-10 {
width: 8.56%;
}
/* GRID OF ELEVEN */
.grid11-11 {
width: 100%;
}
.grid10-11 {
width: 90.76%;
}
.grid9-11 {
width: 81.52%;
}
.grid8-11 {
width: 72.29%;
}
.grid7-11 {
width: 63.05%;
}
.grid6-11 {
width: 53.81%;
}
.grid5-11 {
width: 44.58%;
}
.grid4-11 {
width: 35.34%;
}
.grid3-11 {
width: 26.1%;
}
.grid2-11 {
width: 16.87%;
}
.grid1-11 {
width: 7.63%;
}
/* GRID OF TWELVE */
.grid12-12 {
width: 100%;
}
.grid11-12 {
width: 91.53%;
}
.grid10-12 {
width: 83.06%;
}
.grid9-12 {
width: 74.6%;
}
.grid8-12 {
width: 66.13%;
}
.grid7-12 {
width: 57.66%;
}
.grid6-12 {
width: 49.2%;
}
.grid5-12 {
width: 40.73%;
}
.grid4-12 {
width: 32.26%;
}
.grid3-12 {
width: 23.8%;
}
.grid2-12 {
width: 15.33%;
}
.grid1-12 {
width: 6.86%;
}
/* Go Full Width At Less Than 480 Pixels */
@media (max-width: 480px) {
[class*=grid],
div[class*=grid] {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.respond {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.respond-half {
width: 49%;
margin-left: 2%;
margin-right: 0;
}
.respond-half:first-child {
margin-left: 0;
}
}
/* Responsive Media Container */
.embed-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
height: 0;
overflow: hidden;
}
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed,
.embed-responsive div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Horizontal Tablet Show / Hide Classes */
@media only screen and (max-width: 1024px) {
.hide-htablet {
display: none !important;
}
.show-htablet {
display: block !important;
}
}
/* Vertical Tablet Show / Hide Classes */
@media only screen and (max-width: 768px) {
.hide-vtablet {
display: none !important;
}
.show-vtablet {
display: block !important;
}
}
/* Mobile Show / Hide Classes */
@media only screen and (max-width: 480px) {
.hide-mobile {
display: none !important;
}
.show-mobile {
display: block !important;
}
}
/* Reponsive Images */
img {
/* Ensure images don't scale beyond their parents */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9 ;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
/* Make image not responsive */
img.not-responsive {
max-width: none;
}
#lead-component {
width: 580px;
border: 2px inset #000;
height: 500px;
overflow-y: auto;
position: relative;
}
#lead-component a.previously-purched-leads {
color: #fff;
display: inline-block;
padding-top: 5px;
}
#lead-component .toolbar {
padding: 3px 5px;
background-color: #0C1941;
color: #fff;
text-transform: uppercase;
font-size: bold;
font-size: 14px;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
#lead-component .toolbar .balance {
text-align: left;
white-space: nowrap;
}
#lead-component .toolbar .balance label {
font-weight: bold;
display: inline-block;
padding-bottom: 5px;
margin-right: 5px;
border-bottom: 1px solid #0C1941;
}
#lead-component .toolbar .balance span {
border-bottom: 1px solid #fff;
text-align: right;
display: inline-block;
min-width: 67px;
white-space: nowrap;
}
#lead-component .toolbar a.add-more-credits {
color: #fff;
text-decoration: none;
}
#lead-component .toolbar .cart-info-row {
white-space: nowrap;
}
#lead-component .toolbar .cart-info-row label {
font-weight: bold;
display: inline-block;
min-width: 135px;
border-bottom: 1px solid #0C1941;
text-align: right;
padding: 2px;
}
#lead-component .toolbar .cart-info-row span {
display: inline-block;
min-width: 80px;
padding: 2px;
background-color: #fff;
text-align: right;
color: #0C1941;
border-bottom: 1px solid #0C1941;
}
#lead-component .toolbar .sub-toolbar {
text-align: left;
white-space: nowrap;
}
#lead-component .toolbar .button {
padding: 5px 5px;
font-weight: bold;
float: right;
}
#lead-component .toolbar p.p-auto-rebill {
text-align: left;
}
#lead-component .lead-filter-toolbar {
margin-top: 0px;
padding: 5px 0;
background-color: #0C1941;
border-top: 1px solid #fff;
-webkit-transition: 0.3s all;
transition: 0.3s all;
opacity: 1;
}
#lead-component .lead-filter-toolbar .lead-filter-toolbar-row-bottom {
padding: 5px 0 2px 0;
}
#lead-component .lead-filter-toolbar.off {
opacity: 0;
height: 0px;
overflow: hidden;
}
#lead-component .lead-filter-toolbar label {
color: #fff;
font-size: 13px;
text-align: left;
font-weight: bold;
line-height: 18px;
}
#lead-component .lead-filter-toolbar select {
border: 1px solid #e1e1e1;
padding: 2px;
width: 95%;
background-color: #fff;
}
#lead-component .lead-filter-toolbar select option {
background-color: #fff;
}
#lead-component .lead-filter-toolbar .col.grid3-12 {
position: relative;
}
#lead-component .lead-filter-toolbar .col.grid3-12 a.button.clear-filters {
color: #fff !important;
font-weight: normal;
text-decoration: underline;
display: block;
font-size: 12px;
position: absolute;
margin: auto auto;
height: 24px;
top: 28px;
left: 0;
right: 0;
bottom: 0;
float: none;
}
#lead-component #lead-wrapper {
/*max-height:430px;
min-height:338px;
max-height:338px; // updated after new filter added
overflow-y:scroll;*/
background-color: #FAF9F6;
}
#lead-component #lead-wrapper .lead-item {
background: #fff;
text-align: left;
padding: 15px 15px 5px 15px;
margin: 10px 10px 15px 10px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
}
#lead-component #lead-wrapper .lead-item[data-incart="1"] {
border: 2px solid green;
}
#lead-component #lead-wrapper .lead-item[data-incart="2"] {
border: none;
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
#lead-component #lead-wrapper .lead-item[data-incart="3"], #lead-component #lead-wrapper .lead-item[lead-status="3"] {
border: none;
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
#lead-component #lead-wrapper .lead-item .lead-desc {
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
border-top: 1px solid #ccc;
}
#lead-component #lead-wrapper .lead-item .lead-desc p {
font-size: 14px;
line-height: 1.25;
}
#lead-component #lead-wrapper .lead-item p {
display: block;
text-align: left;
text-transform: uppercase;
line-height: 1.5;
}
#lead-component #lead-wrapper .lead-item .lead-data p {
font-size: 15px;
line-height: 1.3;
}
#lead-component #lead-wrapper .lead-item .lead-data p.name {
font-weight: bold;
}
#lead-component #lead-wrapper .lead-item .lead-data p label {
font-weight: bold;
}
#lead-component #lead-wrapper .lead-item .button {
padding: 5px 10px;
text-align: center;
}
#lead-component #lead-wrapper .lead-item .price-button {
text-align: center;
}
#lead-component #lead-wrapper .lead-item label.lead-price {
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1.5;
display: block;
}
#lead-component #lead-wrapper .lead-item label.lead-price:before {
content: "Price: ";
display: block;
line-height: 1;
}
#lead-component .lead-receipt {
display: none;
position: absolute;
top: 160px;
left: 2px;
right: 2px;
bottom: 5px;
background-color: #fff;
z-index: 15;
text-align: left;
height: 5000px;
padding-bottom: 100px;
/*overflow-x:hidden;
overflow-y:auto;*/
}
#lead-component .lead-receipt .lead-receipt-header {
padding: 15px 15px 5px 15px;
margin: 10px 10px 15px 10px;
}
#lead-component .lead-receipt .lead-receipt-header h2 {
margin-bottom: 10px;
}
#lead-component .lead-receipt .lead-receipt-header h2 a {
font-size: 12px;
float: right;
padding: 8px 15px;
}
#lead-component .lead-receipt .lead-receipt-header p {
font-size: 14px;
line-height: 1.25;
padding-bottom: 10px;
}
#lead-component .lead-receipt .lead-receipt-header p span {
font-weight: bold;
text-transform: lower-case;
}
#lead-component .lead-receipt .lead-response-item {
background: #fff;
text-align: left;
padding: 15px 15px 5px 15px;
margin: 10px 10px 15px 10px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
}
#lead-component .lead-receipt .lead-response-item h2 {
text-transform: uppercase;
border-bottom: 1px solid #0C1941;
padding-bottom: 5px;
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
}
#lead-component .lead-receipt .lead-response-item .row-desc-value {
line-height: 1.33;
}
#lead-component .lead-receipt .lead-response-item .row {
padding: 5px;
}
#lead-component .lead-receipt .lead-response-item .row:nth-child(odd) {
background-color: #efefef;
}
#lead-component .lead-receipt .lead-response-item label {
font-weight: bold;
}
@media only screen and (max-width: 480px) {
#lead-component {
width: 100%;
background-color: red !important;
}
#lead-component .toolbar .flex3-12 {
max-width: 33.3%;
font-size: 12px;
}
#lead-component .toolbar .flex-col {
max-width: 63.2%;
font-size: 12px;
}
#lead-component .toolbar a.add-more-credits {
white-space: nowrap;
font-size: 12px;
}
#lead-component .toolbar .sub-toolbar {
position: absolute;
top: 37px;
left: 3px;
}
#lead-component .toolbar #buy-leads {
margin-bottom: 5px;
}
#lead-component .lead-item .price-button {
position: relative;
height: 27px;
}
#lead-component .lead-item .price-button label {
float: left;
font-size: 14px;
}
#lead-component .lead-item .price-button button {
float: right;
font-size: 14px;
}
}
.lead-history {
position: absolute;
top: -5000px;
background-color: #fff;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-top: 24px;
margin-bottom: 24px;
height: 5000px;
}
.lead-history.on {
position: absolute;
top: 74px;
bottom: 0;
width: 100%;
z-index: 99;
}
.lead-history.on .close-lead-history-row {
background-color: #efefef;
text-align: right;
position: fixed;
left: 2px;
right: 2px;
padding-right: 10px;
top: 74px;
z-index: 998;
max-width: 558px;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0 4px 4px -2px #ccc;
box-shadow: 0 4px 4px -2px #ccc;
}
.lead-history.on .close-lead-history-row a {
text-decoration: none;
color: #000;
display: inline-block;
text-align: right;
padding: 5px;
background-color: #efefef;
}
.lead-history .lead-history-item {
text-align: left;
background: #fff;
text-align: left;
padding: 15px 15px 15px 15px;
margin: 10px 10px 15px 10px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
font-size: 15px;
}
.lead-history .lead-history-item label {
font-weight: bold;
}
.lead-history a.lead-history-load-more {
background: #d57d24;
border-color: #d57d24;
border-radius: 50px;
color: #fff !important;
font-size: 14px;
display: inline-block;
padding: 5px 15px;
margin-bottom: 24px;
}
.lead-notification {
position: absolute;
top: -5000px;
background-color: #fff;
-webkit-transition: 0.3s all;
transition: 0.3s all;
margin-top: 24px;
margin-bottom: 24px;
height: 5000px;
}
.lead-notification.on {
position: absolute;
top: 74px;
bottom: 0;
width: 100%;
z-index: 99;
}
.lead-notification.on .close-lead-notification-row {
background-color: #efefef;
text-align: right;
position: fixed;
left: 2px;
right: 2px;
padding-right: 10px;
top: 74px;
z-index: 998;
max-width: 558px;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0 4px 4px -2px #ccc;
box-shadow: 0 4px 4px -2px #ccc;
}
.lead-notification.on .close-lead-notification-row a {
text-decoration: none;
color: #000;
display: inline-block;
text-align: right;
padding: 5px;
background-color: #efefef;
}
.lead-notification-item {
display: flex;
width: 80%;
border-bottom: 1px solid black;
padding: 10px 0;
text-align: left;
margin-left: 10%;
}
.notification-setting {
color: black !important;
margin-left: 8px;
}
.notification-setting:hover {
color: darkgrey !important;
}
.delete-notification {
margin-left: 8px;
color: red !important;
}
.delete-notification:hover {
color: lightcoral !important;
}
/***************************
START SITE SPECIFIC CSS
***************************/
body {
background: #fff;
color: #51504f;
text-align: center;
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
height: 100%;
line-height: 1;
-webkit-font-size-adjust: none; /* FIX: iOS Mobile Safari Font Adjustment */
}
/* Reusable Container Wrapper */
.setcontainer {
max-width: 1500px;
padding-left: 10px;
padding-right: 10px;
margin: 0 auto;
text-align: left;
}
/* Anchor (Link) Settings & Focus */
:focus {
outline: none;
}
a,
a:visited,
a:active,
a:hover {
color: #1b98e0;
text-decoration: none;
}
/* Default Heading Setup - Styling for standard content sections should be done in typography.css */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
cursor: default;
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
html.fix-window {
height: 100vh;
overflow: hidden;
}
/************************************************
SITE HEADER
************************************************/
.site-header {
position: relative;
z-index: 998;
background: #fff;
border-bottom: 1px solid #e1e1e1;
}
.site-header .header-super {
background: #0c1941;
padding: 14px 0;
color: #fff;
}
.site-header .header-super .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1100px) {
.site-header .header-super .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.site-header .header-super a {
color: #fff;
text-decoration: underline;
}
.site-header .header-super a.phone {
text-decoration: none;
}
.site-header .header-super .header-super-left {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .header-super .header-super-left .row-announcement.col-left {
display: none;
}
.site-header .header-super .header-super-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
.site-header .header-super .header-super-right .button {
font-size: 12px;
padding: 10px 15px;
}
@media (max-width: 1100px) {
.site-header .header-super .header-super-right {
display: none;
}
}
.site-header .header-main {
padding: 20px 0;
}
@media (max-width: 1100px) {
.site-header .header-main {
padding: 15px 0;
}
}
.site-header .header-main .header-main-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1100px) {
.site-header .header-main .header-main-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.site-header .header-main .header-main-inner .site-logo {
width: 260px;
}
@media (max-width: 480px) {
.site-header .header-main .header-main-inner .site-logo {
width: 230px;
}
}
/* Main Nav Styling */
.site-header .mobile-header-buttons {
display: none;
}
@media (max-width: 1100px) {
.site-header .mobile-header-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.site-header .main-nav-toggle {
display: inline-block;
position: relative;
z-index: 99;
width: 46px;
height: 36px;
cursor: pointer;
}
.site-header .main-nav-toggle i.nav-toggle-line {
position: absolute;
top: 50%;
left: 50%;
background: #51504f;
width: 28px;
height: 2px;
margin: -2px 0 0 -14px;
}
.site-header .main-nav-toggle i.nav-toggle-line:before, .site-header .main-nav-toggle i.nav-toggle-line:after {
content: "";
position: absolute;
background: #51504f;
width: 28px;
height: 2px;
left: 50%;
top: 50%;
margin-left: -14px;
}
.site-header .main-nav-toggle i.nav-toggle-line:before {
margin-top: -9px;
}
.site-header .main-nav-toggle i.nav-toggle-line:after {
margin-top: 7px;
}
.site-header .main-nav-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper {
opacity: 0;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
.site-header .main-nav-wrapper .dropdown-mobile-overlay {
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: fixed;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.7);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 98;
}
.site-header .main-nav-wrapper .dropdown-mobile-close-button {
display: none;
position: absolute;
z-index: 99;
right: 320px;
top: 20px;
color: #fff;
font-size: 36px;
cursor: pointer;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .dropdown-mobile-close-button {
display: block;
}
}
.site-header .main-nav-wrapper .dropdown-mobile-slideout-wrapper {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .dropdown-mobile-slideout-wrapper {
width: 300px;
height: 100%;
-webkit-transform: translateX(100%);
transform: translateX(100%);
background: #fff;
-webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 99;
}
}
.site-header .main-nav-wrapper .main-nav > ul {
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul {
display: block;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
display: inline-block;
text-align: left;
margin-left: 15px;
position: relative;
font-size: 14px;
text-transform: uppercase;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li {
display: block;
margin: 0;
border-bottom: 1px solid #e1e1e1;
position: static;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li:first-child {
margin-left: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li:last-child .main-nav-dropdown {
right: 0;
left: auto;
-webkit-transform: none;
transform: none;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li:last-child .main-nav-dropdown {
right: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.site-header .main-nav-wrapper .main-nav > ul > li a {
display: block;
position: relative;
padding: 5px 14px;
color: #232323;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li a {
padding: 20px 25px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.has-dropdown > a:after {
position: absolute;
right: -2px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "FontAwesome";
display: inline-block;
content: "\f107";
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.has-dropdown > a:after {
content: "\f105";
right: 15px;
font-size: 24px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown {
position: static;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown.container-dropdown .main-nav-dropdown {
width: 1300px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex-row {
padding: 40px;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex-row {
padding: 0 20px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex3-12 {
padding: 0 30px;
border-right: 1px solid #e1e1e1;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex3-12:last-child {
border-right: none;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex3-12 {
padding: 0 0 20px;
margin-bottom: 20px;
border-right: none;
border-bottom: 1px solid #e1e1e1;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .flex3-12:last-child {
border-bottom: none;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent h3 {
padding-top: 0;
font-size: 18px;
margin-bottom: 5px;
color: #0c1941;
text-align: left;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent h3 {
font-size: 14px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent p {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: initial;
font-size: 14px;
color: #51504f;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent p {
font-size: 12px;
margin-bottom: 5px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent .cta-text-link {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
color: #1b98e0;
padding: 0;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.membership-dropdown .hcontent .cta-text-link {
font-size: 12px;
margin-top: 10px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .hcontent .mobile-cta {
display: none;
width: 100%;
padding: 0 20px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .hcontent .mobile-cta a.button.button-primary {
color: #fff;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col {
padding: 30px 10px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col.dropdown-cta {
background: #f4f0e7;
padding: 30px;
margin-left: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col.dropdown-cta h3 {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
color: #0c1941;
font-size: 24px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col.dropdown-cta p {
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
text-transform: initial;
color: #51504f;
font-size: 16px;
margin-bottom: 20px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col.dropdown-cta a {
width: 200px;
color: #fff;
padding: 15px 30px;
font-size: 16px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col p {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
text-transform: uppercase;
color: #0c1941;
font-size: 18px;
margin-bottom: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav {
padding-left: 0;
margin-bottom: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav li {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav span, .site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav a {
display: inline-block;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav span {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
color: #0c1941;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav a {
padding-left: 10px;
color: #51504f;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col ul.subnav a:hover {
background: transparent;
color: #0c1941;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .dropdown-mobile-header {
margin-bottom: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .flex-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .hcontent .mobile-cta {
display: block;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .hcontent .mobile-cta .start-button {
padding: 14px 30px !important;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .dropdown-cta {
display: none;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col {
margin: 20px 0 0;
padding: 10px 20px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col:last-child {
margin-top: 0;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col p {
font-size: 14px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col span {
font-size: 14px;
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .col a {
padding: 10px;
font-size: 14px;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .main-nav-dropdown {
top: calc(100% - 32px);
max-width: 100%;
padding: 0;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown .main-nav-dropdown {
top: 0;
max-width: 100%;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.full-width-dropdown .main-nav-dropdown {
width: 100%;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.full-width-dropdown .main-nav-dropdown {
width: 300px;
-webkit-column-count: 0;
-moz-column-count: 0;
column-count: 0;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.container-dropdown .main-nav-dropdown {
width: 1500px;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.container-dropdown .main-nav-dropdown {
width: 300px;
-webkit-column-count: 0;
-moz-column-count: 0;
column-count: 0;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.fixed-width-dropdown {
position: relative;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.fixed-width-dropdown {
position: static;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.fixed-width-dropdown .main-nav-dropdown {
max-width: 600px;
width: 600px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.fixed-width-dropdown .main-nav-dropdown {
max-width: 300px;
width: 300px;
-webkit-column-count: 0;
-moz-column-count: 0;
column-count: 0;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.show-dropdown.fixed-width-dropdown .main-nav-dropdown {
top: calc(100% + 15px);
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.show-dropdown.fixed-width-dropdown .main-nav-dropdown {
top: 0;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.show-dropdown .main-nav-dropdown {
top: calc(100% - 22px);
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.big-dropdown.show-dropdown .main-nav-dropdown {
top: 0;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown {
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-family: "RobotoReg", sans-serif;
font-style: normal;
font-weight: 400;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 99;
top: calc(100% + 5px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 300px;
padding: 25px 0;
background: #fff;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
border-radius: 2px;
text-transform: none;
font-size: 16px;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown {
opacity: 1;
visibility: visible;
top: 0;
left: auto;
width: 300px;
height: 100%;
overflow-y: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 99;
padding-top: 0;
border: none;
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown:before {
display: none;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown .dropdown-mobile-header {
font-family: "PoppinsSemi";
font-style: normal;
font-weight: 400;
display: none;
text-align: center;
padding: 25px 35px;
border-bottom: 1px solid #e1e1e1;
position: relative;
margin-bottom: 20px;
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown .dropdown-mobile-header .back-link {
cursor: pointer;
position: absolute;
left: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown .dropdown-mobile-header {
display: block;
}
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown ul li {
line-height: 1.3;
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown ul li a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
padding: 12px 20px;
color: #51504f;
}
.site-header .main-nav-wrapper .main-nav > ul > li .main-nav-dropdown ul li a:hover {
background: #f4f0e7;
}
.site-header .main-nav-wrapper .main-nav > ul > li.show-dropdown .main-nav-dropdown {
opacity: 1;
visibility: visible;
top: calc(100% + 15px);
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .main-nav > ul > li.show-dropdown .main-nav-dropdown {
top: 0;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.site-header .main-nav-wrapper .mobile-nav-items {
display: none;
padding: 20px;
}
@media (max-width: 1100px) {
.site-header .main-nav-wrapper .mobile-nav-items {
display: block;
}
}
html.main-nav-open .main-nav-wrapper {
opacity: 1;
visibility: visible;
z-index: 99;
}
html.main-nav-open .main-nav-wrapper .dropdown-mobile-overlay {
opacity: 1;
visibility: visible;
}
html.main-nav-open .main-nav-wrapper .dropdown-mobile-slideout-wrapper {
-webkit-transform: translateX(0%);
transform: translateX(0%);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
html.main-nav-open .main-nav-wrapper .dropdown-mobile-slideout-wrapper.dropdown-open {
overflow-y: hidden;
}
/* End of Main Nav Styling */
@supports (-ms-ime-align: auto) {
html {
overflow-x: hidden;
}
}
/* END OF SITE HEADER */
#mainContain {
min-height: 70vh;
}
/************************************************
SITE FOOTER
************************************************/
.site-footer {
background-color: #fff;
border-top: 1px solid #e1e1e1;
}
@media (min-width: 1024px) {
.site-footer {
padding-top: 40px;
}
}
@media (max-width: 1023px) {
.site-footer {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.site-footer {
padding-top: 20px;
}
}
@media (min-width: 1025px) {
.site-footer {
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.site-footer {
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.site-footer {
padding-bottom: 10px;
}
}
@media (min-width: 1025px) {
.site-footer .footer-row-top {
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.site-footer .footer-row-top {
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.site-footer .footer-row-top {
padding-bottom: 10px;
}
}
.site-footer .footer-row-top .footer-logo {
width: 180px;
}
@media (max-width: 800px) {
.site-footer .footer-row-top .footer-logo {
margin-bottom: 20px;
}
}
.site-footer .footer-row-top .footer-links {
float: right;
}
@media (max-width: 800px) {
.site-footer .footer-row-top .footer-links {
width: 100%;
float: left;
}
}
.site-footer .footer-row-top .footer-links .links h3 {
font-family: "PoppinsBold";
font-style: normal;
font-weight: 400;
color: #0c1941;
padding-top: 0;
font-size: 21px;
}
.site-footer .footer-row-top .footer-links .links > ul {
margin-left: 0;
}
.site-footer .footer-row-top .footer-links .links > ul > li {
color: #51504f;
margin-bottom: 12px;
}
.site-footer .footer-row-top .footer-links .links > ul > li:last-child {
margin-bottom: 0;
}
.site-footer .footer-row-top .footer-links .links > ul > li i {
margin-right: 5px;
}
.site-footer .footer-row-top .footer-links .links > ul > li > a {
color: #51504f;
text-decoration: none;
}
.site-footer .footer-row-top .footer-links .links > ul > li > a:hover {
color: #2a2a29;
}
.site-footer .footer-row-top .footer-links .links > ul > li > a.contact {
text-decoration: underline;
}
.site-footer .footer-row-top .footer-links .links > ul > li > a.contact i {
margin-left: 5px;
}
.site-footer .footer-row-top .footer-links .links .front-end-form .hhFormRowInput {
margin-bottom: 15px;
}
@media (max-width: 480px) {
.site-footer .footer-row-top .footer-links .links .social-icons {
margin-bottom: 5px;
}
}
.site-footer .footer-row-top .footer-links .links .social-icons > li {
display: inline-block;
margin-right: 15px;
}
.site-footer .footer-row-top .footer-links .links .social-icons > li:last-child {
margin-right: 0;
}
.site-footer .footer-row-top .footer-links .links .social-icons > li > a {
font-size: 21px;
color: #0c1941;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-footer .footer-row-top .footer-links .links .social-icons > li > a:hover {
color: black;
}
.site-footer .footer-row-bottom {
border-top: 1px solid #e1e1e1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1025px) {
.site-footer .footer-row-bottom {
padding-top: 20px;
}
}
@media (max-width: 1024px) {
.site-footer .footer-row-bottom {
padding-top: 20px;
}
}
@media (max-width: 767px) {
.site-footer .footer-row-bottom {
padding-top: 10px;
}
}
@media (max-width: 767px) {
.site-footer .footer-row-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.site-footer .footer-row-bottom .general-info p {
margin-bottom: 3px;
font-size: 14px;
}
.site-footer .footer-row-bottom .general-info a {
color: #51504f;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.site-footer .footer-row-bottom .general-info a:hover {
color: #2a2a29;
}
.site-footer .footer-row-bottom .footer-badges {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-width: 386px;
}
@media (max-width: 1100px) {
.site-footer .footer-row-bottom .footer-badges {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.site-footer .footer-row-bottom .footer-badges {
min-width: 0;
}
}
.site-footer .footer-row-bottom .footer-badges img {
display: inline-block;
width: 80px;
margin-right: 15px;
}
.site-footer .footer-row-bottom .footer-badges img:last-of-type {
margin-right: 0;
}
.site-footer .footer-row-bottom .footer-badges img.entrepreneur {
width: 70px;
}
@media (max-width: 480px) {
.site-footer .footer-row-bottom .footer-badges {
text-align: left;
}
}
/* END OF SITE FOOTER */
.hcontent .popup-form-wrapper h2 {
padding-top: 0;
margin-bottom: 5px;
}
#call-center-wrapper {
padding-top: 15px;
padding-bottom: 100px;
}
#call-center-wrapper .call-center-body {
border: 1px solid #ccc;
text-align: left;
padding: 15px 10px 10px 10px;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}
#call-center-wrapper .call-center-body label {
font-weight: bold;
}
#call-center-wrapper .call-center-body h1 {
font-size: 30px;
padding-left: 10px;
padding-bottom: 10px;
}
#call-center-wrapper .call-center-body .hhSearchForm {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}
#call-center-wrapper .call-center-body .hhSearchForm h2 {
font-size: 18px;
}
#call-center-wrapper .call-center-body .hhSearchForm .hhsearchButton {
margin: 5px 0 10px 0;
}
#call-center-wrapper .nav-wrapper {
width: 100%;
text-align: left;
}
#call-center-wrapper .nav-wrapper ul {
display: inline-block;
}
#call-center-wrapper .nav-wrapper li {
display: inline-block;
margin-left: 25px;
margin-right: 5px;
}
#call-center-wrapper .nav-wrapper li a {
border: 1px solid #ccc;
background-color: #fff;
color: #0c1941;
display: inline-block;
padding: 15px 25px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: none;
margin-bottom: -1px;
}
#call-center-wrapper .nav-wrapper li a.active {
background-color: #0c1941;
color: #fff;
}
#call-center-wrapper .button {
padding: 5px 10px;
}
.p-auto-rebill {
cursor: pointer;
}
div.rebill {
text-align: left;
}
a.previously-purched-leads {
float: right;
}
option.hide {
display: none;
}
.create-edit-notification label {
font-weight: bold;
}
.create-edit-notification .div-emails {
border: 1px solid black;
padding: 3px;
margin-top: 8px;
}
.create-edit-notification .div-emails label {
font-weight: normal;
}
.create-edit-notification fieldset {
max-width: 350px;
display: inline-block;
width: 100%;
text-align: left;
}
.create-edit-notification fieldset input[type=text], .create-edit-notification fieldset select {
width: 100%;
margin-top: 8px;
}
.create-edit-notification fieldset .field-item {
margin: 20px 0;
}
.play-beep {
position: absolute;
left: -5000px;
}