/* Header */

.container {
    padding-top: 20px;
}
#js-header {
    background-color: #452170;
}
#js-header .header-container .header-toolbar {
    background-color: #452170;
}
#js-header .header-container .header-toolbar .header-toolbar-button {
    color: #ffffff;
}
#js-header .header-container .header-logo {
    padding: 35px 20px;
}
#js-header .header-container .header-logo .ico-ctx-citrix-logo-pipe, #js-header .header-container .header-logo .ico-ctx-blogs {
    color: #fff;
    font-size: 50px;
}
@media only screen and (max-width: 1024px) {
    #js-header .header-container .header-logo {
        padding: 15px 10px;
    }
    #js-header .header-container .header-logo .ico-ctx-citrix-logo-pipe, #js-header .header-container .header-logo .ico-ctx-blogs {
        font-size: 40px;
    }
}
#js-header .header-container .header-nav-item {
    background-color: #452170;
}
@media only screen and (max-width: 1024px) {
    #js-header .header-container .header-nav-item {
        background-color: #ffffff;
    }
}
#js-header .header-container .header-nav-item--language .header-subnav-item {
    padding: 8px 18px;
    border-top: 1px solid #e1e1e1;
}
#js-header .header-container .header-nav-item--language .header-subnav-item:first-of-type {
    border: none;
}
@media only screen and (max-width: 1024px) {
    #js-header .header-container .header-nav-item--language .header-subnav-item {
        background-color: #f3f3f3;
        padding: 24px 26px 25px;
    }
}
#js-header .header-container .header-nav-item--language .header-subnav-link {
    background-repeat: no-repeat;
    background-size: 205% 1px;
    background-image: linear-gradient(to right,#000000 50%,transparent 50%);
    background-position: bottom right;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    color: #000000;
    padding: 0;
    display: inline;
    border-top: 0;
}
#js-header .header-container .header-nav-item--language .header-subnav-link:hover {
    background-position: bottom left;
    color: #000000;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #js-header .header-container .header-nav-item--language .header-subnav-link:hover {
        background-image: linear-gradient(to right,#000000 50%,#000000 50%);
    }
}
#js-header .header-container .header-nav-item .header-nav-link {
    color: #ffffff;
    text-transform: none;
}
#js-header .header-container .header-nav-item .header-nav-link .icon-globe:hover, #js-header .header-container .header-nav-item .header-nav-link .icon-search:hover {
    color: #e3d6ff;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}
#js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label {
    background-repeat: no-repeat;
    background-size: 205% 1px;
    background-image: linear-gradient(to right,#ccadff 50%,transparent 50%);
    background-position: bottom right;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    color: #ffffff;
}
#js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label:hover {
    background-position: bottom left;
    color: #ccadff;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label:hover {
        background-image: linear-gradient(to right,#ccadff 50%,#ccadff 50%);
    }
}
@media only screen and (max-width: 1024px) {
    #js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label {
        color: #000000;
    }
}
#js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label:hover + .icon-dropdown-arrow {
    color: #ccadff;
}
#js-header .header-container .header-nav-item .header-nav-link .icon-dropdown-arrow {
    color: #ffffff;
}
@media only screen and (max-width: 1024px) {
    #js-header .header-container .header-nav-item .header-nav-link .icon-dropdown-arrow {
        color: #000000;
    }
}
#js-header .header-container .header-nav-item .header-subnav-link {
    background-color: #f3f3f3;
}
#js-header .header-panel {
    background-color: #ffffff;
}
#js-header .header-panel .header-panel-container {
    max-width: 1300px;
}
#js-header .header-panel .header-panel-container .header-panel-list .header-panel-item {
    padding: 8px 0;
}
#js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:link, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:visited, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:focus, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:active {
    background-repeat: no-repeat;
    background-size: 205% 1px;
    background-image: linear-gradient(to right,#000000 50%,transparent 50%);
    background-position: bottom right;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    color: #000000;
}
#js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:link:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:visited:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:hover:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:focus:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:active:hover {
    background-position: bottom left;
    color: #000000;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:link:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:visited:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:hover:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:focus:hover, #js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a:active:hover {
        background-image: linear-gradient(to right,#000000 50%,#000000 50%);
    }
}
#js-header .header-panel .header-panel-container .header-panel-list .header-panel-item a.header-panel-link {
    display: inline;
    padding: 0;
}
@media only screen and (max-width: 1024px) {
    .no-touchevents #js-header .header-container .header-nav-item .header-nav-link .header-nav-link-label:hover,
    .no-touchevents #js-header .header-container .header-nav-item .header-subnav-link:hover,
    #js-header .header-container .header-nav-item--language .header-subnav-link:hover {
        color: #000;
        background-position: bottom right;
    }
}

