/* Custom CSS file */
/* Author: POSLuH Hosting d.o.o. */
/* Client: Peoplet */
/* Creation date: 17.07.2024. */
/* Last updated: 04.12.2024. */

/* Global element style */

@font-face{
    font-family: "Panoptica W00 Sans Regular";
    src: url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.eot");
    src: url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.eot?#iefix")format("embedded-opentype"),
        url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.woff")format("woff"),
        url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.woff2")format("woff2"),
        url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.ttf")format("truetype"),
        url("../fonts/8e20f287f2da8aada6bc4ba43431c3eb.svg#Panoptica W00 Sans Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

html, body{
    margin-bottom: 50px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
}

/* Navigation */
.nav-link{
    font-size: 20px;
    color: #000;
    margin: 0px 10px;
    font-family: "Panoptica W00 Sans Regular", sans-serif!important;
    font-weight: 500;
}

.navbar-collapse{
    border-bottom: 1px solid #000;
}

.img2{
    margin-left: 130px;
    margin-top: -30px;
}

.active{
    color: blue;
}

/* Content classes */

#contact .form-group{
    margin: 20px 0px;
}

#contact label{
    padding-bottom: 10px;
}

#contact input, #contact textarea{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#contact label, #contact button{
    font-size: 18px;
}

.p-0{
    padding: 0px;
}

.inverted{
    filter: invert(100%);
}

.inverted-border{
    border-bottom: 1px solid #fff;
}

.navbar-home .nav-link{
    color: #fff;
}

.btn-primary{
    background: #000;
    border: 1px solid #000;
}

.text-md-right{
    text-align: right;
}

.gdpr{
    font-size: 16px;
    text-align: justify;
}

.bigtitle{
    font-size: 60px;
    font-weight: bolder;
}

.mediumtitle{
    font-size: 30px;
    font-weight: bolder;
    text-transform: uppercase;
}

.b-right{
    border-right: 1px solid #000;
}

.b-top{
    border-top: 1px solid #000;
}

.b-bottom{
    border-bottom: 1px solid #000;
}

.text-justify{
    text-align: justify!important;
}

.euprojekt{
    font-size: 16px;
    font-style: italic;
}

.euprojekt-img{
    width: 200px;
}

.cfont{
    font-family: "Panoptica W00 Sans Regular", sans-serif!important;
    text-transform: uppercase;
}

.uppercase{
    text-transform: uppercase;
}

.bg-gray{
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(211,211,211,1) 50%, rgba(255,255,255,1) 100%);
}

.bg-black{
    background: rgb(0,0,0);
    color: #fff;
}

.social a{
    color: #000;
    transition: 200ms ease;
}

.social a:hover{
    color: blue;
}

.social .social-icon{
    font-size: 45px;
}

.snippet1{
    background-image: url('../img/snippet1-img.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.snippet2{
    background-image: url('../img/snippet2-img.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.snippet1:hover, .snippet2:hover{
    cursor: pointer;
}

/* Margins */
.mt-50{
    margin-top: 50px!important;
}

.mb-50{
    margin-bottom: 50px!important;
}

.mtb-50{
    margin-top: 50px!important;
    margin-bottom: 50px!important;
}


/* Paddings */

.pr-50{
    padding-right: 50px!important;
}

.pt-50{
    padding-top: 50px!important;
}

.p-50{
    padding: 50px!important;
}

@media only screen and (max-width: 600px) {
    .img1{
        max-width: 200px;
    }
    .img2{
        margin-left: 0px;
        margin-top: 0px;
        max-width: 250px;
    }
    
    .navbar-toggler{
        border: 1px solid #000;
    }
    
    .navbar-collapse{
        border-top: 1px solid #000;
    }
    
    .inverted-border{
        border-top: 1px solid #fff;
    }
    
    .inverted-toggler{
        border: 1px solid #fff;
    }
    
    .inverted-toggler .navbar-toggler-icon i{
        color: #fff;
    }

    .text-md-right{
        text-align: left;
    }

    .order-mobile-first{
        order: 0;
    }

    .order-mobile-last{
        order: 1;
    }

    .p-50{
        padding: 15px!important;
    }

    .bigtitle{
        font-size: 40px;
    }

    .b-right{
        border-right: 0px;
    }

    .b-top{
        border-top: 0px;
    }

    .social .social-icon{
        margin: 25px 0px;
    }

    .snippet1, .snippet2{
        height: 300px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.crew .animate__animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}