/* Add here all your CSS customizations */

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

#header .header-nav-main nav > ul > li > a:hover {
    text-decoration: none;
}

/*body:not(.home) .main[role='main'] {
    padding-top: 100px;
}*/

body .main[role='main'] {
    padding-top: 150px;
}

section[data-block-name='content_block'] img {
    max-width: 100%;
}

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

/*------------------------------------*
   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;
}

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

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

.card.landing-card img.card-img-top {
    padding-top: 20px;
}

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

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

/*---*
Custom Icon Block
*----*/

[data-block-name="custom_icon_box_block"] .icon-wrapper i {
    font-size: 26px;
    position: relative;
    z-index: 10;
}

[data-block-name="custom_icon_box_block"] .custom-icon-box-style-1:hover i {
    color: #fff;
}

/*------------------------------------*
   Colors
*------------------------------------*/
a {
    color: #009963;
}
a:hover {
    color: #33CC96;
}
html .text-color-hover-primary:hover, html .text-hover-primary:hover {
    color: #009963 !important;
}
html .text-color-primary, html .text-primary {
    color: #009963 !important;
}
html .btn-primary {
    background-color: #009963;
    border-color: #009963 #009963 #008852;
}
html .btn-primary:hover {
    background-color: #33CC96;
    border-color: #33CC96 #33CC96 #008852;
}
html .btn-outline.btn-primary {
    color: #009963;
    background-color: transparent;
    background-image: none;
    border-color: #009963;
}
html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover {
    color: #FFF;
    background-color: #009963;
    border-color: #009963;
}
html .divider.divider-primary.divider-small hr {
    background: #009963;
}
html .bg-color-primary, html .bg-primary {
    background-color: #009963 !important;
}
.custom-icon-style-1:before {
    border-color: #009963;
}
.custom-icon-box-style-1:hover .custom-icon-style-1:before {
    background: #009963;
}
.custom-icon-box-style-1:hover h3 {
    color: #009963 !important;
}
.custom-thumb-info-style-1:hover h3 {
    color: #009963 !important;
}
.custom-thumb-info-style-1:hover .thumb-info-wrapper {
    border-color: #009963 !important;
}

.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: #009963;
    border-color: #009963;
}

.bg-primary a {
    color: #fff;
}

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

@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul li:hover > a:before {
        background: #009963;
    }
}

#header .header-btn-collapse-nav {
    background: #009963;
}

@media (max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: #009963;
    }
}

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

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

html section.section-primary
 {
    background-color: #009963 !important;
    border-color: #009963 !important;
}

[data-block-name='content_block'].section-primary,
[data-block-name='content_block'].section-secondary
 {
    padding-top: 12px;
    padding-bottom: 12px;
}

[data-block-name='content_block'].section-default
 {
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 12px;
}

html .call-to-action.call-to-action-primary {
    background: #009963;
}

[data-block-name='content_block'].mt-0 {
    margin-top:  0 !important;
}

[data-block-name='content_block'] .column p:last-of-type {
    margin-bottom: 0 !important;
}

/*---*
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: #009963;
    border-color: #009963 #009963 #009963;
}

.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: #33CC96;
    border-color: #33CC96 #33CC96 #33CC96;
}

.accordion .card-header a:hover, .accordion .card-header a:focus {
    color: #009963 !important;
}

.custom-accordion-style-1 > .card .card-header a:not(.collapsed) {
    background-color: #009963;
    color: #FFF !important;
}

.custom-accordion-style-1 > .card:hover .card-header a.collapsed {
    color: #009963 !important;
}

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

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