/*
Theme Name: Medcity Child
Theme URI: http://7oroof.com/tfdemos/medcity
Author: 7oroof
Author URI: https://themeforest.net/user/7oroof
Description: We built this theme on Page Builder, a very convenient drag-n-drop Page Builder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The WordPress theme is responsive, you can view it also in the mobile/tablets devices and it looks very in more devices.
Version: 1.0.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: medcity-child
Template:     medcity
Tags: 		clinic, dental, dentist, doctor, health, health care, healthcare, hospital, medical, medical care, medicine, pharmacy, veterinary
*/


/*
background-image: linear-gradient(180deg, #FFFFFF26 17%, #FFFFFF 66%);
*/
@media screen and (min-width: 1199px) {
	.site-header-menu-2 .primary-menu > li > a {
		line-height: 58px !important;
	}
}
@media screen and (max-width: 1199px) {
	.primary-menu li a {
		font-size: 20px !important;
	}
}
/* FIX MOBILE ALIGN LEFT */
@media screen and (max-width: 1199px) {
	.custom-heading,
	.custom-heading-description,
	.elementor-widget-container p {
		text-align: left !important;
	}
}
/* FIX MOBILE TEXT FOR BETTER READING */
.cms-fancy-box.layout3 .item-content .item-description {
	font-weight: 350 !important;
	font-size: 1.125em !important;
	line-height: 24px !important;
}

@media screen and (max-width: 768px) {
	.elementor-icon-list-text {
		font-size: 18px;
	}
	.elementor-widget-container p {
		font-size: 1.25em !important;
		line-height: 30px !important;
	}
	.elementor-widget-container p1 {
		font-size: 1.25em !important;
		line-height: 30px !important;
		font-weight: 400 !important;
	}
	.cms-fancy-box.layout3 .item-content .item-description {
		font-weight: 350 !important;
		font-size: 1.15em !important;
		line-height: 24px !important;
	}
	.elementor-icon-list-text {
		font-size: 18px !important;
	}
}
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
	align-items: start !important;
}
/* fix lists that in the 2nd row the icons stay on top * REUSABLE */
.elementor-widget .elementor-icon-list-icon {
	display: flex;
	position: relative;
	top: 8px !important;
}
.elementor-widget .elementor-icon-list-item,
.elementor-widget .elementor-icon-list-item a {
	display: flex;
	font-size: inherit;
	align-items: var(--icon-vertical-align, start);
}
/***/

