/*===========================================================
 Common CSS
============================================================*/

body {
    font-family: 'Nunito Sans', sans-serif;
    color: #231f20;
    background: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

h1 {
    color: #ff0000;
    font-size:1.875rem;
    font-weight: bold;
}

h2 {
    color: #ff0000;    
    font-weight: bold;
    font-size:1.875rem;
}

h3 {
    color: #000;    
    font-weight: bold;
    font-size:1.625rem;
}

h4 {
    color: #006837;    
    font-weight: bold;
    font-size:1.625rem;
}

h5 {
    color: #000;    
    font-weight: bold;
    font-size:1.625rem;
}

h6 {
    color: #000;    
    font-weight: bold;
    font-size:1.625rem;
}

a
{
    color: #ff0000;
}

a:hover 
{
    color: #006837;
    text-decoration: none;
}

.main-nav {
    background: #006837;
    color:#fff;
    font-size: 1.125rem;
    border-bottom:solid 1px #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #7cb4b7;
}

.col-full-height {
    height:100vh;
    align-items: center;
    justify-content: center;
}

.color-blue
{
    color: #ff0000;
}

.background-grey {
    background-color: #e3e3e3;
}

.background-light-blue {
    background-color: #7cb4b7;
}

.container-top-content {
    background-color: #e3e3e3;
    margin-top:1px;
}

.footer-area {
    background-color: #006837;
    color: #fff;
}

.footer-area a,
.footer-area a:visited,
.footer-area a:focus  {
    color: #fff;
}

.footer-area a:hover  {
    color: #f9a928;
}

.content-rows-full-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.content-rows-full-row-min-height {
    min-height:700px;
}

.content-rows-full-text > h1:first-child,
.content-rows-full-text > h2:first-child,
.content-rows-full-text > h3:first-child,
.content-rows-full-text > h4:first-child,
.content-rows-full-text > h5:first-child,
.content-rows-full-text > h6:first-child {
    margin-top:0px;
}

.content-rows-full-text-container {
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    width:100%;
}

.content-rows-full-image {
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
    min-height:300px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .content-rows-full-text-container {
        display: flex;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
        width:50%;
    }
    
    .content-rows-full-image {
        background-size: cover !important;
        background-position: center center !important;
        width: 50%;
    }
    
 }

 .btn-primary {
    background-color: #000;
    border-color: #000;
    color: #fff !important;
    border-radius: 0px;
    border-width: 2px;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #ff0000;
    color: #fff !important;
    border-color: #ff0000;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff !important;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-secondary {
    background-color: #006837;
    border-color: #006837;
    color: #fff !important;
    border-radius: 0px;
    border-width: 2px;
    font-weight: bold;
}

.btn-secondary:hover {
    background-color: #ff0000;
    color: #fff !important;
    border-color: #ff0000;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff !important;
    background-color: #ff0000;
    border-color: #ff0000;
}

.mb-30 {
    margin-bottom: 30px;
}

.container-gallery img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.logo 
{
    max-width: 90%;
    height: auto; 
}

/*============================= Slider CSS====================*/
.slide-text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%; /* Ensure the div takes up the full height of the parent carousel-item */
}

.slider-area-fixed-height {
    height: 450px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .slider-area-fixed-height {
        height: 220px;
    }
}

.slider-area {
    padding: 30px;
    background-color: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
}


.slide-text {
    max-width: 890px;
    text-align: center;
}

.slide-text p {
    color: #000;
    font-size: 1.125rem;
    letter-spacing: normal;
}

.slider-left-arrow,
.slider-right-arrow {
    color: #000;
    font-size: 2.9169rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .logo 
    {
        max-width: 60%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .logo 
    {
        max-width: 100%;
    }
 }