/*Custom.CSS KurzokIT Website*/
/*editable Colors in T4 Template*/
/*
var(--color-primary)
var(--color-secondary)
var(--color-success)
var(--color-info)
var(--color-warning)
var(--color-danger)
var(--color-light)
var(--color-dark)
var(--color-white)
var(--color-black)
var(--body-bg-color)
var(--body-text-color)
var(--body-link-color)
var(--body-link-hover-color)
var(--mainnav-text-color)
var(--mainnav-link-color)
var(--mainnav-link-hover-color)
var(--mainnav-link-active-color)
var(--footer-bg-color)
var(--footer-text-color)
var(--footer-link-color)
var(--footer-link-hover-color)
*/
/*-----------------------------------------------------------------*/
/*Dark/Light Mode
@media (prefers-color-scheme: dark){
    :root{
    --color-primary: #001e45;
    --color-secondary: #ff7900;
    --color-success: #1279ff;
    --color-info: #0060de;
    --color-warning: #ff9433;
    --color-danger: #663000;
    --color-light: #9a9a9a;
    --color-dark: #0c0c0c;
    --color-white: #fff;
    --color-black: #000;
    --body-bg-color: #001e45;
    --body-text-color: #9a9a9a;
    --body-link-color: #ff7900;
    --body-link-hover-color: #ffc999;
    --mainnav-text-color: #9a9a9a;
    --mainnav-link-color: #9a9a9a;
    --mainnav-link-hover-color: #ff7900;
    --mainnav-link-active-color: #ff7900;
    --footer-bg-color: #0c0c0c;
    --footer-text-color: #9a9a9a;
    --footer-link-color: #ff7900;
    --footer-link-hover-color: #ffc999;
    }
}
*/
/*-----------------------------------------------------------------*/
/*Colors not editable with Theme Color*/
/*Change the variables to switch between Theme colors*/
/*Change variables here*/
:root{
    /*Menus and Headers*/
    --dropdown-color: var(--color-primary);
    --offcanvas-header-color: var(--color-primary);
    --offcanvas-bg-color: var(--color-dark);
    --offcanvas-divider-color: var(--color-light);
    --header-color: var(--color-primary);
    --header-sticky-color: var(--color-black);
    /*Body*/
    --breadcrumb-txt-color: var(--body-text-color);
    --breadcrumb-bg-color: var(--color-dark);
    /*Buttons*/
    --button-primary-color: var(--color-info);
    --button-primary-outline-color: var(--color-secondary);
    --button-secondary-color: var(--color-info);
    --button-secondary-ouline-color: var(--color-secondary);
    --button-article-color: var(--color-info);
    --button-hover-color: var(--mainnav-link-hover-color);
}
/*-----------------------------------------------------------------*/
/*----------MEGAMENU----------*/
/*Arrow*/
.t4-megamenu .dropdown-toggle .item-caret::before{
    border-top: 4px solid var(--mainnav-link-color);
}
/*Dropdown*/
/*outer bg, animation bg*/
.t4-megamenu .dropdown > .dropdown-menu {
    background-color: var(--dropdown-color);
    margin-top: 0%;
}
/*inner bg, also for offcanvas*/
.dropdown-item{
    background-color: var(--dropdown-color);
}
/*hover bg*/
.dropdown-menu-inner{
    background-color: transparent/*var(--dropdown-color)*/;
}
/*----------OFFCANVAS----------*/ 
/*backround and header backround*/
.t4-offcanvas {
    background: var(--offcanvas-bg-color);
}
.t4-offcanvas .t4-off-canvas-header {
    background-color: var(--offcanvas-header-color);
}
/*offcanvas dropdown header*/
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
    background-color: var(--color-dark);
    color: var(--body-text-color);
    border-top: 1px solid transparent;
    border-bottom: 1px solid var(--offcanvas-divider-color);
}
/*dividers*/
/*underline nav title*/
.module-title span {
    border-bottom: 1px solid transparent/*var(--offcanvas-divider-color)*/;
    margin-bottom: -1px;
    padding: 0 0 0.6666666667rem;
}
/*divider nav title*/
.module-title {
    border-bottom: 1px solid var(--offcanvas-divider-color);
    margin: 0 0 1rem 0;
    padding: 0;
    text-transform: uppercase;
}
/*divider and bg color nav items*/
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
    background-color: var(--offcanvas-bg-color);
    border-bottom: 1px solid var(--offcanvas-divider-color);
    padding: 0 1.5rem;
}
/*----------HEADER----------*/
img.logo-img {
    max-width: 70px;
}
/*header Colors*/
#t4-header{
    background-color: var(--header-color);
}
.not-at-top #t4-header.t4-sticky {
    background-color: var(--header-sticky-color);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
}
/*header 4 top color*/
.bg-light {
    --t4-bg-opacity: 1;
    background-color: rgba(var(--header-color)) !important;
}
/*----------MASTHEAD----------*/
.t4-header .form-inline .search .form-control {
  border: 0;
  border-radius: 0;
  margin-top: 0;
  outline: none;
}
.t4-masthead .t4-masthead-detail {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 992px) {
  .t4-masthead .t4-masthead-title {
    padding-left: 25%;
    padding-right: 25%;
  }
}
@media (min-width: 992px) {
  .t4-masthead .t4-masthead-description {
    padding-left: 25%;
    padding-right: 25%;
  }
}
.t4-masthead-inner {
  background-repeat: no-repeat;
  background-size: contain;
  padding: 3rem 1rem 0 1rem ;
  background-position: center;
}
@media (min-width: 768px) {
  .t4-masthead-inner {
    padding: 6rem 0;
  }
}
/*----------BODY----------*/
/*overwrites T4 Section Text Color*/
.t4b-section {
    background: var(--t4b-block-bg);
    color: var(--body-text-color);
}
.t4b-section a:active, .t4b-section a:visited{
    color: ver(--body-link-hover-color);
}
/*full width content section, set 2 and 4 to 0*/
.t4-section-inner {
    padding:20 20 20 20;
}
/*breadcrumb active item text color*/
.breadcrumb-item.active {
  color: var(--breadcrumb-txt-color);
}
/*breacrumb background color*/
.t4-breadcrumbs{
    background: var(--breadcrumb-bg-color);
}
/*breacrumb top border color*/
.t4-section.t4-breadcrumbs {
  border-top: 1px none #e9ecef;
}
/*----------Buttons----------*/
.btn.btn-primary {
  background-color: var(--button-primary-color);
  border-color: var(--button-primary-outline-color);
}
.btn.btn-secondary {
  background-color: var(--button-secondary-color);
  border-color: var(--button-secondary-outline-color);
}
.form-check-input:checked{
  background-color: var(--button-secondary-color);
  border-color: var(--button-secondary-outline-color);
}
/*readmore button*/
p.readmore .btn{
    background-color: var(--button-article-color);
    color: var(--body-text-color);
}
p.readmore .btn:hover{
    background-color: var(--button-hover-color);
    color: var(--body-text-color);
}
/*----------User Reset----------*/
div.com-users-remind,
div.com-users-reset {
  background-color: var(--color-info);
}

