/*
Theme Name: Matoma Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body.event_listing-template-default.single.single-event_listing .row.featured-media-under-header {
    display: none;
}
/* maven-pro-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/fonts/maven-pro-v33-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/fonts/maven-pro-v33-latin-500.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/fonts/maven-pro-v33-latin-600.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-600.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/fonts/maven-pro-v33-latin-700.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/fonts/maven-pro-v33-latin-800.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-800.svg#MavenPro') format('svg'); /* Legacy iOS */
}
/* maven-pro-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/fonts/maven-pro-v33-latin-900.eot'); /* IE9 Compat Modes */
    src: url('fonts/fonts/maven-pro-v33-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/fonts/maven-pro-v33-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/fonts/maven-pro-v33-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('fonts/fonts/maven-pro-v33-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('fonts/fonts/maven-pro-v33-latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */
}

:root {
    --readabler-btn-radius: 100% !important;
    --readabler-btn-bg: #5C2483;
    --readabler-btn-bg-hover: #FFA900;
    --readabler-btn-color-hover: black;
}

.mdp-readabler-trigger-button-box.bottom-left.mdp-entrance-fade.mdp-hover-none,
.mdp-readabler-trigger-button-box.bottom-left.mdp-entrance-fade.mdp-hover-none #mdp-readabler-trigger-button{
    z-index: 500;
}

body p{
    line-height: 1.5;
}

/*mark external links with Icon*/
.main-content p a[href^="https://"]:not([href*="bkk-sbh.de"]):after,
.main-content p a[href^="http://"]:not([href*="bkk-sbh.de"]):after {
    display: inline-block;
    font: normal 9px / 1 'FontAwesome';
    color: inherit;
    content: "\f08e";
    padding-left: 5px;
    font-size: 80%;
}

#pagination .next.inactive,
#pagination .prev.inactive,
#pagination a,
#pagination span,
.container-wrap nav.woocommerce-pagination ul li span,
.woocommerce .container-wrap nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    font-family: 'Maven Pro';
}

button#mdp-readabler-trigger-button {
    border-radius: var(--readabler-btn-radius) !important;
    border: 3px solid #fff;
    box-shadow: 0 0 15px #00000029;
    cursor: pointer;
}

@media only screen and (min-width: 500px) {
  body .mdp-readabler-trigger-button-box.bottom-left {
    margin: 0;
    left: 15px;
    bottom: 15px;
    }
}

div#mdp-readabler-sidebar {
    z-index: 999999;
}

/*Header START*/

/*Secondary Header START*/
body #header-secondary-outer .nectar-center-text {
    max-width: 100%;
    text-align: left;
}

#header-secondary-outer span.menu-title-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

body.material #header-secondary-outer nav > ul > li > a {
    margin: 0 25px;
}

.material #header-secondary-outer > .container > nav {
    border-bottom: 1px solid #70707075
}

body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li > a {
    font-weight: bold;
}

/*Secondary Header END*/

.off-canvas-menu-container .menuwrapper{
    text-align:left;
}

#header-outer nav li.menu-item > a .nectar-ext-menu-item .image-layer {
    background-size: 170px auto;
    background-repeat: no-repeat;
}

small.item_desc {
    font-size: 14px;
    line-height: 17px;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
    margin-left: 20px;
    margin-right: 20px;
}

#header-outer #top nav ul #search-btn a span {
    color: #5C2483 !important;
}

.featured-media-under-header__cat-wrap .meta-category a {
    border-radius: 13px !important;
}

.menuMitgliedWerden .image-layer.loaded {
    background-size: 95px !important;
}

/*Header END*/

/*Allgemein START*/

div.nectar-highlighted-text,
div.nectar-highlighted-text > h1 {
    margin-bottom: 0;
    font-weight: 500;
}

.nectar-highlighted-text[data-style=full_text] em {
    padding: 5px;
    line-height: 1.4;
}

h5.tab-nav-heading.nectar-bg-pseudo-extra-color-1 {
    color: #5C2483;
}

body h1,
body h2,
body h3,
body h4,
body h6 {
    color: #5C2483;
}

