/* DOCDRIVE FRAMEWORK */


/* BOILERPLATE */
body::after, div, h1, h2, h3, h4, h5, h6, p, a, span, strong, i, header, search, footer, nav, main, content, header nav div.subHead > subnav, a:hover::after {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


/* FONTS */
h1, h2, h3, h4, h5, h6, p, a, span, strong, i, header, footer, ul, li {font-family: neo-sans, sans-serif;font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: 900; line-height: 1.5em;}
p {font-weight: 400;}
.ff-XS {font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));}
.ff-S  {font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));}
.ff-SM {font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300)));}
.ff-M  {font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (1920 - 300)));}
.ff-ML {font-size: calc(36px + (42 - 36) * ((100vw - 300px) / (1920 - 300)));}
.ff-L  {font-size: calc(42px + (48 - 42) * ((100vw - 300px) / (1920 - 300)));}
.ff-XL {font-size: calc(48px + (54 - 48) * ((100vw - 300px) / (1920 - 300)));}
[class*="ff-"].mgr0 {margin: 0;}
.upper {text-transform: uppercase;}


/* COLOURS */
.dd-bg-grn {background: #178873;}
.dd-co-grn {color: #178873;}
.dd-bg-drkgrn {background: #525f5d;}
.dd-co-drkgrn {color: #525f5d;}
.dd-bg-grey {background: #979b9a;}
.dd-co-grey {color: #979b9a;}
.dd-bg-dark {background: #303534;}
.dd-bg-dark.op5 {background: #303534bd;}
.dd-co-dark {color: #303534;}


/* LAYOUT */
div.fixed, div.fixed.wrapper {max-width: 1440px;margin: 0 auto;float: none; width: 100%;}
.bb-light {border-bottom: 1px solid #dfdfdf}
.bb-drkgrn {border-bottom: 1px solid #1c6959}
.count.percent::before {content: "%"; float: right;}

/* HEADER */
header {position: fixed;z-index: 10; background: #ffffffcf;}
header:hover,
header.onhover {background: #fff;}
header .headerwrap {justify-content: space-between;}
header logo {width: 250px;}
header logo > a {text-indent: -9999px;font-size: 0;width: 250px;height: 46px;display: block;background: url('/docdrive365/resources/layout/docdrive-logo.svg') center center no-repeat;background-size: contain;margin: 0;min-width: 250px;}
header nav {width: 100%;justify-content: flex-end;}
header nav > div, search {font-weight: 900;}
header nav > div > a {color: #178873;text-decoration: none;padding: 16px 10px;white-space: nowrap;}
header nav > div > a:hover,
search:hover::after {color: #525f5d;}

header nav div.subHead {position: relative;}
header nav div.subHead > a::after {content: "";}
header nav div.subHead > subnav {display: flex;opacity: 0;position: absolute;left: 0;top: 69px;width: 387px;width: max-content;flex-flow: column nowrap;background: #f1f1f1;padding: 32px;pointer-events: none;border-bottom: 4px solid #178873;}
header.scroll nav div.subHead > subnav {top: 44px;}
header nav div.subHead.active > subnav {opacity: 1; pointer-events: all;}
header nav div.subHead > subnav > a {font-size: 13px;color: #303534;text-decoration: none;margin: 0 0 6px 0;}
header nav div.subHead > subnav > a:last-of-type {margin: 0;}
header nav div.subHead > subnav > a:hover {color: #178873;}

header.scroll > div {padding: 16px 32px;}
header.scroll logo, header.scroll logo > a {width: 150px; min-width: 150px; height: 28px;}
body#DocDrive::after {content: "";position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000; display: none; z-index: 2;}
body#DocDrive.searching::after {opacity: 0.5; display: block;}

navmobile {display: none !important;}


/* SEARCH */
search::after {content: "\f002";color: #178873;line-height: 28px;cursor: pointer;padding: 16px;}
search.active::after {content: "\f00d";color: #131414;}
#search-box {display: none;position: fixed;top: 120px;max-width: 1376px;width: 100%;border: 1px solid #178873;}
header.scroll #search-box {top: 72px;}
#search-box input {width: 100%;margin: 0;padding: 32px;border: none;background: none;font-size: 1.33em;}
#search-box input:focus {outline-color: white;}
#search-box.error input {background: #ffefef;}
#search-box.error input:focus {background: none;}
#search-box a {position: absolute;right: 0;padding: 32px;height: 100%;top: 0;line-height: 25px;color: #515f5d;background: #fff;z-index: 5;}
#search-box a:hover {color: #178873;}
body#DocDrive.searching #search-box {display: flex;background: #ffffff;}


/* BODY CONTENT */
main.zflex {height: 500px;background: url('/docdrive365/resources/layout/header-bg.jpg') bottom center no-repeat;background-size: cover;margin: 0;justify-content: flex-end;flex-direction: column;}
main.zflex.h700 {height: 700px;}
main.zflex[data-image="alt"] {background: url('/docdrive365/resources/layout/landing-bg.jpg') center center no-repeat;}
main.zflex[data-image="connect"] {background: url('/docdrive365/resources/layout/connect-bg.jpg') center center no-repeat;}
main.zflex[data-image="sharing"] {background: url('/docdrive365/resources/layout/sharing-bg.jpg') center center no-repeat;}
main.zflex[data-image="remote"] {background: url('/docdrive365/resources/layout/remote-bg.jpg') center center no-repeat;}
main.zflex[data-image="compliant"] {background: url('/docdrive365/resources/layout/compliant-bg.jpg') center 80% no-repeat;}
main.zflex[data-image="all"] {background: url('/docdrive365/resources/layout/all-bg.jpg') center center no-repeat;}
main.zflex[data-image="clicks"] {background: url('/docdrive365/resources/layout/clicks-bg.jpg') center center no-repeat;}
main.zflex[data-image="pricing"] {background: url('/docdrive365/resources/layout/pricing-bg.jpg') center center no-repeat;}
main.zflex[data-image="howto"] {background: url('/docdrive365/resources/layout/howto-bg.jpg') top center no-repeat;}
main.zflex[data-image="contact"] {background: url('/docdrive365/resources/layout/contact-bg.jpg') center center no-repeat;}
main.zflex[data-image="news"] {background: url('/docdrive365/resources/layout/news-bg.jpg') center center no-repeat;}
main.zflex[data-image="start"] {background: url('/docdrive365/resources/layout/start-bg.jpg') center center no-repeat;}
main.zflex h2 {padding: 64px 32px;}

content.noimg {padding-top: 70px;}
content > div {padding: 32px 0; color: #fff;}
content .dd-reasons {display: flex;flex-flow: row wrap;}
content .dd-reasons > div {justify-content: center; text-align: center;}
content .dd-reasons > div::before {content: "";width: 120px;height: 120px;background-size: contain;display: block;margin-bottom: 32px;margin: 0 auto 32px auto;}
content .dd-reasons > div:nth-child(1)::before {background: url('/docdrive365/resources/layout/connect-icon.svg') center center no-repeat;}
content .dd-reasons > div:nth-child(2)::before {background: url('/docdrive365/resources/layout/sharing-icon.svg') center center no-repeat;}
content .dd-reasons > div:nth-child(3)::before {background: url('/docdrive365/resources/layout/remote-icon.svg') center center no-repeat;}
content .dd-reasons > div:nth-child(4)::before {background: url('/docdrive365/resources/layout/compliant-icon.svg') center center no-repeat;}
content .dd-reasons > div:nth-child(5)::before {background: url('/docdrive365/resources/layout/all-icon.svg') center center no-repeat;}
content .dd-reasons > div:nth-child(6)::before {background: url('/docdrive365/resources/layout/clicks-icon.svg') center center no-repeat;}
content .dd-reasons.dd-landing > div::after {content: "";display: block;margin: 32px 0 0 0;}
content .dd-reasons.dd-landing > div::before {width: 160px;height: 160px; }
content .dd-reasons > div > h6 {text-transform: uppercase;margin: 0;}
content .dd-reasons > div > a {text-decoration: none;font-weight: 900;text-transform: uppercase;}
content .dd-reasons > div > a:hover, content .dd-reasons > div > a:hover > span {color: #178873}

content .dd-articles > h4 {margin-bottom: 32px;}
content .dd-articles > div {margin-bottom: 32px;}
content .dd-articles > div:last-of-type {margin-bottom: 0;}
content .dd-articles > div > h6 {margin: 0;font-size: 14px;}
content .dd-articles > div > a {width: 100%;display: block;text-decoration: none;font-weight: 900;margin-top: 8px;}
content .dd-articles > div > a:hover {color: #178873;}

section > div {padding: 32px 0;}
section .dd-button {justify-content: center; flex-wrap: wrap;}
section .dd-button a {text-transform: uppercase;font-weight: 900;text-decoration: none;color: #fff;padding: 24px 44px;border-radius: 32px;font-size: 20px;background: #303534;}
section .dd-button a:hover {color: #178873;}
section .dd-button.button-grn a {color: #178873;border-color: #178873;}
section .dd-button a > span {position: relative;opacity: 0.25;color: #fff; margin: 0 0 0 16px;}
section .dd-button.button-grn a > span {color: #178873;}
section .dd-button.button-grn a:hover {background: #178873; color: #fff;border-color: #178873;}
section .dd-button a:hover > span {left: 0; opacity: 1; color: #178873;}
section .dd-button.button-grn a:hover > span {color: #fff;}

section .dd-points > div {flex-flow: row wrap;text-align: center;padding: 64px 32px;align-content: baseline;}
section .dd-points > div > span {font-weight: 900;color: #178773;display: block;margin: 0 0 16px 0;line-height: 100%;font-size: 2em;}
section .dd-points > div > span::after {content: "";display: block;width: 40px;height: 4px;background: #178773;margin: 24px auto 0 auto;}
section .dd-points > div > h3 {margin: 0;}

section .dd-points > div.dd-second {padding: 0 0 32px 0;}
section .dd-points > div.dd-second > div span {font-size: 2em; color: #178773;}
section .dd-points > div.dd-second > div h4 {font-weight: 900;font-size: 18px;color: #303534;margin: 16px 0 8px 0;}
section .dd-points > div.dd-second > div p {margin: 0 auto;font-size: 14px;max-width: 230px;}
section .dd-points > div.dd-second > div:hover span,
section .dd-points > div.dd-second > div:hover {color: #178773;}

section p > small {font-size: 12px;}
section p > small a.plink {color: #178773;}

reviews > div {padding: 64px 32px;}
reviews > div .dd-quote {font-weight: 900;color: #66c4b3;line-height: 150%;}
reviews > div .dd-quote-author {font-weight: 900;}

#contact-case {flex-wrap: wrap; justify-content: center;}
#contact-case ul {margin: 0;padding: 0;list-style: none;}
#contact-case ul div.ctrPad16 {padding: 0 16px !important;}
#contact-case ul li {margin: 0 0 16px 0;}
#contact-case ul li span.label {display: inline-block;}
#contact-case ul li input, #contact-case ul li textarea {width: 100%;display: block;height: 44px;padding: 0 16px;}
#contact-case ul li textarea {padding: 16px; font: 400 13.3333px Arial;}
#contact-case .button {background: transparent;opacity: 1;border: 1px solid #e5e5e5;padding: 16px;color: #e5e5e5;font-family: neo-sans, sans-serif;font-weight: 900;}
#contact-case .button.green, #contact-case .button.bSquare {background: #303534;opacity: 1;border: 1px solid #303534;padding: 16px;color: #e5e5e5;cursor: pointer;}
#contact-case .button.green.exPad{padding: 32px; width: auto;}
#contact-case .contactFormSend span.required {font-size: 14px;color: #ffffff;}
content:not(#contactFooter) #contact-case #panFormResults {text-align: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: flex;justify-content: center;flex-flow: column wrap;background: #303534a6;z-index: 1;}
content:not(#contactFooter) #contact-case #panFormResults > div {max-width: 640px;height: auto;margin: auto;width: 100%;padding: 32px;position: relative;}
content:not(#contactFooter) #contact-case #panFormResults > div i {width: 32px;height: 32px;line-height: 32px;top: 12px;right: 12px;position: absolute;background: #303534;color: #fff; cursor: pointer;}
.dd-case-contact .dd-button a {display: block;text-decoration: none;text-align: center;margin: 0 0 20px 0;background: #178773;padding: 20px;font-weight: 900;color: #fff;border-radius: 50px;text-transform: uppercase;font-size: 18px;}
content:not(#contactFooter) #contact-case #panFormResults.done {position: static; transform: none; background: none; display: block;}
content:not(#contactFooter) #contact-case #panFormResults.done > div {display: block;max-width: 100%;height: 100%;background: none;padding: 32px 0;}
content:not(#contactFooter) #contact-case #panFormResults.done i,
content:not(#contactFooter) #contact-case #panFormResults.done h3,
content:not(#contactFooter) #contact-case #panFormResults.done p {display: none;}

p a {color: #178873;}

/* FOOTER*/

footer > div {padding: 64px 32px;}
footer > div .footer-links {justify-content: space-between;position: relative;flex-flow: row wrap;}
footer > div .footer-links > div {width: auto;flex-direction: column;display: flex;}
footer > div .footer-links > div a {color: #979b9a;text-decoration: none;}
footer > div .footer-links > div a:hover {color: #178773;}
footer > div .footer-links > div a > h3 {margin: 0 0 16px 0; color: #178773;}

terms small, terms a {color: #303534; text-decoration: none;}
terms a:hover {color: #fff;}

footer div.media {display: flex;justify-content: center; flex-flow: row wrap;margin-top: 44px;align-items: baseline;position: relative;}
footer div.media::after {content: ""; background: url('/docdrive365/resources/layout/crmLogo.png') center center no-repeat; background-size: contain; display: block; position: absolute; bottom: 0; right: 0; width: 100px; height: 57px;}
footer div.media > a {display: flex;flex-flow: row-reverse wrap;text-decoration: none;color: #979b9a;font-size: 12px;padding: 0 8px;background: none;align-items: center;}
footer div.media > a::after {content: "";display: block;width: 44px;height: 44px;background-color: #178773 !important;border-radius: 100%;margin-right: 0;}
footer div.media > a:hover {color: #fff;}
footer div.media > a:hover::after {background-color: #178773 !important;}
footer div.media > a.vimeo::after {background: url('/docdrive365/resources/layout/vimeo.png') center center / 24px no-repeat;}
footer div.media > a.linkedin::after {background: url('/docdrive365/resources/layout/linkedin.png') center center / 24px no-repeat;}
footer div.media > a.twitter::after {background: url('/docdrive365/resources/layout/twitter.png') center center / 24px no-repeat;}

footer div.media > a.vimeo:hover::after {background-color: #1AB7EA !important;}
footer div.media > a.linkedin:hover::after {background-color: #0073b1 !important;}
footer div.media > a.twitter:hover::after {background-color: #1da1f2 !important;}

main.zflex[data-image="contact"] ~ #contactFooter {display: none;}
body[data-case-study="submitted"] #contactFooter #panFormResults {display: none;}

/* PRODUCT */
.dd-product .product-intro {justify-content: space-between;}
.dd-product .product-intro > div {position: relative; background-size: 250px !important;}
.dd-product .product-intro > div.dd-connect {background: url('/docdrive365/resources/layout/connect-icon.svg') center center no-repeat;}
.dd-product .product-intro > div.dd-sharing {background: url('/docdrive365/resources/layout/sharing-icon.svg') center center no-repeat;}
.dd-product .product-intro > div.dd-clicks {background: url('/docdrive365/resources/layout/clicks-icon.svg') center center no-repeat;}
.dd-product .product-intro > div.dd-all {background: url('/docdrive365/resources/layout/all-icon.svg') center center no-repeat;}
.dd-product .product-intro > div.dd-remote {background: url('/docdrive365/resources/layout/remote-icon.svg') center center no-repeat;}
.dd-product .product-intro > div.dd-compliant {background: url('/docdrive365/resources/layout/compliant-icon.svg') center center no-repeat;}

.dd-product .product-reasons.zflex-v {justify-content: space-between}
.dd-product .product-reasons ul {list-style: none;}
.dd-product .product-reasons ul li {margin: 0 0 8px 0; position: relative;}
.dd-product .product-reasons ul li::before {content:"\f061"; font-family: 'FontAwesome'; position: absolute; left: -24px}
.dd-product .product-reasons a.dd-cta {background: #3d605a;text-transform: uppercase;font-weight: 900;text-decoration: none;color: #fff;padding: 24px 44px;border-radius: 5px;font-size: 20px;display: inline-block;margin: 8px;}
.dd-product .product-reasons a.dd-cta:hover {background: #303534;}

.dd-product .dd-article-list #CSDocDriveArticleList_panPager,
.dd-product .dd-article-list a > p:first-of-type,
.dd-product .dd-article-list .blogSnipImg {display: none;}
.dd-product .dd-article-list h2 {font-size: 24px;color: #979b9a;}
.dd-product .dd-article-list a {padding-top: 0;}
.dd-product .dd-article-list > div:hover h2 {color: #303534;}

.dd-article-list > div a p:last-of-type {font-size: 0 !important;}
.dd-article-list > div a p:last-of-type span,
.dd-article-list > div a p:last-of-type::before {content: "Feature Focus "; color: #178773;font-size: 16px;font-weight: 900;text-transform: uppercase;}


/* PRICING */
#dd-pricing .col-3 p.mgr0 {margin: 0;}
#dd-pricing .col-3 p.mgr0-top {margin-top: 0;}


/* BLOG */
#DocDriveBlog {padding-top: 70px;}

#DocDriveBlog[data-search="true"] .dd-article-search,
.dd-article-list {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 44px;}

#DocDriveBlog[data-search="true"] .dd-article-search > div {display: flex;flex-flow: column-reverse wrap;justify-content: flex-end;}
#DocDriveBlog[data-search="true"] .dd-article-search > div .large-article-header {border: none;}

#DocDriveBlog[data-search="true"] .dd-article-search > div span.blogSnipImg,
.dd-article-list > div span.blogSnipImg {float: left;overflow: hidden;height: 200px;display: block;width: 100%;}
.dd-article-list > div span.blogSnipImg {}

#DocDriveBlog[data-search="true"] .dd-article-search > div span.blogSnipImg  > a,
.dd-article-list > div span.blogSnipImg  > a {float: left; width: 100%;height: 100%;overflow: hidden;position: relative;}

#DocDriveBlog[data-search="true"] .dd-article-search > div span.blogSnipImg img,
.dd-article-list > div span.blogSnipImg img {max-width: none;position: absolute;height: 100%;object-fit: cover;width: 100%;}

#DocDriveBlog[data-search="true"] .dd-article-search > div span.blogSnipText,
.dd-article-list > div span.blogSnipText {display: none;}

#DocDriveBlog[data-search="true"] .dd-article-search > div > a,
.dd-article-list > div > a {float: left;padding: 32px 0 0 0;color: #303534;text-decoration: none;text-transform: none;}

#DocDriveBlog[data-search="true"] .dd-article-search > div a h2,
.dd-article-list > div a h2 {font-size: 18px;}

#DocDriveBlog[data-search="true"] .dd-article-search > div a p,
.dd-article-list > div a p {margin: 8px 0 16px 0;font-size: 14px;color: #979b9a;}

#DocDriveBlog[data-search="true"] .dd-article-search > div a p:last-of-type,
.dd-article-list > div a p:last-of-type {color: #178773;font-size: 16px;font-weight: 900;text-transform: uppercase;}

.dd-article-list > div[id*="panPager"] {grid-column: span 3;color: #303534;text-align: center;}
.dd-article-list > div[id*="panPager"] a {color: #178773;font-weight: 900;border: 2px solid;padding: 8px 12px;font-size: 14px;}
.dd-article-list > div[id*="panPager"] a[disabled] {color: #e5e5e5;}
.dd-article-list > div[id*="panPager"] a:first-of-type {float: left;}
.dd-article-list > div[id*="panPager"] a:last-of-type {float: right;}

.dd-article-list + a.WPloadMore { color: #178773; font-weight: 900; border: 2px solid #178773; padding: 16px; font-size: 14px; font-family: neo-sans, sans-serif; display: inline-block;margin: 0 auto;float: none;cursor: pointer;text-align: center;}
.dd-article-list + a.WPloadMore[disabled] { display: none; }
.dd-article-list + a.WPloadMore:hover { background: #178773; color: #FFF; }

.ChatPop {position: fixed;z-index: 10;bottom: 16px;right: 16px;background: #fff;width: 64px;height: 64px;border-radius: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;box-shadow: 0 0 6px 0px #bfb9bb;}
.ChatPop > span {font-size: 28px;color: #178873;}
.ChatPop:hover {background: #178873;}
.ChatPop:hover > span {color: #fff;}

.ChatContent {position: fixed;bottom: 0; opacity: 0;right: 16px;width: min(440px, 100%);background: #fff;padding: 32px;border-radius: 10px;display: flex;flex-flow: row wrap;}
.ChatContent.chat-active {opacity: 1;bottom: 96px;box-shadow: 0 2px 16px 0px #0002;}
.ChatContent > span {position: absolute;right: 16px;top: 16px;color: #bfb9bb;cursor: pointer;}
.ChatContent > .ChatMessage {display: flex;flex-flow: row nowrap;grid-gap: 16px;}
.ChatContent > .ChatMessage > img {width: 70px;height: 70px;border-radius: 100%;}
.ChatContent > .ChatMessage > .ChatMessageContent {padding: 16px;background: #dfdfdf;border-radius: 4px 34px 34px 34px;position: relative;}
.ChatContent > .ChatMessage > .ChatMessageContent > p {margin: 0;font-size: 14px;line-height: 150%;}
.ChatContent > .ChatMessage > .ChatMessageContent > p:first-child {margin-bottom: 16px;}

.ChatContent div.media {display: flex;justify-content: flex-start;flex-flow: row wrap;margin-top: 32px;position: relative;}
.ChatContent div.media::after {content: ""; background: url('/resources/layout/crmcsLogo.svg') center center no-repeat; background-size: contain;display: block;position: absolute;bottom: -16px;right: 0;width: 100px;height: 57px;}
.ChatContent div.media > a {display: flex;flex-flow: row-reverse wrap;text-decoration: none;color: #979b9a;font-size: 12px;padding: 0 8px 0 0;background: none;align-items: center;}
.ChatContent div.media > a::after {content: "";display: block;width: 34px;height: 34px;background-color: #178873 !important;border-radius: 100%;margin-right: 0;}
.ChatContent div.media > a:hover {color: #fff;}
.ChatContent div.media > a:hover::after {background-color: #178873 !important;}
.ChatContent div.media > a.vimeo::after {background: url('/docdrive365/resources/layout/vimeo.png') center center / 18px no-repeat;}
.ChatContent div.media > a.linkedin::after {background: url('/docdrive365/resources/layout/linkedin.png') center center / 18px no-repeat;}
.ChatContent div.media > a.twitter::after {background: url('/docdrive365/resources/layout/twitter.png') center center / 18px no-repeat;}

.ChatContent div.media > a.vimeo:hover::after {background-color: #1AB7EA !important;}
.ChatContent div.media > a.linkedin:hover::after {background-color: #0073b1 !important;}
.ChatContent div.media > a.twitter:hover::after {background-color: #1da1f2 !important;}


@media screen and (max-width: 1024px) {
	header nav div.subHead > subnav {top: 53px;}
}

@media screen and (max-width: 768px) {
	content.noimg,
	#DocDriveBlog {padding-top: 44px;}
	header {background: #fff;}
	header logo {flex-grow: 2; width: 170px; }
	header .headerwrap {justify-content: flex-end;flex-wrap: wrap;}
	header nav.zflex {display: none;order: 2;flex-flow: column wrap;}
	header nav > div {padding: 16px 0; border-bottom: 1px solid #303534;}
	header nav > div:last-of-type {border-bottom: none;}
	header nav div.subHead > subnav {opacity: 1;position: static;background: transparent;padding: 16px 24px;border: none;pointer-events: all;}
	navmobile, search {padding: 16px; cursor: pointer;}
	body#DocDrive.searching #search-box {top: 108px;left: 16px;width: calc(100% - 32px);}
	header logo > a {width: 170px;min-width: 170px;}
	header.active nav.zflex,
	header navmobile {display: flex !important;}

	#DocDriveBlog[data-search="true"] .dd-article-search,
	.dd-article-list {display: grid;grid-template-columns: repeat(2, 1fr);}
	.dd-article-list > div[id*="panPager"] {grid-column: span 2;}

    footer > div .footer-links > div {width: 50%; margin-bottom: 32px}

}

@media screen and (max-width: 600px) {
	#DocDriveBlog[data-search="true"] .dd-article-search,
	.dd-article-list {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 44px;}
	.dd-article-list > div[id*="panPager"] {grid-column: span 1;}
    footer div.media > a {font-size: 0; padding-right: 8px}
	.ChatContent { width: calc(100% - 32px); }
}