/*----------ARTICLES----------*/
/*Article Background*/
.com-content-article, .blog, .blog-featured {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-left: 2vh solid var(--body-bg-color);
    border-top: 2vh solid var(--body-bg-color);
    border-right: 2vh solid var(--body-bg-color);
    border-bottom: 2vh solid var(--body-bg-color);
    border-radius: 20px 20px 20px 20px;
    background-color: var(--body-bg-color);
}
/*Article Header*/
.article-info{
    margin-bottom: 16px;
    margin-top: 8px;
}
/*Article Header Text Color*/
.text-muted {
    --t4-text-opacity: 1;
    color: var(--body-text-color) !important;
}
/*Author Color*/
.createdby [itemprop=name] {
    font-weight: 700;
    color: var(--body-text-color);
}
.edit-link a {
  color: var(--body-link-color);
  font-size: 0.875rem;
  position: relative;
}
/*More Articles*/
.items-more .nav-tabs > li > a {
  background: var(--button-article-color);
  color: var(--body-text-color);
}
.items-more .nav-tabs > li > a:hover, .items-more .nav-tabs > li > a:active, .items-more .nav-tabs > li > a:focus {
  background: var(--button-hover-color);
  color: var(--body-text-color);
}
.pagination {
  --t4-pagination-color: var(--body-text-color);
  --t4-pagination-bg: var(--button-article-color);
  --t4-pagination-border-color: #dee2e6;
  --t4-pagination-hover-color: var(--body-text-color);
  --t4-pagination-hover-bg: #e9ecef;
  --t4-pagination-hover-border-color: #dee2e6;
  --t4-pagination-focus-color: var(--body-text-color);
  --t4-pagination-focus-bg: #e9ecef;
  --t4-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --t4-pagination-active-color: #fff;
  --t4-pagination-active-bg: var(--button-hover-color);
  --t4-pagination-active-border-color: var(--button-hover-color);
  --t4-pagination-disabled-color: #6c757d;
  --t4-pagination-disabled-bg: var(--color-dark);
  --t4-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}
