body {
    color: rgba(0,0,0,.85);
    background-color: #fafafa;
}

.link-dark {
    color: #fff;
}

.link-dark:hover {
    color: #2196f3 !important;
}

.button.is-black:hover {
    color: #000 !important;
    background: #fff !important;
    border-color: #000 !important;
}

.button.is-white:hover {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}

.section-header, .section-footer {
    /*background-image: url(./images/texture.png);*/
    padding: 0 !important;
}

.section-header .container {
    padding: 3rem 1.5rem;
    background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 25%);
}

.section-footer .container {
    padding: 3rem 1.5rem;
    background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(250,250,250,.5) 100%);
}

.text-content .is-max-desktop {
    max-width: 720px !important;
}

.text-computer {
    color: #673AB7;
    font-weight: bold;
}

.text-crew {
    color: #009688;
    font-weight: bold;
}

.has-title-font {
    font-family: "Averia Serif Libre", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.column-margin .columns {  
    margin-bottom: 4rem !important;
}

.column-margin p {  
    text-align: center;
}

h1, h2, h3, h4, h5 {
    font-weight: 800;
    font-style: normal;
    font-family: "Averia Serif Libre", serif;
    font-optical-sizing: auto;
}


.branded-orange {
    font-weight: 700 !important;
    /*text-transform: uppercase;*/
    color: #F06543 !important;
}

a.branded-orange:hover {
    color: #d85a3c !important;
}

.navbar-item.branded-orange {
    font-size: 1.25em;
}

.header-section {
    background: #002768;
    border-bottom: 1px solid #fff;
}

.header-image-column {
    max-width: 256px;
}

@media screen and (max-width: 768px) {
    .header-image-column {
        margin: 0 auto;
    }
}

.header-text-column {
    max-width: 720px;
    padding-left: 2rem !important;
}

.header-title {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 2.5rem !important;
}

.header-subtitle {
    font-weight: 500 !important;
    font-size: 1.5rem !important;
    line-height: 1.75rem !important;
}

.footer {
    padding: 32px !important; 
    background: #00090D !important;
}

.footer * {
    color: #fff !important;
}

.footer *:last-child {
    margin-bottom: 0;
}

.footer .footer-title {
    font-weight: bold !important;
    font-size: 12pt !important; 
    margin-bottom: 4px;
}

.footer .footer-subtitle {
    font-weight: 300 !important;   
    font-size: 10pt !important; 
    margin-bottom: 4px;
}

.footer .button.is-dark {
    background: none;
}

.project-block {
    padding: 3rem 2rem;
    border-radius: .5rem;
    background-color: #000;
}

.project-link-spaced:not(:last-child) {
    margin-bottom: 3rem !important;
}

.project-block.offset .column {
    padding: 1rem 2rem;
}

.project-block .button.is-dark {
    background: none;
}

.project-block .button.is-dark:hover {
    background: rgba(0,0,0,.05);
}

.project-block * {
    color: #fff !important;
}

.project-inner {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.project-subtitle {
    font-weight: 300 !important;
    text-transform: uppercase;
    font-size: .9rem !important;
    margin-top: -1rem !important;
}

.striped-section, .more-section {
    background-color: #ECEFF1;
}

.img-small {
    max-width: 600px;
}

a * {
    cursor: pointer !important;
}

.project-image img {
    box-shadow: 1px 1px 10px 0 rgb(0 0 0 / 20%);
}

.project-image p {
    color: rgba(0,0,0,.65) !important;
    font-weight: 500 !important;
    text-align: center !important;
    font-size: .75rem !important;
    margin-top: 0.5rem !important;
}

a .project-image img:hover {
    box-shadow: 1px 1px 10px 0 rgb(0 0 0 / 30%);
}

.project-1 {
    background-color: rgba(13, 67, 95,1) !important;
}
.project-1.is-clickable:hover {
    background-color: rgba(13, 67, 95,.95) !important
}

.project-2 {
    background-color: #39A0ED !important;
}

.project-2.is-clickable:hover {
    background-color: rgba(57, 160, 237, 0.95) !important
}

.project-3 {
    background-color: #4D8B31 !important;
}
.project-3.is-clickable:hover {
    background-color: rgba(77, 139, 49,.95) !important
}

.project-4 {
    background-color: #772014 !important;
}

.project-4.is-clickable:hover {
    background-color: rgba(119, 32, 20,.95) !important
}

.project-5 {
    background-color: #523a91 !important;
}

.project-5.is-clickable:hover {
    background-color: rgba(82, 58, 145,.95) !important
}

.navbar-item .link-icons a {
    margin: 0 .25rem;
    font-size: 14px !important;
}

.footer .link-icons a {
    margin: 0 .5rem;
    font-size: 1rem !important;
}

@media screen and (max-width: 1023px) {
    .footer .link-icons a {
        margin: 0;
    }
}

.link-icons a span {
    color: #000;
}

.icon-linkedin:hover * {
    color: #002439 !important;
}

.icon-email:hover * {
    color: #002439 !important;
}

.icon-resume:hover * {
    color: #002439 !important;
}

.navbar {
    position: -webkit-sticky !important;
    position: sticky !important;
    border-bottom: 1px solid #dbdbdb;
    top: 0;
    left: 0; 
    right: 0;
    z-index: 0;
}

.header-section {
    z-index: 999 !important;
}

.lb-data .lb-close {
    width: 1em !important;
    height: 1em !important;
    background-size: cover !important;
}