/*
Theme Name: Maxoliv
Theme URI: https://maxoliv.com
Author: Olufemi Oshin
Author URI: https://olufemioshin.com
Description: Modern portfolio theme
Version: 1.0
License: GPLv2
Text Domain: maxoliv
*/



/* CSS Variables */
:root {
    --theme-bg-color: #fd8e8e;
    --theme-text-color: #ffffff;
    --theme-border-color: rgb(253, 142, 142);
    --theme-primary: #fd8e8e;
    --theme-secondary: #2e304b;
    --theme-text: #2e304b;
    --theme-transparent-overlay: rgba(253, 142, 142, 0.3);
    --theme-hover-color: #fd8e8e;
    --theme-leftBtn-text: #fd8e8e;
    --theme-leftBtnText-hover: #ffffff;
    --theme-certBtn-text: #ffffff;
    --theme-certBtn-hover: #fd8e8e;
    --theme-certBtnHover-dark: #fc4a4a;
    --theme-swiper-bg:#ffffff;
}



.theme-pink {
    --theme-primary: #fd8e8e;
    --theme-text: #2e304b;
    --theme-transparent-overlay: rgba(253, 142, 142, 0.3);
    --theme-hover-color: #fd8e8e;
    --theme-leftBtn-text: #fd8e8e;
    --theme-certBtn-text: #ffffff;
    --theme-certBtn-hover: #fd8e8e;
    --theme-certBtnHover-dark: #fc4a4a;
}

.theme-yellow {
    --theme-primary: rgb(253, 229, 142);
    --theme-transparent-overlay: rgba(253, 229, 142, 0.3);
    --theme-hover-color: #0a090c;
    --theme-leftBtn-text: rgb(253, 229, 142);
    --theme-certBtn-text: #000000;
    --theme-certBtn-hover: rgb(253, 229, 142);
    --theme-certBtnHover-dark: #fcd64a;
    --theme-swiper-bg: #0a090c;
}

.theme-green {
    --theme-primary: #8efdb0;
    --theme-transparent-overlay: rgba(142, 253, 176, 0.3);
    --theme-hover-color: #8efdb0;
    --theme-leftBtn-text: #8efdb0;
    --theme-leftBtnText-hover: #000000;
    --theme-certBtn-text: #000000;
    --theme-certBtn-hover: #8efdb0;
    --theme-certBtnHover-dark: #4afc80;
}

.theme-dark {
    --theme-bg-color: #121212;
    --theme-text-color: #ffffff;
    --theme-border-color: #fd8e8e;

    --theme-primary: #ffffff;
    --theme-secondary: #0a090c;
    --theme-leftBtn-text: #ffffff;
    --theme-hover-color: #ffffff;
    --theme-leftBtnText-hover: #000000;
    --theme-text: #2e304b;
    --theme-transparent-overlay: rgba(0, 0, 0, 0.3);
    
    --theme-certBtn-hover: #0a090c;
    --theme-certBtn-text: #ffffff;
    --theme-certBtnHover-dark: #000000;
    --theme-swiper-bg: #0a090c;
}


/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* body {
    background-color: #121212;
    color: white;
    overflow-y: visible;
    overflow-x: hidden;
    height: 100%;
    font-family: 'Poppins', sans-serif;
} */

/* Basic layout structure */
body {
    background-color: var(--theme-bg-color);
    color: var(--theme-text-color);
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    font-family: 'Poppins', sans-serif;
    /* border: 4px solid red; */
}

a {
    text-decoration: none;
    color: inherit;
}

html,
body {
    height: 100%;
}

#wpadminbar {
    display: none;
}

html {
    margin-top: 0 !important;
}