/*-----------------------------------------------------------------*/
/*Bootstrap Carousel Control Colors*/
/*for filter refer to https://codepen.io/sosuke/pen/Pjoqqp */
/*.carousel-control-next,
.carousel-control-prev, .carousel-indicators {
    filter: brightness(0) saturate(100%) invert(53%) sepia(26%) saturate(683%) hue-rotate(183deg) brightness(92%) contrast(91%);
}/*
/*----------EXTRA MENUS----------*/
/*Navbar (Side Menu)*/
.navbar {
  --t4-navbar-color: var(--mainnav-link-color);
  --t4-navbar-hover-color: var(--mainnav-link-hover-color);
  --t4-navbar-disabled-color: var(--mainnav-text-color);
  --t4-navbar-active-color: var(--mainnav-link-active-color);
}
/*T4 Tabs Vertical*/
/*tab text color*/
.t4b-tabs-vertical .nav .nav-link  {
    color: /*inherit*/var(--body-text-color);
}
/*tab border*/
.t4b-tabs-vertical .nav-link {
    border: 1px solid var(--color-white);
}
/*active tab bg*/
.t4b-tabs-vertical .nav-link.active {
    background: var(--mainnav-link-active-color);
}
/*Content Border*/
.t4b-tabs-vertical .tab-content {
    border: 3px solid var(--color-white);
    min-height: 100%;
    padding: 1rem;
}
/*Nav Tabs (Tabs Horizonzal)*/
.nav-tabs {
    /*line under tabs*/
    --t4-nav-tabs-border-width: 1px;
    --t4-nav-tabs-border-color: var(--color-white);
    --t4-nav-tabs-border-radius: 0.25rem;
    /*tab hover color*/
    --t4-nav-tabs-link-hover-border-color: var(--color-white);
    /*active tab text color*/
    --t4-nav-tabs-link-active-color: var(--color-dark);
    /*active tab bg color*/
    --t4-nav-tabs-link-active-bg: var(--color-white);
    /*active tab border color*/
    --t4-nav-tabs-link-active-border-color: var(--color-white);
    border-bottom: var(--t4-nav-tabs-border-width) solid var(--t4-nav-tabs-border-color);
}
/*T4 Accordeon and Card*/
.t4b-accordion .card-header {
    background-color: var(--color-white);
}
.t4b-accordion .card-header span {
    background-color: var(--color-white);
}
/*card bg, also accordeon card bg*/
.card {
    --t4-card-bg: var(--color-white);
}
/*-----------------------------------------------------------------*/
/*----------Font Sizes----------*/
/*Header Font Size*/
h1 {
    font-size: 3.0rem;
}
@media only screen and (max-width: 450px) {
    h1 {
        font-size: 2.1rem;
    }
}
h2 {
    font-size: 2.6rem;
}
@media only screen and (max-width: 450px) {
    h2 {
        font-size: 1.8rem;
    }
}
/*-----------------------------------------------------------------*/
/*----------Joomla ----------*/
/*Image uploading*/
.media-container a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: black;
text-decoration: none;
}
.media-breadcrumb-item a {
  color: black;
}
.media-breadcrumb-item a:hover, a:focus, a:active {
  color: black;
}
.media-disk-name {
  color:black;
  padding:4px 1px;
  font-size:1rem
}
.media-toolbar-icon{
    color: grey;
}
.media-toolbar-icon.active{
    color: black;
}
.media-browser-item{
    color: black;
}
/*modal*/
.modal-title{
    color: black;
}
.modal-content{
    color: black;
}
/*.media-toolbar{
    top:0px;
}*/

/*style.css 673
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 80vh !important;
  pointer-events: auto;
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}*/

/*style.css 848*
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 80% !important;
    max-height: 80% !important;
  }
}*/