/* *****************************************************************************
Salient Template -ViziSites Addons v1.0
Created by Alberto Fravell for ViziSites Inc.
License GNU General Public License GPL-3.
***************************************************************************** */

/* HELPERS */

/* Text Size */
.txt-large {
    font-size: 1.2em !important;
}

.txt-small {
    font-size: 0.8em !important;
}

/* Text Alignment */
.txt-center {
    text-align: center !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

.txt-justify {
    text-align: justify !important;
}

/* Text Transform */
.txt-normal {
    text-transform: none;
}

.txt-uppercase {
    text-transform: uppercase;
}

.txt-lowercase {
    text-transform: lowercase;
}

.txt-capitalize {
    text-transform: capitalize;
}

/* Text Colors */
.txt-body,
h1.txt-body,
h2.txt-body,
h3.txt-body,
h4.txt-body,
h5.txt-body,
h6.txt-body {
    color: var(--body-color) !important;
}

.txt-accent,
h1.txt-accent,
h2.txt-accent,
h3.txt-accent,
h4.txt-accent,
h5.txt-accent,
h6.txt-accent {
    color: var(--accent-color) !important;
}

.txt-extra-1,
h1.txt-extra-1,
h2.txt-extra-1,
h3.txt-extra-1,
h4.txt-extra-1,
h5.txt-extra-1,
h6.txt-extra-1 {
    color: var(--extra-color-1) !important;
}

.txt-extra-2,
h1.txt-extra-2,
h2.txt-extra-2,
h3.txt-extra-2,
h4.txt-extra-2,
h5.txt-extra-2,
h6.txt-extra-2 {
    color: var(--extra-color-2) !important;
}

.txt-extra-3,
h1.txt-extra-3,
h2.txt-extra-3,
h3.txt-extra-3,
h4.txt-extra-3,
h5.txt-extra-3,
h6.txt-extra-3 {
    color: var(--extra-color-3) !important;
}

.txt-dark,
h1.txt-dark,
h2.txt-dark,
h3.txt-dark,
h4.txt-dark,
h5.txt-dark,
h6.txt-dark {
    color: var(--dark-color) !important;
}

.txt-light,
h1.txt-light,
h2.txt-light,
h3.txt-light,
h4.txt-light,
h5.txt-light,
h6.txt-light {
    color: var(--light-color) !important;
}

.txt-white,
h1.txt-white,
h2.txt-white,
h3.txt-white,
h4.txt-white,
h5.txt-white,
h6.txt-white {
    color: white !important;
}

.txt-black,
h1.txt-black,
h2.txt-black,
h3.txt-black,
h4.txt-black,
h5.txt-black,
h6.txt-black {
    color: black !important;
}

/* Link Colors */
.txt-accent a,
a.link-accent {
    opacity: 0.8;
    color: var(--accent-color) !important;
}

.txt-extra-1 a,
a.link-extra-1 {
    opacity: 0.8;
    color: var(--extra-color-1) !important;
}

.txt-extra-2 a,
a.link-extra-2 {
    opacity: 0.8;
    color: var(--extra-color-2) !important;
}

.txt-extra-3 a,
a.link-extra-3 {
    opacity: 0.8;
    color: var(--extra-color-3) !important;
}

.txt-dark a,
a.link-dark {
    opacity: 0.8;
    color: var(--dark-color) !important;
}

.txt-light a,
a.link-light {
    opacity: 0.8;
    color: var(--light-color) !important;
}

.txt-white a,
a.link-white {
    opacity: 1;
    color: white !important;
}

.txt-black a,
a.link-black {
    opacity: 1;
    color: black !important;
}

.txt-accent a:hover,
a.link-accent:hover {
    opacity: 1;
    color: var(--accent-color) !important;
}

.txt-extra-1 a:hover,
a.link-extra-1:hover {
    opacity: 1;
    color: var(--extra-color-1) !important;
}

.txt-extra-2 a:hover,
a.link-extra-2:hover {
    opacity: 1;
    color: var(--extra-color-2) !important;
}

.txt-extra-3 a:hover,
a.link-extra-3:hover {
    opacity: 1;
    color: var(--extra-color-3) !important;
}

.txt-dark a:hover,
a.link-dark:hover {
    opacity: 1;
    color: var(--dark-color) !important;
}

.txt-light a:hover,
a.link-light:hover {
    opacity: 1;
    color: var(--light-color) !important;
}

.txt-white a:hover,
a.link-white:hover {
    opacity: 0.8;
    color: white !important;
}

.txt-black a:hover,
a.link-black:hover {
    opacity: 0.8;
    color: black !important;
}

.txt-inherit a,
a.link-inherit {
    color: inherit !important;
}

/* Text Shadows */
.txt-shadow-light {
    text-shadow: var(--shadow-light-1);
}
.txt-shadow-dark {
    text-shadow: var(--shadow-dark-1);
}

/* Background Colors */
.bg-accent {
    background-color: var(--accent-color);
}

.bg-extra-1 {
    background-color: var(--extra-color-1);
}

.bg-extra-2 {
    background-color: var(--extra-color-2);
}

.bg-extra-3 {
    background-color: var(--extra-color-3);
}

.bg-dark {
    background-color: var(--dark-color);
}

.bg-light {
    background-color: var(--light-color);
}

.bg-body {
    background-color: var(--body-color);
}

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: black;
}

