/* Add here all your CSS customizations */

/*------------------------------------*
   Global
*------------------------------------*/

#header .header-nav-main nav > ul > li > a:hover {
    text-decoration: none;
}
#header .header-btn-collapse-nav {
    background: #4e86B7;
}
section[data-block-name='content_block'] img {
    max-width: 100%;
}
#footer,#footer .footer-copyright.footer-copyright-style-2 {
    background: #21252F;
}
h1 {
    font-size: 3.5em;
}
h2.custom-bar:after {
    border-bottom-color: #4e86B7;
}
a {
    color: #1e5687;
}
table.table {
    width: auto;
    max-width: 100%;
}

#header .header-logo {
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
}

.hdr--underline-blue {
    position: relative;
    border-bottom: 1px solid #1a75bc;
}

/*------------------------------------*
   Home Page
*------------------------------------*/

/* https://gist.github.com/GradientAnimator/91cdb87ea02206c6279f27f029c96139 */
section.css-bg-animation {
    background: linear-gradient(89deg, #1e5687, #5587b4);
    background-size: 400% 400%;

    -webkit-animation: home-hero 14s ease infinite;
    -moz-animation: home-hero 14s ease infinite;
    animation: home-hero 14s ease infinite;
}

@-webkit-keyframes home-hero {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes home-hero {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes home-hero {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}






/*------------------------------------*
   Content Blocks
*------------------------------------*/

/*---*
Section
*----*/

html .bg-color-transparent {
    background-color: transparent !important;
}

section.section .column p:last-of-type {
    margin-bottom: 0;
}

section.section.bg-color-dark .column h4 {
    color: #777;
}

.custom-background-style-1 {
    padding-top: 150px !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}



/*---*
Cards
*----*/

.card.bg-color-primary h4,
.card.bg-color-primary p,
.card.bg-color-secondary h4,
.card.bg-color-secondary p {
    color: #fff !important;
}

/*---*
CTA
*----*/

.call-to-action-content p:last-of-type {
    margin-bottom: 0;
    opacity: 0.7;
}

.call-to-action-btn > a {
    background-color: #1e5687 !important;
    color: #fff !important;
}

.call-to-action-btn > a:hover {
    background-color: #2e6697 !important;
}

/*------------------------------------*
   Overrides
*------------------------------------*/

html:not(.sticky-header-active) body:not(.home) #header.header-transparent:not(.header-semi-transparent) .header-body {
    background-color: #fff !important;
}

@media (min-width: 992px) {
    .col-lg-5-col {
        flex: 0 0 auto;
        width: 20%;
    }
}

#footer .footer-copyright:before {
    display: none;
}

#footer {
    padding: 0;
    /*margin-top: 50px;*/
}

#header .header-logo {
    width: auto !important;
}

#footer .footer-copyright p {
    color: #fff;
}

#footer a:not(.btn):not(.no-footer-css) {
    color: #fff;
}

h1 {
    letter-spacing: normal;
}

.patient-reviews .owl-next:before {
    content: "\f060" !important;
}

.patient-reviews .owl-prev:before {
    content: "\f061" !important;
}

/*---*
Colors
*----*/
html .text-color-primary, html .text-primary {
    color: #1e5687 !important;
}
html .bg-color-primary, html .bg-primary {
    background-color: #1e5687 !important;
}
html section.section-primary {
    background-color: #1e5687 !important;
    border-color: #1e5687 !important;
}
html .call-to-action.call-to-action-primary {
    background: #1e5687;
}
html .text-color-secondary, html .text-primary {
    color: #4e86B7 !important;
}
html .bg-color-secondary, html .bg-secondary {
    background-color: #4e86B7 !important;
}
html .bg-color-tertiary, html .bg-tertiary {
    background-color: #21252F !important;
}

/*---*
Navigation
*----*/

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        color: #1e5687;
        padding: 0.5rem;
    }
    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
        background: #1e5687;
    }
    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #fff;
    }

    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #fff;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #1e5687;
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before,
    #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom-color: #1e5687;
    }

    #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
        border-top-color: #1e5687;
    }

    #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
        color: #1e5687;
    }

    #header .header-nav-main nav > ul:not(:hover) > li > a.active {
        background-color: #1e5687;
        color: #FFF;
    }

    #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
    #header .header-nav.header-nav-stripe nav > ul > li.open > a {
        background-color: #1e5687;
    }

    #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
        background-color: #1e5687;
    }

    #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
        color: #1e5687;
    }

    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #1e5687;
    }

    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #1e5687;
    }

    #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        background: #1e5687 !important;
    }

    #header .header-nav.header-nav-line nav > ul li:hover > a {
        color: #1e5687;
    }

    #header .header-nav.header-nav-line nav > ul li:hover > a:before {
        background: #1e5687;
    }

    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: #1e5687;
    }

    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
        background: #1e5687;
    }

    #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
    #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
        color: #1e5687;
    }

    #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
        color: #1e5687;
    }

    html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
    html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
        border-left-color: #1e5687;
    }

    html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
    html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
        border-right-color: #1e5687;
    }
}

/*---*
- buttons
*----*/

html .btn-primary {
    background-color: #1e5687;
    border-color: #1e5687 #1e5687 #0e4677;
    color: #FFF;
}
html .btn-primary:hover, html .btn-primary.hover {
    background-color: #4e86B7;
    border-color: #4e86B7 #4e86B7 #3e76A7;
    color: #FFF;
}
html .btn-primary:active, html .btn-primary.active, html .btn-primary:focus, html .btn-primary.focus {
    background-color: #1e5687 !important;
    border-color: #1e5687 #1e5687 #0e4677 !important;
    color: #FFF;
    box-shadow: 0 0 0 3px rgb(244 100 90 / 50%);
}
.custom-btn-style-1, .custom-btn-style-1:active {
    background: #4e86B7;
}
.custom-btn-style-1._borders {
    border: 1px solid #4e86B7;
}
.custom-btn-style-1._borders:hover, .custom-btn-style-1._borders:active, .custom-btn-style-1._borders:focus {
    border-color: #4e86B7;
    background: #4e86B7;
}


/*---*
- cta
*----*/

html .call-to-action.call-to-action-secondary {
    background: #4e86B7;
}
html .call-to-action.call-to-action-secondary h3, html .call-to-action.call-to-action-secondary p {
    color: #FFF;
}
.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #4e86B7;
    border-color: #4e86B7;
}



.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: #4e86B7;
}

/*---*
- accordion
*----*/

.custom-accordion-style-1 .card-header .card-title a:not(.collapsed) {
    color: #4e86B7 !important;
    border-left-color: #4e86B7;
    background: #ebeff2;
}
.custom-accordion-style-1 .card-header .card-title a:not(.collapsed):after {
    border-color: #4e86B7 transparent transparent transparent;
}



/*---*
Owl Carousel
*----*/

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    font-size: 20px;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: #1e5687;
    border-color: #1e5687 #1e5687 #0e4677;
    color: #FFF;
}
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
    background-color: #4e86B7;
    border-color: #4e86B7 #4e86B7 #3e76A7;
}

.product-slider .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

/*---*
Blog Title
*----*/

article.post h1 {
    font-size: 2.2em;
    line-height: 42px;
    margin: 0 0 5px 0;
    color: #0088CC;
}

/*---*
Products
*----*/
table.single-prod-table {

}

@media (max-width: 767px) {
    table.single-prod-table {
        width: 100%;
    }
    table.single-prod-table thead {
        display: none;
    }
    table.single-prod-table tbody td {
        display: block;
        text-align: center;
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        font-weight: 500;
        text-align: center;
      }
}