:root {
    --primary-color: #154c2fff;
    --secondary-color: #ede4ccff;
    --dark:#6a5e50ff;
}
.uk-button-primary,
.uk-footer {
    background-color: var(--primary-color);
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus {
    color: var(--primary-color) !important;
    
}

.uk-navbar-nav > li > a {
    color: #999 !important;
}

.uk-button-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: lighten(var(--primary-color), 5%);
    border-color: lighten(var(--primary-color), 5%);
}

.uk-footer {
    background-color: var(--primary-color);
    color: #fff;
}

.backgroundImgBlock{
    /* Media queries for phone */
    @media (max-width: 640px) {
        height:211px;
        background-size: cover !important;
    }
}

.box{

    /* Media queries for phone */
    @media (max-width: 640px) {
        min-height:293.75px;
    }
}
.box > div{
    padding:15px;
    padding-top:18px;
}
.box div a{
    color:white !important;
}

.uk-modal-body{
    background-color:var(--dark);
}
.uk-modal-body *{
    color:white;
}

/* Additional styling for elements to use the primary color */
h1, h2,
a,
button,
.uk-alert-primary {
    color: var(--primary-color) !important;
}

h1,h2, h3{
    font-family: 'Shadows Into Light', cursive !important;
    color: var(--primary-color) !important;
    font-size:52px !important;
}
h3{
    font-size:32px !important;
}

body{
    background-color:white !important;
    font-size:18px;
    color:#393536ff;
}

.uk-section-secondary{
    background-color: unset!important;
}

.uk-section-secondary .uk-grid:not(.uk-flex-center){
    background-color: var(--secondary-color);
}
.uk-section-secondary *:not(h1,h2,h3,h4,h5,h6){
    color: #393536ff
}

.uk-height-medium {
  height: 500px;
}

figure{
    margin-bottom: 0px !important;
}

.rhsBlock{
    @media (max-width: 640px) {
        transform: translateX(15px);
        padding:30px;
    }
}
.lhsBlock{
    @media (max-width: 640px) {
        transform: translateX(15px);
        padding:30px;
    }
}