/*
Theme Name: ZTP Theme
Description: WordPress Theme for ZTP
Version: 1
*/

/* Reset */
* {box-sizing:border-box;line-height:1em;font-size:16px;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, main, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;}
article, aside, figure, footer, header, hgroup, nav, section, main {display:block;}
div, ul, li {position:relative;}
img, object, embed {max-width: 100%;}
html {overflow-x:hidden;overflow-y: scroll;scroll-behavior: smooth;}
body {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
html, body {height:100%;}
h1, h2, h3, h4 {font-weight:normal;line-height:1.25em;text-transform:capitalize;letter-spacing:0.01em;clear:both;}
ul li,ol li{list-style-position:outside;list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; text-decoration: none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
th {font-weight:bold;vertical-align:bottom;}
td {font-weight:normal;vertical-align:top;}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
.ie6 input {vertical-align:text-bottom;}
table {font-size:inherit;font:100%;}
small {font-size:85%;}
strong {font-size:inherit;}
strong, b {font-weight:500;}
td, td img {vertical-align:top;} 
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}

/* Input */
input, select {vertical-align:middle;}
select, input, textarea {-webkit-appearance:none;}
input, textarea, select, a {outline:none;}
input[type='radio'] {vertical-align:text-bottom;}
input[type='checkbox'] {vertical-align:bottom;vertical-align:baseline;}
.clickable, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
button {width:auto; overflow:visible;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:none;}

/* Fonts */
@font-face {
  font-family: 'Inter';
  src: url('static/fonts/inter/inter-variable.woff2') format('woff2'),
       url('static/fonts/inter/inter-variable.woff') format('woff');
  font-style: normal;
  font-display: swap;
}

/* Body */
body {width:100%;font-weight:normal;position:relative;background:#f3f4f8;margin:0;padding:0;font-size:16px;font-family:'Inter', sans-serif;}
.wrapper {width:100%;margin:0 auto;overflow:hidden;max-width:52rem;}
.inside {padding:0 3rem;}
.wrapper.content {max-width:75rem;}
#main-block {width:100%;clear:both;padding-top:3.75rem;}
#content {padding:0;}
.single-post .text, .single-post h1 {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
section {width:100%;overflow:hidden;zoom:1;}
.full {width:100%;height:auto;clear:both;}
.half {width:50%;}
.third {width:33.33333%;}
.quarter {width:25%;}
.fifth {width:20%;}
.zero {margin:0;padding:0;}
.pad {padding:0 0.938rem;}
.stop-scrolling {height:100%;overflow:hidden;}
.desktop {display:block;}
.mobile {display:none;}
.video-wrapper {position:relative;padding-bottom:56.25%;padding-top:1.563rem;height:0;}
.video-wrapper iframe, .video-wrapper div {position:absolute;top:0;left:0;width:100%;height:100%;}
.clearfix:before,
.clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
img.social-logo {position:absolute;top:-120%;}
.flex {display:flex;justify-content: space-between;align-items:center;width:100%;}
p:empty {display: none;}

/* Header */
#top {display:flex;align-items:center;width:100%;background:#fff;height:3.75rem;clear:both;position:fixed;z-index:99999;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;border-bottom:1px solid #d0d8ec;}
#top.nav-up {margin-top:0;}
#top .wrapper .flex {height:3.75rem;}

/* Navigation */
a.logo {display:flex;align-items:center;float:left;font-size: 1.75rem;line-height:1em;padding-top:1px;text-transform:capitalize;color:#000;font-weight:300;}
a.logo span {font-size:1.125rem;color:#000000;}
a.logo img {margin-right:0.625rem;}
a.menu-icon {display:block;width:2.25rem;height:2.25rem;text-indent:-9999px;background: url('static/images/open2.svg') no-repeat center center;line-height:1em;float:right;-webkit-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
a.menu-icon.close-icon {background: url('static/images/close2.svg') no-repeat center center;}
a.menu-book {background:#ec4e00;text-align:center;display: flex;align-items: center;
border:none;font-size:0.875em;color:#fff;width:auto;height:auto;text-transform:capitalize;-webkit-transition: none;-o-transition: none;transition: none;padding: 2px 14px 0px 15px;font-weight:600;letter-spacing:1px;line-height:1.5em;border-radius:30px;text-shadow:0 0 2px #aa3800;border:1px solid #c74302;}
a.menu-book:hover {background:#000;color:#fff;border:1px solid #000;}
.menu-items {display: flex;gap:1rem;}

.mobile-nav {visibility:hidden;opacity:0;background:#f3f4f8;position:absolute;position:fixed;top:0;margin-top:3.75rem;padding-top:3rem;padding-bottom:4rem;right:auto;height:100%;width:100%;overflow:hidden;overflow-y:auto;letter-spacing:0.1em;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;-webkit-overflow-scrolling:touch;}
.mobile-nav-show {opacity:1;visibility:visible;}
.mobile-nav ul {display:block;margin:0;padding:0;padding-bottom:1rem;}
.mobile-nav ul li {text-align:center;display:block;margin:0;border-right:none;}
.mobile-nav ul li:last-child {}
.mobile-nav ul li a, .mobile-nav ul li span {font-size:1.75rem;text-transform:capitalize;letter-spacing:1px;display:block;text-decoration:none;}
.mobile-nav ul li a {padding:0.875rem 0;font-weight:300;}
.mobile-nav ul li a:hover {}
.mobile-nav ul li ul {border-bottom:none;margin:0}
.mobile-nav ul li ul li {line-height:2.5rem;font-size:0.7em;border-right:none;border-left:none;padding-left:0;}
.mobile-nav ul li ul li a {padding:0.625rem 0.938rem;font-size:1.125rem;text-transform:initial;}
a.phone-nav {text-align:center;clear:both;float:none;font-size:1.8em;color:#000;display:block;padding-bottom:1.25rem;}
.mobile-nav ul#social {float:none;clear:both;overflow:hidden;width: 13rem;padding-bottom:2.5rem;}
.mobile-nav ul#social li {margin:0 0.625rem;}
.mobile-nav ul#social a {text-indent: -9999px;display:block;width: 2rem;height: 2rem;padding: 0;}
.mobile-nav ul#social a img {display:block;float:left;width: 100%;height:100%;}
.mobile-nav h3 {font-size:1.8em;padding-bottom:1.25rem;text-align:center;}

/* Buttons */
a.button {background: #ec4e00;
    text-align: center;
    display: inline-block;
    border: none;
    font-size: 1em;
    color: #fff;
    width: auto;
    height: auto;
    text-transform: capitalize;
    font-weight: 300;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 11px 20px 7px 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5em;
    border-radius: 30px;
    text-shadow: 0 0 2px #aa3800;
    border: 1px solid #c74302;
}
a.button:hover {background:#000000;color:#fff;}
a.button.fixed {position:fixed;bottom:1.5rem;right:1.5rem;opacity:0;transition:all 0.15s ease-out;z-index:10;background:#fff;color:#ec4e00;text-shadow:none;border: 1px solid #0038b8;}
a.button.fixed:hover {color:#000;}

/* Footer */
footer {padding:0 0 11.25rem 0;clear:both;text-align:center;margin-top:4rem;}
footer.front {margin-top:0;}
footer h3 {}
footer p {color:#0038b8;margin-bottom:1rem;}
.footer-title {font-size: 2rem;text-transform: capitalize;letter-spacing: 0.05em;padding: 4rem 0 2rem 0;color:#000000;font-weight: 200;}
.footer-title a {font-weight:400;}
#insta-box {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding-bottom:4rem;}
#insta-box img {width:100%;height:auto;}
#insta-box a {line-height:0;}
#promo-box {position:relative;text-align:right;background: url('static/images/ztp-home-5.jpg') no-repeat center center;background-size:cover;display:flex;align-items:end;justify-content:start;height:300px;}
.promo-link:hover {cursor:pointer;}
#promo-title {color:#fff;font-size:3rem;text-transform:capitalize;z-index:2;text-shadow:0 0 6px #000;margin-left: 2rem;margin-bottom: 3rem;font-weight: 300;}

/* Front Page */
#feature {position:relative;background:#000;}
#feature-responsive {position:relative;height:500px;}
#feature-responsive div {position:absolute;top:0;left:0;width:100%;height:100%;}
#feature-slider {}
#feature-slider div {position: absolute;top: 0;left: 0;transition: opacity 1s ease;transform: scale(1);opacity: 0;}
#feature-slider div.active {opacity: 1;}
#feature-home-1 {width:100%;background: url('static/images/ztp-home-1.jpg') no-repeat center center;background-size:cover;}
#feature-home-2 {width:100%;background: url('static/images/ztp-home-2.jpg') no-repeat center center;background-size:cover;}
#feature-home-3 {width:100%;background: url('static/images/ztp-home-3.jpg') no-repeat center center;background-size:cover;}
#feature-home-4 {width:100%;background: url('static/images/ztp-home-4.jpg') no-repeat center center;background-size:cover;}

#feature-slider div {transition: transform 3s linear, opacity 0.1s ease-in-out;}
#feature-slider div.active {transform: scale(1.05);opacity: 1;}

#title {text-align:right;padding:0 0 2rem 0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:5;display: flex;align-items:end;justify-content:end;}
#title h1 {float:left;font-size:7rem;margin-right:2.5rem;margin-bottom:0;line-height:0.7em;color:#fff;text-transform:capitalize;text-shadow: 0 0 20px #000;}
#title h1 span {display:block;font-size:1.5rem;color:#fff;text-transform:capitalize;letter-spacing:0.1em;text-shadow: 0 0 20px #000;margin-top:0.313rem;}

#blurb {height:170px;position:relative;display: flex;align-items: center;justify-content:center;text-align:center;}
#blurb-slider {}
#blurb-slider div {font-size:1.75rem;line-height:1.5em;display:none;margin:0 6rem;font-weight: 200;color:#000000;}
#blurb-slider div.active {display:block;}

#services {display:grid;grid-gap:3rem;gap:3rem;grid-template-columns:1fr 1fr;margin:0;}
.service {position:relative;height:300px;}
#service-1, #service-2, #service-3, #service-4 {position:absolute;top:0;left:0;width:100%;height:100%;width:100%;}
#service-1:after, #service-2:after, #service-3:after, #service-4:after {content:'';width:100%;height:100%;background:#000;opacity:0;position: absolute;top: 0;left: 0;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;}
#service-1 {background: url('static/images/ztp-home-3.jpg') no-repeat center center;background-size:cover;}
#service-2 {background: url('static/images/ztp-home-1.jpg') no-repeat center center;background-size:cover;}
#service-3 {background: url('static/images/ztp-home-2.jpg') no-repeat center center;background-size:cover;}
#service-4 {background: url('static/images/ztp-home-4.jpg') no-repeat center center;background-size:cover;}
.service-name {z-index:2;position:absolute;bottom:0;left:0;font-size:2.5rem;padding: 2rem 2.5rem;color: #fff;text-transform:capitalize;letter-spacing:0.05em;text-shadow:0 0 6px #000;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;font-weight: 200;}
.service:hover #service-1:after, .service:hover #service-2:after, .service:hover #service-3:after, .service:hover #service-4:after, .service.active #service-1:after, .service.active #service-2:after, .service.active #service-3:after, .service.active #service-4:after {opacity:0.2;}

#hook {height:170px;position:relative;display: flex;align-items: center;justify-content:center;text-align:center;}
#hook div {font-size:1.75rem;line-height:1.5em;margin:0 6rem;font-weight: 200;color: #000000;}

#video-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    opacity:0.9;
}

#hero-video-1,
#hero-video-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:cover;
    opacity: 0;
    transition: opacity 0.3s linear;
    display: none;
}

#hero-video-1.active,
#hero-video-2.active {
    display: block;
    opacity: 1;
}

#hero-video-1.fading-out,
#hero-video-2.fading-out {
    opacity: 0;
}

/* Drawer */
.drawer {}
.drawer h3 {font-size:1.6rem;}
.drawer > :first-child {min-height: 42px;display: flex;align-items: center;justify-content: space-between;margin:0 !important;font-weight:400;font-size: 3rem;color: #0038b8;font-weight:200;}
.drawer h2:first-child + div > :first-child, .drawer h3:first-child + div > :first-child {margin-top:1.5rem;}
.drawer > div {max-height:0;}
.drawer > h2 > img, .drawer > h3 > img {margin-left: 1rem;}
.text img.drawer-icon {width: 2.25rem;height: 2.25rem;line-height:1em;float:right;-webkit-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;transform:rotate(45deg);margin:0;margin-left: auto;}
.text img.drawer-icon.close {transform:rotate(0deg);}

/* Format */
a {color:#5389de;letter-spacing:0.03rem;}
a.active {color:#000000;}
a:hover {color:#000000;}
a.current {color:#000;}
.current a {color:#000;}
a:hover, a:active {outline:none;}
a.anchor {display: block;position: relative;top:-4vw;visibility: hidden;line-height:0 !important;}

.page-hero {height:auto;position:relative;background:#0038b8;}
.page-title {padding:2rem 0;color:white;}
.page-title h1 {font-size:3rem;margin:0;padding:0 3rem;line-height:1.125em;color:#fff;text-transform:none;text-shadow: 0 0 2px #000;position:relative;z-index:3;font-weight: 200;}
.featured {width:100%;height:300px;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0.8;}

.post {width:100%;margin-bottom:2.5rem;}
.post:last-child {border-bottom:none;}
.text {width:100%;height:auto;margin-bottom:1rem;}
.text p {font-weight: 200;margin-bottom:1.875rem;font-size:1.375rem;line-height:1.8em;color:#000000;clear:both;font-weight:300;}
.text p.highlight {font-size:1.75rem;line-height:1.6em;color:#0038b8;font-weight:200;}
.text blockquote {border-left:3px solid #6c1900;;padding:0.7em 2em 0.8em 2em;margin-bottom: 1.875rem;overflow:hidden;}
.text blockquote p {padding:0;font-size:1.25em;}
.text blockquote cite {padding-top:0.938rem;float:right;}

.spacer {width:100%;display:block;height:1px;background:none;margin:1.4rem 0;}
.text p.quote {margin: 3rem 0;padding:3rem 0;border: none;border-top: 1px solid #edd5cc;border-bottom: 1px solid #edd5cc;font-size:1.625rem;line-height:1.6em;color:#0038b8;position:relative;text-align:center;}
.text p.quote::before {content: url('/wp-content/themes/ztp-theme/static/images/star.jpg');display: block;width: 100%;height: 31px;text-align: center;position:absolute;top:-16px;}
.text p.quote::after {content: url('/wp-content/themes/ztp-theme/static/images/star.jpg');display: block;width: 100%;height: 31px;text-align: center;position:absolute;bottom:-16px;}
.separator {margin: 3rem 0;border-top: 1px solid #d0d8ec;position:relative;text-align:center;}
.separator.top {margin-top:1.5rem;}
.separator.bottom {margin-bottom:1.5rem;}
.text hr {margin: 3rem 0;border-top: 1px solid #d0d8ec;position:relative;text-align:center;overflow: visible;}


.text img {width:100%;height:auto;padding-right:0;float:left;margin-bottom:3rem;}
article h1 {font-size: 3.5rem;margin: 4rem 0 3rem 0;color: #000000;line-height: 1.125em;}
.text h2 {font-size: 2.2rem;line-height:1.125em;margin:3rem 0 1.875rem 0;color: #0038b8;text-transform:capitalize;font-weight:300;}
h2.blurb {font-size: 2.6rem;margin:-1rem 0 3rem 0;color: #0038b8;text-align:right;}
.text h3 {font-size: 1.75rem;margin:3rem 0 1.563rem 0;color: #0038b8;font-weight:300;}
.text h4 {font-size: 1.375rem;margin:1.5rem 0 1rem 0;color: #0038b8;font-weight:500;}
.text ul, .text ol {padding: 1.25rem;padding-left: 2.5rem;margin: 0;border: 1px solid #0038b8;border-radius: 1rem;background: #fff;margin: 1.875rem 0;}
.text li {margin-bottom:0.938rem;font-size:1.375rem;line-height:1.8em;list-style-type: disc;color: #000000;font-weight:300;}
.text li strong {font-weight:500;}
.text li:last-child {margin-bottom:0;}
.text a {line-height:1.8em;border-bottom: 2px dashed #d7dde4;}
.text .wp-block-gallery img {margin:0;}
.button-wrapper {width:100%;text-align:center;}
.text button:hover {background:rgba(255,255,255,1);}
.catbox {clear:both;width:100%;}
.byline {clear:both;padding-top:1.563rem;}
.byline-time {font-size:1.25em;line-height:1.8em;float:left;margin-right:1.875rem;font-size: 2.5rem;color: #0038b8;font-weight:200;}
.byline-author {font-size:1.25em;line-height:1.8em;float:left;color:#6c1900;}
.categories {float:left;font-size:1.25em;color:#6c1900;}
.categories a {margin-right:1.25rem;line-height:1.8em;float: left;}
.categories p {color:#6c1900;float:left;margin-right:1.25rem;line-height:1.8em;}
#paginate {position:relative;left:0;font-size:1.5em;overflow:hidden;}
.older{float:left;}
.newer{float:right;}
.read-more {display:inline;font-weight:400;}
.post-box__flex {display: flex;}
.post-box__flex p {margin:0;}
.post .post-box img.featured {width:400px;height:100%;padding-right:1.875rem;opacity:1;}
.post-box .text {margin-bottom:0;}
.post-title h2 {font-size: 2.5rem;margin-bottom: 1.5rem;font-weight: 300;}


a.print {font-size: 1.25em;line-height: 1.8em;}
masonry-layout {margin: 1.5rem;}
masonry-layout .masonry-box {display:flex;align-items:center;justify-content:center;text-align:center;width: 100%; height: auto;margin-bottom: 0rem;padding:2rem 2.5rem;background:#0038b8;border-radius:1rem;font-size: 1.75rem;line-height: 2rem;color:#fff;transition:all 0.15s ease-out;text-shadow:0 0 2px #000;font-weight:300;}
masonry-layout .masonry-box:hover {cursor:pointer;background:#000;}
masonry-layout a {margin-bottom:1.5rem;}

.page-author {font-size:1rem;font-weight:300;margin: 3rem 0 0 0;}
.page-author, .page-author span, .page-author time {color:#0038b8;}

.grid a.swipe-left {margin-left:-1.875rem;}
.grid a.swipe-right {margin-right:-1.875rem;}

.links {margin-bottom:1.875rem;}
.links p {font-size:1.5rem;padding-bottom:1.875rem;}

.box {border: 1px solid #0038b8;border-radius:1rem;padding:1rem 1.375rem 1.25rem 1.375rem;background:#fff;margin-bottom:1.5rem;}
.box h2, .box h3 {margin-top:0;margin-bottom:1rem;}
.box > :last-child {margin-bottom:0;}
.text .box h3 {font-size: 1.375rem;margin:0.5rem 0 1rem 0;color: #0038b8;font-weight:500;}
.text .box h4 {margin-top:0.5rem;}


#toc {clear:both;}
#toc ul {padding:1rem;padding-left:2.5rem;margin:0;border: 1px solid #0038b8;border-radius: 1rem;background: #fff;}
#toc ul li {margin:0;font-size:1.125em;line-height:1em;list-style-type:circle;color:#0038b8;font-weight:300;}
#toc ul li a {line-height: 1.5em;}
#toc ul ul {border: none;padding:0;padding-left:1.5rem;margin-bottom:0.5rem;}
#toc ul ul:last-child {margin:0;}
#toc-jump {display: block;position: relative;top: -70px;}

.resnexus-widget {display: flex;justify-content: space-between;align-items: end;}
.resnexus-widget label {display:block;color:#0038b8;text-transform:capitalize;font-size:0.875rem;font-weight:600;padding-left:1px;padding-bottom:3px;}
.resnexus-widget input {padding:12px;border-radius:6px;border:1px solid #eed7cf;font-weight:300;color:#000000;}
.resnexus-widget select {padding:12px;border-radius:6px;border:1px solid #eed7cf;min-width:80px;font-weight:300;color:#000000;background:#fff;}
.resnexus-widget button {background: #ec4e00;text-align: center;display: flex;align-items: center;border: none;font-size: 0.875em;color: #fff;width: auto;height: auto;text-transform: capitalize;font-weight: 300;-webkit-transition: none;-o-transition: none;transition: none;padding: 11px 15px 9px 15px;font-weight: 600;letter-spacing: 1px;line-height: 1.5em;border-radius: 30px;text-shadow:0 0 2px #aa3800;border:1px solid #c74302;}
.resnexus-widget button:hover {background:#000;color:#fff;border:1px solid #000;}
.resnexus-datepicker {background: url('https://resnexus.com/resnexus/img/icons/calendar.png') no-repeat;background-position: right 5px center;height: 22px !important;width: 105px !important;cursor: pointer;padding-left: 10px !important;border: 1px solid #ccc;}

/* Social */
ul#social  {clear:both;margin:0;padding:0;padding:1.563rem 0;overflow:hidden;}
ul#social li {display: block;float:left;margin-right:1.25rem;font-size:1.25em;line-height:1.8em;color:#6c1900;}
ul#social img {height:1.5rem;position:relative;top:0.25rem;}
ul#social img:hover {filter: brightness(0%);}

/* Forms */
.wpcf7 {padding:0;overflow:hidden;width:100%;}
.wpcf7 p {font-size:1.438rem;margin-bottom:0;padding:0;line-height:1rem;}
.wpcf7 h2 {font-size:2.4em;padding-bottom:1.25rem;}
form.wpcf7-form {text-align:left;}
.wpcf7-form input[type=text] {color: #0038b8;width:100%;padding:2vw;outline:none;font-size:2vw;line-height:1em;box-sizing:border-box;border:none;background:#f7f9f4;border-radius: 0;}
.wpcf7-email {color: #0038b8;width:100%;padding:2vw;outline:none;font-size:2vw;line-height:1em;box-sizing:border-box;border:none;background:#f7f9f4;border-radius: 0;}
.wpcf7-form textarea {color: #0038b8;width:100%;padding:2vw;outline:none;font-size:2vw;line-height:1em;box-sizing:border-box;border:none;background:#f7f9f4;height:6.25rem !important;border-radius: 0;}
.wpcf7-form input[type=date] {color: #0038b8;width:100%;padding:2vw;outline:none;font-size:2vw;line-height:1em;box-sizing:border-box;border:none;background:#f7f9f4;border-radius: 0;}
.wpcf7-form select {color: #0038b8;width:100%;padding:2vw;outline:none;font-size:2vw;line-height:1em;box-sizing:border-box;border:none;background:#f7f9f4;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;background-image: url('/wp-content/themes/ztp-theme/static/images/down-arrow.png');background-repeat: no-repeat;background-position-x:98%;background-position-y:center;}
.wpcf7-form input[type=text], .wpcf7-email, .wpcf7-form textarea, .wpcf7-form input[type=date], .wpcf7-form select {margin-bottom:2vw;}

.wpcf7-form label {font-size:1vw;}

::-webkit-input-placeholder {color:#999;line-height:1em;}
:-moz-placeholder {color:#999;line-height:1em;}
::-moz-placeholder {color:#999;line-height:1em;}
:-ms-input-placeholder {color:#999;line-height:1em;}

.wpcf7-form input[type=submit] {position:relative;z-index:3;text-align:center;clear:both;display:block;border:none;background:#fff;font-size:3vw;text-transform:capitalize;padding:2.5vw 3vw 2vw 3vw;letter-spacing:0.1em;line-height:1em;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;margin-top:0.625rem;}
.wpcf7-form input[type=submit]:hover {color:#000;}
.wpcf7-form input[type=submit]:active {}

.screen-reader-response {display:none;}
.wpcf7-form-control-wrap {line-height:0;}

.wpcf7-response-output {}
.wpcf7-mail-sent-ok {}
.wpcf7-mail-sent-ng {}
.wpcf7-spam-blocked {}
.wpcf7-validation-errors {}
.wpcf7-form-control-wrap {position: relative !important;display: inline-block;width: 100%;}

.wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid {background:#f8ffef;}
.wpcf7-not-valid-tip-no-ajax {display:none !important;}
.wpcf7-display-none {display: none !important;}
.wpcf7 img.ajax-loader {display:none !important;}

span.wpcf7-not-valid-tip {display:none !important;}
.wpcf7 form .wpcf7-response-output {border:none !important;padding: 2vw !important;background:#f8ffef !important;margin: 0 !important;margin-bottom:1rem !important;color: #0038b8;font-size:1.8vw;}

/* Adjust the position and visibility of the next and previous buttons */
.fancybox__nav {position: absolute;top: 0;bottom: 0;margin: auto 0;height: 50px;width: 100%;}

@media (max-width:105rem){
    .main-block-grid {grid-template-columns: 1fr 300px;}
}
@media (max-width:64rem){
    #services .wrapper {grid-template-columns: 1fr 1fr;grid-gap:1.25rem;}
    #content {width:100%;padding-right:0;padding-bottom:0;}
    .main-block-grid {grid-template-columns:1fr;}
    #head-nav {display:none;}
    a.menu-icon {display:block;}
    #paginate {margin-bottom:2.5rem;}
    .search {display:none;}
    .mobile-nav .search {display:block;}
    .wpcf7-form input[type=text], .wpcf7-email, .wpcf7-form textarea, .wpcf7-form input[type=date], .wpcf7-form select {font-size:3vw;padding:2.4vw;margin-bottom:3vw;}
    .wpcf7-form input[type=submit] {font-size: 3.6vw;padding: 3vw 3vw 2.6vw 3vw;}
    .mobile-nav ul li a {}
    .post .post-box img.featured {width:300px;}
    .blog .text p {font-size: 1.25rem;line-height: 1.5em;}
    .page-title h1 {font-size:2.5rem;}
    .post-title h2 {font-size: 2.25rem;}
}
@media (max-width:48rem){ /* 768 */
    .text p.highlight {font-size: 1.5rem;}
    .wpcf7-form input[type=text], .wpcf7-email, .wpcf7-form textarea, .wpcf7-form input[type=date], .wpcf7-form select {font-size:3.8vw;padding:3vw;}
    .wpcf7-form input[type=submit] {font-size: 4vw;padding: 3.4vw 3.4vw 3vw 3.4vw;}
    .service {height: 215px;}
    .service-name {font-size: 2.125rem;padding: 1rem 1.5rem;}
    #feature-responsive {height: 400px;}
    #title h1 {font-size: 5rem;}
    #title h1 span {font-size: 1rem;font-weight: 400;}
    #blurb {height: 170px;}
    #blurb-slider div {font-size: 1.5rem;}
    #hook {height: 170px;}
    #hook div {font-size: 1.5rem;}
    .resnexus-widget {display: block;}
    .resnexus-widget label {}
    .resnexus-widget input {width:100%;margin-bottom:1.5rem;}
    .resnexus-widget select {width:100%;margin-bottom:1.5rem;}
    .resnexus-widget button {}
    .page-title {padding: 1rem 0;width:100%;}
    .page-title h1 {font-size:2rem;font-weight:300;}
    .post .post-box img.featured {width:100%;padding-right:0;padding-bottom:2rem;}
    .post-box__flex {flex-direction: column;}
    .blog .text p {font-size: 1.375rem;line-height: 1.8em;}
    .post-title h2 {margin-bottom:2rem;}
}
@media (max-width:40rem){
    h1, h2, h3, h4 {font-weight:300;}
    .desktop {display:none;}
    .mobile {display:block;}
    #content {padding-top:0px;}
    .post {margin-bottom:1.875rem;padding-bottom:0rem;}
    .half {width:100%;margin-bottom:1.875rem;}
    .third {width:100%;margin-bottom:1.875rem;}
    .quarter {width:100%;margin-bottom:1.875rem;}
    .fifth {width:100%;margin-bottom:1.875rem;}
    .wp-block-image .alignright, .wp-block-image .alignleft {margin:0 !important;width:100% !important;float:none !important;}
    .wp-block-custom-blocks-box.alignleft, .wp-block-custom-blocks-box.alignright {width:100%;float:none;margin:0;}
    a.menu-icon {margin-right:0;}
    a.logo {font-size:1.4rem;font-weight:400;}
    a.logo span {display:none;}
    a.menu-book {padding-top: 1px;}
    #top {padding: 0.375rem 0;}
    .text p {line-height:1.5em;font-weight:300;}
    .text li {line-height:1.5em;}
    .text p.highlight {line-height:1.3em;font-weight:300;}
    .text h2 {font-size: 2rem;line-height:1em;font-weight:300;margin-top:3rem;}
    .drawer > :first-child {font-weight:300;font-size:2rem;line-height:1em;}
    .text h3 {font-size: 2rem;font-weight:400;}
    .text a {line-height:1.5em;}
    article h1 {font-size: 3rem;margin: 2rem 0 2rem 0;}
    .blog .text p {line-height: 1.5em;}
    .categories a, .categories p, .byline-time, .byline-author, ul#social li {line-height:1.5em;}
    header.post-title h2 {line-height: 1.125em;font-size: 2rem;font-weight:400;}
    .byline {padding-top: 1.875rem;}
    .byline-time {font-size: 2rem;color: #0038b8;font-weight: 200;}
    ul#social {padding-top: 1.875rem;}
    .post-box__flex {display:block;}
    .post .post-box img.featured {padding-right:0;padding-bottom:1.5rem;}
    #services {grid-template-columns:1fr;gap:1rem;}
    .service-name {font-weight:300;}
    #links a {font-size: 5.8vw;padding: 8px 4vw;}
    #insta-box {grid-template-columns:1fr 1fr;}
    .inside {padding: 0 1rem;}
    #title h1 {font-size: 4rem;margin-right: 1rem;}
    #title h1 span {font-size: 1rem;font-weight:400;}
    #blurb-slider div {margin:0;font-size:1.375rem;font-weight:300;}
    #hook div {margin:0;font-size:1.375rem;font-weight:300;}
    #promo-title {margin-left: 1.5rem;margin-bottom: 2rem;font-size:2.125rem;}
    #promo-box {height:200px;}
    .post .featured {height:300px;}
    .post .page-hero {height:auto;margin:0;}
    .page .featured {height:200px;}
    .page .page-hero {height:auto;margin:0;}
    .blog .featured {height:200px;}
    .blog .page-hero {height:auto;margin:0;}
    .footer-title {font-size: 1.5rem;font-weight:300;}
    #video-container {height: 400px;}
    #toc ul li {font-weight:400;}
    a.button.fixed {right: auto;left: 50%;transform: translate(-50%, -50%);}
    masonry-layout {margin:1rem;}
    masonry-layout a {margin-bottom: 1rem;}
    .page-title h1 {padding:0 1rem;}
}