/*Horizontal List Item START*/
/*Hover Farbe*/
.nectar-hor-list-item[data-hover-effect=default]:hover .nectar-list-item, .nectar-hor-list-item[data-hover-effect=default]:hover .nectar-list-item-btn, .span_12.light .nectar-hor-list-item .nectar-list-item, .span_12.light .nectar-hor-list-item .nectar-list-item-btn {
    color: #000;
}

/*Umbrechen verhindern*/
.Downloads .nectar-hor-list-item>.nectar-list-item {
    display: flex;
    align-items: center;
    flex-direction: row;
}
/*Horizontal List Item END*/

/*Buttons START*/
.nectar-button.small,
body.material .nectar-button.small:not([class*=see-through]) {
    font-size: 14px;
    line-height: 17px;
}

.nectar-button.medium,
body.material .nectar-button.medium:not([class*=see-through]) {
    font-size: 16px;
    line-height: 18px;
}

.nectar-button.large,
body.material .nectar-button.large:not([class*=see-through]) {
    font-size: 18px;
    line-height: 21px;
}

.nectar-button.jumbo,
body.material .nectar-button.jumbo:not([class*=see-through]) {
    font-size: 20px;
    line-height: 23px;
}

.nectar-button.extra_jumbo,
body.material .nectar-button.extra_jumbo:not([class*=see-through]) {
    font-size: 28px;
    line-height: 33px;
}

/*Buttons END*/

.nectar-highlighted-text em.animated {
    background-size: 100% 95%;
}

html body .iwithtext .iwt-icon img {
    width: 50px !important;
}

html body .iwithtext .iwt-text {
    padding-left: 60px !important;
}

/*Fancy UL START*/
.nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
    font-size: 24px;
    line-height: 1.2;
}

/*Fancy UL END*/

/*Formularfelder START*/
.tabbed > ul li .active-tab, body.material input[type=text]:focus, body.material textarea:focus, body.material input[type=email]:focus, body.material input[type=search]:focus, body.material input[type=password]:focus, body.material input[type=tel]:focus, body.material input[type=url]:focus, body.material input[type=date]:focus, body.material input[type=number]:focus, body.material select:focus, .row .col .wp-caption .wp-caption-text, .material.woocommerce-page input#coupon_code:focus, .material #search-outer #search input[type="text"], #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after, div[data-style="minimal"] .toggle.default.open i, div[data-style="minimal"] .toggle.default:hover i, div[data-style="minimal"] .toggle.accent-color.open i, div[data-style="minimal"] .toggle.accent-color:hover i, .single #single-meta div a:hover, .single #single-meta div a:focus, .single .fullscreen-blog-header #single-below-header > span a:hover, .blog-title #single-meta .nectar-social.hover > div a:hover, .nectar-hor-list-item[data-hover-effect="full_border"][data-color="accent-color"]:hover, .material.woocommerce-page[data-form-style="default"] div input#coupon_code:focus {
    border-width: 2px;
}

/*Formularfelder END*/

/*Horizontal List Item START*/
.nectar-hor-list-item {
    padding: 10px;
}

.nectar-hor-list-item .nectar-list-item[data-text-align=left] img.item-icon.regular {
    width: 40px;
}

/*Horizontal List Item END*/

/*SVG Custom Size*/
body .row img.svg-190x190 {
    width: 190px;
    height: 190px;
}

.row.blog-recent.columns-3 span.meta-category {
    display: none;
}

.blog-recent[data-style=default] .col .post-header h3 {
    font-size: 21px;
    line-height: 26px;
}

.font-medium {
    font-weight: 500 !important;
}

.nectar-fancy-box[data-style=hover_desc] .inner * {
    color: black;
}

.toggle > h3.toggle-title a {
    color: black;
    font-size: 21px;
    line-height: 26px;
}

/*Allgeimen END*/


/*Beitrag START*/
body.post-template-default h1.entry-title {
    font-size: 54px;
    line-height: 63px;
}

/*Beitrag END*/

/*Back To Top START*/
a#to-top {
    right: 100px;
}
/*Back To Top END*/

