/*
Theme Name: Nexus Broking
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/



:root{
	--blue:#415a77;
	--blue-dark:#1b253a;
	--grey:#dfe0dd;
}


/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family: "Be Vietnam Pro", sans-serif;font-weight: 300;font-style: normal;background:var(--blue-dark); }
body { padding-top:100vh; }
body.not-home { padding-top:0px; }

img { display:block; }

.m-grid { margin:0; }
.m-container-1000 { max-width:900px;width:100%;margin:0 auto; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

h1,h2,h3,h4,h5,h6 { font-weight:300; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; }
h1 { font-size:1.45rem;line-height:3.2rem;max-width:1000px;color:#fff;margin-top:10px; }
h2 { font-size:0.9rem;font-weight:400;text-transform:uppercase;letter-spacing:0.1rem; }
h2::before { position:relative;top:1px;display:inline-block;content:"";width:14px;height:14px;margin-right:10px;background:url("/wp-content/themes/arch_nexus/img/icon.svg") no-repeat center;background-size:contain; }
.bg-grey h2::before { background:url("/wp-content/themes/arch_nexus/img/icon-dark.svg") no-repeat center;background-size:contain; }
h3 { color:#fff;font-size:1.4rem; }
p { font-size:1.1rem;line-height:2.2rem; }

.not-home h1 { color:var(--blue); }

.bg-blue { background:var(--blue);color:#fff; }
.bg-blue-dark { background:var(--blue-dark);color:#fff; }
.bg-grey { background:var(--grey);color:var(--blue); }


a.return-link { color:var(--blue);opacity:1;transition:opacity 0.3s ease-in-out; }
a.return-link:hover { opacity:0.6; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


section, footer { position:relative;z-index:2; }
footer { font-size:0.8rem;line-height:1.3rem; }


.header-overlay { position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.logo { transition:all 0.5s ease-in-out;position:absolute;width:calc(80% - 60px);max-width:900px;transform:translate(-50%, -50%);top:50%;left:50%; }
#canvas { min-width:250px;position:absolute;width:calc(80% - 60px);max-width:900px;transform:translate(-50%, -50%);top:50%;left:50%; }

.parallax { position:fixed;top:0;left:0;width:100%;height:100vh; }
.simpleParallax { height:100%; }
.parallax-image { width:100%;height:100%;object-fit:cover; }
.parallax-pattern { width:100%;height:100%;object-fit:contain;object-position:right;position:absolute;top:0;left:5%;  }

.hidden-header { box-shadow:0px 5px 10px rgba(0,0,0,0.3);transition:transform 0.4s ease-in-out;transform:translateY(-110%);z-index:5;background:var(--blue-dark);position:fixed;top:0;left:0;width:100%;padding:30px;text-align:center; }
.hidden-header.show { transform:translateY(0%); }
.logo-small { width:100%;max-width:250px;display:inline-block;position:relative;top:2px; }
.contact-button { z-index:999;transition:background 0.3s ease-in-out, color 0.3s ease-in-out;display:inline-block;color:#fff;text-decoration:none;padding:10px 20px;background:var(--blue);position:fixed;top:25px;right:30px; }
.contact-button:hover { background:#fff;color:var(--blue); }

.container-padding { padding:60px 30px; }

.intro { position:relative; }
.intro::before { opacity:1;transition:opacity 0.5s ease-in-out;background:url("/wp-content/themes/arch_nexus/img/down-arrow.svg") no-repeat center;background-size:contain;position:absolute;content:"";display:block;width:50px;height:50px;top:-90px;left:calc(50% - 30px);
animation-name: arrowanimate;
      animation-duration: 3s;
      animation-iteration-count: infinite; /* Loop infinitely */ }
.intro.no-arrow::before { opacity:0; }

@keyframes arrowanimate {
      0% {
       top:-90px;
      }
      35%{
      	top:-90px;
      }
      50% {
        top:-75px;
      }
      75%{
      	top:-90px;
      }
    }


.two-column img { width:100%;height:100%;object-fit:cover;object-position:right center; }
.text-column { padding:60px;width:100%;max-width:720px;position:relative;right:70px;z-index:3; }
.text-column.col-left { margin: 0 0 0 auto;right:-70px; }
.text-holder { margin:0 auto 0 0;width:100%;max-width:580px; }
.thin-column.col-right .text-holder { margin:0 0 0 auto; }

.image-holder { position:relative;height:100%; }
.mask-top { position:absolute;top:0;right:-1px;height:100%;width:auto; }
.mask-bottom { position:absolute;top:0;left:-1px;height:100%;width:auto; }

.bg-grey polygon { fill:var(--grey); }
.bg-blue-dark polygon { fill:var(--blue-dark); }


