/* 
Theme Name: ITM Elementor Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: ITM Elementor Theme is a child theme of Hello Elementor, created by Elementor team
Author: Iternum Digital
Author URI: https://iternumdigital.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Opt-in the whole page to animating to/from intrinsic sizing keywords */
:root {
    interpolate-size: allow-keywords; /* 👈 */
}
a {
    color: inherit;
    text-decoration: underline;
}

#scrollToTop{
    display:none;
    cursor:pointer;
}
/*a:-webkit-any-link{
    cursor:crosshair;
}*/

/*Fix for Safari being an idiot rendering svgs*/
.elementor .elementor-element.elementor-widget.icon-fit-to-size .elementor-icon svg {
    width:auto;
}

.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    top: calc(100% + 25px);
}
.swiper-pagination-progressbar{
    background-color: rgba(141,210,204,.3);
}
.wpml-ls-legacy-dropdown {
    width: auto;
}
.wpml-ls-legacy-dropdown a{
    border:0px;
    font-family: var(--e-global-typography-accent-font-family ), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size );
/*    font-weight: var(--e-global-typography-accent-font-weight );*/
font-weight: 600;
    color: var(--e-global-color-text );
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "";
        vertical-align: middle;
    display: inline-block;
    border: 0.35em solid transparent;
    border-top: 0 solid;
    position: absolute;
    right: 10px;
    top: auto;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
}

.hugeNumber {
    color: #8DD2CC;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    /* display: inline-block; */
    width: 55px;
}
.vertAlignSub *{
/*    vertical-align: sub;*/
}
.vertAlignSub .e-n-accordion-item-title-text {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.casesHover:hover .casesReveal{
    display: flex;
    opacity: 1;
    top:0;
    transition: 0.4s linear all;
}
.casesReveal {
    opacity: 0;
    top: 100%;
    position:absolute;
    transition: 0.4s linear all;
    width: 100%;
    height: 100%;
}


.elementor-icon-box-icon i.fas.fa-minus {
    margin-top: 8px;
}

.elementor-blockquote--skin-clean p.elementor-blockquote__content::before, .elementor-blockquote--skin-clean p.elementor-blockquote__content::after {
    content: '“';
    line-height: 0px !important;
    color: rgb(142 210 205);
    color:rgb(80 152 146 / 80%);
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}
.elementor-blockquote--skin-clean p.elementor-blockquote__content::after {
    content: '“';
    transform: rotate(180deg);
    vertical-align: super;
}

/*Fixing elementors spacing, when there is only 1 p tag*/
p:last-child {
    margin-block-end: 0px;
}


/*This is to create a slider of quotes - just wrap the comment in a span element, and the CSS will put in the quotation marks*/
.quoteslide .jet-testimonials__comment span::before, .quoteslide .jet-testimonials__comment span::after{
    content: '“';
    line-height: 0px !important;
    color: rgb(142 210 205);
    color:rgb(80 152 146 / 80%);
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    border:none;
    margin: 0px 10px;
}
.quoteslide .jet-testimonials__comment span::after{
    content: '“';
    transform: rotate(180deg);
    vertical-align: super;
}

/*Fixing slick slider when there is not enough posts*/
.slick-list .slick-track {
    margin-left: 0px;
}

.roasLine .elementor-counter-title::after{
    content:'';
    display:block;
    width:110px;
    height:18px;
    position:absolute;
    background-color:#8DD2CC;
    z-index:1;
    top:auto;
    bottom: 22px;
    
}
.roasHeader::after{
    content:'';
    display:block;
    width:54px;
    height:9px;
    position:absolute;
    background-color:#8DD2CC;
    z-index:1;
    top:auto;
    bottom: 0px;
    left:0px;
    /*left: calc(50% - 60px);right:auto;*/

    
}
.roasHeader.large::after{
    width:120px;
    height:18px;
}
.roasLine.smaller .elementor-counter-title::after{
    height:9px;
    width:85px;
}
.roasLine .elementor-counter-number, .roasLine .elementor-counter-number-suffix, .roasLine .elementor-counter-number-prefix, .roasHeader .elementor-heading-title{
    z-index: 2;
    position: relative;
}

.roasIcon .elementor-icon-box-icon::after{
    content:'';
    display:block;
    width:31px;
    height:10px;
    left:-3px;
    position:absolute;
    background-color:#8DD2CC;
    z-index:1;
    top: 32px;
    bottom: auto;
    
}
.roasIcon .elementor-icon{
    z-index:2;
    position: relative;
}


.elementor-vertical-align-bottom.elementor-view-default.elementor-widget.elementor-widget-icon-box .elementor-icon-box-icon {
    margin-bottom: -4px !important;
}

/*Togglecontainers*/
.toggle-container {
    position: relative;
    height:auto;
    max-height: 150px; /* 20% synlig del */
    overflow: hidden;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.toggle-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* Størrelsen af det gennemsigtige lag */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FAFAFA 100%);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	z-index: 2;
}
.toggle-container.white::after{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}

.toggle-container.expanded {
    max-height:500px;
    max-height:fit-content;
    max-height: calc-size(max-content, size); /* Udvider til fuld højde */
}
.toggle-container.expanded::after {
    height: 0px; /* Størrelsen af det gennemsigtige lag */
}

.jet-unfold__separator{
	z-index:2;
}

/*Language swticher*/
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    border: 0.35em solid transparent;
    border-top: 0 solid;
    position: absolute;
    right: 10px;
    top: auto;
    background: url(https://iternumdigital.com/wp-content/uploads/2024/10/ITM-Globe.svg) center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
    width: 21px;
    height: 21px;
    border: 0px;
    top: 3px;
}

@media all and (max-width:1025px){
    .roasLine .elementor-counter-title::after {
        width: 70px;
        height: 10px;
        z-index: 1;
        bottom: 26px;
    }
    .roasHeader.large::after{
        width:70px;
        height:10px;
    }
}
@media all and (max-width:767px){
    .jet-unfold__trigger{
        margin-top:10px;
    }
	body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    	top: 5px;
	}
}

/*Fix employess slider if there is only one*/
@media all and (min-width:768px){
    .swiper.elementor-loop-container .swiper-slide.type-employees{
    max-width:50%;
}
}
@media all and (min-width:1025px){
    .swiper.elementor-loop-container .swiper-slide.type-employees{
    max-width:33%;
}
}
@media all and (min-width:1201px){
    .swiper.elementor-loop-container .swiper-slide.type-employees{
    max-width:25%;
}
}