@charset "UTF-8";
/*
Theme Name: Mitec Medical LLC
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mitec Medical LLC is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
input:not([type="checkbox"]):not([type="radio"]), select {height: 42px;}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin: 0;}
.alignright {float: right;}
.alignleft {float: left;}
img.aligncenter {margin: 0 auto;}
img.alignleft {float: left; margin: 0 30px 30px 0;}
.profesionals-list ul, .patients-list-selected ul {margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.profesionals-list ul li, .patients-list-selected ul li {width: 45%;}
.patients-list ul {margin: 0; padding-left: 20px;}
.profesionals-list ul li::marker, .patients-list ul li::marker {color: #008AFF;}
.profesionals-list ul li, .patients-list ul li {margin-bottom: 20px;}
.profesionals-list ul li:last-of-type, .patients-list ul li:last-of-type {margin-bottom: 0;}
.highlighted-text {background: #EE581D;}

/*###################################
## Layouts
###################################*/

/*###################################
## Header
###################################*/
.elementor-editor-active #global-header {position: relative; background: #4A5963;}
#global-header.sticky {background: #162D5D;}
#global-header.sticky .wrapper {border: none;}

/*###################################
## Banner
###################################*/
#main-banner, #inner-banner {position: relative;}
#main-banner:before {content: ""; background: rgba(74,89,99,0.35); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1;}
#inner-banner:before {content: ""; background:url('https://www.mitecmedical.com/wp-content/uploads/2024/11/inner-banner-overlay.webp') no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1;}
#inner-banner .elementor-icon-wrapper {display: flex;}

/*###################################
## Content
###################################*/
#medical-devices .content h2 span {color: #0B8DFF;}
#medical-devices .content .elementor-widget-text-editor ul {padding-left: 20px; margin: 0; column-count: 2; column-gap: 30px;}
#medical-devices .content .elementor-widget-text-editor ul li::marker {color: #008AFF;}
#specialties .content-wrapper .main-image-wrapper {position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
#specialties .content-box .offset:before {content: ""; background: url('https://www.mitecmedical.com/wp-content/uploads/2024/11/specialty-offset-pointer.webp') no-repeat; background-size: 100% 100%; position: absolute; right: -7px; top: 50%; width: 7px; height: 14px; margin-left: auto;  transform: translateY(-50%); z-index: 1;}
#specialties .content-box .right:before {right: 0 ; left: -7px; margin-right: auto; margin-left: 0; transform: rotate(180deg);}
#specialties .content-box .offset .elementor-button {transition: none !important; text-decoration: underline !important;}
#specialties .content-box .box:hover ~ .offset {visibility: visible !important;}
#specialties .content-box .box:not(:hover) ~ .offset {visibility: hidden !important; transition: visibility 2s;}
#specialties .content-box .icon:hover img {filter: brightness(0) invert(1);}
#specialties .content-box .box {pointer-events: none;}
#specialties .content-box .box .icon {pointer-events: auto; cursor: pointer;}
#specialties .content-box .line-wrapper {position: relative;}
#specialties .content-box .line-wrapper:before {content: ""; position: absolute; border: 3px solid #FFF; border-radius: 50%; background: #4A5963; width: 25px; height: 25px; z-index: 1; margin-left: auto; right: 0;}
#specialties .content-box .icon:hover ~ .line-wrapper:before {background: #008AFF;}

#specialties .content-box .cardiac-line:before {top: 4px; right: -5px;}
#specialties .content-box .liver-line:before {top: -87px; right: 37px;}
#specialties .content-box .pelvic-line:before {top: -67px; right: -15px;}
#specialties .content-box .cardiology-line:before {top: 4px; right: auto; left: -22px;}
#specialties .content-box .electro-line:before {top: -125px; right: auto; left: 11px;}
#specialties .content-box .endoscopy-line:before {top: -125px; right: auto; left: 11px;}
#specialties .content-box .peripheral-line:before {top: 4px; right: auto; left: 28px;}
#specialties .content-box .surgery-line:before {top: -275px; right: -10px;}

/*###################################
## Footer
###################################*/

/*###################################
## Urology and Pelvic Health Page
###################################*/
#urology .innovation .elementor-widget-text-editor ul {padding-left: 20px; margin: 0;}
#urology .innovation .elementor-widget-text-editor ul li {margin-bottom: 15px;}
#urology .innovation .elementor-widget-text-editor ul li:last-of-type {margin-bottom: 0;}
#urology .innovation .elementor-widget-text-editor ul li::marker {color: #008AFF;}

/*###################################
## About Us Page
###################################*/
#about-page .elementor-widget-text-editor .elementor-widget-container ul {padding: 0; list-style: none;}
#about-page .elementor-widget-text-editor .elementor-widget-container ul li {position: relative; padding-left: 20px;}
#about-page .elementor-widget-text-editor .elementor-widget-container ul li:before {content: ""; background: url('https://www.mitecmedical.com/wp-content/uploads/2024/12/list-image.webp') no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 18px; width: 10px; height: 5px;}
#about-page .elementor-widget-text-editor .elementor-widget-container ul li:not(:last-of-type) {margin-bottom: 25px;}
#about-page .where-we-are .content h2 span {color: #0B8DFF;}
#about-page .where-we-are .content .elementor-widget-text-editor ul {padding-left: 20px; margin: 0; column-count: 2; column-gap: 30px; list-style: disc !important;}
#about-page .where-we-are .content .elementor-widget-text-editor ul li {margin: 0 !important; padding: 0 !important;}
#about-page .where-we-are .content .elementor-widget-text-editor ul li:before {display: none !important;}
#about-page .where-we-are .content .elementor-widget-text-editor ul li::marker {color: #008AFF;}

