/*
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: Medical services are there to help people heal. Doctors, nurses, gynecologists, physiotherapists, psychiatrists, sars, covid-19, general clinics, dental, hospital, gynecology, veterinary clinics and even the ones who produce medicines are all important factors of society. We need to appreciate and cherish them! We are doing our bit by providing this amazing WordPress Mediquip plus theme.This WordPress theme is multipurpose, multilingual, and strong at functioning. It has an elegant and retina ready design. With the user-friendly layout, you can easily establish the website you like. Most importantly it has responsiveness. With this feature, your website will be faster and engaging. With the customization feature, you will be able to make any changes you want to it. Choosing WordPress Mediquip plus would be the best decision for you!
Version: 1.8.4
Tested up to: 5.6.1
Requires PHP: 5.6
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: mediquip-plus
Tags: blog, e-commerce, right-sidebar, custom-logo, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, 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;
}
.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
-------------------------------------- */
.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;
}