body {
    font-size: 16px;
    line-height: 1.3;
}

:root {
    --color-brown: #471e01
}

.dark,
.dark p,
.dark td,
.absolute-footer.dark,
.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical-fly-out>li>a,
.dark .nav-vertical>li>ul li a,
.dark .nav>li.html,
.dark .nav>li>a,
.nav-dark .is-outline,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button,
.nav-dropdown.dark .nav-column>li>a,
.nav-dropdown.dark>li>a {
    color: #fff;
}


p {
    margin: 0 0 12px;
}

.nav>li>a {
    font-size: inherit;
}

.hover-line .box-image {
    display: block;
    position: relative;
}

.hover-line .box-image:after {
    border-left: 1.5px solid var(--primary-color);
    border-right: 1.5px solid var(--primary-color);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hover-line .box-image:before {
    border-top: 1.5px solid var(--primary-color);
    border-bottom: 1.5px solid var(--primary-color);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hover-line .box-image:before,
.hover-line .box-image:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 5;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.hover-line .box-image:hover:before,
.hover-line .box-image:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
}