/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


body{
	font-family: Montserrat;
}

:root {
	--gform-theme-local-background-color: #b44b5a;
}

.leaflet-div-icon{
    border-radius: 1000px;
    border: none !important;
}

.icon-container{
    display:flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 13pt;
    border-radius: 1000px;
}

.icon-container.event{
    background: var(--color-1);
    color: var(--color-3);
}

.icon-container.hostal{
    background: var(--color-6);
    color: var(--color-3);
}

.icon-container.restaurant{
    background: var(--color-7);
    color: var(--color-3);
}

.leaflet-popup-content{
    margin: 10px !important;
}

.map-popup-container{
    display: flex;
	flex-direction: column;
    row-gap: 15px;
}

.map-popup-container .map-popup-header{
    display: flex;
    justify-content: center;
    align-items: center;
}

.map-popup-container .map-popup-header img{
    width: 100%;
	aspect-ratio: 1920 / 1080;
    object-fit: contain;
	backdrop-filter: blur(100px) brightness(80%) saturate(1.2);
    transition: 0.5s;
	background-position: center center;
}

.map-popup-container .map-popup-title h1{
    font-size: 11pt !important;
    line-height: 1.2em;
    text-transform: uppercase;
	color: #000000 !important;
}

.map-popup-container .map-popup-content{
    font-size: 9pt !important;
    line-height: 1.2em;
	color: #000000 !important;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
	margin-top: 10px;
}

.map-popup-container .map-popup-footer{
    font-size: 9pt !important;
    display: flex;
	flex-direction: column;
    row-gap: 10px;
	margin-top: 10px;
}

.map-popup-container .map-popup-date-container{
    font-size: 8pt !important;
}


.map-popup-container .element-url{
    margin: 10px 0;
}


.map-popup-container .element-url{
    margin: 10px 0;
}

.popup-google-map-link-text-container{
	display: flex;
	align-items: center;
	column-gap: 3px;
}

.popup-google-map-link-text{
	font-size: 9pt;
	font-weight: 600;
}