/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
h1, h2, h3, h4, h5, h6 {
    color: #006d4f;
    font-weight: 700;
}
.heading-text.heading-section h2:before {
    background-color: #fbb03b;
}
.background-grey {
    background-color: #e5dc9c7a !important;
}

.portfolio-item.img-zoom{
    height: 300px;
    object-fit: cover;
}
.lead {
    font-size: 1.25rem;
    font-weight: 400!important;
    color: #3a3a3a;
}
.modal p {
    font-size: 1.25rem;
}
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: #006d4f;
}

@media (max-width: 1024px){
    .inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 14px;
    }
}