@media screen and (max-width: 1199px) {
	.entry-content
		div
		section:first-of-type
		.elementor-background-overlay:not(
			.elementor-14034 .elementor-element.elementor-element-a7b6485 > .elementor-background-overlay
		) {
		background-image: linear-gradient(180deg, #ffffff26 0%, #ffffff 62%) !important;
	}
}

.content-has-sidebar,
.widget-area {
	margin-top: 130px;
}
@media (max-width: 1024px) {
	.elementor-shortcode section {
		padding: 0px 0px 0px 0px !important;
	}
}

@font-face {
	font-family: "FreightSansPro";
	src: url("/wp-content/themes/medcity-child/fonts/source-sans-3-v9-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "FreightSansPro";
	src: url("/wp-content/themes/medcity-child/fonts/source-sans-3-v9-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

body
	> div#page
	*:not(.material, .fas, .far, .fab, .fac, .fa-search, .btn, [class*=" eicon-"], [class^="eicon"]) {
	font-family: "FreightSansPro", sans-serif;
}
.far {
	font-family: "Font Awesome 5 Pro" !important;
}
h1 {
	font-weight: 500 !important;
	font-size: 70px !important;
	line-height: 75px !important;
}

h2 {
	font-weight: 500 !important;
	font-size: 44px !important;
	line-height: 50px !important;
}
.content-area h2:not(.no-responsive),
.content-area .h2:not(.no-responsive) {
	font-size: 40px !important;
	line-height: 44px !important;
	font-weight: 500 !important;
}

h3 {
	font-weight: 500 !important;
	font-size: 32px !important;
	line-height: 38px !important;
}

h4 {
	font-weight: 500 !important;
	font-size: 24px !important;
	line-height: 30px !important;
}

h5 {
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 24px !important;
}

h5 {
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 24px !important;
}

h6 {
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

p {
	font-weight: 350 !important;
	font-size: 1.125em !important;
	line-height: 24px !important;
}

p.p1,
.p1 * {
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 30px !important;
}

p.p3,
.p3 * {
	font-weight: 350 !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

p.p4,
.p4 * {
	font-weight: 350 !important;
	font-size: 12px !important;
	line-height: 18px !important;
}
/* COLOR CORRECTION BY ANDY */
.site-header-top {
	background-color: #023a2d !important;
}
.site-header-main {
	background-color: #1b4d41;
}

.primary-menu li > a {
	font-weight: 500 !important;
}

@media screen and (min-width: 1200px) {
	.primary-menu > li > a {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		color: #f9f5f2 !important;
		font-weight: 500 !important;
	}
	.primary-menu > li > a:hover {
		color: #fff !important;
	}
	.primary-menu > li > a:before {
		background-color: #fff !important;
	}
	.h-fixed {
		background-color: #1b4d41 !important;
	}
	#site-header-wrap.header-layout1 .site-header-main .site-main {
		margin-right: 0px !important;
	}
	.site-header-social {
		display: none !important;
	}
}

:root {
	--color-tertiary: #1b4d41 !important;
	--color-secondary: #023a2d !important;
}
.cms-fancy-box-carousel.layout1 .item-title {
	color: #023a2d !important;
}
.cms-fancy-box-carousel.layout1 .item-button a {
	color: #023a2d !important;
}
.cms-fancy-box-carousel.layout1 .item-button a:hover {
	color: #f76053 !important;
}
.elementor-widget .e-sidebar-widget {
	background-color: #f9f5f2 !important;
}
.widget-title {
	color: #023a2d !important;
}
@media screen and (min-width: 1200px) {
	#primary-menu-1 > li > a {
		line-height: 61px !important;
	}
}
.btn.btn-secondary {
	background-color: #f76053 !important;
	border-color: #f76053 !important;
}
.btn.btn-secondary:hover {
	background-color: #61d2a1 !important;
	border-color: #61d2a1 !important;
}
body {
	color: #474341 !important;
}
/* TRANSLATION SEARCH */
/* Nothing Found */
.page-header .page-title {
	visibility: visible !important;
	font-size: 0px !important;
}
.page-header .page-title:after {
	font-size: 60px !important;
	visibility: visible !important;
	content: "Nichts gefunden!"; /* TEXT HERE Not Found */
}
.page-content p {
	visibility: visible !important;
	font-size: 0px !important;
}
.page-content p:after {
	font-size: 16px !important;
	visibility: visible !important;
	content: "Es tut uns leid, aber Ihre Suchbegriffe wurden nicht gefunden. Bitte versuchen Sie es noch einmal mit anderen Suchbegriffen."; /* TEXT HERE I'm sorry. */
}
#search-2 .widget-title {
	visibility: visible !important;
	font-size: 0px !important;
}
#search-2 .widget-title:after {
	font-size: 44px !important;
	visibility: visible !important;
	content: "Suche"; /* TEXT HERE Search */
}
#cms_recent_posts-2 .widget-title {
	visibility: visible !important;
	font-size: 0px !important;
}
#cms_recent_posts-2 .widget-title:after {
	font-size: 44px !important;
	visibility: visible !important;
	content: "Neueste"; /* TEXT HERE Recent / Blog */
}
#cms_recent_posts-2 .widget-title {
	visibility: visible !important;
	font-size: 0px !important;
}
#cms_recent_posts-2 .widget-title:after {
	font-size: 44px !important;
	visibility: visible !important;
	content: "Neueste"; /* TEXT HERE Recent / Blog */
}
#categories-2 .widget-title {
	display: none !important;
}
.entry-title {
	font-size: 20px !important;
}
#secondary .widget {
	background-color: #f9f5f2 !important;
}
.widget_cms_recent_posts .widget-content .posts-list .entry-brief .entry-content .entry-title {
	font-weight: 350 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-decoration: underline;
	color: #535f73;
}
.entry-social-wrap {
	display: none !important;
}
.cms-post-grid-layout1 .grid-item-inner {
	-webkit-box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
	-khtml-box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
	-moz-box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
	-ms-box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
	-o-box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
	box-shadow: 0 5px 60px 0 rgba(14, 32, 77, 0.13) !important;
}