.bg-gradient-1 {
    background: var(--gradient-1);
}

.bg-gradient-2 {
    background: var(--gradient-2);
}

/* Box Shadows */
.box-shadow-light {
    box-shadow: var(--shadow-light-1);
}
.box-shadow-dark {
    box-shadow: var(--shadow-dark-1);
}

/* Visibility */
.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

/* BUTTONS */
.nectar-button {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    min-width: 150px;
}

.nectar-button:hover {
    transform: scale(1.1);
}

.nectar-button.large {
    font-size: 16px;
}

.btn-primary.regular-button,
.nectar-button.btn-primary.regular-button,
.gform_button {
    background-color: var(--accent-color) !important;
    color: var(--light-color) !important;
    text-align: center;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}

.btn-primary.regular-button:hover,
.nectar-button.btn-primary.regular-button:hover,
.gform_button:hover {
    background-color: var(--extra-color-1) !important;
    color: var(--light-color) !important;
    transform: scale(1.1);
}

.btn-secondary.regular-button,
.nectar-button.btn-secondary.regular-button {
    background-color: var(--extra-color-1) !important;
    color: var(--light-color) !important;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}

.btn-secondary.regular-button:hover,
.nectar-button.btn-secondary.regular-button:hover {
    background-color: var(--extra-color-2) !important;
    color: var(--light-color) !important;
    transform: scale(1.1);
}

.button.btn-rounded,
.btn-primary.btn-rounded,
.btn-secondary.btn-rounded {
    border-radius: var(--rounded-base) !important;
}

.button.btn-pill,
.btn-primary.btn-pill,
.btn-secondary.btn-pill {
    border-radius: 50rem !important;
}

/* IMAGES */
.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0;
}

/* HEADER */
#header-secondary-outer .sf-menu li ul.sub-menu li a,
#top .sf-menu li ul.sub-menu li a {
    border-radius: calc(var(--rounded-base) / 2);
    margin: 1px;
    padding: 0.5em 1em;
}

#top nav > ul > li.menu-item.button_solid_color > a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

#top nav > ul > li.menu-item.button_solid_color > a::before {
    height: 36px !important;
}

#slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li {
    margin-top: 15px;
    margin-bottom: 15px;
}

#header-outer #top nav > ul > li[class*="button_bordered"] > a,
#header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}
#header-outer #top nav > ul > li[class*="button_bordered"] > a:hover,
#header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_bordered"]
    > a:hover {
    transform: scale(1.1);
}
#header-outer #top nav > ul > li[class*="button_bordered"] > a::before {
    border-color: var(--body-color);
}

#header-outer
    #top
    nav
    > ul
    > li[class*="button_bordered"].btn-menu-accent
    > a::before {
    border-color: var(--accent-color);
}

#header-outer
    #top
    nav
    > ul
    > li[class*="button_bordered"].btn-menu-extra-1
    > a::before {
    border-color: var(--extra-color-1);
}

#header-outer
    #top
    nav
    > ul
    > li[class*="button_bordered"].btn-menu-extra-2
    > a::before {
    border-color: var(--extra-color-2);
}

#header-outer
    #top
    nav
    > ul
    > li[class*="button_bordered"].btn-menu-extra-3
    > a::before {
    border-color: var(--extra-color-3);
}

#header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a,
#header-outer[data-lhe="default"].transparent
    #top
    nav
    .sf-menu
    > li[class*="button_solid_color"]
    > a:hover,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"]
    > a,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"]
    > a:hover {
    color: var(--accent-color) !important;
}

#header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-accent
    > a,
#header-outer[data-lhe="default"].transparent
    #top
    nav
    .sf-menu
    > li[class*="button_solid_color"].btn-menu-accent
    > a:hover,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-accent
    > a,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-accent
    > a:hover {
    color: var(--accent-color) !important;
}

#header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-1
    > a,
#header-outer[data-lhe="default"].transparent
    #top
    nav
    .sf-menu
    > li[class*="button_solid_color"].btn-menu-extra-1
    > a:hover,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-1
    > a,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-1
    > a:hover {
    color: var(--extra-color-1) !important;
}

#header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-2
    > a,
#header-outer[data-lhe="default"].transparent
    #top
    nav
    .sf-menu
    > li[class*="button_solid_color"].btn-menu-extra-2
    > a:hover,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-2
    > a,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-2
    > a:hover {
    color: var(--extra-color-2) !important;
}

