/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank_BS5 - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2021 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --body-font-family:     __body_font_family;
  --body-font-size:       __body_font_size;
  --body-font-weight:     __body_font_weight;
  --body-font-style:      __body_font_style;
  --body-line-height:     __body_line_height;
  --body-letter-spacing:  __letter_spacing;
  --t4-font-family:     __body_font_family;
  --t4-font-size:       __body_font_size;
  --t4-font-weight:     __body_font_weight;
  --t4-font-style:      __body_font_style;
  --t4-line-height:     __body_line_height;
  --t4-letter-spacing:  __letter_spacing;
  --megamenu-font-family:     __megamenu_font_family;
  --megamenu-font-size:       __megamenu_font_size;
  --megamenu-font-weight:     __megamenu_font_weight;
  --megamenu-font-style:      __megamenu_font_style;
  --megamenu-line-height:     __megamenu_line_height;
  --megamenu-letter-spacing:  __megamenu_letter_spacing;
  --heading-font-family:    __heading_font_family;
  --heading-font-weight:    __heading_font_weight;
  --heading-font-style:     __heading_font_style;
  --heading-line-height:    __heading_line_height;
  --heading-letter-spacing: __heading_letter_spacing;
  --h1-font-size: __h1_font_size;
  --h2-font-size: __h2_font_size;
  --h3-font-size: __h3_font_size;
  --h4-font-size: __h4_font_size;
  --h5-font-size: __h5_font_size;
  --h6-font-size: __h6_font_size;
  --breakpoint-xs: __bp_xs;
  --breakpoint-sm: __bp_sm;
  --breakpoint-md: __bp_md;
  --breakpoint-lg: __bp_lg;
  --breakpoint-xl: __bp_xl;
  --breakpoint-xxl: __bp_xxl; }

/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: __animation_duration;
  -o-transition-duration: __animation_duration;
  transition-duration: __animation_duration; }

html {
  font-size: var(--body-font-size); }

body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing); }

.t4-content {
  background-color: var(--body-bg-color);
  background-image: url(__body_bg_img);
  background-repeat: __body_bg_img_repeat;
  background-position: __body_bg_img_position;
  background-size: __body_bg_img_size;
  background-attachment: __body_bg_img_attachment; }

a {
  color: var(--body-link-color); }

a:hover, a:focus, a:active {
  color: var(--body-link-hover-color); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing); }

h1, .h1 {
  font-size: var(--h1-font-size); }

h2, .h2 {
  font-size: var(--h2-font-size); }

h3, .h3 {
  font-size: var(--h3-font-size); }

h4, .h4 {
  font-size: var(--h4-font-size); }

h5, .h5 {
  font-size: var(--h5-font-size); }

h6, .h6 {
  font-size: var(--h6-font-size); }

/* MEGAMENU
--------------------------------------- */
.t4-megamenu {
  font-family: var(--megamenu-font-family);
  font-size: var(--megamenu-font-size);
  font-weight: var(--megamenu-font-weight);
  line-height: var(--megamenu-line-height);
  letter-spacing: var(--megamenu-letter-spacing); }
  .t4-megamenu h1, .t4-megamenu h2, .t4-megamenu h3, .t4-megamenu h4, .t4-megamenu h5, .t4-megamenu h6 {
    font-family: var(--megamenu-font-family); }

/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: var(--color-primary); }

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

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

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

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

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

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

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

/* Buttons Colors */
.btn.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary); }
  .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-primary {
  border-color: var(--color-primary);
  color: var(--color-primary); }

.btn.btn-outline-primary:hover {
  background-color: var(--color-primary);
  color: #fff; }

.btn.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary); }
  .btn.btn-secondary:focus, .btn.btn-secondary:hover, .btn.btn-secondary:active {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary); }

