@font-face {
  font-family: "Geomini";
  src: url("../fonts/Geomini/Geomini-VariableFont_wght.woff") format("woff");
}
@font-face {
  font-family: "Science Gothic";
  src: url("../fonts/Science_Gothic/ScienceGothic-VariableFont_CTRS,slnt,wdth,wght.woff") format("woff");
}

:root {
    --header-font: "Science Gothic";
    --main-font: "Geomini";
    --global-color-0: #fff;
    --global-color-1: #000;
    --global-color-2: #DDD;
    --global-color-3: #838383;
    --global-color-4: #984447;
    --global-color-5: #424549;
    --global-color-6: #929292;
}


.page-wrap {
    padding: 2rem 0;
}

a {
    text-decoration: none;
    color: var(--global-color-3);
}

a:hover {
    color: var(--global-color-5);
}

body {
    background: var(--global-color-6) !important;
    background-image: url("../images/cubes.png");
    font-family: var(--main-font);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--header-font);
}

.wp-block-media-text__content a {
    color: var(--global-color-1) !important;
}

.wp-block-cover a {
    color: var(--global-color-1) !important;
}

.wp-block-media-text__content a:hover {
    color: var(--global-color-4) !important;
}

.wp-block-cover a:hover {
    color: var(--global-color-4) !important;
}

.widget {
        list-style-type:none;
}

/* Header Styling */

header {
    background: var(--global-color-0);
    font-family: var(--header-font);
    height: 100px;
    width: 100%;
    
}

header .top-bar {
    display: flex;
    list-style-type:none;
    margin:0;
    padding:0;

}

header .container {
    align-items: center;
    display:flex;
    height: 100%;
    justify-content: center;
}

header .top-bar li a {
    padding: .25rem 1rem;
    color: var(--global-color-3);
    text-decoration:none;
}

header .top-bar li a:hover {
    color:var(--global-color-5);
}

header .top-bar li {
    position: relative;
}

header .top-bar li:first-child a {
    padding-left:0;
}

header .top-bar li:last-child a {
    padding-right:0;
}

header .top-bar li .sub-menu {
    display:none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background: var(--global-color-0);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
    list-style-type: none;
    width:200px;
    border-radius: .5rem;
}

header .top-bar li .sub-menu a {
    color: var(--global-color-3);
    padding: .25rem;
    text-align: center;
    display: block;
    text-decoration: none;
}

header .top-bar li .sub-menu a:hover {
    color:var(--global-color-5);
}

header .top-bar > .menu-item-has-children:hover > .sub-menu {
    display:block;
}

header .top-bar .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
    display:block;
}

header .top-bar .sub-menu li .sub-menu {
    top:0;
    left:100%;
}

/*Social Menu Styling*/
.social-bar {
    display: flex;
    list-style-type:none;
    margin:0;
    padding:0;
}

.social-bar li a {
    padding: .25rem 1rem;
    color: var(--global-color-3);
    text-decoration:none;
}

.social-bar li a:hover {
    color:var(--global-color-5);
}

.social-bar li {
    position: relative;
}

/* Footer Styling */

footer {
    background: var(--global-color-0);
    height: 100px;
    width: 100%;
}

footer .footer-bar {
    display: flex;
    list-style-type:none;
    margin:0;
    padding:0;

}

footer .container {
    align-items: center;
    display:flex;
    height: 100%;
    justify-content: center;
}

footer .footer-bar li a {
    padding: .25rem 1rem;
    color: var(--global-color-3);
    text-decoration:none;
}

footer .footer-bar li a:hover {
    color:var(--global-color-5);
}

footer .footer-bar li a:hover {
    color:var(--global-color-5);
}

footer .footer-bar li {
    position: relative;
}

footer .footer-bar li:first-child a {
    padding-left:0;
}

footer .footer-bar li:last-child a {
    padding-right:0;
}

footer .footer-bar li .sub-menu {
    display:none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background: var(--global-color-0);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    margin: 0;
    padding: 0;
    list-style-type: none;
    width:200px;
    border-radius: .5rem;
}

footer .footer-bar li .sub-menu a {
    color: var(--global-color-3);
    padding: .25rem;
    text-align: center;
    display: block;
    text-decoration: none;
}

footer .footer-bar li .sub-menu a:hover {
    color:var(--global-color-5);
}

footer .footer-bar > .menu-item-has-children:hover > .sub-menu {
    display:block;
}

footer .footer-bar .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
    display:block;
}

footer .footer-bar .sub-menu li .sub-menu {
    top:0;
    left:100%;
}