/*-- Global --*/

.list {
    padding: 2em 0 0;
}

.title {
    text-align: center;
}

@media (min-width: 768px) {
    .title h1 {
        font-size: 2.75rem;
    }
}

section:not(.page-home) .textwithimage-circle {
    padding-top: 0;
}

h2,
.h2,
.font-header-Khand .detailedlist .detailedlist-item-title {
    font-size: 2.35rem;
    color: var(--color-theme-secondary);
}

/* -- For Accessibility --*/

a:focus {
    background: var(--color-theme-highlight) !important;
    color: #222 !important;
}

a.btn:focus,
a.gallery-card-link:focus,
.contact-companyinfo a:focus {
    border: 3px solid var(--color-theme-secondary) !important;
}

a:focus .list-img-photo,
.header-info-logo a:focus img {
    border: 3px solid var(--color-theme-primary) !important;
}

.contact-companyinfo a {
    display: block;
}

/*-- Header --*/

.header .nav-link {
    text-transform: uppercase;
    font-weight: normal !important;
}

.header .header-info-logo-img {
    z-index: 20;
    padding: .5em .5em 0 .5em;
}

.header .header-info-logo-img img {
    width: 220px;
}

.header .header-info h1 {
    font-size: 1.25rem;
}

.cw-headerBtns {
    background: var(--color-theme-highlight);
}

.cw-headerBtns a {
    padding: .15em .75em .25em;
    border-radius: 0 0px 10px 10px;
    font-size: .95rem;
}

.cw-emailBtn {
    word-break: break-all
}

nav.navbar .navbar-brand {
    content: url("https://apihoard.webit.com/api/v1/Image/348C808A0413A80CB94B5B376AB57922/348C808A0413A80CB94B5B376AB57922.png?size=320x240");
    max-width: 120px;
    padding: .25em;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

nav.navbar.affix .navbar-brand {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

nav .d-lg-none {
    display: inherit !important;
}

@media (min-width: 992px) {

    nav.navbar.navbar-expand-lg > .container {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-flow: row !important;
        flex-flow: row !important;
    }

    .cw-phoneBtn {
        position: absolute;
        top: 0;
        right: 320px;
        background: var(--color-theme-highlight);
    }

    .cw-emailBtn {
        position: absolute;
        top: 0;
        right: 1em;
        background: var(--color-theme-highlight);
    }

    .header .header-info {
        text-align: left;
    }

    .header .header-info-logo-img img {
        width: 260px;
    }

    nav.navbar {
        position: absolute;
        top: 65px;
        width: 100%;
        height: 56px;
        background: grey;
    }

    nav.navbar .container {
        position: relative;
        margin: 0 auto;
    }

    .navbar-nav {
        position: absolute;
        right: 0;
    }
}

/*-- Home --*/

.page-home .title h1 {
    margin: 0;
    font-size: 2.5rem;
}

.page-home .title {
    padding: .75em 0 .5em 0;
}

.page-home .title {
    border-top: 4px solid #a8dcff;
}

@media (min-width: 768px) {
    .page-home .title h1 {
        font-size: 3.25rem;
    }
}

.cw-homeBtns .col-md-4:first-of-type {
    background: #c0ddf1;
}

.cw-homeBtns .col-md-4:nth-of-type(2) {
    background: #598bad;
}

.cw-homeBtns .col-md-4:nth-of-type(3) {
    background: #264a63;
    color: white;
}

.page-home .textwithimage {
    background: url(https://apihoard.webit.com/api/v1/Image/4EDADD8B2AB5791FA19DB6644A2E0C85/4EDADD8B2AB5791FA19DB6644A2E0C85.jpg?size=Original) no-repeat center center;
    background-size: cover;
}

.page-go-fishing .list {
    padding-top: 0;
}
