/*
 Theme Name: Draxis
 Theme URI:    https://draxis.com
 Author:         agamemnon
 Template:      hello-elementor
 Version:        1.0.0
 Text Domain: draxis

 breakpoints: 1200, 1024, 768
*/
html, body { overflow-x:hidden; min-width:360px; }

:root { --light-bg:#eeeff1; }
:root { --dark-bg:#0b0c0d; }
:root { --grey-bg:#303030; }
:root { --text-clr:#2D3239; } /* rgba(45, 50, 57) */
:root { --links-clr:rgba(45, 50, 57, .7); } /* #2d3239b3 */
:root { --inactive-clr:rgba(45, 50, 57, .4); } /* #2d323966 */
:root { --green:#428A70; } /* rgb(66, 138, 112) */
:root { --green-hover:#53AC8C; } /* rgb(83, 172, 140) */
.abs-wrapper, .abs-wrapper > .e-con-inner { position:relative; padding:0; }
.R-L_gradient:before { background:linear-gradient(to left, #000, #0005 100%) !important; opacity:1 }
.L-R_gradient:before { background:linear-gradient(to right, #000, #0005 100%) !important; opacity:1 }
.white, .white * { color:#fff; }
.white svg path { fill:#fff; }
.black-header a:hover { color:var(--green); }
.d-flex { display:flex; justify-content:center; align-items:center; }
.text-center { text-align:center }
.sb { font-weight:600; }
.upper { text-transform:uppercase; }
.float-left { float:left; }
.m0, .m0 p, .m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5 { margin:0; }
.w500, .w500 p { font-weight:500; }
.elementor-widget:not(:last-child) { margin-bottom:0; }

.elevation1 { box-shadow:0px 2px 12px 0px rgba(0, 0, 0, .8); }
.elevation2 { box-shadow:0px 10px 80px 0px rgba(0, 0, 0, .1); }
.elevation3 { box-shadow:0px 58px 72px 0px rgba(0, 0, 0, .15); }


.page-wrapper { padding-left:0; padding-right:0; }
@media (max-width:1279px) {
	.page-wrapper { padding-left:40px; padding-right:40px; }
}

@media (max-width:1023px) {
	.page-wrapper { padding-left:32px; padding-right:32px; }
}
@media (max-width:767px) {
	.page-wrapper { padding-left:24px; padding-right:24px; }
	.mob-grey-bg { background-color:var(--grey-bg) !important; }
}


body { font-family:Manrope; font-size:20px; font-weight:400; line-height:1.6; letter-spacing:-0.2px; overflow-x:hidden; }

.accent, .accent * { font-family:Manrope; font-size:100px; font-weight:800; line-height:1.36; letter-spacing:3px; }
h1, h2, h3, h4, h5, h6 { font-family:Syne; text-transform:uppercase; }
h1 { font-size:48px; font-weight:700; line-height:1.2; letter-spacing:-1.44px; }
h2 { font-size:40px; font-weight:700; line-height:1.2; letter-spacing:-1.2px; }
h3 { font-size:32px; font-weight:700; line-height:1.33; letter-spacing:-0.96px; }
h4 { font-size:28px; font-weight:400; line-height:1.28; letter-spacing:-0.84px; }
h5 { font-size:24px; font-weight:600; line-height:1.33; letter-spacing:-0.72px; }
.p1, .p1 p { font-size:20px; font-weight:400; line-height:32px; letter-spacing:-0.2px; }
.p2, .p2 p { font-size:16px; font-weight:400; line-height:1.75; letter-spacing:-0.16px; }
.p3, .p3 p { font-size:12px; font-weight:400; line-height:1.42; letter-spacing:-0.24px; }
.p3-bold, .p3-bold * { font-size:14px; font-weight:800; line-height:20px; letter-spacing:-0.28px; text-transform:uppercase; }


/* buttons */
.elementor-button { padding:12px 24px; background-color:var(--green); color:#fff; font-weight:500; border-radius:4px; }
.elementor-button:hover { background-color:var(--green-hover); }
@media (max-width:767px) {
	.b-full .elementor-button { width:100%; }
}

.b3, .b3 .elementor-button { font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.16px; }
.b4, .b4 .elementor-button { font-size:14px; font-weight:600; line-height:normal; letter-spacing:-0.56px; text-transform:none !important;}
.b5, .b5 .elementor-button { font-size:16px; font-weight:400; line-height:28px; letter-spacing:-0.32px; text-transform:none !important }

.btn-arrow .elementor-button { padding:12px 16px 12px 24px; }
.elementor-button-icon { display:inline-flex; }
.elementor-button-icon svg { width:unset; }
.elementor-button-text { align-self:center; }
/* animated button */
.animated-button { --btn-color:#428A70; --btn-hover-color:#53AC8C; --arrow-color:#fff; --btn-size:40px; }
.animated-button .elementor-button { position:relative; outline:none; border:0; vertical-align:middle; text-decoration:none; background:transparent !important; box-shadow:none; padding:0 calc(var(--btn-size) / 2.5);  font-size:16px; font-weight:600; }
.animated-button .elementor-button-content-wrapper { height:var(--btn-size); align-items:center; }
.animated-button .elementor-button-content-wrapper:before { content:""; display:block; position:absolute; width:var(--btn-size); height:var(--btn-size); background:var(--btn-color); margin:0; top:0; right:0; border-radius:4px; box-shadow:0px 10px 30px 0px rgba(82, 172, 140, 0.30); transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1); }
.animated-button .elementor-button-text:after { content:""; position:absolute; width:10px; height:10px; top:50%; right:0; margin-top:-5px; border-top:2px solid var(--arrow-color); border-right:2px solid var(--arrow-color); transform:rotate(45deg); transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1); }
.animated-button .elementor-button-text { position:relative; white-space:nowrap; padding-right:var(--btn-size); z-index:1; transition:all 0.45s cubic-bezier(0.65, 0, 0.076, 1); }
.animated-button .elementor-button:hover .elementor-button-content-wrapper:before { width:100%; }
.animated-button:hover .elementor-button-content-wrapper:before { background:var(--btn-hover-color); }
.animated-button .elementor-button:hover .elementor-button-text { color:var(--arrow-color); }
.animated-button .elementor-button:hover .elementor-button-text:before { background:var(--arrow-color); transform:translate(17px, 0); }

@media (max-width:1199px) {
	body, p, .p1, .p1 p { font-size:18px; line-height:1.5; }
}
@media (max-width:1023px) {
	body, p, .p1, .p1 p { font-size:16px; }
	.elementor-button, .b1, .b1 .elementor-button { font-size:14px; font-weight:600; line-height:21px; letter-spacing:-0.14px; text-transform:uppercase; } /* = .b2 */
}
@media (max-width:767px) {
	.accent, .accent * { font-size:64px; line-height:1.19; }
	.p1, .p1 p { font-size:15px; line-height:24px; }
	body, p, .p1, .p1 p { font-size:15px; }
	.p2, .p2 p { font-size:14px; line-height:1.57; }
	.p3, .p3 p { font-size:12px; line-height:1.5; }
	.b-full .elementor-button-text { flex-grow:0; margin-right:5px; }
}




/* HEADER */
header { display:none; }
#top-menu a { cursor:pointer; }
#top-menu ul:not(.sub-menu) > li > a::after { content:''; position:absolute; width:100%; opacity:1; transform:scaleX(0); height:2px; bottom:5px; left:0; background-color:var(--green-hover); transform-origin:bottom left; transition:transform 0.25s ease-out; }
#top-menu ul:not(.sub-menu) > li > a:hover::after { transform:scaleX(1); transform-origin:bottom left; transition:transform 0.25s ease-out; }
ul.sub-menu { padding:12px 16px !important; box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.08); }
ul.sub-menu li:not(:last-child) { padding-bottom:12px; }
ul.sub-menu a, ul.sub-menu a:hover { border:none !important; }
#top-menu .sub-arrow, #lang-menu .sub-arrow { padding:0; margin-left:4px; transition:transform 0.25s ease-out; }
#top-menu li.menu-item-has-children:hover .sub-arrow, #lang-menu li.menu-item-has-children:hover .sub-arrow { transform:rotate(180deg); }
.sub-arrow i:before { font-size:17px; }
#lang-menu .active-lang a { color:var(--green); cursor:default; }


/* MOB menu */
@media (max-width:1024px) {
	body.mob-dd #menu-bar { background-color:#0B0C0D; }
	.mob-dd #draxis-logo-black { display:none; }
	.mob-dd #draxis-logo-white { display:flex; }
	.mob-dd #lang-menu { display:none; }
	.mob-dd #top-menu nav { min-height:100vh; padding-top:10vw; background-color:var(--dark-bg); }
	.mob-dd #top-menu nav ul { padding:24px; background-color:var(--dark-bg); }
	.mob-dd #top-menu nav ul:not(.sub-menu) li.menu-item { display:flex; flex-direction:column; align-items:flex-start; }
	.mob-dd #top-menu nav li a, .mob-dd #top-menu nav li a:focus { width:100%; justify-content:left; background:none; padding:0 0 16px 0; line-height:28px; font-family:"Syne", Sans-serif; color:#fff; text-transform:uppercase; }
	.mob-dd #top-menu nav li.menu-item-has-children a { padding:0; }
	.mob-dd #top-menu nav li.menu-item-has-children > a:hover { color:#fff; cursor:default; }
	.mob-dd #top-menu nav li a:hover, .mob-dd #top-menu nav li a.elementor-item-active { background:none; color:var(--green); }
	.mob-dd #top-menu nav li a::after, .mob-dd #top-menu .sub-arrow { display:none; }
	.mob-dd #top-menu ul.sub-menu { display:block; width:auto; padding:0 0 16px 0 !important; margin-left:24px; }
	.mob-dd #top-menu ul.sub-menu li:not(:last-child) { padding-bottom:0; }
	.mob-dd #top-menu nav ul.sub-menu li.menu-item a { padding:0; }
}



/* HOME */
.home-mob-parallax { transform:translateX(0);  transition:transform 0.5s ease-out; }

.accent.projects600 .elementor-counter-number-prefix { display:none; }
.accent.projects600 .elementor-counter-number { margin-left:-6px; }
@media (max-width:1024px) {
	.accent.projects600 .elementor-counter { display:flex; flex-direction:column; align-items:center; }
	.accent.projects600 .elementor-counter-number { margin:0; }
}
@media (max-width:580px) {
	.section600 { background-position:-800px 0 !important; }
}


/* SERVICES */
.services-black .elementor-icon-box-icon { margin-top:5px; }
.services-black h3.elementor-icon-box-title { margin:0; }



/* PROJECTS loop */
/* active checkbox */
input#active_checkbox { display:none; }
#active_checkbox + label { display:inline-block; cursor:pointer; position:relative; padding-left:22px; margin-right:8px; }
#active_checkbox + label:before { content:""; display:inline-block; width:18px; height:18px; position:absolute; left:0; bottom:1px; border:1px solid #999; border-radius:3px; }
#active_checkbox:checked + label:before { content:"\2713";  font-size:14px; line-height:.9rem; font-weight:600; color:#fff; text-align:center; background-color:var(--green); border-color:var(--green); }
/* dropdown filters */
#projects-filter-dropdown .select-caret-down { position:absolute; top:8px; inset-inline-end:0; pointer-events:none; background-color:var(--dark-bg); padding-right:18px; }
#projects-filter-dropdown select { margin-bottom:32px; padding:8px 10px; background-color:var(--dark-bg); color:#fff; text-transform:uppercase; border-radius:4px; }
#projects-filter-dropdown option { background-color:#fff; color:var(--text-clr); text-transform:uppercase; font-weight:500; line-height:1.375; letter-spacing:-0.16px; }
/* filters list */
#scope_filters .elementor-shortcode { display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; align-items:center; gap:6px; overflow-x:initial; -ms-overflow-style:none; scrollbar-width:none; }
a.scope-filter { border:1px #69727d; border-radius:4px; color:var(--text-clr); padding:1px 6px; display:flex; justify-content:center; align-items:center; flex-grow:0; flex-basis:content; flex-shrink:0;
	white-space:nowrap; text-align:center; box-sizing:initial; overflow-wrap:break-word; overflow:hidden; text-transform:uppercase; }
a.scope-filter.current { background-color:#0b0c0d; color:#fff; };
/* items loop */
.projects-loop-wrapper { --grid-columns:2; --grid-column-gap:20px; --grid-row-gap:20px; }
.projects-loop-wrapper > .elementor-widget-container { height:100%; }
.projects-loop-wrapper > .elementor-widget-container > .elementor-loop-container { gap:20px; grid-auto-rows:1fr; align-items:stretch; }
.projects-loop-wrapper .project-card { display:flex; gap:0; height:100%; padding:40px; background-color:var(--light-bg); }
.projects-loop-wrapper .project .top-row { display:flex; flex-direction:row; gap:0; padding:0 0 80px 0; }
.projects-loop-wrapper .project .logo-wrapper { flex-grow:1; }
.projects-loop-wrapper .project .logo-wrapper img { width:auto; height:80px; object-fit:contain; }
.projects-loop-wrapper .project-card .elementor-icon { font-size:24px; }
.projects-loop-wrapper .project-card .elementor-icon svg {height:24px; }
.projects-loop-wrapper .project-card:hover .elementor-icon { transform:translateX(10px); }
.projects-loop-wrapper .project .project-title { padding:0 0 16px 0; color:#2D323980; }
.projects-loop-wrapper .project .p2 { color:var( --text-clr ); }
@media(max-width:1024px){
	.projects-loop-wrapper .project-card { padding:32px; }
}
@media(max-width:767px){
	.projects-loop-wrapper > .elementor-widget-container > .elementor-loop-container { grid-auto-rows:auto; }
	.projects-loop-wrapper .project-card { height:auto; padding:24px; }
	.projects-loop-wrapper .project .top-row { padding-bottom:33px; }
	.projects-loop-wrapper .project .logo-wrapper img { height:56px; }
}
.projects-loop-wrapper .pagination { gap:24px; margin:20px auto; }
.projects-loop-wrapper .pagination a { color:var(--text-clr); }
.projects-loop-wrapper .pagination a svg path { fill:#000; }
.projects-loop-wrapper .pagination a:hover { color:var(--green); }
.projects-loop-wrapper .pagination a:hover svg path { fill:var(--green); }
.projects-loop-wrapper .pagination span.inactive { opacity:0; }
.projects-loop-wrapper .e-loading-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:hsla(0,0%,100%,.8); animation:loadingOpacityAnimation 1s infinite alternate; }




/* SUCCESS STORIES */
.story-header { margin:0 auto; max-width:100%; transition:all .5s; }
.e-loop-item.type-story:hover .story-header { max-width:1200px; }
@media (max-width:1199px) {
	.e-loop-item.type-story:hover .story-header { max-width:calc(100vw - 80px); } /* -wrapper padding */
}
@media (max-width:1023px) {
	.e-loop-item.type-story:hover .story-header { max-width:calc(100vw - 64px); }
}
@media (max-width:767px) {
	.e-loop-item.type-story:hover .story-header { max-width:calc(100vw - 48px); }
}


/* ABOUT US */
.member-card { max-height:480px; overflow-y:hidden; }
.member-info { position:absolute; top:410px; min-height:400px; transition:all .5s;  }
.member-card:hover .member-info { top:0; }
.dc-hide-wrapper { display:none; }


/* WORK */
.positions-link a { color:var(--text-clr); }
.positions-link a:hover { color:var(--green); }
.positions-link a svg { transform:translateY(0); transition:all .5s; }
.positions-link a:hover svg { transform:translateY(5px); }
.position-card { color:var(--text-clr) !important; }
.position-card:hover h5 { color:var(--green) !important;  transition:color .3s; }
.position-card:hover .position-card-arrow .elementor-icon { transform:translateX(10px); }	
/* stylize cv file button */
	#form-field-field_6f51cb8 { display:none; } 
	.elementor-field-type-upload > label { display:inline-block; border:1px solid #24313330; border-radius:4px; margin:8px 8px 0 0; padding:10px 12px 8px !important; font-weight:600 !important; cursor:pointer; }
	.elementor-field-type-upload > label { background-color:var(--green); color:#fff; }
	.elementor-field-type-upload > label:hover { background-color:var(--green-hover); }
.elementor-field-type-submit { margin-top:33px; }
.elementor-message.elementor-message-danger { color:#c00; font-size:14px; font-weight:300; }


/* CLIENTS */
#clients .elementor-post__thumbnail { max-width:150px; margin:20px auto 0; }


/* POLICY */
.program-table > div { flex-wrap:nowrap; overflow-x:visible; }


/* STATEMENTS */
.statements-year .elementor-heading-title:after { display:inline-block; position:relative; content:" "; width:calc(100% - 76px); top:-6px; left:19px; border-top:2px solid rgba(0, 0, 0, 0.60); }
@media (max-width:767px) {
	.statements-year .elementor-heading-title:after { width:calc(100% - 60px); }
}




/* FOOTER */
.footer-top { max-width:100%; }

@media (min-width:2001px) {
/* 	#footer { padding:80px 390px; } */
	.footer-logo-wrapper { min-width:515px }
}

@media (min-width:1599px) and (max-width: 2000px) {
/* 	#footer { padding:80px 130px; } */
	.footer-logo-wrapper { min-width:515px }
}
@media (min-width:1201px) and (max-width:1599px) {
/* 	#footer { padding:80px !important; } */
	.footer-logo-wrapper { min-width:410px }
	.footer-bottom { max-width:100%; }
}

#footer { display: flex !important; justify-content: center !important; align-items: center !important;}
#footer-logo img { max-width:183px;  } /* WTF!!! */
#footer a.elementor-social-icon-facebook:hover { background-color:#3b5998; }
#footer a.elementor-social-icon-twitter:hover { background-color:#1da1f2; }
#footer a.elementor-social-icon-linkedin:hover { background-color:#0077b5; }