/*
Theme Name:     chrs
Theme URI:      https://www.chrsinteractive.com/
Description:    CHRS WP-Theme
Version:        5.0
Author:         CHRS Interactive
Author URI:	    https://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.site-header {width:100%;position:sticky;top:0;left:0;padding-bottom:15px;z-index:99;background:#fff;border-bottom:1px solid var(--color-gray);}
.site-header.sticky {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}

.header-bar {padding:8px 0;margin-bottom:15px;}
.header-bar span {font-size:1.4rem;font-weight:var(--font-semi);}
.logo {width:150px;float:left;}
.logo img {display:block;}

.header-contact-mobile {float:right;width:30px;margin:15px 30px 0 0;}
.header-contact-desktop {display:none;}


/* Main Menu */
.mainNav-wrap {float:right;margin-top:23px;}
.mainNav li {display:inline-block;margin-right:30px;padding-bottom:15px;font-weight:var(--font-semi);position:relative;}
.mainNav li a {color:var(--color-main);}
.mainNav li a:hover,
.mainNav li.current-menu-item > a {color:var(--color-blue-light);}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav li ul {position: absolute; top: 100%;padding:15px;width:260px;text-align:left;z-index:99;background:#fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);box-sizing:border-box;}
.mainNav li ul li {display:block;position:relative;margin:0 0 15px;padding:0;font-size:1.6rem;font-weight:var(--font-regular);}

/* Responsive Menu */
.mainNav-wrap {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99;margin-top:15px;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block; -ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0;-ms-transform: rotate(135deg);transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0;-ms-transform: rotate(225deg);transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-main);}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 98px; height:calc(100% - 98px);width:100%;background:var(--color-main); z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding-top:60px;}

