/* ----------------------------------------------------------------

	Canvas: Care

-----------------------------------------------------------------*/



:root {

	--cnvs-themecolor: #1b3c93;

	--cnvs-themecolor-rgb: 27, 60, 147;



	--cnvs-color-2: #fdd200;

	--cnvs-body-font: 'IBM Plex Sans', sans-serif;

	--cnvs-primary-font: 'IBM Plex Serif', serif;

	--cnvs-secondary-font: 'Playfair Display', serif;

    --cnvs-color-red: #cf1f25;


}

.button {
    --cnvs-btn-color-dark: var(--cnvs-color-red);
    --cnvs-btn-color: var(--cnvs-themecolor) !important;
}

.button-blue.button-3d:hover,
.button-blue.button-reveal:hover,
.button-blue.button-border:hover {
    --cnvs-btn-color: var(--cnvs-themecolor) !important;
}

.button-border.button-blue,
.button-border.button-light.button-blue {
    color: var(--cnvs-themecolor);
    border-color: var(--cnvs-themecolor);
}

.button-border.button-red,
.button-border.button-light.button-red {
    color: var(--cnvs-btn-color-dark);
    border-color: var(--cnvs-btn-color-dark);
}

.button.button-border.button-red:not(.button-fill):hover {
    background-color: var(--cnvs-btn-color-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--cnvs-themecolor);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}
.btn-outline-warning {
    --bs-btn-color: #ffc300;
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--cnvs-color-2);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}


#header {

	--cnvs-primary-menu-font : var(--cnvs-body-font);

}


#footer {
    --cnvs-footer-bg: var(--cnvs-color-2);
}

#copyrights {
    background: none;
}



.font-display {

	font-family: var(--cnvs-secondary-font);

}



.menu-link {

	text-transform: none;

	letter-spacing: 0;

	font-size: 1.0625rem;

	font-weight: 500;

}



.bg-color-2 { background-color: var(--cnvs-color-2) !important; }

.color-2 { color: var(--cnvs-color-2) !important; }



.slider-element {
    background: linear-gradient(to right, rgba(253,210,0,1) 0%, rgba(253,210,0,1) 34%, rgba(255,255,255,0) 100%), url('images/1.jpg') no-repeat 100% / auto 100%;
}


.feature-box-border .feature-box { position: relative; }



.feature-box-border .feature-box:not(.noborder)::after {

	content: "";

	position: absolute;

	top: calc(64px + 16px);

	left: 59px;

	width: 2px;

	height: calc(100% - 16px);

	background-color: #EEE;

	z-index: 0;

}



