/*
Theme Name: HAVEX-mobility
Theme URI: https://bootscore.me/
Author: Bastian Kreiter
Author URI: https://crftwrk.de
Description: Tema pro web HAVEX-mobility, zalozene na Bootstrap tematu bootScore(<a href="https://bootscore.me/category/documentation/" target="_blank">Dokumentace</a>).
Version: 5.1.0.1
Tested up to: 5.8
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/crftwrk/bootscore/blob/main/LICENSE
Text Domain: 
Tags: featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.  Temporary
2.  Header
3.  Body
4.  Alerts
5.  Breadcrumb
6.  To Top Button
7.  Single Post
8.  Comments
9. Archive
10. Widgets
11. Utilities
12. Colors
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Temporary
--------------------------------------------------------------*/

/* scroll-behaviour: smooth not supportet by Safari. 
jQuery smooth scroll script will be removed when Safari supports it */

html {
    scroll-behavior: auto !important;
    /* font-size: 62.5%;62.5% of 16px base font size is 10px */
    /* font-family: Raleway, sans-serif !important; */
    font-family: Raleway,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}

/*
Remove autop (WP 5.7 bug near shortcode)
https://wordpress.org/support/topic/how-to-stop-wp-from-adding-p-tag-automatically/
*/

p:empty:before {
    content: none;
}

/* To Top Button Fallback (done by classes) */

.top-button {
    position: fixed;
    z-index: 1020;
}

/* Dropdown Search (replaced by Collapse component in 5.1.0.0. Fallback to old headers) */

@media (max-width: 782px) {
    .logged-in.admin-bar .dropdown-search {
        top: 100px !important;
    }
}

@media (min-width: 783px) {
    .logged-in.admin-bar .dropdown-search {
        top: 86px !important;
    }
}

.dropdown-search.dropdown-menu[data-bs-popper] {
    top: 54px;
}

.dropdown-search .searchform {
    opacity: 0;
    transition: opacity .8s;
    transition-delay: .3s;
}

.dropdown-search.show .searchform {
    opacity: 1;
}

@media (max-width: 991px) {
    .btn-dropdown.right {
        padding-right: 0;
        border: none;
    }
    #dropdown-search:hover {
        color: currentColor;
        background-color: transparent;
        border-color: transparent;
    }
    #dropdown-search:focus {
        box-shadow: none;
    }
}

/* Dropdown Search Fallback End */

/* Offcanvas Backdrop */

.offcanvas-backdrop.fade {
    transition: opacity .4s ease-in-out;
}

.offcanvas-backdrop {
    cursor: pointer;
}

/* Offcanvas Backdrop END */

/* Badges (Removes underline if badge is wrapped in a <a>...</a> tag) */

a.badge, a.badge:hover {
    text-decoration: none;
}

/* Badges End */

/*--------------------------------------------------------------
2. Header
--------------------------------------------------------------*/

@media (max-width: 782px) {
    #wpadminbar {
        position: fixed;
    }
    .logged-in.admin-bar .fixed-top, .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom), .logged-in.admin-bar .modal {
        top: 46px;
    }
    .logged-in.admin-bar .modal-fullscreen {
        height: calc(100% - 46px);
    }
}

@media (min-width: 783px) {
    .logged-in.admin-bar .fixed-top, .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom), .logged-in.admin-bar .modal {
        top: 32px;
    }
    .logged-in.admin-bar .modal-fullscreen {
        height: calc(100% - 32px);
    }
}

#nav-main .menu-item:last-child .nav-link {
    padding-right: 0;
}

/*--------------------------------------------------------------
3. Body
--------------------------------------------------------------*/

body {
    position: relative;
    word-break: break-word;
    /* font-size: 1.6rem !important; */
    min-height:100vh;/* kvuli prilepeni footeru na spodek stranky*/
    display:flex;/* kvuli prilepeni footeru na spodek stranky*/
    flex-direction: column;/* kvuli prilepeni footeru na spodek stranky*/
}

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

#content {
    min-height: 600px;
}

/*--------------------------------------------------------------
4. Alerts
--------------------------------------------------------------*/

