@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@font-face {
    font-family: 'Defused RG';
    src: url('../fonts/DEFUSED-LT.eot');
    src: url('../fonts/DEFUSED-LT.eot?#iefix') format("embedded-opentype"),
         url('../fonts/DEFUSED-LT.ttf') format("truetype");
}

@font-face {
    font-family: 'Open Serif Bold';
    src: url('../fonts/OpenSerif.eot');
    src: url('../fonts/OpenSerif.eot?#iefix') format("embedded-opentype"),
         url('../fonts/OpenSerif.ttf') format("truetype");
}


/* Body */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    margin:0;
}


/* Headings */

h1{
    font-family: 'Open Serif Bold';
    text-shadow:1px 1px 1px #000;
}

h2,h3,h5{
    font-family: 'Open Serif Bold';
}

h4{
    font-family: 'Open Serif Bold';
    color:#0c406d;
}

h2.bodytext{
    margin-top:60px;
    color:#830e21;
}

h3.bodytext{
    margin-top:50px;
    color:#27376f;
    margin-bottom:20px;
}

h4.bodytext{
    margin-top:30px;
    color:#442b58;
}


/* NAVBAR */

.navbar-soil{

    background: linear-gradient(
        to bottom,
        #202A07,
        #37480B
    );

}

.navbar-soil .navbar-brand{
    color:#ffffff;
    font-weight:600;
}

.navbar-soil .nav-link{
    color:#e6edd1;
}

.navbar-soil .nav-link:hover{
    color:#ffffff;
}


/* HERO */

.hero-placeholder{

    height:350px;
    border:2px dashed #ccc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#777;

}


/* FOOTER */

.footer-soil{

    margin-top:60px;
    padding:40px 0;

    background: linear-gradient(
        to bottom,
        #202A07,
        #37480B
    );

    color:#e6edd1;

}

.footer-soil a{

    color:#e6edd1;
    text-decoration:none;

}

.footer-soil a:hover{

    color:#ffffff;

}
/* BRANDING */

.brand-soil{
    display:flex;
    align-items:center;
    gap:12px;
}

.brand-logo{
    height:40px;
    width:auto;
}

.brand-title{
    font-family:'Open Serif Bold';
    font-size:35px;
    color:#ffffff;
}

/* HERO SECTION */

.hero-section{
    width:100%;
    height:520px;

    background-image:url('../img/hero.jpg'); /* your image */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    position:relative;
}

/* Optional overlay if text is added later */
.hero-overlay{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.15);
}

.hero-content{
    height:100%;
    display:flex;
    align-items:center;
}

.section-access{
background-color: rgba(206,167,128,0.10);
}

.section-title{
font-family:'Open Serif Bold';
color:#d1356f;
}

.section-divider{
width:220px;
border:2px solid #d1356f;
margin:auto;
}

.service-box{
margin-bottom:30px;
padding:10px;
}

.service-image{
width:80%;
transition:0.3s;
}

.service-image:hover{
transform:scale(1.05);
}

.placeholder-img{
width:80%;
height:180px;
background:#e6e6e6;
margin:auto;
}