/*
Theme Name: Mediquip Plus
Theme URI: https://www.theclassictemplates.com/themes/free-mediquip-plus-wordpress-template/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: The year 2020 has shown us the most difficult time. It has put us through situations where we realized bunch of things. But we survived this disastrous year because of the medical services. Everyone from the medical industry has proven to be the real super-heroes. But to expand their reach even more, we present you Mediquip plus! This product will help them to connect with the world quickly and easily. This Mediquip plus free Wordpress theme can be the savior for medical industry. This theme is perfect for Sars, Covid-19, general clinics, dental, hospital, pediatric, overall medial websites, doctors, surgeons, gynecology, gynecologist, nursing home, hospitals, general therapist, veterinary clinics. Saving their time and efforts to create a functional website!. This Mediquip plus free Wordpress Theme is a combination of really amazing features. It is multipurpose with customization feature. You will be able to make any changes you want in it without touching the codes. It is multilingual and translation ready too. The Mediquip plus has responsive layout. It has SEO too, which will take care of your reach and viewership. It is device, user and browser friendly too. Your viewers can access it from anywhere and through anything. Plus it comes with social media assistance. All of these premium features you can get for free only here!
Version: 1.8.8
Tested up to: 5.8
Requires PHP: 5.6
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: mediquip-plus
Tags: blog, education, food-and-drink, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Mediquip Plus WordPress Theme has been created by classictemplate (theclassictemplates.com), 2016.
Mediquip Plus WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:13px;
  color:#333333;
  font-family: 'Open Sans', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
p{
  margin:0;
  padding:0;
}
a{
  text-decoration:none;
  color: #ff9f43;
}
a:hover{
  color:#333;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li, 
.entry-content ul li{
  margin-left:15px;
}
ul li ul, 
ul li ul li ul, 
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color: #00467c;
  font-family: 'Exo 2', sans-serif;
  margin:0 0 20px;
  padding:0;
  line-height:1.1;
  font-weight:bold;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous, 
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
.entry-content a,.entry-summary a,.widget_text a {
  border-bottom: solid 1px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,
input[type='submit']:focus,
input[type='search']:focus,
textarea:focus,
input[type='name']:focus,
input[type='email']:focus,
.toggle-nav button:focus,
a.close-button:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.boxlayout{
	width: 1140px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	box-shadow: 0 -8px 8px #8e8e8e;
}

/* = wide block css
-------------------------------------- */
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
.header-info {
  padding: 25px 0;
}
.header-info i {
  color: #ff9f43;
  font-size: 35px;
}
.header-info h6 {
  color: #1d1d1d;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 15px;
}
.header-info p {
  font-size: 15px;
}
.header-info .border-right{
  border-color: #acacac !important;
}
h1.site-title{
  font-size: 30px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a {
  color: #00467c;
}
h1.site-title a:hover {
  text-decoration: unset;
}

/* = header css
-------------------------------------- */
.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  z-index: 9999;
}
.admin-bar .sticky-head{
  top: 32px;
}
.header {
  background: #00467c;
}
.header p {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #ff9f43;
  padding: 20px 12px;
}

/* = menus css
-------------------------------------- */
#mySidenav {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-nav ul{
  margin: 0;
  padding: 0;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 20px 12px;
  font-size: 15px;
  display: block;
  font-weight: 500;
}
.main-nav a:hover{
  color: #ff9f43;
}
.main-nav a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #000;
  min-width: 250px;
  z-index: 9999;
  top: 70%;
  line-height: 30px;
  opacity: 0.9;
  border-radius: 5px;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px ;
  margin-top: 5px;
}
.main-nav ul ul a:hover,
.title-box p{
  color: #fff;
}
.main-nav ul ul a:focus{
  outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #565656;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}

/* = slider section css
-------------------------------------- */
#catsliderarea{ 
  padding-bottom: 30px;
}
.catwrapslider .owl-carousel .owl-stage-outer{
  background-color:#1d1d1d; 
}
.slidesection img {
  opacity: 0.6;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  height: fit-content;
}
.catwrapslider .owl-controls{ 
  position: absolute; 
  top: 50%;    
  right:auto; 
  left:auto; 
  width:100%;
}
.catwrapslider .owl-prev, 
.catwrapslider .owl-next { 
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  font-size: 40px;
  background: rgb(0 , 70, 124, 0.5);
  color: #fff;
}
.catwrapslider .owl-prev:hover,
.catwrapslider .owl-next:hover{
  background: #00467c;
}
.catwrapslider .owl-prev{
  left:10px;
}
.catwrapslider .owl-next{ 
  right:10px;
}
button.owl-prev span,
button.owl-next span{
  position: absolute;
  top: 45%;
  transform: translateY(-55%);
  left: 0;
  right: 0;
}
.owl-prev,
.owl-next {
  border: none;
  padding: 20px;
}
.catwrapslider{ 
  height:auto;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 28%;
  right: 28%;
  text-align: center;
}
.slider-box h3{
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.shop-now {
  margin: 25px 0;
}
.shop-now a {
  background: rgb(0 , 70, 124, 0.5);
  border: solid 2px #fff;
  color: #fff;
  padding: 10px 30px;
  font-size: 15px;
}
.shop-now a:hover {
  border-color: #00467c;
  background: #00467c;
  color: #fff;
}
button.owl-dot.active {
  width: 25px;
}
button.owl-dot {
  background: #00467c;
  width: 10px;
  height: 8px;
  border-radius: 6px;
  border: none;
  margin-right: 5px;
}
.owl-dots {
  position: relative;
  bottom: 54px;
  width: 75px;
  left: 125px;
}

/* = Facilities css
-------------------------------------- */

#second-sec h3 {
  font-size: 35px;
  color: #ff9f43;
  margin-bottom: 25px;
}
.line-box i {
  color: #00467c;
  background: #fff;
  padding: 5px;
  font-size: 25px;
  position: relative;
}
hr.line-hr {
  position: relative;
  margin-top: -18px;
  width: 170px;
  margin: 0 auto -18px;
  border-top: 2px solid #00467c;
}
.title-box {
  background: #00467c;
  outline: 1px solid #fff;
  outline-offset: -5px;
  padding: 25px;
  position: relative;
  top: -30px;
  margin: 0 15px;
}
.title-box:hover{
  background: #ff9f43;
}
.title-box h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
}
.title-box a {
  font-size: 15px;
  font-weight: 600;
  margin-top: 15px;
  display: block;
  color: #fff;
}

