/*
Theme Name: Netrising Child Theme
Theme URI: https://iqcargo.staging.netrisingclienti.com
Description: A Netrising child theme for Twenty Twenty One.
Author: Netrising Srl
Author URI: https://www.netrising.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
    --primaryColor: #7ED3FF;
    --secondaryColor: #0E2A47;
}
/**********************
 	GENERAL
**********************/
body {background-color: #fff !important}
.site-header, .site-main, .widget-area, .site-footer {padding-top: 0}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
	max-width: 100% !important;
}

/*menu*/
button.sub-menu-toggle {display: none;}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul {top:40px !important;}

/**********************
 	CUSTOM CSS
**********************/
	.color-site {color:var(--primaryColor);}
	.color2-site {color:var(--secondaryColor);}

	/*button*/
	.cargo-btn .elementor-button-icon svg{width:10px; transition: all 320ms}
	.cargo-btn a:hover .elementor-button-icon svg path {fill: var(--primaryColor);}
	.cargo-btn.white a:hover .elementor-button-icon svg path {fill: #fff;}
	.cargo-btn a:hover .elementor-button-icon svg {transform: translate(7px, -7px);}
	@media(max-width: 767px){
		.cargo-btn .elementor-button {width: 100%;}
		.cargo-btn .elementor-button span.elementor-button-content-wrapper {
    		width: 100%;
    		text-align: left !important;
		}
	}
/**********************
 	SHORTCODES
**********************/
	/*cargo_image*/
		.cargo_image_container {
		    position: relative;
		    border-radius: 3px;
		    box-shadow: 0 10px 20px #00000029;
		    -o-box-shadow: 0 10px 20px #00000029;
		    -webkit-box-shadow: 0 10px 20px #00000029;
		    -moz-box-shadow: 0 10px 20px #00000029;
		    overflow:hidden;
		} 
		.cargo_image_container img {
			border-radius: 3px !important;
		}
		.overlay {
		    position: absolute;
		    background: rgb(0,0,0);
			background: linear-gradient(180deg, rgba(0,0,0,0.5718881302521008) 0%, rgba(0,0,0,0) 55%);
		    top: 0;
		    left: 0;
		    right: 0;
		    z-index: 99;
		    bottom: 0;
		    opacity: 1;
		    transition: opacity 320ms ease-in-out;
		    -o-transition: opacity 320ms ease-in-out;
		    -moz-transition: opacity 320ms ease-in-out;
		    -webkit-transition: opacity 320ms ease-in-out;
		}
		.cargo_image_container:hover .overlay {
			opacity: 0;
		}  
		.cargo_image_inner {
		    position: absolute;
		    z-index: 100;
		    top: 50px;
		    left: 0;
		    display: flex;
		    align-items: flex-start;
		    width: 100%;
		    right: 0;
		    padding: 0 60px;
		}
		.cargo_image_inner span {
	        color: #fff;
		    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
		    font-size: 32px;
		    font-weight: 700;
		    line-height: 36px;
		    letter-spacing: -1.4px;
		    -ms-flex: 0 0 70%;
		    flex: 0 0 70%;
		    max-width: 70%;
		}
		.cargo_image_inner svg {
		    width: 40px;
		    height: 40px;
		    margin-left: auto;
		    transition: all 320ms ease-in-out;
		    -o-transition: all 320ms ease-in-out;
		    -moz-transition: all 320ms ease-in-out;
		    -webkit-transition: all 320ms ease-in-out;
		}
		.cargo_image_inner svg path {
		    fill: #fff;
		}
		.cargo_image_container:hover .cargo_image_inner svg {
		    transform: translate(20px, -20px);
		    -o-transform: translate(20px, -20px);
		    -moz-transform: translate(20px, -20px);
		    -webkit-transform: translate(20px, -20px);
		}
		@media(max-width: 767px){
			.cargo_image_inner {padding: 0 40px;top:30px;}
			.cargo_image_inner span {
			    font-size: 32px;
			    line-height: 40px;
			    letter-spacing: -1.6px;
			}
			.cargo_image_inner svg {
			    width: 26.7px;
			    height: 26.7px;
			}
			.cargo_image_container {
			    position: relative;
			    min-height: 400px;
			    width: 100%;
			}
			.cargo_image_container img {
			    object-fit: cover;
			    width: 100%;
			    height: 100% !important;
			    position: absolute;
			}
		}
		@media(min-width: 1920px){
			.cargo_image_container img {
			    object-fit: cover;
			    width: 100%;
			    height: 100% !important;
			}
		}

/**********************
 	MOBILE MENU
**********************/
	div#cargo-mobile-menu-container {
	    position: fixed;
	    background-color: var(--secondaryColor);
	    width: 100%;
	    height: 100vh;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    opacity: 0;
	    visibility: hidden;
	    z-index: -1;
	    overflow-x: auto;
	    transition: opacity 320ms ease-in-out;
	    -o-transition: opacity 320ms ease-in-out;
	    -moz-transition: opacity 320ms ease-in-out;
	    -webkit-transition: opacity 320ms ease-in-out;
	}
	@media (min-width: 768px){
		div#cargo-mobile-menu-container {display: none}
	}
	@media (max-width: 767px){
		#cargo-open-menu-link {
		    cursor: pointer;
		    width: 100%;
		    height: 100%;
		    padding: 23px 0 36px;
		    display: flex;
		}
		#menu-toggle {
		    width: 22px;
    		height: 0.8px;
    		position: relative;
    		margin: auto;
    		-webkit-transform: rotate(0deg);
    		-moz-transform: rotate(0deg);
    		-o-transform: rotate(0deg);
    		transform: rotate(0deg);
    		-webkit-transition: .5s ease-in-out;
		    -moz-transition: .5s ease-in-out;
		    -o-transition: .5s ease-in-out;
		    transition: .5s ease-in-out;
		    cursor: pointer;
		}
		#menu-toggle span {
		  	display: block;
		  	position: absolute;
		  	height: 0.8px;
			width: 100%;
			background: #fff;
			border-radius: 9px;
			opacity: 1;
			left: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}
		/* Icon 3 */
		#menu-toggle span:nth-child(1) {
		  top: 0px;
		}
		#menu-toggle span:nth-child(2),#menu-toggle span:nth-child(3) {
		  top: 6px;
		}
		#menu-toggle span:nth-child(4) {
		  top: 12px;
		}
		#cargo-open-menu-link.open #menu-toggle span:nth-child(1) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}
		#cargo-open-menu-link.open #menu-toggle span:nth-child(2) {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		#cargo-open-menu-link.open #menu-toggle span:nth-child(3) {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		#cargo-open-menu-link.open #menu-toggle span:nth-child(4) {
		  top: 18px;
		  width: 0%;
		  left: 50%;
		}

		.z-index-up {z-index: 9999 !important}
		div#cargo-mobile-menu-container.show {
		    position: fixed;
		    background-color: var(--secondaryColor);
		    opacity: 1;
		    visibility: visible;
		    z-index: 999;
		    overflow:hidden;
		}
		div#cargo-mobile-menu-container .cargo-mobile-section {
			height: calc(100vh - 250px);
	    	display: flex;
	    	position: relative;
	    	top: 173px;
	    	/*padding-left: 73px;*/
	    	overflow-y: auto;
	    }
		#cargo-menu.z-index-up .elementor-element.elementor-element-dcc2305:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
	    	background: var(--secondaryColor);
		}
		div#mobile-selector-lg {
		    margin: 0;
		    padding-left: 20px;
		}
		div#mobile-selector-lg .wpml-ls-statics-footer, #mobile-selector-lg li a {
		    padding: 0;
		}
		#mobile-selector-lg ul {
		    display: flex;
		    padding: 0;
		    margin: 0;
		}
		#mobile-selector-lg li {
		    margin-right: 35px;
		}
		#mobile-selector-lg li img {
		    width: 28px;
		}
		#popup_header_mobile .elementor-nav-menu li .sub-menu li a{
			font-size: 24px !important;
		}
	}

/**********************
 	ANIMATION SCROLL MOUSE
**********************/
	.mousey {
	    width: 3px;
	    padding: 10px;
	    height: 35px;
	    border: 2px solid #fff;
	    border-radius: 25px;
	    opacity: 0.75;
	    box-sizing: content-box;
	}
	.scroller {
	    width: 3px;
	    height: 6px;
	    border-radius: 25%;
	    background-color: #fff;
	    animation-name: scroll;
	    animation-duration: 2.2s;
	    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	    animation-iteration-count: infinite;
	    position: relative;
	    left: -1px;
	    top: -5px;
	}
	@keyframes scroll {
	  0% { opacity: 0; }
	  10% { transform: translateY(0); opacity: 1; }
	  100% { transform: translateY(15px); opacity: 0;}
	}

/**********************
 	WPML
**********************/
	a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
	    padding: 0;
	    background: transparent;
	    border: 0;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:after {
	    display: none;
	}
	.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	    top: 35px;
	    box-shadow: none;
	    width: 60px;
	}
	.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a img {
	    margin: 0 auto;
	    display: block;
	    padding: 5px 0;
	}


#cargo-main-menu ul li li:last-child{
	margin-bottom: 15px !important;
}