/* Base styles */
html {
height: 100%;
}
body {
flex-direction: column;
min-height: 100vh;
display: flex;
}
footer {
flex-shrink: 0;
}
.futovac {
flex: 1;
}
body {
font-size: 13px;
line-height: 1.5;
margin: 0;
padding: 0;
min-height: 100%;
background: #EFEFEF;
font-family: Poppins, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-family:Oswald, sans-serif;
}
img {
max-width: 100%;
vertical-align: middle;
}
img[width], img[height] {
max-width: none;
}
figure > img {
display: block;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul, ol {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
text-align: left;
width: 100%;
}
[dir=rtl] table {
text-align: right;
}
td, th {
border-color: #eee;
border-style: solid;
padding: 12px;
}
th {
border-width: 1px 0;
color: #bebebe;
font-size: 11px;
font-weight: normal;
white-space: nowrap;
text-align: inherit;
}
td {
border-width: 0 0 1px 0;
}
input, label {
display: inline-block;
vertical-align: middle;
}
label, select {
font-size: 12px;
}
input[type="checkbox"] + label {
margin-left: 5px;
}
[dir=rtl] input[type="checkbox"] + label {
margin-left: 0;
margin-right: 5px;
}
input, textarea, select {
border: 1px solid #ddd;
border-radius: 2px;
}
input, textarea {
padding: 10px;
}
textarea {
height: 100px;
padding: 7px 10px;
resize: vertical;
}
textarea, input[type=text] {
width: 100%;
box-sizing: border-box;
}
input, textarea, select {
color: #555;
}
input:focus,
textarea:focus,
select: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;
}
::placeholder {
color: #ccc;
}
select {
appearance: none;
padding: 5px 10px;
min-width: 141px;
background: url("/hc/assets/dropdown-arrow.svg") no-repeat #fff;
background-size: 10px 5px;
background-position: calc(100% - 10px) 50%;
}
select::-ms-expand {
display: none;
}
[dir=rtl] select {
background-position: 10px 50%;
}
.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/assets/loader.gif") 99% 50% no-repeat;
background-size: 16px 16px;
}
/* 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;
}
/* Search box */
/* Breadcrumbs */
.breadcrumbs li {
color: #bebebe;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumbs li + li:before {
/* content: ">"; */
margin: 0 4px;
}
#article_title h2 {
text-transform: none;
}
#article_title h2 a {
text-decoration: none;
}
#article_title h2 img {
margin-left: 11%;
}
.breadcrumbs li a {
}
.breadcrumbs li a:hover {
text-decoration: none;
}
/* 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;
}
.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;
}
/* Content styles */
.content-body {
word-wrap: break-word;
line-height: 1.7;
}
.content-body img {
max-width: 100%;
}
.content-body hr {
background-color: #eee;
border: 0;
height: 1px;
}
.content-body ul, .content-body ol {
list-style-position: inside;
padding: 0 15px;
}
.content-body ul {
list-style-type: disc;
}
.content-body ol {
list-style-type: decimal;
}
.content-body ol ul, .content-body ul ul {
list-style-type: circle;
}
.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
list-style-type: square;
}
.content-body pre {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
}
.content-body blockquote {
border-left: 1px solid #eee;
color: #bebebe;
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: $color_4;
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: $color_4;
}
/*
* Column size
*/
.main-column {
float: left;
width: 70%;
}
.side-column {
float: right;
width: 20%;
margin-right: 10%;
}
/* ====================================================
Base styles
==================================================== */
html {
}
body {
color: #000;
font-size: 13px;
font-weight: normal;
line-height: 1.5;
margin: 0;
}
a {
text-decoration: none;
}
a:hover {
cursor: pointer;
text-decoration: underline;
}
img {
vertical-align: middle;
}
p {
margin-top: 0;
}
.section-area h1 {
text-transform: capitalize;
}
ul, ol {
margin: 0;
padding: 0;
}
/* ====================================================
Sub Nav
==================================================== */
.sub-nav {
margin-bottom: 15px;
}
.sub-nav form {
display: none;
}
.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;
}
h1 {
text-transform: uppercase;
}
/* ====================================================
Content frame
==================================================== */
.footer-inner {
margin: 0 auto;
padding: 0 20px;
}
main {
display: block;
margin: 0 auto;
/* width: 980px; */
}
/* ====================================================
Header
==================================================== */
.logo {
margin-left:10%;
float: left;
}
.logo a {
display: inline-block;
/*line-height: 130px;*/
}
.logo img {
max-height: 40px;
vertical-align: middle;
}
.user-info {
display: inline-block;
height: 43px;
margin-left: 8px;
}
.language-selector {
display: inline-block;
}
.user-avatar {
display: none;
}
button, [role=button], [type=button] {
background: transparent;
/*border: 1px solid;
border-color: #d1d1d1;
border-color: rgba(0, 0, 0, 0.17);
border-radius: 2px;
box-shadow: inset 0 -2px #f6f6f6;
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);*/
color: #252525;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: normal;
height: 33px;
line-height: 31px;
padding: 0 10px;
position: relative;
vertical-align: middle;
white-space: nowrap;
transition: opacity 300ms ease;
}
a[role="button"]:hover {
text-decoration: none;
}
/*
* Dropdown carets
*/
button, [role=button], [type=button],
#user .dropdown-toggle {
border-radius: 30px;
height: 43px;
display: flex;
align-content: center;
padding: 0 20px;
border: 1px solid var(--pageLinkForeground);
color: var(--pageLinkForeground);
font-weight: bold;
font-size: 13px;
}
button, [role=button], [type=button],
#user .dropdown-toggle span {
line-height: 43px;
}
#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
}
#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
}
.dropdown-toggle {
display: inline-block;
}
.dropdown-toggle:hover {
text-decoration: none;
}
.dropdown-toggle:after {
color: #888;
content: "\25BE";
font-family: "entypo";
font-size: 14px;
margin-left: 5px;
padding-right: 2px;
}
.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
color: #1a74b0;
border: 0;
box-shadow: none;
}
.article-subscribe:hover,
.article-unsubscribe:hover {
box-shadow: none;
}
.topic-follow [role=button], .post-follow [role=button] {
padding: 0 10px !important;
}
/* ====================================================
Home
==================================================== */
.hero-unit {
padding: 25px 60px 70px 60px;
}
.help-center-name {
font-size: 35px;
}
/* ====================================================
Search
==================================================== */
#query::-webkit-input-placeholder {
color: #a9aab4;
}
#query:-moz-placeholder {
color: #a9aab4;
}
#query::-moz-placeholder {
color: #a9aab4;
}
#query:-ms-input-placeholder {
color: #a9aab4;
}
/* ====================================================
Navigation pages: Home, Category and Section
==================================================== */
.knowledge-base h1 {
letter-spacing: 1px;
margin-bottom: 10px;
margin-top: 36px;
}
.knowledge-base:after {
/*content: ".";*/
display: block;
/*height: 0;*/
clear: both;
visibility: hidden;
}
.community h4 {
float: right;
margin: 0;
}
[dir=rtl] .community h4 {
float: left;
}
.trending-questions + h4 {
margin-top: 65px;
}
.community,
.section-tree,
.subtle-wrap,
.section-tree {
margin-left: 14%;
margin-right : 14%;
}
.subtle-wrap {
padding-left: 11%;
margin-top: 15px;
}
.community .recent-activity {
padding: 0;
width: auto;
}
.community h2 {
border-bottom: 1px solid;
border-bottom-color: #ececec;
border-bottom-color: rgba(0, 0, 0, 0.07);
font-size: 16px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 12px;
text-transform: uppercase;
}
.community h2 a {
font-size: 12px;
margin-left: 5px;
}
.community h4 a {
font-size: 11px;
font-weight: normal;
margin-left: 5px;
}
.section-tree .section {
display: inline-block;
margin: 0 0 30px;
vertical-align: top;
width: 49%;
}
.section-tree h3 {
font-size: 20px;
line-height: 24px;
margin: 10px 0 5px;
}
.section-tree ul, ul.article-list {
color: $color_5;
font-size: 14px;
list-style-position: outside;
list-style-type: disc;
}
.knowledge-base h4:before, .community h4:before {
color: $color_3;
font-family: "entypo";
font-size: 20px;
margin-right: 10px;
vertical-align: middle;
}
.category-list li {
width: 296px;
height: 203px;
/* background: #333; */
display: block;
margin-bottom: 25px;
margin-right: 25px;
overflow: hidden;
text-align: center;
color: $color_3;
float: left;
font-weight: normal;
}
.category-list li:nth-child(3n) {
margin-right: 0;
}
.category-list li a {
color:black;
margin-top: 65px;
/*padding: 11px;*/
}
.category-list li a:hover {
text-decoration: none;
}
.article-promoted span {
cursor: default;
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);
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;
}
.see-all-articles {
display: inline-block;
font-size: 12px;
margin-top: 10px;
text-decoration: underline;
}
.category-description, .section-description {
color: $color_4;
font-size: 15px;
line-height: 15px;
margin-top: 0;
margin-bottom: 30px;
}
.section-subscribe, .section-unsubscribe {
float: right;
margin-top: 5px;
}
.category-list a, .section-list a {
color: inherit;
display: inline-block;
font-size: 18px;
/* margin-bottom: 10px;*/
}
/* ====================================================
Article
==================================================== */
/* ====================================================
Forms
==================================================== */
label {
display: inline-block;
font-size: 12px;
vertical-align: middle;
}
input[type=checkbox] + label {
display: inline-block;
margin-left: 5px;
}
input, textarea {
border: 1px solid;
border-color: #dbdbdb;
border-color: rgba(0, 0, 0, 0.13);
outline: none;
padding: 10px;
vertical-align: middle;
}
textarea {
height: 100px;
padding: 7px 10px;
resize: vertical;
}
textarea, input[type=text] {
width: 100%;
}
input, textarea, select {
color: #252525;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
appearance: none;
}
/* ====================================================
Comments - Used in the Article page and Request page
==================================================== */
.comment-avatar img {
border-radius: 3px;
max-width: 70px;
max-height: 70px;
}
.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, .comment-form {
position: relative;
padding-bottom: 40px;
}
.comment-list {
margin-bottom: 25px;
}
.comment-list > * {
border-bottom: 1px solid #d7d7d7;
padding: 25px 0;
}
.comment-list > *:first-child {
border-top: 1px solid #eee;
}
.comment-list-header {
margin-bottom: 18px;
}
.comment-list-header > * {
display: inline-block;
margin: 0;
}
.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/assets/agent-marker.png");
background-image: url("/hc/assets/agent-marker.svg");
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 {
display: block;
border-radius: 2px 2px 0 0;
border-width: 1px;
}
.comment-ccs + textarea,
.comment-attachments {
margin-top: 10px;
}
.comment-form-controls {
display: none;
margin-top: 10px;
text-align: right;
}
[dir=rtl] .comment-form-controls {
text-align: left;
}
.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 {
color: #666666;
border-bottom: 1px solid #eee;
margin-bottom: 25px;
padding: 25px 0;
}
.my-activities-header .breadcrumbs li {
color: #666666;
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: 50px;
}
.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 a {
margin: 8px;
display: inline-block;
}
.request-table-filters a:hover {
background-color: var(--pageLinkForeground);
color: #ffffff;
}
.request-table-filters label:before {
content: " ";
width: 25px;
display: inline-block;
}
.requests-search {
border-radius: 20px;
outline: none;
padding: 6px 15px;
}
.organization-subscribe, .organization-unsubscribe {
margin-left: 15px;
}
.request-id {
color: #bebebe;
}
.request-details {
background: #f9f9f9;
border-radius: 4px;
font-size: 14px;
margin: 0 0 30px;
padding: 25px 25px 50px 25px;
}
.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-details .attachment-list li,
.request-details .request-collaborators li {
list-style: none;
}
.request-status {
color: #fff;
border-radius: 3px;
}
.request-open {
background: #59bbe0;
}
.request-answered {
background: #f5ca00;
}
.request-solved {
background: #828282;
}
.request-details .request-collaborators {
font-size: 0;
}
.request-details .request-collaborators li {
font-size: 12px;
border-radius: 2px;
display: inline-block;
padding: 5px 6px;
background-color: #ececec;
margin: 0 5px 5px 0;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* 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: 16px 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: $color_5;
}
.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: $color_4;
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/assets/agent-marker.png");
background-image: url("/hc/assets/agent-marker.svg");
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: $color_4;
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: $color_4;
}
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-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;
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 {
padding-bottom: 100px;
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: 15px;
}
.recent-activity-item ~ .recent-activity-item {
margin-top: 15px;
}
.recent-activity-item-parent {
color: $color_4;
font-size: 12px;
text-decoration: none;
display: block;
}
.recent-activity-item-parent:hover {
text-decoration: underline;
}
.recent-activity-item-link {
display: block;
}
.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;
}
@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: $color_2;
font-size: 11px;
margin: 0 3px;
padding: 1px 3px;
text-decoration: none;
vertical-align: baseline;
}
.knowledge-base ul li {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.knowledge-base ul li a{
display: inline-block;
width:100%;
background:#ffffff;
position: absolute;
bottom: 0;
left: 0;
}
.header-inner {
position:relative;
height:100%;
}
#header-text {
margin: 0px;
left: 50%;
transform: translateX(-50%);
position: absolute;
bottom: 15%;
color: white;
font-size: 3em;
text-transform: uppercase;
}
#green-field {
margin-left:10%;
height:30px;
width:5px;
background:#67BF7A;
float:left;
margin-right:10px;
}
.login {
margin-left: 8px;
color: white;
background:#67BF7A;
}
.login:hover {
/*border-color: #518801;
box-shadow: inset 0 -1px #518801;*/
}
.menu_categories {
text-align: center;
float: left;
position: relative;
width:20%
}
.menu_categories img {
display: block;
margin-left: auto;
margin-right: auto;
}
.menu_categories h3 {
display: inline-block;
margin-left: auto;
margin-right: auto;
color: #67BF7A;
}
.menu_categories:hover h3 {
border-bottom:solid 2px #67BF7A;
}
.menu_categories:hover {
height :82px;
}
.menu_categories a {
text-decoration: none;
}
.aggregate-tablets {
display: block;
margin-left:auto;
margin-right:auto;
}
#menu, .header, .main-cont {
display: block;
margin-left:auto;
margin-right:auto;
}
}
.footer-inner {
height: 45px;
padding: 0px;
border-top: solid 3px #67BF7A;
background-color: #1b1b1b;
border-bottom: solid 10px #313131;
}
@media screen and (min-width: 1120px) {
}
.header img {
max-width: 100%;
height: auto;
}
#menu-img {
text-align: center
}
#menu-img img {
padding-top: 3%;
width: 40%;
}
.section-tree .section h3 #category-text {
padding-top: 10px;
padding-left: 2px;
}
.section-tree {
padding:0;
margin-top:0;
}
.section-tree .section {
width:32.333%;
}
.section-tree .section:last-child {
width:40%;
}
.section-tree .section h3 {
padding: 0 0 0 41px;
position: relative;
}
.section-tree .section h3 a img {
position: absolute;
top: 0;
left: 0;
float:left;
}
#section_title h2 img {
margin-left: 11%;
margin-right: 10px;
}
#hide {
display: none;
}
#submit_request a {
border: solid 2px #67BF7A;
}
#submit_request a{
font-size: 1.2em;
color: #67BF7A;
padding-left: 15px;
padding-top: 9px;
padding-bottom: 10px;
text-decoration: none;
}
#submit_request img {
padding-left: 10px;
padding-bottom: 5px;
padding-right: 5px;
}
.article-unsubscribe {
display:none;
}
#switch-link {
bottom: 5%;
right: 5%;
position: absolute;
font-size: 14px;
text-decoration: none;
color: white;
font-weight: bold;
margin-bottom: 6px;
letter-spacing: -0.4px;
text-transform: uppercase;
}
#open-hours {
padding-top: 55px;
}
/***** New design *****/
/***** Header *****/
.header {
max-width: 1160px;
height: 80px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-right {
display: flex;
flex-direction: row;
align-items: center;
}
.header-right h2 {
font-style: normal;
font-weight: 100;
color: #666666;
font-size: 20px;
line-height: 20px;
letter-spacing: 0.1em;
margin: 0 auto;
padding-left: 20px;
border-left: 1px solid #666666;
}
.header-logo {
padding-right: 20px;
}
@media (min-width: 1160px) {
.header {
width: 90%;
}
}
.nav-wrapper a {
display: flex;
align-items: center;
font-size: 13px;
font-weight: bold;
line-height: 41px;
text-transform:uppercase;
padding: 0 20px;
width: auto;
height: 41px;
border: 1px solid var(--pageLinkForeground);
}
.nav-wrapper.submit-a-request {
background-color: var(--pageLinkForeground);
}
@media (min-width: 768px) {
.nav-wrapper a {
display: inline-block;
}
}
.nav-wrapper a:link, .nav-wrapper a:visited, .nav-wrapper a:focus, .nav-wrapper a:active {
background-color: transparent;
color: var(--pageLinkForeground);
text-decoration: none;
}
.nav-wrapper a:hover {
background-color: var(--pageLinkForeground);
color: #ffffff;
}
#user-dropdown a:hover {
color: #666666;
background-color: transparent !important;
}
.nav-wrapper a.submit-a-request {
background-color: var(--pageLinkForeground);
color: #ffffff;
margin-left: 8px;
}
.nav-wrapper a.submit-a-request:hover {
background-color: #54a882;
}
.nav-wrapper .icon-menu {
display: inline-block;
margin-right: 10px;
color: rgba(255, 255, 0, 1);
}
@media (min-width: 768px) {
.nav-wrapper .icon-menu {
display: none;
}
}
.dropdown-menu-caret {
padding:0 0 15px 0;
}
.dropdown-menu a {
display: flex;
align-items: center;
color: var(--pageLinkForeground);
font-size: 13px;
font-weight: bold;
line-height: 41px;
width: auto;
height: 15px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.dropdown-menu a {
display: inline-block;
}
}
.dropdown-menu a:hover, .dropdown-menu a:link, .dropdown-menu a:visited, .dropdown-menu a:focus, .dropdown-menu a:active {
background-color: transparent;
text-decoration: none;
}
.dropdown-menu .dropdown-menu-end .dropdown-menu-caret * {
background-color: red;
}
.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;
}
/***** Footer *****/
.footer {
}
.footer a:link {
text-decoration: none;
}
.footer a:visited {
text-decoration: none;
}
.footer a:hover {
text-decoration: none;
}
.footer a:active {
text-decoration: none;
}
.footer-top {
background-color: #f4f6f8;
}
.footer-top-inner {
display: flex;
flex-direction: row;
align-content: stretch;
height: 420px;
max-width: 1160px;
margin: 0 auto;
}
.footer-social {
width: 300px;
padding-top: 90px;
border-right: 1px solid #e5edf0;
}
.footer-social span {
color: #000000;
font-size:16px;
letter-spacing:0.1em;
text-transform:uppercase;
font-weight: 400;
}
.social-icon {
padding-top: 20px;
padding-right: 10px;
}
.footer-categories {
display: flex;
flex-direction: row;
align-content: stretch;
padding-left: 40px;
}
.footer-links {
display: flex;
flex-direction: column;
margin: 0 20px;
}
.footer-links span {
color: #1e1e1e;
font-size:16px;
text-transform:uppercase;
font-weight: 400;
padding-top: 44px;
}
.footer-links a {
color: #666666;
font-size:14px;
padding-top: 20px;
}
.footer-bottom {
background-color: #282954;
}
.footer-bottom-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-weight: 300;
color: #aeaeae;
letter-spacing:0.1em;
text-transform:uppercase;
padding: 35px 0;
max-width: 1160px;
margin: 0 auto;
}
@media (min-width: 1160px) {
.footer-inner {
width: 90%;
}
}
.footer-language-selector {
color: #666;
display: inline-block;
font-weight: 300;
}
/***** HomePage *****/
.section h2 {
text-align: center;
}
.hero {
background-image: url("https://p6.zdassets.com/hc/theme_assets/84268/200218018/homepage-hero.png");
background-position: center;
background-size: cover;
height: 450px;
width: 100%;
margin: 0 auto;
}
.hero-gradient {
content: '';
position: absolute;
width: 100%;
height: 450px;
background-color: #000000;
opacity: 0.34;
}
.hero-inner {
position: relative;
top: 50%;
transform: translateY(-100%);
max-width: 660px;
margin: 0 auto;
}
.hero-inner h2 {
font-size: 30px;
line-height: 30px;
font-weight: 500;
color: #ffffff;
padding-bottom: 30px;
margin: 0 auto;
}
.search {
position: relative;
display: flex;
width: 660px;
}
.search input[type="search"] {
position: absolute;
top: 0;
z-index: 1;
background: #ffffff;
box-sizing: border-box;
font-size: 19px;
color: #a9aab4;;
height: 55px;
width: 660px;
padding-left: 24px;
padding-right: 150px;
padding-right: 20px;
}
.search input[type="submit"] {
padding: 0 20px;
position: absolute;
top: -1px;
right: -1px;
z-index: 2;
font-size: 16px;
color: #ffffff;
height: 57px;
}
.search input[type="search"]:focus {
color: #555;
}
.home-inner {
max-width: 1160px;
margin: 0 auto;
text-align: center;
}
.home-inner h2 {
text-shadow: 0 22px 33px rgba(132, 76, 157, 0.14);
color: #000000;
font-size: 30px;
font-weight: bold;
line-height: 30x;
letter-spacing: 0.6px;
padding: 48px 0 51px 0;
margin: 0;
}
.blocks-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
padding: 0 0 80px 0;
height: auto;
}
@media (min-width: 768px) {
.blocks-list {
display: flex;
justify-content: center;
}
}
.blocks-item {
width: 486px;
height: 300px;
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 2px;
box-sizing: border-box;
color: rgba(255, 0, 0, 1);
display: flex;
flex-direction: column;
margin: 0 0 30px;
max-width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.blocks-item {
margin: 0 25px 25px;
}
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
}
.blocks-item-active {
margin: 0 25px 0 !important;
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05) !important;
}
.blocks-item-internal {
background-color: transparent;
border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock::before {
content: "\1F512";
font-size: 15px;
bottom: 5px;
position: relative;
}
.blocks-item-internal a {
color: #333333;
}
.blocks-item-link {
height: 100%;
color: rgba(255, 0, 0, 1);
padding: 20px 85px;
}
.blocks-item-link img {
width: 60px
height: 45px;
padding-top: 35px;
}
.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
text-decoration: none;
}
.blocks-item-title {
margin-bottom: 0;
}
.blocks-item-title-broadcaster {
color: var(--pageLinkForeground);
font-size: 28px;
font-weight: 400;
line-height: 28px;
padding-top: 38px;
padding-bottom: 31px;
margin: 0 auto;
}
.blocks-item-title-viewer {
color: #7559ae;
font-size: 28px;
font-weight: 400;
line-height: 28px;
padding-top: 38px;
padding-bottom: 31px;
margin: 0 auto;
}
.blocks-item-title-active {
color: var(--pageLinkForeground) !important;
}
.blocks-item-description {
margin: 0;
text-shadow: 0 22px 33px rgba(132, 76, 157, 0.14);
color: #424d63;
font-size: 18px;
font-weight: 300;
line-height: 25px;
}
.section-team {
background-color: #fbfcfc;
}
.team-inner {
max-width: 1160px;
margin: 0 auto;
text-align: center;
}
.team-inner h2 {
text-shadow: 0 22px 33px rgba(132, 76, 157, 0.14);
color: #000000;
font-size: 30px;
font-weight: bold;
line-height: 30x;
letter-spacing: 0.6px;
padding: 30px 0;
border-bottom: 1px solid #f0f1f1;
margin: 0;
}
.team-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 100px;
margin 0 auto;
}
@media screen and (max-width: 1160px) {
.team-list: padding: 100px 50px 0 50px;
}
.team-row {
display: flex;
flex-direction: row;
}
.team-profile {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 24px;
}
.team-profile p {
color: #424d63;
font-size: 18px;
line-height: 18x;
padding: 37px 0 97px 0;
margin: 0;
}
.team-profile img {
height: 113px;
width: 113px;
border-radius: 50%;
}
/***** Category Page *****/
.hero-category {
background-image: url(/hc/theming_assets/01K22V5QJD8F1Q9K0FAHRZ1P22);
background-size: cover;
width: 100%;
margin: 0 auto;
}
.category-inner {
max-width: 1160px;
margin: 0 auto;
text-align: center;
}
.category-inner h2 {
color: #000000;
font-size: 30px;
font-weight: bold;
line-height: 30x;
letter-spacing: 0.6px;
padding: 48px 0 51px 0;
margin: 0;
}
.blocks-list-category {
display: flex;
flex-wrap: wrap;
/* justify-content: flex-start; */
/* align-items: stretch; */
align-content: stretch;
list-style: none;
padding: 35px 0;
height: auto;
}
@media (min-width: 768px) {
.blocks-list-category {
display: flex;
justify-content: center;
}
}
.blocks-item-category {
width: 295px;
height: 175px;
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 2px;
box-sizing: border-box;
color: rgba(255, 0, 0, 1);
display: flex;
flex-direction: column;
margin: 0 0 0px;
max-width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.blocks-item-category {
margin: 0 15px 0;
}
}
.blocks-item-category:hover, .blocks-item-category:focus, .blocks-item-category:active {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
}
.blocks-item-link-category {
height: 100%;
color: rgba(255, 0, 0, 1);
padding: 0 20px;
display:flex;
flex-direction: column;
}
.blocks-item-link-category:hover, .blocks-item-link-category:focus, .blocks-item-link-category:active {
text-decoration: none;
}
.blocks-item-img-category {
width: 50px
height: 50px;
padding-top: 42px;
}
.blocks-item-title-category {
height: 100%;
display: flex;
align-items: center;
}
.blocks-item-title-category-text {
color: #646777;
font-size: 20px;
font-weight: 400;
line-height: 20px;
margin: 0 auto;
height:
}
.section-sections {
background-color: #ffffff;
}
.sections-inner {
max-width: 1160px;
margin: 0 auto;
}
.panel-group {
padding: 15px 0 75px 0;
}
.panel-one {
border-radius: 3px;
border: 1px solid #e6e6e6;
margin: 5px 0;
}
.accordion {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
background-color: #ffffff;
border: none;
padding: 18px 0;
cursor: pointer;
outline: none;
}
.accordion:hover {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);
border-radius: 3px;
}
.accordion-left {
display: flex;
}
.accordion-right {
padding: 0 30px;
}
.accordion-icon {
margin: 0 25px 0 20px;
width: 30px;
height: 30px;
}
.accordion-left h3 {
color: #000000;
font-size: 20px;
font-weight: 900;
line-height: 20px;
margin: 0;
}
.accordion-arrow {
width: 15px;
height: 10px;
}
.active {
border-bottom: 1px solid #e6e6e6;
border-radius: 3px;
}
.active .accordion-arrow {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.panel {
background-color: #fbfcfc;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.article-list {
padding: 10px 0 25px 0;
}
.article-list-item {
display:flex;
justify-content: space-between;
font-size: 16px;
padding: 15px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.article-list-item:hover {
background-color: #ffffff;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-radius: 3px;
}
.article-list-item-more {
display:flex;
justify-content: space-between;
font-size: 16px;
padding: 15px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.article-list-item-more:hover {
background-color: #ffffff;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-radius: 3px;
}
.article-item-left {
padding-left: 35px;
display: flex;
flex-direction: row;
align-items: center;
}
.article-list-more {
font-weight: 900;
}
.article-select {
margin-left: 15px;
width: 25px;
height: 20px;
display: none;
}
.article-list-item:hover * .article-select {
display: inline;
}
.article-item-right {
padding-right: 30px;
display: flex;
align-items: center;
}
.article-list-item {
color: #000000;
font-size: 21px;
font-weight: 400;
}
.article-list-item:hover {
color: var(--pageLinkForeground);
text-decoration: none;
}
.article-list-item-more a {
color: var(--pageLinkForeground);
font-size: 21px;
font-weight: 900;
}
.article-list-item-more:hover a {
text-decoration: none;
}
/***** Section Page *****/
.breadcrumbs li {
color: #666;
display: inline;
font-weight: 300;
font-size: 13px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
content: ">";
margin: 0 4px;
}
.breadcrumbs-section {
border-bottom: 1px solid #e1e1e1;
}
.breadcrumbs-inner {
max-width: 925px;
margin: 0 auto;
}
.breadcrumbs-inner h3 {
padding: 23px 0;
margin: 0;
line-height: 16px;
}
.breadcrumbs-inner li a, .breadcrumbs-inner li a:focus, .breadcrumbs-inner li a:visited {
color: #000000;
text-decoration: none;
}
.breadcrumbs-inner li a:hover {
color: var(--pageLinkForeground);
}
.breadcrumbs-inner li {
color: #000000;
font-size: 16px;
line-height: 16px;
}
.section-section {
background-color: #ffffff;
}
.section-inner {
max-width: 925px;
margin: 0 auto;
}
.section-title {
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 30px;
padding: 30px 0 20px 0;
border-bottom: 1px solid #e1e1e1;
margin: 0;
}
.section-page-list {
padding: 10px 0 25px 0;
}
.section-page-list-item {
display:flex;
justify-content: space-between;
font-size: 16px;
padding: 10px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.section-page-list-item:hover {
background-color: #ffffff;
}
.section-page-item-left {
padding-left: 10px;
display: flex;
flex-direction: row;
align-items: center;
}
.section-page-list-item:hover * .article-select {
display: inline;
}
.section-page-item-right {
padding-right: 30px;
display: flex;
align-items: center;
}
.section-page-list-item a {
color: #000000;
font-size: 21px;
font-weight: 400;
}
.section-page-list-item:hover a {
color: var(--pageLinkForeground);
text-decoration: none;
}
.section-icon {
width: 30px;
height: 30px;
margin: 0 10px 0 10px;
}
/***** Article Page *****/
.section-article, main {
}
main {padding-bottom: 80px;}
.article-inner {
max-width: 925px;
margin: 0 auto;
}
.article-content {
margin: 0;
}
.article-title {
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 30px;
padding: 30px 0;
border-bottom: 1px solid #e1e1e1;
margin: 0;
}
.article-page-info {}
.article-page-content {
padding: 20px 0;
border-bottom: 1px solid #e1e1e1;
}
.article-page-body a {
color: var(--pageLinkForeground);
}
.article-page-body a:hover, .article-page-body a:focus {
text-decoration: none;
}
.article-page-body ul {
list-style-image: url($assets-unordered-list-png);
padding-right: 5px;
}
.article-page-body ul li {
padding-left: 5px;
color: #434b5b;
font-size: 18px;
font-weight: 400;
line-height: 40px;
}
.article-page-body ol li {
color: #434b5b;
font-size: 18px;
font-weight: 400;
line-height: 40px;
list-style-position: inside
}
.article-page-body p {
color: #434b5b;
font-size: 18px;
font-weight: 400;
line-height: 40px;
margin: 0;
}
.article-page-body h1 {
color: #434b5b;
font-weight: 500;
}
.article-page-body h2 {
color: #434b5b;
font-weight: 500;
}
.article-page-body h3 {
color: #434b5b;
font-weight: 500;
}
.article-page-body h4 {
color: #434b5b;
font-weight: 500;
}
.article-page-body h5 {
color: #434b5b;
font-weight: 500;
}
.article-page-relatives {
display: flex;
flex-direction: row;
}
.relatives-icon {
width: 15px;
height: 20px;
}
.article-page-relatives {
margin: 0;
padding: 40px 0;
}
.article-page-relatives-content {
padding-left: 10px;
}
.article-page-relatives-content ul {
list-style-type: none;
padding: 0;
}
.article-page-relatives-content h3 {
color: #000000;
font-size: 20px;
font-weight: 900;
line-height: 20px;
letter-spacing: 0.4px;
margin: 0;
text-transform: uppercase;
}
.article-page-relatives-content li {
margin: 25px 0 0 0;
}
.article-page-relatives-content a {
color: #7f8292;
font-size: 17px;
font-weight: 400;
line-height: 17px;
margin: 0;
}
.article-page-relatives-content a:hover, .article-page-relatives-content a:focus {
color: var(--pageLinkForeground);
text-decoration: none;
}
/***** Search Results Page *****/
.section-search-results {
}
.section-search-results-inner {
max-width: 925px;
width: 100%;
margin: 0 auto;
}
.search-results-heading {
width: 100%;
text-align: center;
color: #fff;
font-size: 30px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.6px;
margin: 60px 0;
}
.search-results-list {
display:flex;
flex-direction: column;
width: 100%;
}
.result-tile {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
margin-bottom: 20px;
display:flex;
flex-direction: column;
}
.result-link, .result-link:hover, .result-link:active, .result-link:focus {
text-decoration: none;
}
.result-link:hover {
background: var(--navbar-bg-color);
}
.result-link:hover .search-result-title {
color: #fff;
}
.result-link {
width: 100%;
height: 100%;
}
.result-link-inner {
margin: 30px;
display:flex;
flex-direction: row;
justify-content: space-between;
}
.result-left {
display: flex;
flex-direction: row;
align-content: center;
}
.search-result-title {
color: rgb(27, 35, 48);
font-size: 20px;
font-weight: 500;
line-height: 1.4;
margin: 0 5px 0 0;
}
.search-result-image {
margin-left: 15px;
width: 25px;
height: 20px;
display: none;
}
.result-link:hover * .search-result-image {
display: inline;
}
.result-right {
display: flex;
align-content: center;
align-items: center;
}
.result-select {
width: 10px;
height: 15px;
}
/***** New Request Page *****/
.newrequest-hero-inner {
width: 100%;
height: 100%;
display:flex;
align-items: center;
justify-content: center
}
.newr-hero-text {
}
.newr-hero-text h2 {
color: #ffffff;
font-size: 30px;
font-weight: 400;
line-height: 30px;
}
.container-new-request-inner {
max-width: 1250px;
margin: 0 auto;
padding: 50px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.info-column {
width: 30%;
text-shadow: 0 22px 33px rgba(132, 76, 157, 0.14);
color: #545667;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.info-column p {
max-width: 300px;
margin-bottom: 35px;
}
.request-column {
width: 70%;
padding-right: 25px;
}
.request-column h1 {
margin: 0;
font-size: 22px;
line-height: 22px;
color: #545667;
padding-bottom: 20px;
}
.form footer {
padding-top: 30px;
justify-content: flex-end;
}
.form footer input {
cursor: pointer;
display: flex;
align-items: center;
color: #ffffff;
font-size: 16px;
font-weight: bold;
line-height: 41px;
padding: 0 20px;
width: auto;
height: 41px;
border: 1px solid var(--pageLinkForeground);
background-color: var(--pageLinkForeground);
border-radius: 20px;
}
.form footer input:hover {
box-shadow: 0 10px 41px rgba(101, 189, 120, 0.42);
}
/* Forms */
.form {
max-width: 505px;
}
.form-field ~ .form-field {
margin-top: 20px;
}
.form-field label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-field.required > label:after {
content: "*";
color: #f00;
margin-left: 2px;
}
.form-field p {
color: #a9aab4;
font-size: 11px;
}
.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;
}
/***** Request Page *****/
.request-column a {
color: var(--pageLinkForeground);
}
.request-column > a:hover {
text-decoration: none;
}
/***** Activities Pages *****/
.container-activities-inner {
max-width: 1250px;
margin: 0 auto;
padding: 0 0 50px 0;
color: #666666;
}
.container-activities-inner a {
color: var(--pageLinkForeground);
}
.container-activities-inner a:hover, .container-activities-inner a:focus, .container-activities-inner a:visited, .container-activities-inner a:active {
text-decoration: none;
}
/***** Other *****/
.error-page {
padding-bottom: 100px;
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;
color: var(--pageLinkForeground);
}
.error-page > a:hover {
text-decoration: none;
}
.profile-header .options {
display: inline-block;
margin-bottom: 10px;
}
.profile-info {
padding-top: 25px;
}
.profile-section-header {
padding-bottom: 25px;
border-bottom: 1px solid #e6e6e6;
}
.profile-stats {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.profile-section-header {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.profile-nav {
padding-bottom: 15px;
margin-bottom: 50px;
border-bottom: 1px solid #e6e6e6;
}
.profile-activity-contribution {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
/* Was this article helpful */
.article-votes-question {
font-size: 21px;
}
.article-vote {
display: inline-block;
text-align: center;
width: 75px;
color: #000;
}
.article-vote a {
color: #000 !important;
outline: none;
text-decoration: none;
}
.article-vote-sum {
display: block;
font-weight: bold;
margin: 3px 0;
}
[dir=rtl] .vote-sum {
direction: ltr;
unicode-bidi: bidi-override;
}
.article-vote-up:before, .article-vote-down:before {
/* border-radius: 50%;
border: 1px solid #ddd; */
color: var(--pageLinkForeground) !important;
margin: 0 auto;
border: 2px solid var(--pageLinkForeground);
border-radius: 1.5em;
padding: 10px;
display: inline-block;
font-size: 15px;
/* height: 25px; */
line-height: 18px;
width: 50px;
}
.article-vote-up:hover:before {
background: var(--pageLinkForeground);
color: #fff !important;
}
.article-vote-up[aria-selected=true]:before {
background: var(--pageLinkForeground);
color: #fff !important;
}
.article-vote-down[aria-selected=true]:before {
background: var(--pageLinkForeground);
color: #fff !important;
}
.article-vote-up:active, .article-vote-up:visited {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-down:active, .article-vote-down:visited {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-up:active:before {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-down:active:before {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-down:hover:before {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-down:active, .article-vote-down:visited {
background: var(--pageLinkForeground);
color: #fff !important;
border-radius: 1.5em;
}
.article-vote-up:before {
content: "Yes";
}
.article-vote-down:before {
content: "No";
}
.article-vote-voted:before, .vote-voted:hover:before {
border-color: $color_4;
}
.article-vote-label {
margin-top: 3em;
}
/* End Was this article helpful */
.header-logo img {
width: 123px;
}
.header-right h2 {
cursor: pointer;
}
header.header {
position: relative;
}
header.header:before {
content: '';
background: #fff;
width: 1000%;
height: 100%;
position: absolute;
left: -230%;
}
.header-logo {
position: relative;
}
.header-right h2 {
position: relative;
color: #fff;
border-color: #fff;
line-height: 1.7;
letter-spacing: 0;
}
.nav-wrapper a:link, .nav-wrapper a:visited, .nav-wrapper a:focus, .nav-wrapper a:active {
color: #fff;
border-color: #fff;
}
.dropdown-menu [role="menuitem"] {
color: #333 !important;
}
section.section.hero-category {
height: 300px;
}
section.section.hero-category:before {
content: '';
position: absolute;
width: 100%;
left: 0;
background:linear-gradient(179deg, rgb(2 3 10 / 80%) 0%, rgb(2 3 10 / 53%) 70%, rgb(42 50 72 / 4%) 100%);
height: 100%;
background-color: #1b2330cc;
}
.header-right h2 {
cursor: pointer;
}
#user .dropdown-toggle {
border-color: #fff;
}span#user-name {
color: #fff;
}.btn.with-image.dropdown-toggle:After {
color: #fff;
}.hero-inner h2 {
font-size: 39px;
margin-bottom: 15px;
}.search input[type="submit"] {
background: var(--buttonPrimaryBackgroundLinearGradient) padding-box;
}body,html {
overflow-x: hidden;
}
li.blocks-item-category {
width: 220px;
height: 175px;
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 2px;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin: 0 0 0px;
max-width: 100%;
text-align: center;
text-transform: uppercase;
margin: 5px;
}
.category-inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h4.blocks-item-title-category-text {
color: #646777;
font-size: 15px;
font-weight: 600;
line-height: 20px;
}
.articles-inner {
max-width: 1160px;
margin: 0 auto;
}
.panel-group {
padding: 15px 0 75px 0;
}
.panel-one {
border-radius: 3px;
border: 1px solid #e6e6e6;
margin: 5px 0;
}
.panel-one a, .panel-one a:hover, .panel-one a:active, .panel-one a:focus {
text-decoration: none;
}
.article-item:hover svg path {
stroke: #427dee !important;
}
.article-item:hover {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);
}
.article-item-right {
margin: 0 30px;
}
.article-item-left {
padding-left: 35px;
}
.article-item-left h3 {
color: #000000;
font-size: 20px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.article-item-arrow {
width: 15px;
height: 10px;
}
.section-articles {
}
.articles-inner {
max-width: 1160px;
margin: 0 auto;
}
.panel-group {
padding: 15px 0 75px 0;
}
.panel-one {
border-radius: 3px;
border: 1px solid #e6e6e6;
margin: 5px 0;
}
.panel-one a, .panel-one a:hover, .panel-one a:active, .panel-one a:focus {
text-decoration: none;
}
.article-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
background-color: #ffffff;
border: none;
cursor: pointer;
outline: none;
}
.article-item:hover {
box-shadow: 0 0 27px rgba(0, 0, 0, 0.05);
background: var(--primary-text-color);
}
.article-item-right {
margin: 0 30px;
}
.article-item-left {
padding-left: 35px;
}
.article-item-left h3 {
color: #000000;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
margin: 0;
}
.article-item-arrow {
width: 15px;
height: 10px;
}
section.section.hero-category {
position: relative;
}
.article-votes {
padding: 20px 0;
text-align: center;
}
.article-votes > * {
padding: 10px 0;
}
h1.article-title {
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 30px;
padding: 30px 0;
border-bottom: 1px solid #e1e1e1;
margin: 0;
text-transform: uppercase;
}
.result-tile {
background: #fff;
}
.container.submit-page {
padding-top: 30px;
}
div#upload-dropzone {
background: #fff;
}
.panel-one a:hover .article-item-left h3,xxa.result-link:hover .search-result-title {
color: #fff;
}
.panel-one a:hover svg path,a.result-link:hover svg path {
stroke: #fff !important;
}
section.categories.blocks {
margin-left: -5px;
margin-right: -5px;
}
input#query {
font-weight: 400;
}
/*
.fixed header.header {
position: fixed;
top: 0;
z-index: 9999;
left: 50%;
transform: translateX(-50%);
}
.fixed section.section.hero-category {
margin-top: 79px;
}
div#preview-bar-container {
position: fixed;
z-index: 99999999;
}
header.header {
transition: all 300ms ease;
}
*/
.blocks-item-img-category img {
height: 60px;
}
.blocks-item-img-category {
padding-top: 35px;
}
li.blocks-item-category {
position: relative;
}
li[desc="NEW"].blocks-item-category:before, li[desc="new"].blocks-item-category:before {
content: attr(desc);
position: absolute;
right: 0;
background: #55a742;
color: #fff;
padding: 5px 7px;
text-transform: lowercase;
font-weight: bolder;
font-size: 11px;
line-height: 1;
pointer-events: none;
}
/* mobile */
@media screen and (max-width: 800px) {
.panel-group {
padding-top: 40px;
padding-bottom: 30px;
}
form.search.search-full {
max-width: 100%;
width: 100%;
border: 0px solid red;
}
section.section.hero-category {
padding: 0 20px !important;
width: 100%;
box-sizing: border-box;
}
input#query {
max-width: 100%;
width: 100%;
border: 0px solid darkgreen;
}
.hero-inner {
width: 100%;
}
header.header {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.header-logo {
padding-right: 5px;
}
.header-logo img {
width: 17vw;
}
.header-right h2 {
font-size: 15px;
padding-left: 5px;
}
nav#user-nav {position: static;}
ul.blocks-list-category {
justify-content: center;
padding: 20px;
}
a.login,a.submit-a-request {
padding: 0 5px;
width: unset;
min-width: unset;
display: inline-block;
}
nav#user-nav {
display: flex;
}
main {
padding: 10px;
}
nav#user-nav>a {
padding: 3px;
margin: 0;
}
.hero-inner h2 {
font-size: 25px;
line-height: 30px;
}
.article-page-body {
/* max-width: 90vw; */
}
.article-page-body>* {
max-width: 100% !important;
width: unset !important;
box-sizing: border-box;
}
.article-page-body a {
display: inline-block;
width: unset;
max-width: 100%;
word-break: break-all;
}
.article-item-right {
}
.article-item-left {
padding-left: 0;
}
.article-item-right {
margin: 0;
padding-right: 0px;
padding-left: 10px;
}
.panel-one a {
padding: 5px 15px;
box-sizing:border-box;
height: unset;
min-height: 60px;
}
.article-item-left h3 {
}
.container-category.ccdvdre {
display: flex;
flex-direction: column-reverse;
}
ul.blocks-list-category {
overflow-x: hidden;
}
}
.form-field.string.request_custom_fields_360010636479 {
display: none;
visibility: hidden;
opacity: 0;
}
ul.key-articles li {flex: 1;justify-content: space-between;
flex: 1 0 100px;margin: 0 10px;
max-width: 210px;
overflow-y: hidden;
}
ul.key-articles {
display: flex;
list-style: none;
margin: 20px -10px;
padding: 5px 0;
margin-bottom: 0;
justify-content: center;
}
ul.key-articles a {
color: #fff;
padding: 13px;
display: block;
/* max-height: 20px; */
/* overflow-y: hidden; */
/* line-height: 23px; */
text-align: center;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight: 600;
}
ul.key-articles a:hover {
text-decoration: none;
}
form.search.search-full {
min-height: 55px;
}
.hero-inner {
transform: translateY(-50%);
}
ul.key-articles a {
background: #fff;
color: #4c4948;
}
.hero-inner {
max-width: 820px;
}
form.search.search-full {
width: 100%;
}
.search input[type="search"] {
width: 100%;
}
section.section.knowledge-base {
position: relative;
}
.my-hp section.section.knowledge-base:before {
content:'';
background: var(--navbar-bg-color);
width: 1000vw;
height: calc(100% + 80px);
position: absolute;
left: -50vw;
top: 0px;
}
.my-hp a {
text-decoration: none;
}
.my-hp a:hover {
text-decoration: none;
}
.my-hp ul {
margin: 0;
padding: 0;
}
.my-hp ::placeholder {
color: #ccc;
}
.my-hp a {
color: #337ab7;
text-decoration: none;
}
.my-hp a:hover {
cursor: pointer;
text-decoration: underline;
}
.my-hp .knowledge-base:after {
display: block;
clear: both;
visibility: hidden;
}
.my-hp .knowledge-base ul li {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}
.my-hp .knowledge-base ul li a {
display: inline-block;
width: 100%;
background: #ffffff;
position: absolute;
bottom: 0;
left: 0;
}
.my-hp ul.blockslist {
display: flex;
justify-content: center;
padding: 50px 0;
margin: 0 -15px;
flex-wrap: wrap;
list-style: none;
}
.my-hp li.blocksitem {
flex: 1 0 180px;
margin: 15px;
}
.my-hp section.categories.blocks {
max-width: 1460px;
margin: 0 auto;
max-width: 90vw;
}
.my-hp ul.blockslist ul {
list-style: none;
}
.my-hp .knowledge-base ul li a {
position: static;
}
.my-hp span.blocksitem-title {
font-size: 22px;
font-weight: 700;
line-height: 32px;
margin: 0 0 18px;
display: block;
}
.my-hp ul.articlelist a {
font-size: 16px;
font-weight: 300;
line-height: 23px;
display: block;
padding-right: 24px;
position: relative;
}
.my-hp li.articlelist-item {
padding: 8px 0;
}
.my-hp a.seeall-articles {
display: block;
margin-top: 15px;
}
.my-hp li.blocksitem:last-child {
display: block;
}
.my-hp span.blocksitem-title {
font-size: 17px;
font-weight: 900;
}
.my-hp a.seeall-articles {
text-decoration: underline;
color: #1100FF;
font-size: 15px;
}
.my-hp a.articlelist-link {
/* color: #494E54 !important; */
font-weight: 400 !important;
font-size: 16px !important;
}
.my-hp li.articlelist-item {
padding: 12px 0px;
}
.my-hp li.articlelist-item:nth-child(n+6) {
display: none;
}
.my-hp ul.blockslist > li:last-child {
border-left: 1px solid #000;
padding-left: 20px;
box-sizing: border-box;
border-color: transparent;
}
.my-hp ul.blockslist > li:last-child a.articlelist-link:after {
background: url(https://theme.zdassets.com/theme_assets/84268/741aacf8073babb0e74980e722d4e033fea9e94e.svg);
background-position: 50%;
content: "";
height: 24px;
position: absolute;
right: 0;
top: 36%;
width: 24px;
}
.my-hp a.articlelist-link {
position: relative;
}
.my-hp ul.blockslist > li:last-child a.articlelist-link {
padding-right: 22px;
box-sizing: border-box;
padding-right: 30px;
}
.my-hp span.blocksitem-title {
text-align: left;
opacity: 1;
}
.my-hp .knowledge-base ul li a.articlelist-link {
font: normal normal normal 14px/23px;
opacity: 1;
}
.my-hp a.seeall-articles {
text-align: left;
text-decoration: underline;
letter-spacing: 1.46px;
color: #000;
text-transform: uppercase;
opacity: 1;
font-size: 11px;
}
.my-hp .knowledge-base ul li a.articlelist-link {
font-size: 14px !important;
}
.my-hp span.blocksitem-title {
display: flex;
align-items: center;
}
.my-hp ul.blockslist > li:last-child a.articlelist-link:after {
visibility: hidden;
opacity: 0;
}
@media screen and (max-width: 998px) {
.my-hp ul.blockslist > li:last-child {
padding-left: 0;
}
.my-hp span.blocksitem-title {
margin-bottom: 5px;
}
.my-hp .knowledge-base ul li.blocksitem {
margin-bottom: 30px;
}
}
.my-hp .knowledge-base ul li a {
/* color: #000; */
line-height: 1.4;
}
.my-hp span.blocksitem-title {
min-height: 46px;
}
.my-hp .blocksitem-title a {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 20px;
/* color: #434b5b!important; */
background: transparent !important;
}
.my-hp span.blocksitem-title .material-icons {
min-height: unset;
width: 28px;
font-size: 27px;
margin-right: 10px;
color: #fff;
}
.my-hp .knowledge-base ul li a.articlelist-link {
background: transparent;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0.5px;
text-align: left;
}
.my-hp ul.blockslist {
padding-bottom: 200px;
}
@media screen and (max-width: 998px) {
.my-hp ul.blockslist {
padding-bottom: 20px;
}
}
.my-hp .knowledge-base ul li a {
background: transparent;
color: #fff;
}
.my-hp .material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
/*! CSS Used fontfaces */
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v138/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}
.article-votes {
display: none !important;
}
.new-article h1 {
font-size: 2em;
margin: 0.67em 0;
}
.new-article a {
background-color: transparent;
}
.new-article strong {
font-weight: bolder;
}
.new-article small {
font-size: 80%;
}
.new-article button, .new-article input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.new-article button, .new-article input {
overflow: visible;
}
.new-article button {
text-transform: none;
-webkit-appearance: button;
}
.new-article [type=button] {
-webkit-appearance: button;
}
.new-article button::-moz-focus-inner, .new-article [type=button]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.new-article button:-moz-focusring, .new-article [type=button]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.new-article [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.new-article * {
box-sizing: border-box;
}
.new-article h1, .new-article h2, .new-article h3 {
margin-top: 0;
}
.new-article h1 {
font-size: 32px;
}
.new-article h2 {
font-size: 22px;
}
.new-article h3 {
font-size: 18px;
font-weight: 600;
}
.new-article a {
color: var(--red);
text-decoration: none;
}
.new-article a:hover, .new-article a:active, .new-article a:focus {
text-decoration: underline;
}
.new-article input {
color: #000;
font-size: 14px;
max-width: 100%;
box-sizing: border-box;
transition: border 0.12s ease-in-out;
}
.new-article input:not([type=checkbox]) {
outline: none;
}
.new-article input:not([type=checkbox]):focus {
border: 1px solid #003367;
}
.new-article.container {
max-width: 1160px;
margin: 0 auto;
padding: 0 5%;
}
@media (min-width: 1160px) {
.new-article.container {
padding: 0;
width: 90%;
}
}
.new-article ul {
list-style: none;
margin: 0;
padding: 0;
}
.new-article .button, .new-article .article-subscribe button {
background-color: transparent;
border: 1px solid #003367;
border-radius: 4px;
color: #003367;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 2.34;
margin: 0;
padding: 0 20px;
text-align: center;
transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
user-select: none;
white-space: nowrap;
width: 100%;
-webkit-touch-callout: none;
}
@media (min-width: 768px) {
.new-article .button, .new-article .article-subscribe button {
width: auto;
}
}
.new-article .button:visited, .new-article .article-subscribe button:visited, .new-article .button:hover, .new-article .article-subscribe button:hover, .new-article .button:active, .new-article .article-subscribe button:active, .new-article .button:focus, .new-article .article-subscribe button:focus {
background-color: #003367;
color: #FFFFFF;
text-decoration: none;
}
.new-article .breadcrumbs {
margin: 0 0 15px 0;
padding: 0;
}
.new-article .breadcrumbs li {
color: #5a6d7c;
display: inline;
font-size: 13px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
}
.new-article .breadcrumbs li + li::before {
content: ">";
margin: 0 4px;
}
.new-article .breadcrumbs li a:visited {
}
@media (min-width: 768px) {
.new-article .breadcrumbs {
margin: 0;
}
}
.new-article .search-container {
position: relative;
}
.new-article .search {
border-color: #ddd;
border-radius: 30px;
border-style: solid;
border-width: 1px;
display: flex;
position: relative;
transition: border 0.12s ease-in-out;
}
.new-article .search input[type=search], .new-article .search .clear-button {
background-color: #fff;
border-radius: 30px;
border: none;
}
.new-article .search input[type=search] {
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
color: #666;
flex: 1 1 auto;
height: 40px;
width: 100%;
}
.new-article .search input[type=search]:focus {
color: #555;
}
.new-article .search .clear-button {
align-items: center;
box-sizing: border-box;
color: #777;
cursor: pointer;
display: none;
flex: none;
justify-content: center;
padding: 0 15px;
}
.new-article .search .clear-button:hover {
background-color: #003367;
color: #fff;
}
.new-article .search .clear-button:focus {
outline: 0;
box-shadow: 0 0 0 3px #003367;
}
.new-article [dir=ltr] .search input[type=search] {
padding-left: 40px;
padding-right: 20px;
}
.new-article [dir=ltr] .search .clear-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left-color: transparent;
}
.new-article [dir=ltr] .search .clear-button:focus {
border-left-color: #003367;
}
.new-article .search-icon {
position: relative;
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 15px;
z-index: 1;
width: 18px;
height: 18px;
color: #777;
pointer-events: none;
}
.new-article .sub-nav {
align-items: baseline;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 15px 30px;
justify-content: space-between;
margin-bottom: 55px;
}
.new-article .sub-nav .breadcrumbs {
margin: 0;
}
.new-article .sub-nav .search-container {
max-width: 300px;
width: 100%;
}
.new-article .sub-nav input[type=search]::after {
font-size: 15px;
}
@media (min-width: 768px) {
.new-article .sub-nav {
flex-direction: row;
}
}
@media (min-width: 768px) {
.new-article .sub-nav .search-container {
flex: 0 1 300px;
}
}
.new-article .article {
flex: 1 0 auto;
}
@media (min-width: 1024px) {
.new-article .article {
flex: 1 0 80%;
max-width: 80%;
min-width: 640px;
padding: 0 30px;
padding-left: 40px;
padding-right: 0;
}
}
.new-article .article-container {
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.new-article .article-container {
flex-direction: row;
}
}
.new-article .article-header {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
margin-top: 20px;
}
@media (min-width: 768px) {
.new-article .article-header {
flex-direction: row;
margin-top: 0;
}
}
.new-article .article-author {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.new-article .article-title {
flex-basis: 100%;
padding-top: 0;
}
}
.new-article .article-info {
max-width: 100%;
}
.new-article .article-meta {
display: inline-block;
vertical-align: middle;
}
.new-article .article-body a {
color: var(--red);
text-decoration: underline;
font-weight: 600;
}
.new-article .article-body a:visited {
color: #9358B0;
}
.new-article .article-body a:hover, .new-article .article-body a:active, .new-article .article-body a:focus {
}
.new-article .article-body ul, .new-article .article-body ol {
padding-left: 20px;
list-style-position: outside;
margin: 20px 0 20px 20px;
}
.new-article .article-body ul {
list-style-type: disc;
}
.new-article .article-body > p:last-child {
margin-bottom: 0;
}
.new-article .article-content {
/* line-height: 1.6; */
margin: 40px 0;
word-wrap: break-word;
}
.new-article .article-footer {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
.new-article .article-sidebar {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
flex: 1 0 auto;
margin-bottom: 20px;
padding: 0;
}
@media (min-width: 1024px) {
.new-article .article-sidebar {
border: 0;
flex: 0 0 20%;
height: auto;
}
}
.new-article .article-relatives {
border-top: 1px solid #ddd;
display: flex;
flex-direction: column;
padding: 20px 0;
}
.new-article .article-relatives > * {
flex: 1 0 50%;
min-width: 50%;
overflow-wrap: break-word;
margin-right: 0;
}
.new-article .article-relatives > *:last-child {
padding: 0;
}
@media (min-width: 768px) {
.new-article .article-relatives {
flex-direction: row;
}
}
@media (min-width: 768px) {
.new-article .article-relatives > * {
padding-right: 20px;
}
}
.new-article .article-votes {
border-top: 1px solid #ddd;
padding: 30px 0;
text-align: center;
}
.new-article .article-vote {
margin: 10px 5px;
min-width: 90px;
width: auto;
}
.new-article .article-return-to-top {
border-top: 1px solid #ddd;
}
.new-article .article-return-to-top a {
color: #2F3941;
display: block;
padding: 20px 0;
}
.new-article .article-return-to-top a:hover, .new-article .article-return-to-top a:focus {
text-decoration: none;
}
@media (min-width: 1024px) {
.new-article .article-return-to-top {
display: none;
}
}
.new-article .article-return-to-top-icon {
transform: rotate(0.5turn);
}
.new-article .sidenav-title {
font-size: 15px;
position: relative;
font-weight: 600;
}
.new-article .sidenav-item {
display: block;
margin-top: 10px;
margin-bottom: 16px;
}
.new-article .recent-articles li, .new-article .related-articles li {
margin-bottom: 15px;
}
.new-article .share {
padding: 0;
white-space: nowrap;
}
.new-article .share li, .new-article .share a {
display: inline-block;
}
.new-article .share li {
height: 25px;
width: 25px;
}
.new-article .share a {
color: #5a6d7c;
}
.new-article .share a:hover {
text-decoration: none;
color: #003367;
}
.new-article .share a svg {
height: 18px;
width: 18px;
display: block;
}
.new-article .comment-heading, .new-article .recent-articles-title, .new-article .related-articles-title {
margin-bottom: 5px;
margin-top: 0;
font-size: 18px;
font-weight: 600;
}
.new-article .comment-overview {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 20px 0;
}
.new-article .comment-overview p {
margin-top: 0;
}
.new-article .comment-callout {
color: #5a6d7c;
display: inline-block;
font-size: 13px;
margin-bottom: 0;
}
.new-article .collapsible-sidebar {
flex: 1;
max-height: 45px;
overflow: hidden;
padding: 10px 0;
position: relative;
}
@media (min-width: 1024px) {
.new-article .collapsible-sidebar {
max-height: none;
padding: 0;
}
}
.new-article .collapsible-sidebar-title {
margin-top: 0;
}
.new-article .collapsible-sidebar-toggle {
position: absolute;
top: calc(45px / 2);
transform: translateY(-50%);
right: 0;
padding: 0;
border: 0;
background: none;
width: 25px;
height: 25px;
border-radius: 50%;
}
@media (min-width: 1024px) {
.new-article .collapsible-sidebar-toggle {
display: none;
}
}
.new-article .collapsible-sidebar-toggle-icon {
display: none;
}
.new-article .collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
display: inline-block;
}
.new-article .collapsible-sidebar-toggle:focus {
outline: none;
border: 0px solid #003367;
}
.new-article .collapsible-sidebar-body {
display: none;
}
@media (min-width: 1024px) {
.new-article .collapsible-sidebar-body {
display: block;
}
}
.new-article .meta-group {
display: block;
}
.new-article .meta-group * {
display: inline;
}
.new-article .meta-data {
color: #5a6d7c;
font-size: 13px;
}
.new-article .meta-data:not(:last-child)::after {
content: "·";
margin: 0 5px;
}
.new-article a {
transition: 0.3s;
}
.new-article input#query {
border-radius: 3px;
height: 50px;
border: none !important;
font-size: 17px;
}
.new-article input#query:focus, .new-article input#query:active {
border: none !important;
outline: none !important;
}
.new-article nav.sub-nav .search-container {
display: none;
display: none;
}
.new-articlemain > .container {
margin-top: -85px;
position: relative;
background: #fff;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 5px;
}
.new-article input#query {
background: rgba(255, 255, 255, 0.8);
}
.new-article input#query:focus {
background: #fff;
}
.new-article.container {
box-shadow: 0px 10px 20px -10px rgba(4, 4, 5, 0.3);
padding-bottom: 30px;
}
.new-article div#article-comments, .new-article .article-votes, .new-article .article-subscribe {
display: none;
}
.container {
max-width: 1300px;
}
main > .container:not(.hp-main) {
padding: 30px 35px;
padding-bottom: 50px;
}
.new-article input#query {
border-radius: 10px;
}
main .container {
width: unset;
}
main > .container:not(.hp-main) {
padding-left: 10px;
padding-right: 10px;
padding-left: 30px;
padding-right: 30px;
}
.new-article button.clear-button, .new-article .article-votes {
display: none !important;
}
.container.new-article {
margin-top: -30px;
position: relative;
z-index: 2;
background: #fff;
}
.article-body p {
margin-bottom: 0;
}
header.article-header {
margin-bottom: 10px !important;
}
.article-content {
margin-top: 20px !important;
}
.article-body img {
max-width: 100%;
}
.my-hp span.blocksitem-title {
border-radius: 8px;
box-shadow: 1px 1px 4px 2px rgb(255 255 255 / 50%);
padding: 0;
}
.my-hp span.blocksitem-title:hover {
opacity: .5;
cursor: pointer;
}
.my-hp .knowledge-base ul li a:hover {
text-decoration: none;
}
.my-hp .knowledge-base ul li a {
font-size: 16px;
line-height: 1.1;
}
.my-hp span.blocksitem-title {
min-height: 50px;
box-sizing: border-box;
padding: 5px 12px
}
a.submit-a-request.date.date-new {
max-width: 250px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
background: var(--buttonPrimaryBackgroundLinearGradient) padding-box;
color: #fff !important;
font-size: 17px;
border-color: #fff;
border-radius: 0;
border: none;
}
section.section.hero-category {
height: 400px;
}
}
@media screen and (max-width: 1024px) {
section.section.hero-category {
padding: 0 10px !important;
box-sizing: border-box;}
}
/* mobile 2 */
@media screen and (max-width: 800px) {
ul.key-articles {
flex-wrap: wrap;
}
ul.key-articles li {
margin-bottom: 10px;
max-width: calc(50% - 20px);
flex: 1 0 45%;
}
ul.key-articles a {
font-size: 12px;
padding: 9px;
}
section.section.hero-category {padding: 0 10px !important;}
section.section.hero-category {
height: 435px;
}
main {
padding-top: 0;
max-width: 100%;
box-sizing: border-box;
}
.hero-inner h2 {
margin-bottom: 0;
padding-bottom: 15px;
}
}
.header-right h2 {
color: #000;
border-color: #000;
}
.blocks-item-img-category span.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 38px;
color: #000 !important;
}
.blocks-item-title-category {
height: 50px !important;
}
h4.blocks-item-title-category-text {
color: #000;
font-size: 20px;
}
.blocks-item-img-category {
padding-top: 25px;
}
li.cccc.blocks-item-category {
height: 140px;
}
.search input[type="submit"], ul.key-articles li a, a.submit-a-request.date.date-new,.my-hp .knowledge-base ul li a.articlelist-link {
transition: all .2s;
}
.search input[type="submit"]:hover, xxa.submit-a-request.date.date-new:hover {
background: var(--buttonPrimaryBackgroundLinearGradientHover) padding-box !important;
}
.my-hp .knowledge-base ul li a.articlelist-link:hover {
text-decoration: underline;
}
li.cccc.blocks-item-category.active {background: var(--pageLinkForeground);}
li.cccc.blocks-item-category:hover {background: var(--pageLinkForeground);}
a.seeall-articles+a.seeall-articles {
display: none !important;
}
.form-field.request_custom_fields_15305444276380 {
display: none !important;
}
:root {
font-size: 18px;
--buttonPrimaryBackground: #427DEE;
--buttonPrimaryBorder: #00000000;
--buttonPrimaryForeground: #FFFFFF;
--buttonSecondaryBackground: #FFFFFF4D;
--buttonSecondaryBorder: #00000000;
--buttonSecondaryForeground: #FFFFFF;
--buttonPromoBackground: #FFFFFF;
--buttonPromoBorder: #00000000;
--buttonPromoForeground: #427DEE;
--pageBackground: #293247;
--pageSecondaryBackground: #181818;
--pageHeadingForeground: #FFFFFF;
--pageParagraphForeground: #FFFFFFE6;
--menuOpaqueBackground: #1D1D1D;
--pageLinkForeground: var(--primary-text-color);
--inputBackground: #FFFFFF;
--inputForeground: #0E0E0E;
--selectionControlsBackground: #427DEE;
--videoPlayerOverlayForeground: #FFFFFF;
--videoPlayerOverlayBackground: #0E0E0E;
--badgeBackground: #FFFFFF;
--badgeForeground: #000000;
--bannerExceptionBackground: #E05D5D;
--bannerExceptionForeground: #FFFFFF;
--bannerInfoBackground: #385998;
--bannerInfoForeground: #FFFFFF;
--dialogBackground: #262626;
--dialogHeadingForeground: #FFFFFF;
--dialogOverlayBackground: #000000E6;
--dialogParagraphForeground: #FFFFFFE6;
--iapForeground: #FFFFFF;
--iapGradientBottom: #5C59C8;
--iapGradientTop: #427DEE;
--imageOverlayBackground: #293247;
--imageOverlayHeadingForeground: #FFFFFF;
--imageOverlayHighlightForeground: #EDCE6E;
--imageOverlayLinkForeground: #427DEE;
--imageOverlayParagraphForeground: #FFFFFFE6;
--inputValidation: #E05D5D;
--itemFocusFrame: #427DEE;
--keyboardBackground: #00000000;
--keyboardForeground: #FFFFFF;
--keyboardFrame: #181818;
--menuForeground: #FFFFFF;
--menuGradientBackground: #1D1D1DCC;
--menuHighlightBackground: #427DEE;
--menuHighlightForeground: #FFFFFF;
--navigationBarGradientBackground: #1D1D1DCC;
--navigationBarGradientForeground: #FFFFFF;
--navigationBarOpaqueBackground: #293247;
--navigationBarOpaqueForeground: #FFFFFF;
--navigationBarTranslucentDarkForeground: #FFFFFF;
--navigationBarTranslucentLightForeground: #FFFFFF;
--pageHighlightForeground: #EDCE6E;
--selectionControlsForeground: #FFFFFF;
--snackbarActionForeground: #0064FF;
--snackbarBackground: #FDFDFD;
--snackbarForeground: #0B0B0B;
--splashScreenBackground: #000000;
--splashScreenForeground: #FFFFFF;
--tabMenuBackground: #0E0E0E;
--tabMenuForeground: #FFFFFF;
--tabMenuHighlightBackground: #427DEE;
--tveFeaturedBackground: #181818;
--videoPlayerAdPod: #FFFFFF;
--videoPlayerButtonPrimaryBackground: #427DEE;
--videoPlayerButtonPrimaryForeground: #FFFFFF;
--videoPlayerButtonSecondaryBackground: #FFFFFF4D;
--videoPlayerButtonSecondaryForeground: #FFFFFF;
--videoPlayerLiveIndicator: #E05D5D;
--videoPlayerProgressBarForeground: #FFFFFF;
--fontStyleHeadline: normal normal bold 2.6666666666666665rem / 1.25 "Open Sans";
--fontStyleTitle1: normal normal bold 1.6111111111111112rem / 1.17 "Open Sans";
--fontStyleTitle2: normal normal bold 1.4444444444444444rem / 1.23 "Open Sans";
--fontStyleTitle3: normal normal bold 1.2777777777777777rem / 1.3 "Open Sans";
--fontStyleTitle: normal normal bold 1.1111111111111112rem / 1.4 "Open Sans";
--fontStyleBody: normal normal normal 1.1111111111111112rem / 1.4 "Open Sans";
--fontStyleCallout: normal normal normal 1rem / 1.33 "Open Sans";
--fontStyleSubtitle: normal normal normal 0.8888888888888888rem / 1.5 "Open Sans";
--fontStyleFootnote: normal normal normal 0.8333333333333334rem / 1.6 "Open Sans";
--fontStyleCaption1: normal normal normal 0.6666666666666666rem / 1.67 "Open Sans";
--fontStyleCaption2: normal normal normal 0.6111111111111112rem / 1.8 "Open Sans";
--pageParagraphForegroundSubtle: #FFFFFFa0;
--shadowColor: #0009;
--overlayBackdrop: #0009;
--overlayBackdropDarker: #000c;
--imageOverlayBackgroundGradientFrom: #293247cc;
--imageOverlayBackgroundGradientTo: #29324733;
--inputValidationHover: #E05D5Db2;
--selectionControlsBackgroundHover: #427DEEb2;
--inputBorderRadius: 0.4444444444444444rem;
--playbackScrimColor: #0E0E0E99;
--playbackControlsOverlay: #0E0E0Ee5;
--playbackAdBackground: #0E0E0E66;
--playbackRangeBase: #FFFFFF33;
--playbackRangeBuffered: #FFFFFF89;
--playbackRangeFill: #FFFFFF;
--buttonPrimaryBackgroundLinearGradient: linear-gradient(to right, #db0032, #db0032);
--buttonPrimaryBackgroundLinearGradientHover: linear-gradient(to right, #fff, #fff);
--buttonPrimaryBackgroundLinearGradientDisabled: linear-gradient(to right, #427DEE4c, #427DEE4c);
--buttonPrimaryBorderLinearGradient: linear-gradient(to right, #00000000, #00000000);
--buttonPrimaryBorderLinearGradientHover: linear-gradient(to right, #00000000, #00000000);
--buttonPrimaryBorderLinearGradientDisabled: linear-gradient(to right, #00000000, #00000000);
--buttonSecondaryBackgroundLinearGradient: linear-gradient(to right, #FFFFFF4c, #FFFFFF4c);
--buttonSecondaryBackgroundLinearGradientHover: linear-gradient(to right, #FFFFFF35, #FFFFFF35);
--buttonSecondaryBackgroundLinearGradientDisabled: linear-gradient(to right, #FFFFFF16, #FFFFFF16);
--buttonSecondaryBorderLinearGradient: linear-gradient(to right, #00000000, #00000000);
--buttonSecondaryBorderLinearGradientHover: linear-gradient(to right, #00000000, #00000000);
--buttonSecondaryBorderLinearGradientDisabled: linear-gradient(to right, #00000000, #00000000);
--buttonPromoBackgroundLinearGradient: linear-gradient(to right, #FFFFFFff, #FFFFFFff);
--buttonPromoBackgroundLinearGradientHover: linear-gradient(to right, #FFFFFFb2, #FFFFFFb2);
--buttonPromoBackgroundLinearGradientDisabled: linear-gradient(to right, #FFFFFF4c, #FFFFFF4c);
--buttonPromoBorderLinearGradient: linear-gradient(to right, #00000000, #00000000);
--buttonPromoBorderLinearGradientHover: linear-gradient(to right, #00000000, #00000000);
--buttonPromoBorderLinearGradientDisabled: linear-gradient(to right, #00000000, #00000000);
}
.new-header .umVkB {
max-width: 5.55556rem;
max-height: 4.44444rem;
cursor: pointer;
}
.new-header .kTvoIv {
position: absolute;
inset: 0px;
padding: 0px;
background: linear-gradient(0deg, transparent, var(--menuGradientBackground));
z-index: -1;
pointer-events: none;
opacity: 1;
transition: opacity 300ms ease-in-out;
}
.new-header .dMgHsu {
display: flex;
position: relative;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box;
border: none;
outline: none;
cursor: pointer;
margin: 1rem 0px;
background: transparent;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
font-size: inherit;
font-family: inherit;
font-optical-sizing: inherit;
font-size-adjust: inherit;
font-kerning: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
line-height: normal;
height: auto;
}
.new-header .dMgHsu span.title {
text-overflow: ellipsis;
max-width: 100%;
overflow: hidden;
font-size: 16px;
}
.new-header .dMgHsu:hover {
opacity: 1;
}
.new-header .dMgHsu.dMgHsu {
padding: 0.888889rem;
color: var(--buttonPrimaryForeground);
border: 2px solid transparent;
background: var(--buttonPrimaryBackgroundLinearGradient) padding-box;
z-index: 0;
border-radius: 100rem;
font-weight: 400;
}
.new-header .dMgHsu.dMgHsu::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: 100%;
height: 100%;
border: inherit;
border-radius: inherit;
background: var(--buttonPrimaryBorderLinearGradient) border-box;
mask-composite: exclude;
z-index: -1;
}
.new-header .dMgHsu.dMgHsu:hover {
background: var(--buttonPrimaryBackgroundLinearGradientHover) padding-box;
z-index: 0;
}
.new-header .dMgHsu.dMgHsu:hover::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: 100%;
height: 100%;
border: inherit;
border-radius: inherit;
background: var(--buttonPrimaryBorderLinearGradientHover) border-box;
mask-composite: exclude;
z-index: -1;
}
.new-header .dMgHsu.dMgHsu > span {
font-weight: 400;
}
.new-header .irAjvD {
display: flex;
-webkit-box-align: center;
align-items: center;
line-height: normal;
padding: 0.5rem 0.888889rem;
margin: 0px -0.888889rem;
border-radius: 0.277778rem;
min-width: 100%;
}
.new-header .koANjB {
display: flex;
z-index: 1;
-webkit-box-align: center;
align-items: center;
line-height: 4.44444rem;
user-select: none;
transition: background 300ms ease-in-out, transform 300ms ease-in-out;
padding-bottom: 0px;
pointer-events: auto;
}
.new-header {
position: relative;
}
.new-header .koANjB > * {
padding: 0px 1.11111rem;
}
.new-header .koANjB > .MenuGradient-sc-qbrfyk-0 {
opacity: 0;
}
.new-header .fDnLzF {
padding: 0px 2.77778rem;
}
.new-header .gnPuaI {
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-box-pack: end;
justify-content: flex-end;
height: 4.44444rem;
padding: 0px 2.22222rem 0px 1.11111rem;
}
.new-header .gnPuaI > * {
margin-left: 1rem;
}
.new-header .gnPuaI a {
padding: 0px 0.555556rem;
}
.new-header .gRbKEf {
/* position: fixed; */
left: 0px;
right: 0px;
top: 0px;
z-index: 3;
pointer-events: none;
}
.new-header .gRbKEf a, .new-header .gRbKEf img {
pointer-events: auto;
}
.new-header a {
color: var(--pageLinkForeground);
text-decoration: none;
outline: none;
border-radius: 1px;
}
.new-header .fDnLzF {
padding-right: 0;
}
.new-header .mainlogo+a {
color: #fff;
border-left: 1px solid #fff;
line-height: 28px;
padding-left: 10px;
margin-left: 9px;
}
a.mainlogo {
padding: 0 !important;
}
body {
background: var(--primary-bg-color);
}
li.cccc.blocks-item-category.active span.material-icons,
li.cccc.blocks-item-category:hover span.material-icons {
color: #fff !important;
}
li.cccc.blocks-item-category.active h4.blocks-item-title-category-text,
li.cccc.blocks-item-category:hover h4.blocks-item-title-category-text {
color: #fff;
}
.secondary-btn-wrap {
display: inline-block;
position: relative;
}
.secondary-btn-link-wrap {
position: relative;
display: inline-block;
padding: 1em 2em;
overflow: hidden;
color: #141E2F;
text-decoration: none;
font-weight: 600;
background-color: transparent;
z-index: 1;
transition: color 0.3s ease;
}
.secondary-btn-text {
position: relative;
z-index: 2;
}
.secondary-btn-shape {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background-color: #000; /* primer pozadine */
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.6s ease;
z-index: 1;
}
.secondary-btn-link-wrap:hover .secondary-btn-shape {
transform: translate(-50%, -50%) scale(1);
}
.secondary-btn-link-wrap:hover {
color: #fff;
}
@font-face{font-family:"Fa Brands 400";src:url("https://cdn.prod.website-files.com/687762138fa2e035f9b325fc/687762138fa2e035f9b32614_fa-brands-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
:root {
--primary-text-color: #1b2330;
--secondary-text-color: #797e87;
--transparent: #0000;
--secondary-bg-color: #081224;
--navbar-bg-color: #0e1a31;
--red: #db0032;
--white: white;
--button-text-color: #fcfcfc;
--primary-bg-color: whitesmoke;
--black: black;
--text-color: #ced0d3;
--blue-900: #1400ff;
--white-100: #e0e0e0;
--ced0d3: #ced0d3;
--white-101: white;
--black-2: black;
}
.new-footer section {
display: block;
}
.new-footer a {
background-color: rgba(0, 0, 0, 0);
}
.new-footer a:active, .new-footer a:hover {
outline: 0;
}
.new-footer img {
border: 0;
}
.new-footer input, .new-footer textarea {
color: inherit;
font: inherit;
margin: 0;
}
.new-footer input {
line-height: normal;
}
.new-footer textarea {
overflow: auto;
}
.new-footer * {
box-sizing: border-box;
}
.new-footer img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
.new-footer .w-inline-block {
max-width: 100%;
display: inline-block;
}
.new-footer .w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.new-footer input.w-button {
-webkit-appearance: button;
}
.new-footer p {
margin-top: 0;
margin-bottom: 10px;
}
.new-footer .w-form {
margin: 0 0 15px;
}
.new-footer .w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.new-footer .w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
.new-footer .w-input {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.new-footer .w-input::placeholder {
color: #999;
}
.new-footer .w-input:focus {
border-color: #3898ec;
outline: 0;
}
@media screen and (max-width: 767px) {
.new-footer .w-nav-brand {
padding-left: 10px;
}
}
.new-footer .w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 767px) {
.new-footer .w-nav-brand {
padding-left: 10px;
}
}
.new-footer .w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.new-footer .w-form-formrecaptcha {
margin-bottom: 8px;
}
.new-footer p {
color: var(--secondary-text-color);
text-transform: none;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 160%;
text-decoration: none;
}
.new-footer a {
text-decoration: underline;
}
.new-footer img {
max-width: 100%;
display: inline-block;
}
.new-footer .container {
max-width: 1350px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.new-footer .site-logo-wrap {
width: 18%;
padding-top: 16px;
padding-bottom: 16px;
}
.new-footer .site-logo-wrap.full {
width: 30%;
}
.new-footer .site-logo-wrap.full.w--current {
padding-top: 0;
padding-bottom: 0;
}
.new-footer .site-logo {
max-height: 100px;
}
.new-footer .footer {
background-color: var(--secondary-bg-color);
padding-top: 100px;
font-size: 18px;
}
.new-footer .footer-bottom-wrap {
margin-bottom: 40px;
}
.new-footer .footer-menu-wrap {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: grid;
}
.new-footer .footer-menu-link-wrap {
grid-row-gap: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.new-footer .footer-menu-link {
color: rgba(255, 255, 255, 0.8);
text-transform: capitalize;
line-height: 28px;
text-decoration: none;
transition: all 0.5s;
}
.new-footer .footer-menu-link:hover {
color: var(--red);
transform: translate(7px);
}
.new-footer .footer-copy-write-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--navbar-bg-color);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px 60px;
display: flex;
}
.new-footer .footer-copy-write-text {
color: var(--white);
text-transform: none;
font-size: 15px;
font-weight: 500;
line-height: 150%;
}
.new-footer .flowzai {
color: var(--red);
text-decoration: none;
}
.new-footer .footer-social-single-link {
color: var(--white);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
transition: all 0.5s;
display: flex;
position: relative;
}
.new-footer .footer-social-icon {
z-index: 1;
font-family: "Fa Brands 400", sans-serif;
position: relative;
}
.new-footer .footer-social-icon-hover-shape {
background-color: var(--red);
border-radius: 100px;
position: absolute;
}
.new-footer .footer-form-block {
margin-bottom: 0;
}
.new-footer .footer-form {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.new-footer .footer-email-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.new-footer .footer-email-input {
background-color: var(--white);
color: var(--secondary-text-color);
text-transform: none;
min-width: 320px;
min-height: 60px;
margin-bottom: 0;
padding: 21px 20px;
font-size: 18px;
font-weight: 400;
line-height: 100%;
}
.new-footer .footer-email-input::placeholder {
font-size: 18px;
}
.new-footer .footer-subscribe-btn {
background-color: var(--red);
color: var(--button-text-color);
text-transform: uppercase;
padding: 19px 36px;
font-family: Montserrat, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 120%;
transition: all 0.5s;
}
.new-footer .footer-subscribe-btn:hover {
background-color: var(--white);
color: var(--primary-text-color);
}
.new-footer .footer-copy-write-text-copy {
color: #fff;
text-transform: none;
font-size: 15px;
font-weight: 500;
line-height: 150%;
}
@media screen and (max-width: 991px) {
.new-footer .site-logo-wrap {
width: 14%;
}
.new-footer .site-logo {
width: 230px;
}
.new-footer .footer {
padding-top: 20px;
}
.new-footer .footer-bottom-wrap {
margin-top: 60px;
margin-bottom: 60px;
}
.new-footer .footer-menu-wrap {
grid-column-gap: 40px;
grid-row-gap: 20px;
flex-wrap: wrap;
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
}
.new-footer .footer-menu-link {
font-size: 16px;
line-height: 26px;
}
.new-footer .footer-copy-write-wrap {
height: auto;
padding: 20px;
}
.new-footer .footer-copy-write-text {
font-size: 14px;
}
.new-footer .footer-social-single-link {
width: 35px;
height: 35px;
}
.new-footer .footer-form {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.new-footer .footer-email-input {
min-height: auto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
}
.new-footer .footer-email-input::placeholder {
font-size: 16px;
}
.new-footer .footer-subscribe-btn {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
line-height: 120%;
}
.new-footer .footer-copy-write-text-copy {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.new-footer .site-logo-wrap {
width: auto;
padding-left: 0;
}
.new-footer .site-logo-wrap.full {
width: 60%;
}
.new-footer .site-logo {
width: 100px;
}
.new-footer .footer-bottom-wrap {
margin-top: 40px;
}
.new-footer .footer-menu-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: grid;
}
.new-footer .footer-menu-link {
font-size: 15px;
line-height: 25px;
}
.new-footer .footer-copy-write-wrap {
grid-row-gap: 20px;
flex-direction: column;
}
.new-footer .footer-copy-write-text {
text-align: center;
order: 1;
}
.new-footer .footer-form-block, .new-footer .footer-email-wrap {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.new-footer .site-logo {
width: 80px;
}
.new-footer .footer {
padding-top: 10px;
}
.new-footer .footer-bottom-wrap {
margin-bottom: 40px;
}
.new-footer .footer-menu-wrap {
grid-column-gap: 0px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.new-footer .footer-menu-link-wrap {
grid-row-gap: 10px;
}
.new-footer .footer-menu-link {
font-size: 14px;
line-height: 24px;
}
.new-footer .footer-copy-write-wrap {
padding: 15px;
}
.new-footer .footer-email-input {
width: 100%;
min-width: 100%;
}
}
@media screen and (max-width: 767px) {
.new-footer #w-node-_0ea6437b-1373-887b-d176-bb45684af9cf-684af998 {
grid-area: span 1/span 3/span 1/span 3;
}
.new-header .fDnLzF {
padding: 0;
}
}
@media screen and (max-width: 479px) {
.new-footer #w-node-_0ea6437b-1373-887b-d176-bb45684af9e8-684af998, .new-footer #w-node-_0ea6437b-1373-887b-d176-bb45684af9cf-684af998 {
grid-area: span 1/span 1/span 1/span 1;
}
}
div#w-node-_0ea6437b-1373-887b-d176-bb45684af9cf-684af998 {
display: none;
}
.footer-social-single-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px; /* prilagodi dimenziju */
height: 50px;
overflow: hidden;
border-radius: 50%;
color: #fff; /* boja ikone */
background: #141E2F; /* početna pozadina */
text-decoration: none;
}
.footer-social-icon {
position: relative;
z-index: 2;
font-family: "Font Awesome 5 Free"; /* ili koji koristiš */
font-weight: 900;
font-size: 20px;
}
.footer-social-icon-hover-shape {
position: absolute;
top: 50%;
left: 50%;
background: #FFCB05; /* boja efekta */
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
width: 100%;
height: 100%;
z-index: 0;
transition: transform 0.4s ease;
}
.footer-social-single-link:hover .footer-social-icon-hover-shape {
transform: translate(-50%, -50%) scale(1);
}
.new-header .mainlogo+a {
text-transform: uppercase;
font-size: 21px;
font-weight: 500;
font-family: Oswald, sans-serif;
}
.hero-inner h2 {
text-transform: uppercase;
}
section.section.hero-category {
height: 500px;
}
.hero-inner {
top: 42%;
}
.my-hp .knowledge-base ul li a.cta-btn {
font-family: Oswald, sans-serif;
text-transform: uppercase;
font-weight: 500;
color: var(--primary-text-color);
}
.my-hp span.blocksitem-title {border-radius: 0;box-shadow: unset;color: #000;background: #fff;position: relative;overflow: hidden;z-index: 1;color: #141E2F;border: 1px solid #141E2F;font-weight: 600;cursor: pointer;transition: color 0.3s ease;}
.my-hp span.blocksitem-title .material-icons {
color: #000;
}
.my-hp span.blocksitem-title:hover {
opacity: unset;
}
.my-hp span.blocksitem-title:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background: var(--secondary-bg-color); /* prilagodi boju */
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.5s ease;
z-index: -1;
}
.my-hp span.blocksitem-title:hover:before {
transform: translate(-50%, -50%) scale(1);
}
.my-hp span.blocksitem-title:Hover a {
color: #fff !important;
}
.my-hp span.blocksitem-title:hover .material-icons {
color: #fff;
}
a.submit-a-request.date.date-new {
border-radius: 0;
box-shadow: unset;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition: color 0.3s ease !important;
font-weight: 500;
text-transform: uppercase;
display: flex;
}
a.submit-a-request.date.date-new:hover {
color: rgb(8, 18, 36) !important;
}
a.submit-a-request.date.date-new:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.5s ease;
z-index: -1;
}
a.submit-a-request.date.date-new:hover:before {
transform: translate(-50%, -50%) scale(1);
}
.article-body {
color: rgb(121, 126, 135);
font-size: 16px;
font-weight: 300;
}
.new-article .article-title,.search-results-heading {
font-size: 35px;
color: rgb(27, 35, 48);
line-height: 1.3;
}
.new-article .article-body ul li::marker {
color: rgb(219, 0, 50) !important;
line-height: 137%;
list-style-type: square;
}
.new-article .article-body ul li {
color: rgb(121, 126, 135);
list-style-type: square;
}
.new-article .article-body ul {
margin-left: 0;
}
.article-body {
line-height: 1.5;
}
.hero-inner h2+div svg {
position: absolute;
left: 10px;
width: 30px;
height: 30px;
z-index: 1019;
top: 50%;
transform: translateY(-50%);
}
.hero-inner h2+div {
position: relative;
}
form.search.search-full input#query {
padding-left: 50px;
}
.collapsible-sidebar.otvori {
overflow: unset;
max-height: unset;
}
.collapsible-sidebar.otvori .collapsible-sidebar-body {
padding-top: 0px;
}
.collapsible-sidebar.otvori svg.collapsible-sidebar-toggle-icon.x-icon {
display: block;
}
ol.breadcrumbs li {
font-weight: 500;
}