:root {
    --white: #FFF;
    --black: #000;
    --accent-color-1: #003d79;
    --accent-color-1-hover: #0054a6;
}

ul li {
    list-style-position: inside;
}
label {
    width: 100%;
}
legend {
    font-size: 1.25rem;
}
#mainNav{
    transition:padding-top .3s ease-in-out,padding-bottom .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out;
    box-shadow:0 5px 5px transparent;
    background-color: #FFF;
}
#mainNav .navbar-brand img,#mainNav .navbar-brand svg{
    height: 6rem!important
}
#mainNav.navbar-shrink{
    background-color: var(--white);
    box-shadow:0 5px 5px rgba(0,0,0,.2)
}
#mainNav .navbar-nav .nav-item .nav-link {
    color: var(--black);
    -webkit-text-fill-color: var(--accent-color-1);
    -webkit-text-stroke: 0px;
    transition: all .3s ease-in-out;
}
#mainNav .navbar-nav .nav-item .nav-link:hover,
#mainNav .navbar-nav .nav-item .nav-link.active {
    color: var(--accent-color-1);
    -webkit-text-stroke: 1px;
}
#mainNav.navbar-shrink svg{
    -webkit-filter:drop-shadow( 0 5px 2px rgba(0, 0, 0, .3));
    filter:drop-shadow( 0 5px 2px rgba(0, 0, 0, .3))
}
header.masthead {
    position: relative;
}
/*header.masthead:before {
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--accent-color-1);
    opacity: 45%;
    z-index: 2;
}*/
header.masthead .container {
    z-index: 4;
    position: relative;
}
.portfolio-modal .modal-content{
    padding-top:3rem;
    padding-bottom:3rem
}
.modal-body ul{
    margin-left:0;
    padding-left:0
}
.modal-body ul li{
    list-style-position:inside
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
    background-color:var(--accent-color-1)
}
#partners{
    background-color:#007078
}
.btn-primary{
    background-color:var(--accent-color-1);
    border-color:var(--accent-color-1)
}
.btn-primary:hover{
    background-color:var(--accent-color-1-hover);
    border-color:var(--accent-color-1-hover)
}
.btn-primary:hover{
    background-color:var(--accent-color-1-hover);
    border-color:var(--accent-color-1-hover)
}
.btn-check:focus+.btn-primary,.btn-primary:focus{
    background-color:var(--accent-color-1-hover);
    border-color:var(--accent-color-1-hover);
    box-shadow:0 0 0 0 transparent
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 0 transparent
}
@media only screen and (min-width:960px) and (max-width:1199px){
    #mainNav .navbar-nav .nav-item .nav-link{
        font-size:.75rem
    }
    #mainNav .navbar-nav .nav-item{
        margin-right:.5rem
    }
    #mainNav .navbar-brand img,#mainNav .navbar-brand svg{
        max-height:2.5rem!important
    }
}
@media (max-width:767px){
    #mainNav{
        padding:.5rem 0;
        background-color: var(--accent-color-1)
    }
    #mainNav .navbar-brand img,#mainNav .navbar-brand svg{
        height:3rem!important
    }
    #mainNav .navbar-brand svg{
        -webkit-filter:drop-shadow( 0 5px 2px rgba(0, 0, 0, .3));
        filter:drop-shadow( 0 5px 2px rgba(0, 0, 0, .3))
    }
}
@media only screen and (max-width:480px){
    header.masthead .masthead-heading {
        font-size:2.25rem;
        line-height:2.25rem
    }
    .page-section .section-heading.h2,.page-section h2.section-heading{
        font-size:1.75rem
    }
    #mainNav .navbar-brand img,#mainNav .navbar-brand svg{
        max-height:3rem!important
    }
}

[class*="line-clamp"] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-1 {
	-webkit-line-clamp: 1;
}
.line-clamp-2 {
	-webkit-line-clamp: 2;
}
.line-clamp-3 {
	-webkit-line-clamp: 3;
}
.line-clamp-4 {
	-webkit-line-clamp: 4;
}
.line-clamp-5 {
	-webkit-line-clamp: 5;
}
.line-clamp-6 {
	-webkit-line-clamp: 6;
}