.btn.btn-outline-secondary:hover {
  background-color: var(--color-secondary);
  color: #fff; }

.btn.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success); }
  .btn.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:active {
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-success {
  border-color: var(--color-success);
  color: var(--color-success); }

.btn.btn-outline-success:hover {
  background-color: var(--color-success);
  color: #000; }

.btn.btn-info {
  background-color: var(--color-info);
  border-color: var(--color-info); }
  .btn.btn-info:focus, .btn.btn-info:hover, .btn.btn-info:active {
    background-color: var(--color-info);
    border-color: var(--color-info);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-info {
  border-color: var(--color-info);
  color: var(--color-info); }

.btn.btn-outline-info:hover {
  background-color: var(--color-info);
  color: #000; }

.btn.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning); }
  .btn.btn-warning:focus, .btn.btn-warning:hover, .btn.btn-warning:active {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-warning {
  border-color: var(--color-warning);
  color: var(--color-warning); }

.btn.btn-outline-warning:hover {
  background-color: var(--color-warning);
  color: #000; }

.btn.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger); }
  .btn.btn-danger:focus, .btn.btn-danger:hover, .btn.btn-danger:active {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-danger {
  border-color: var(--color-danger);
  color: var(--color-danger); }

.btn.btn-outline-danger:hover {
  background-color: var(--color-danger);
  color: #000; }

.btn.btn-light {
  background-color: var(--color-light);
  border-color: var(--color-light); }
  .btn.btn-light:focus, .btn.btn-light:hover, .btn.btn-light:active {
    background-color: var(--color-light);
    border-color: var(--color-light);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-light {
  border-color: var(--color-light);
  color: var(--color-light); }

.btn.btn-outline-light:hover {
  background-color: var(--color-light);
  color: #000; }

.btn.btn-dark {
  background-color: var(--color-dark);
  border-color: var(--color-dark); }
  .btn.btn-dark:focus, .btn.btn-dark:hover, .btn.btn-dark:active {
    background-color: var(--color-dark);
    border-color: var(--color-dark);
    color: var(--t4-btn-hover-color);
    opacity: 0.85; }

.btn.btn-outline-dark {
  border-color: var(--color-dark);
  color: var(--color-dark); }

.btn.btn-outline-dark:hover {
  background-color: var(--color-dark);
  color: #fff; }

/* Text Colors */
.text-primary {
  color: var(--color-primary) !important; }

.text-secondary {
  color: var(--color-secondary) !important; }

.text-success {
  color: var(--color-success) !important; }

.text-info {
  color: var(--color-info) !important; }

.text-warning {
  color: var(--color-warning) !important; }

.text-danger {
  color: var(--color-danger) !important; }

.text-light {
  color: var(--color-light) !important; }

.text-dark {
  color: var(--color-dark) !important; }

/* Badage Colors */
.badge-primary {
  background-color: var(--color-primary); }

.badge-secondary {
  background-color: var(--color-secondary); }

.badge-success {
  background-color: var(--color-success); }

.badge-info {
  background-color: var(--color-info); }

.badge-warning {
  background-color: var(--color-warning); }

.badge-danger {
  background-color: var(--color-danger); }

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

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

:root {
  --font-special-family: __special_font_family;
  --heading-color: #111;
  --border-color: rgba(0,0,0,0.1);
  --gutter-xs: 12px;
  --gutter-sm: 24px;
  --gutter-normal: 32px;
  --gutter-lg:	64px;
  --gutter-xl: 128px;
  --hero-font-size: 60px; }
  @media (max-width: 1399.98px) {
    :root {
      --hero-font-size: 40px;
      --h1-font-size: 34px;
      --h2-font-size: 32px;
      --gutter-normal: 32px;
      --gutter-lg:	32px;
      --gutter-xl: 64px; } }
  @media (max-width: 991.98px) {
    :root {
      --h1-font-size: 30px;
      --h2-font-size: 28px;
      --h3-font-size: 24px;
      --gutter-xl: 32px; } }
  @media (max-width: 575.98px) {
    :root {
      --hero-font-size: 30px;
      --h1-font-size: 28px;
      --h2-font-size: 26px;
      --h3-font-size: 24px;
      --h4-font-size: 22px;
      --gutter-sm: 16px;
      --gutter-normal: 24px;
      --gutter-lg:	24px;
      --gutter-xl: 24px; } }

.bg-primary {
  background-color: var(--color-primary) !important; }

.bg-secondary {
  background-color: var(--color-secondary) !important; }

.bg-success {
  background-color: var(--color-success) !important; }

.bg-info {
  background-color: var(--color-info) !important; }

.bg-warning {
  background-color: var(--color-warning) !important; }

.bg-danger {
  background-color: var(--color-danger) !important; }

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

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