/* 

Theme Name: Hello VIZCODE Child

Description: A custom theme that builds the Philippine Architectural Boards Review Platform called VIZCODE.

Author: Andie Poblete

Author URI: https://andiepoblete.com/

Template: hello-elementor

Version: 0.1.0

Text Domain: hello-vizcode-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

* {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition:  all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition-delay:0ms;
    -o-transition-delay:0ms;
    -moz-transition-delay:0ms;
    -webkit-transition-delay:0ms;
}

:root {
    color-scheme:light;

    --vc_white:#F7F7F7;
    --vc_concrete:#D3D3D3;
    --vc_cement:#A7A7A7;
    
    --vc_box_shadow:0 0 18px 0 rgba(12,12,12,0.1);
    --vc_box_shadow_light:0 0 18px 0 rgb(247, 247, 247,0.1);

    --vc_black:#0C0C0C;
    --vc_dark_100:#0C0C0C;
    --vc_dark_200:#242424;
    --vc_dark_300:#313131;
    --vc_dark_400:#3E3E3E;
    --vc_dark_500:#717171;
    
    --pd_1096_100:#FABBC9;
    --pd_1096_200:#F486A2;
    --pd_1096_300:#EF507A;
    --pd_1096_400:#E91A52;
    --pd_1096_500:#B61342;
    --pd_1096_105:#EADADF;
    --pd_1096_205:#E2B9C4;
    --pd_1096_305:#D38199;
    --pd_1096_405:#C44A6E;

    --ra_9514_100:#FCD2AE;
    --ra_9514_200:#F9B180;
    --ra_9514_300:#F69151;
    --ra_9514_400:#F37022;
    --ra_9514_500:#BC5218;
    --ra_9514_105:#EBE0DA;
    --ra_9514_205:#E3C9BA;
    --ra_9514_305:#D6A184;
    --ra_9514_405:#C97A4E;

    --bp_344_100:#B5FBFF;
    --bp_344_200:#8CEEFF;
    --bp_344_300:#50DCF4;
    --bp_344_400:#00C9E8;
    --bp_344_500:#0099CA;
    --bp_344_105:#D8E7EC;
    --bp_344_205:#B4DAE7;
    --bp_344_305:#78C4DD;
    --bp_344_405:#3CAFD4;

    --bp_220_100:#FFF490;
    --bp_220_200:#FFEA54;
    --bp_220_300:#FFDD37;
    --bp_220_400:#FFCD00;
    --bp_220_500:#D5A600;
    --bp_220_600:#d5a600;
    --bp_220_105:#EDE9D8;
    --bp_220_205:#E9DEB4;
    --bp_220_305:#E3CB78;
    --bp_220_405:#DCB93C;

    --pd_957_100:#DFBAEA;
    --pd_957_200:#CC8EDF;
    --pd_957_300:#AD5CC8;
    --pd_957_400:#9A3BBB;
    --pd_957_500:#72338C;
    --pd_957_105:#E3DDE6;
    --pd_957_205:#D1C1D7;
    --pd_957_305:#B192BE;
    --pd_957_405:#9162A5;

    --gbc_100:#C1FFCD;
    --gbc_200:#A1E7AA;
    --gbc_300:#72CE79;
    --gbc_400:#42B649;
    --gbc_500:#318A35;
    --gbc_105:#DDE6DD;
    --gbc_205:#C0D7C1;
    --gbc_305:#91BD93;
    --gbc_405:#61A364;
}

@font-face {
    font-family: 'Aspekta';
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url('/wp-content/themes/hello-vizcode/assets/fonts/AspektaVF.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/hello-vizcode/assets/fonts/InterVF.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html {
	font-size:14px;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Aspekta", sans-serif;
}

p {
	font-family:"Inter", sans-serif;
    font-weight:400;
}

body {
    color:light-dark(var(--vc_black),var(--vc_white));
    background:light-dark(var(--vc_white), var(--vc_dark_200));
    position:relative;
}

body.no-scroll {
    overflow: hidden;
}


.popup-overlay{
    display:none;
    width:100vw;
    height:100vh;
    background:var(--vc_black);
    opacity:0;
    position:absolute;
    top:0;
    z-index:-9999;
}

.popup-overlay.open{
    display:block;
    opacity:0.3;
    z-index:9;
}

.popup-overlay.open:hover{
    cursor:pointer;
}

.btn {
    display:block;
    color:light-dark(var(--vc_white),var(--vc_black));
    background:light-dark(var(--vc_dark_100),var(--vc_white));
    border-color:light-dark(var(--vc_dark_100),var(--vc_white));
    border-radius:4px;
    border-width:1.5px;
    font-weight:600;
    padding:7px 14px;
}

.btn:hover{
    color:light-dark(var(--vc_dark_100),var(--vc_white));
    background:light-dark(var(--vc_white),var(--vc_dark_200));
}

@media (prefers-color-scheme: dark) {
    .popup-overlay.open{
        opacity:0.7;
    }
}