/*
Theme Name: primazen
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: primazen
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Koulen&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');


body {
    overflow-x: hidden !important;
}
.wp-block-cover {
    height: 1px;
}

.wp-block-cover__inner-container {
    height: 100%;
}

.cover-element {
    height: 300px !important;
}
.hero-frame-container {
    height: 100%;
    width: 100%;
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
}

.hero-company-name-container {
    position:absolute;
    top:0rem;
    left:2rem;
    width: 100% !important;
}

.hero-company-name-title {
    font-family: "Italiana", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
}

.hero-title-section {
    position:absolute; 
    bottom:1rem;
    left:2rem;
    width: 100% !important;
}

.hero-title-big {
    font-family: "Albert Sans", sans-serif;
    font-style: normal;
    font-size: 1.7rem;
    width:100% !important;
    max-width:500px;
}

.hero-title-small {
    font-family: "Urbanist", sans-serif;
    font-style: normal;
    font-size: 1rem;
    width:100% !important;
    max-width:500px;
}

.section-title {
    font-family: "Albert Sans", sans-serif;
    font-style: normal;
    font-size: 1.5rem;
}

.section-text {
    font-family: "Urbanist", sans-serif;
    font-style: normal;
    font-size: 1.3rem;
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}

.section-title-cta {
    font-family: "Albert Sans", sans-serif;
    font-style: normal;
    font-size: 2.1rem;
}

.section-text-cta {
    font-family: "Urbanist", sans-serif;
    font-style: normal;
    font-size: 1.3rem;
    max-width:800px !important;
}

.group-max-width-carousel {
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0rem;
    padding-right: 0rem;
    
}

.group-max-width {
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.group-width-65 {
    max-width: 1000px;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.grid-col-2-text-span {
    /* padding-left:1rem; */
    max-width: 800px !important;
    text-align:center !important;
}

.page_image_right {
    float: right;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.footer-company-name-title {
    font-family: "Italiana", sans-serif;
    font-style: normal;
    font-size: 3.25rem;
}

/* no media query for hr-separator */
.hr-separator {
    height: 3px !important;
    border: none; 
    background-color: #000; 
    border-radius: 10px;
}

/* Wordpress breakpoint from mobile to desktop */
@media screen and (min-width: 782px) {
    .group-centered-text {
        max-width: 800px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero-company-name-container {
        top: 2rem;
        left: 4.5rem;
    }
    .hero-title-section {
        bottom:3rem;
        left:4.5rem;
    }
    .group-max-width-carousel {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .hero-title-big {
        max-width: 700px;
        font-size: 2.5rem;
    }
    .grid-col-2-text-span {
        text-align:left !important;
    }
	.section-text {
		padding-left: 0rem !important;
	    padding-right: 0rem !important;
	}
	.padding-columns-with-texts {
		padding-left: 5rem !important;
		padding-right: 5rem !important; 
}
}

/* Tailwind XL Size */
@media screen and (min-width: 1280px) {
    .group-centered-text {
        max-width: 100% !important;
    }
    .cover-element {
        height: 650px !important;
    }
    .hero-company-name-container {
        top: 2rem;
        left: 5rem;
    }
    .hero-title-section {
        bottom:3rem;
        left:5rem;
    }
    .hero-title-big {
        max-width: 925px;
        font-size: 3.5rem;
    }
    .hero-title-small {
        font-size: 1.2rem;
        max-width: 900px;
    }
    .section-title {
        font-size: 2.8rem;
    }
    .section-text {
        font-size: 1.4rem;
    }
    .section-title-cta {
        font-size: 4.5rem;
    }
    .section-text-cta {
        font-size: 1.8rem;
        max-width:900px !important;
    }
}

/* 2XL */
@media screen and (min-width: 1536px) {
    .cover-element {
        height: 800px !important;
    }
    .hero-company-name-container {
        top: 2rem;
        left: 7rem;
    }
    .hero-company-name-title {
        font-size: 3.25rem;
    }
    .hero-title-section {
        bottom:3rem;
        left:7rem;
    }
    .hero-title-big {
        font-size: 4rem;
        width:60% !important;
    }
    .hero-title-small {
        font-size: 1.7rem;
        width:55% !important;
    }
    .section-title {
        font-size: 3.4rem;
    }
    .section-text {
        font-size: 2.2rem;
    }
    .section-title-cta {
        font-size: 4.5rem;
    }
    .section-text-cta {
        font-size: 1.8rem;
        max-width:100% !important;
    }
    .footer-company-name-title {
        font-size: 2.7rem;
    }
    
    .group-width-65 {
        width: 65% !important;
    }
    
    .group-max-width {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .group-max-width-carousel {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .page_image_right {
        margin-right: -20px;

    }
}