/*
Theme Name: Medi Creations
Theme URI: https://medicreations.com/
Author: Sage Digital Agency
Author URI: https://sage.agency/
Description: Medi Creations custom desigend theme by Sage Digital Agency Team.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: elementor-header, elementor-footer, elementor-menu, wp-form, full-width-template, smooth animation, blogs, Sticky post, Google Fonts 
Text Domain: medicreations

/* FONTS
-----------------------*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* COLOR
-----------------------*/
:root {
	--purple: #472451;
	--body: #1B151D;
	--black: #000000;
	--white: #ffffff;
	--gray: #d3d3d3;
}

/* MAIN STYLESHEET
----------------------*/
body,html{ overflow-x: hidden; }
body{
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.8;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: "Manrope", sans-serif;
	font-style: normal;
	font-weight: 600;
}
h1, .h1{ font-size: 78px; line-height: 1.2; }
h2, .h2{ font-size: 66px; line-height: 1.2; }
h3, .h3{ font-size: 50px; line-height: 1.2; }
h4, .h4{ font-size: 25px; line-height: 1.4; }
h5, .h5{ font-size: 20px; line-height: 1.1; }
h6, .h6{ font-size: 12px; line-height: 1; }

body.elementor-kit-6 h1,
body.elementor-kit-6 h2,
body.elementor-kit-6 h3,
body.elementor-kit-6 h4,
body.elementor-kit-6 h5,
body.elementor-kit-6 h6{
	color: inherit;
}
.cust-text-1 p{ font-size: 36px; line-height: 146%; letter-spacing: -2%;}
p{ padding: 0; margin: 0 0 15px 0; }
a{ color: var(--body); cursor: pointer; outline: 0; text-decoration: none; }
a:link{ color: var(--body); }
a:active{ color: var(--body); }
a:visited{ color: var(--body); }
a:hover{ color: var(--purple); text-decoration: none; }
a:focus{ outline: none; text-decoration: none; }
button:focus{ outline: unset; }
img{ max-width: 100%; }
a img{ border: 0; }
.w-100 img{ width: 100%; }
label{ cursor: pointer; }
iframe{ max-width: 100%; }
.secondary-color{
	color: #653977;
}
.bold-font{
	font-weight: 800;
}
.text-background-clip{
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.gradian-bg-base{
	background-image: linear-gradient(270deg, #4B235C 0%, #734586 100%);
	background-color: transparent;
}
.word-nowrap p {
  white-space: nowrap;
}
.elementor-kit-6 .margin-bottom-none p,
.margin-bottom-none p{
	margin-bottom: 0;
}
.elementor .image-rounded img{ border-radius: 10px}

/* PADDING & MARGINS 
----------------------*/
#main-content{ padding: 195px 0 35px 0; }
.theme-flush-top-space{ margin-top: -195px; }
.theme-flush-bottom-space{ margin-bottom: -35px; }

.full-width-left{ flex-grow: 1!important; margin-left: calc(((100vw - 1320px) /2*-1)) !important; }
.full-width-right{ flex-grow: 1!important; margin-right: calc(((100vw - 1320px) /2*-1)) !important; }

/* SEARCH FORM
----------------------*/
.wp-block-search__button{ padding: 15px!important; border-radius: 15px !important; }
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ padding: 5px 5px 5px 15px; border-radius: 15px; }
.search-form label{ position: relative; margin: 0; width: calc( 100% - 50px ); }
.search-form .search-field{ width: 100%; height: 50px; border: 1px solid var(--gray); border-radius: 0; padding: 10px 15px; margin-bottom: 0; }
.search-form .search-field:focus-visible{ outline: unset; }
.search-form .search-submit{
	float: right;
	width: 50px; height: 50px;
	padding: 0;
	background-color: var(--white);
	border: 1px solid var(--gray);
	border-radius: 0;
	cursor: pointer;
}
.search-form .search-submit i{ font-size: 18px; color: var(--body); }

/* POST COMMON
----------------------*/
.post-meta .meta{ display: inline-block; margin: 0 10px 3px 0; }
.post-meta .meta i, .post-meta .meta img{ margin-right: 2px; }
.post-categories{ padding: 0; margin: 0; display: inline-block; list-style-type: none; }
.post-categories a, .post-meta .meta a, .entry-title a{ color: inherit; }
#commentform label{ position: relative; background-color: unset; color: var(--black); top: 0; left: 0; padding: 0; margin-bottom: 5px; }
#commentform .form-group{ margin-bottom: 1.5rem; }

.recent-blogs .card-title.entry-title,
.elementor-posts .elementor-post__title a {	font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: -0.4px; }
.elementor-widget-archive-posts .elementor-posts  a.elementor-post__read-more,
.card-blog .card-body .card-text a.read-more{color: #472451;  font-size: 16px;font-weight: 700;line-height: 160%;letter-spacing: -0.32px;}
.recent-blogs .card-text.entry-content,
.elementor-widget-archive-posts .elementor-posts .elementor-post__excerpt p{color: rgba(27, 21, 29, 0.50); font-size: 16px; font-weight: 500; line-height: 160%;  letter-spacing: -0.32px;}
.elementor-post__text {	padding: 0 16px; }
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail{border-radius: 10px;}


/* WIDGET COMMON
----------------------*/
aside.sidebar .widget{ margin-bottom: 25px; }
aside.sidebar .widget ul{ margin: 0; padding: 0; list-style-type: none; }
aside.sidebar .widget ul li{ padding: 8px 0; border-bottom: 1px solid var(--gray); }

/* PAGINATION COMMON
----------------------*/
.pagination{ margin-bottom: 0; }
.pagination-wrap{ width: 100%; text-align: center; }
.page-item .page-link{ color: var(--white); background-color: #ec622c; border: 1px solid var(--gray); padding: 7px 15px; }
.page-item.active .page-link,
.page-item .page-link:hover{ color: var(--white); background-color: var(--black); border: 1px solid var(--gray); }
.page-item .page-link:focus{ box-shadow: unset; }
.page-item:first-child .page-link{ border-radius: 0	; }
.page-item:last-child .page-link{ border-radius: 0; }

/* BUTTONS 
----------------------*/
.btn{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 20px 30px;
	border-radius: 50px;
}
.btn.btn-theme{ color: var(--white); background: var(--purple); border: 1px solid var(--purple); }
.btn.btn-theme:hover{ color: var(--white); background: var(--body); border: 1px solid var(--body); }
.btn.focus, .btn:focus{ outline: unset; -webkit-box-shadow: unset; box-shadow: unset; }

/* HEADER
----------------------*/
.admin-bar .fixed-top{ top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .fixed-top{ top: 46px; }
}
.site-header{ position: relative; background-color: transparent; }
.site-header.elementor-sticky--effects{ background-color: var(--body); z-index: 1024; }

/* PAGE TITLES
----------------------*/
.sub-title h6{
	font-family: "Montserrat", sans-serif!important;
	font-size: 20px!important;
	font-weight: 400!important;
	line-height: 1!important;
	letter-spacing: 1px!important;
	text-transform: uppercase;
}

/* PAGE BANNER
----------------------*/
.video-banner{ padding: 470px 0 80px 0; }

/* HOME 
----------------------*/
.tt-box .elementor-inline-items .elementor-icon-list-item{
	margin: 0 0 10px 0;
	padding: 9px 12px;
	border-radius: 50px;
	border: 1px solid #472451;
	backdrop-filter: blur(20px);
}
.tt-box.light .elementor-inline-items .elementor-icon-list-item{ border: 1px solid #ffffff; }
.mb-video{ position: absolute!important; top: 0; left: 0; right: 0; width: 1100px; margin: 0 auto; }
.mb-video:before{
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	width: 100%; height: 100%;
	background: linear-gradient(270deg, rgba(240, 239, 244, 0.00) 88.74%, #F0EFF4 100%),
	            linear-gradient(90deg, rgba(240, 239, 244, 0.00) 83.04%, #F0EFF4 97.4%);
	z-index: 1;
}
.energy-box .elementor-inline-items .elementor-icon-list-item{
	margin: 0 0 10px 0;
	padding: 17px 30px 17px 20px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.15);
}
.medical-icon-box .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-icon{ margin-inline: unset !important; }
.treatments-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px!important; border-radius: 40px!important; }
.product-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px!important; border-radius: 40px!important; }

/* BLOG
------------------*/
.card-blog{ border: 0; margin-bottom: 20px; }
.card-blog .card-image{ position: relative; }
.card-blog .card-image img{ height: 240px; object-fit: cover; object-position: center center; border-radius: 20px; }
.card-blog .card-body{ padding: 20px; }
.card-blog .card-body .card-title{ font-weight: 700; }
.card-blog .card-body .card-title a:hover{ color: var(--purple); }
.card-blog .card-body .card-text p{ color: rgba(27,21,29,0.50); margin-bottom: 0; }
.card-blog .card-body .card-text a{ font-weight: 700; white-space: nowrap; }
.card-blog .card-body .card-text a:hover{ color: var(--purple); }

/* REQUEST A QUOTE & CONTACT US
--------------------------------*/
div.wpforms-container-full:not(:empty){ margin: 0!important; }
.wpforms-container .wpforms-field-layout{ padding: 0!important; }
div.wpforms-container-full .wpforms-field-label,
.wp-core-ui div.wpforms-container-full .wpforms-field-label{ margin: 0 0 6px 0!important; }
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full input[type=tel],
div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full input[type=email],
.wp-core-ui div.wpforms-container-full input[type=tel],
.wp-core-ui div.wpforms-container-full select{
	height: 55px!important;
	border: 0!important;
	border-bottom: 1.5px solid rgba(27, 21, 29, 0.10)!important;
	border-radius: 0!important;
}
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full input[type=email],
.wp-core-ui div.wpforms-container-full select{ padding: 0!important; }
div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full textarea{ border-radius: 0!important; }
.wpforms-container .wpforms-form input[type=text]:focus,
.wpforms-container .wpforms-form input[type=email]:focus,
.wpforms-container .wpforms-form input[type=number]:focus,
.wpforms-container .wpforms-form input[type=tel]:focus,
.wpforms-container .wpforms-form select:focus,
.wpforms-container .wpforms-form textarea:focus,
.wpforms-container .wpforms-form input[type=text].wpforms-error,
.wpforms-container .wpforms-form input[type=email].wpforms-error,
.wpforms-container .wpforms-form input[type=number].wpforms-error,
.wpforms-container .wpforms-form input[type=tel].wpforms-error,
.wpforms-container .wpforms-form select.wpforms-error,
.wpforms-container .wpforms-form textarea.wpforms-error,
.wpforms-container .wpforms-form input[type=text].wpforms-error:focus,
.wpforms-container .wpforms-form input[type=email].wpforms-error:focus,
.wpforms-container .wpforms-form input[type=number].wpforms-error:focus,
.wpforms-container .wpforms-form input[type=tel].wpforms-error:focus,
.wpforms-container .wpforms-form select.wpforms-error:focus,
.wpforms-container .wpforms-form textarea.wpforms-error:focus,
.wpforms-container .wpforms-form input[type=text].wpforms-error:hover,
.wpforms-container .wpforms-form input[type=email].wpforms-error:hover,
.wpforms-container .wpforms-form input[type=number].wpforms-error:hover,
.wpforms-container .wpforms-form input[type=tel].wpforms-error:hover,
.wpforms-container .wpforms-form select.wpforms-error:hover,
.wpforms-container .wpforms-form textarea.wpforms-error:hover{
	border: 0!important;
	border-bottom: 1.5px solid rgba(27, 21, 29, 0.10)!important;
	border-radius: 0!important;
    box-shadow: unset!important;
    outline: none!important;
}
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field{ padding: 6px 0!important; }
.wpforms-container .wpforms-field.wpforms-field-layout,
.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-layout{ padding: 0!important; }
div.wpforms-container-full input[type=submit],
div.wpforms-container-full button[type=submit], 
.wp-core-ui div.wpforms-container-full input[type=submit],
.wp-core-ui div.wpforms-container-full button[type=submit]{
	width: 100%; height: 55px!important;
	font-size: 16px!important;
	font-style: normal!important;
	font-weight: 700!important;
	line-height: 1!important;
}
div.wpforms-container-full input[type=submit]:focus:after,
div.wpforms-container-full button[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after{ content: unset!important; }
div.wpforms-container-full input[type=submit]:hover,
div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
.wp-core-ui div.wpforms-container-full input[type=submit]:hover,
.wp-core-ui div.wpforms-container-full input[type=submit]:active,
.wp-core-ui div.wpforms-container-full button[type=submit]:hover,
.wp-core-ui div.wpforms-container-full button[type=submit]:active{ color: var(--white)!important; background-color: var(--purple)!important; }

.page-id-53 .footer-top:first-child {
	display: none;
}

/* FOOTER
----------------------*/
.ft-address .elementor-icon-box-icon{ padding-top: 7px; }
.ft-address a{ color: var(--white); }
.ft-address a:hover{ color: var(--purple); }

/* HOVER
----------------------*/
a, a:hover, .btn, input[type=submit]{
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

/* Pagination - Navigation slider */
.carousel-arrow-top.elementor-widget-n-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button{
	top: -80px;
}
.carousel-nav-mobile-only .swiper-pagination{
	display: none;
}
.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper ~ .elementor-swiper-button.swiper-button-disabled{
	display: none;
}

/* FAQ */
.faqs.elementor-widget-n-accordion .e-n-accordion-item-title{
	padding-left: 0;
}
.faqs.elementor-widget-n-accordion details summary[aria-expanded="false"]{
	padding-top: 10px;
	padding-bottom: 25px;
}
.faqs.elementor-widget-n-accordion details > div{
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/* FOR LIGHT BACKGROUND */
.page-id-26 .elementor-location-header section .e-n-menu-title-text,
.page-id-26 .elementor-location-header section p,
.page-id-26 .elementor-location-header section span{
	color: #1B151D !important;
}
.page-id-26 .elementor-location-header section svg path{
	fill: #1B151D !important;
}
.page-id-26 .elementor-location-header section.elementor-sticky--effects .e-n-menu-title-text,
.page-id-26 .elementor-location-header section.elementor-sticky--effects p,
.page-id-26 .elementor-location-header section.elementor-sticky--effects span,
.page-id-26 .elementor-location-header section .elementor-button span{
	color: #FFFFFF !important;
}
.page-id-26 .elementor-location-header section.elementor-sticky--effects svg path{
	fill: #FFFFFF !important;
}

/* Blog List */
.blog-list .elementor-pagination .page-numbers {
	border: 2px solid #1B151D;
	border-radius: 50px;
	padding: 17px 25px;
	font-weight: 700;
}
.blog-list .elementor-pagination .page-numbers.active{
	background: #472451;
	border: 2px solid #472451;
	color: #fff;
}

.blog-list .elementor-pagination .page-numbers.prev,
.blog-list .elementor-pagination .page-numbers.next{
	background: #1B151D;
	color: #fff;
	padding: 17px 35px;
}
.blog-list  nav span.page-numbers.prev, nav span.page-numbers.next {
	display: none;
}
.blog-list .elementor-pagination{
	margin-top: 50px;
  	margin-bottom: 70px;
}


/* RESPONSIVE
----------------------*/
@media only screen and (max-width: 1399px) {
	h1, .h1{ font-size: 73px; }
	h2, .h2{ font-size: 62px; }
	h3, .h3{ font-size: 47px; }
	h4, .h4{ font-size: 24px; }
	h5, .h5{ font-size: 19px; }
	h6, .h6{ font-size: 12px; }
	.full-width-left{ flex-grow: 1!important; margin-left: calc(((100vw - 1140px) /2*-1)) !important; }
	.full-width-right{ flex-grow: 1!important; margin-right: calc(((100vw - 1140px) /2*-1)) !important; }
	.sub-title h6{ font-size: 19px!important; }
	.video-banner{ padding: 430px 0 70px 0; }
	.card-blog .card-image img{ height: 230px; }
}
@media only screen and (max-width: 1199px) {
	h1, .h1{ font-size: 68px; }
	h2, .h2{ font-size: 58px; }
	h3, .h3{ font-size: 44px; }
	h4, .h4{ font-size: 23px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 12px; }
	.full-width-left{ flex-grow: 1!important; margin-left: calc(((100vw - 960px) /2*-1)) !important; }
	.full-width-right{ flex-grow: 1!important; margin-right: calc(((100vw - 960px) /2*-1)) !important; }
	.sub-title h6{ font-size: 18px!important; }
	.video-banner{ padding: 400px 0 60px 0; }
	.card-blog .card-image img{ height: 220px; }
	.card-blog .card-body{ padding: 15px; }
}
@media only screen and (max-width: 991px) {
	h1, .h1{ font-size: 63px; }
	h2, .h2{ font-size: 54px; }
	h3, .h3{ font-size: 41px; }
	h4, .h4{ font-size: 22px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 12px; }
	.full-width-left{ flex-grow: unset!important; margin-left: unset!important; }
	.full-width-right{ flex-grow: unset!important; margin-right: unset!important; }

	.site-header:after{ width: 100%; }
	.site-header.mobile-menu-active{ background-color: var(--body)!important; background-image: unset!important; }
	.site-header .elementor-widget-n-menu .e-n-menu-toggle,
	.site-header .elementor-widget-n-menu .e-n-menu-toggle:focus,
	.site-header .elementor-widget-n-menu .e-n-menu-toggle:hover{ border-radius: 0; background-color: unset!important; border: 0!important; }
	.site-header .e-n-menu-wrapper{ padding: 20px 40px; background-color: var(--body)!important; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item{ width: 100%!important; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item .e-n-menu-title{
		padding: 40px 0!important;
		font-size: 20px!important;
		font-weight: 700!important;
		line-height: 140%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
		justify-content: space-between;
	}
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item:last-child .e-n-menu-title{ border-bottom: 0!important; }
	.site-header .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content{ width: 100%; }
	.products-menu{ background-image: unset!important; }
	.treatments-menu{ background-image: unset!important; }
	.company-menu{ background-image: unset!important; }

	.sub-title h6{ font-size: 17px!important; }
	.video-banner{ padding: 320px 0 30px 0; }
	.card-blog .card-image img{ height: 210px; }

	.treatments-carousel.menu .swiper-pagination-bullet{ display: none; }
	.product-carousel.menu .swiper-pagination-bullet{ display: none; }
}
@media only screen and (max-width: 767px) {
	h1, .h1{ font-size: 58px; }
	h2, .h2{ font-size: 50px; }
	h3, .h3{ font-size: 38px; }
	h4, .h4{ font-size: 21px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 12px; }
	.site-header .e-n-menu-wrapper{ padding: 20px 35px; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item .e-n-menu-title{ padding: 35px 0!important; }
	.sub-title h6{ font-size: 16px!important; }
	.video-banner{ padding: 300px 0 10px 0; }
	.card-blog .card-image img{ height: 200px; }
	.cust-text-1 p{ font-size: 24px;}
	
	.carousel-arrow-top.elementor-widget-n-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button{top: inherit;}
	.carousel-nav-mobile-only .swiper-pagination{display: block;}
	
	.blog-list .elementor-pagination{ text-align: left !important; margin-bottom:0;}
	.blog-list .elementor-pagination .page-numbers{ display: inline-block; margin-bottom: 40px}
	.blog-list nav.elementor-pagination span.page-numbers.prev, 
	.blog-list nav.elementor-pagination span.page-numbers.next {display: none;}
	.elementor-widget-n-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button.elementor-swiper-button-prev { left: 40px; }
}
@media only screen and (max-width: 575px) {
	h1, .h1{ font-size: 52px; }
	h2, .h2{ font-size: 44px; }
	h3, .h3{ font-size: 34px; }
	h4, .h4{ font-size: 20px; }
	h5, .h5{ font-size: 18px; }
	h6, .h6{ font-size: 12px; }
	.site-header .e-n-menu-wrapper{ padding: 20px 20px; }
	.site-header .e-n-menu-wrapper .e-n-menu-heading .e-n-menu-item .e-n-menu-title{ padding: 30px 0!important; }
	.sub-title h6{ font-size: 15px!important; }
	.video-banner{ padding: 280px 0 10px 0; }
	.energy-box .elementor-inline-items .elementor-icon-list-item{ width: 100%; }
	.card-blog .card-image img{ height: auto; }
	.card-blog .card-body{ padding: 20px 15px; }
}