/**
Theme Name: Moduleworks Child Theme
Author: Crisp Studio
Author URI: https://crisp.studio
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moduleworks-child-theme
Template: astra
*/

/*body {
    background: url('background.svg') no-repeat bottom right;
    background-size: contain;
}*/

/*#region Perspective Sections*/
a {
    color: #416ba9;
}

.perspective-right {
    transform: rotate3d(0.1, -0.5, 0, 30deg);
    box-shadow: 27.1px 62.5px 150px -25px rgba(50,50,93,.5), 16.2px 37.5px 75px -37.5px rgba(0,0,0,.6);
    border-radius: 8px;
    overflow: hidden;
}

.perspective-left {
    transform: rotate3d(0.1, 0.5, 0, 20deg);
    box-shadow: -27.1px 62.5px 150px -25px rgba(50,50,93,.5), -16.2px 37.5px 75px -37.5px rgba(0,0,0,.6);
    border-radius: 8px;
    overflow: hidden;
}

.perspective-left .elementor-image {
    background: linear-gradient(190deg, rgba(218, 34, 34, 0.01) 0%,rgba(0,0,0,0.05) 100%);
}

.perspective-right .elementor-image {
    background: linear-gradient(170deg, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.05) 100%);
}

.perspective-right .elementor-image,
.perspective-left .elementor-image {
    display: block;
    border-radius: 8px;
}

.perspective-left .elementor-image img,
.perspective-right .elementor-image img {
    position: relative;
    z-index: -1;
    border-radius: 8px;
}

.perspective-container .elementor-widget-wrap {
    perspective: 1500px;
}
/*#endregion*/

/*#region Open Positions*/
.job-offers-widget {
    font-family: "proxima-nova", Sans-serif;
}

.open-positions {
    list-style: none;
    display: grid;
    grid-gap: 20px;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr 1fr;
}

.open-positions li {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    padding: 20px;
    box-shadow: 0 0 8px 0 #00000026;
}

.open-positions li .position-title {
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.open-positions li .position-time,
.open-positions li .position-location {
    font-size: 16px;
    color: black;
    margin: 6px 0;
}

.open-positions li .position-time {
    flex: 0 0 auto;
}

.open-positions li .position-location {
    flex: 1 0 auto;
}

.open-positions li .position-location .location-flag {
    height: 24px;
    width: 35px;
    display: inline-block;
}

.open-positions li .position-location img.location-flag {
    border: 1px solid black;
    border-radius: 5px;
}

.open-positions li .position-actions {
    margin-top: 10px;
}

.open-positions li .position-actions a {
    font-size: 16px;
    font-family: "proxima-nova", Sans-serif;
    padding: 6px 10px;
}

.job-categories-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.open-positions-button, .open-positions-button:visited, .open-position-button:focus, .open-positions-button:target{
    color: black !important;
    border: none !important;
    transition: transform 0.5s;
    margin: 8px 0;
}

.open-positions-button.active {
    background-color: #416BA9 !important;
    border-color: #416BA9 !important;
	color: white !important;
    box-shadow: 0 0 8px 0 #00000026;
}

.job-offers-widget .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 8px 10px;
    background-color: #f5f6f8;
}

.job-offers-widget .filter-wrapper input[type=text] {
    flex: 0 1 400px;
    height: 30px;
    border: none;
    background: none;
    padding: 2px 4px;
}

.job-offers-widget .filter-wrapper input[type=text]:focus {
    outline: none;
}

.job-offers-widget .filter-wrapper select {
    flex: 0 1 400px;
    height: 30px;
    border: none;
    border-bottom: 1px solid gray;
    background: none;
    padding: 2px 4px;
}

.job-offers-widget .job-offers-collapse {
    height: 0;
    overflow: hidden;
    transition: all .5s ease;
}

.job-offers-widget .job-offers-collapse.show {
    height: auto;
    overflow: visible;
}

.job-offers-widget .job-all-posts-wrapper {
    display: none;
}

.no-open-positions {
    padding: 30px;
}

.no-open-positions > p {
    text-align: center;
	font-size: 20px;
	line-height: 20px;
}

/*#endregion*/

/*#region Partners*/
.partners {
    list-style: none;
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 20px;
    margin: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 140px;
}

.partners li {
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    align-items: center;
    justify-content: center;
}

.partners li img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
/*#endregion*/