.feature-box-border .fbox-color.feature-box:not(.noborder)::after { background-color: #1b3c93; }



.feature-box-border .fbox-icon i,

.feature-box-border .fbox-border.fbox-light .fbox-icon i {

	line-height: 60px;

	font-size: 24px;

	z-index: 1;

	text-align: center;

}



.fbox-border.fbox-light .fbox-icon a { background-color: #FFF; }



.fbox-border.fbox-effect .fbox-icon i::after {

	background-color: #1b3c93;

}



.bg-color-50 {

	background-color: rgba(15, 100, 88, 0.4) !important;

	background-color: #0f645852 !important; /* Or, less accurately, #ff08 */

}



.dark .line { border-color: rgb(255, 205,140, .2) !important; }



.section-mobile {

	width: calc(100vw - 30px);

	margin-left: auto;

	margin-right: auto;

	border-radius: 20px;

	padding-left: 20px;

	padding-right: 20px;

}



@media (min-width: 768px) {

	.section-mobile {

		width: calc(100vw - 60px);

	}

}



/* ----------------------------------------------------------------------------

	Services Grid

---------------------------------------------------------------------------- */



.grid-border {

	--cnvs-grid-border-color: var(--cnvs-color-2);

	--cnvs-grid-border-opacity: .5;

}



.pricing, [class*=pricing-] {

	--cnvs-pricing-price-font-size: 5rem;

}



/* ----------------------------------------------------------------------------

	Nav - About Page

---------------------------------------------------------------------------- */

.nav-pills .nav-link {

	margin-bottom: 10px;

	border-radius: 3px;

}

.nav-pills .nav-link.active {

	background-color: #21449b;

	margin-bottom: 20px;

	padding: 30px 25px;

}



.nav-pills .nav-link h3 {

	display: block;

	font-size: 22px;

	line-height: 28px;

	margin-bottom: 15px;

	font-weight: 400;

	color: #21449b;

}



.nav-pills .nav-link.active h3 {

	color: #fbd000;

	font-weight: 500;

}



.nav-pills .nav-link p {

	display: none;

	visibility: hidden;

	font-size: 14px;

	line-height: 1.6 !important;

	margin-bottom: 0;

	color: #EEE;

}



.nav-pills .nav-link.active p {

	display: block;

	visibility: visible;

}



@media (max-width: 767.98px) {

	.nav-pills .nav-link:not(.active) p {

		display: block;

		visibility: visible;

		color: #444;

	}



	.nav-pills .nav-link,

	.nav-pills .nav-link.active {

		padding: 15px 20px;

		margin-bottom: 8px;

	}

}



.bg-pattern {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



.bg-pattern ~ * {

	position: relative;

	z-index: 1;

}
/* ----------------------------------------------------------------

	Custom CSS

-----------------------------------------------------------------*/
section#content {
    min-height: 70vh;
}
ul.on-call-type {
    list-style: none;
    text-align: left;
}

ul.on-call-type li {
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
}
ul.on-call-type li.on-call-afternoon:before,
ul.on-call-type li.on-call-night:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px; /* A kép szélessége */
    height: 20px; /* A kép magassága */
    background-size: cover; /* A kép méretének beállítása a területre */
    margin-right: 5px; /* Opcionális margó a kép és a szöveg között */
    left: 0;
    top: 2px;
}

.on-call-type .on-call-afternoon:before {
    background-image: url('icons/plus-icon-yellow.png'); /* Kép URL-je */
}

.on-call-type .on-call-night:before {
    background-image: url('icons/plus-icon-red.png'); /* Kép URL-je */
}

.input-result-list {
    display: none;
    position: absolute !important;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    border-top: none;
    margin-left: 8px;
    box-shadow: 2px 2px 12px #eee;
    max-height: 200px;
    overflow-y: auto;
}

.input-result-list .list-item {
    padding: 10px;
}
.input-result-list .list-item:hover,
.input-result-list .list-item.active {
    background-color: var(--cnvs-color-2);
    cursor: pointer;
}

.input-result-list .list-item .postcode {
    color: #666;
    margin-right: 7px;
}

.on-call-list .list-group-item,
.on-call-list .list-group-item h4 {
    color: #ffffff;
}

.on-call-list .list-group.open a {
    background-color: var(--bs-success);
}

.on-call-list .list-group.close-soon a {
    background-color: var(--bs-warning);
}

.on-call-list .list-group.closed a {
    background-color: var(--bs-danger);
}
.on-call-list .list-group small {
    min-width: 50px;
}

.live-search .search-result .name {
    color: var(--cnvs-themecolor);
    font-weight: bold;
}

.divider i, .divider a, .divider-text {
    font-size: calc(var(--cnvs-divider-size)) !important;
}

.flex-1 {
    flex: 1 !important;
}

#oncall-review-form [id*="-wrapper"] {
    display: none;
}

#oncall-review-form #q1-wrapper {
    display: block;
}

section#content.review-page {
    min-height: 500px;
}
section#content.review-page #reviews {
    height: unset !important;
}

.review-page .iconlist li > div:first-child {
    flex: 0 0 160px; /* Változtathatod a szélességet igény szerint */
}

.review-page .iconlist > li i:first-child,
.review-page .iconlist > li img:first-child {
    margin-right: 5px;
}

.rating-no {
    border: 1px solid rgba(147, 1, 1, 0.32) !important;

}

.rating-yes {
    border: 1px solid rgba(73, 147, 1, 0.36) !important;
}

.logo-default {
    width: 180px;
}

@media (max-width: 1199px){
    .logo-default {
        width: 150px;
    }
}

.top-links-container {
    justify-content: right;
}

.required {
    color: var(--cnvs-color-red);
}

.entry-title h4, .entry-title .h4 {
    font-size: 1rem;
    letter-spacing: 0;
}
.text-shadow-gray {
    text-shadow: 1px 1px 3px #666;
}

.section-mobile {
    width: 100%;
}

.tabs {
    flex-direction: inherit;
}

.oncall-review-card .iconlist li.more {
    display: none;
}