/*###################################
## Request A Quote Page
###################################*/
#request-a-quote input::placeholder, #request-a-quote textarea::placeholder {opacity: 0 !important;}

/*###################################
## Contact Page
###################################*/
#contact-us .form-wrap input::placeholder, #contact-us .form-wrap textarea::placeholder {opacity: 0 !important;}

/*###################################
## News Archive
###################################*/
.post-tag-wrap .elementor-widget-container {display: flex; align-items: center; justify-content: flex-start; column-gap: 15px; row-gap: 15px; flex-wrap: wrap;}
.post-tag-wrap .elementor-widget-container span {font-family: 'IBM Plex Sans', sans-serif; font-size: 15px; font-weight: 700; color: #FFF; background: #008AFF; border-radius: 5px; padding: 10px; text-align: center; text-transform: uppercase;}
.post-featured-image-wrap .elementor-widget-theme-post-featured-image {height: 100%;}

/*###################################
## News Single
###################################*/
.single-post .elementor-widget-theme-post-content h2, .single-post .elementor-widget-theme-post-content h3 {margin-bottom: 20px;}
.single-post .elementor-widget-theme-post-content h5 {margin-bottom: 15px;}
.single-post .elementor-widget-theme-post-content p:not(:last-of-type) {margin-bottom: 45px;}
.single-post .elementor-widget-theme-post-content a {color: #008AFF; text-decoration: underline !important;}
.single-post .elementor-widget-theme-post-content img {display: block;}
.single-post .elementor-widget-theme-post-content iframe {max-width: none !important; width: 480px; height: 480px;}

/*###################################
## Responsive
###################################*/
@media screen and (min-width: 1367px) and (max-width: 1800px) {
	#medical-devices .map, #about-page .map {width: 60%;}
	#medical-devices .content, #about-page .content {width: 35%;}
}

@media screen and (min-width: 1367px) and (max-width: 1660px) {
	h2 {font-size: 40px !important;}
	#the-numbers h2 {font-size: 40px;}
	#the-numbers .elementor-counter-number, #the-numbers .elementor-counter-title {font-size: 65px;}
}

@media screen and (max-width: 1366px) {
	#specialties .content-box .line-wrapper:before {width: 20px; height: 20px;}
	#specialties .content-box .liver-line:before {top: -45px; right: 36px;}
	#specialties .content-box .pelvic-line:before {top: -50px; right: -22px;}
	#specialties .content-box .electro-line:before, #specialties .content-box .endoscopy-line:before {left: 7px;}
	#specialties .content-box .peripheral-line:before {top: 5px; left: 34px;}
	#specialties .content-box .surgery-line:before {top: -205px; right: -9px;}
	#about-page .elementor-widget-text-editor .elementor-widget-container ul li:before {top: 15px;}
	#about-page .elementor-widget-text-editor .elementor-widget-container ul li:not(:last-of-type) {margin-bottom: 15px;}
	.post-tag-wrap .elementor-widget-container span {font-size: 13px; padding: 8px 10px;}
	.single-post .elementor-widget-theme-post-content p:not(:last-of-type) {margin-bottom: 30px;}
}

@media screen and (max-width: 1200px) {
	#specialties .content-box .surgery-line:before {top: -190px;}
}

@media screen and (max-width: 1024px) {
	.profesionals-list ul li, #urology .innovation .elementor-widget-text-editor ul li, .patients-list ul li {margin-bottom: 10px;}
	#about-page .elementor-widget-text-editor .elementor-widget-container ul li:before {top: 13px;}
	#specialties .content-box .electro-line:before {top: -111px;}
	#specialties .content-box .endoscopy-line:before {top: -105px;}
	.single-post .elementor-widget-theme-post-content p:not(:last-of-type) {margin-bottom: 20px;}
	img.alignleft {float: none; margin: 0 auto 15px;}
}

@media screen and (max-width: 880px) {
	#specialties .content-box .offset {position: relative !important; box-shadow: -2px -1px 5px 2px rgba(0,0,0,0.3) !important;}
	#specialties .content-box .box:not(:hover) ~ .offset {visibility: visible !important;}
	#specialties .content-box .offset:before {right: 0 !important; left: -7px !important; margin-left: 0 !important; transform: rotate(180deg) !important;}
}

@media screen and (max-width: 767px) {
	#medical-devices .content .elementor-widget-text-editor ul, #about-page .where-we-are .content .elementor-widget-text-editor ul {column-count: 1;}
	.profesionals-list ul {columns: 1 !important;}
	#specialties .content-box .offset {box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3) !important;}
	#specialties .content-box .offset:before {left: 0; margin: 0 auto !important; top: -10px; transform: rotate(270deg) !important;}
	#about-page .elementor-widget-text-editor .elementor-widget-container ul li:not(:last-of-type) {margin-bottom: 10px;}
	.post-tag-wrap .elementor-widget-container {justify-content: center;}
	.single-post .elementor-widget-theme-post-content p:not(:last-of-type) {margin-bottom: 15px;}
	.single-post .elementor-widget-theme-post-content iframe {width: 100%; height: 280px;}
	.profesionals-list ul li, .patients-list-selected ul li {width: 100%;} 
}