/*#region Events*/
.mw-events.slider-wrapper {
    display: flex;
    gap: 4px;
    width: 100%;
    align-items: center;
}

.mw-events.slider-prev,
.mw-events.slider-next {
    flex: 0 0 auto;
    font-size: 28px;
    color: #999999;
    cursor: pointer;
}

.mw-events.slider-prev.disabled,
.mw-events.slider-next.disabled {
    pointer-events: none;
    color: #dddddd;
}

.mw-events.slider {
    flex: 1 1 auto;
    position: relative;
    overflow-x: hidden;
}

.mw-events.events {
    display: flex;
    min-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform .7s;
}

.mw-events.events li {
    flex: 1 1 0px;
    margin: 0 5px;
}

.mw-events.events li a {
    display: flex;
    height: 100%;
    padding: 5px;
    border: 1px solid #efefef;
    background: #fff;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: box-shadow 0.4s, transform 0.4s, color 0.4s;
}

.mw-events.events li a:hover {
    box-shadow: 0px 4px 10px -5px rgba(0,0,0,0.5);
    transform: translateY(-4px);
}

.mw-events.events li a .title {
    font-weight: bold;
}

.mw-events.events li a .date,
.mw-events.events li a .booth,
.mw-events.events li a .location {
    color: #4f4f4f;
}

.mw-events.events li a .booth {
    font-size: 80%;
}
/*#endregion*/

/*#region Menu adjustments */
.ast-mobile-menu-buttons {
    display: none !important;
}

#mega-menu-primary > li:nth-last-child(2), #mega-menu-primary > li:last-child {
    border: none;
    border-radius: none;
    background-color: none;
}
#mega-menu-primary > .wpml-ls-flag > a.mega-menu-link:hover, #mega-menu-primary > li:last-child > a.mega-menu-link:hover {
    border: none;
    background-color: transparent !important;
}
@media(min-width: 1025px) {
	#mega-menu-primary > li:nth-last-child(2), #mega-menu-primary > li:last-child {
        margin: 0 8px!important;
    }
	#mega-menu-primary > li:nth-last-child(2) > a.mega-menu-link{
		padding: 0 17px !important;
	}
	
	#mega-menu-primary > li:last-child > a.mega-menu-link {
        padding: 0 0!important;
    }
	.mega-indicator {
		display: none!important;
	}
}

@media(max-width: 1025px) {
}
/*#endregion*/


.astra-logo-svg {
    /*content: url('/wp-content/themes/moduleworks-child/images/logo-outline.svg');*/
	content: url('/wp-content/themes/moduleworks-child/images/logo-filled.svg');
}

.home .astra-logo-svg {
    content: url('/wp-content/themes/moduleworks-child/images/logo-filled.svg');
}

footer {
    z-index: 5;
    position: relative;
}

a:hover, a:active, a:focus {
    outline : none;
}

header {
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(80,80,80,0.20);
}

.home header {
    /*position: fixed !important;*/
	transition: 0.7s;
	Background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px) saturate(1.2);
	-webkit-backdrop-filter: blur(10px) saturate(1.2);
}


header #mega-menu-primary > .mega-menu-item .dashicons-buddicons-buddypress-logo {
	background: url('https://www.moduleworks.com/wp-content/uploads/2020/11/login.svg')no-repeat center !important;
	width: 35px !important;
}

header #mega-menu-primary > .mega-menu-item .dashicons-buddicons-buddypress-logo:hover {
	background: url('https://www.moduleworks.com/wp-content/uploads/2020/11/login.svg')no-repeat center !important;
	border-radius: none;
}


header #mega-menu-primary > .mega-menu-item .dashicons-buddicons-buddypress-logo:before{
	content: none;
}

.home header.scroll-active {
	position: fixed !important;
  	top: 0;
	box-shadow: 0 2px 12px 0 rgba(80,80,80,0.20)!important;
}

.home header.scroll-active, .home header:hover{
		background: rgba(255, 255, 255, 1)!important;
}

/* Doing this now via Megamenu directly */
/*header #mega-menu-primary > li:nth-last-child(3) a{
		color: #ffffff !important;
    } */
/*
.home header.scroll-active #mega-menu-primary > .mega-menu-item > a{
	color: white!important;	
}

.home header.scroll-active #mega-menu-primary > .mega-menu-item > a:hover{
	color: rgba(255, 255, 255, 0.4)!important;
}*/

.astra-logo-svg {
    width: 250px;
}