.mobileNav li {display:block;font-size:1.8rem;margin-bottom:10px;}
.mobileNav li a {color:#fff;}
.mobileNav li ul {margin:10px 0 30px 30px;}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.button {display:inline-block;padding:10px 25px;border:none;background:var(--color-blue-light);color:#fff;text-align:center;box-sizing:border-box;border-radius:5px;font-weight:var(--font-bold);}
.button.blue-outline {background:transparent;color:var(--color-blue-light);border:2px solid var(--color-blue-light)}
.button:hover,
.support-subnav li a.current {background:var(--color-blue-dark);color:#fff;border-color:var(--color-blue-dark)}

.button-lrg {padding:15px 35px;font-size:2.0rem;}

.page-banner {border-bottom:1px solid var(--color-gray);position:relative;}
.page-banner:before {content:"";position:absolute;top:0;right:0;width:70%;height:100%;background:url(images/banner-lines.svg?v=6) left bottom no-repeat;background-size:cover;}
.banner-content {position:relative;z-index:3;}
.banner-content p {font-size:2.0rem;line-height:30px;}

.banner-trust-content {display:block;color:var(--color-main);}
.banner-trust-pics {margin-bottom:5px;}
.banner-trust-content span {font-size:1.4rem;line-height:13px;}
.banner-trust-stars {display:flex;justify-content:space-between;max-width:110px;align-items:center;}

.banner-graphic {margin:40px auto 0;max-width:600px;}

.breadcrumbs {margin-top:20px;font-size:1.4rem;}
.breadcrumbs-with-spacer {margin-bottom:30px;}
.breadcrumbs li {display:inline-block;margin:0 5px 5px 0;}
.breadcrumbs li:after {content:"/";display:inline-block;margin-left:3px;}
.breadcrumbs li:last-of-type:after {display:none;}

.pic-frame {position:relative;}
.pic-frame:before,
.pic-frame:after {content:"";width:100%;height:100%;position:absolute;background:#fff;border:1px solid var(--color-green-light);border-radius:5px;}
.pic-frame.industry-detail-frame:before,
.pic-frame.industry-detail-frame:after {display:none;}
.pic-frame:after {top:-10px;right:-10px;}
.pic-frame:before {top:-20px;right:-20px;}
.pic-frame img,
.pic-frame video,
.pic-frame iframe,
.pic-frame > div {display:block;border-radius:5px;position:relative;z-index:2;box-shadow: 0 7px 15px rgba(0,0,0,0.3);transition:all 0.4s;}
.pic-frame img {width:100%}

.single-work .pic-frame {margin-bottom:40px;}

.clients-bar {padding:25px 0;}
.clients-logo-bar {display:flex;justify-content:space-between;}
.clients-logo-block {width:10%}
.clients-bar p {font-size:2.4rem;margin-bottom:30px;}

.floating-content-content {margin-bottom:30px;}
.floating-content-pic {max-width:300px;margin:0 auto;}

/*.pattern-dot-wrap {position:relative;margin-top:20px;}
.pattern-dot-wrap:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:70%;background:rgba(228,243,241,0.5);}*/


.service-block {display:block;padding:20px;background:#fff;border-radius:10px;margin-top:30px;color:var(--color-main);box-shadow: 0 2px 10px rgba(0,0,0,.08);}
.service-block:hover {box-shadow: 0 4px 15px rgba(0,0,0,.2);background-color:var(--color-gray);}
.service-block h3 {font-size:2.0rem;line-height:27px;}

.feat-work {padding:40px;display: grid;grid-template-columns: repeat(auto-fill, 49.75%);justify-content: space-between;}
.feat-work img {display:block;width:100%;}

/*.widget-testimonial-wrap {position:relative;margin-top:20px;overflow:hidden;}
.widget-testimonial-wrap:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:70%;background:var(--color-gray);}
.widget-testimonial {max-width:960px;margin:0 auto;}
.testimonial-block {background:var(--color-gray);border-radius:10px;box-shadow: 0 2px 10px rgba(0,0,0,.08);}
.testimonial-block-inner {padding:30px 20px;width:90%;margin:0 auto;box-sizing:border-box;display:flex;height:100%;align-items:center;flex-wrap: wrap;position:relative;}
.testimonial-block-inner p.text {background:url(images/icon-quote-left.svg) top left no-repeat;background-size:70px 50px;}
.testimonial-block-inner p {width:100%;font-size:1.8rem;line-height:28px;margin-bottom:10px;}
.testimonial-block-inner p.rating {font-size:3.4rem;color:#F7C500;}
.testimonial-block-inner .profile-photo {width:50px;margin:0 auto 5px;}
.widget-testimonial-wrap .slick-list {overflow:visible !important;}
*/

.widget-testimonial-wrap {padding-bottom:30px;}
.widget-testimonial {position:relative;padding-bottom:20px;}
.testimonial-block-inner {padding:0 20px;}

.testimonial-block {opacity:0.3;transition:all 0.5s;}
.testimonial-block-inner p.text {transition:all 0.5s;border-radius:15px;padding:50px;position:relative;box-sizing:border-box;quotes: "\201C""\201D";}
.testimonial-block-inner p.text:before {font-family: sans-serif;content: open-quote;font-size: 60px;position: absolute;left: 20px;top: 20px;opacity: .4;line-height: 80px;}
.testimonial-block-inner p {width:100%;font-size:1.8rem;line-height:28px;margin-bottom:10px;}
.testimonial-block-inner p.rating {font-size:3.4rem;color:#F7C500;margin-top:20px;}
.testimonial-block-inner .profile-photo {width:40px;margin:0 auto 5px;}

.testimonial-block.slick-current {opacity:1;}
.testimonial-block.slick-current .testimonial-block-inner p.text:after {content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%) rotate(-135deg);width:25px;height:25px;background:var(--color-gray);border-radius:4px;}
.testimonial-block.slick-current .testimonial-block-inner p.text {background:var(--color-gray);box-shadow: rgba(0, 0, 0, 0.175) 5px 10px 10px -2.5px;}


/* Industry Detail */
.industry-client-logos {display: grid;grid-template-columns: repeat(auto-fill, 43%);justify-content: space-between;}

.industry-client-logos div {margin:10px 0;}

/* Testimonials */
.testimonial-row {margin-bottom:80px;position:relative;}
.testimonial-row:before {content:"";position:absolute;top:-20px;left:-20px;width:70px;height:50px;background:url(images/icon-quote-left.svg) center center no-repeat;background-size:cover;}
.testimonial-row p {font-size:2.6rem;line-height:1.2;font-weight:300;position:relative;z-index:2;}

/* Locations Main */
ul.locations-list {list-style:none;margin:40px 0;}
ul.locations-list li {font-size:1.6rem;}

#map {height: 400px; background: #eee;}
#marker {opacity: 0;}

/* Work Archive */
.work-archive-block {display:block;margin-bottom:80px;}
.work-archive-block .pic-frame {margin-bottom:15px;}
.work-archive-block .pic-frame img {width:100%;}
.work-archive-block h3 {color:var(--color-main);}

/* Workd Single */
.work-services li {margin-bottom:10px;line-height:1.4;}

.work-pager {width:33%;min-height:1px;float:left;}
.work-pager a {display:block;position:relative;}
.work-pager a:before,
.work-pager a:after {display:inline-block;margin-right:10px;transition:all 0.5s;}
.work-pager.left a:before {content:"\2039";margin-right:10px;}
.work-pager.right a:after {content:"\203A";margin-left:10px;}

/* Service Detail */
.service-detail-row {padding:40px 0;}
.service-detail-row h2 {font-size:2.7rem;line-height:37px;}

/* Blog Archive */
.archive-post-block {display:block;background:#fff;border-radius:10px;margin-bottom:30px;color:var(--color-main);box-shadow: 0 2px 10px rgba(0,0,0,.08);overflow:hidden;}
.archive-post-block:hover {box-shadow: 0 4px 15px rgba(0,0,0,.2);}
.post-block-content {padding:20px;}
.post-block-content h3 a {color:var(--color-main);}

.post-block-meta {font-size:1.4rem;margin:10px 0;display:block;}

.post-author-box {padding:20px 0;}
.post-author-box a {text-decoration: none;}
.post-author-box:after {content: ""; display: table; clear: both;}
.post-author-pic {width:75px;float:left;border-radius:100%;overflow:hidden;}
.post-author-pic img {display:block;}
.post-author-info {float:left;margin-left:10px;padding-right:20px;position:relative;}
.post-author-tooltip {position:absolute;top:3px;right:0;height:100%;background:#fff;text-align:center;}
.tool-tip-trigger {border-radius:100%;border:1px solid #888;padding:2px;}
.post-author-info p {margin-bottom:0;font-size:14px !important;line-height:1.6 !important;}
.post-author-info p:first-of-type {font-weight:600;}

.post-author-bio p {margin-bottom:10px;}

.post-author-description {display:none;position:absolute;padding:20px;top:40px;left:-200px;width:380px;border:1px solid rgba(0,0,0,.15);box-shadow: 0 .25rem .75rem rgba(0,0,0,.3);background:#fff;z-index:4;text-align:left;}
.post-author-description:before {content: "";position: absolute;width: 10px;height: 10px;background-color: #fff;border-top: 1px solid rgba(0,0,0,.1);border-left: 1px solid rgba(0,0,0,.1);z-index:-1;top:-6px;right:100px;transform: rotate(45deg);}

.post-author-tooltip:hover .post-author-description {display:block;}

.comparison-table th,
.comparison-table td {padding:10px;border:1px solid #ccc;}
.comparison-table th {background:#eee;}
.comparison-table td {}

.table-content {padding:20px 20px 0;margin-bottom:40px;background:var(--color-gray);position:relative;}
.table-content p {font-size: 2.7rem;line-height: 37px;font-weight: var(--font-semi);}
.table-content-trigger {position:absolute;top:30px;right:40px;cursor:pointer;}

.table-content .table-content-links {display:none;}
.table-content.expanded .table-content-links {display:block;}
.table-content ul {list-style:none !important;}

.table-content-trigger-arrow {margin: 0 10px;width: 24px;height: 12px;position: relative;display: inline-block;}
.table-content-trigger-arrow span {position: absolute;top: 6px;display: inline-block;width: 12px;height: 1.5px;border-radius: 1px;background-color: #454545;transition: -webkit-transform .4s ease;}
.table-content-trigger-arrow span:first-of-type {left: 5px;transform: rotate(45deg);}
.table-content-trigger-arrow span:last-of-type {right: 0;transform: rotate(-45deg);}

.post-faq-wrap {padding-bottom:40px;}
.post-faq-row {padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--color-gray);position:relative;}
.post-faq-question {margin:0;}
.post-faq-answer {display:none;padding-top:10px;}

.post-faq-trigger {flex-shrink: 0;width: 20px;height: 20px;position: absolute;top:0;right:0;}
.post-faq-trigger span {position: absolute;width: 20px;height: 1px;border: 1px solid var(--color-main);background-color: var(--color-main);border-radius: 5px;display: inline-block;}
.post-faq-trigger span:first-of-type {transition: transform .4s ease,-webkit-transform .4s ease;}
.post-faq-trigger span:last-of-type {transform: rotate(90deg);transition: transform .4s ease,-webkit-transform .4s ease;}

.post-faq-row.expanded .post-faq-answer {display:block;}
.post-faq-row.expanded .post-faq-trigger span:first-of-type {transition: transform .4s ease,-webkit-transform .4s ease;}
.post-faq-row.expanded .post-faq-trigger span:last-of-type {transform: rotate(0deg);transition: transform .4s ease,-webkit-transform .4s ease;}

/* White Paper */
.whitepaper-download-form {padding:20px;background:var(--color-gray);border-radius:5px;box-shadow: -4px 4px 10px rgb(212 212 212 / 70%);}
.whitepaper-download-form input[type=text],
.whitepaper-download-form input[type=email],
.whitepaper-download-form input[type=tel]{border-color:#ccc;}

/* Glossary */
.glossary-archive-wrap h2 {border-bottom:1px solid var(--color-gray);}
.glossary-terms {margin-bottom:60px;column-count:2;}
.glossary-terms li {margin-bottom:5px;line-height:1.4;}

/* Support */
.support-subnav {position:sticky;top:98px;background:#fff;padding:20px 0;}
.support-subnav li {margin-bottom:10px;}
.support-subnav li,
.support-subnav li a {display:block;}

.support-category-section {border-bottom:6px solid var(--color-gray);}
.faq-question {padding:10px 0;border-top:1px solid var(--color-gray);}
.faq-question h3 {font-size:1.6rem;margin-bottom:0;}
.faq-a-wrap {display:none;padding:20px 0;}

.footer-cta-wrap {position:relative;}
.footer-cta-wrap:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:60%;background:var(--color-gray);}
.footer-cta {padding:30px;background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,.08);border-radius:10px;}
.footer-cta p {font-size:2.0rem;line-height:28px;}
.footer-cta .last {text-align:right;}

/* -- @FOOTER ----------------- */
.site-footer {}

.footer-top {padding-bottom:40px;border-bottom:1px solid var(--color-gray);}
.footer-btm {padding-top:40px;}

.footer-block {margin-top:40px;box-sizing:border-box;}
.footer-block ul li,
.footer-block p,
.footer-copy {font-size:1.5rem;line-height:1.4;}
.footer-block ul li {margin-bottom:5px;}
.footer-block ul li a,
.footer-copy a {color:var(--color-main);}
.footer-block ul li a:hover,
.footer-copy a:hover {color:var(--color-blue-light);}

.social-links {margin-bottom:20px;}
.social-links li {display:inline-block;margin:0 5px 10px;}

/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after {content: ""; display: table; clear: both;}