/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
    --cnvs-yellow: rgb(230,193,0);
    --cnvs-blue: rgb(42,124,188);
    --cnvs-header-height: 55px;
    --cnvs-header-height-sm: 55px;
    --cnvs-header-height-md: 55px;
    --cnvs-header-height-lg: 55px;
    ---cnvs-content-padding: 13px;
    --cnvs-content-padding: 13px;
    --cnvs-contrast-300: var(--cnvs-blue);
    --cnvs-themecolor: var(--cnvs-blue);
    --cnvs---cnvs-heading-color: var(--cnvs-yellow);
    --cnvs-heading-color: var(--cnvs-yellow);
    --cnvs-btn-color-hover: var(--cnvs-yellow);
    --cnvs-btn-color-dark: var(--cnvs-yellow);
    --bs-gray-900: var(--cnvs-yellow);
    --bs-link-hover-color: var(--cnvs-yellow);
    --cnvs-footer-bg: var(--cnvs-blue);
    --cnvs-footer-top-border: var(--cnvs-yellow);
    --cnvs-copyrights-link-color: var(--cnvs-yellow);
    --cnvs-contrast-500: var(--cnvs-yellow);
}

#logo a{
    color: var(--cnvs-themecolor);
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.play-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: red;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

label.required:before {
    content: "* ";
}

.form-floating>label {
    left: 13px;
}

.leaflet-attribution-flag{
    width: 0px !important;
}

.maker-place img.type-1 {
    height: 30px;
}

.marker-place img, .marker-sanctuary img {
    margin-top: -13px;
    margin-left: -13px;
    height: 30px;
}

.marker span.badge{
    left: 6px !important;
}

.card .day{
}

.card .intention{
    #color: var(--color-red);
}

.card .summons{
    #color: var(--color-yellow);
}

#logo span{
    #color: var(--cnvs-heading-color);
}