/* OHHAI. Some fonts.*/
@font-face {
font-family: 'Proxima Nova';
src: url("/hc/theming_assets/01HZPC43VERW6AQB3E9G1XCZ08");
src: local('Proxima Nova'), local('Proxima Nova'), url("/hc/theming_assets/01HZPC43VERW6AQB3E9G1XCZ08") format('truetype');
}
@font-face {
font-family: 'Proxima Nova Bold';
src: url("/hc/theming_assets/01HZPC43VERW6AQB3E9G1XCZ08");
src: local('Proxima Nova Bold'), local('Proxima Nova Bold'), url('https:///p6.zdassets.com/hc/theme_assets/808026/200152607/proximanova-bold-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'Ubuntu';
src: url("/hc/theming_assets/01HZPC45YANTHBHR33VBZFW46M");
src: local('Ubuntu'), local('Ubuntu'), url("/hc/theming_assets/01HZPC45YANTHBHR33VBZFW46M") format('truetype');
font-weight: normal;
font-style: normal;
}
/* Base styles */
*, input[type=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
background-color: #FFFFFF;
}
body {
color: rgba(51, 51, 51, 1);
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
margin: 0;
}
h1, h2, h3, h4, h5 {
padding: 0;
margin: 0;
font-family: 'Ubuntu', 'Arial', sans-serif;
color: #000;
font-weight: 400;
}
h1.main-header {
color: #FFFFFF;
font-size: 36px;
padding: 0;
margin: 0;
}
h1 {
color: #333;
font-size: 32px;
font-weight: bold;
margin: .8em 0;
}
.article-column h1 {
font-size: 24px;
}
.article-column h2 {
font-size: 18px;
}
.article-column h3 {
font-size: 20px;
margin-top: 2rem;
}
img {
max-width: 100%;
vertical-align: middle;
}
img[width], img[height] {
max-width: none;
}
figure > img {
display: block;
}
a {
color: #1a73e8;
font-family: 'Proxima Nova', 'Arial', sans-serif;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul, ol {
list-style: none;
margin: 0;
padding: 0;
}
strong, b {
font-family: 'Proxima Nova Bold', 'Arial', sans-serif;
font-weight: normal;
font-style: normal;
}
table {
border-collapse: collapse;
text-align: left;
margin-bottom: 10px;
}
[dir=rtl] table {
text-align: right;
}
td, th {
border: 1px solid #000000;
padding: 5px;
vertical-align: top;
}
th {
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #DCDCDC;
}
td {
font-size: 10px;
}
/* New editor fix for Table Spacing */
table > tbody > tr > td {
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (min-width: 600px) {
td, th {
padding: 5px 12px;
}
th {
font-size: 14px;
}
td {
font-size: 14px;
}
}
.wikitable {
margin-bottom: 30px;
}
.wikitable strong {
font-size: 120%;
font-family: 'Proxima Nova Bold', 'Arial', sans-serif;
font-weight: bolder;
}
.wikitable td, .wikitable th {
vertical-align: middle;
}
input, label {
display: inline-block;
vertical-align: middle;
}
label {
font-size: 12px;
}
input[type="checkbox"] + label {
margin-left: 5px;
}
input, textarea {
border: 1px solid #ddd;
border-radius: 2px;
padding: 10px;
}
textarea {
height: 100px;
padding: 7px 10px;
resize: vertical;
}
textarea, input[type=text] {
width: 100%;
}
input, textarea, select {
color: #555;
}
input:focus,
textarea:focus {
outline: none;
border: 1px solid #999;
}
input::-ms-clear {
display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: #ccc;
}
:-ms-input-placeholder {
color: #ccc;
}
::-moz-placeholder {
color: #ccc;
}
/* ====================================================
S: Buttons
==================================================== */
.Button { font-family: "Proxima Nova", sans-serif; color: #0073EC; background: transparent; border: solid 1px #0073EC; border-radius: 3px; display: inline-block; font-size: 1rem; line-height: 1rem; padding: 0.75rem 2rem 0.625rem; margin: 0; text-align: center; text-decoration: none; font-weight: 600; text-shadow: none; vertical-align: baseline; outline: none; transition: all 0.2s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Button:hover, .Button:active, .Button.is-open { color: #004186; text-decoration: none; border-color: #005ab9; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }
.Button svg { vertical-align: middle; }
.Button svg:first-child { margin-right: .3em; }
.Button svg:last-child { margin-left: .3em; }
.Button svg path { fill: currentColor; }
.Button--primary { background: #0073EC; color: #ffffff; border: solid 1px #0073EC; }
.Button--primary:hover, .Button--primary:active, .Button--primary.is-open { color: #ffffff; background: #005ab9; border-color: #0073EC; }
.Button--light { border-color: #ffffff; color: #ffffff; }
.Button--light:hover, .Button--light:active, .Button--light.is-open { color: #071c26; background: #ffffff; border-color: #ffffff; }
.Button--dark { border-color: #071c26; color: #071c26; }
.Button--dark:hover, .Button--dark:active, .Button--dark.is-open { color: #ffffff; background: #071c26; border-color: #071c26; }
.Button__tag { position: relative; padding-left: 3rem; margin-left: 3em; border-color: #071c26; color: #071c26; }
.Button__tag:hover { border-color: #0073EC; color: #0073EC; }
.Button__tag:before { content: attr(data-label); position: absolute; text-transform: uppercase; font-size: 0.875rem; line-height: 1rem; right: calc(100% - 2rem); top: 7px; padding: 0.25rem 0.75rem; border-radius: 50px; }
.Button__tag.Button__tag--negative:hover, .Button__tag.Button__tag--negative.is-open { border-color: #FF4A48; color: #4F0703; }
.Button__tag.Button--compact { padding-left: 2.75em; }
.Button__tag.Button--compact:before { top: 0.1875rem; }
.Button__tag.Button--block { margin-left: 0; }
.Button--danger { background: transparent; border-color: #FF4A48; color: #FF4A48; }
.Button--danger:hover, .Button--danger:active, .Button--danger.is-open { background: #FF4A48; border-color: #FF4A48; color: #4F0703; }
.Button--danger.Button--text { color: #FF4A48; background: transparent; }
.Button--danger.Button--text:hover { color: #ff1815; background: transparent; }
.Button--compact { font-size: 1rem; line-height: 1rem; padding: 0.5rem 1rem 0.375rem; }
.Button--hero { padding: 0.9375rem 2rem; }
.Button:disabled, .Button--disabled { cursor: not-allowed; text-shadow: none; border-color: #E0E4E8; background: #E0E4E8; color: #677983; }
.Button:disabled:hover, .Button:disabled:active, .Button:disabled.is-open, .Button--disabled:hover, .Button--disabled:active, .Button--disabled.is-open { background: #E0E4E8; color: #677983; -ms-transform: scale(1); transform: scale(1); box-shadow: none; border-color: #E0E4E8; }
.Button:disabled:active, .Button--disabled:active { pointer-events: none; }
.Button:disabled.Button--text, .Button--disabled.Button--text { color: #677983; background: transparent; }
.Button--text { background: transparent; border: none; position: relative; color: #0073EC; font-size: 1rem; line-height: 1rem; text-decoration: none; padding: 0; }
.Button--text:hover, .Button--text:active, .Button--text.is-open { border: none; background: transparent; box-shadow: none; color: #005ab9; -ms-transform: scale(1); transform: scale(1); }
.Button--text:active { color: rgba(7, 28, 38, 0.6); }
.Button--text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: currentColor; height: 1px; transition: right 0.2s ease-out; }
.Button--text:hover:before { right: 0%; }
.Button--block { display: block; width: 100%; margin: 0; }
.Button + .Button { margin-left: 1em; }
.Button + .Button.Button--block { margin-left: 0; }
/*Button Formalities*/
button, [role=button], [type=button], [type=submit] {
cursor: pointer;
display: inline-block;
padding: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
}
a[role=button]:hover {
text-decoration: none;
}
input[type=submit] {
background: #0073ec;
border-color: transparent;
color: #fff;
border-radius: 3px;
padding: 10px 30px;
}
input[type=submit][disabled] {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE 8 */
opacity: .4;
}
button img, [role=button] img {
border-radius: 4px;
margin: 0 5px 0 0;
height: 20px;
position: relative;
top: -1px;
vertical-align: middle;
}
[dir=rtl] button img, [dir=rtl] [role=button] img {
margin: 0 0 0 5px;
}
/* Forms */
.form {
max-width: 505px;
}
.form-field ~ .form-field {
margin-top: 25px;
}
.form-field label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-field input[type=checkbox] + label {
margin: 0 0 0 10px;
}
.form-field.required > label:after {
content: "*";
color: #f00;
margin-left: 2px;
}
.form-field p {
color: #bebebe;
font-size: 11px;
}
.form-field input[type=number], .form-field input.datepicker {
width: 150px;
}
.form-field input.partialcreditcardinputfield {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
background-size: 14px;
padding-left: 28px;
}
[dir=rtl] .form-field input.partialcreditcardinputfield {
padding-left: 0;
padding-right: 28px;
background-position: right 10px top 10px;
}
.form-field .nesty-input {
height: 37px;
line-height: 37px;
}
.form-field .nesty-input:focus {
outline: none;
border: 1px solid #999;
}
.form form + form {
margin-top: 25px;
}
/* S: Search Examples - Popular Searches */
.search-topics {
line-height: 24px;
text-align: center;
color: #FFF;
font-size: 14px;
}
.search-topics a {
line-height: 24px;
text-align: center;
color: #FFF;
font-size: 14px;
}
.searchbox {
margin: 25px 0;
}
.searchbox-suggestions {
background-color: #fff;
border: 1px solid #eee;
border-radius: 4px;
padding: 10px 20px;
}
.searchbox-suggestions li {
padding: 5px 0;
}
[data-loading="true"] input,
[data-loading="true"] textarea {
background: transparent url("/hc/theming_assets/01HZPC4JNGYA4ZSFH83KDD554T") 99% 50% no-repeat;
background-size: 16px 16px;
}
.form footer {
border-top: 1px solid #eee;
margin-top: 40px;
padding-top: 30px;
text-align: right;
}
.form footer a {
color: #ccc;
cursor: pointer;
margin-right: 15px;
}
/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
display: inline-block;
font-weight: bold;
}
.nav li a, .nav-bordered li a, .nav-spaced li a {
font-weight: normal;
}
.nav-bordered li + li {
border-color: #eee;
border-style: solid;
border-width: 0 0 0 1px;
margin: 0 0 0 30px;
padding: 0 0 0 30px;
}
[dir=rtl] .nav-bordered li + li {
border-width: 0 1px 0 0;
margin: 0 30px 0 0;
padding: 0 30px 0 0;
}
.nav-spaced li + li {
margin: 0 0 0 40px;
}
[dir=rtl] .nav-spaced li + li {
margin: 0 40px 0 0;
}
/* Breadcrumbs */
ol.breadcrumbs {
margin-left: 0;
}
.breadcrumbs li {
color: #bebebe;
display: inline-block;
font-size: 12px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 0;
}
.breadcrumbs li + li:before {
content: ">";
margin: 0 4px;
}
.breadcrumbs li a {
color: rgba(51, 51, 51, 1);
}
/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span {
border-radius: 20px;
display: inline-block;
font-size: 10px;
padding: 3px 10px;
text-transform: uppercase;
white-space: nowrap;
}
/* Metadata */
.meta, .meta-group {
color: #ccc;
display: inline-block;
font-size: 11px;
}
.meta-group * + *:before {
content: "\2022";
font-size: 8px;
margin: 0 10px;
}
/* Helper classes */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* Social share links */
.share {
white-space: nowrap;
}
.last-updated {
padding: 15px 0;
}
@media screen and (min-width: 640px) {
.share {
float: right;
}
.last-updated {
float: left;
}
}
.share li, .share a {
display: inline-block;
}
.share a {
height: 30px;
line-height: 30px;
overflow: hidden;
vertical-align: middle;
width: 30px;
}
.share a:before {
background: #ccc;
border-radius: 50%;
color: #fff;
display: inline-block;
font-family: "entypo";
text-align: center;
width: 100%;
}
.share a:hover {
text-decoration: none;
}
.share-twitter:before {
content: "\F309";
}
.share-facebook:before {
content: "\F30C";
}
.share-linkedin:before {
content: "\F318";
}
.share-googleplus:before {
content: "\F30F";
}
/* Pagination */
.pagination {
margin: 20px 0;
text-align: center;
}
.pagination * {
display: inline-block;
}
.pagination li {
border: 1px solid #eee;
float: left;
margin-left: -1px;
}
[dir=rtl] .pagination li {
float: right;
}
.pagination a, .pagination span {
color: inherit;
font-size: 12px;
padding: 5px 12px;
}
.pagination-current {
background-color: #f9f9f9;
color: #bebebe;
}
.pagination-first {
border-radius: 3px 0 0 3px;
}
[dir=rtl] .pagination-first {
border-radius: 0 3px 3px 0;
}
.pagination-last {
border-radius: 0 3px 3px 0;
}
[dir=rtl] .pagination-last {
border-radius: 3px 0 0 3px;
}
/* Markdown styles */
.markdown {
word-wrap: break-word;
line-height: 1.7;
}
.markdown img {
max-width: 100%;
padding-bottom: 5px;
padding-top: 5px;
}
.markdown hr {
background-color: #eee;
border: 0;
height: 1px;
}
.markdown ul, .markdown ol {
list-style-position: outside;
padding-left: 20px;
}
.markdown ul {
list-style-type: disc;
}
.markdown ol {
list-style-type: decimal;
}
.markdown ol ul, .markdown ul ul {
list-style-type: circle;
}
.markdown ol ol {
list-style-type: lower-alpha;
}
.markdown ol ol ul,
/* .markdown ol ul ul, */
.markdown ul ol ul,
.markdown ul ul ul {
list-style-type: circle;
}
.markdown ol ul ul {
list-style-type: disc;
}
.markdown pre {
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
}
.markdown blockquote {
//border-left: 1px solid #eee;
color: #000000;
font-style: italic;
//padding: 0 15px;
}
.vote {
display: inline-block;
text-align: center;
width: 35px;
}
.vote a {
outline: none;
text-decoration: none;
}
.vote-sum {
display: block;
font-weight: bold;
margin: 3px 0;
}
[dir=rtl] .vote-sum {
direction: ltr;
unicode-bidi: bidi-override;
}
.vote-up:before, .vote-down:before {
border-radius: 50%;
border: 1px solid #ddd;
color: rgba(51, 51, 51, 1);
display: inline-block;
font-family: "entypo";
font-size: 15px;
height: 18px;
line-height: 18px;
width: 18px;
}
.vote-up:hover:before, .vote-down:hover:before {
border-color: #bbb;
}
.vote-up:before {
content: "\E763";
}
.vote-down:before {
content: "\E760";
}
.vote-voted:before, .vote-voted:hover:before {
border-color: rgba(51, 51, 51, 1);
}
/* ====================================================
S: Header
==================================================== */
.header {
height: 100px;
margin: 0 auto;
padding: 1rem 2rem;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 1000;
margin-bottom: -100px;
}
@media (max-width: 991px) {
.header {
height: 72px;
background-color: #071c26;
flex-wrap: nowrap;
margin: 0 auto;
padding: 1rem 1rem;
}
}
main, .header-inner {
margin: 0 auto;
width: 100%;
}
.content-container {
max-width: 980px;
margin: 0 auto;
padding: 0 20px;
}
.nav-links {
justify-content: flex-end;
transition: max-height 0.15s ease-out;
}
@media screen and (max-width: 640px) {
.nav-links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
.nav-links a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
vertical-align: middle;
color: #fff;
text-transform: capitalize;
}
@media screen and (max-width: 640px) {
.logo img {
max-width: 120px;
}
}
.logo, .user-nav {
display: flex;
vertical-align: middle;
}
.logo span {
border-left: 1px solid #fff;
display: inline-block;
padding-left: 15px;
margin-left: 15px;
color: #fff;
vertical-align: middle;
}
.logo span:hover {
text-decoration: underline;
color: #fff;
}
share a:hover {
text-decoration: none;
}
.col-xs-12.col-sm-4.logo {
padding: 0;
display: inline-block;
width: 50%;
}
.user-nav {
display: inline-block;
position: absolute;
white-space: nowrap;
}
@media (min-width: 768px) {
.user-nav {
position: relative;
}
}
.user-nav[aria-expanded="true"] {
background-color: #fff;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #ddd;
right: 0;
left: 0;
top: 71px;
z-index: 1;
}
.user-nav[aria-expanded="true"] > a {
display: block;
margin: 20px;
}
#user #user-dropdown {
background: #fff;
min-width: 200px;
left: -20px;
top: 50px;
}
.dropdown {
text-transform: capitalize;
}
.dropdown-menu [role=menuitem]:hover {
background: none;
border: none;
color: #0073ec;
box-shadow: 0 2px 11px 3px rgba(177,177,177,0.20);
}
.user-nav a {
display: inline-block;
margin: 0 0 0 25px;
color: white;
}
.dropdown-menu [role=menuitem] {
color: #5E6D78;
display: flex;
padding: .5rem;
white-space: nowrap;
justify-content: left;
font-weight: 900;
text-transform: capitalize;
}
.dropdown-toggle:after {
color: #fff;
}
/* ====================================================
S: Mobile Nav
==================================================== */
.mobile-menu {
flex-direction: column;
justify-content: flex-end;
}
.mobile-nav {
background: #071C26;
position: absolute;
max-height: 0;
overflow:hidden;
transition:flex 0.3s ease-out;
z-index: 100;
width: 100%;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mobile-nav.is-open {
max-height: 800px;
transition: max-height 0.25s ease-in;
padding: 0 1rem 1.5rem 1rem;
width: 100%;
margin-top: 25px;
}
.icon-hamburger-menu div {
background-color: #fff;
width: 18px;
height: 2px;
margin: 3px 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.icon-hamburger-menu {
display: block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.icon-hamburger-menu.is-active div:nth-child(2) {
display: none;
}
.icon-hamburger-menu.is-active div:nth-child(1) {
-webkit-transform: translateY(5px) rotate(45deg);
-ms-transform: translateY(5px) rotate(45deg);
-o-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg);
}
.icon-hamburger-menu.is-active div:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
-ms-transform: translateY(-5px) rotate(-45deg);
-o-transform: translateY(-5px) rotate(-45deg);
transform: rotate(-45deg);
}
.icon-hamburger-menu:hover,
.icon-close:hover {
cursor: pointer;
}
/* ====================================================
Content frame
==================================================== */
/*
* Column size
*/
.columns {
width: 100%;
display: table;
}
.main-column, .side-column {
vertical-align: top;
margin: 0 auto;
}
.main-column {
display: block;
width: 100%;
max-width: 600px;
position: relative;
margin: 0 auto;
}
.main-column.new-request {
margin: 0 auto;
display: block;
}
.side-column {
width: 100%;
max-width: 600px;
padding-top: 30px;
display: block;
}
@media screen and (min-width: 940px) {
.main-column {
display: table-cell;
width: 99%;
padding-right: 30px;
margin: 0;
}
.side-column {
width: 250px;
display: inline-block;
margin-top: 120px;
padding-top: 0;
}
}
[dir=rtl] .side-column {
margin-left: 0;
margin-right: 45px;
}
/* ====================================================
Search
==================================================== */
.search-bg-cat-page {
background-image: url(/hc/theming_assets/01HZPC4KBGT3J2SRZAD5ES5TQC);
background-size: cover;
width: 100%;
height: 60px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.search-box {
position: relative;
}
.search-box-inner {
max-width: 960px;
padding: 0 20px;
position: relative;
margin: 0 auto;
left: 0;
transition: left 700ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.search-box-inner.hidden {
left: -5000px;
}
#search-box-full {
padding: 9rem 0 0 0;
}
#search-box-short {
padding: 6rem 0 3rem 0;
}
@media (max-width: 991px) {
#search-box-full {
padding: 3rem 0 0 0;
}
#search-box-short {
padding: 2rem 0 3rem 0;
}
}
.search-box h1 {
color: #fff;
text-align: center;
}
.search-box h3 {
font-family: 'Proxima Nova', Arial, sans-serif;
font-size: 24px;
margin: 0;
margin-bottom: 15px;
padding: 0;
color: #FFFFFF;
}
.search-box:before {
content: " ";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
width: 100%;
background-image: url(/hc/theming_assets/01HZPC4KBGT3J2SRZAD5ES5TQC);
background-size: cover;
background-position: center;
}
#query {
background-repeat: no-repeat;
}
#query:focus {
background-image: none;
}
.search-box .search {
border-radius: 5px;
position: relative;
margin: 20px 0;
}
.search-box .search input {
border: 0;
display: inline-block;
height: 90px;
outline: 0;
vertical-align: middle;
}
.search-box .search input[type=search],
.search-box .search input[type=text] {
line-height: 1.1em;
border-radius: 5px;
background: #F4F6F9;
font-size: 16px;
padding: 0 60px 0 20px;
width: 100%;
max-width: 960px;
height: 45px;
}
[dir=rtl] .search-box .search input[type=search], [dir=rtl]
.search-box .search input[type=text] {
border-radius: 5px;
}
.search-box .search input[type=submit] {
background-color: #0073ec;
background-position: 50% 14px;
background-image: url("/hc/theming_assets/01HZPC4M0MGYZ48WD8DJKPTBT3");
background-repeat: no-repeat;
background-size: 16px 16px;
border-radius: 0 5px 5px 0;
border: 0;
bottom: 0;
box-shadow: none;
font-size: 0px;
min-width: 50px;
padding: 0 20px;
position: absolute;
right: 0;
top: 0;
height: 45px;
}
.search-box .search input[type=submit]:hover {
background-color: #004186;
}
@media screen and (max-width: 700px) {
.search-box h3 {
font-size: 16px;
}
.search-box h1 {
color: #fff
}
}
@media screen and (max-width: 640px) {
.search-box .search input[type=submit] {
min-width: 25%;
}
.search-box .search input[type=search],
.search-box .search input[type=text] {
max-width: 100%;
padding: 0 100px 0 20px;
}
}
[dir=rtl] .search-box .search input[type=submit] {
border-radius: 5px 0 0 5px;
left: 0;
right: auto;
}
.sub-nav .search {
float: right;
position: relative;
}
[dir=rtl] .sub-nav .search {
float: left;
}
.sub-nav .search:before {
content: "\1F50D";
font-family: "entypo";
font-size: 16px;
line-height: 0;
position: absolute;
text-align: center;
top: 50%;
width: 35px;
z-index: 1;
}
.sub-nav .search input[type=search],
.sub-nav .search input[type=text] {
padding: 6px 10px 6px 35px;
height: 30px;
width: 100%;
}
[dir=rtl] .sub-nav .search input[type=search], [dir=rtl]
.sub-nav .search input[type=text] {
padding: 6px 35px 6px 10px;
}
.sub-nav .search input[type=submit] {
display: none;
}
/* ====================================================
Navigation pages
==================================================== */
.main-content {
display: none;
}
.help-center-name {
color: #fff;
font-size: 60px;
font-weight: bold;
margin: 65px 0 50px 0;
text-align: center;
text-transform: uppercase;
}
.help-center-name + .search {
margin-bottom: 135px;
}
/* S: Category Cards */
.category-box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
}
.category-box .category {
color: #2E323C;
background-color: #fff;
text-align: center;
font-size: 16px;
font-family: 'Ubuntu', 'Arial', sans-serif;
font-weight: 500;
border-radius: 3px;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-repeat: no-repeat;
box-shadow: 0 2px 6px 3px rgba(177,177,177,0.10);
text-decoration: none;
border: 1px solid #fff;
}
.category a:hover {
text-decoration: none;
}
#catList div {
display: none;
}
#loadMore {
cursor:pointer;
}
.load-more {
margin: 0 auto;
}
.hideCat {
overflow: hidden;
/* height: 578px; */
}
@media (min-width: 1280px) {
.hideCat {
/* height: 533px; */
overflow: hidden;
}
}
@media (max-width: 1049px) {
.hideCat {
/* height: 757px; */
overflow: hidden;
}
}
@media (max-width: 749px) {
.hideCat {
/* height: 800px; */
overflow: hidden;
}
}
@media (max-width: 463px) {
.hideCat {
/* height: 822px; */
overflow: hidden;
}
}
.showCat {
height: auto;
}
.category-box .category:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transform: scale(1.02);
border: 1px solid #0073ec;
border-radius: 3px;
color: #0073ec;
text-decoration: none;
}
.category-box .icon {
padding: 10px 0;
}
/*Introduction Category*/
.icon {
max-height: 60px;
}
.category-list div {
color: #2E323C;
background-color: #fff;
text-align: center;
font-weight: 500;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-size: 40px;
background-repeat: no-repeat;
background-position: 225px 15px;
text-decoration: none;
}
.section-description .article-list {
padding-bottom: 3rem;
margin-bottom: 2.5rem;
border-bottom: 1px solid #CCCCCC;
}
.article-list li {
padding: 5px 0;
}
.category-description {
color: #424242;
margin-bottom: 30px;
margin-top: 0;
}
.section-description {
color: #424242;
margin-bottom: 10px;
margin-top: 0;
}
.section-tree .section {
display: inline-block;
vertical-align: top;
padding: 15px;
margin: 0 1% 1.5% 0;
width: 48%;
border: 1px solid #DCDCDC;
}
@media all and (max-width: 960px) {
.section-tree .section {
width: 100%;
min-width: 290px;
}
}
.section-tree .section h3 {
font-weight: bold;
margin-bottom: 20px;
font-family: 'Ubuntu', 'Arial', sans-serif;
}
.section-tree .section h3 a {
color: inherit;
font-family: 'Proxima Nova', 'Arial', sans-serif;
}
h3.category-page-section-header {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #DCDCDC;
}
.section-tree .article-list {
margin-bottom: 15px;
}
.section-tree .article-list li {
margin-bottom: 5px;
}
.section-subscribe, .section-unsubscribe,
.article-subscribe, .article-unsubscribe {
float: right;
}
@media screen and (max-width: 600px) {
.section-subscribe, .section-unsubscribe,
.article-subscribe, .article-unsubscribe {
float: none;
}
}
.section-subscribe [role=button], .section-unsubscribe,
.article-subscribe, .article-unsubscribe {
background: #ededed;
border: 0;
border-radius: 5px;
box-shadow: none;
height: 25px;
line-height: 25px;
padding: 0 10px;
}
.see-all-articles {
background: #f5f5f5;
border-radius: 5px;
font-size: 12px;
padding: 3px 10px;
margin-top: 15px;
}
/* ====================================================
Community box
==================================================== */
.community {
background: #f8f8f8;
border-radius: 5px;
margin-top: 50px;
padding: 25px 30px;
}
.community .recent-activity {
padding: 0;
width: auto;
}
.community .recent-activity h2 {
border-bottom: 1px solid;
border-bottom-color: #e6e6e6;
border-bottom-color: rgba(0, 0, 0, 0.08);
font-weight: normal;
font-size: inherit;
margin: 0 0 15px 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.community h4 {
color: #111;
float: right;
font-size: 13px;
margin: 0;
}
[dir=rtl] .community h4 {
float: left;
}
.community a {
font-weight: normal;
font-size: 16px;
font-family: 'Proxima Nova', 'Arial', sans-serif;
}
.recent-articles {
background: #f8f8f8;
border-radius: 5px;
margin-top: 40px;
padding: 25px 30px;
}
.recent-articles h3 {
border-bottom: 1px solid;
border-bottom-color: #e6e6e6;
border-bottom-color: rgba(0, 0, 0, 0.08);
font-weight: normal;
font-size: inherit;
margin: 0 0 15px 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.recent-articles a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
}
.recent-articles li {
margin-bottom: 10px;
}
.recently-added {
background: #f8f8f8;
border-radius: 5px;
margin-top: 40px;
padding: 25px 30px;
}
.recently-added h3 {
border-bottom: 1px solid;
border-bottom-color: #e6e6e6;
border-bottom-color: rgba(0, 0, 0, 0.08);
font-weight: normal;
font-size: inherit;
margin: 0 0 15px 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.recently-added a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
}
.recently-added li {
margin-bottom: 10px;
}
.trending-questions {
margin-bottom: 40px;
}
.trending-questions h2 {
border-bottom: 1px solid;
border-bottom-color: #e6e6e6;
border-bottom-color: rgba(0, 0, 0, 0.08);
color: #111;
font-weight: normal;
font-size: inherit;
margin: 0 0 15px 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.trending-questions:last-child {
margin-bottom: 0;
}
.trending-question-list {
margin-bottom: 15px;
}
.trending-question-list li {
display: inline-block;
font-size: 13px;
padding: 10px 25px 0 0;
width: 49.5%;
}
.my-activities-table td, .my-activities-table th {
text-align: left;
}
[dir=rtl] .my-activities-table td, [dir=rtl] .my-activities-table th {
text-align: right;
}
/* ====================================================
Promoted tooltip
==================================================== */
.article-promoted span {
cursor: default;
font-family: "entypo";
margin-right: 5px;
position: relative;
}
.article-promoted span:before,
.article-promoted span:after {
display: none;
position: absolute;
}
.article-promoted span:hover:before,
.article-promoted span:hover:after {
display: block;
}
.article-promoted span:before {
background-color: #222;
background-color: rgba(0, 0, 0, 0.85);
border-radius: 4px;
color: #fff;
content: attr(data-title);
font-family: sans-serif;
left: -10px;
margin-top: 5px;
padding: 3px 10px;
top: 100%;
white-space: nowrap;
z-index: 1;
}
.article-promoted span:after {
border-bottom: 5px solid;
border-bottom-color: #222;
border-bottom-color: rgba(0, 0, 0, 0.85);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
width: 0;
}
/* ====================================================
Sub nav
==================================================== */
.sub-nav {
padding: 25px 0;
width: 100%;
border-bottom: 0;
}
.sub-nav .breadcrumbs {
overflow: hidden;
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.sub-nav > * {
display: block;
}
.sub-nav .breadcrumbs {
float: left;
}
}
@media screen and (max-width: 600px) {
.sub-nav .breadcrumbs {
overflow: visible;
white-space: normal;
}
}
.sub-nav .search {
width: 300px;
}
/* Article */
.article-column {
width: 100%;
max-width: 980px;
}
.article-column ul, ol {
margin-top: 4px;
margin-bottom: 14px;
margin-left: 20px;
}
@media screen and (max-width: 640px) {
.article-column ul, ol {
margin-bottom: 10px;
margin-left: 10px;
}
}
h1 .visibility-internal-icon:before {
width: auto;
min-width: 13px;
margin-right: 10px;
font-size: 24px;
}
.article-info > * {
display: table-cell;
vertical-align: middle;
}
.article-avatar {
min-width: 55px;
}
.article-avatar img {
border-radius: 3px;
max-height: 38px;
max-width: 38px;
}
.article-meta {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.article-updated {
display: block;
}
.article-more-questions {
margin: 15px 0 50px;
}
.article-body {
line-height: 1.7;
font-size: 16px;
word-wrap: break-word;
}
.article-body table {
table-layout: fixed;
}
.article-footer {
border-bottom: 1px solid #eee;
margin-top: 15px;
padding: 20px 0;
}
.article-footer .article-vote, .article-footer .share {
display: table-cell;
}
.article-vote {
width: 100%;
}
.article-vote > * {
display: inline-block;
}
.article-vote-controls {
margin: 0 5px;
}
.article-vote-count {
color: #999;
min-width: 20%;
}
.article-vote-up, .article-vote-down {
color: inherit;
font-family: "entypo";
padding: 0 10px;
z-index: 1;
}
.article-vote-up:before {
content: "\1f44d";
}
.article-vote-down:before {
content: "\1f44e";
}
.article-vote-up.article-voted {
color: #6b9100;
border-color: #6b9100;
}
.article-vote-down.article-voted {
color: #999;
border-color: #999;
}
.article-footer a, .article-footer a:before {
background: #cccccc;
box-shadow: none;
border: 0;
border-radius: 50%;
color: #fff;
height: 30px;
line-height: 30px;
}
/* ====================================================
Requests
==================================================== */
.request-follow-up {
text-align: center;
}
.follow-up-hint {
display: inline-block;
float: right;
font-size: 13px;
margin-top: 13px;
}
.request-details {
background-color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.02);
border: 1px solid;
border-color: #ececec;
border-color: rgba(0, 0, 0, 0.07);
border-radius: 3px;
font-size: 12px;
margin: 30px 0;
padding: 15px 20px;
}
.request-details li + li {
margin-top: 10px;
}
.request-header {
font-weight: normal;
font-size: 1.7em;
margin: 1em 0;
}
.request-id {
color: #bbb;
display: block;
font-size: 13px;
}
.request-details dt ~ dt {
font-weight: bold;
margin-top: 15px;
}
.request-details dd {
margin: 2px 0 0;
word-wrap: break-word;
}
.request-details dd ul {
margin: 10px 0;
}
.request-details dd li {
list-style-type: disc;
list-style-position: inside;
margin: 0;
}
.request-details .nested-field-tag:before {
content: " > ";
}
.request-details .nested-field-tag:first-child:before {
content: "";
}
.request-status {
color: #fff;
border-radius: 3px;
display: inline-block;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
padding: 2px 5px;
white-space: nowrap;
}
.request-open {
background: #59bbe0;
}
.request-answered {
background: #f5ca00;
}
.request-solved {
background: #828282;
}
.page-header {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
min-height: 50px;
padding-bottom: 15px;
}
.page-header > * {
display: table-cell;
vertical-align: middle;
}
.page-header > *:first-child {
width: 100%;
}
.page-header + p {
color: #bebebe;
margin: -15px 0 20px 0;
}
.page-header h1 {
font-size: 20px;
font-weight: 400;
}
body.community-enabled .search-results-column {
width: 430px !important;
}
.visibility-internal-icon:before {
content: "\1F512";
display: inline-block;
font-family: "entypo";
text-align: center;
width: 13px;
}
.article-promoted span, .visibility-internal {
cursor: default;
position: relative;
}
.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after {
display: none;
font-size: 13px;
font-weight: normal;
position: absolute;
}
.article-promoted span:before, .visibility-internal:before {
background: #222;
border-radius: 3px;
color: #fff;
content: attr(data-title);
font-family: sans-serif;
left: -10px;
margin-top: 5px;
padding: 3px 10px;
text-transform: none;
top: 100%;
white-space: nowrap;
z-index: 1;
}
.article-promoted span:after, .visibility-internal:after {
border-bottom: 5px solid #222;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
width: 0;
}
.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after {
display: block;
}
/* Comments - Article, Request and Post pages */
.comment-list {
margin-bottom: 25px;
}
.comment-list > * {
border-bottom: 1px solid #eee;
padding: 25px 0;
}
.comment-list > *:first-child {
border-top: 1px solid #eee;
}
.comment-sorter {
float: right;
}
.comment-sorter a {
color: #999;
text-decoration: none;
padding-left: 20px;
}
[dir=rtl] .comment-sorter {
float: left;
}
[dir=rtl] .comment-sorter a {
padding-left: 0;
padding-right: 20px;
}
.comment-sorter [aria-selected=true] {
font-weight: bold;
color: #333;
}
.comment, .comment-form {
display: table;
table-layout: fixed;
width: 100%;
word-wrap: break-word;
}
.comment > *, .comment-form > * {
display: table-cell;
vertical-align: top;
}
.comment-vote, .comment-bookmark {
text-align: center;
width: 50px;
}
.comment-bookmark:before {
color: #77a500;
content: "\1F516";
font-family: "entypo";
font-size: 23px;
line-height: 1.1;
}
.comment-avatar {
position: relative;
width: 85px;
}
.comment-avatar img {
border-radius: 3px;
max-width: 65px;
max-height: 65px;
}
.comment-avatar-agent:after {
background-color: transparent;
background-image: url("/hc/theming_assets/01HZPC4JT4ADTZSHAKS8FQE1QP");
background-image: url("/hc/theming_assets/01HZPC4JYA26JC8MFDD8EFPK5R");
background-repeat: no-repeat;
background-size: 15px;
content: " ";
height: 15px;
left: 55px;
position: absolute;
top: 55px;
width: 15px;
}
[dir=rtl] .comment-avatar-agent:after {
left: auto;
right: 55px;
}
.comment-header {
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
}
.comment-published, .comment-pending, .comment-official {
border: 1px solid transparent;
float: right;
font-size: 11px;
padding: 1px 5px;
}
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
float: left;
}
.comment-published {
color: #bebebe;
}
.comment-published:before {
content: " ";
display: inline-block;
width: 5px;
}
.comment-pending, .comment-official {
border-color: currentcolor;
border-radius: 2px;
}
.comment-pending {
color: #eec100;
}
.comment-official {
color: #77a500;
}
.comment-form textarea {
border-radius: 2px 2px 0 0;
border-width: 1px;
}
.comment-attachments {
margin-top: 10px;
}
.comment-form-controls {
display: none;
margin-top: 10px;
text-align: right;
}
.comment-form-controls input[type=submit] {
margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
margin-left: 0;
margin-right: 15px;
}
.comment-screencasts, .comment-mark-as-solved {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
margin-left: 20px;
}
.comment-actions {
float: right;
color: #999;
}
[dir=rtl] .comment-actions {
float: left;
}
.comment-actions .dropdown-toggle:before {
content: "\2699";
font-size: 11px;
font-family: "entypo";
}
.attachment-list, .screencast-list {
font-size: 11px;
margin-top: 25px;
}
.attachment-list span, .screencast-list span {
color: #999;
}
[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span {
direction: rtl;
unicode-bidi: bidi-override;
}
.attachment-list li, .screencast-list li {
margin-bottom: 10px;
}
.attachment-list li:before, .screencast-list li:before {
border-radius: 3px;
color: #bbb;
font-family: "entypo";
margin-right: 5px;
padding: 5px;
}
.attachment-list li:before {
content: "\1F4CE";
}
.screencast-list li:before {
content: "\1F4BB";
}
.my-activities-header {
border-bottom: 1px solid #eee;
margin-bottom: 25px;
padding: 25px 0;
}
.my-activities-header .breadcrumbs li {
color: #000;
font-size: 20px;
font-weight: normal;
}
.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before {
display: none;
}
.my-activities-nav {
margin-bottom: 100px;
}
.my-activities-sub-nav {
margin-bottom: 15px;
}
.request-table-toolbar {
background: #f9f9f9;
display: table;
padding: 8px;
width: 100%;
}
.request-table-filters {
display: table-cell;
text-align: right;
}
[dir=rtl] .request-table-filters {
text-align: left;
}
.request-table-filters label:before {
content: " ";
width: 25px;
display: inline-block;
}
.requests-search {
border-radius: 20px;
outline: none;
padding: 6px 15px;
}
.request-id {
color: #bebebe;
}
.request-details {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 3px;
font-size: 12px;
margin: 0 0 30px;
padding: 15px 20px;
}
.request-details dt ~ dt, .request-details form dt {
font-weight: bold;
margin-top: 15px;
}
.request-details dd {
margin: 2px 0 0;
word-wrap: break-word;
}
.request-details dd ul {
margin: 10px 0;
}
.request-details dd li {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 3px 0;
}
.request-details .nested-field-tag:before {
content: " > ";
}
.request-details .nested-field-tag:first-child:before {
content: "";
}
.request-status {
color: #fff;
border-radius: 3px;
}
.request-open {
background: #59bbe0;
}
.request-answered {
background: #f5ca00;
}
.request-solved {
background: #828282;
}
/* Community */
.post-to-community a {
padding-left: 20px;
padding-right: 20px;
}
.post-to-community a:before {
content: "\2b\00a0";
position: relative;
top: -1px;
}
/* Community topics page */
.topic-list li {
display: inline-block;
padding: 0 100px 30px 0;
vertical-align: top;
width: 49.5%;
}
.topic-list li h3, .topic-list li p {
margin: 0;
}
.topic-list li p {
color: #bebebe;
}
.topic-list li .meta-group {
margin-top: 5px;
}
[dir=rtl] .topic-list li {
padding: 0 0 30px 100px;
}
/* Community topic page */
.topic-header {
margin-bottom: 15px;
}
.topic-header > * {
display: table-cell;
vertical-align: middle;
}
.topic-filters {
width: 100%;
}
.topic-filters > * {
display: inline-block;
font-weight: bolder;
margin-right: 20px;
}
[dir=rtl] .topic-filters > * {
margin-right: 0;
margin-left: 20px;
}
.post-overview {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.post-overview-info {
display: inline-block;
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
.post-overview-info a {
font-size: 16px;
}
.post-overview-info .meta-group {
display: block;
margin-top: 5px;
}
.post-pinned .post-overview-info:before {
content: "\2605";
margin-right: 5px;
color: rgba(0, 115, 236, 1);
}
.post-overview-status {
float: right;
margin: 0 10px;
}
.post-overview-status > span {
color: #fff;
}
[dir=rtl] .post-overview-status {
float: left;
}
.post-overview-count {
background: #f9f9f9;
border-radius: 3px;
color: #bebebe;
float: right;
font-size: 10px;
margin-left: 10px;
min-width: 90px;
padding: 10px 15px;
text-align: center;
text-transform: uppercase;
}
.post-overview-count strong {
color: rgba(51, 51, 51, 1);
display: block;
font-size: 13px;
}
[dir=rtl] .post-overview-count strong {
direction: ltr;
unicode-bidi: bidi-override;
}
[dir=rtl] .post-overview-count {
float: left;
margin-left: 0;
margin-right: 10px;
}
/* Community post page */
.post-actions .dropdown-toggle {
font-size: 11px;
font-weight: bold;
}
.post-actions .dropdown-toggle:before {
content: "\2699\00a0\00a0";
font: 11px bold;
font-family: "entypo";
}
.post {
display: table;
margin-bottom: 50px;
table-layout: fixed;
width: 100%;
}
.post-vote, .post-container {
display: table-cell;
vertical-align: top;
}
.post-vote {
width: 45px;
padding-top: 5px;
}
.post-header {
margin-bottom: 25px;
}
.post-header h1 {
margin: 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
}
.post-info {
display: table;
width: 100%;
}
.post-info > * {
display: table-cell;
vertical-align: middle;
white-space: nowrap;
}
.post-avatar {
min-width: 55px;
position: relative;
}
.post-avatar img {
border-radius: 3px;
max-height: 38px;
max-width: 38px;
}
.post-avatar-agent:after {
background-color: transparent;
background-image: url("/hc/theming_assets/01HZPC4JT4ADTZSHAKS8FQE1QP");
background-image: url("/hc/theming_assets/01HZPC4JYA26JC8MFDD8EFPK5R");
background-repeat: no-repeat;
background-size: 14px;
position: relative;
display: block;
width: 15px;
height: 15px;
left: 28px;
top: -10.5px;
content: " ";
}
[dir=rtl] .post-avatar-agent:after {
left: auto;
right: 28px;
}
.post-meta {
width: 100%;
max-width: 0;
}
.post-author {
display: block;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.post-status > span {
color: #fff;
margin: 0 10px;
}
.post-planned {
background-color: #3eaae5;
}
.post-not-planned {
background-color: #b5b5b5;
}
.post-completed {
background-color: #669600;
}
.post-answered {
background-color: #669600;
}
.post-share {
margin-top: 30px;
text-align: right;
}
[dir=rtl] .post-share {
text-align: left;
}
/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] {
border-radius: 3px;
font-size: 12px;
padding: 4px 10px;
}
.topic-follow [role=button]:after, .post-follow [role=button]:after {
content: attr(data-follower-count);
color: rgba(51, 51, 51, 1);
display: inline-block;
border-left: 1px solid #ddd;
margin-left: 10px;
padding-left: 10px;
}
[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after {
border-left: 0;
border-right: 1px solid #ddd;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}
.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] {
background: #f9f9f9;
color: rgba(51, 51, 51, 1);
}
body.community-enabled .search-results-column {
display: inline-block;
vertical-align: top;
width: 450px;
}
body.community-enabled .search-results-column + .search-results-column {
margin-left: 35px;
}
[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
margin-left: 0;
margin-right: 35px;
}
.search-results-subheading {
padding-bottom: 10px;
margin-bottom: 0;
}
.search-results-subheading-link {
font-size: 13px;
font-weight: normal;
margin-left: 5px;
}
.search-results-list {
margin-bottom: 25px;
}
.search-results-list > * {
border-bottom: 1px solid #eee;
padding: 20px 0;
}
.search-results-list > *:first-child {
border-top: 1px solid #eee;
}
.search-result-link {
font-size: 16px;
}
.search-result-description, .search-result-meta {
overflow: hidden;
text-overflow: ellipsis;
padding-top: 16px;
}
.search-result-meta-name, .search-result-meta-time, .search-result-meta-count {
font-size: 12px;
color: #bebebe;
}
.search-result-meta-time:before, .search-result-meta-count:before {
display: inline-block;
content: "\2022";
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before {
padding-right: 5px;
}
[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before {
padding-left: 5px;
}
.search-result-votes {
background: #a8d119;
border-radius: 2px;
color: #fff;
display: inline-block;
line-height: 1;
padding: 4px 5px;
position: relative;
top: -2px;
}
.search-result-votes:before {
content: "\1F44D";
font-family: "entypo";
}
[dir=ltr] .search-result-votes {
margin-left: 5px;
}
[dir=ltr] .search-result-votes:before {
margin-right: 3px;
}
[dir=rtl] .search-result-votes {
margin-right: 5px;
}
[dir=rtl] .search-result-votes:before {
margin-left: 3px;
}
.chat {
background: #f6f6f6;
border: 1px solid #e0e0e0;
border-bottom: 0;
border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
cursor: pointer;
font-size: 13px;
line-height: 35px;
padding: 0 15px;
position: fixed;
right: 85px;
-webkit-transition: bottom .5s ease-in, color .5s ease-in;
-moz-transition: bottom .5s ease-in, color .5s ease-in;
-ms-transition: bottom .5s ease-in, color .5s ease-in;
-o-transition: bottom .5s ease-in, color .5s ease-in;
transition: bottom .5s ease-in, color .5s ease-in;
}
.chat:before {
content: "\E720";
font-family: "entypo";
font-size: 16px;
margin-right: 10px;
vertical-align: middle;
}
.chat:hover {
text-decoration: none;
}
.chat-available {
bottom: 0;
}
.chat-unavailable {
color: #808080;
cursor: default !important;
bottom: -50px;
}
.error-page {
margin: 0 auto;
max-width: 500px;
padding-top: 5%;
}
.error-page h1 {
font-size: 52px;
margin-bottom: 0;
}
.error-page h2 {
font-size: 16px;
margin-bottom: 5px;
}
.error-page > a {
display: block;
margin-top: 25px;
}
.recent-activity {
background: #f9f9f9;
border-radius: 5px;
padding: 25px 20px;
width: 270px;
}
.recent-activity-header {
margin-top: 0;
font-size: 16px;
}
/* Promoted Articles */
.promoted-articles {
background: #f9f9f9;
border-radius: 5px;
display: block;
width: 100%;
background: #f8f8f8;
border-radius: 5px;
margin-top: 40px;
padding: 25px 30px;
}
.promoted-articles-header {
margin-top: 0;
font-size: 16px;
padding-bottom: 20px;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 15px;
text-transform: uppercase;
}
.promoted-articles li {
line-height: 1.5;
margin-bottom: 10px;
}
.promoted-articles div div:nth-child(n+13) {
display: none;
}
.promoted-articles span {
cursor: pointer;
color: #0073ec;
margin: 0 auto;
}
.promoted-articles a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
}
/* Trending Articles - Homepage */
.article-trending {
width: 45%;
margin: 0 2rem 0 0;
}
@media (max-width: 760px) {
.article-trending {
width: 100%;
margin: auto;
}
}
.promo-load:after {
display: inline-block;
font-family: "entypo";
content: '\e760';
padding-left: 5px;
}
.promo-load:hover {
color: #004186;
}
.trending-articles {
background: transparent;
border-radius: 5px;
display: block;
width: 100%;
border-radius: 5px;
padding-top: 2rem;
}
.trending-articles ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.trending-articles div div:nth-child(n+13) {
display: none;
}
.trending-articles span {
cursor: pointer;
color: #0073ec;
margin: 0 auto;
}
.trending-articles li {
display: inline-block;
line-height: 1.5;
margin-bottom: 10px;
width: 45%;
}
@media (max-width: 680px) {
.trending-articles li {
display: block;
line-height: 1.5;
margin-bottom: 10px;
width: 100%;
}
}
.trending-articles-header {
margin-top: 0;
font-size: 18px;
padding-bottom: 10px;
border-bottom: 2px solid #2E323C;
margin-bottom: 20px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
}
.trending-articles a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
}
/* End Trending Articles for Homepage */
.recent-activity-item ~ .recent-activity-item {
margin-top: 15px;
}
.recent-activity-item-parent {
color: rgba(51, 51, 51, 1);
font-size: 12px;
text-decoration: none;
display: block;
}
.recent-activity-item-parent:hover {
text-decoration: underline;
}
.recent-activity-item-link {
display: block;
}
@media screen and (min-width: 600px) {
.recent-activity-item-parent {
display: inline-block;
padding-right: 15px;
border-right: 1px solid #000000;
line-height: 12px;
}
.recent-activity-item-link {
display: inline-block;
padding-left: 10px;
}
}
.recent-activity-item-meta {
font-size: 12px;
color: #999;
}
.recent-activity-item-time {
display: inline-block;
}
.recent-activity-item-comment {
display: none;
}
.recent-activity-item-comment:before {
display: inline-block;
content: "\2022";
}
.recent-activity-item-comment span:before {
font-family: "entypo";
content: "\00a0\00a0\e718";
display: inline-block;
vertical-align: middle;
padding-right: 3px;
}
[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
display: inline-block;
}
.recent-activity-controls,
.recent-activity-loader {
padding-top: 20px;
font-size: 12px;
}
.recent-activity-loader {
display: inline-block;
position: relative;
}
.recent-activity-loader:before {
display: block;
position: absolute;
content: "\0020";
width: 50%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
animation: recent-activity-loader .5s infinite;
-webkit-animation: recent-activity-loader .5s infinite;
}
@keyframes recent-activity-loader {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-webkit-keyframes recent-activity-loader {
0% {
left: 0;
}
100% {
left: 100%;
}
}
.escalation-badge, a.escalation-badge {
background-color: #95be22;
border-color: #95be22;
border-radius: 3px;
border-style: solid;
border-width: 1px;
color: #ffffff;
font-size: 11px;
margin: 0 3px;
padding: 1px 3px;
text-decoration: none;
vertical-align: baseline;
}
.article-body .markdown ul li {
/*
* We want the bullets outside of the list,
* so the text is aligned. Now the actual bullet
* is outside of the list’s container
*/
list-style-position: outside;
/*
* Because the bullet is outside of the list’s
* container, indent the list entirely
*/
margin-left: 1em;
}
/* ====================================================
List Styles
==================================================== */
.article-body .markdown ol li {
/*
* We want the bullets outside of the list,
* so the text is aligned. Now the actual bullet
* is outside of the list’s container
*/
list-style-position: outside;
/*
* Because the bullet is outside of the list’s
* container, indent the list entirely
*/
margin-left: 1em;
}
/* ====================================================
Support Banner
==================================================== */
.support-banner {
display: block;
position: relative;
padding: 3rem;
visibility: visible;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 960px) {
.support-banner {
flex-direction: column;
padding: 3rem 0;
}
.support-banner h2 {
margin-bottom: 1rem;
}
}
.support-banner:before {
content: ' ';
display: block;
position: absolute;
background: -webkit-linear-gradient(bottom right, #121B20, #313F4A);
background: -moz-linear-gradient(bottom right, #121B20, #313F4A);
background: linear-gradient(to top left, #121B20, #313F4A);
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
top: 0;
bottom: 0;
left: -12rem;
right: 0;
}
.support-banner h2 {
color: #fff;
font-weight: 500;
}
.support-banner a:hover {
color: #ffffff;
background: #005ab9;
border-color: #005ab9;
}
.support-banner.hidden {
visibility: hidden;
}
@media screen and (max-width: 450px) {
.support-banner h2 {
font-size: 18px;
}
.support-banner p {
font-size: 16px;
}
}
/* ====================================================
S: Footer
==================================================== */
.footer-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-right: 1rem;
padding-left: 1rem;
}
@media screen and (max-width: 520px) {
.footer-top {
padding: 0 auto;
}
}
.icon-discussion {
background-image: url(/hc/theming_assets/01HZPC4KVWF8ADXA0Q5F40Y9R5);
background-repeat: no-repeat;
background-size: 37px;
height: 50px;
background-position: left;
}
.icon-status {
background-image: url(/hc/theming_assets/01HZPC4KQA94S4RVFXMCC5VPZ4);
background-repeat: no-repeat;
background-size: 37px;
height: 50px;
background-position: left;
}
.icon-academy {
background-image: url(/hc/theming_assets/01HZPC4NEMSYPJPQ72G11JSB6H);
background-repeat: no-repeat;
background-size: 37px;
height: 50px;
background-position: left;
}
.icon-blog {
background-image: url(/hc/theming_assets/01HZPC4MADF6ETJ6WZR9YKAFDC);
background-repeat: no-repeat;
background-size: 37px;
height: 50px;
background-position: left;
}
.footer-item h4 {
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0.2px;
line-height: 24px;
font-weight: 500;
}
.footer-top h2 {
text-align: left;
}
.footer-top a:after {
background-color: transparent;
background-image: url("/hc/theming_assets/01HZPC4Q1Y5JPK2YRWY8NZTJ1B");
background-repeat: no-repeat;
content: " ";
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.footer-item a {
font-size: 16px;
}
.footer-logo {
color: #0073ec;
text-align: center;
padding: 3rem 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
}
.footer-gradient {
background-image: linear-gradient(75deg,#0045a2 10%,#a644e5);
width: 100%;
height: 3px;
}
.footer-logo a {
color: #fff;
text-align: center;
}
.footer-logo a:hover {
color: #0073ec;
text-align: center;
text-decoration: none;
}
.footer-line {
width: 24px;
height: 4px;
background: #0073ec;
margin: 20px 0;
text-align: center;
}
@media screen and (min-width: 940px) {
.footer-inner {
display: none; /*delete later*/
width: 100%;
}
.footer-inner ul {
display: table-cell;
width: 16%;
}
}
.boring-stuff {
display: none; /*delete later*/
text-align: center;
padding: 30px 0 80px 0;
margin-left: -30px;
}
.boring-stuff a {
display: none; /*delete later*/
margin-right: 15px;
}
.footer-links {
display: none;
}
.social {
white-space: nowrap;
}
.social li, .social a {
display: inline-block;
}
.social a {
height: 30px;
line-height: 30px;
overflow: hidden;
vertical-align: middle;
width: 40px;
font-size: 24px;
}
.social a:before {
color: #fff;
display: inline-block;
font-family: "entypo";
text-align: center;
width: 100%;
}
.social li:hover {
text-decoration: none;
color: #0073ec;
}
.social-twitter:before {
content: "\F309";
}
.social-facebook:before {
content: "\f30e";
}
.social-linkedin:before {
content: "\F318";
}
.social-instagram {
background-image: url(/hc/theming_assets/01HZPC4PS17TKJCYZ25YW5X5BB);
background-repeat: no-repeat;
background-size: 24px 24px;
height: 50px;
background-position: center center;
}
.social-youtube {
background-image: url(/hc/theming_assets/01HZPC4PXAVQR6GJJTEQZGG3FC);
background-repeat: no-repeat;
background-size: 24px 24px;
height: 50px;
background-position: center center;
}
/* ====================================================
Specially Styled Text
==================================================== */
.highlight pre {
border: 1px solid black;
background: #000000;
max-width: 940px;
overflow-x: auto;
color: #FFFFFF;
white-space: pre;
word-wrap: normal;
padding: 8px 15px;
line-height: 20px;
border-radius: 3px;
}
.highlight pre .gp {
color: #7DFDFE;
}
.highlight-python .highlight pre, .go {
color: #B6B6B4;
}
.preboxcontainer {
max-width: 940px;
background: #000000;
border-radius: 10px;
margin-bottom: 20px;
}
pre.prebox {
font-family: 'Courier New',monospace;
border: 1px solid black;
background: #202020;
max-width: 940px;
overflow-x: auto;
color: #efefef;
white-space: pre;
word-wrap: normal;
padding: 8px 15px;
line-height: 20px;
}
.server {
color: #afe2ff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 3px;
}
.command {
color: white;
/* padding: 2px 3px; */
border-radius: 3px;
}
.cmdoutput {
color:#dcdcdc;
}
.command.code-highlight {
color: inherit; /* adopt correct pre text color (#efefef) */
background: none; /* remove .command background */
border: none;
padding: 0; /* remove .command padding */
margin: 0;
border-radius: 0;
}
pre.prebox .code-highlight {
color: #78ff9b;
}
/* Neutralize Zendesk New Editor WYSIWYG additions */
.wysiwyg-code-block {
all: unset;
display: block; /* Restore block behavior */
white-space: pre; /* Match your original styling */
}
.language-auto {
all: unset;
}
li[data-list-item-id] {
all: unset !important;
display: list-item !important;
list-style: inherit !important;
}
/* Remove paragraph formatting only when is a direct child of
*/
li > p {
margin: 0;
padding: 0;
display: contents; /* Removes visual block-level behavior without removing the element */
}
/* Remove paragraph formatting only when is a direct child of
*/
/* dd > p {
margin: 0;
padding: 0; */
/* Removes visual block-level behavior without removing the element */
/* display: contents;
} */
/* Remove paragraph formatting */
p.no-format {
margin: 0;
padding: 0;
line-height: 0;
}
/* END Zendesk Editor fixes */
/* Ensures scrollbar visibility */
.prebox::-webkit-scrollbar {
height: 8px;
}
.prebox::-webkit-scrollbar-thumb {
background: #888;
}
.prebox::-webkit-scrollbar-thumb:hover {
background: #a6a6a6;
}
.prebox::-webkit-scrollbar-track {
background: #e3e3e3;
}
.altTitle {
display:none;
}
.green {
color: #00D30A;
}
.red {
color: #FF2D00;
}
.table-background-green {
background-color: #6ffe8220;
}
.table-background-red {
background-color: #ff884920;
}
/*FAQ page headers*/
.header-section {
text-align: center;
border-bottom: 1px solid #cccccc;
margin-top: 20px;
margin-bottom: 15px;
}
h2.subheader.header-section {
font-size: 2rem;
padding-bottom: 30px;
background-color: #E4F3FF;
margin-top: 3rem;
}
.header-section2 {
text-align: center;
/* border-bottom: 1px solid #cccccc; */
margin-top: 20px;
margin-bottom: 15px;
}
h2.subheader.header-section2 {
font-size: 2.5rem;
/* padding-bottom: 30px; */
/* background-color: #E4F3FF; */
margin-top: 3rem;
/* Divider */
/* display: block;
width: 100%;
height: 3px;
background-image: linear-gradient(90deg, #0045a2 0%, #a644e5);
clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */
}
/* Spanish to English buttons */
.lang-link-container {
border: 1px solid #079fe0;
margin: 1em auto 1em;
padding: 1em;
max-width: 640px;
text-align: center;
}
.lang-link {
background-color: #117fb2;
border-radius: 5px;
box-shadow: none;
color: #fff;
font-size: 18px;
font-family: 'Proxima Nova', Arial, sans-serif;
padding: 10px;
}
/* Light blue highlight for article h2 tags */
h2.subheader.section-highlight {
background-color: #E4F3FF;
padding-left: 5px;
}
/* light border for images without a border */
.img-border {
box-shadow: 0 0 5px 5px #EBEBEB;
margin-top: 3px;
margin-bottom: 3px;
}
.markdown img, .img-border {
padding: 0px;
}
/* border for graphics */
.gfx-border {
box-shadow: 0 0 5px 5px #EBEBEB;
margin-top: 3px;
margin-bottom: 3px;
}
.markdown img, .gfx-border {
padding: 0px;
}
/* makes panel links look like buttons */
.panel-link {
background-color: #0073EC;
color: #fff;
padding: 0px 7px;
border-radius: 15px;
display: inline-block;
}
.panel-link a{
color: #fff;
}
/* different highlighted text */
.panel-page {
color: #0073EC;
}
/* .text-product {
color: #46488e;
font-size: 1.1rem;
} */
.text-section {
color: #8264c8;
}
.text-dns {
color: #6190b5;
font-size: 1.1rem;
}
.text-object {
color: #5e74b0;
}
.text-link {
color: #004fff;
/* font-size: 1.1rem; */
}
.code-example-section {
background-color: #f2f6ff;
padding: 5px;
}
.text-blockquote {
color: #000;
margin-left: 30px;
background-color: #f1f3f7;
padding: 10px;
border-left: 5px solid #e5e5e5;
}
/* ====================================================
New Alert Notes: prereqs and alert-warning
==================================================== */
/* repeated notebox template for articles */
/*.CLASSNAME::before {
content: "ADD TEXT HERE";
text-align: center;
font-weight: bolder;
font-size: 1.3rem;
display: block;
margin-bottom: 20px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}*/
.prereqs:before {
content: url(/hc/theming_assets/01HZPC4TT9GX2H1Z4EMDAS6WEW);
vertical-align: top;
display: table-cell;
width: 2.5%;
min-width: 24px;
padding-top: 14px;
}
.prereqs {
position: relative;
padding: 0 15px;
background-color: #FBF6FE;
border: 1px solid #d3a2f2;
border-left: 8px solid #d3a2f2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: auto;
display: table;
margin: 15px 0;
line-height: 22px;
max-width: 980px;
font-size: 93%;
width: 100%;
table-layout: fixed; /* to prevent 100% width */
}
.prereqs p {
margin-left: 80px;
padding-left: 15px;
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
@media screen and (max-width: 640px) {
.prereqs:before {
max-width: 40px;
}
}
.alert-warning:before {
content: url(/hc/theming_assets/01HZPC4TYFHGSXJZJ1WGZ2V5CJ);
vertical-align: top;
display: table-cell;
width: 2.5%;
min-width: 24px;
padding: 14px 0 0 0;
}
.alert-warning {
position: relative;
background-color: #fff6f6;
padding: 0 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: auto;
display: table;
margin: 15px 0;
line-height: 22px;
max-width: 980px;
font-size: 93%;
width: 100%;
border: 1px solid #FFA5A4;
border-left: 8px solid #FFA5A4;
table-layout: fixed; /* to prevent 100% width */
}
.alert-warning p {
margin-left: 80px;
padding-left: 15px;
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
@media screen and (max-width: 640px) {
.alert-warning:before {
max-width: 40px;
}
}
.notebox-tip:before {
content: url(/hc/theming_assets/01HZPC3Z5E182TYK6653J6HR55);
vertical-align: top;
display: table-cell;
width: 2.5%;
min-width: 24px;
padding: 14px 0 0 0;
}
.notebox-tip {
position: relative;
background-color: #f2fcfb;
padding: 0 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: auto;
display: table;
margin: 15px 0;
line-height: 22px;
max-width: 980px;
font-size: 93%;
width: 100%;
border: 1px solid #80e6d5;
border-left: 8px solid #80e6d5;
table-layout: fixed;
/* to prevent 100% width */
}
.notebox-tip p {
margin-left: 80px;
padding-left: 15px;
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
@media screen and (max-width: 640px) {
.notebox-tip:before {
max-width: 40px;
}
}
.notebox-important:before {
content: url(/hc/theming_assets/01HZPC3YTC5AAPMQQDBARQW5TG);
vertical-align: top;
display: table-cell;
width: 2.5%;
min-width: 24px;
padding: 14px 0 0 0;
}
.notebox-important {
position: relative;
background-color: #FFFAF2;
padding: 0 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: auto;
display: table;
margin: 15px 0;
line-height: 22px;
max-width: 980px;
font-size: 93%;
width: 100%;
border: 1px solid #FACE80;
border-left: 8px solid #FACE80;
table-layout: fixed;
/* to prevent 100% width */
}
.notebox-important p {
margin-left: 80px;
padding-left: 15px;
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
@media screen and (max-width: 640px) {
.notebox-important:before {
max-width: 40px;
}
}
.notebox-note:before {
content: url(/hc/theming_assets/01HZPC3YZJMQ7QAVK6F0WH0PTQ);
vertical-align: top;
display: table-cell;
width: 2.5%;
min-width: 24px;
padding: 14px 0 0 0;
}
.notebox-note {
position: relative;
background-color: #F2F8FE;
padding: 0 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
height: auto;
display: table;
margin: 15px 0;
line-height: 22px;
max-width: 980px;
font-size: 93%;
width: 100%;
border: 1px solid #80b9f6;
border-left: 8px solid #80b9f6;
table-layout: fixed;
/* to prevent 100% width */
}
.notebox-note p {
margin-left: 80px;
padding-left: 15px;
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
@media screen and (max-width: 640px) {
.notebox-note:before {
max-width: 40px;
}
}
.notebox-note > ul, .notebox-important > ul,.notebox-tip > ul,.alert-warning > ul, .prereqs > ul {
padding-left: 35px;
}
.important-announcement {
/* background-color: rgba(0,131,255,.1); */
background-color: #FFF4B6;
padding: 9px;
border: 1px solid #079fe0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 18px;
}
/* Position icons in line with text */
img.text-icon {
padding-bottom: 6px;
}
/* ====================================================
Style Guide Nav link
==================================================== */
#style-guide-nav {
background-color: #525252;
color: #fff;
border-radius: 10px;
display: inline-block;
padding: .1rem 1rem .1rem 1rem;
}
#style-guide-nav a {
color: #8cc4ff; /* Link color */
text-decoration: none; /* Removes underline */
font-weight: 600; /* Slightly bold */
transition: color 0.3s ease-in-out;
margin-left: 1rem;
padding: 5px 50px 5px 0;
}
#style-guide-nav a:hover {
/* color: #b8c1ff; */ /* Purple */
color: #ffcc80; /* Amber */
text-decoration: underline; /* Add underline on hover */
}
/* ====================================================
Indent Text section
==================================================== */
.indent {
margin-left: 2rem;
}
/* ====================================================
Expertise Banners
==================================================== */
#beginner {
height: 0;
}
#intermediate {
height: 0;
}
#advanced {
height: 0;
}
#dho {
height: 0;
}
#dhc {
height: 0;
}
/* 3 columns */
.div-table-header-3col {
background-color: #DCDCDC;
text-align: center;
font-weight: 600;
border: 1px solid black;
}
.div-table-cell-3col, .div-table-header-3col {
/* display: inline-block; */
/* position: relative; */
/* width: 25%; */
padding: 5px;
margin: 5px 5px 5px -10px;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 13px;
}
@media screen and (max-width: 600px) {
.div-table-header-3col,
span.div-table-cell-3col {
display: inline-block;
width: 33%;
vertical-align: top;
height: 50px;
margin: -4px 5px 5px -10px;
font-size: 11px;
}
}
/* 4 columns */
.div-table-header-4col {
background-color: #DCDCDC;
text-align: center;
font-weight: 600;
border: 1px solid black;
}
.div-table-cell-4col, .div-table-header-4col {
/* display: inline-block; */
/* position: relative; */
/* width: 25%; */
padding: 5px;
margin: 5px 5px 5px -10px;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 13px;
}
.div-table-cell-4col-2-rows {
padding: 5px;
margin: 1px 5px -2px -10px;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 13px;
display: inline-block;
height: 52px;
vertical-align: top;
}
@media screen and (max-width: 800px) {
.div-table-header-4col,
span.div-table-cell-4col {
display: inline-block;
vertical-align: top;
margin: -4px 5px 5px -10px;
font-size: 11px;
height: 75px;
width: 25%;
}
}
@media screen and (max-width: 800px) {
.div-table-cell-4col-2-rows {
display: inline-block;
/* width: 25%; */
vertical-align: top;
height: 85px;
font-size: 11px;
height: 151px;
width: 25%;
}
}
/* ___HomePage Category Divider */
.category-title {
display: block;
width: 100%;
color: #0045a2;
text-align: center;
font-size: 2rem;
}
.category-title:not(:first-child) {
margin-top: 2rem;
}
.category-divider {
display: block;
width: 100%;
height: 3px;
background-image: linear-gradient(90deg, #0045a2 0%, #a644e5);
clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
/* TESTING */
.div-table-line-break-testing {
margin: 0px;
/* border: 1px solid red; */
}
span.div-table-header-testing {
background-color: #DCDCDC;
text-align: center;
font-weight: 600;
border: 1px solid black;
}
.div-table-cell-testing, span.div-table-header-testing {
display: inline-block;
position: relative;
width: 25%;
padding-top: 10px;
padding-left: 5px;
margin-right: -5px;
border-right: 1px solid red;
border-bottom: 1px solid black;
border-left: 1px solid green;
font-size: 13px;
}
/* End Div Tables */
/* Highlighting text */
span.hl-panel-page {
font-size: 17px;
color: #418FFF;
font-weight: 600;
}
/* Status.io API page */
#allSystemsOperational {
display: none;
background-color: #27AE60;
color: #fff;
padding: .25rem .2rem;
font-size: 1.3rem;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}
#operationalText {
display: none;
}
.incidentTopic {
background-color: #DE2B2B;
color: #fff;
padding: 10px;
font-size: 1.3rem;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
.updatedTime {
background-color: #E8E8E8;
font-weight: bold;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.updatedStatus {
padding: 10px;
margin-bottom: 10px;
}
#further-status-details {
display: none;
}
/* ====================================================
Alert Icons
==================================================== */
/*Yellow - Important*/
.alert-important {
position: relative;
padding: 0 15px;
height: auto;
display: flex;
margin: 15px 0;
background-color: #FFFAF2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #FACE80;
}
/*Blue - Tips*/
.alert-note {
position: relative;
padding: 0 15px;
height: auto;
display: flex;
margin: 15px 0;
background-color: #F2F8FE;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #80b9f6;
}
/*Green - Ideas*/
.alert-tip {
position: relative;
padding: 0 15px;
height: auto;
display: flex;
margin: 15px 0;
background-color: #f2fcfb;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #80e6d5;
}
.alert-content {
position: relative;
line-height: 22px;
font-size: 93%;
padding: 0 15px;
margin: auto;
padding-top: 0;
height: auto;
display: table;
max-width: 980px;
width: 100%;
}
.alert-content p {
vertical-align: middle;
margin: auto;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.alert-content ul, .alert-content ol {
margin: 0 10px 0 0;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.alert-content li {
padding: 0;
}
.alert-content a {
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.alert-icon {
display: block;
width: 2.5%;
min-width: 24px;
padding-top: 12px;
}
@media screen and (max-width: 640px) {
.alert-icon img {
width: 100%;
max-width: 40px;
}
}
@media screen and (max-width: 480px) {
.alert-content pre {
max-width: 170px;
}
}
/* prevent .preboxcontainer from overlapping note boxes */
.alert-important .preboxcontainer,
.alert-note .preboxcontainer,
.alert-tip .preboxcontainer {
max-width: 860px;
}
/* prevent .preboxcontainer from overlapping note boxes in a list*/
li .alert-important .preboxcontainer,
li .alert-note .preboxcontainer,
li .alert-tip .preboxcontainer {
max-width: 800px;
}
/* prevent .preboxcontainer from overlapping note boxes inside a dd tag*/
.dd-prebox > .preboxcontainer {
max-width: 600px
}
.related-articles {
background: #f8f8f8;
border-radius: 5px;
margin-top: 40px;
padding: 25px 30px;
display: none;
}
.related-articles h3 {
border-bottom: 1px solid;
border-bottom-color: #e6e6e6;
border-bottom-color: rgba(0, 0, 0, 0.08);
font-weight: normal;
font-size: inherit;
margin: 0 0 15px 0;
padding-bottom: 20px;
text-transform: uppercase;
}
.related-articles a {
font-family: 'Proxima Nova', 'Arial', sans-serif;
font-size: 16px;
font-weight: normal;
}
.related-articles li {
margin-bottom: 10px;
}
.notification-notice {
position: fixed;
z-index: 1;
}
.admonition-content {
padding: 15px;
border: 1px solid #DCDCDC;
height: auto;
min-height: 95px;
display: table;
margin: 30px 0;
width: 100%;
}
.admonition-icon {
display: table-cell;
background-image: url("/hc/theming_assets/01HZPC3YTC5AAPMQQDBARQW5TG");
background-repeat: no-repeat;
background-position: 0;
background-size: 60px 60px;
width: 8%;
min-width: 75px;
vertical-align: middle;
height: 95px;
}
@media screen and (max-width: 640px) {
.admonition-icon {
background-size: 40px 40px;
min-width: 55px;
}
}
.admonition {
display: table-cell;
vertical-align: middle;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #DCDCDC;
}
.admonition-title {
display: none;
}
.admonition p {
line-height: 15px;
margin: 10px 0;
}
/* ====================================================
Back to Top Button
==================================================== */
.topbtn {
display: none;
}
.topbtn a {
position: fixed;
bottom: 50px;
right: 20px;
display: block;
width: 50px;
height: 50px;
background-color: #0073ec;
z-index: 2;
text-align: center;
line-height: 50px;
color: #ffffff;
border-radius: 50%;
}
@media screen and (max-width: 940px) {
.topbtn a {
bottom: 110px;
}
}
.topbtn.no-nav a {
bottom: 50px;
}
.topbtn img {
padding-bottom: 5px;
}
/* ====================================================
DreamCompute/DreamObjects Sign Up Button
==================================================== */
.dream-sign-up {
padding: 30px 0;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
text-align: center;
margin: 60px 0 30px;
display: inline-block;
width: 100%;
max-width: 940px;
}
.dream-sign-up h2 {
line-height: 24px;
}
.dream-sign-up a {
text-decoration: none;
display: block;
padding: 10px 15px;
max-width: 280px;
margin: 15px auto 0 auto;
background-color: #117fb2;
border: 1px solid #FFFFFF;
border-radius: 5px;
font-size: 110%;
color: #FFFFFF;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.dream-sign-up a:hover {
background-color: #FFFFFF;
border: 1px solid #117fb2;
color: #117fb2;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.notification-ipm {
position: absolute;
z-index: 1;
}
/* ====================================================
Hide attachements. We don't need to show this.
==================================================== */
.article-attachments {
display: none;
}
/* ====================================================
DreamCompute/DreamObjects Secondary Nav
==================================================== */
h1.mainheader {
font-size: 36px;
padding-bottom: 25px;
margin-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
}
h2.subheader {
padding: 25px 0 5px 0;
color: #42668d;
font-size: 25px;
/* font-weight: bold; */
line-height: 30px;
position: relative;
/* Push H2 headings to the left */
margin-left: -20px;
}
@media screen and (max-width: 640px) {
h2.subheader {
font-size: 18px;
line-height: 22px;
}
}
/* h4 {
font-size: 16px;
font-weight: bold;
margin: 10px 0 -15px 0;
} */
/* ====================================================
Tooltips
==================================================== */
.tooltip-container {
position: relative;
border-bottom: 0.1em dotted #3bb4e5;
}
/* General appearance of all tooltips */
.tooltip-text-container {
position: absolute;
visibility: hidden;
background: linear-gradient(75deg, rgba(0, 69, 162, 1) 8%, rgba(61, 123, 203, 0.9));
color: white;
border-radius: 10px;
padding: 10px 15px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all .4s;
/* min-width: 285px;
max-width: 325px; */
}
.tooltip-purpose-support {
top: -86px;
}
.tooltip-purpose-money-back-guarantee {
/* top: -122px; */
top: -148px;
}
/* Arrow down */
.tooltip-text-container::before {
content: "";
position: absolute;
background-color: rgb(36, 99, 159);
padding: 8px;
z-index: -1;
top: 100%;
left: 47%;
clip-path: polygon(0 0, 50% 50%, 100% 0);
}
.tooltip-message-header {
display: inline-block;
margin: 2px;
font-size: 18px;
font-weight: 900 !important;
color: white;
white-space: nowrap;
}
.tooltip-text {
display: inline-block;
margin: 2px;
/* padding: 3px 0; */
font-size: 15px;
color: white;
white-space: nowrap;
}
.tooltip-text-97 {
display: inline-block;
margin: 2px;
/* padding: 3px 0; */
font-size: 15px;
color: white;
/* white-space: nowrap; */
}
.tooltip-container:hover .tooltip-text-container,
.tooltip-container::before {
visibility: visible;
left: 50%;
transform: translateX(-50%);
opacity: 1;
}
.tooltip-link {
color: #e4aaff;
}
/* ====================================================
New Auto TOC
==================================================== */
#auto-toc {
display: flex;
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 0;
z-index: 10000;
width: 400px;
}
.auto-toc-menu {
color: #fff;
/* Green Blue */
/* background-image: linear-gradient(90deg, #0045a2 -25%,#1176A5); */
/* Black Gray */
background-image: linear-gradient(90deg, #071c26 -25%, #434f58);
}
.auto-toc-menu {
width: 400px;
border-radius: 10px;
}
.auto-toc--title-container {
display: flex;
font-size: 1.3rem;
align-items: center;
background-image: linear-gradient(75deg, #0073ec 10%, #6451ff);
border-top-right-radius: 10px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
transition: border-bottom-right-radius .8s;
}
.title-container-radius {
border-radius: 10px;
}
.auto-toc--title-container input[type="checkbox"]+label {
margin-left: 0px;
}
.auto-toc--title {
font-size: 1.4rem;
}
@media only screen and (max-width: 300px) {
.auto-toc--title {
font-size: 1.2rem;
}
}
.navigation__checkbox {
display: none
}
.auto-toc--button {
background-color: #071C26;
height: 100%;
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
text-align: center;
cursor: pointer;
flex-basis: 15%;
margin-right: 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
transition: border-bottom-left-radius .8s;
}
.button-radius {
border-bottom-left-radius: 10px;
}
/* center lines in button */
.auto-toc--icon {
position: relative;
margin-top: 1.2rem
}
/* center line */
.auto-toc--icon,
.auto-toc--icon::before,
.auto-toc--icon::after {
width: 1.5rem;
height: 2px;
background-color: #fff;
display: inline-block
}
/* Create top and bottom lines */
.auto-toc--icon::before,
.auto-toc--icon::after {
content: "";
position: absolute;
left: 0;
-webkit-transition: all .3s;
transition: all .4s
}
/* top line position */
.auto-toc--icon::before {
top: -.5rem
}
/* lower line position */
.auto-toc--icon::after {
top: .5rem
}
/* top line move on hover */
.auto-toc--button:hover .auto-toc--icon::before {
top: -.7rem;
}
/* lower line move on hover */
.auto-toc--button:hover .auto-toc--icon::after {
top: .7rem;
}
/* center line twirl */
.auto-toc--checkbox {
display: none;
}
.auto-toc--checkbox:checked+.auto-toc--button .auto-toc--icon {
background-color: transparent;
-webkit-transition: all .3s;
transition: all .4s;
}
/* bottom line twirl */
.auto-toc--checkbox:checked+.auto-toc--button .auto-toc--icon::before {
top: 0%;
left: -32%;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
width: 2.4rem;
}
/* top line twirl */
.auto-toc--checkbox:checked+.auto-toc--button .auto-toc--icon::after {
top: 0%;
left: -32%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 2.4rem;
}
/* HEADING */
.auto-toc-heading {
display: block;
color: #77b9ff;
margin-bottom: 5px;
}
.auto-toc-sub-heading a {
display: block;
color: #00CAAA;
margin-left: 10px;
}
/* LINKS */
.auto-toc--link-container {
padding: 0 1rem;
}
.auto-toc--link-container {
opacity: 0;
-webkit-transition: all .4s cubic-bezier(0, 0, 1, 1);
transition: all .5s cubic-bezier(0, 0, 1, 1);
max-height: 0;
}
.auto-toc-heading>a {
color: #a1cfff;
text-decoration: none;
}
.auto-toc-heading:hover>a {
background-color: rgb(119, 119, 119);
color: #fff;
text-decoration: none;
}
.display-headings {
padding: 1rem 1rem;
opacity: 1;
max-height: 700px;
-webkit-transition: all .7s cubic-bezier(.38, .13, .7, .97);
transition: all .8s cubic-bezier(.38, .13, .7, .97);
}
.display-headings {
border-top: 2px solid #AFBFC9;
-webkit-transition: all .4s cubic-bezier(.38, .13, .7, .97);
transition: all .4s cubic-bezier(.38, .13, .7, .97);
}
.section-link {
scroll-margin-top: 2rem;
height: 0;
margin-top: -1rem;
}
/* ====================================================
Old TOC
==================================================== */
.cloud-nav {
width: 200px;
height: auto;
background-color: 1px solid #FFFFFF;
z-index: 10;
background-color: #FFFFFF;
transition: left 1000ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
top: 450px;
left: 50%;
position: absolute;
visibility: visible;
border: 1px solid #DCDCDC;
overflow-y: auto;
}
.cloud-nav.scrolled-past {
position: fixed;
}
@media screen and (min-width: 940px) {
.cloud-nav.scrolled-past {
position: fixed;
top: 50px;
}
}
.cloud-nav p {
padding: 2px 20px 0;
background-color: #117fb2;
margin-bottom: 0;
color: #FFFFFF;
}
.cloud-nav-button img {
width: 20px;
display: none;
}
.cloud-nav.menu-toggle {
transition: left 1000ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
left: 0;
}
.cloud-nav.desktop-view {
margin-left: -470px;
}
.table-of-content li {
list-style-type: none;
}
.table-of-content li a {
padding: 10px 20px;
display: block;
font-size: 12px;
}
.table-of-content li strong {
padding: 10px 20px 10px 20px;
font-size: 1.17em;
}
.table-of-content h3 {
padding: 10px 20px 0;
display: block;
}
.table-of-content li a:hover {
background-color: #f5f5f5;
}
/*for indented sub toc links*/
.subtoc {
position: relative;
left: 15px;
}
/* for long TOC lists */
.toc-sublink {
display: inline-block;
position: relative;
left: 30px;
font-size: 12px;
width: 80%;
margin-top: -10px;
}
/* for sub toc items that
should not be linked. This is for
very long lists */
.subtoc-nolink {
position: relative;
left: 10px;
color: #545454;
}
.article-body.desktop-view {
max-width: 720px;
margin-left: auto;
}
table.docutils {
margin: 30px 0;
}
@media screen and (max-width: 940px) {
.article-body.desktop-view {
max-width: 980px;
margin: 0;
}
h1.mainheader {
font-size: 24px;
}
h2.subheader {
padding: 20px 0;
}
.cloud-nav {
position: fixed;
top: 0;
left: -200px;
z-index: 10;
border: none;
border-right: 1px solid #DCDCDC;
height: 100%;
margin-left: 0;
visibility: visible;
}
.cloud-nav-button {
text-align: left;
cursor: pointer;
padding: 30px 20px 0 20px;
height: 80px;
display: block;
}
.cloud-nav-button img {
width: 20px;
display: block;
margin-left: auto;
}
.cloud-nav.desktop-view {
margin-left: 0;
z-index: 1000;
}
.nav-menu {
position: fixed;
bottom: 50px;
right: 20px;
background-color: #0073ec;
cursor: pointer;
display: block;
width: 50px;
height: 50px;
z-index: 2;
text-align: center;
line-height: 50px;
color: #FFFFFF;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
visibility: visible;
}
.nav-menu-image {
background-image: url("/hc/theming_assets/01HZPC4A5H8NX84DX7E6XNSWYG");
background-repeat: no-repeat;
background-size: 20px 20px;
height: 50px;
background-position: center center;
}
.nav-menu.menu-toggle>.nav-menu-image {
background-image: url("/hc/theming_assets/01HZPC49XAHM6XKSM7GCSNXF6W");
}
.nav-menu.menu-toggle {
background-color: #FFFFFF;
border: 1px solid #0073ec;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
}
ul.simple li.active a {
/*background-color: #DCDCDC;*/
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.code {
font-family: monospace, sans-serif;
font-weight: 400;
color: #000000;
background-color: #f9f9f9;
border: 1px solid #DDDDDD;
border-radius: 2px;
padding: 1px 4px;
white-space: nowrap;
}
.share-reddit img {
vertical-align: top;
}
.section-cf {
width: 100%;
display: block;
border: 1px solid #b3bcc1;
border-radius: 2px;
background: #f8f8f8;
margin: 2em auto 6em;
padding: 1em;
max-width: 640px;
box-sizing: border-box;
text-align: center;
}
.section-cf p {
margin-top: 0;
}
.section-cf__form {
margin: 0 auto;
}
.section-cf__btns {
margin: 0 auto;
padding: 4rem;
}
.section-cf__textbox {
margin: 1em auto;
max-width: 500px;
}
.btn {
display: inline-block;
text-decoration: none;
color: #ffffff;
padding: 0.5em 2em;
border: 0;
font-size: 110%;
}
.section-cf__p {
margin: 0;
}
.section-cf__link {
color: #0073EC !important;
background: none !important;
text-decoration: underline !important;
}
.btn--cf-yes {
background-color: #0073ec;
border-radius: 3px;
}
.btn--cf-yes:hover {
background-color: #005ab9;
}
.btn--cf-no {
background-color: #677983;
border-radius: 3px;
}
.btn--cf-no:hover {
background-color: #4d5b62;
}
.hidden {
display: none;
}
/* ====================================
Code for language dropdown in header
==================================== */
/* Language dropdown text in header */
.lang-displayed {
color: #2E323C;
font-size: 16px;
display: none;
}
.lang-dropdown-align.dropdown-menu[aria-expanded="true"] {
margin: 5px -5px;
text-align: center;
/* Aligns language dropdown */
min-width: 110px !important;
max-width: 110px !important;
padding: 0;
}
/* Language dropdown */
.lang-dropdown.dropdown-menu [role="menuitem"] {
/*padding-top: 7px !important; delete later*/
padding: .5rem;
}
.lang-inner a {
color: #ffffff;
min-width: 106px; /* Keeps dropdown arrow on same line as text on smaller screens */
height: 32px; /* Dropdown highlight covers full box */
}
/* Extra small devices (phones, 499px and down) */
@media only screen and (max-width: 499px) {
.lang-inner {
border-radius: 10px;
text-align: center;
max-width: 160px;
}
/* Align support icon on small screens
#support-link {
background-image: url("/hc/theming_assets/01HZPC4AJV83B8QHZ2ZHKFNMGR");
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: 7px 3px;
border: none;
}*/
}
/* Extra small devices (phones, 500px and up) */
@media only screen and (min-width: 500px) {
.lang-inner {
text-align: center;
max-width: 160px;
}
}
/* Extra small devices (phones, 640px and down) */
@media only screen and (max-width: 639px) {
.lang-displayed {
display: none;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 640px) {
.lang-inner {
text-align: center;
max-width: 160px;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.lang-inner {
text-align: center;
max-width: 160px;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.lang-inner {
text-align: center;
max-width: 160px;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.lang-inner {
text-align: center;
max-width: 160px;
}
}
/* Spanish homepage in progress notice */
#spanish-notice {
border: 1px solid #0073ec;
margin: 0 auto;
padding: 10px;
max-width: 700px;
background-color: #f6f6f6;
font-weight: bold;
margin-bottom: 10px;
display: none;
}
/** New CSS **/
/* ====================================================
S: Colors
==================================================== */
.bg-c-b700 { background: #071c26 !important; }
.bg-c-b500 { background: #1176A5 !important; }
.bg-c-b300 { background: #0073EC !important; }
.bg-c-b100 { background: #CCEFFF !important; }
.bg-c-g500 { background: #434F58 !important; }
.bg-c-g400 { background: #677983 !important; }
.bg-c-g300 { background: #AFBFC9 !important; }
.bg-c-g200 { background: #E0E4E8 !important; }
.bg-c-g100 { background: #F4F6F9 !important; }
.bg-c-o500 { background: #664200 !important; }
.bg-c-o300 { background: #F59D00 !important; }
.bg-c-o100 { background: #FFE0A6 !important; }
.bg-c-p300 { background: #A644E5 !important; }
.bg-c-t500 { background: #0D8288 !important; }
.bg-c-t300 { background: #00CAAA !important; }
.bg-c-t100 { background: #E5FEFF !important; }
.bg-c-y500 { background: #6F5F1B !important; }
.bg-c-y300 { background: #FFDA00 !important; }
.bg-c-y100 { background: #FFF4B6 !important; }
.bg-c-r500 { background: #4F0703 !important; }
.bg-c-r300 { background: #FF4A48 !important; }
.bg-c-r100 { background: #FFCCCE !important; }
.bg-c-w100 { background: #ffffff !important; }
.t-c-b700 { color: #071c26 !important; }
.t-c-b500 { color: #1176A5 !important; }
.t-c-b300 { color: #0073EC !important; }
.t-c-b100 { color: #CCEFFF !important; }
.t-c-g500 { color: #434F58 !important; }
.t-c-g400 { color: #677983 !important; }
.t-c-g300 { color: #AFBFC9 !important; }
.t-c-g200 { color: #E0E4E8 !important; }
.t-c-g100 { color: #F4F6F9 !important; }
.t-c-o500 { color: #664200 !important; }
.t-c-o300 { color: #F59D00 !important; }
.t-c-o100 { color: #FFE0A6 !important; }
.t-c-p300 { color: #A644E5 !important; }
.t-c-t500 { color: #0D8288 !important; }
.t-c-t300 { color: #00CAAA !important; }
.t-c-t100 { color: #E5FEFF !important; }
.t-c-y500 { color: #6F5F1B !important; }
.t-c-y300 { color: #FFDA00 !important; }
.t-c-y100 { color: #FFF4B6 !important; }
.t-c-r500 { color: #4F0703 !important; }
.t-c-r300 { color: #FF4A48 !important; }
.t-c-r100 { color: #FFCCCE !important; }
.t-c-w100 { color: #ffffff !important; }
/* ====================================================
S: Padding
==================================================== */
.m-0 { margin: 0 !important; }
.m-half { margin: 0.25rem !important; }
.m-auto { margin: auto !important; }
.m-1 { margin: 0.5rem !important; }
.m-2 { margin: 1rem !important; }
.m-3 { margin: 1.5rem !important; }
.m-4 { margin: 2rem !important; }
.m-5 { margin: 2.5rem !important; }
.m-6 { margin: 3rem !important; }
.m-7 { margin: 3.5rem !important; }
.m-8 { margin: 4rem !important; }
.m-9 { margin: 4.5rem !important; }
.m-10 { margin: 5rem !important; }
.m-11 { margin: 5.5rem !important; }
.m-12 { margin: 6rem !important; }
.m-13 { margin: 6.5rem !important; }
.m-14 { margin: 7rem !important; }
.m-15 { margin: 7.5rem !important; }
.m-16 { margin: 8rem !important; }
@media screen and (min-width: 750px) {
.m-0__m { margin: 0 !important; }
.m-half__m { margin: 0.25rem !important; }
.m-auto__m { margin: auto !important; }
.m-1__m { margin: 0.5rem !important; }
.m-2__m { margin: 1rem !important; }
.m-3__m { margin: 1.5rem !important; }
.m-4__m { margin: 2rem !important; }
.m-5__m { margin: 2.5rem !important; }
.m-6__m { margin: 3rem !important; }
.m-7__m { margin: 3.5rem !important; }
.m-8__m { margin: 4rem !important; }
.m-9__m { margin: 4.5rem !important; }
.m-10__m { margin: 5rem !important; }
.m-11__m { margin: 5.5rem !important; }
.m-12__m { margin: 6rem !important; }
.m-13__m { margin: 6.5rem !important; }
.m-14__m { margin: 7rem !important; }
.m-15__m { margin: 7.5rem !important; }
.m-16__m { margin: 8rem !important; } }
@media screen and (min-width: 1050px) {
.m-0__l { margin: 0 !important; }
.m-half__l { margin: 0.25rem !important; }
.m-auto__l { margin: auto !important; }
.m-1__l { margin: 0.5rem !important; }
.m-2__l { margin: 1rem !important; }
.m-3__l { margin: 1.5rem !important; }
.m-4__l { margin: 2rem !important; }
.m-5__l { margin: 2.5rem !important; }
.m-6__l { margin: 3rem !important; }
.m-7__l { margin: 3.5rem !important; }
.m-8__l { margin: 4rem !important; }
.m-9__l { margin: 4.5rem !important; }
.m-10__l { margin: 5rem !important; }
.m-11__l { margin: 5.5rem !important; }
.m-12__l { margin: 6rem !important; }
.m-13__l { margin: 6.5rem !important; }
.m-14__l { margin: 7rem !important; }
.m-15__l { margin: 7.5rem !important; }
.m-16__l { margin: 8rem !important; } }
.p-0 { padding: 0 !important; }
.p-half { padding: 0.25rem !important; }
.p-auto { padding: auto !important; }
.p-1 { padding: 0.5rem !important; }
.p-2 { padding: 1rem !important; }
.p-3 { padding: 1.5rem !important; }
.p-4 { padding: 2rem !important; }
.p-5 { padding: 2.5rem !important; }
.p-6 { padding: 3rem !important; }
.p-7 { padding: 3.5rem !important; }
.p-8 { padding: 4rem !important; }
.p-9 { padding: 4.5rem !important; }
.p-10 { padding: 5rem !important; }
.p-11 { padding: 5.5rem !important; }
.p-12 { padding: 6rem !important; }
.p-13 { padding: 6.5rem !important; }
.p-14 { padding: 7rem !important; }
.p-15 { padding: 7.5rem !important; }
.p-16 { padding: 8rem !important; }
@media screen and (min-width: 750px) { .p-0__m { padding: 0 !important; }
.p-half__m { padding: 0.25rem !important; }
.p-auto__m { padding: auto !important; }
.p-1__m { padding: 0.5rem !important; }
.p-2__m { padding: 1rem !important; }
.p-3__m { padding: 1.5rem !important; }
.p-4__m { padding: 2rem !important; }
.p-5__m { padding: 2.5rem !important; }
.p-6__m { padding: 3rem !important; }
.p-7__m { padding: 3.5rem !important; }
.p-8__m { padding: 4rem !important; }
.p-9__m { padding: 4.5rem !important; }
.p-10__m { padding: 5rem !important; }
.p-11__m { padding: 5.5rem !important; }
.p-12__m { padding: 6rem !important; }
.p-13__m { padding: 6.5rem !important; }
.p-14__m { padding: 7rem !important; }
.p-15__m { padding: 7.5rem !important; }
.p-16__m { padding: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-0__l { padding: 0 !important; }
.p-half__l { padding: 0.25rem !important; }
.p-auto__l { padding: auto !important; }
.p-1__l { padding: 0.5rem !important; }
.p-2__l { padding: 1rem !important; }
.p-3__l { padding: 1.5rem !important; }
.p-4__l { padding: 2rem !important; }
.p-5__l { padding: 2.5rem !important; }
.p-6__l { padding: 3rem !important; }
.p-7__l { padding: 3.5rem !important; }
.p-8__l { padding: 4rem !important; }
.p-9__l { padding: 4.5rem !important; }
.p-10__l { padding: 5rem !important; }
.p-11__l { padding: 5.5rem !important; }
.p-12__l { padding: 6rem !important; }
.p-13__l { padding: 6.5rem !important; }
.p-14__l { padding: 7rem !important; }
.p-15__l { padding: 7.5rem !important; }
.p-16__l { padding: 8rem !important; } }
.m-top-0 { margin-top: 0 !important; }
.m-top-half { margin-top: 0.25rem !important; }
.m-top-auto { margin-top: auto !important; }
.m-top-1 { margin-top: 0.5rem !important; }
.m-top-2 { margin-top: 1rem !important; }
.m-top-3 { margin-top: 1.5rem !important; }
.m-top-4 { margin-top: 2rem !important; }
.m-top-5 { margin-top: 2.5rem !important; }
.m-top-6 { margin-top: 3rem !important; }
.m-top-7 { margin-top: 3.5rem !important; }
.m-top-8 { margin-top: 4rem !important; }
.m-top-9 { margin-top: 4.5rem !important; }
.m-top-10 { margin-top: 5rem !important; }
.m-top-11 { margin-top: 5.5rem !important; }
.m-top-12 { margin-top: 6rem !important; }
.m-top-13 { margin-top: 6.5rem !important; }
.m-top-14 { margin-top: 7rem !important; }
.m-top-15 { margin-top: 7.5rem !important; }
.m-top-16 { margin-top: 8rem !important; }
@media screen and (min-width: 750px) { .m-top-0__m { margin-top: 0 !important; }
.m-top-half__m { margin-top: 0.25rem !important; }
.m-top-auto__m { margin-top: auto !important; }
.m-top-1__m { margin-top: 0.5rem !important; }
.m-top-2__m { margin-top: 1rem !important; }
.m-top-3__m { margin-top: 1.5rem !important; }
.m-top-4__m { margin-top: 2rem !important; }
.m-top-5__m { margin-top: 2.5rem !important; }
.m-top-6__m { margin-top: 3rem !important; }
.m-top-7__m { margin-top: 3.5rem !important; }
.m-top-8__m { margin-top: 4rem !important; }
.m-top-9__m { margin-top: 4.5rem !important; }
.m-top-10__m { margin-top: 5rem !important; }
.m-top-11__m { margin-top: 5.5rem !important; }
.m-top-12__m { margin-top: 6rem !important; }
.m-top-13__m { margin-top: 6.5rem !important; }
.m-top-14__m { margin-top: 7rem !important; }
.m-top-15__m { margin-top: 7.5rem !important; }
.m-top-16__m { margin-top: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-top-0__l { margin-top: 0 !important; }
.m-top-half__l { margin-top: 0.25rem !important; }
.m-top-auto__l { margin-top: auto !important; }
.m-top-1__l { margin-top: 0.5rem !important; }
.m-top-2__l { margin-top: 1rem !important; }
.m-top-3__l { margin-top: 1.5rem !important; }
.m-top-4__l { margin-top: 2rem !important; }
.m-top-5__l { margin-top: 2.5rem !important; }
.m-top-6__l { margin-top: 3rem !important; }
.m-top-7__l { margin-top: 3.5rem !important; }
.m-top-8__l { margin-top: 4rem !important; }
.m-top-9__l { margin-top: 4.5rem !important; }
.m-top-10__l { margin-top: 5rem !important; }
.m-top-11__l { margin-top: 5.5rem !important; }
.m-top-12__l { margin-top: 6rem !important; }
.m-top-13__l { margin-top: 6.5rem !important; }
.m-top-14__l { margin-top: 7rem !important; }
.m-top-15__l { margin-top: 7.5rem !important; }
.m-top-16__l { margin-top: 8rem !important; } }
.p-top-0 { padding-top: 0 !important; }
.p-top-half { padding-top: 0.25rem !important; }
.p-top-auto { padding-top: auto !important; }
.p-top-1 { padding-top: 0.5rem !important; }
.p-top-2 { padding-top: 1rem !important; }
.p-top-3 { padding-top: 1.5rem !important; }
.p-top-4 { padding-top: 2rem !important; }
.p-top-5 { padding-top: 2.5rem !important; }
.p-top-6 { padding-top: 3rem !important; }
.p-top-7 { padding-top: 3.5rem !important; }
.p-top-8 { padding-top: 4rem !important; }
.p-top-9 { padding-top: 4.5rem !important; }
.p-top-10 { padding-top: 5rem !important; }
.p-top-11 { padding-top: 5.5rem !important; }
.p-top-12 { padding-top: 6rem !important; }
.p-top-13 { padding-top: 6.5rem !important; }
.p-top-14 { padding-top: 7rem !important; }
.p-top-15 { padding-top: 7.5rem !important; }
.p-top-16 { padding-top: 8rem !important; }
@media screen and (min-width: 750px) { .p-top-0__m { padding-top: 0 !important; }
.p-top-half__m { padding-top: 0.25rem !important; }
.p-top-auto__m { padding-top: auto !important; }
.p-top-1__m { padding-top: 0.5rem !important; }
.p-top-2__m { padding-top: 1rem !important; }
.p-top-3__m { padding-top: 1.5rem !important; }
.p-top-4__m { padding-top: 2rem !important; }
.p-top-5__m { padding-top: 2.5rem !important; }
.p-top-6__m { padding-top: 3rem !important; }
.p-top-7__m { padding-top: 3.5rem !important; }
.p-top-8__m { padding-top: 4rem !important; }
.p-top-9__m { padding-top: 4.5rem !important; }
.p-top-10__m { padding-top: 5rem !important; }
.p-top-11__m { padding-top: 5.5rem !important; }
.p-top-12__m { padding-top: 6rem !important; }
.p-top-13__m { padding-top: 6.5rem !important; }
.p-top-14__m { padding-top: 7rem !important; }
.p-top-15__m { padding-top: 7.5rem !important; }
.p-top-16__m { padding-top: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-top-0__l { padding-top: 0 !important; }
.p-top-half__l { padding-top: 0.25rem !important; }
.p-top-auto__l { padding-top: auto !important; }
.p-top-1__l { padding-top: 0.5rem !important; }
.p-top-2__l { padding-top: 1rem !important; }
.p-top-3__l { padding-top: 1.5rem !important; }
.p-top-4__l { padding-top: 2rem !important; }
.p-top-5__l { padding-top: 2.5rem !important; }
.p-top-6__l { padding-top: 3rem !important; }
.p-top-7__l { padding-top: 3.5rem !important; }
.p-top-8__l { padding-top: 4rem !important; }
.p-top-9__l { padding-top: 4.5rem !important; }
.p-top-10__l { padding-top: 5rem !important; }
.p-top-11__l { padding-top: 5.5rem !important; }
.p-top-12__l { padding-top: 6rem !important; }
.p-top-13__l { padding-top: 6.5rem !important; }
.p-top-14__l { padding-top: 7rem !important; }
.p-top-15__l { padding-top: 7.5rem !important; }
.p-top-16__l { padding-top: 8rem !important; } }
.m-right-0 { margin-right: 0 !important; }
.m-right-half { margin-right: 0.25rem !important; }
.m-right-auto { margin-right: auto !important; }
.m-right-1 { margin-right: 0.5rem !important; }
.m-right-2 { margin-right: 1rem !important; }
.m-right-3 { margin-right: 1.5rem !important; }
.m-right-4 { margin-right: 2rem !important; }
.m-right-5 { margin-right: 2.5rem !important; }
.m-right-6 { margin-right: 3rem !important; }
.m-right-7 { margin-right: 3.5rem !important; }
.m-right-8 { margin-right: 4rem !important; }
.m-right-9 { margin-right: 4.5rem !important; }
.m-right-10 { margin-right: 5rem !important; }
.m-right-11 { margin-right: 5.5rem !important; }
.m-right-12 { margin-right: 6rem !important; }
.m-right-13 { margin-right: 6.5rem !important; }
.m-right-14 { margin-right: 7rem !important; }
.m-right-15 { margin-right: 7.5rem !important; }
.m-right-16 { margin-right: 8rem !important; }
@media screen and (min-width: 750px) { .m-right-0__m { margin-right: 0 !important; }
.m-right-half__m { margin-right: 0.25rem !important; }
.m-right-auto__m { margin-right: auto !important; }
.m-right-1__m { margin-right: 0.5rem !important; }
.m-right-2__m { margin-right: 1rem !important; }
.m-right-3__m { margin-right: 1.5rem !important; }
.m-right-4__m { margin-right: 2rem !important; }
.m-right-5__m { margin-right: 2.5rem !important; }
.m-right-6__m { margin-right: 3rem !important; }
.m-right-7__m { margin-right: 3.5rem !important; }
.m-right-8__m { margin-right: 4rem !important; }
.m-right-9__m { margin-right: 4.5rem !important; }
.m-right-10__m { margin-right: 5rem !important; }
.m-right-11__m { margin-right: 5.5rem !important; }
.m-right-12__m { margin-right: 6rem !important; }
.m-right-13__m { margin-right: 6.5rem !important; }
.m-right-14__m { margin-right: 7rem !important; }
.m-right-15__m { margin-right: 7.5rem !important; }
.m-right-16__m { margin-right: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-right-0__l { margin-right: 0 !important; }
.m-right-half__l { margin-right: 0.25rem !important; }
.m-right-auto__l { margin-right: auto !important; }
.m-right-1__l { margin-right: 0.5rem !important; }
.m-right-2__l { margin-right: 1rem !important; }
.m-right-3__l { margin-right: 1.5rem !important; }
.m-right-4__l { margin-right: 2rem !important; }
.m-right-5__l { margin-right: 2.5rem !important; }
.m-right-6__l { margin-right: 3rem !important; }
.m-right-7__l { margin-right: 3.5rem !important; }
.m-right-8__l { margin-right: 4rem !important; }
.m-right-9__l { margin-right: 4.5rem !important; }
.m-right-10__l { margin-right: 5rem !important; }
.m-right-11__l { margin-right: 5.5rem !important; }
.m-right-12__l { margin-right: 6rem !important; }
.m-right-13__l { margin-right: 6.5rem !important; }
.m-right-14__l { margin-right: 7rem !important; }
.m-right-15__l { margin-right: 7.5rem !important; }
.m-right-16__l { margin-right: 8rem !important; } }
.p-right-0 { padding-right: 0 !important; }
.p-right-half { padding-right: 0.25rem !important; }
.p-right-auto { padding-right: auto !important; }
.p-right-1 { padding-right: 0.5rem !important; }
.p-right-2 { padding-right: 1rem !important; }
.p-right-3 { padding-right: 1.5rem !important; }
.p-right-4 { padding-right: 2rem !important; }
.p-right-5 { padding-right: 2.5rem !important; }
.p-right-6 { padding-right: 3rem !important; }
.p-right-7 { padding-right: 3.5rem !important; }
.p-right-8 { padding-right: 4rem !important; }
.p-right-9 { padding-right: 4.5rem !important; }
.p-right-10 { padding-right: 5rem !important; }
.p-right-11 { padding-right: 5.5rem !important; }
.p-right-12 { padding-right: 6rem !important; }
.p-right-13 { padding-right: 6.5rem !important; }
.p-right-14 { padding-right: 7rem !important; }
.p-right-15 { padding-right: 7.5rem !important; }
.p-right-16 { padding-right: 8rem !important; }
@media screen and (min-width: 750px) { .p-right-0__m { padding-right: 0 !important; }
.p-right-half__m { padding-right: 0.25rem !important; }
.p-right-auto__m { padding-right: auto !important; }
.p-right-1__m { padding-right: 0.5rem !important; }
.p-right-2__m { padding-right: 1rem !important; }
.p-right-3__m { padding-right: 1.5rem !important; }
.p-right-4__m { padding-right: 2rem !important; }
.p-right-5__m { padding-right: 2.5rem !important; }
.p-right-6__m { padding-right: 3rem !important; }
.p-right-7__m { padding-right: 3.5rem !important; }
.p-right-8__m { padding-right: 4rem !important; }
.p-right-9__m { padding-right: 4.5rem !important; }
.p-right-10__m { padding-right: 5rem !important; }
.p-right-11__m { padding-right: 5.5rem !important; }
.p-right-12__m { padding-right: 6rem !important; }
.p-right-13__m { padding-right: 6.5rem !important; }
.p-right-14__m { padding-right: 7rem !important; }
.p-right-15__m { padding-right: 7.5rem !important; }
.p-right-16__m { padding-right: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-right-0__l { padding-right: 0 !important; }
.p-right-half__l { padding-right: 0.25rem !important; }
.p-right-auto__l { padding-right: auto !important; }
.p-right-1__l { padding-right: 0.5rem !important; }
.p-right-2__l { padding-right: 1rem !important; }
.p-right-3__l { padding-right: 1.5rem !important; }
.p-right-4__l { padding-right: 2rem !important; }
.p-right-5__l { padding-right: 2.5rem !important; }
.p-right-6__l { padding-right: 3rem !important; }
.p-right-7__l { padding-right: 3.5rem !important; }
.p-right-8__l { padding-right: 4rem !important; }
.p-right-9__l { padding-right: 4.5rem !important; }
.p-right-10__l { padding-right: 5rem !important; }
.p-right-11__l { padding-right: 5.5rem !important; }
.p-right-12__l { padding-right: 6rem !important; }
.p-right-13__l { padding-right: 6.5rem !important; }
.p-right-14__l { padding-right: 7rem !important; }
.p-right-15__l { padding-right: 7.5rem !important; }
.p-right-16__l { padding-right: 8rem !important; } }
.m-bottom-0 { margin-bottom: 0 !important; }
.m-bottom-half { margin-bottom: 0.25rem !important; }
.m-bottom-auto { margin-bottom: auto !important; }
.m-bottom-1 { margin-bottom: 0.5rem !important; }
.m-bottom-2 { margin-bottom: 1rem !important; }
.m-bottom-3 { margin-bottom: 1.5rem !important; }
.m-bottom-4 { margin-bottom: 2rem !important; }
.m-bottom-5 { margin-bottom: 2.5rem !important; }
.m-bottom-6 { margin-bottom: 3rem !important; }
.m-bottom-7 { margin-bottom: 3.5rem !important; }
.m-bottom-8 { margin-bottom: 4rem !important; }
.m-bottom-9 { margin-bottom: 4.5rem !important; }
.m-bottom-10 { margin-bottom: 5rem !important; }
.m-bottom-11 { margin-bottom: 5.5rem !important; }
.m-bottom-12 { margin-bottom: 6rem !important; }
.m-bottom-13 { margin-bottom: 6.5rem !important; }
.m-bottom-14 { margin-bottom: 7rem !important; }
.m-bottom-15 { margin-bottom: 7.5rem !important; }
.m-bottom-16 { margin-bottom: 8rem !important; }
@media screen and (min-width: 750px) { .m-bottom-0__m { margin-bottom: 0 !important; }
.m-bottom-half__m { margin-bottom: 0.25rem !important; }
.m-bottom-auto__m { margin-bottom: auto !important; }
.m-bottom-1__m { margin-bottom: 0.5rem !important; }
.m-bottom-2__m { margin-bottom: 1rem !important; }
.m-bottom-3__m { margin-bottom: 1.5rem !important; }
.m-bottom-4__m { margin-bottom: 2rem !important; }
.m-bottom-5__m { margin-bottom: 2.5rem !important; }
.m-bottom-6__m { margin-bottom: 3rem !important; }
.m-bottom-7__m { margin-bottom: 3.5rem !important; }
.m-bottom-8__m { margin-bottom: 4rem !important; }
.m-bottom-9__m { margin-bottom: 4.5rem !important; }
.m-bottom-10__m { margin-bottom: 5rem !important; }
.m-bottom-11__m { margin-bottom: 5.5rem !important; }
.m-bottom-12__m { margin-bottom: 6rem !important; }
.m-bottom-13__m { margin-bottom: 6.5rem !important; }
.m-bottom-14__m { margin-bottom: 7rem !important; }
.m-bottom-15__m { margin-bottom: 7.5rem !important; }
.m-bottom-16__m { margin-bottom: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-bottom-0__l { margin-bottom: 0 !important; }
.m-bottom-half__l { margin-bottom: 0.25rem !important; }
.m-bottom-auto__l { margin-bottom: auto !important; }
.m-bottom-1__l { margin-bottom: 0.5rem !important; }
.m-bottom-2__l { margin-bottom: 1rem !important; }
.m-bottom-3__l { margin-bottom: 1.5rem !important; }
.m-bottom-4__l { margin-bottom: 2rem !important; }
.m-bottom-5__l { margin-bottom: 2.5rem !important; }
.m-bottom-6__l { margin-bottom: 3rem !important; }
.m-bottom-7__l { margin-bottom: 3.5rem !important; }
.m-bottom-8__l { margin-bottom: 4rem !important; }
.m-bottom-9__l { margin-bottom: 4.5rem !important; }
.m-bottom-10__l { margin-bottom: 5rem !important; }
.m-bottom-11__l { margin-bottom: 5.5rem !important; }
.m-bottom-12__l { margin-bottom: 6rem !important; }
.m-bottom-13__l { margin-bottom: 6.5rem !important; }
.m-bottom-14__l { margin-bottom: 7rem !important; }
.m-bottom-15__l { margin-bottom: 7.5rem !important; }
.m-bottom-16__l { margin-bottom: 8rem !important; } }
.p-bottom-0 { padding-bottom: 0 !important; }
.p-bottom-half { padding-bottom: 0.25rem !important; }
.p-bottom-auto { padding-bottom: auto !important; }
.p-bottom-1 { padding-bottom: 0.5rem !important; }
.p-bottom-2 { padding-bottom: 1rem !important; }
.p-bottom-3 { padding-bottom: 1.5rem !important; }
.p-bottom-4 { padding-bottom: 2rem !important; }
.p-bottom-5 { padding-bottom: 2.5rem !important; }
.p-bottom-6 { padding-bottom: 3rem !important; }
.p-bottom-7 { padding-bottom: 3.5rem !important; }
.p-bottom-8 { padding-bottom: 4rem !important; }
.p-bottom-9 { padding-bottom: 4.5rem !important; }
.p-bottom-10 { padding-bottom: 5rem !important; }
.p-bottom-11 { padding-bottom: 5.5rem !important; }
.p-bottom-12 { padding-bottom: 6rem !important; }
.p-bottom-13 { padding-bottom: 6.5rem !important; }
.p-bottom-14 { padding-bottom: 7rem !important; }
.p-bottom-15 { padding-bottom: 7.5rem !important; }
.p-bottom-16 { padding-bottom: 8rem !important; }
@media screen and (min-width: 750px) { .p-bottom-0__m { padding-bottom: 0 !important; }
.p-bottom-half__m { padding-bottom: 0.25rem !important; }
.p-bottom-auto__m { padding-bottom: auto !important; }
.p-bottom-1__m { padding-bottom: 0.5rem !important; }
.p-bottom-2__m { padding-bottom: 1rem !important; }
.p-bottom-3__m { padding-bottom: 1.5rem !important; }
.p-bottom-4__m { padding-bottom: 2rem !important; }
.p-bottom-5__m { padding-bottom: 2.5rem !important; }
.p-bottom-6__m { padding-bottom: 3rem !important; }
.p-bottom-7__m { padding-bottom: 3.5rem !important; }
.p-bottom-8__m { padding-bottom: 4rem !important; }
.p-bottom-9__m { padding-bottom: 4.5rem !important; }
.p-bottom-10__m { padding-bottom: 5rem !important; }
.p-bottom-11__m { padding-bottom: 5.5rem !important; }
.p-bottom-12__m { padding-bottom: 6rem !important; }
.p-bottom-13__m { padding-bottom: 6.5rem !important; }
.p-bottom-14__m { padding-bottom: 7rem !important; }
.p-bottom-15__m { padding-bottom: 7.5rem !important; }
.p-bottom-16__m { padding-bottom: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-bottom-0__l { padding-bottom: 0 !important; }
.p-bottom-half__l { padding-bottom: 0.25rem !important; }
.p-bottom-auto__l { padding-bottom: auto !important; }
.p-bottom-1__l { padding-bottom: 0.5rem !important; }
.p-bottom-2__l { padding-bottom: 1rem !important; }
.p-bottom-3__l { padding-bottom: 1.5rem !important; }
.p-bottom-4__l { padding-bottom: 2rem !important; }
.p-bottom-5__l { padding-bottom: 2.5rem !important; }
.p-bottom-6__l { padding-bottom: 3rem !important; }
.p-bottom-7__l { padding-bottom: 3.5rem !important; }
.p-bottom-8__l { padding-bottom: 4rem !important; }
.p-bottom-9__l { padding-bottom: 4.5rem !important; }
.p-bottom-10__l { padding-bottom: 5rem !important; }
.p-bottom-11__l { padding-bottom: 5.5rem !important; }
.p-bottom-12__l { padding-bottom: 6rem !important; }
.p-bottom-13__l { padding-bottom: 6.5rem !important; }
.p-bottom-14__l { padding-bottom: 7rem !important; }
.p-bottom-15__l { padding-bottom: 7.5rem !important; }
.p-bottom-16__l { padding-bottom: 8rem !important; } }
.m-left-0 { margin-left: 0 !important; }
.m-left-half { margin-left: 0.25rem !important; }
.m-left-auto { margin-left: auto !important; }
.m-left-1 { margin-left: 0.5rem !important; }
.m-left-2 { margin-left: 1rem !important; }
.m-left-3 { margin-left: 1.5rem !important; }
.m-left-4 { margin-left: 2rem !important; }
.m-left-5 { margin-left: 2.5rem !important; }
.m-left-6 { margin-left: 3rem !important; }
.m-left-7 { margin-left: 3.5rem !important; }
.m-left-8 { margin-left: 4rem !important; }
.m-left-9 { margin-left: 4.5rem !important; }
.m-left-10 { margin-left: 5rem !important; }
.m-left-11 { margin-left: 5.5rem !important; }
.m-left-12 { margin-left: 6rem !important; }
.m-left-13 { margin-left: 6.5rem !important; }
.m-left-14 { margin-left: 7rem !important; }
.m-left-15 { margin-left: 7.5rem !important; }
.m-left-16 { margin-left: 8rem !important; }
@media screen and (min-width: 750px) { .m-left-0__m { margin-left: 0 !important; }
.m-left-half__m { margin-left: 0.25rem !important; }
.m-left-auto__m { margin-left: auto !important; }
.m-left-1__m { margin-left: 0.5rem !important; }
.m-left-2__m { margin-left: 1rem !important; }
.m-left-3__m { margin-left: 1.5rem !important; }
.m-left-4__m { margin-left: 2rem !important; }
.m-left-5__m { margin-left: 2.5rem !important; }
.m-left-6__m { margin-left: 3rem !important; }
.m-left-7__m { margin-left: 3.5rem !important; }
.m-left-8__m { margin-left: 4rem !important; }
.m-left-9__m { margin-left: 4.5rem !important; }
.m-left-10__m { margin-left: 5rem !important; }
.m-left-11__m { margin-left: 5.5rem !important; }
.m-left-12__m { margin-left: 6rem !important; }
.m-left-13__m { margin-left: 6.5rem !important; }
.m-left-14__m { margin-left: 7rem !important; }
.m-left-15__m { margin-left: 7.5rem !important; }
.m-left-16__m { margin-left: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-left-0__l { margin-left: 0 !important; }
.m-left-half__l { margin-left: 0.25rem !important; }
.m-left-auto__l { margin-left: auto !important; }
.m-left-1__l { margin-left: 0.5rem !important; }
.m-left-2__l { margin-left: 1rem !important; }
.m-left-3__l { margin-left: 1.5rem !important; }
.m-left-4__l { margin-left: 2rem !important; }
.m-left-5__l { margin-left: 2.5rem !important; }
.m-left-6__l { margin-left: 3rem !important; }
.m-left-7__l { margin-left: 3.5rem !important; }
.m-left-8__l { margin-left: 4rem !important; }
.m-left-9__l { margin-left: 4.5rem !important; }
.m-left-10__l { margin-left: 5rem !important; }
.m-left-11__l { margin-left: 5.5rem !important; }
.m-left-12__l { margin-left: 6rem !important; }
.m-left-13__l { margin-left: 6.5rem !important; }
.m-left-14__l { margin-left: 7rem !important; }
.m-left-15__l { margin-left: 7.5rem !important; }
.m-left-16__l { margin-left: 8rem !important; } }
.p-left-0 { padding-left: 0 !important; }
.p-left-half { padding-left: 0.25rem !important; }
.p-left-auto { padding-left: auto !important; }
.p-left-1 { padding-left: 0.5rem !important; }
.p-left-2 { padding-left: 1rem !important; }
.p-left-3 { padding-left: 1.5rem !important; }
.p-left-4 { padding-left: 2rem !important; }
.p-left-5 { padding-left: 2.5rem !important; }
.p-left-6 { padding-left: 3rem !important; }
.p-left-7 { padding-left: 3.5rem !important; }
.p-left-8 { padding-left: 4rem !important; }
.p-left-9 { padding-left: 4.5rem !important; }
.p-left-10 { padding-left: 5rem !important; }
.p-left-11 { padding-left: 5.5rem !important; }
.p-left-12 { padding-left: 6rem !important; }
.p-left-13 { padding-left: 6.5rem !important; }
.p-left-14 { padding-left: 7rem !important; }
.p-left-15 { padding-left: 7.5rem !important; }
.p-left-16 { padding-left: 8rem !important; }
@media screen and (min-width: 750px) { .p-left-0__m { padding-left: 0 !important; }
.p-left-half__m { padding-left: 0.25rem !important; }
.p-left-auto__m { padding-left: auto !important; }
.p-left-1__m { padding-left: 0.5rem !important; }
.p-left-2__m { padding-left: 1rem !important; }
.p-left-3__m { padding-left: 1.5rem !important; }
.p-left-4__m { padding-left: 2rem !important; }
.p-left-5__m { padding-left: 2.5rem !important; }
.p-left-6__m { padding-left: 3rem !important; }
.p-left-7__m { padding-left: 3.5rem !important; }
.p-left-8__m { padding-left: 4rem !important; }
.p-left-9__m { padding-left: 4.5rem !important; }
.p-left-10__m { padding-left: 5rem !important; }
.p-left-11__m { padding-left: 5.5rem !important; }
.p-left-12__m { padding-left: 6rem !important; }
.p-left-13__m { padding-left: 6.5rem !important; }
.p-left-14__m { padding-left: 7rem !important; }
.p-left-15__m { padding-left: 7.5rem !important; }
.p-left-16__m { padding-left: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-left-0__l { padding-left: 0 !important; }
.p-left-half__l { padding-left: 0.25rem !important; }
.p-left-auto__l { padding-left: auto !important; }
.p-left-1__l { padding-left: 0.5rem !important; }
.p-left-2__l { padding-left: 1rem !important; }
.p-left-3__l { padding-left: 1.5rem !important; }
.p-left-4__l { padding-left: 2rem !important; }
.p-left-5__l { padding-left: 2.5rem !important; }
.p-left-6__l { padding-left: 3rem !important; }
.p-left-7__l { padding-left: 3.5rem !important; }
.p-left-8__l { padding-left: 4rem !important; }
.p-left-9__l { padding-left: 4.5rem !important; }
.p-left-10__l { padding-left: 5rem !important; }
.p-left-11__l { padding-left: 5.5rem !important; }
.p-left-12__l { padding-left: 6rem !important; }
.p-left-13__l { padding-left: 6.5rem !important; }
.p-left-14__l { padding-left: 7rem !important; }
.p-left-15__l { padding-left: 7.5rem !important; }
.p-left-16__l { padding-left: 8rem !important; } }
.m-x-0 { margin-left: 0 !important; margin-right: 0 !important; }
.m-x-half { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.m-x-auto { margin-left: auto !important; margin-right: auto !important; }
.m-x-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.m-x-2 { margin-left: 1rem !important; margin-right: 1rem !important; }
.m-x-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.m-x-4 { margin-left: 2rem !important; margin-right: 2rem !important; }
.m-x-5 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
.m-x-6 { margin-left: 3rem !important; margin-right: 3rem !important; }
.m-x-7 { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.m-x-8 { margin-left: 4rem !important; margin-right: 4rem !important; }
.m-x-9 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.m-x-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
.m-x-11 { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }
.m-x-12 { margin-left: 6rem !important; margin-right: 6rem !important; }
.m-x-13 { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }
.m-x-14 { margin-left: 7rem !important; margin-right: 7rem !important; }
.m-x-15 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
.m-x-16 { margin-left: 8rem !important; margin-right: 8rem !important; }
@media screen and (min-width: 750px) { .m-x-0__m { margin-left: 0 !important; margin-right: 0 !important; }
.m-x-half__m { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.m-x-auto__m { margin-left: auto !important; margin-right: auto !important; }
.m-x-1__m { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.m-x-2__m { margin-left: 1rem !important; margin-right: 1rem !important; }
.m-x-3__m { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.m-x-4__m { margin-left: 2rem !important; margin-right: 2rem !important; }
.m-x-5__m { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
.m-x-6__m { margin-left: 3rem !important; margin-right: 3rem !important; }
.m-x-7__m { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.m-x-8__m { margin-left: 4rem !important; margin-right: 4rem !important; }
.m-x-9__m { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.m-x-10__m { margin-left: 5rem !important; margin-right: 5rem !important; }
.m-x-11__m { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }
.m-x-12__m { margin-left: 6rem !important; margin-right: 6rem !important; }
.m-x-13__m { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }
.m-x-14__m { margin-left: 7rem !important; margin-right: 7rem !important; }
.m-x-15__m { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
.m-x-16__m { margin-left: 8rem !important; margin-right: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-x-0__l { margin-left: 0 !important; margin-right: 0 !important; }
.m-x-half__l { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.m-x-auto__l { margin-left: auto !important; margin-right: auto !important; }
.m-x-1__l { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.m-x-2__l { margin-left: 1rem !important; margin-right: 1rem !important; }
.m-x-3__l { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.m-x-4__l { margin-left: 2rem !important; margin-right: 2rem !important; }
.m-x-5__l { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
.m-x-6__l { margin-left: 3rem !important; margin-right: 3rem !important; }
.m-x-7__l { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
.m-x-8__l { margin-left: 4rem !important; margin-right: 4rem !important; }
.m-x-9__l { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.m-x-10__l { margin-left: 5rem !important; margin-right: 5rem !important; }
.m-x-11__l { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }
.m-x-12__l { margin-left: 6rem !important; margin-right: 6rem !important; }
.m-x-13__l { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }
.m-x-14__l { margin-left: 7rem !important; margin-right: 7rem !important; }
.m-x-15__l { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
.m-x-16__l { margin-left: 8rem !important; margin-right: 8rem !important; } }
.p-x-0 { padding-left: 0 !important; padding-right: 0 !important; }
.p-x-half { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.p-x-auto { padding-left: auto !important; padding-right: auto !important; }
.p-x-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.p-x-2 { padding-left: 1rem !important; padding-right: 1rem !important; }
.p-x-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.p-x-4 { padding-left: 2rem !important; padding-right: 2rem !important; }
.p-x-5 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.p-x-6 { padding-left: 3rem !important; padding-right: 3rem !important; }
.p-x-7 { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
.p-x-8 { padding-left: 4rem !important; padding-right: 4rem !important; }
.p-x-9 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.p-x-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
.p-x-11 { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
.p-x-12 { padding-left: 6rem !important; padding-right: 6rem !important; }
.p-x-13 { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }
.p-x-14 { padding-left: 7rem !important; padding-right: 7rem !important; }
.p-x-15 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
.p-x-16 { padding-left: 8rem !important; padding-right: 8rem !important; }
@media screen and (min-width: 750px) { .p-x-0__m { padding-left: 0 !important; padding-right: 0 !important; }
.p-x-half__m { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.p-x-auto__m { padding-left: auto !important; padding-right: auto !important; }
.p-x-1__m { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.p-x-2__m { padding-left: 1rem !important; padding-right: 1rem !important; }
.p-x-3__m { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.p-x-4__m { padding-left: 2rem !important; padding-right: 2rem !important; }
.p-x-5__m { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.p-x-6__m { padding-left: 3rem !important; padding-right: 3rem !important; }
.p-x-7__m { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
.p-x-8__m { padding-left: 4rem !important; padding-right: 4rem !important; }
.p-x-9__m { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.p-x-10__m { padding-left: 5rem !important; padding-right: 5rem !important; }
.p-x-11__m { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
.p-x-12__m { padding-left: 6rem !important; padding-right: 6rem !important; }
.p-x-13__m { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }
.p-x-14__m { padding-left: 7rem !important; padding-right: 7rem !important; }
.p-x-15__m { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
.p-x-16__m { padding-left: 8rem !important; padding-right: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-x-0__l { padding-left: 0 !important; padding-right: 0 !important; }
.p-x-half__l { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.p-x-auto__l { padding-left: auto !important; padding-right: auto !important; }
.p-x-1__l { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.p-x-2__l { padding-left: 1rem !important; padding-right: 1rem !important; }
.p-x-3__l { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.p-x-4__l { padding-left: 2rem !important; padding-right: 2rem !important; }
.p-x-5__l { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.p-x-6__l { padding-left: 3rem !important; padding-right: 3rem !important; }
.p-x-7__l { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
.p-x-8__l { padding-left: 4rem !important; padding-right: 4rem !important; }
.p-x-9__l { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.p-x-10__l { padding-left: 5rem !important; padding-right: 5rem !important; }
.p-x-11__l { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
.p-x-12__l { padding-left: 6rem !important; padding-right: 6rem !important; }
.p-x-13__l { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }
.p-x-14__l { padding-left: 7rem !important; padding-right: 7rem !important; }
.p-x-15__l { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
.p-x-16__l { padding-left: 8rem !important; padding-right: 8rem !important; } }
.m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-y-half { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.m-y-auto { margin-top: auto !important; margin-bottom: auto !important; }
.m-y-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.m-y-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-y-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-y-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.m-y-5 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.m-y-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.m-y-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
.m-y-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.m-y-9 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
.m-y-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.m-y-11 { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }
.m-y-12 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.m-y-13 { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }
.m-y-14 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
.m-y-15 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
.m-y-16 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
@media screen and (min-width: 750px) { .m-y-0__m { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-y-half__m { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.m-y-auto__m { margin-top: auto !important; margin-bottom: auto !important; }
.m-y-1__m { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.m-y-2__m { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-y-3__m { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-y-4__m { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.m-y-5__m { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.m-y-6__m { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.m-y-7__m { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
.m-y-8__m { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.m-y-9__m { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
.m-y-10__m { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.m-y-11__m { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }
/* Change from 6rem to 3rem */
.m-y-12__m { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.m-y-13__m { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }
.m-y-14__m { margin-top: 7rem !important; margin-bottom: 7rem !important; }
.m-y-15__m { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
.m-y-16__m { margin-top: 8rem !important; margin-bottom: 8rem !important; } }
@media screen and (min-width: 1050px) { .m-y-0__l { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-y-half__l { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.m-y-auto__l { margin-top: auto !important; margin-bottom: auto !important; }
.m-y-1__l { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.m-y-2__l { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.m-y-3__l { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.m-y-4__l { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.m-y-5__l { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.m-y-6__l { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.m-y-7__l { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
.m-y-8__l { margin-top: 4rem !important; margin-bottom: 4rem !important; }
.m-y-9__l { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
.m-y-10__l { margin-top: 5rem !important; margin-bottom: 5rem !important; }
.m-y-11__l { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }
.m-y-12__l { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.m-y-13__l { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }
.m-y-14__l { margin-top: 7rem !important; margin-bottom: 7rem !important; }
.m-y-15__l { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
.m-y-16__l { margin-top: 8rem !important; margin-bottom: 8rem !important; } }
.p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-y-half { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.p-y-auto { padding-top: auto !important; padding-bottom: auto !important; }
.p-y-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.p-y-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-y-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-y-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.p-y-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.p-y-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-y-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.p-y-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-y-9 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
.p-y-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.p-y-11 { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
.p-y-12 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.p-y-13 { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
.p-y-14 { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.p-y-15 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
.p-y-16 { padding-top: 8rem !important; padding-bottom: 8rem !important; }
@media screen and (min-width: 750px) { .p-y-0__m { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-y-half__m { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.p-y-auto__m { padding-top: auto !important; padding-bottom: auto !important; }
.p-y-1__m { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.p-y-2__m { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-y-3__m { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-y-4__m { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.p-y-5__m { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.p-y-6__m { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-y-7__m { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.p-y-8__m { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-y-9__m { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
.p-y-10__m { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.p-y-11__m { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
.p-y-12__m { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.p-y-13__m { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
.p-y-14__m { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.p-y-15__m { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
.p-y-16__m { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 1050px) { .p-y-0__l { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-y-half__l { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.p-y-auto__l { padding-top: auto !important; padding-bottom: auto !important; }
.p-y-1__l { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.p-y-2__l { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-y-3__l { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-y-4__l { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.p-y-5__l { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.p-y-6__l { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-y-7__l { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.p-y-8__l { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.p-y-9__l { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
.p-y-10__l { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.p-y-11__l { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
.p-y-12__l { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.p-y-13__l { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
.p-y-14__l { padding-top: 7rem !important; padding-bottom: 7rem !important; }
.p-y-15__l { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
.p-y-16__l { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
/* ====================================================
S: Text
==================================================== */
.t-body { font-family: "Proxima Nova", sans-serif !important; }
.t-heading { font-family: "Ubuntu", sans-serif !important; }
.t-mono { font-family: "Ubuntu Mono", monospace !important; }
.t-0 { font-size: 0.875rem !important; line-height: 1rem; }
.t-1 { font-size: 1rem !important; line-height: 1.5rem; }
.t-2 { font-size: 1.25rem !important; line-height: 2rem; }
.t-3 { font-size: 1.5rem !important; line-height: 2rem; }
.t-4 { font-size: 2rem !important; line-height: 2.5rem; }
.t-5, .t-6 { font-size: 2.5rem !important; line-height: 3rem; }
.t-left { text-align: left !important; }
.t-right { text-align: right !important; }
.t-center { text-align: center !important; }
.t-justify { text-align: justify !important; }
.t-extrabold { font-weight: 900 !important; }
.t-bold { font-weight: 600 !important; }
.t-light { font-weight: 300 !important; }
.t-lighter { font-weight: 100 !important; }
.t-regular { font-weight: 400 !important; }
.t-medium { font-weight: 500 !important; }
.t-decoration-underline { text-decoration: underline !important; }
.t-decoration-none { text-decoration: none !important; }
.t-style-italic { font-style: italic !important; }
.t-transform-capitalize { text-transform: capitalize !important; }
.t-transform-lowercase { text-transform: lowercase !important; }
.t-transform-uppercase { text-transform: uppercase !important; }
.t-transform-none { text-transform: none !important; }
.t-line-height-5 { line-height: 3rem !important; }
.t-line-height-4 { line-height: 2.5rem !important; }
.t-line-height-3 { line-height: 2rem !important; }
.t-line-height-2 { line-height: 1.5rem !important; }
.t-line-height-1 { line-height: 1rem !important; }
.t-line-height-double { line-height: 2 !important; }
.t-line-height-single { line-height: 1 !important; }
.t-caret:after { content: ''; display: inline-block; width: 0; height: 0; border: .3em solid transparent; border-bottom-width: .14em; border-top-color: currentColor; vertical-align: middle; margin-left: .5rem; }
@media screen and (min-width: 750px) { .t-0__m { font-size: 0.875rem !important; line-height: 1rem; }
.t-1__m { font-size: 1rem !important; line-height: 1.5rem; }
.t-2__m { font-size: 1.25rem !important; line-height: 2rem; }
.t-3__m { font-size: 1.5rem !important; line-height: 2rem; }
.t-4__m { font-size: 2rem !important; line-height: 2.5rem; }
.t-5__m { font-size: 2.5rem !important; line-height: 3rem; }
.t-6__m { font-size: 2.5rem !important; line-height: 3rem; }
.t-line-height-5__m { line-height: 3rem !important; }
.t-line-height-4__m { line-height: 2.5rem !important; }
.t-line-height-3__m { line-height: 2rem !important; }
.t-line-height-2__m { line-height: 1.5rem !important; }
.t-line-height-1__m { line-height: 1rem !important; }
.t-left__m { text-align: left !important; }
.t-right__m { text-align: right !important; }
.t-center__m { text-align: center !important; }
.t-justify__m { text-align: justify !important; }
.t-extrabold__m { font-weight: 900 !important; }
.t-bold__m { font-weight: 600 !important; }
.t-light__m { font-weight: 300 !important; }
.t-lighter__m { font-weight: 100 !important; }
.t-regular__m { font-weight: 400 !important; } }
@media screen and (min-width: 1050px) { .t-0__l { font-size: 0.875rem !important; line-height: 1rem; }
.t-1__l { font-size: 1rem !important; line-height: 1.5rem; }
.t-2__l { font-size: 1.25rem !important; line-height: 2rem; }
.t-3__l { font-size: 1.5rem !important; line-height: 2rem; }
.t-4__l { font-size: 2rem !important; line-height: 2.5rem; }
.t-5__l { font-size: 2.5rem !important; line-height: 3rem; }
.t-6__l { font-size: 2.5rem !important; line-height: 3rem; }
.t-line-height-5__l { line-height: 3rem !important; }
.t-line-height-4__l { line-height: 2.5rem !important; }
.t-line-height-3__l { line-height: 2rem !important; }
.t-line-height-2__l { line-height: 1.5rem !important; }
.t-line-height-1__l { line-height: 1rem !important; }
.t-left__l { text-align: left !important; }
.t-right__l { text-align: right !important; }
.t-center__l { text-align: center !important; }
.t-justify__l { text-align: justify !important; }
.t-extrabold__l { font-weight: 900 !important; }
.t-bold__l { font-weight: 600 !important; }
.t-light__l { font-weight: 300 !important; }
.t-lighter__l { font-weight: 100 !important; }
.t-regular__l { font-weight: 400 !important; } }
/* ====================================================
S: Container & Flexbox
==================================================== */
.container-s { max-width: 640px; margin-left: auto; margin-right: auto; }
.container-m { max-width: 960px; margin-left: auto; margin-right: auto; }
.container-l { max-width: 1280px; margin-left: auto; margin-right: auto; }
.container-full-width { max-width: 100%; margin-left: auto; margin-right: auto; }
.container { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 750px) { .container { max-width: 700px; } }
@media (min-width: 1050px) { .container { max-width: 928px; } }
@media (min-width: 1280px) { .container { max-width: 1212px; } }
.container-fluid { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }
.flex, .l-flex { display: -ms-flexbox !important; display: flex !important; }
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.flex-justify-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
.flex-justify-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.flex-justify-center { -ms-flex-pack: center !important; justify-content: center !important; }
.flex-justify-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.flex-justify-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.flex-justify-even { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
.flex-align-start { -ms-flex-align: start !important; align-items: flex-start !important; }
.flex-align-end { -ms-flex-align: end !important; align-items: flex-end !important; }
.flex-align-center { -ms-flex-align: center !important; align-items: center !important; }
.flex-align-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
.flex-align-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
.flex-align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
.flex-align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.flex-align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
.flex-align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }
.flex-align-self-between { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }
.flex-align-self-around { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1 { -ms-flex-positive: 1; flex-grow: 1; }
.flex-grow-2 { -ms-flex-positive: 2; flex-grow: 2; }
.flex-grow-3 { -ms-flex-positive: 3; flex-grow: 3; }
.flex-grow-4 { -ms-flex-positive: 4; flex-grow: 4; }
.flex-grow-5 { -ms-flex-positive: 5; flex-grow: 5; }
.flex-grow-6 { -ms-flex-positive: 6; flex-grow: 6; }
.flex-1 { -ms-flex: 1; flex: 1; }
@media screen and (min-width: 750px) { .l-flex__m, .flex__m { display: -ms-flexbox !important; display: flex !important; }
.flex-row__m { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-row-reverse__m { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.flex-column__m { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-column-reverse__m { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.flex-justify-start__m { -ms-flex-pack: start !important; justify-content: flex-start !important; }
.flex-justify-end__m { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.flex-justify-center__m { -ms-flex-pack: center !important; justify-content: center !important; }
.flex-justify-between__m { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.flex-justify-around__m { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.flex-justify-even__m { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
.flex-align-start__m { -ms-flex-align: start !important; align-items: flex-start !important; }
.flex-align-end__m { -ms-flex-align: end !important; align-items: flex-end !important; }
.flex-align-center__m { -ms-flex-align: center !important; align-items: center !important; }
.flex-align-baseline__m { -ms-flex-align: baseline !important; align-items: baseline !important; }
.flex-align-stretch__m { -ms-flex-align: stretch !important; align-items: stretch !important; }
.flex-align-self-start__m { -ms-flex-item-align: start !important; align-self: flex-start !important; }
.flex-align-self-end__m { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.flex-align-self-center__m { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
.flex-align-self-stretch__m { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }
.flex-align-self-between__m { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }
.flex-align-self-around__m { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }
.flex-wrap__m { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-wrap-reverse__m { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
.flex-nowrap__m { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.flex-grow-0__m { -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1__m { -ms-flex-positive: 1; flex-grow: 1; }
.flex-grow-2__m { -ms-flex-positive: 2; flex-grow: 2; }
.flex-grow-3__m { -ms-flex-positive: 3; flex-grow: 3; }
.flex-grow-4__m { -ms-flex-positive: 4; flex-grow: 4; }
.flex-grow-6__m { -ms-flex-positive: 6; flex-grow: 6; }
.flex-grow-7__m { -ms-flex-positive: 7; flex-grow: 7; }
.flex-grow-8__m { -ms-flex-positive: 8; flex-grow: 8; }
.flex-grow-9__m { -ms-flex-positive: 9; flex-grow: 9; }
.flex-grow-10__m { -ms-flex-positive: 10; flex-grow: 10; }
.flex-grow-11__m { -ms-flex-positive: 11; flex-grow: 11; } }
@media screen and (min-width: 1050px) { .l-flex__l, .flex__l { display: -ms-flexbox !important; display: flex !important; }
.flex-row__l { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-row-reverse__l { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.flex-column__l { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-column-reverse__l { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.flex-justify-start__l { -ms-flex-pack: start !important; justify-content: flex-start !important; }
.flex-justify-end__l { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.flex-justify-center__l { -ms-flex-pack: center !important; justify-content: center !important; }
.flex-justify-between__l { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.flex-justify-around__l { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.flex-justify-even__l { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
.flex-align-start__l { -ms-flex-align: start !important; align-items: flex-start !important; }
.flex-align-end__l { -ms-flex-align: end !important; align-items: flex-end !important; }
.flex-align-center__l { -ms-flex-align: center !important; align-items: center !important; }
.flex-align-baseline__l { -ms-flex-align: baseline !important; align-items: baseline !important; }
.flex-align-stretch__l { -ms-flex-align: stretch !important; align-items: stretch !important; }
.flex-align-self-start__l { -ms-flex-item-align: start !important; align-self: flex-start !important; }
.flex-align-self-end__l { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.flex-align-self-center__l { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
.flex-align-self-stretch__l { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }
.flex-align-self-between__l { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }
.flex-align-self-around__l { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }
.flex-wrap__l { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-wrap-reverse__l { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
.flex-nowrap__l { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.flex-grow-0__l { -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1__l { -ms-flex-positive: 1; flex-grow: 1; }
.flex-grow-2__l { -ms-flex-positive: 2; flex-grow: 2; }
.flex-grow-3__l { -ms-flex-positive: 3; flex-grow: 3; }
.flex-grow-4__l { -ms-flex-positive: 4; flex-grow: 4; }
.flex-grow-6__l { -ms-flex-positive: 6; flex-grow: 6; }
.flex-grow-7__l { -ms-flex-positive: 7; flex-grow: 7; }
.flex-grow-8__l { -ms-flex-positive: 8; flex-grow: 8; }
.flex-grow-9__l { -ms-flex-positive: 9; flex-grow: 9; }
.flex-grow-10__l { -ms-flex-positive: 10; flex-grow: 10; }
.flex-grow-11__l { -ms-flex-positive: 11; flex-grow: 11; } }
/* ====================================================
S: Bootstrap Grid
==================================================== */
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; }
.no-gutters { margin-right: 0; margin-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 1rem; padding-left: 1rem; }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.offset-sm-0 { margin-left: 0; }
.offset-sm-1 { margin-left: 8.33333%; }
.offset-sm-2 { margin-left: 16.66667%; }
.offset-sm-3 { margin-left: 25%; }
.offset-sm-4 { margin-left: 33.33333%; }
.offset-sm-5 { margin-left: 41.66667%; }
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333%; }
.offset-sm-8 { margin-left: 66.66667%; }
.offset-sm-9 { margin-left: 75%; }
.offset-sm-10 { margin-left: 83.33333%; }
.offset-sm-11 { margin-left: 91.66667%; } }
@media (min-width: 750px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.offset-md-0 { margin-left: 0; }
.offset-md-1 { margin-left: 8.33333%; }
.offset-md-2 { margin-left: 16.66667%; }
.offset-md-3 { margin-left: 25%; }
.offset-md-4 { margin-left: 33.33333%; }
.offset-md-5 { margin-left: 41.66667%; }
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333%; }
.offset-md-8 { margin-left: 66.66667%; }
.offset-md-9 { margin-left: 75%; }
.offset-md-10 { margin-left: 83.33333%; }
.offset-md-11 { margin-left: 91.66667%; } }
@media (min-width: 1050px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.offset-lg-0 { margin-left: 0; }
.offset-lg-1 { margin-left: 8.33333%; }
.offset-lg-2 { margin-left: 16.66667%; }
.offset-lg-3 { margin-left: 25%; }
.offset-lg-4 { margin-left: 33.33333%; }
.offset-lg-5 { margin-left: 41.66667%; }
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333%; }
.offset-lg-8 { margin-left: 66.66667%; }
.offset-lg-9 { margin-left: 75%; }
.offset-lg-10 { margin-left: 83.33333%; }
.offset-lg-11 { margin-left: 91.66667%; } }
@media (min-width: 1280px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
/* ====================================================
S: Width
==================================================== */
.w-0 { width: 0 !important; }
.w-1 { width: 1% !important; }
.w-25 { width: 25% !important; }
.w-33 { width: 33.33% !important; }
.w-50 { width: 50% !important; }
.w-66 { width: 66.66% !important; }
.w-75 { width: 75% !important; }
.w-99 { width: 99% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
@media screen and (min-width: 750px) { .w-0__m { width: 0 !important; }
.w-1__m { width: 1% !important; }
.w-25__m { width: 25% !important; }
.w-33__m { width: 33.33% !important; }
.w-50__m { width: 50% !important; }
.w-66__m { width: 66.66% !important; }
.w-75__m { width: 75% !important; }
.w-99__m { width: 99% !important; }
.w-100__m { width: 100% !important; }
.w-auto__m { width: auto !important; } }
@media screen and (min-width: 1050px) { .w-0__l { width: 0 !important; }
.w-1__l { width: 1% !important; }
.w-25__l { width: 25% !important; }
.w-33__l { width: 33.33% !important; }
.w-50__l { width: 50% !important; }
.w-66__l { width: 66.66% !important; }
.w-75__l { width: 75% !important; }
.w-99__l { width: 99% !important; }
.w-100__l { width: 100% !important; }
.w-auto__l { width: auto !important; } }
/* Visibility */
.hide {
display: none!important;
}
.show {
display: block!important;
}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
display: none!important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
background-color: transparent;
border: 0;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
@media (max-width: 767px) {
.visible-xs {
display:block!important;
}
table.visible-xs {
display: table!important;
}
tr.visible-xs {
display: table-row!important;
}
td.visible-xs,th.visible-xs {
display: table-cell!important;
}
.visible-xs-block {
display: block!important;
}
.visible-xs-inline {
display: inline!important;
}
.visible-xs-inline-block {
display: inline-block!important;
}
}
@media (min-width: 768px) and (max-width:991px) {
.visible-sm {
display:block!important;
}
table.visible-sm {
display: table!important;
}
tr.visible-sm {
display: table-row!important;
}
td.visible-sm,th.visible-sm {
display: table-cell!important;
}
.visible-sm-block {
display: block!important;
}
.visible-sm-inline {
display: inline!important;
}
.visible-sm-inline-block {
display: inline-block!important;
}
}
@media (min-width: 992px) and (max-width:1199px) {
.visible-md {
display:block!important;
}
table.visible-md {
display: table!important;
}
tr.visible-md {
display: table-row!important;
}
td.visible-md,th.visible-md {
display: table-cell!important;
}
.visible-md-block {
display: block!important;
}
.visible-md-inline {
display: inline!important;
}
.visible-md-inline-block {
display: inline-block!important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display:block!important;
}
table.visible-lg {
display: table!important;
}
tr.visible-lg {
display: table-row!important;
}
td.visible-lg,th.visible-lg {
display: table-cell!important;
}
.visible-lg-block {
display: block!important;
}
.visible-lg-inline {
display: inline!important;
}
.visible-lg-inline-block {
display: inline-block!important;
}
.hidden-lg {
display: none!important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display:none !important;
}
}
@media (min-width: 768px) and (max-width:991px) {
.hidden-sm {
display:none !important;
}
}
@media (min-width: 992px) and (max-width:1199px) {
.hidden-md {
display:none!important;
}
}
.collapsible {
display: none;
}
.collapsible.in {
display: block;
}
tr.collapsible.in {
display: table-row;
}
tbody.collapsible.in {
display: table-row-group;
}
.collapsing {
height: 0;
overflow: hidden;
transition-property: height,visibility;
transition-duration: .35s;
transition-timing-function: ease;
}
/* ====================================================
S: Cards
==================================================== */
.Card__wrapper { display: inline-flex; flex-wrap: wrap; }
.Card__wrapper .Card { display: flex; flex-direction: column; }
.Card__wrapper .Card__content { flex: 1 0 auto; }
.Card { padding: 2.5rem; position: relative; margin-bottom: 2rem; }
.Card hr { border-bottom-color: #CCEFFF; margin: 1rem 0rem; }
.Card .Card__heading { color: #071c26; margin-bottom: 0.5rem; }
.Card .Card__content { margin-bottom: 1.5rem; color: #677983; font-size: 1rem; line-height: 1.5rem; }
.Card .Card__icon, .Card .Card__large-icon { display: inline-block; margin-right: 0.5rem; margin-bottom: 0; }
.Card.Card__number { text-align: center; color: #071c26; }
.Card.Card__number .Card__heading { margin-bottom: 0rem; }
.Card.Card__number .Card__content { color: #071c26; font-size: 1.25rem; line-height: 2rem; }
.Card.Card__featured { border: solid 1px #0073EC; }
.Card.Card__featured .Card__heading { color: #071c26; font-size: 1.25rem; line-height: 2rem; margin-bottom: 1rem; }
.Card.Card__featured .Card__content { color: #071c26; }
.Card.Card__plan, .Card.Card__plan--highlighted, .Card.Card__plan--extended { text-align: center; border: solid 1px #E0E4E8; }
.Card.Card__plan .Card__heading, .Card.Card__plan--highlighted .Card__heading, .Card.Card__plan--extended .Card__heading { color: #071c26; font-size: 1.5rem; line-height: calc(1em + 8px); margin-bottom: 1rem; }
.Card.Card__plan .Card__subheading, .Card.Card__plan--highlighted .Card__subheading, .Card.Card__plan--extended .Card__subheading { font-size: 0.875rem; line-height: 1rem; color: #0073EC; text-transform: uppercase; }
.Card.Card__plan .Card__number, .Card.Card__plan--highlighted .Card__number, .Card.Card__plan--extended .Card__number { margin: 1rem 0rem; font-size: 2.5rem; line-height: calc(1em + 8px); color: #071c26; }
.Card.Card__plan--highlighted { border: solid 1px #F59D00; }
.Card.Card__plan--highlighted .Tag { position: absolute; top: -24px; right: -1px; }
.Card.Card__plan--extended .Card__heading { color: #0073EC; }
.Card.Card__plan--extended p { font-size: 1rem; line-height: calc(1em + 8px); }
.Card.Card__plan--extended .Card__subheading { text-transform: none; color: #434F58; margin-bottom: 0rem; }
.Card.Card__plan--extended .Card__number { color: #0073EC; }
.Card.Card__plan--extended .List { margin: 2rem 0rem; }
.Card__icon { position: absolute; margin: 0rem; color: #0073EC; }
.Card__icon + .Card__heading, .Card__icon ~ .Card__content, .Card__icon ~ .Button { margin-left: 2.5rem; }
.Card__large-icon { position: relative; height: 56px; width: 56px; }
.Card__large-icon ~ .Card__super { position: absolute; top: 2.5rem; left: 6.25rem; }
.Card__large-icon ~ .Card__heading { position: relative; display: inline-block; margin-bottom: 1rem; top: -0.5rem; }
.Card__super { text-transform: uppercase; font-size: 0.875rem; line-height: 1rem; color: #677983; }
.Card--disabled { cursor: not-allowed; }
.Card--disabled .Card__heading, .Card--disabled .Card__content, .Card--disabled .Button { color: #AFBFC9; }
.Card--disabled .Button:before { display: none; }
.container-2-col {
display: flex;
border: 1px solid #0073EC;
border-top: 5px solid #0073EC;
margin-top: 10px;
}
.container-2-col--text-section-left {
padding: 1%;
flex-basis: 120%;
}
.container-2-col--text-section-right {
padding: 1%;
}
.steps-section {
display: flex;
/* justify-content: space-between; */
color: #fff;
font-size: 30px;
/* background-color: #434F58; */
/* background-image: linear-gradient(to right, rgba(0,175,239,.1), rgba(166,68,229,.1)); */
/* background: linear-gradient(to right, transparent 15%, rgba(111, 111, 111, .4) 50%, transparent 85%); */
background: linear-gradient(to right, transparent 5%, rgba(204,239,255, .8) 50%, transparent 95%);
text-align: center;
line-height: 25px;
margin-top: 8%;
}
/* 6 steps */
.six-steps-number-active {
/* background-color: #0073EC; */
background-image: linear-gradient(to right, #0073EC , #A644E5);
color: #fff;
clip-path: polygon(352px 0%, 100% 50%, 352px 100%, 0% 100%, 21px 50%, 0% 0%);
flex-basis: 40%;
padding: 2%;
margin-right: 1%;
}
.six-steps-number {
display: flex;
flex-direction: column;
justify-content: space-around;
flex-basis: 12%;
/* background-color: #00CAAA; */
background-image: linear-gradient(to right, #00CAAA , #5be3cf);
color: #000;
clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 19% 50%, 0% 0%);
background-repeat: no-repeat;
margin-left: -1%;
}
/* 14 steps */
.fourteen-steps-number-active {
background-image: linear-gradient(to right, #0073EC , #A644E5);
color: #fff;
clip-path: polygon(331px 0%, 100% 50%, 331px 100%, 0% 100%, 21px 50%, 0% 0%);
flex-basis: 40%;
padding: 2%;
/* margin-right: 1%; */
}
.fourteen-steps-number {
display: flex;
flex-direction: column;
justify-content: space-around;
flex-basis: 7.3%;
background-image: linear-gradient(to right, #00CAAA , #5be3cf);
color: #000;
clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%);
background-repeat: no-repeat;
padding-left: 10px;
margin: 0 -10px;
/* border: 1px solid red; */
}
/*______Vertical Steps Section_______*/
.steps-section--container {
display: flex;
}
.steps-section--h2-border {
border-left: 2px dashed #AFBFC9;
padding-left: 63px;
margin-top: 38px;
margin-left: 19px;
}
.steps-section-sublist--border {
border-left: 2px dashed #AFBFC9;
padding-left: 36px;
margin-top: 38px;
margin-left: 15px;
}
/* New Editor */
.steps-section--border {
border-left: 2px dashed #AFBFC9;
padding-left: 36px;
margin-top: 38px;
margin-left: 15px;
}
/* Legacy Editor */
.steps-section--h3-border {
border-left: 2px dashed #AFBFC9;
padding-left: 36px;
margin-top: 38px;
margin-left: 15px;
}
/* .steps-section--content {
display: flex;
flex-direction: column;
} */
.steps-section--step {
position: relative;
max-width: 847px;
}
/* 40px icon */
.steps-number-h2-icon {
position: absolute;
top: 20px;
left: -90px;
}
/* 30px icon */
.steps-number-sublist-icon {
position: absolute;
top: 4px;
left: -56px;
}
/* New Editor */
.steps-number-icon {
position: absolute;
top: 4px;
/* New Editor */
left: -52px;
}
/* Legacy Editor */
.steps-number-h3-icon {
position: absolute;
top: 4px;
left: -56px;
}
.steps-number-div-sublist-icon {
position: absolute;
top: 33px;
left: -56px;
}
/* KB Graphics Style Guide */
.gfx-background-color {
background-color: #f2f2f2;
height: 100px;
width: 300px;
}
.gfx-user-color {
background-color: #0073ec;
height: 100px;
width: 300px;
}
.gfx-website-color {
background-color: #434F58;
height: 100px;
width: 300px;
}
/*______Accordion_______*/
.accordion {
background-color: #FFBAB9;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
margin-bottom: 10px;
}
.accordion p {
display: inline;
}
.active, .accordion:hover {
background-color: #FFBAB9;
}
.accordion:after {
content: '\002B';
color: #FFBAB9;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}