/* = Page layout css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.contentsecwrap{
  padding:25px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
  line-height:20px;
}
.listarticle{
   margin-bottom: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 5px solid #ededed;
  padding: 20px;
}
.listarticle h2 a{
  color: #00467c;
}
.listarticle h2 a:hover{
  color: #ff9f43;
}
.listarticle p{
  margin-bottom:10px;
}
.blog-meta{
  font-style:italic;
  margin-bottom:8px;
}
.post-date, 
.post-comment{
  display:inline;
  color: #252525;
} 
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.post-thumb{
  margin:0 0 15px 0;
}
.postmeta{
  margin-bottom:10px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.nav-links .page-numbers{
  padding:5px 10px;
  color:#111;
}
.pagemore {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  border: solid 2px #ff9f43 !important;
  padding: 8px;
  font-size: 12px;
  color: #ff9f43;
  display: inline-block;
}
.pagemore:hover{
  background: #ff9f43;
  color: #fff;
}
select{ border:1px solid #ccc; width:100%;}

/* = sidebar
---------------------------------------------- */
label{
  margin-bottom: 0;
}
aside.widget{
  margin-bottom:30px; 
  border:5px solid #ededed; 
  padding:20px;
}
aside.widget ul{ 
  list-style:none; 
}
h3.widget-title{ 
  padding:0 0 15px 0;
  border-bottom:1px solid #edecec; 
  font-size:18px;
  text-transform:uppercase;
}
#sidebar ul li{ 
  border-bottom:1px dashed #d0cfcf; 
  padding:8px 0;
}
#sidebar ul li a{ 
  color:#3b3b3b;  
  display:inline-block; 
}
#sidebar ul li a:hover{ 
  color:#ff9f43;
}
#sidebar ul li:last-child{ 
  border:none;
}
#sidebar.left{ 
  float:left;
}
#sidebar table{
  width:100%; 
  text-align:center;
}
#calendar_wrap caption{
  font-weight:700; 
  padding-bottom:10px; 
  text-transform:uppercase;
}
#sidebar select {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: solid 2px #252525;
}
#sidebar input[type="text"], 
#sidebar input[type="search"]{
  border: solid 2px #252525;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border: solid 2px #252525;
  background: #ff9f43;
  font-size: 15px;
  text-transform: uppercase;
}
#sidebar h1, h2, h3, h4, h5, h6{
  margin: 0 0 10px;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,
table{ 
  width:100%;
}
#sidebar .tagcloud a {
  border: solid 2px #252525;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #252525;
  padding: 5px;
}

/* = Footer css
------------------------------------------- */
#footer{
  background-color: #003865;
  color: #fff;
}
.ftr-4-box{
	width:21%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:35px 0 15px;
}
.widget-column-4 {
	margin-right:0px !important;
}
.ftr-4-box h5{
	font-weight:400;
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #9e9e9e;
	padding-bottom:15px;
	letter-spacing: 1px;
}
.ftr-4-box h5 span,
.ftr-4-box ul li a:hover, 
.ftr-4-box ul li.current_page_item a{
	color:#ff9f43;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0; 
	border-bottom:1px solid #9e9e9e;
}
.ftr-4-box ul li a,
.ftr-4-box a.readmore span,
.copywrap a {
	color:#fff;	
}
.ftr-4-box p{
	margin-bottom:15px;
}
.copywrap {
  background-color: #003865;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  border-top: solid 1px #8a8a8a;
}