/*Mobile CTA START*/
body #CTAModalTrigger {
    border: 3px solid #fff;
    box-shadow: 0 0 15px #00000029;
    width: 70px;
    height: 70px;
    border-radius: 40px !important;
    z-index: 500;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
}

#CTAModal #modalBody .menuLink .CTALink .beforeIcon {
    color: #5C2483;
    font-size: 24px;
    line-height: 31px;
}

#CTAModal #modalBody .menuLink .CTALink .menuElementTitle {
    font-size: 16px;
    font-weight: 500;
    color: black;
}

body #CTAModal #modalClose {
    border-radius: 100% !important;
    color: white;
    font-size: 24px;
    line-height: 31px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#CTAModalTrigger span.mtm-mobile-cta-icon {
    background-image: url(/wp-content/themes/matoma-child/img/icon-mobile-cta.svg);
    background-position: 40% center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}

button#CTAModalTrigger:hover {
    background-color: #FFA900 !important;
}

button#CTAModalTrigger:hover span.mtm-mobile-cta-icon {
    background-image: url(/wp-content/themes/matoma-child/img/icon-mobile-cta-s.svg);
}
/*Mobil CTA END*/

/*Cookie Box START*/
#BorlabsCookieBox ._brlbs-btn {
    font-size: 15px !important;
    text-decoration: none !important;
}
#BorlabsCookieBox .cookie-box p a._brlbs-btn  {
    font-size:17px !important;
}
#BorlabsCookieBox a:hover,
#BorlabsCookieBox a:link,
#BorlabsCookieBox a:focus{
    text-decoration: underline;
}

div#BorlabsCookieBoxWidget {
    background-color: #5c2483;
    border-radius: 100%;
    width: 70px;
    height: 70px;    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    box-shadow: 0 0 15px #00000029;
    bottom: 15px !important;
    left: 15px !important;
}

div#BorlabsCookieBoxWidget:hover {
    background-color: #FFA900;
    opacity: 1;
}

#BorlabsCookieBoxWidget._brlbs-hide-mobile {
    opacity: 1;
    pointer-events: all;
    transform: none;
}

div#BorlabsCookieBoxWidget:hover a svg {
    color: black;
}
/*Cookie Box END*/

/*Footer START*/
.material #footer-outer #footer-widgets .col ul li {
    font-weight: 500;
}

div#footer-widgets .widget.widget_nav_menu h4 {
    font-weight: 600;
}

#footer-outer #footer-widgets .col ul li > a {
    font-weight: 500 !important;
}

/*Footer END*/

/*Ersparnisrechner START*/
.Ergebniss span {
    background: white;
    padding: 10px;
    width: 80%;
    text-align: center;
}

.Ergebniss {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.quform-element.quform-element-row.quform-element-row-6_24.quform-2-columns {
    background: #ffa900;
    border: 3px dashed black;
    border-radius: 11px;
    padding: 3% 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.quform-form-6 .quform-form-inner {
    padding: 10px;
    padding-bottom: 0;
}
.quform-element.quform-element-row.quform-element-row-6_6,
.quform-element.quform-element-row.quform-element-row-6_13 {
    padding: 0px 30px;
    padding-top: 30px;
}

.quform-input-6_19::after,
.quform-input-6_21::after{
    content: "%";
}
.quform-input-6_19,
.quform-input-6_21{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px;
    font-weight: bold;
}
/*Ersparnisrechner END*/

/*Tabellen START*/
.responsive_table .wpb_wrapper {
    overflow-x:auto;
}

table td, table th{
    border-width: 0 0 1px 0 !important;
}
table {
    border: none !important;
    background-color: transparent !important;
}
table tr{
    background-color: transparent !important;
}
/*Tabellen END*/

/*Event Loop START*/
span.wpem-event-date-time-text,
span.wpem-event-location-text {
    text-decoration: none !important;
    display: inline-block;
}

a.wpem-event-action-url.event-style-color.kurs {
    text-decoration: none;
}
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper:hover a.wpem-event-action-url.event-style-color.kurs {
    text-decoration: underline;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time.date::before{
    content: '\e953';
}

:root {
    --wpem-primary-color: #5C2483;
    --wpem-gray-bg-color: #f8f5ed;
}
/*Event Loop END*/

/*Portfolios START*/
div.bottom_controls {
    background: #f8f5ed;
    color: black;
}
div#portfolio-nav #prev-link a, div#portfolio-nav #next-link a {
    color: #2d175a;
}

.bottom_controls #portfolio-nav ul:first-child #all-items a i {
    width: 0.3em;
    height: 0.3em;
    display: block;
    border-radius: 0;
    transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
    font-size: 20px;
    left: 18px;
    top: 22px;
    background-color: #2d175a;
    box-shadow: -0.5em 0 #2d175a, -0.5em 0.5em #2d175a, 0.5em 0 #2d175a, 0.5em -0.5em #2d175a, 0 -0.5em #2d175a, -0.5em -0.5em #2d175a, 0 0.5em #2d175a, 0.5em 0.5em #2d175a;
}
/*Portfolios END*/

/* Barrierefreiheit Anpassungen */

.mdp-readabler-trigger-button-box.bottom-left.mdp-entrance-fade.mdp-hover-none {
    z-index: 9999 !important;
}

@media only screen and (max-width: 500px) {
    body #CTAModalTrigger { 
        bottom: 0;
	margin-bottom: 10px;
    }
}

