@import "_variables";
@import 'corifeus-web-material/src/scss/all';
@import '@angular/material/theming';

img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

.cory-layout-title {
    font-size: 250%;
    font-weight: bold;
}


.cory-mat-theme-light {
    @import 'CSS:../../node_modules/highlight.js/styles/github';

    .cory-layout-title {
        text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    }

}

.cory-mat-theme-dark {
    @import 'CSS:../../node_modules/highlight.js/styles/tomorrow-night';

    .cory-layout-title {
        text-shadow: 2px 2px rgba(255, 255, 255, 0.5);
    }

}

.cory-mat-theme-dark-matrix {
    .cory-layout-title {
        text-shadow: 2px 2px rgba(0, 255, 0, 0.5);
    }
}

img
{
    max-width: 100%;
    height: auto;
}


.mat-toolbar {
    @media screen and (max-width: $cory-mat-size-xsmall) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

a code {
    font-weight: bold;
}


.cory-layout-fa {
    font-size: 23px !important;
}

.cory-mat-footer {
    .mat-button {
        text-overflow: ellipsis;
//        overflow: hidden;
    }
}

.cory-mat-header, .cory-mat-footer {
    @media screen and (max-width: $cory-mat-size-xsmall) {
        .mat-button {
            $padding: 8px;
            min-width: 24px !important;
            padding-left: $padding;
            padding-right: $padding;
        }
    };
}



.cory-mat-theme-light {
    .cory-mat-header {
        border-bottom: 5px solid rgba(0,0,0,0.1);
    }
    .cory-mat-footer {
        border-top: 5px solid rgba(0,0,0,0.1);
    }
    .cory-mat-header,
    .cory-mat-footer
    {
        box-shadow: 0px 0px 100px 10px rgba(0,0,0,0.25);
    }
}
.cory-mat-theme-dark {
    .cory-mat-header {
        border-bottom: 5px solid rgba(255,255,255,0.1);
    }
    .cory-mat-footer {
        border-top: 5px solid rgba(255,255,255,0.1);
    }
    .cory-mat-header,
    .cory-mat-footer
    {
        box-shadow: 0px 0px 100px 10px rgba(255,255,255,0.15);
    }
}

.cory-mat-theme-dark-matrix {
    .cory-mat-header {
        border-bottom: 5px solid rgba(0,0,0,0.4);
    }
    .cory-mat-footer {
        border-top: 5px solid rgba(0,0,0,0.4);
    }
}

.cory-layout-link-external {
    .fas, .fab, .far {
        opacity: 0.5;
    }
    &:hover {
        .fas, .fab, .far {
            opacity: 1;
        }
    }
}

/*
.cory-layout-container-fixed {

    margin-top: $cory-mat-fixed-height-collapsed;
    margin-bottom: $cory-mat-fixed-height-collapsed;

    @media screen and (min-width: $cory-mat-size-xsmall) {
        margin-top: $cory-mat-fixed-height;
        margin-bottom: $cory-mat-fixed-height;
    }

    @media screen and (min-width: $cory-mat-size-medium) {
        width: $cory-mat-size-medium - 100;
        margin-left: auto;
        margin-right: auto;
    };
}
*/

.cory-layout-markdown-reference {
///    float: right;
    display: none;
}

.cory-layout-markdown-header:hover > a {
    display: inline;
}

.cory-layout-sidenav-search {
    $padding: 15px;
    padding-left: $padding;
    padding-right: $padding;
}

.cory-layout-sidenav-container {
    background: none !important;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;


    padding-top: $cory-mat-fixed-height-collapsed;
    padding-bottom: $cory-mat-fixed-height-collapsed;

    @media screen and (min-width: $cory-mat-size-xsmall) {
        padding-top: $cory-mat-fixed-height-top;
        padding-bottom: $cory-mat-fixed-height-bottom;
    }

    @media screen and (min-width: $cory-mat-size-medium) {
        margin-left: auto;
        margin-right: auto;
        padding-left: auto;
        padding-right: auto;
    };




}

.cory-pages-menu-effect {
    opacity: 0.75;
}

.cory-pages-menu-effect:hover {
    opacity: 1;
}

//corifeus-inject
@import '../angular/layout/footer/cory-layout-footer.scss';
@import '../angular/layout/header/cory-layout-header.scss';
//corifeus-inject:end