/* ----------------------------------------------------------------
	Canvas Demo: Medical

	Clinic and hospital design: theme tokens, the appointment form
	treatment, opening-hours and treatment-price tables, the blog grid
	card and the loader pulse, with right-to-left companions.
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #DE6262;
	--cnvs-themecolor-rgb: 222, 98, 98;

	--cnvs-body-font: 'Lato', sans-serif;
	--cnvs-primary-font: 'Montserrat', sans-serif;
	--cnvs-secondary-font: 'Montserrat', sans-serif;
}

#header {
	--cnvs-primary-menu-font-size: 13px;
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-ls: 1px;
	--cnvs-primary-menu-font-weight: 700;
}

.section.dark .bg-color h2 { color: #FFF; }

.section.dark .bg-color label {
	color: rgba(255,255,255,0.9);
	font-weight: 400;
	text-transform: capitalize;
}


.form-control.error { border: 2px solid red; }


.footer-big-contacts {
	color: var(--cnvs-contrast-800);
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}


#css3-spinner-svg-pulse-wrapper {
	position: absolute;
	overflow: hidden;
	width: 260px;
	height: 210px;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -130px;
	background-color: transparent;
	animation: none;
	-webkit-animation: none;
}

#css3-spinner-svg-pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -275px;
}

#css3-spinner-pulse {
	stroke-dasharray: 281;
	-webkit-animation: dash 5s infinite linear forwards;
}

/*Animation*/
@-webkit-keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}

@keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}




.opening-table .heading-block span {
	font-size: 16px;
	font-weight: 400;
}

.opening-table {
	padding: 30px;
	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #EEE;
}

.time-table-wrap .time-table {
	padding: 14px 0;
	text-align: left;
	border-top: 1px solid #E5E5E5;
}

.time-table-wrap .time-table:first-child { border-top: none; }

.time-table-wrap .time-table .col-md-5 { padding-left: 0; }

.time-table-wrap .time-table h5 {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.time-table-wrap .time-table span { font-weight: 500; }

.entry .entry-content p { margin-bottom: 15px; }

.post-grid .entry-title h2 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 19px;
	line-height: 25px;
	font-weight: 400;
}

.form-control.error { border: 2px solid red; }

ul.price-table { list-style: none; }

ul.price-table li {
	padding: 10px 0;
	border-bottom: 1px solid #E0E0E0;
	background-position: left center;
	background-repeat: no-repeat;
}

ul.price-table li span { font-weight: bold; }

ul.price-table li .value {
	float: right;
	color: #666;
}

.more-link { margin-top: 20px; }


/* ----------------------------------------------------------------
	Medical Demo - RTL Support
-----------------------------------------------------------------*/

.rtl #css3-spinner-svg-pulse-wrapper {
	right: 50%;
	left: auto;
	margin-right: -130px;
	margin-left: 0;
}

.rtl #css3-spinner-svg-pulse {
	right: 50%;
	left: auto;
	margin-right: -275px;
	margin-left: 0;
}

.rtl .time-table-wrap .time-table { text-align: right; }

.rtl .time-table-wrap .time-table .col-md-5 { padding-right: 0; }

.rtl ul.price-table li { background-position: right center; }

.rtl ul.price-table li span { float: right; }

.rtl ul.price-table li .value { float: left; }


/* ----------------------------------------------------------------
	ADDITIVE - Medical icon webfont

	The design's own icon set, which the theme does not ship. Served from
	the demo's asset folder so the demo is self-contained. Only the glyphs
	the design uses are mapped; the font file carries the full set.
-----------------------------------------------------------------*/

@font-face {
	font-family: 'webfont-medical-icons';
	src:url('medical/webfont-medical-icons/webfont-medical-icons.woff') format('woff'),
		url('medical/webfont-medical-icons/webfont-medical-icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="icon-medical-"], [class*=" icon-medical-"] {
	display: inline-block;
	font-family: 'webfont-medical-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-medical-i-administration:before {
	content: "\e624";
}
.icon-medical-i-ambulance:before {
	content: "\e622";
}
.icon-medical-i-billing:before {
	content: "\e620";
}
.icon-medical-i-cardiology:before {
	content: "\e61f";
}
.icon-medical-i-cath-lab:before {
	content: "\e641";
}
.icon-medical-i-dental:before {
	content: "\e63e";
}
.icon-medical-i-imaging-root-category:before {
	content: "\e614";
}
.icon-medical-i-neurology:before {
	content: "\e62f";
}
.icon-medical-ophthalmology:before {
	content: "\e655";
}
.icon-medical-i-respiratory:before {
	content: "\e629";
}
.icon-medical-i-social-services:before {
	content: "\e625";
}
.icon-medical-i-surgery:before {
	content: "\e605";
}
.icon-medical-i-ultrasound:before {
	content: "\e603";
}
.icon-medical-i-womens-health:before {
	content: "\e600";
}


/* ----------------------------------------------------------------
	ADDITIVE - Departments accordion spacing

	The Departments design declares this rule inline on its own page;
	ported here so the demo stylesheet carries it for every view.
-----------------------------------------------------------------*/

.device-md .accordion.accordion-bg .acc_content,
.device-sm .accordion.accordion-bg .acc_content {
	padding: 10px 0 15px 0;
}