/*////////////////////////////////////////////////////////////////////////////// Theme Name: Third Street Development Theme URI: https://www.takethirdstreet.com Description: Third Street Development Theme Version: 1.0.0 Author: Third Street Author URI: https://www.takethirdstreet.com Tags: //////////////////////////////////////////////////////////////////////////////*/ /* GLOBAL VARIABLES */ :root { /* CUSTOM */ --color-yellow: #ffd800; --color-blue: #29a1db; --color-green: #afbf26; --color-orange: #f4b212; --color-grey-light: #dddddd; --color-grey-dark: #333333; /* GLOBAL */ --section-max-width: 1280px; --menu-position: sticky; --menu-height: 100px; /* FONTS */ --font-body: 'Poppins'; --font-body-backup: 'Verdana'; --font-form-fields: var(--font-body); --font-nav: 'Poppins'; --font-headings: 'DIN Alternate Bold'; --font-headings-h1: 'DIN Alternate Bold'; --font-headings-h2: var(--font-headings); --font-headings-h3: var(--font-headings); --font-headings-h4: var(--font-headings); --font-headings-h5: var(--font-headings); --font-paragraph: 'Poppins'; --font-buttons: 'DIN Alternate Bold'; --font-custom: 'DIN Alternate Bold'; --font-size-body: 20px; --font-size-body-large: 20px; --font-size-body-medium: 20px; --font-size-body-small: 16px; /* COLORS */ --color-header-text: #fff; --color-header-bg: none; --color-header-bg-hover: #111; --color-header-mobile-text: #fff; --color-header-mobile-bg: var(--color-blue); --color-header-mobile-bg-hover: var(--color-blue); --color-footer-text: #ffffff; --color-footer-text-hover: #ffffff; --color-footer-bg: #2F3239; --color-footer-bg-hover: #111; --color-body-text: #111; --color-body-bg: #fff; --color-button-bg: var(--color-green); --color-button-bg-hover: #111; --color-button-text: #fff; --color-button-text-hover: #fff; --color-menu-bg: none; --color-menu-bg-hover: #111; --color-menu-links-text: #ffffff; --color-menu-links-text-hover: #ffffff; --color-menu-links-bg: none; --color-menu-links-bg-hover: rgba(0,0,0,0.5); --color-menu-mobile-bg: var(--color-blue); --color-menu-mobile-links-text: #fff; --color-menu-mobile-links-text-hover: var(--color-green); --color-menu-mobile-links-bg: none; --color-menu-mobile-links-bg-hover: none; --color-submenu-bg: rgba(0,0,0,0.8); --color-submenu-bg-hover: rgba(0,0,0,0.8); --color-submenu-links-text: #fff; --color-submenu-links-text-hover: #fff; --color-submenu-links-bg: none; --color-submenu-links-bg-hover: rgba(0,0,0,0.01); } /*////////////////////////////////////////////////////////////////////////////*/ /* RESETS */ * {box-sizing:border-box !important;-webkit-box-sizing:border-box;} a,abbr,address,area,article,aside,audio,b,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,dd,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,keygen,label,legend,li,link,main,map,mark,meter,nav,noscript,object,ol,optgroup,option,output,p,param,picture,pre,progress,q,s,section,select,small,source,span,strike,strong,sub,summary,sup,svg,table,tbody,td,template,textarea,tfoot,th,thead,time,tr,track,tt,u,ul,video {position:relative;margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;backface-visibility: hidden;} /*////////////////////////////////////////////////////////////////////////////*/ /* TEXT-SELECTION & INPUT PLACEHOLDER DEFAULTS*/ ::-moz-selection {background: #000;text-shadow: none;color:#fff;} ::selection {background: #000;text-shadow: none;color:#fff;} :-moz-placeholder {color: #A4A4A4;} ::-moz-placeholder {color: #A4A4A4;} ::-webkit-input-placeholder {color: #A4A4A4;} ::-ms-input-placeholder {color: #A4A4A4;} /* TEXT-SELECTION & INPUT PLACEHOLDER DEFAULTS*/ /*////////////////////////////////////////////////////////////////////////////*/ .row {width:100%;max-width:var(--section-max-width);margin:0px auto;} /*.row::after {clear:both;display:block;height:0px;content:"";}*/ a, a:visited {color: var(--color-green); text-decoration: underline;} a:active, a:hover {opacity:1;} a:focus {outline:none;} article {padding:1em;margin-bottom:1em;} article ul {list-style-position:outside;padding-left:1em;} article ul li {opacity:1;} blockquote, .wp-block-pullquote P {text-align:center;font-size:1.25rem;} body, html {width:100%;font-size:var(--font-size-body-large);-webkit-font-smoothing: antialiased;} body {font-weight:300;overflow-y:scroll;overflow-x:hidden !important;font-family:var(--font-body),sans-serif;} body.active {overflow:hidden !Important;} /*///////////////////////////////////*/ /* ELEMENTS : Buttons */ .buttons, a.buttons, a.wp-block-button__link, .wp-block-button__link, input[type="submit"], .forminator-button, .wp-element-button {color:var(--color-button-text);text-decoration:none !important;text-align:center;cursor:pointer;font-family:var(--font-buttons);text-transform:uppercase;font-weight:bold;border-radius:0;padding:.5em 2em;font-size:1rem;box-shadow:0px 0px .5em rgba(0,0,0,0.01);text-decoration:none;background-color:var(--color-button-bg);display:inline-block;transition:.5s ease;-webkit-transition:.5s ease;} .buttons:hover, a.buttons:hover, a.wp-block-button__link:hover, .wp-block-button__link:hover, input[type="submit"]:hover, .forminator-button:hover, .wp-element-button:hover {background-color:var(--color-button-bg-hover) !important;color:var(--color-button-text-hover) !important;transition:.5s ease;-webkit-transition:.5s ease;} cite, .wp-block-pullquote cite {text-align:center;display:block;font-size:1rem;font-style:none;font-family:'Roboto',sans serif;} footer {position:relative;z-index:5;font-size:.75rem;;background-color:var(--color-footer-bg);color:var(--color-footer-text);} footer .logo-name {display:inline-block;line-height:70px;} footer .logo-image {display:inline-block;height:70px;width:auto;border:0;padding:0;margin:15px 0;} footer P {font-size:.75rem;} footer#footer-business {/*min-height:8vw;margin-top:calc(-8vw + -1px);margin-bottom:-1px;clip-path: polygon(0 0, 8vw 8vw, calc(100% - 8vw) 8vw, 100% 0, 100% 100%, 0 100%);*/} footer#footer-business {background-color:var(--color-footer-bg);position:relative;overflow:hidden;} footer#footer-business img {margin:.5rem 0;} footer#footer-business nav ul {display:flex;flex-flow:row wrap;list-style:none;margin:1rem 0;} footer#footer-business nav ul li {text-align:center;display:inline-block;list-style:none;flex:1;} footer#footer-business nav ul li a {font-size:.75rem;display:block;line-height:3em;color:white;} footer#footer-business nav ul li a i {color:var(--color-yellow);} footer#footer-business nav ul li:first-child {text-align:center;} footer#footer-business nav ul li:last-child {text-align:center;} footer#footer-last {background-color:var(--color-footer-bg);padding:1rem;color:rgba(255,255,255,0.4);font-size:.75rem;z-index:11;border-top:1px solid rgba(0,0,0,0.5);} footer#footer-last .row {padding:0 1rem;} footer#footer-last nav {display:inline-block;} footer#footer-last nav:last-child {float:right;} footer#footer-last nav ul {display:inline-block;list-style:none;} footer#footer-last nav ul li {display:inline-block;} footer#footer-last nav ul li a {color:rgba(255,255,255,0.4);padding-left:.25em;} footer#footer-last nav ul li a:hover {text-decoration:underline} footer #footer-widgets {grid-gap:2rem;padding:0 0 2rem 0;justify-content:space-between;} footer #footer-widgets .widgets {min-width:250px;flex:1;} h1,h2, h3, h4, h5 {padding:1rem 0;font-family:var(--font-headings);font-weight:normal;line-height:1.1;} h1 {font-size:5rem;} h2 {font-size:2rem;} h3 {font-size:1.5rem;} h4 {font-size:1.25rem;} h5 {font-size:1rem;} header {width:100%;background-color:var(--color-header-bg);color:var(--color-header-text);position:var(--menu-position);top:-1px;z-index:999999;display:block;height:auto;transition:background-color .5s ease;} header:hover, header.active {background:var(--color-header-bg-hover);transition:.5s ease;-webkit-transition:.5s ease;box-shadow:0px 0px .5rem rgba(0,0,0,0.1);} header #menu-wrap {flex:1;} header #logo-wrap {display:block;height:100px} header #logo-wrap a {display:block;height:100px} header #logo {display:inline-block;height:70px;width:auto;border:0;margin:15px 1rem;} header .logo-name {line-height:100px;display:block;padding:0 1rem;} header #menu-toggle {display:none;} header #menu-toggle span {display: block;font-weight: bold;font-size: 12px;} header nav * {transition:.2s ease;} header nav {margin-right:1rem;font-size:15px;font-weight:bold;z-index:2;justify-content:end;align-items:flex-end;display:flex;font-family:var(--font-nav);background-color:var(--color-menu-bg);text-transform:uppercase;} header nav ul {display:inline-block;} header nav ul li {display:inline-block;position:relative;background:var(--color-menu-links-bg);} header nav ul li:hover, header nav ul li.active {background:var(--color-menu-links-bg-hover) !important;} header nav ul li a, header nav ul li a:visited {color:var(--color-menu-links-text);line-height:100px;padding:0px 1.5em;display:block;text-decoration:none;text-shadow:0px 0px .5em rgba(0,0,0,0.4);} header nav ul li:hover a, header nav ul li:hover a:visited, header nav ul li.active a, header nav ul li.active a:visited {color:var(--color-menu-links-text-hover);} header nav ul li a::after {content:'';width:0%;transform:translateX(-50%) translateY(0%);left:50%;z-index:10;transition:.5s ease;height:3px;background:var(--color-menu-links-text-hover);position:absolute;bottom:0em;display:block;} header nav ul li a:hover::after {width:20%;transform:translateX(-50%) translateY(0%);} header nav ul li img {width: 100%;max-width: 100px;margin:0px auto 10px auto;height:auto;display:block;} header nav ul li.menu-item-has-children {padding-right:1rem;margin-right:.5rem;} header nav ul li.menu-item-has-children .trigger {color:var(--color-menu-links-text);height:1rem;width:1rem;line-height:1rem;font-size:.9rem;cursor:pointer;display:block;text-align:center;position:absolute;right:0;top:52%;transform:translateY(-50%);z-index:2;} header nav ul li.menu-item-has-children.active .trigger img {transform:rotate(180deg);transition:.15s ease-in-out;} header nav ul li#menu-item-46 a {border: 3px solid var(--color-green); color: var(--color-green); padding:.75rem 1rem; line-height: 1; font-weight: bold; } header nav ul li#menu-item-46 a:hover {background-color: var(--color-green);color:#fff; } header nav ul li#menu-item-46 a:hover::after {display:none;} /* VERTICAL DROPDOWN MENU LAYOUT */ header nav ul li ul {z-index:0;display:block;position:absolute;background:var(--color-submenu-bg);padding-bottom:1rem;top:100%;width:300px;left:auto;transform:translateX(0%) translateY(3%);opacity:0;pointer-events:none;box-shadow:0px 5px 1em rgba(0,0,0,0.1);} header nav ul li.active > ul {display:block;opacity:1;pointer-events:auto;transform:translateX(0%) translateY(0%);} header nav ul li ul li {display:block;float:none;width:auto;} header nav ul li ul li:hover {background:var(--color-submenu-links-bg-hover);} header nav ul li ul li a {font-size:.75rem;line-height:3em;padding:0 1.5em;display:block;width:auto;text-align:left;white-space:nowrap;color:var(--color-submenu-links-text);} header nav ul li ul li a::after {content:'';width:0%;transform:translateX(0%) translateY(0);bottom:.25em;left:1.5em;z-index:10;transition:.25s ease;height:3px;background:var(--color-menu-links-text-hover);position:absolute;display:block;} header nav ul li ul li a:hover {color:var(--color-submenu-links-text-hover);} header nav ul li ul li a:hover::after {width:20%;bottom:.25em;left:1.5em;transform:translateX(0%) translateY(0);} header nav ul li ul li ul {display:none;position:relative;width:auto;padding-left:1rem;} header nav ul li ul li:hover ul {display:block;} header nav ul li ul li .trigger {display:none !Important;} /* HORIZONTAL MEGA MENU LAYOUT header nav ul li ul {z-index:0;box-shadow:0px 0px 10px inset rgba(0,0,0,0.1);display:flex;position:fixed;background:#fff;top:100px;width:var(--section-max-width);left:50%;transform:translateX(-50%) translateY(5%);flex-flow:row wrap;transition:.3s ease;opacity:0;pointer-events:none;box-shadow:0px 5px 1em rgba(0,0,0,0.1);} header nav ul li ul.sub-menu::after {height: 100%;width: 200%;position: absolute;left: 50%;z-index: -2;content: "";background: #fff;display: block;transform: translateX(-50%);} header nav ul li.active > ul {opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0%);transition:.3s ease;} header nav ul li ul li {display:flex;float:left;flex-grow:1;flex-flow:row wrap;width:33.333%;transition:.3s ease-in-out;} header nav ul li ul li a {font-size:1.2rem;line-height:1em;;min-height:150px;padding:2rem 0 0 130px;display:flex;flex-flow:wrap row;align-content:flex-start;width:100%;text-align:left;white-space:nowrap;color:var(--color-green);} header nav ul li ul li a img {position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:100px;height:auto;} header nav ul li ul li a p {font-size:.8rem;padding:.25rem .5rem .5rem 0 !important;width:100%;text-transform:none;} header nav ul li ul li:hover {background:rgba(0,0,0,0.03);transition:.3s ease-in-out;} header nav ul li ul.sub-menu::after {height: 100%;width: 200%;position: absolute;left: 50%;z-index: -2;content: "";background: #fff;display: block;transform: translateX(-50%);box-shadow:0 .5rem .25rem rgba(0,0,0,0.1);} */ header span#mini-menu {display:none;position:absolute;right:0;top:0;z-index:4;background:none;height:auto;width:100%;} header span#mini-menu ul {padding:5px 1rem;line-height:1rem;text-align:right;font-size:12px;color:var(--color-green) !Important;width:100%;max-width:1300px;background:none;display:block;margin:0px auto;} header span#mini-menu ul li {position:relative;display:inline-block;margin:0;padding:0;border:0;background:none;} header span#mini-menu ul li a {position:relative;padding:3px;margin:0;text-decoration:none;display:inline-block;font-weight:bold;color:var(--color-green);} header span#mini-menu ul li:first-child a {color:var(--color-green);} header span#mini-menu ul li a.active {color:var(--color-green);} header span#mini-menu ul li:first-child {margin-right:1rem;} header span#mini-menu ul li:first-child a i {line-height:1rem;font-size:15px;} hr {background-color:rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.2);color:rgba(0,0,0,0.2);border-width:0px;border-style:solid;height:1px;} main {display:block;} nav#contact-bar {position:relative;background:#000;text-align:center;font-size:13px;z-index:99;} nav#contact-bar ul {list-style:none;} nav#contact-bar ul li {display:inline-block;color:#777;font-weight:bold;text-transform:uppercase;padding:7px;} nav#contact-bar ul li a {color:#777;} ol {list-style-position:inside;} P {padding:.5rem 0;font-family:var(--font-body),sans-serif;font-weight:300;} ul {list-style-position:inside} input, select, option, textarea {resize:vertical;border:3px solid #fff;width:100%;border-radius:0px;display:block;padding:.5rem;color:#fff;background:var(--color-blue);font-size:1rem;font-family:var(--font-form-fields);} input[type="checkbox"], input[type="radio"] {width:auto;display:inline-block;} .form-dark input, .form-dark select, .form-dark option, .form-dark textarea {resize:vertical;border:3px solid #fff;color:#fff;background:var(--color-blue);} .form-light input, .form-light select, .form-light option, .form-light textarea {resize:vertical;border:3px solid #111;color:#111;background:#fff;} .cutout {clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);} /*///////////////////////////////////*/ /* ELEMENTS : Posts Styling */ .articles {display:grid;flex-flow:row wrap;grid-gap:1rem;padding:1rem;} .articles article {display:block;width:auto;position:relative;margin:0;padding:0;transition:.5s ease;box-shadow:0px .25em .5em rgba(0,0,0,0.0);} .articles article:hover {transform:translateY(-5px);transition:.5s ease;box-shadow:0px .25em .5em rgba(0,0,0,0.2);} .articles article a {color:var(--color-green);text-decoration:none;} .articles article .article-category {font-size:.8rem;text-align:left;} .articles article .article-category ul li {list-style:none;} .articles article .article-date {font-size:.8rem;text-transform:uppercase;padding:.5rem;text-align:left;} .articles article h3.article-title {padding:1rem;text-transform:uppercase;font-weight:bold;text-align: left;margin: -2rem 1rem 0 1rem;font-size: 1.15rem;background: var(--color-green);color: #fff;} .articles article h3.article-title a {color: #fff;} .articles article p.article-excerpt {padding:1rem;font-size:.8rem;} .articles article figure.article-image {background-color:var(--color-blue);background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:auto;padding-bottom:56.25%;display:block;margin:0px auto;} .articles article a.article-permalink {display:inline-block;color:#888;background-color:#fff;font-size:.75rem;font-weight:bold;cursor:pointer;border:2px solid #888;border-radius:0;margin:0 1rem 1rem 1rem;padding:.25rem 1rem;z-index:2;} .articles article a.article-permalink:hover, .articles article:hover a.article-permalink {color:#fff;width:auto;background:#888;} .articles article a.article-permalink svg {position:relative;height:10px;display:inline-block;transition:.5s ease;transform:translateX(0px);} .articles article a.article-permalink svg path {fill:#888;} .articles article a.article-permalink:hover svg {transform:translateX(5px);transition:.5s ease;} .articles article:hover a.article-permalink svg path, .articles article a.article-permalink:hover svg path {fill:#fff;} .articles article {width:100%} .articles.columns-1 {grid-template-columns:repeat(1, 1fr);} .articles.columns-2 {grid-template-columns:repeat(2, 1fr);} .articles.columns-3 {grid-template-columns:repeat(3, 1fr);} .articles.columns-4 {grid-template-columns:repeat(4, 1fr);} .articles.columns-5 {grid-template-columns:repeat(5, 1fr);} /*///////////////////////////////////*/ /* ELEMENTS : Words Posts Styling */ #words-posts {max-width:var(--section-max-width);margin:0px auto;} #words-posts .articles article {align-items:center;} #words-posts .articles article span.article-date {text-transform:uppercase;padding:0;font-size:.8rem;text-align:left;display:inline-block;} #words-posts .articles article span.article-category {padding:0;margin:0;display:inline-block;width:auto;} #words-posts .articles article span.article-category ul {display:inline-block;padding:0;} #words-posts .articles article span.article-category ul li {list-style:none;} #words-posts .articles article p.article-excerpt {padding-top:0;} #post-related .articles article h3.article-title {padding:1rem 1rem 0 1rem;} #post-related .articles article span.article-date {padding:1rem;} /* ELEMENT : Page Hero Section */ .hero {z-index:1;margin-top:-100px;padding:calc(100px + 5vh) 1rem calc(100px + 5vh) 1rem;position:relative;background:var(--color-blue);/*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), calc(100% - 8vw) 100%, 8vw 100%, 0 calc(100% - 8vw));*/} .hero > * {position:relative;z-index:2;} .hero a {color:#fff;} .hero a:hover {color:#ff0000;} .hero P {z-index:2;position:relative;text-align:center;display:block;width:auto;max-width:600px;margin:0px auto;padding:1rem;color:#fff} .hero h1 {line-height:1;z-index:2;position:relative;color:#fff;text-align:left;padding:1rem 0;font-size:clamp(2rem,5vw,7vw);text-transform:uppercase;font-weight:900;} .hero .breadcrumb {opacity:0;display:inline-block;min-height:0;left:3px;line-height:1;z-index:2;font-weight:bold;position:relative;text-align:left;padding:0;border:0;color:#fff;background:none;} .hero .breadcrumb::after {background:#fff;position:relative;height:4px;width:100%;bottom:-2px;left:0;content:"";display:block;} .hero .breadcrumb .breadcrumb-block {display:inline-block;position:relative;margin:0 3px;top:-2px} .hero .breadcrumb a {color:#fff;border-color:#fff;} .hero .breadcrumb a:hover {color:#ff0000;border-color:#ff0000;} .hero .underlay {opacity:0.5;z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:brightness(0.8);} .hero.taxonomy {padding:1rem 1rem 1.5rem 1rem;} .hero.taxonomy h1 {font-size:clamp(2rem,3vw,5vw);} /* ELEMENT : Page Hero Animations */ .hero h1 {transition:.5s 0s ease;opacity:0;transform:translateY(1rem);} body.animation-active .hero h1 {transition:.5s 0s ease;opacity:1;transform:translateY(0);} body.animation-active .hero .breadcrumb {transition:.5s .2s ease;opacity:1;} .page-layout {opacity:0;transition:.3s ease;} body.animation-active .page-layout {opacity:1;transition:.5s .2s ease;} body.animation-active .hero .underlay {animation:hero-scale 60s linear infinite;} @keyframes hero-scale { 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} } ul.social-buttons {text-align:center;list-style:none;display:block;margin:1rem;} ul.social-buttons li {text-align:center;list-style:none;display:inline-block;border:3px solid var(--color-green);width:3rem;height:3rem;border-radius:100%;} ul.social-buttons li:hover {opacity:0.8;} ul.social-buttons li a {line-height:2.8rem;display:block;color:var(--color-green);} ul.social-buttons li a i {line-height:1;} /* ELEMENTS : Offset Images to Left or Right */ .offset-left {position:relative;width:120% !important;max-width:120% !important;transform:translateX(-20%);} .offset-right {position:relative;width:120% !important;max-width:120% !important;transform:translateX(20%);} /* ELEMENTS : Posts Pagination */ .navigation.pagination {text-align:center;padding:1rem;border-top:1px solid #ccc;} .navigation.pagination h2 {text-align:center;text-transform:uppercase;font-size:1rem;padding-bottom:1rem;font-weight:bold;} .nav-links .page-numbers {text-decoration:none;display:inline-block;color:var(--color-green);border:1px solid var(--color-green);width:2rem;height:2rem;line-height:2rem;padding:0;text-align:center;border-radius:100%;} .nav-links .page-numbers:hover {opacity:0.9;} .nav-links .page-numbers.current {background-color:var(--color-green);color:#fff;} .nav-links .page-numbers.next, .nav-links .page-numbers.prev {width:auto;padding:0 1rem;border-radius:2rem;} /* ELEMENT : Unordered List Checkmarks */ .list-checkmarks ul {list-style: none;padding: 10px;} .list-checkmarks ul li {position: relative;padding-bottom:1em;padding-left: 1.5em;} .list-checkmarks ul li:before {content: '';position: absolute;left: 0;top:2px;width: 2em;height: 2em;background: url("data:image/svg+xml;utf8,") no-repeat;} /* SERVICES : Grid of Services */ #services .wp-block-cover {min-height:25vh;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);} #services .wp-block-cover .wp-block-cover__inner-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } #services .wp-block-cover .wp-block-cover__inner-container p { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } #services .wp-block-cover .wp-block-cover__inner-container p a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } #services .wp-block-cover .wp-block-cover__inner-container p a { padding:1rem;font-size:1rem;font-weight:bold;transition:1s ease; } #services .wp-block-cover { background:var(--color-blue); } #services .wp-block-cover img {transition:1s ease; } #services .wp-block-cover:hover img { opacity:0.5;transition:1s ease; } #services .wp-block-cover .wp-block-cover__inner-container p a:hover { padding-bottom:1.5rem;transition:1s ease; } /* HOMEPAGE : Stat Boxes */ body.home .homepage-stats {margin-top:-4rem;z-index:10;position:relative;} body.home .homepage-stats .wp-block-column {opacity:0;} body.home.animation-active .homepage-stats .wp-block-column:nth-of-type(1) {opacity:1;transition:1s 2.1s ease;} body.home.animation-active .homepage-stats .wp-block-column:nth-of-type(2) {opacity:1;transition:1s 2.2s ease;} body.home.animation-active .homepage-stats .wp-block-column:nth-of-type(3) {opacity:1;transition:1s 2.3s ease;} body.home.animation-active .homepage-stats .wp-block-column:nth-of-type(4) {opacity:1;transition:1s 2.4s ease;} /* HOMEPAGE : Hero */ body.home main {margin-top:-100px;} body.home .hero-cutout {padding:calc(100px + 5vh) 1rem calc(120px + 5vh) 1rem;position:relative;background:var(--color-blue);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), calc(100% - 8vw) 100%, 8vw 100%, 0 calc(100% - 8vw));overflow:hidden;} body.home .hero-cutout h1 {opacity:0;transition:1s ease;transform:translateY(1rem);} body.home.animation-active .hero-cutout h1 {opacity:1;transition:1s 1s ease;transform:translateY(0);} body.home .hero-cutout p {opacity:0;transform:translateX(1rem);} body.home .hero-cutout figure {opacity:0;} body.home.animation-active .hero-cutout figure {opacity:1;transition:1s 2s ease;} body.home.animation-active .hero-cutout p:nth-of-type(1) {opacity:1;transition:1s 1.2s ease;transform:translateX(0);} body.home.animation-active .hero-cutout p:nth-of-type(2) {opacity:1;transition:1s 1.5s ease;transform:translateX(0);} body.home .hero-cutout p:nth-of-type(3) {transform:translateX(0);} body.home.animation-active .hero-cutout p:nth-of-type(3) {opacity:1;transition:1s 2.0s ease;transform:translateX(0);} /* FORMS : Forminator */ .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin .forminator-col, .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin .forminator-col, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {margin-bottom:.75rem !important;} .forminator-response-message {display: block;background: #eee;padding: 0 5px;} .forminator-response-message.forminator-error {background:#ff0000;color:#fff;} .forminator-field-checkbox {border:3px solid #000;padding:1rem;margin:0 15px;} .forminator-field-checkbox .forminator-label {display:block;} .forminator-description { font-size: .7rem; display: inline-block; line-height: 1.3; padding-top: 5px; font-style:italic; } .forminator-error-message { font-size: .7rem; display: inline-block; line-height: 1.3; padding-top: 5px; } #ui-datepicker-div {background:#fff;} .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin, .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin {margin-bottom:-15px !important;} .forminator-checkbox {display:inline-block;margin-right:1rem;} .forminator-label { font-weight: bold; text-transform: uppercase; font-size: .7rem; } span.forminator-checkbox-label {display: inline-block;margin-left: .25rem;} .input-padding {padding-right:1rem;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ======================================= */ @media only screen and (max-width : 1280px) { /* ======================================= */ body.home .homepage-stats {transform:scale(0.8);} body.home .homepage-stats .wp-block-column {opacity:1;} body,html{font-size:var(--font-size-medium);} body {overflow-x:hidden !important;} footer#footer-cutout {min-height:4vw;margin-top:-4vw;margin-bottom:-1px;clip-path: polygon(0 0, 4vw 4vw, calc(100% - 4vw) 4vw, 100% 0, 100% 100%, 0 100%);} footer#footer-business {padding:1rem 0;} footer#footer-business .grid-column-3 {display:none;} footer#footer-business nav ul {display:grid;grid-template-columns:repeat(4,1fr);} footer#footer-business nav ul li a {line-height:2em;} header div.row {display:grid;grid-template-columns:1fr;} header #logo {display:inline-block;height:80px;padding:5px;margin:10px;} header #logo-wrap {text-align:center;} header #logo-wrap a {display:inline-block;height:80px} header {position:relative;top:0;background-color:var(--color-header-mobile-bg);} header:hover {background-color:var(--color-header-mobile-bg-hover);} header nav {z-index:2;float:none;display:block;text-align:center;transition:.5s ease;position:relative;width:100%;height:auto;} .hero {margin-top:0px;padding:calc(50px + 5vh) 1rem calc(50px + 5vh) 1rem;text-align:center;position:relative;background:var(--color-blue);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), calc(100% - 8vw) 100%, 8vw 100%, 0 calc(100% - 8vw));} .hero h1 {text-align:center;font-size:clamp(3rem,5rem,7vw);} .hero .breadcrumb {text-align:center;} .articles article {width:100%} .articles.columns-1 {grid-template-columns:repeat(1, 1fr);} .articles.columns-2 {grid-template-columns:repeat(1, 1fr);} .articles.columns-3 {grid-template-columns:repeat(2, 1fr);} .articles.columns-4 {grid-template-columns:repeat(2, 1fr);} .articles.columns-5 {grid-template-columns:repeat(3, 1fr);} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ======================================= */ @media only screen and (max-width : 768px) { /* ======================================= */ body,html{font-size:var(--font-size-small);} body {overflow-x:hidden !important;} footer#footer-business {padding:0;} footer#footer-business nav ul {display:block;margin:2rem auto;} footer#footer-business nav ul li {display:block;} footer#footer-newsletter h2 {font-size:3rem;} footer#footer-business img {padding:2rem 0 0 0;} #contact-bar {display:none;} .articles article {width:100%} .articles.columns-1 {grid-template-columns:repeat(1, 1fr);} .articles.columns-2 {grid-template-columns:repeat(1, 1fr);} .articles.columns-3 {grid-template-columns:repeat(1, 1fr);} .articles.columns-4 {grid-template-columns:repeat(2, 1fr);} .articles.columns-5 {grid-template-columns:repeat(2, 1fr);} .sticky-image {top:auto;position:relative;} body.home .homepage-stats {margin-top:-90px;transform:scale(0.8);display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;} body.home .hero-cutout {padding: calc(100px + 15vh) 1rem calc(100px) 1rem;} header {position:sticky;} header #menu-toggle {display:flex;flex-flow:wrap column;align-items:center;justify-content:center;position:fixed;top:0;right:0;height:100px;width:100px;text-align:center;cursor:pointer;} header #menu-toggle:hover, header #menu-toggle:active {color:var(--color-header-mobile-text);} header #menu-toggle i {font-size:30px;} header nav {z-index:2;float:none;display:block;pointer-events:none;opacity:0;transform:translateX(100%);transition:.5s ease;position:fixed;top:100px;width:100%;height:calc(100vh - 100px);overflow:auto;padding-bottom:100px;background-color:var(--color-menu-mobile-bg);} header nav.active {display:block;pointer-events:auto;opacity:1;transform:translateX(0%);transition:.5s ease;} header nav ul {display:block;} header nav ul li {display:block;border-bottom:1px solid rgba(0,0,0,0.5);} header nav ul li.menu-item-has-children .trigger {background-color:transparent;transform:translateY(0%);height:60px;width:60px;line-height:60px;cursor:pointer;display:block;text-align:center;position:absolute;border-left:1px solid rgba(0,0,0,0.5);right:0;top:0;content:"";z-index:2;background-size:50% 50%;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0yNSw0MC44Yy0wLjEsMC0wLjMtMC4xLTAuNC0wLjFMNC4xLDIwLjFjLTAuMi0wLjItMC4yLTAuNSwwLTAuN3MwLjUtMC4yLDAuNywwTDI1LDM5LjZsMjAuMi0yMC4yYzAuMi0wLjIsMC41LTAuMiwwLjcsMCBzMC4yLDAuNSwwLDAuN0wyNS40LDQwLjZDMjUuMyw0MC43LDI1LjEsNDAuOCwyNSw0MC44eiIvPg0KPC9zdmc+DQo=);} header nav ul li.menu-item-has-children.active .trigger img {transform:rotate(180deg);transition:.15s ease-in-out;} header nav ul li img {width:1.5rem;left:1rem !important;right:auto;opacity:1;transform:translateY(-50%) translateX(0);} header nav ul li a {line-height:60px;padding:0 1em;display:block;text-align:center;color:var(--color-menu-mobile-links-text);background-color:var(--color-menu-mobile-links-bg);} header nav ul li a::after {transform:translateX(0%) translateY(0%);left:0;} header nav ul li a:hover::after {transform:translateX(00%) translateY(0%);} header nav ul li:hover {background-color:var(--color-menu-mobile-links-bg-hover);} header nav ul li:hover a, header nav ul li:hover a:visited, header nav ul li.active a, header nav ul li.active a:visited {color:var(--color-menu-mobile-links-text-hover);} header nav ul li ul {top:0;display:none;position:relative;width:100%;left:0%;transform:translateX(0%) translateY(0%);flex-flow:row wrap;transition:.3s ease;opacity:1;pointer-events:none;} header nav ul li ul.sub-menu::after {width:0%;display:none;} header nav ul li.active > ul {display:block;opacity:1;pointer-events:auto;transform:translateX(0%) translateY(0%);transition:.3s ease;} header nav ul li ul li {display:block;float:none;width:auto;} header nav ul li ul li a {text-align:left;} header nav ul li ul li a::after {transform:translateX(0%) translateY(0%);left:0;} header nav ul li ul li a:hover::after {transform:translateX(0%) translateY(0);left:0;width:120px;} header nav ul li ul li a img {position:absolute;left:10px;display:block;padding:10px;height:auto;width:100px !important;max-width:none;} header nav ul li.menu-item-has-children {padding-right:0;margin-right:0;} header nav ul li .trigger {display:block !Important;} header nav ul li ul li ul {display:block !Important;pointer-events:auto;} header span#mini-menu {display:block;position:relative !Important;right:0;top:0;z-index:4;background:none;height:auto;width:100%;} header span#mini-menu ul {padding:5px 1rem;line-height:1rem;text-align:center;font-size:1rem;width:100%;max-width:1300px;background:none;display:block;margin:0px auto;} header span#mini-menu ul li {position:relative;display:inline-block;margin:0;padding:0;border:0;background:none;} header span#mini-menu ul li a {position:relative;padding:3px;margin:0;text-decoration:none;display:inline-block;color:var(--color-green);} header span#mini-menu ul li a:hover {color:#fff;} header span#mini-menu ul li a::after {display:none;opacity:0;} header span#mini-menu ul li a.active {color:#fff;} header span#mini-menu ul li:first-child {margin-right:0;} header span#mini-menu ul li:first-child a i {line-height:1rem;font-size:1rem;} header nav ul li#menu-item-46 a {display:inline-block;margin:1rem;} .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin, .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row .forminator-no-margin {margin-bottom: 0 !important;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ======================================= */ @media only screen and (max-width : 600px) { /* ======================================= */ .reverse-mobile {flex-direction: column-reverse;} footer #footer-widgets .widgets h2, footer #footer-widgets .widgets p {text-align:center !important;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ======================================= */ @media only screen and (max-width : 500px) { /* ======================================= */ body {overflow-x:hidden !important;} .articles article {width:calc(100% - 1.5em);} footer#footer-business {padding:0;} footer#footer-business nav ul {display:block;} footer#footer-business nav ul li {display:block;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/