@import "./styles/sidebar.css";
@import "./styles/toolbar.css";
@import "./styles/portal-hack.css";
@import "./styles/portal.css";

/*
 Theme Name:   Jupiter Child Theme
 description: >-
   A child theme of the Jupiter WordPress theme
 Author:       Ian Bell
 Template:     jupiter
 Version:      1.0.0
*/

:root {
    --sidebar-width: 300px;
    --toolbar-height: 46px;
    --primary-color: #00A9D3;
    /* --primary-color: #1e73be; */
    /* --secondary-color: white; */
    --secondary-color: #EE412F;
}

.skinny-page {
    margin: 0px 25%;
}

.fancy-text {
    box-shadow: 3px 3px 5px 2px var(--primary-color);
    text-align: center;
    padding: 10px 0 10px;
}


/*
START portal CSS
*/


/* 
body::-webkit-scrollbar {
    width: 8px;
}
*/

.portal-content {
    margin-left: var(--sidebar-width);
    padding: 1px 16px;
    /* padding-top: var(--toolbar-height); */
}


/* .portal-content .page-title {
    margin: 0 0 15px 0;
} */

@media only screen and (min-width: 700px) {
    .portal-page-title {
        background-color: var(--primary-color);
        padding-left: var(--sidebar-width);
        padding-top: var(--toolbar-height);
        text-align: center;
    }
    .portal-page-title .page-title-text {
        color: white;
    }
}

@media only screen and (max-width: 700px) {
    .page-title {
        display: none;
    }
}


/* 
END portal CSS
*/

@media only screen and (min-width: 700px) {
    .hide {
        display: none !important;
    }
}