/* Links */

.post-content a, .amp-wp-article a, .card-title-link, .amp-wp-tax-category a, .amp-wp-tax-tag a, .postauthor-name, .back-link, .spotlightauthor-name, .dropdown-toggle-label, .authors-alphabetical-link-name {
    background-repeat: no-repeat;
    background-size: 205% 1px;
    background-image: linear-gradient(to right,#1c9cad 50%,transparent 50%);
    background-position: bottom right;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    color: #05758a;
}
.post-content a:hover, .amp-wp-article a:hover, .amp-wp-tax-category a:hover, .amp-wp-tag-tag a:hover, .card-title-link:hover, .postauthor-name:hover, .back-link:hover, .spotlightauthor-name:hover, .dropdown-toggle-label:hover, .authors-alphabetical-link-name:hover {
    background-position: bottom left;
    color: #1c9cad;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .post-content a:hover, .card-title-link:hover, .postauthor-name:hover, .back-link:hover, .spotlightauthor-name:hover, .dropdown-toggle-label:hover, .authors-alphabetical-link-name:hover {
        background-image: linear-gradient(to right,#1c9cad 50%,#1c9cad 50%);
    }
}
.dropdown-toggle--pagesubheading .icon-dropdown-arrow, .dropdown-menu a:hover, .authors-toc-link, .authors-alphabetical-link:hover .authors-alphabetical-link-name {
    color: #05758a;
}
.authors-alphabetical-link .authors-alphabetical-link-name:hover, .authors-toc-link:hover {
    color: #1c9cad;
}
.authors-toc-link:hover:before {
    background: #1c9cad;
}
.spotlightauthor-name {
    display: inline;
    white-space: nowrap;
}

/* Inverted Links */

.post-hero .postauthor-name {
    color: #fff;
    border-bottom: none;
    background-image: linear-gradient(to right,#fff 50%,transparent 50%);
    background-position: bottom left !important;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}
.post-hero .postauthor-name:hover {
    opacity: .8;
    color: #fff;
}

/* Cards */

.card--simple .card-header {
    height: 200px;
}
.card--simple .card-title-link {
    padding: 0;
}
.postsdrawer-dropdown {
    top: 20px;
}
.postsdrawer-dropdown .icon-dropdown-arrow {
    color: #05758a;
}
.postsdrawer-content {
    padding: 20px 17px 0 0;
    margin-top: 50px;
}
.postsdrawer.is-stuck .postsdrawer-dropdown {
    top: 10px;
}
.card--griditem .card-content {
    overflow: initial;
}
.card-title {
    margin: 22px 30px 8px;
    color: #05758a;
}
.card-title-link {
    display: inline;
    padding: 0;
    color: #05758a;
}
.card-title-link:hover {
    color: #1c9cad !important;
}
.header-panel-link {
    display: inline-block;
    width: unset;
    padding-right: 0;
}
.postauthor-name {
    width: unset;
    white-space: nowrap;
}

/* Font */

h2, .pageheading, .modal--search .searchform-textfield, .card--featured .card-title, .card--hero .card-title, .post-content h1, .post-content h2, .post-title {
    font-family: 'Public Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
}
body, html, code, kbd, pre, samp, .searchform-textfield, .post-content pre, .post-content code, .dropdown-menu, .header-nav-link, .header-subnav-link, .card-title, .card--simple .card-title, .subscribecard-title, .promocard-title, .postsdrawer-dropdown .dropdown-toggle, .post-content blockquote, .tags, .post-share-heading-count, .authors-alphabetical-heading, .authors-toc, .authorhero-bio, .subscribeform-button, .subscribeform-button-inactive, .footer {
    font-family: 'Public Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
}
h3, .pagesubheading, .dropdown-toggle, .dropdown-toggle--pagesubheading, .postmeta-list, .filters-heading, .filters-heading-count, .card-footer, .subscribecard-rss, .promocard-cta, .post-content strong, .post-content h3, .post-content blockquote:before, .post-content blockquote p:last-child:after, .tags-heading, .byline-name, .recommended-heading, .post-hero .post-edit-link, .post-share-heading-label, .authors-toc-item.active .authors-toc-link, .authorhero-bio strong, .showmore-link-label {
    font-family: 'Public Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
}
b, strong, optgroup {
    font-family: 'Public Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
}
body, p, .card-summary, .post-share-heading-label, .filters-heading, .filters-heading-count {
    color: #000;
}

/* Icons */

.card .card-actions-link:hover {
    color: #691cc2;
}
.card .card-actions-link:hover .icon {
    fill: #691cc2;
}
.card .card-share .social-link:hover .icon-mail {
    color: #691cc2;
}
.showmore-link:hover .showmore-link-label {
    color: #691cc2;
}
.showmore-link:hover .showmore-link-button {
    background: #691cc2;
}
.showmore-link .showmore-link-button {
    background: #691cc2;
}

/* Subscribe Box */

.subscribecard {
    background: #e3d6ff;
    color: #000;
}
.subscribecard a, .subscribecard a:link, .subscribecard a:visited, .subscribecard a:hover, .subscribecard a:focus, .subscribecard a:active {
    background-repeat: no-repeat;
    background-size: 205% 1px;
    background-image: linear-gradient(to right,#1c9cad 50%,transparent 50%);
    background-position: bottom right;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    color: #05758a;
}
.subscribecard a:hover, .subscribecard a:link:hover, .subscribecard a:visited:hover, .subscribecard a:hover:hover, .subscribecard a:focus:hover, .subscribecard a:active:hover {
    background-position: bottom left;
    color: #1c9cad;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .subscribecard a:hover, .subscribecard a:link:hover, .subscribecard a:visited:hover, .subscribecard a:hover:hover, .subscribecard a:focus:hover, .subscribecard a:active:hover {
        background-image: linear-gradient(to right,#1c9cad 50%,#1c9cad 50%);
    }
}
.subscribecard svg.icon.icon-close {
    fill: #000;
}
.subscribecard-note.errMsg {
    margin-bottom: 5px;
}
.subscribecard-title {
    margin-bottom: 20px;
}
.subscribecard-gdpr {
    margin-bottom: 10px;
}
.subscribecard .subscribeform {
    margin-bottom: 0;
}
.subscribecard .subscribeform-textfield {
    border-right: 10px solid #e3d6ff;
    height: 50px;
}
.subscribecard .subscribeform .subscribe-btn {
    background: #05758a;
    border-radius: 5rem;
    padding: 15px 0px;
    margin-bottom: 10px;
    height: 50px;
    text-transform: capitalize;
    font-size: 1rem;
}
.subscribecard .subscribeform .subscribe-btn:hover, .subscribecard .subscribeform .subscribe-btn:focus {
    outline: none;
    background: #1c9cad;
}
.subscribecard .subscribeform .subscribeform-button-inactive {
    background-color: #B1B1B1 !important;
    color: #767676 !important;
    border-color: #B1B1B1 !important;
}
.subscribecard .subscribeform .consentRadio {
    margin-bottom: 10px;
}
.subscribecard.card--recommended {
    background: #e3d6ff;
}

/* Category Tags */

.postmeta-topiclink, .postmeta-topiclink--orange, .postmeta-topiclink--green, .postmeta-topiclink--red, .postmeta-topiclink--purple {
    border-color: #691cc2;
    color: #fff;
}
.postmeta-topiclink:hover, .postmeta-topiclink--orange:hover, .postmeta-topiclink--green:hover, .postmeta-topiclink--red:hover, .postmeta-topiclink--purple:hover {
    border-color: #691cc2;
    color: #fff;
    background: #691cc2;
}
.postmeta-date {
    color: #fff;
}
.postmeta-featuredbadge {
    color: #fff;
    background: #691CC2;
    border-color: #691CC2;
}
.tags .tags-link {
    border: 2px solid #691cc2;
    color: #691cc2;
    background: #fff;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}
.tags .tags-link:hover {
    background: #691cc2;
    color: #fff;
}

/* Footer */

.footer-social {
    max-width: 1600px;
    margin: 0 auto;
}
.ctx-follow-wrap {
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.ctx-follow {
    list-style: none;
    padding: 9px 0 0;
}
.ctx-follow-txt {
    font-size: 1rem;
}
.ctx-follow li {
    display: inline;
    margin-right: 10px;
}
.ctx-follow li:first-child {
    padding-left: 0;
}
.ctx-follow-wrap .ctx-follow li a.social-icon {
    font-size: 36px;
}
.mini-footer {
    display: flex;
    justify-content: space-between;
}
.mini-footer-item-copyright {
    font-size: .8rem;
    padding: 0.8em 0 4em;
    text-align: right;
}
.mini-footer-item-menu a {
    color: #000;
    margin: 0 10px;
}
.mini-footer-item .ctx-logo {
    font-size: 1.3rem;
    color: #000;
}
@media only screen and (max-width: 768px) {
    .mini-footer {
        flex-direction: column;
        align-items: center;
    }
    .mini-footer-item {
        padding-bottom: 10px;
    }
    .mini-footer-item-copyright {
        text-align: center;
    }
}