.alert.alert-danger, .alert.alert-warning, .alert.alert-info, .alert.alert-success {
    padding-left: 3.25rem;
}

.alert::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
}

.alert-danger::before {
    content: "\f071";
}

.alert-warning::before {
    content: "\f06a";
}

.alert-info::before {
    content: "\f05a";
}

.alert-success::before {
    content: "\f058";
}

/*--------------------------------------------------------------
5. Breadcrumb
--------------------------------------------------------------*/

@media (max-width: 991px) {
    .breadcrumb {
        display: block !important;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
    }
    .breadcrumb::-webkit-scrollbar {
        display: none;
    }
}

/*--------------------------------------------------------------
6. To Top Button
--------------------------------------------------------------*/

.top-button {
    right: 5%;
    bottom: 30px;
    opacity: 0;
    transition: opacity 1s;
}

.top-button.visible {
    opacity: 1;
}

/*--------------------------------------------------------------
7. Single Post
--------------------------------------------------------------*/

img {
    height: auto;
    max-width: 100%;
}

.wp-post-image {
    width: 100%;
}

.page-image img, .post-image img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

.featured-full-width-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[rel="prev"]:before {
    content: "« ";
}

[rel="next"]:after {
    content: " »";
}

/*--------------------------------------------------------------
8. Comments
--------------------------------------------------------------*/

ul.comment-list {
    list-style: none;
    padding: 0;
}

ul.comment-list li {
    list-style: none;
}

.avatar {
    width: 80px;
}

.comment-list ul.children {
    padding-left: 96px;
}