/*Formular*/
body.material input[type=text]:read-only {
    background-color: #ededed !important;
    cursor: not-allowed;
}

body.material input[type=text]:read-only:focus {
    border: 1px solid #707070;
}


/*ChatBot*/

body div#pre-chat-message {
    right: 45px;
    bottom: 151px;
}
div#floating-chatbot-button {
    width: 70px!important;
    height: 70px!important;
    background-color: #5c2483 !important;
    border: 3px solid #ffffff;
    bottom: 95px;
    right: 15px;
}

div#pre-chat-message {
    bottom: 100px;
    right: 245px;
}

#mxchat-chatbot #chat-container #chat-box .bot-message p,
#mxchat-chatbot #chat-container #chat-box .bot-message div {
    background: #f3ebd9;
    padding: 10px;
    margin: 0;
}

#mxchat-chatbot #chat-container #chat-box .bot-message p:first-child {
    border-radius: 18px 18px 0px 0px;
}

#mxchat-chatbot #chat-container #chat-box .bot-message p:last-child {
    border-radius: 0px 0px 18px 18px;
}

#mxchat-chatbot #chat-container #chat-box .bot-message p:first-child:last-child,
#mxchat-chatbot #chat-container #chat-box .bot-message div:first-child:last-child {
	border-radius: 18px 18px 18px 18px;
}

div.bot-message {
    color: black !important;
    border: none !important;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: none !important;
}

div#exit-chat-button {
    background: #5c2483 !important;
}

div.user-message {
    background: #e5e8f8 !important;
	color: black !important;
    border-radius: 10px 10px 0 10px !important;
    max-width: 80%;
}

div.bot-message:not(.temporary-message):after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(https://bkk-sbh.betacenter.net/wp-content/uploads/2025/05/chat-profilbild.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: -45px;
    margin-bottom: -35px;
}

#mxchat-chatbot #chat-container #chat-box .bot-message:first-child {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: flex-end;
}
#mxchat-chatbot #chat-container #chat-box .bot-message:first-child::after{
    top: 0;
    margin-bottom: 0;
}

.bot-message:first-child {
    max-width: 100%;
    display: flex;
    flex-direction: row;
}

.bot-message p{
    width: 85%;
    align-self: flex-end;
}
.bot-message div {
    color: black !important;
    width: 85%;
    margin-left: 50px !important;
}

div#exit-chat-button {
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
}

.exit-chat svg {
    top: -5px;
    position: relative;
}

#chat-box .bot-message.temporary-message .thinking-dots .dot {
    background-color: #000 !important;
}

.chat-intro {
   display: flex;
    flex-direction: column;
    align-items: center;
}

.chat-intro div {
    width: 80%;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
    padding: 15px 0;
}

.chat-intro div span.heading {
    font-weight: bold;
    font-size: 20px;
    color: #5c2483;
    display: block;
    margin-bottom: 15px;
}