@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');

.is-left {text-align: left}
.is-right {text-align: right}
.is-center {text-align: center}

.push-up { margin-bottom: 5px; }
.push-up-2x { margin-bottom: 10px; }
.push-up-3x { margin-bottom: 15px; }
.push-up-4x { margin-bottom: 20px; }
.push-up-5x { margin-bottom: 25px; }

.push-down { margin-top: 5px; }
.push-down-2x { margin-top: 10px; }
.push-down-3x { margin-top: 15px; }
.push-down-4x { margin-top: 20px; }
.push-down-5x { margin-top: 25px; }

.push-right { margin-right: 5px; }
.push-right-2x { margin-right: 10px; }
.push-right-3x { margin-right: 15px; }
.push-right-4x { margin-right: 20px; }
.push-right-5x { margin-right: 25px; }

.push-left { margin-left: 5px; }
.push-left-2x { margin-left: 10px; }
.push-left-3x { margin-left: 15px; }
.push-left-4x { margin-left: 20px; }
.push-left-5x { margin-left: 25px; }

.has-text-shadow {
    text-shadow: 2px 2px 4px #000000;
}
.has-box-shadow {
    box-shadow: 10px 10px 5px grey;
}
.has-text-strikethrough {
    text-decoration-line: line-through;
}

body {
    font-family: 'Barlow', 'Segoe UI', 'Droid Sans', sans-serif !important;
}

.input, .textarea {
    background-color: #f8f4f5;
}

.box, .button, .textarea, .input, .select select {
    border-radius: 0;
}

.button.is-primary {
    background-color: #23c996;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
    background-color: #168663;
}

.button.is-linkedin {
    background-color: #3661B8;
}
.button.is-linkedin:hover, .button.is-linkedin.is-hovered {
    background-color: rgb(38, 70, 134);
}
.tabs li.is-active a {
    border-bottom: 3px solid #23c996; !important;
    border-bottom-color: #23c996;
}
.has-text-maroon {
    color: rgb(75, 0, 0);
}
a.link {
    color: rgb(75, 0, 0);
}
a.link:hover {
    color: rgb(22, 76, 112);
}
a.styled {
    color: rgb(75, 0, 0);
    border-bottom: 2px solid rgb(75, 0, 0);
}
a.no-underline {
    border-bottom: 2px solid transparent;
}
a.styled:hover {
    color: rgb(22, 76, 112);
    border-bottom: 2px solid rgb(22, 76, 112);
}

a.unstyled {
    color: #4a4a4a;
    border-bottom: none;
}

a.dropdown-item.is-active, button.dropdown-item.is-active {
    background-color: #790f12;
}
.is-inline-block {
    display: inline-block;
}
.is-inline {
    display: inline;
}
.is-block {
    display: block;
}
.navbar-menu .navbar-item {
    border-bottom: 3px solid transparent;
}
.navbar-menu .navbar-item:hover:not(#navbar-public-actions) {
    border-bottom: 3px solid #23c996;
    color: rgb(75, 0, 0);
    background: rgba(255,255,255,0.1) !important;
}
.navbar-brand path {
    fill: white;
}
.navbar-menu .navbar-item.is-active {
    border-bottom: 3px solid #23c996;
    color: black;
    background: rgba(255,255,255,0.2) !important;
}
.navbar-menu .navbar-item.is-highlighted {
    border-bottom: 3px solid #23c996;
    color: black;
    background: rgba(255,255,255,0.2);
}
.navbar-link:hover {
    color: black;
    background: rgba(255,255,255,0.2);
}
.navbar-menu .navbar-item a{
    color: white;
}
.navbar-dropdown {
    margin-top: 3px;
}
.navbar-dropdown .navbar-item {
    color: black !important;
}
.navbar {
    border-bottom: 1px solid lightgrey;    
}
.is-sharpcorner{
    border-radius: 0;
}
.is-borderless {
    border: none !important;
}
.has-background-green {
    background-color: green !important;
}
.has-background-red {
    background-color: darkred !important;
}
.has-background-yellow {
    background-color: rgb(204, 122, 0) !important;
}
.has-text-green {
    color: green !important;
}
.has-text-red {
    color: darkred !important;
}
.has-text-yellow {
    color: rgb(204, 122, 0) !important;
}
.article-body {
    font-family: Arial, Helvetica, sans-serif
}

.has-border-red {
    border-color: 1px solid darkred;
}
.has-border-green {
    border-color: 1px solid green;
}
.has-border-grey {
    border-color: 1px solid grey;
}
.has-border-grey-light {
    border-color: 1px solid lightgrey;
}
.is-paddingless-h {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.underlined {
    border-bottom: 3px solid #23c996;
    font-weight: bold
}