.cms-post-grid-layout1 .entry-readmore .btn-more {
	color: #1b4d41 !important;
}
.cms-post-grid-layout1 .grid-item-inner:hover .entry-readmore .btn-more {
	background-color: #1b4d41 !important;
	color: #fff !important;
}
.btn-more:hover {
	background-color: #1b4d41 !important;
	color: #fff !important;
}
.entry-readmore span:before {
	content: "Weiterlesen";
	font-size: 15px !important;
	font-weight: bold;
}
.entry-readmore span {
	font-size: 0px !important;
}
.btn:focus,
button:focus {
	background-color: #023a2d !important;
	border-color: #023a2d !important;
}
.btn:hover {
	color: #fff;
	background-color: #023a2d !important;
	border-color: #023a2d !important;
}
@media only screen and (max-width: 600px) {
	/* OTHER PAGES TITLES MOBILE*/
	.cms-custom-heading h1 {
		margin-top: 195px !important;
		font-size: 0px !important;
		line-height: 0px !important;
	}
	.cms-custom-heading h1 span {
		font-size: 45px !important;
		line-height: 55px !important;
		font-weight: 550 !important;
	}
}
@media only screen and (max-width: 600px) {
	.timeline-year {
		display: inline-block !important;
	}
}
@media only screen and (min-width: 600px) {
	.timeline-year {
		display: none !important;
	}
}
.item-title {
	color: var(--e-global-color-653705c) !important;
}
#site-header-wrap.header-layout1 .site-header-top .header-top-left i {
	color: var(--color-primary) !important;
}
#site-header-wrap .search-form .searchform-wrap .search-field {
	color: #ffffff !important;
	font-size: 1rem !important;
}
#site-header-wrap.header-layout1 .site-header-top .header-top-item .header-top-item-inner {
	font-size: 1rem !important;
	color: #f4f4f4;
}
#main-menu-mobile .btn-nav-mobile:before,
#main-menu-mobile .btn-nav-mobile:after,
#main-menu-mobile .btn-nav-mobile span {
	background-color: #fff !important;
}
.sub-menu li a {
	color: #474341 !important;
	font-size: 1.125rem !important;
}
@media screen and (min-width: 1200px) {
	.primary-menu > li > a {
		font-size: 1.125rem !important;
	}
	.site-header-menu-2 .primary-menu > li > a {
		font-size: 1rem !important;
	}
}
@media screen and (min-width: 1200px) {
	.cms-slick-carousel .slick-dots {
		display: none !important;
	}
}
ul.slick-dots {
	bottom: -36px;
}
.slick-dots li {
	display: flex;
	margin: 0 5px !important;
}
.slick-dots li button {
	background-color: #023a2d !important;
}
.slick-dots li.slick-active button {
	background-color: var(--color-primary) !important;
}
#site-header-wrap #site-header.h-fixed {
	background-color: #1b4d41 !important;
}
.btn-text {
	color: #023a2d !important;
	border-bottom: 2px solid #023a2d !important;
	font-size: 0px !important;
}
.btn-text:before {
	content: "Mehr dazu";
	font-size: 14px !important;
}
@media screen and (max-width: 767px) {
	.cms-post-grid-layout1 .entry-body,
	.cms-post-carousel-layout1 .entry-body {
		padding: 31px 30px 40px 30px !important;
	}
	.content-area h2:not(.no-responsive),
	.content-area .h2:not(.no-responsive) {
		font-size: 40px !important;
		line-height: 44px !important;
	}
}
.cms-post-grid-layout1 .entry-title,
.cms-post-carousel-layout1 .entry-title {
	font-weight: bold !important;
	font-size: 20px !important;
	line-height: 28px !important;
	margin-bottom: 25px;
	color: #1b4d41 !important;
}
.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6,
.single .h1,
.single .h2,
.single .h3,
.single .h4,
.single .h5,
.single .h6 {
	color: #1b4d41 !important;
	font-family: "FreightSansPro", sans-serif !important;
}
.btn i {
	margin-left: 0px !important;
	margin-right: 6px;
}
.single-hentry .entry-title {
	color: #1b4d41 !important;
}
.site-header-menu-2-mobilefix {
	display: none !important;
}
/* MOBILE top-bar FIX FOR PHONE */
@media screen and (max-width: 1200px) {
	.site-header-menu-2-mobilefix {
		display: flex !important;
		flex: 1;
	}
}

/* Blog Page */
body.post-template-default.single.single-post ul.entry-meta li.item-author,
body.post-template-default.single.single-post ul.entry-meta li.item-comment,
body.post-template-default.single.single-post div.entry-author-info,
ul.entry-meta > li.author {
	display: none;
}






/* DEFAULT PAGE TEMPLATE STYLES */

