/*
Theme Name: Techfindr
Theme URL: http://www.c-co.dk/
Author: Lennart C & CO
Author URI: http://www.lennartc.dk
Version: 1.0.0
Launch date: 25.11.2024 (version 1.1)
License: This theme is not for resale or use.
License URI: http://www.lennartc.dk
Domain Path: /languages/
@import url(https://fonts.bunny.net/css?family=open-sans:400,400i,500,500i,600,600i,700,700i|barlow-condensed:700,700i);
*/

/*--------------------------------------------------------------
Roots
--------------------------------------------------------------*/
:root {
    --c1:#006BFF;
    --c1--:#08C2FF;
    --c2:#D0D0D4;
    --c2--: #9755de;
    --black: #222728;
    --black-: #454e52;
    --white: #fff;
    --white-: #F9F7F5;
    --white--: #f9f6f2;
    --gray:#eef3f5;
    --gray-light: #F8FAFB /*#f4eae1*/;
    --gray-dark:#798990;
    --success: #0073ea;
    --success-: #0093c8;
    --attention: #FD6363;
    --attention-: #ec5353;
    --stock: #04910f;
    --danger: #A93800;
    --trans: rgba(255, 255, 255, 0.2);
    --overlay: linear-gradient(to bottom,rgba(28,25,44,0) 0%,rgba(28,25,44,0.9) 100%);
    --gradiant: linear-gradient(180deg,var(--c1),var(--c1--));
    --gradiant--: linear-gradient(0deg,var(--c5),var(--c5--));
    --grad--:  linear-gradient(to bottom, rgba(82, 82, 82, 0) 0, rgba(0, 0, 0, 0.7) 100%);
    --shD: 0 0 1.2rem rgba(0, 0, 0, .06);
    
    /* Containers */
    --containerW:100%;
    --container: 2.4rem;
    --cFluid: 2.4rem;
    --cFluidX: 2.4rem;
    
    /* Overlay notfications */
    --overLayWidth: 28rem;
    --overlayPos: 1.6rem;
    --overlayTop: 1.2rem;
    
    
    /* Maintop */
    --mainTop: 3.2rem;
    --mainBot: 4rem;
        --pb: 4rem;
    
    /* Menu and header*/
    --logo: 8rem;
    --search: 100%;
    --menuTop: 1.6rem;
    --menuPad : 2.4rem;
    --headerIcon: 2.4rem;
    --menuWidth: -webkit-fill-available;
    --menuLeft: 0;
    
    /* sizes and grids */
    --gapX: .8rem;
    --gap: 1.6rem;
    --gap-: 3.2rem;
    --content: 1.6rem;
    --roUnd : 1.6rem;
    --roUnd- : .4rem;
    --paDM: .8rem;
    --paD: 1.6rem;
 --mb: 1.6rem;
    --mb-: .4rem;
    --ls: .08rem;
    
    /* Fonts */
    --fw: 'Open Sans', sans-serif;
    --fw-: 'Barlow Condensed', sans-serif;
    --fw--: 'Open Sans', sans-serif;
    
    /* Lineheights */
    --lh: 1.3;
    --lhP: 1.6;
    --lhH: 1.02;
    
    /* fontsizes */
    --fu: 4.2rem;
    --f1: 3.2rem;
    --f2: 2.7rem;
    --f2-: 2.5rem;
    --f3: 1.9rem;
    --f4: 1.6rem;
    --f4-: 1.5rem;
    --f5: 1.3rem;
    --f6: 1.2rem;
    --f7: 1.1rem;
}

@media (min-width: 768px) {
    :root {
        /* Lineheights */
        --lh: 1.5;
        
        /* sizes */
        --overLayWidth: 40rem;
        --overlayPos: var(--container);
        
        /* Menu and header*/
        --search: 20rem;
        --logo: 10rem;
        --menuPad : 2.4rem;
        --menuWidth: calc(100% - calc(2* 4rem));
        --menuLeft: calc(1* 4rem);
        
        
        --container: 6.2rem;
        --content: 3.2rem;
        --gap: 1.6rem;
        --cFluid: 1.6rem;
        --roUnd : 2.4rem;
        --paD: 2.4rem;
        --titLeMxW: 80%;
        --widthElm: 20%;
        /* Fontsizes */
        --fu: 6.2rem;
        --f1: 3.6rem;
        --f2: 2.9rem;
        --f2-: 2.6rem;
        --f3: 2.1rem;
        --f4: 1.6rem;
        --f4-: 1.5rem;
        --f5: 1.3rem;
        --f6: 1.2rem;
    }
}

@media (min-width: 1180px) {
    :root {
        
        
        /* sizes */
        --container: 10rem;
        --content: 3.2rem;
        --gap: 1.6rem;
        --cFluid: 1.6rem;
        --roUnd : 2.4rem;
        --paD: 2.4rem;
        
        
        /* Maintop */
        --mainTop: 4rem;
        --mainBot: 7.8rem;
        --pb: 4rem;
        
        /* Menu and header*/
        --search: 20rem;
        --logo: 11.2rem;
        --menuTop: .8rem;
        --menuPad : 4rem;
        --menuWidth: calc(100% - calc(2* 6rem));
        --menuLeft: calc(1* 6rem);
        --overlayPos: var(--container);
        --overlayTop: 1.6rem;
        
        /* Fontsizes */
        --fu: 7.2rem;
        --f1: 4rem;
        --f2: 3rem;
        --f2-: 2.8rem;
        --f3: 2.2rem;
        --f4: 1.8rem;
        --f4-: 1.5rem;
        --f5: 1.4rem;
        --f6: 1.2rem;
    }
}


@media (min-width: 1600px) {
    :root {
        
        --containerW:134rem;
        --container:4rem;
        
        /* Menu and header*/
        --search: 20rem;
        --logo: 12rem;
        --menuTop: .8rem;
        --menuPad : 4rem;
        --menuWidth: -webkit-fill-available;
        --menuLeft: 0;
        --overlayPos: var(--container);
        --overlayTop: 1.6rem;
        
        /* sizes */
        --gap: 1.6rem;
        --cFluid: 1.6rem;
        --roUnd : 2.4rem;
        --paDM: .8rem;
        --paD: 2.4rem;
        
        /* Fontsizes */
        --fu: 10rem;
        --f1: 5.2rem;
        --f2: 3.8rem;
        --f2-: 2.8rem;
        --f3: 2.4rem;
        --f4: 1.8rem;
        --f4-: 1.6rem;
        --f5: 1.5rem;
        --f6: 1.3rem;
    }}


/*--------------------------------------------------------------
Tema
--------------------------------------------------------------*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

@media (min-width: 1700px) {
    /* html { font-size: 10.5px;}*/
}

@media (min-width: 2000px) {
    html {font-size: 10.5px;}
}

@media (min-width: 2560px) {
    html {font-size: 12px;}
}