.cta { position:relative;background:url("/wp-content/themes/arch_nexus/img/footer.jpg") no-repeat center;background-size:cover; }
.cta::before { opacity:0.7;background:#000;content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0; }
.form { position:relative;padding:120px 0px; }
form { margin-top:0px; }
form label { display:block;color:#fff;width:100%;margin-bottom:15px; }
form input, form textarea { color:#fff;background:transparent;border:1px solid #fff;width:100%;padding:15px; }
form textarea { font-family: "Be Vietnam Pro", sans-serif;min-height:280px !important; }
form button { position:absolute;top:0;right:0px;border:none;background:var(--blue);color:#fff;padding:10px 30px;font-size:1.125rem;display:block }
form button:hover { color:var(--blue-dark);background:#fff; }
.forminator-g-recaptcha { text-align:right; }
.forminator-g-recaptcha > div { display:inline-block; }
.forminator-field { position:relative; }
.forminator-response-message { color:#fff;padding:30px 0px;font-size:1rem; }
.forminator-response-message p { font-size:1rem !important; }
.forminator-error-message { color:#fff;display:inline-block;padding-top:10px; }

#footermenu ul { list-style:none;margin:0;padding:0; }
#footermenu ul a { text-decoration:none;color:#fff;opacity:1;transition:opacity 0.3s ease-in-out; }
#footermenu ul a:hover { opacity:0.6; }
.footer-logo { width:100%;max-width:300px;margin:0 auto 30px;display:block; }
.address, .phone { position:relative; display:inline-block;padding-left:0px; }
.address::after { background:url("/wp-content/themes/arch_nexus/img/icon-map.svg") no-repeat left top;background-size:auto 20px;width:20px;height:20px;position:absolute;top:0;left:-30px;content:""; }
/*.phone { background:url("/wp-content/themes/arch_nexus/img/icon-phone.svg") no-repeat left top;background-size:auto 20px; }*/
.phone::after { background:url("/wp-content/themes/arch_nexus/img/icon-phone.svg") no-repeat center top;background-size:auto 20px;width:20px;height:20px;position:absolute;top:0;left:-30px;content:""; }
.copyright { text-align:center;padding:150px 0px 30px;font-size:0.8rem; }
.email { position:relative;display:inline-block; }
.email a { opacity:1;transition:opacity 0.3s ease-in-out;color:#fff;display:block;text-decoration:none;margin-top:10px; }
.email a:hover { opacity:0.6; }
.email::after { background:url("/wp-content/themes/arch_nexus/img/icon-email.svg") no-repeat center top;background-size:auto 18px;width:20px;height:20px;position:absolute;top:11px;left:-30px;content:""; }
.footer-col-padding { padding-left:30px !important; }
.footer-col-padding-small { padding-left:15px !important; }
.addresses { margin-top:30px; }
.fade { transition:all 0.8s ease-in-out;opacity:0; }
.fade.left { transform:translateX(-10%); }
.fade.right { transform:translateX(10%); }
.fade.visible { opacity:1; }
.fade.left.visible, .fade.right.visible { transform:translateX(0%); }


.cky-btn-revisit-wrapper { display:none !important; }

@media(max-width:991px){
	.text-column.col-left, .text-column { right:0px; }
		footer { text-align:center; }
/*		.address,.phone { text-align:left; }*/
}



@media(max-width:900px){
	.parallax, .header-overlay { height:70vh; }
	body { padding-top:70vh; }
}



/* Tablet Size */
@media(max-width:768px){

	.parallax, .header-overlay { height:60vh; }
	body { padding-top:60vh; }
	.mob-col-top { grid-row-start:1; }

	.mask-top, .mask-bottom { display:none; }
	.fade.left,.fade.right { transform:none; }
	.text-holder { max-width:100%; }
	.text-column { padding:60px 30px; }
	.form { padding:30px 0px 60px; }




	.intro::before { width:40px;height:40px;background-size:contain;top:-60px;
animation-name: arrowanimate;
      animation-duration: 3s;
      animation-iteration-count: infinite;}
.intro.no-arrow::before { opacity:0; }

@keyframes arrowanimate {
      0% {
       top:-60px;
      }
      35%{
      	top:-60px;
      }
      50% {
        top:-50px;
      }
      75%{
      	top:-60px;
      }
    }


.address::after, .phone::after, .email::after { display:none; }
.addresses { position:relative;margin-top:60px; }
.addresses::before { opacity:0.3;content:"";display:block;width:200px;height:1px;background:#fff;position:absolute;top:-30px;left:50%;transform:translateX(-50%); }


}



@media(max-width:768px){
      .hidden-header { text-align:left; }

      .footer-col-padding { padding-left:0px !important; }
.footer-col-padding-small { padding-left:0px !important; }

}
 
/* Mobile Size */
@media(max-width:560px){
.parallax, .header-overlay { height:50vh; }
	body { padding-top:50vh; }
	h1 { font-size:1.4rem;line-height:2.2rem; }
	p { font-size:1.125rem;line-height:1.8rem;text-wrap:balance; }
      .hidden-header { padding:15px 15px;height:58px; }
      .hidden-header .logo-small { max-width:180px;position:relative;top:7px; }
      #footermenu ul { text-align:center; }
      .contact-button { padding:5px 10px;top:15px;right:15px; }
      .m-grid-gap-30 { grid-column-gap:15px; }


}


@media (scripting: none) {
  .fade {
    opacity: 1 !important;
  }
}