#header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-3
    > a,
#header-outer[data-lhe="default"].transparent
    #top
    nav
    .sf-menu
    > li[class*="button_solid_color"].btn-menu-extra-3
    > a:hover,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-3
    > a,
body
    #header-outer.transparent
    #top
    nav
    > ul
    > li[class*="button_solid_color"].btn-menu-extra-3
    > a:hover {
    color: var(--extra-color-3) !important;
}

/* FOOTER */
/* Footer Socual Icons */
.footer-social-icons .nectar_icon {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}

.footer-social-icons .nectar_icon:hover {
    transform: scale(1.3);
}

/* VIDEO LIGHTBOX */
.nectar_video_lightbox svg,
.masonry-blog-item .video-play-button svg,
.auto_meta_overlaid_spaced article .content-inner > .play svg {
    width: 2rem;
    height: 2rem;
}

/* FANCYBOX */
.fancybox-bg {
    background-color: var(--dark-color) !important;
}

/* TESTIMONIAL SLIDER */
.testimonial_slider:not([data-style*="multiple_visible"])
    blockquote
    span.testimonial-name {
    color: var(--accent-color);
    font-size: 30px !important;
    font-weight: 600 !important;
}
.testimonial-dark
    .testimonial_slider:not([data-style*="multiple_visible"])
    blockquote
    span.testimonial-name {
    color: var(--light-color);
}
.testimonial_slider[data-style="multiple_visible"][data-color*="-light"]
    blockquote {
    color: var(--dark-color);
}
.testimonial_slider blockquote {
    font-weight: 400;
    line-height: 21px;
    font-size: 16px;
}
.span_12.light .flickity-page-dots .dot::before,
.testimonial_slider[data-style="multiple_visible"][data-color*="-light"]
    .flickity-page-dots
    .dot::before {
    background-color: var(--accent-color);
}

/* TOGGLERS */
div[data-style="default"] .toggle h3 a,
div[data-style="default"] .toggle h3 {
    font-size: 18px;
    line-height: 18px;
}

.toggle h3 a {
  background-color: var(--accent-color);
  color: white;
  border-radius: var(--rounded-base);
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.toggle h3 a:hover {
  background-color: var(--accent-color);
  transform: scale(1.05);
}
.toggle.open h3 a:hover {
  transform: scale(1) !important;
}

.light .toggle h3 a {
  background-color: var(--light-color);
  color: var(--accent-color) !important;
  transform: scale(1);
  transition: all 0.3s ease-in-out;

}
.light .toggle h3 a:hover {
  background-color: var(--light-color);
  transform: scale(1.05);
}

.light .toggle.open h3 a {
  background-color: var(--light-color);
  color: var(--accent-color) !important;
}

.light .toggles[data-style="default"] .toggle > div {
  background-color: rgba(0, 0, 0, 0.33);
}

.toggle h3 a i {
    left: 13px;
    top: 14px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 18px;
    color: white;
}
.light .toggle h3 a i {
  color: var(--accent-color);
}

body .toggle > div {
  border-top: 0;
  box-shadow: var(--shadow-dark-2);
  border-radius: 0 0 10px 10px;
}
body .toggle.open > div {
    margin-top: -1rem;
}
body .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
  padding: 3rem 2.5rem 2.5rem 2.5rem;
}

/* Error */
.fancybox-error.fancybox-content {
    border-radius: var(--rounded-base);
}

button.fancybox-button {
    background-color: var(--accent-color) !important;
}

/* OTHERS */
html {
    scroll-behavior: smooth;
}

a[href*="tel://"],
a[href*="mailto:"] {
    white-space: nowrap !important;
}

/* HOME HERO */

/* TESTIMONIAL SLIDERS */
.testimonial_slider .testimonial-name {
    font-size: 30px;
    font-weight: 700;
}

/* ADDONS */

/* Retina Effect */
.retina-light .row-bg.using-image.using-bg-color::after,
.retina-dark .row-bg.using-image.using-bg-color::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: 0 0, 5px 5px;
    background-size: 5px 5px;
}

.retina-light .row-bg.using-image.using-bg-color::after {
    background-image: radial-gradient(white 20%, transparent 20%);
}

.retina-dark .row-bg.using-image.using-bg-color::after {
    background-image: radial-gradient(black 20%, transparent 20%);
}

/* ANIMATIONS */
.animate-1 {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.animate-1:hover {
    transform: scale(1.1);
}

/* RESPONSIVE */
@media screen and (min-width: 1600px) {
    .retina-light .row-bg.using-image.using-bg-color::after,
    .retina-dark .row-bg.using-image.using-bg-color::after {
        background-position: 0 0, 6px 6px;
        background-size: 6px 6px;
    }
}

@media screen and (min-width: 1000px) {
    .bg-overlay-mobile .column-bg-overlay-wrap {
        display: none;
    }
}