﻿:root {
    --main-color: #467991;
    --secondary-color: #f9f9f9;
    --dark-secondary-color: #6c6c6c;
}

html, body {
    font-family: SharpSans-Book,Arial,sans-serif;
    color: #3A4650;
}
.container-fluid {max-width:1600px;}
.container {max-width:1200px;}
.quarto-color-1, .quarto-color-1 a {color:var(--main-color);}
.common-color-1, .common-color-1 a {color:#3A464F;}
.common-color-2, .common-color-2 a {color:#000;}
.common-color-3, .common-color-3 a { color: #fff; }
.common-secondary-color, .common-secondary-color a {
    color: var(--secondary-color);
}
.common-dark-secondary-color, .common-dark-secondary-color a {
    color: var(--dark-secondary-color);
}

.common-bg-1 {background:#666666;}
.common-bg-2 {background:#DADADA;}
.common-bg-3 {background:#A8A8A8;}
.common-bg-4 {background:#ebebeb;}
.common-bg-5 {background:#000;}
.common-bg-6 {background:#878787;}
.common-bg-7 {background:#fff;}
/*.common-bg-8 {background:var(--secondary-color);}*/
.common-bg-9 {background:#A4A5A7;}
.common-bg-10 {background:#CECDCC;}
.common-bg-11 {background:#f7f7f7;}
.common-bg-12 {background:#E7E6E6;}
.common-bg-13 {background:#F5F4F2;}
.common-bg-14 { background: var(--main-color); }
.common-bg-secondary-color {
    background: var(--secondary-color);
}
.common-bg-dark-secondary-color {
    background: var(--dark-secondary-color);
}

.common-table-header-bg-1 {background:#EEEEEE;color:#625E57;}

.common-content-text-1{line-height:1.7;}

.common-btn-1 {background:#3498DB;font-size:14px;font-weight:700;}
.common-btn-2:hover {
    background: var(--secondary-color);
    color: var(--main-color);
}
.common-btn-2 { background: var(--main-color); border-color: var(--main-color); color: var(--secondary-color); font-size: 0.9rem; /*font-weight: 700;*/ padding-left:1rem;padding-right:1rem; transition: background-color 0.3s linear; }

.common-caption {font-size:24px;font-weight:700;}
.common-sub-caption {font-size:20px;font-weight:bold;}
.common-sub-caption-color {font-size:20px;font-weight:bold;color:var(--main-color)}
.common-title {font-size:18px;font-weight:700;}
.common-subtitle {font-size:16px;font-weight:700;}
.common-email {color:var(--main-color);}
.common-small-title {font-size:6px;font-weight:700;}
.common-small-caption {font-size:10px;font-weight:700;}
.common-social-media-title { font-size:18px;font-weight:700;}

.common-link-nounderline A:hover {color:var(--main-color);text-decoration:none;position:relative;font-size:20px;font-weight:700;}
.common-link-nounderline,.common-link-nounderline A {color:#000;text-decoration:none;position:relative;font-size:20px;font-weight:700;}
.common-link-button a {color:var(--secondary-color);text-decoration:none;}

.common-link-mail-to A {color:var(--main-color);text-decoration:none;position:relative;}
.common-link-mail-to A:hover {color:var(--main-color);text-decoration:underline;position:relative;}

.disabled {cursor:not-allowed;}
.common-top-img {display:block;height:auto;max-width:100%;margin-bottom:10px;}

.common-read-more-btn {
    max-width: 140px;
    font-weight: 600; /*border-top:2px solid var(--main-color);border-bottom:2px solid var(--main-color);color:var(--main-color);*/ /*background:#fff;*/
    text-decoration: none;
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--secondary-color);
}
    .common-read-more-btn:hover { /*background:var(--main-color);color:#fff;*/
        background: var(--secondary-color);
        color: var(--main-color);
    }


.common-google-map-btn {
    max-width: 250px;
    font-weight: 600; /*border-top:2px solid var(--main-color);border-bottom:2px solid var(--main-color);color:var(--main-color);*/ /*background:#fff;*/
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--secondary-color);
}
    .common-google-map-btn:hover { /*background:var(--main-color);color:#fff;*/
        background: var(--secondary-color);
        color: var(--main-color);
    }

.common-page-btn {
    max-width: 250px;
    font-weight: 600; /*border-top:2px solid var(--main-color);  border-bottom:2px solid var(--main-color);  border-left:0px;  border-right:0px;  background-color:white;   Color:var(--main-color);*/
    margin: 10px;
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--secondary-color);
}
    .common-page-btn:hover { /*background-color:var(--main-color);color:#fff;*/
        background: var(--secondary-color);
        color: var(--main-color);
    }

.common-hide-last-child > *:last-child {
    display: none;
}

.py-6{padding-top:5rem;padding-bottom:5rem;}
.pt-6{padding-top:5rem;}
.pb-6{padding-bottom:5rem;}
.py-7{padding-top:6rem;padding-bottom:6rem;}
.pt-7{padding-top:6rem;}
.pb-7{padding-bottom:6rem;}

/*Request by user*/
.common-pt-4{
    padding-top: 24px !important;
}
.common-pb-4 {
    padding-bottom: 24px !important;
}
.common-py-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.common-pt-2 {
    padding-top: 12px !important;
}
.common-pb-2 {
    padding-bottom: 12px !important;
}
.common-py-2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.common-mt-2 {
    margin-top: 12px !important;
}
.common-mb-2 {
    margin-bottom: 12px !important;
}
.common-my-2 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.common-mt-4 {
    margin-top: 24px !important;
}

.common-mb-4 {
    margin-bottom: 24px !important;
}

.common-my-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.common-svg-caret-vertical {
    height: 40px !important;
}
.common-svg-caret-horizontal {
    height: 21.81px !important;
}
@media(min-width:992px){
    .common-pt-lg-4 {
        padding-top: 24px !important;
    }

    .common-pb-lg-4 {
        padding-bottom: 24px !important;
    }

    .common-py-lg-4 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .common-pt-lg-2 {
        padding-top: 12px !important;
    }

    .common-pb-lg-2 {
        padding-bottom: 12px !important;
    }

    .common-py-lg-2 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}
/*Request by user*/

a.quarto-border:focus,
button.quarto-border:focus {
    border-color: rgba(84, 22, 110, 0.8) !important;
    /*box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6) !important;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6) !important;*/
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color) !important;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color) !important;
    outline: none !important;
}
input[type="text"]:focus,
input[type="email"]:focus {
    border-color: rgba(84, 22, 110, 0.8);
    /*box-shadow:inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6);*/
    /*-webkit-box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6);*/
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color);
    outline: none !important;
}
select:focus {
    border-color: rgba(84, 22, 110, 0.8) !important;
    /*box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6) !important;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px rgba(84, 22, 110, 0.6) !important;*/
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .075), 0 0 1px 2px var(--main-color);
    outline: none !important;
}

/*button.slick-prev, button.slick-next{border:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}*/
button.slick-prev:before, button.slick-next:before {
    color:transparent !important;
}

.collapsed-heading .collapsed-icon {position:absolute;top:0px;right:0px;color:#fff;}
.collapsed-heading.panel-collapsed .collapsed-icon {transition:.5s transform ease-in-out;}
.collapsed-heading .collapsed-icon { transform:rotate(180deg);transition-duration:.5s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.collapsed-heading.panel-collapsed .collapsed-icon {transform:rotate(0deg);transition-duration:.5s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);}

.block-button__link { color:#fff !important;text-decoration:unset !important;background-color:#32373c;font-weight:600;font-family:"SharpSans-Book",Arial,sans-serif;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word;}

.input-textbox { width:100%;border:1px !important;border-style:solid !important;border-color:#dfdfdf !important;font-size:16px;border-radius:2px !important;padding:6px 10px;height:40px;outline:0!important;}
.grecaptcha-badge { z-index:65535;}
.hiddenClass{display:none;}


.nav-imprint-division.nav { /*border-bottom:1px solid rgba(255,255,255,.15);background-color:#fff;*/
}

.nav-imprint-division.nav .nav-item {
}

.nav-imprint-division.nav .nav-item .nav-link {
        /* color: #000;*/
    font-weight: 600;
    /*border-top: 2px solid #6c757d8a;
    border-bottom: 2px solid #6c757d8a;*/
    border-radius: 0px;
    background-color: var(--secondary-color);
    color: var(--main-color);
}

.nav-imprint-division.nav .nav-item.active,
.nav-imprint-division.nav .nav-item:hover {
}

.nav-imprint-division.nav .nav-item:hover .nav-link {
    color: var(--main-color);
}

.nav-imprint-division.nav .nav-item .nav-link.active {
    /*color: var(--main-color);
    border-top: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);*/
    background-color: var(--main-color);
    color: var(--secondary-color);
}

.tab-content-imprint-division.tab-content>.active{
    display: flex;
}

.nav-imprint-division.nav .nav-item .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 576px){
    .nav-imprint-division.nav .nav-item .nav-link {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
.custom-fa-stack{
    width:1.5em;
    height:1.5em;
}
.custom-fa-stack-background {
    height: 1.5em !important;
    width: 1.5em !important;
}

[v-cloak], [v-cloak] > * {display: none}
[v-cloak]::before {content: ''}