@media (max-width: 991px) {
    .comment-list ul.children ul.children {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .comment-list ul.children ul.children ul.children {
        padding-left: 0;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

#cancel-comment-reply-link {
    margin-left: 1rem;
}

/* 
    Adding width to comment. 
    When using <pre> in comment, comment-content will not crashed
*/

.comment-content {
    width: calc(100% - 96px);
}

/*--------------------------------------------------------------
9. Archive
--------------------------------------------------------------*/

@media (max-width: 767px) {
    .card-img-left img {
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px);
        width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .card-img-left img {
        border-top-left-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px);
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .card-img-left-md img {
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px);
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) {
    .card-img-left-md img {
        border-top-left-radius: calc(.25rem - 1px);
        border-bottom-left-radius: calc(.25rem - 1px);
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

/*--------------------------------------------------------------
10. Widgets
--------------------------------------------------------------*/

.widget-area ul, .bootscore-footer ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.widget-area ul li ul li {
    padding: 0 1rem;
}

#footer-menu li a {
    padding-left: 0;
}

/*--------------------------------------------------------------
11. Utilities
--------------------------------------------------------------*/

/* 
Add width-100 class to element to stretch it to the entire width 
of the screen when element is in .container.
https://bootscore.me/documentation/width-height-classes/
*/

/* Hide horizontal scrollbars on Windows Chrome & Firefox */

body {
    overflow-x: hidden;
}

.width-100 {
    position: relative;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

/* 
Hide racaptcha v3 badge 
*/

.grecaptcha-badge {
    display: none !important;
}

/* 
Clear
*/

.clear-both {
    clear: both;
}

/* 
z-index
*/

.zi-1000 {
    z-index: 1000 !important;
}

.zi-1020 {
    z-index: 1020 !important;
}

.zi-1030 {
    z-index: 1030 !important;
}

.zi-1040 {
    z-index: 1040 !important;
}

.zi-1050 {
    z-index: 1050 !important;
}

.zi-1060 {
    z-index: 1060 !important;
}

.zi-1070 {
    z-index: 1070 !important;
}

.zi-n1 {
    z-index: -1 !important;
}

/*
Cursor
*/

.cursor-pointer {
    cursor: pointer;
}

/*
Focus
*/

.focus-0:focus {
    box-shadow: none !important;
}

/* 
Hover 
*/

.hover {
    transition: filter .3s;
}

.hover:hover {
    filter: brightness(0.95);
}

/*--------------------------------------------------------------
12. Colors
--------------------------------------------------------------*/

::selection {
    color: #fff;
    background-color: var(--bs-primary);
}

::-moz-selection {
    color: #fff;
    background-color: var(--bs-primary);
}

pre {
    background-color: var(--bs-light);
}

:focus {
    outline: none !important;
    outline: -webkit-focus-ring-color none !important;
    outline-color: -webkit-focus-ring-color none !important;
    outline-style: none !important;
    outline-width: 0 !important;
}

/*--------------------------------------------------------------
13. HTML Markups (Theme Unit Test Data)
--------------------------------------------------------------*/

/*
pre
*/

pre {
    padding: 1rem;
    border-radius: .25rem;
}

img {
    height: auto;
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

pre {
    max-width: 100%;
    border-radius: .25rem;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    overflow: auto;
    padding: .5rem;
    font-size: 1rem;
    background: rgba(0, 0, 0, .5);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
## Havex Mobility
--------------------------------------------------------------*/

.mblt-btn {
    font-size: 1rem !important;
    border: 2px solid #27348B !important;
    color: #27348B !important;
    border-radius: 25px !important;
    text-decoration: none;
    padding: .8rem 2.4rem !important;
    text-transform: uppercase;
    font-weight: bold !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.mblt-btn:hover {
    /* color: #27348B; */
    color: #fff !important;
    background-color: #27348B !important;
}

/* .mblt-btn-outline-primary {
    color: #0d6efd !important;
    border-color:#0d6efd !important;
} */

.bg-grey {
    background-color: #F4F4F4;
}

h3 {
    color: #4A4A4A;
    font-size: .875rem !important;
}

h2 {
    color: #1C1C1C !important;
    font-size: 2.25rem !important;
    font-weight: bold;
}

h4 {
    font-size: 1rem;
    font-weight: 600;
}

p {
    font-size: 1rem;
    text-align: left;
}

a:active {
    color: green;
}

.bg-footer {
    background-color: #1C1C1C;
}

footer {
    color: #A4A4A4;
    font-size: .875rem;
    margin-top: auto;/* kvuli prilepeni footeru na spodek stranky*/
}

footer a {
    color: #A4A4A4;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
}

footer strong, footer bold {
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
.contacts a{
    color: #000;
    text-decoration: none;
}
.contacts .nav-link {
    color: black;
    margin-right: .5rem;
    border-color: #dee2e6 #dee2e6 ;
}
.contacts .nav-tabs .nav-link {
    background-color: #f9f9f9;
}
.contacts .nav-tabs .nav-link.active{
    background-color: #fff;
}
.contact {
    color: #1C1C1C;
    font-size: 1rem;
}

.contact h4 {
    font-size: 1.125rem;
}

.contact .position {
    font-size: 0.875rem;
}

.contact .black {
    color: #000;
    font-weight: 600;
    font-size: 1rem;
}

footer .icons {
    font-size: 3rem;
}

nav {
    /* font-weight: 600; */
    color: #000;
}

.navbar-light .navbar-nav .nav-link {
    color: #1C1C1C;
    font-size: 1rem;
    font-weight: 600;
}

.slider .img-wrapper img {
    box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.5);
}

.h1, h1 {
    font-size:calc(1rem + 1.5vw);
    font-weight:bold;
}
@media (max-width: 400px) {
    h2, h4{
        font-size: 1.25rem !important;
    }
    .contacts h4{
        font-size: 1.125rem !important;
    }
    p{
        text-align: left;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .mob-grey{
         background-color: #F4F4F4 !important;
         padding: 1rem 0 1rem 0;
         margin-bottom: 1rem;
    }
    .mblt-btn {
        font-size: .875rem !important;
    }
}
@media (max-width: 992px) {
    .slider .img-wrapper img {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

nav a.active {
    border-bottom: 2px solid #04A64B;
}

.btn-havex {
    color: #fff;
    background-color: #04A64B;
    border-color: #038a3e;
}

#nav-main .menu-item:last-child .nav-link {
    padding-right: 1.5rem;
}

/* .section{
    border: 1px solid #4A4A4A;
} */

/* html {
    scroll-padding-top: 170px;
} */
.mw-70{
    max-width: 70px;
}