/*Colors 
primary green: #569939
primary darkgrey: #212121
primary lightgrey: #e6e3e3  */

body {
    font-family: sans-serif;
    line-height: 1.5;
}

section {
    padding-top: 1.25em;
    padding-bottom: 2em;
}



/* link styles */
a {
    text-decoration: none;
}

/* general color classes */
.new-bg-drk {
    background: #212121;
}

.new-bg-drkg {
    background: linear-gradient(#212121, #2b2b2b);
}

.new-bg-primary {
    background: #366e1e;
}

.new-bg-primaryg {
    background: linear-gradient(#569939, #366e1e);
}

.new-bg-light {
    background: #e6e3e3;
}

.new-bg-lightg {
    background: linear-gradient(#c4c2c2 1%, #e6e3e3);
}

/* transitional gradiants */
.green-to-light {
    background: linear-gradient(#569939, #e6e3e3)
}

/* text styles */
.new-txt-drk {
    color:#212121;
}

.new-txt-primary {
    color:#569939;
}

.new-txt-light {
    color:#e6e3e3;
}

/* new formating classes (why did bootstrap 5 remove the margin classes? or am I just not finding them?) */
.new-margin-r {
    margin-right: 2em;
}

.new-margin-l {
    margin-left: 2em;
}

/* navigation */
.nav-brand a:hover {
    color: #569939;
}

.nav-item a:hover {
    color: #569939;
}

/* header */
.headerMain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/header_taust2.jpg');
    padding: 10rem;
}

.headerHeading {
    background-color: #2b2b2b;
    font-weight: bold;
    color: #c4c2c2;
    font-size: 4rem;
}

.headerText {
    background-color: #2b2b2b;
    font-size: 2rem;
    color: #c4c2c2;
}

/* text styles */
.sectionHeader {
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    font-size: 2em;
    font-weight: bold;
}

/* image styles */
.imageMain {
    display: block;
    max-width: 85%;
    max-height: 85%;
    float: right;
}

/* list styles */

.style-less {
    list-style: none;
}

/* custome button */

.new-btn-drk {
    display: inline-block;
    background: #2b2b2b;
    padding: 15px 25px;
    border-radius: 5%;
}

.new-btn-drk:hover {
    background:#212121;
    color:#569939;
}

.new-btn-primary {
    background: #569939;
    color:#2b2b2b;
}

.new-btn-primary:hover {
    background:#569939;
    color:#c4c2c2;
}

/* card customisation */

.card-body {
    background: #2b2b2b;
    color: #c4c2c2;
}