@charset "UTF-8";

/*
Theme Name: Hospital Clinic
Theme URI: https://wordpress.org/themes/hospitalclinic/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Hospital Clinic is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Hospital Clinic elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hospitalclinic
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Hospital Clinic WordPress Theme, (C) 2020 WordPress.org
Hospital Clinic is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */
@import url("assets/css/style.css");
@import url("assets/css/blog.css");
@import url("assets/css/pagination.css");
@import url("assets/icofont/icofont.min.css");
@import url("assets/css/owl.carousel.min.css");

@import "assets/css/bootstrap.min.css";
@import "assets/css/fonts.css";
@import "assets/css/animate.css"; 
@import "assets/css/menu3.css"; /* Designer Only */
@import "assets/css/main.css"; /* Designer Only */

/*Developer CSS*/
@import "assets/css/responsive.css"; /* Designer Only */
.owl-carousel{
	display: block!important;
}
/* Variables */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@100;300;400;500;600;700&display=swap');
/* 1.0 - General */
html {scroll-behavior: smooth;}
body{margin: 0; background: #FFFFFF; }
table,div{font-family: 'Inter', sans-serif; font-size:16px; color:#333333; line-height:26px;}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #FFFFFF;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #FFFFFF;}/* Firefox 19+ */
:-ms-input-placeholder {color: #FFFFFF;}/* IE 10+ */
:-moz-placeholder {color: #FFFFFF;}/* Firefox 18- */

.no-js #loader {display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif") center no-repeat #fff;}

img{border:none;}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px; }

/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0 0 0 20px; padding: 0; list-style: none;}
ul li{list-style: disc; margin: 0 0 10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.dropdown-menu {font-size: inherit;}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent; padding: 0}
.navbar{border-radius: 0; position: relative; border: 1px solid transparent;}
.navbar-brand{padding: 35px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}

.row-am{width: 100%;}

/** 3.0 - Content **/
#content .row-am{padding: 40px 0;}

.navbar-brand {padding: 15px 0;}
.navbar-header img {width: 250px;}
.elementor-777 .elementor-element.elementor-element-1d38f62 nav.hfe-dropdown {background-color: #2F728D !important;}
.elementor-777 .elementor-element.elementor-element-1d38f62 nav.hfe-dropdown .menu-item a.hfe-menu-item {background-color: #2f728d !important;}