.btn-link {
    font-weight: 400;
    color: #007bff;
}

.opLink {
    color: #0274be;
    font-size: 1.7rem;
}


@media(max-width: 1025px) {
    .placeholder {
        display: none;
    }
}

@media(max-width: 768px) {
    .partners {
        grid-template-columns: 1fr;
    }

    .site-branding {
        z-index: 10;
    }

    .site-branding img {
        height: 44px;
        width: auto;
    }

    .perspective-left, .perspective-right {
        transform: rotate(0);
        box-shadow: 0px 40px 60px -30px rgba(50, 50, 93, 0.50);
    }

    .perspective-container.left .elementor-row {
        flex-direction: column-reverse;
    }

    .perspective-container.left > .elementor-column-wrap:first-child,
    .perspective-container.right > .elementor-column-wrap:last-child {
        padding: 30px 10px !important;
    }

    .open-positions {
        grid-template-columns: 1fr;
    }

    .partners {
        grid-template-columns: 1fr 1fr;
    }
}



/* all items of selection box are initialized to be hidden */
.mw-download-item-selection > select,
.mw-download-item-selection > div.mw-download-item-buttons {
    display: none;
}
.mw-download-item-selection,
.mw-download-item-selection > select:first {
    display: block;
}
.mw-download-item h4 {
    margin-bottom: 12px;
    margin-top: 10px;
}

.mw-download-item {
    text-align: center;
}

.mw-download-item-selection select {
    display: inline-block;
    width: 80%;
    padding: 0.4em 0.8em;
    margin: 0.4em;
}

.mw-download-item-image img {
    height: 100px;
}

/* Pretip for Customer downloads */
.mw-pretip {
    display: none;
    color: red;
    padding: 5px 25px 5px 25px;                                                                                                                 
    text-align: justify;
}

.newsletter-box {
    font-size: 18px;
    font-family: proxima-nova, sans-serif;
    font-weight: 400; 
    color: #595959;
}
     
.newsletter-box input {
    margin-right: 8px;
}

.post-password-form {
    min-height: calc(100vh - 99px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("https://www.moduleworks.com/wp-content/uploads/2020/11/background-large.svg");
    background-position: center;
    background-size: cover;
}

.post-password-form p {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.post-password-form p label {
    margin-bottom: 0px;
}

.post-password-form p input[type=submit] {
    padding: 0px 15px;
    border-radius: 3px;
    border: 2px solid;
    background: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.post-password-form p input[type=submit]:hover {
    border-radius: 3px;
    border: none;
}

a[role=button]:hover, 
.elementor-button:hover {
    text-decoration: none;
}

.temp-test  {
	text-decoration: none;
}

#CybotCookiebotDialogBodyButtonAccept {
    background-color: #416ba9 !important;
    border: 1px solid #416ba9 !important;
}

#mega-menu-item-15349{
	display: none!important;
}

[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #37B384;
	position:absolute;
	top:58px;
	left:48%;
	z-index:10;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
    font-weight: 400;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 64px;
    left: 40%;
    padding: 8px 10px;
    background: #37B384;
    color: #fff;
    z-index: 9;
    font-size: 0.9em;
    max-width: 200px;
    min-width: 200px;
    line-height: 19px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    word-wrap: break-word;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

@media(max-width: 768px) {
    [data-tip]:before {
        left:37%;
    }
    [data-tip]:after {
        left: 12%;
    }
}

/* style by Janusz in TEST! */
.j-hero {
	margin-top: 50px;
	padding: 15vw 0 12vw 0;
}

.j-btnSize-small,.j-btnSize-medium {
	border-radius: 200;
	font-size: 1.1em;
}
.j-btnSize-small {
	margin: 0.6em;
	padding: 0.6em 1.4em;
}
.j-btnSize-medium {
	padding: 0.8em 1.6em;
}

.januStyle-border {
	border: 2px solid #416BA9;
	background: #fff;
}
.januStyle-white {
	background: #fff;
	color: #416BA9;
}
.januStyle-light {
	background: #F3F8FB;
	color: #416BA9;
}
.januStyle-accent {
	background: #37B384;
	color: #fff;
}
.januStyle-border:hover, .januStyle-white:hover, .januStyle-light:hover, .januStyle-accent:hover {
	background: #416BA9;
	color: #fff;
}

/* Remove borderline of header coming from Astra theme update */
.main-header-bar {
    border-bottom-width: 0px;
}