/* Helper Classes */
@media screen and (min-width: 1024px) {
	.flex-1 {
		flex: 1 !important;
	}	
}
.img-rounded, .img-rounded img {
	border-radius: 12px !important;
	overflow: hidden !important;
}

/* Header */
:is(.elementor-section-wrap, [data-elementor-id]) > .e-con.default-page-header,
.e-con.default-page-header,
.default-page-header {
	margin-left: -15px;
	margin-top: -110px;
	width: 100vw;
	max-width: 100vw;
	height: 50vw;
	min-height: 720px;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.default-page-header {
		min-height: 500px !important;
	}
	.default-page-header::before {
		background-image: linear-gradient(180deg, #FFFFFF00 20%, #FFFFFF 80%) !important;
	}
}
.default-page-header h1 {
	font-size: 34px !important;
	line-height: 38px !important;
	text-align: center !important;
	max-width: 1070px;
	margin: 0 auto;
}
.default-page-header div.custom-heading-description {
	text-align: center !important;
}
@media screen and (min-width: 1200px) {
	:is(.elementor-section-wrap, [data-elementor-id]) > .e-con.default-page-header,
	.e-con.default-page-header,
	.default-page-header {
		margin-left: calc((100vw - 1110px) / -2);
		max-height: 850px;
	}
	.default-page-header h1 {
		font-size: 52px !important;
		line-height: 56px !important;
	}
}
@media screen and (min-width: 1400px) {
	:is(.elementor-section-wrap, [data-elementor-id]) > .e-con.default-page-header,
	.e-con.default-page-header,
	.default-page-header {
		margin-left: calc((100vw - 1170px) / -2);
	}
}

/* Mobile Page Nav */
.default-page-mobile-nav.e-con {
	background-color: #f9f5f2;
	padding: 10px 15px;
	border-radius: 8px;
}
.default-page-mobile-nav.e-con .elementor-menu-toggle {
	background-color: transparent;
}
.default-page-mobile-nav.e-con nav {
	width: calc(100vw - 50px) !important;
	margin: 0 25px !important;
	left: calc(-100vw + 64px) !important;
	background-color: #f9f5f2;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.default-page-mobile-nav.e-con nav > ul {
	padding: 10px 0px;
}
.default-page-mobile-nav.e-con nav > ul > li > a {
	background-color: #ffffff;
	font-size: 16px;
	padding: 15px 20px;
	margin: 5px 15px;
	border-radius: 12px;
}
.default-page-mobile-nav.e-con nav > ul > li > a:hover {
	background-color: var(--color-primary) !important;
	color: #ffffff !important;
}
.default-page-mobile-nav.e-con .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
	background-color: var(--color-primary);
}

/* Sidebar Nav */
.default-page-nav-bar div.cms-navigation-menu {
	padding: 20px 20px 25px;
	margin-bottom: 25px;
}
.default-page-nav-bar div.cms-navigation-menu h3 {
	margin-bottom: 15px;
}
.default-page-nav-bar div.cms-navigation-menu > div > ul.menu > li > a {
	border-radius: 12px;
	padding: 12px 30px;
}

/* Contact Cards */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.default-page-contact-cards,
	.e-con-full.default-page-contact-cards {
		flex-direction: column;
	}
}
@media screen and (max-width: 1023px) {
	.e-con-full.default-page-contact-cards > .e-con.e-con-boxed {
		padding: 30px 20px;
	}
	.e-con-full.default-page-contact-cards > .e-con.e-con-boxed > .e-con-inner {
		padding: 0px
	}
}

/* Text Content */
.default-page-template .elementor-widget-text-editor h3 {
	margin-bottom: 20px;
	font-size: 26px !important;
	line-height: 30px !important;
}
.default-page-template .elementor-widget-text-editor h4 {
	margin-bottom: 16px;
	font-size: 24px !important;
	line-height: 28px !important;
}
.default-page-template .elementor-widget-text-editor a {
	text-decoration: underline;
}

/* Image Slider */
.default-page-template .elementor-swiper, .default-page-template .elementor-swiper .swiper-slide.swiper-slide-duplicate {
	border-radius: 12px;
	overflow: hidden;
}

/* Phone Number in default header */
.site-header-item.site-header-phone a,
.site-header-item.site-header-phone i {
	color: #f1f1f1 !important;
	font-size: 16px !important;
}
.site-header-item.site-header-phone::after {
	display: none !important;
}

.header-layout2 .site-header-item.site-header-search {
	display: none !important;
}