/*
Theme Name: MŠ Veltruská
Template: starkid
Theme URI: https://www.msveltruska.cz/
Author: Varhall
Author URI: https://www.varhall.cz
*/

/* Global variables  */

:root {
    --msveltruska-modal-color-bg: #56509f;
    --msveltruska-modal-color-text: white;

    --msveltruska-modal-border-radius: 15px;
}

/* Text and content styling */

main p {
    text-align: justify;
}

main li,
main li p {
    margin: 0;
}

main blockquote {
    font-size: var(--bs-body-font-size);
}

header a {
    text-decoration: none;
}

body .bp-element-heading.kindergarten-layout-1 .title { 
	color: #28ADE4;  
}

body .bp-element-heading.kindergarten-layout-1 .line { 
	color: #FCC03A; 
}

@media(max-width: 768px) {
  .toolbar-right { flex: 1 1 auto; }
  .topbar-contacts { width: 100%; }	
  .topbar-contacts .textwidget { width: 100%; text-align: center; }	
  .topbar-contacts span { display: block; }
}


/* Template tweaks */

@media (max-width: 1191px) {
    .e-con.e-con-boxed {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
}

.home-content.container,
.site-content.container {
    max-width: unset !important;
    padding: unset;
}



main[class*=col-], 
aside[class*=col-] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.header-logo .logo:before,
.site-header .thim-toolbar .toolbar-right .widget_text:last-child:before {
    display: none !important;
}

@media(min-width: 991px) {
	.site-header .header-inner .wrap-content-header .header-logo {
		width: 175px !important;
	}

	.site-header .header-inner .wrap-content-header .header-logo .logo {
		position: absolute;
		transform: translateY(-25%);
	}

	.site-header.menu-hidden .header-inner .wrap-content-header .header-logo .logo {
		display: none !important;
	}
}

.bp-element-icon-box .icon-box .icon-image.circle {
    overflow: hidden;
}

.bp-element-icon-box .icon-box .icon-image.circle img {
    object-fit: cover;
}

body .site-header.layout-1 .header-inner .wrap-content-header .main-navigation .menu-lists > li > a,
body .site-header.layout-1 .header-inner .wrap-content-header .main-navigation .menu-lists li .sub-menu li a {
    font-family: 'Baloo 2';
    font-weight: 500;
}

.entry-content {
    margin-bottom: 0;
}


.site-header .thim-toolbar { 
    padding: 5px 0 !important; 
}

.site-header .thim-toolbar p { 
    margin: 0;
}

.copyright-area { 
    padding: 10px !important; 
}

.copyright-area .copyright-text { 
    font-size: 10px !important; 
}


/* Icon box */

.bp-element.bp-element-icon-box.kindergarten-layout-2 .icon-box .content {
    display: flex;
    flex-direction: column-reverse
}

.bp-element.bp-element-icon-box.kindergarten-layout-10 .icon-box .content .title {
	font-family: 'Baloo 2';
	font-weight: 400;
}

.bp-element.bp-element-icon-box.kindergarten-layout-10 .icon-box .content .description {
	font-family: 'Nunito';
	font-weight: 300;
	font-size: .8rem;
}

.elementor-widget-icon-box.icon-flower .elementor-icon {
    position: relative;
    padding: .5em;
}


.elementor-widget-icon-box.icon-flower .elementor-icon {
  background-color: red;
  -webkit-mask: url('/wp-content/uploads/2025/08/modra.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('/wp-content/uploads/2025/08/modra.svg') no-repeat center;
  mask-size: contain;
}


.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-image-box .elementor-image-box-title {
	font-family: 'Baloo 2';
	font-weight: 400;
	font-size: 1.3rem;
	color: #333;
	margin: 0;
}

.elementor-widget-icon-box:hover .elementor-icon-box-title,
.elementor-widget-image-box:hover .elementor-image-box-title {
	color: #333;
}

.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-image-box .elementor-image-box-description {
	font-family: 'Nunito';
	font-weight: 300;
	color: #666;
	text-align: left;
}

.classroom-info .text-small {
    font-size: .8rem;
}

@media (max-width: 991px) {
	.classroom-info .elementor-image-box-wrapper .elementor-image-box-content * {
		text-align: center;
		font-size: .8rem;
	}
	
	.classroom-info .elementor-icon-box-wrapper .elementor-icon-box-wrapper {
		flex-direction: column;
	}
	
	.classroom-info .elementor-icon-box-wrapper .elementor-icon-box-content * {
		text-align: center;
	}
}




/* Modules */

.hugo--event-week .card-header {
    font-family: "Baloo 2";
    font-size: 5rem;
}


/* Modal */

.modal .modal-content {
    border-radius: var(--msveltruska-modal-border-radius);
}

.modal .modal-header {
    display: flex;
    align-items: center;
    background-color: var(--msveltruska-modal-color-bg);
    color: var(--msveltruska-modal-color-text);
    border-top-left-radius: var(--msveltruska-modal-border-radius);
    border-top-right-radius: var(--msveltruska-modal-border-radius);
}

.modal .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #3333;
    margin-right: .5rem;
}

.modal .btn-close {
    margin-right: 1rem;
}

.modal .sidebar {
    border-left: 1px solid #F3F3F3;
    background-color: #FAFAFA;
}

.modal .sidebar img {
    border-radius: 15px;
}

.modal .sidebar .date {
    text-align: center;
    font-size: .8rem;
    margin-bottom: 1rem;
}