/*
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: 2.0.3
Tested up to: 5.6
Requires PHP: 7.2
Requires at least: 5.0
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), 2022.
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;
}
input:focus{
  border:2px solid #000;
}
.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;
}
.comment-content a{
  text-decoration: underline;
}
/* 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;
}

/* = header css
-------------------------------------- */
.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  padding: 25px;
}
.admin-bar .sticky-head{
  top: 32px;
  background: #00467c;
}

/* = header css
-------------------------------------- */
.header {
  background: #00467c;
  padding: 10px;
}
.header p, .header a.phn {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #ff9f43;
  padding: 20px 12px;
}

/* = 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;
}
a.rsswidget.rss-widget-title{
  font-size: 9px;
}
/* = 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;
}
/*scroll to top*/
#button{
  background: #ff9f43;
  color: #fff;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 60px;
  padding-top: 22px;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
  font-weight: 600;
}
/* = 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, p.site-title{
  font-size: 30px;
  margin:10px 0;
  text-transform: uppercase;
  font-weight: bold;
}
h1.site-title a, p.site-title a {
  color: #00467c;
}
h1.site-title a:hover {
  text-decoration: unset;
}

/* = menus css */
#mySidenav {
  display: inline;
}
.main-nav ul {
  margin: 0;
  padding: 0;
}
.main-nav li {
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 10px 18px;
  font-size: 15px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
}
.main-nav .menu-item-has-children > a::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
  transform: translateY(-50%) rotate(0deg);
}
.main-nav a:hover {
  color: #ff9f43;
}
.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
}
.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}
.main-nav ul ul a {
  color: #00467c;
  border: none;
  padding: 10px;
  margin-top: 5px;
}
.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 #f1f1f1;
}
.main-nav li ul {
  border-top: 3px solid #ff9f43 !important;
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
  background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  opacity: 1;
}
.main-nav ul li:hover > ul {
  opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
ul.sub-menu ul.sub-menu {
  left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu {
  left: -9999px;
}
.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 h1{
  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 h2 {
  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 h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
}
.title-box p{
  color: #fff;
}
.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;
  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;
  margin-top: 15px;
}
.pagemore:hover{
  background: #ff9f43;
  color: #fff;
}
select{ border:1px solid #ccc; width:100%;}

/* label css
---------------------------------------------- */
label{
  margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
  width: 100%;
}
aside.widget ul, .entry-summary li{
  list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
  margin-left: 0;
  margin-right: 0;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
nav.navigation.pagination {
    margin-top: 30px;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #ff9f43;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #ff9f43;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
input.search-submit{
  background-color: #ff9f43;
  color: #fff;
  border:none;
  padding: 16px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
#sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
#sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
}
#sidebar ul li::before {
  color: #ff9f43 !important;
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  margin-left: 2px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
    color: #333333;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
   color: #ff9f43;
}
#sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid #ff9f43;
    margin-bottom: 30px;
}
#sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
  padding: 3px 15px 5px 13px;
}
#sidebar .widget_nav_menu ul li a{ 
  line-height: 2.5;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar caption {
    background: #ff9f43 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: #ff9f43 none repeat scroll 0 0;
    color: #ffffff;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid #ff9f43;
    color: #ff9f43;
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
  border: 1px solid #ddd;
  padding: 5px;
  color:#252525;
}
#footer td, #footer th{
  color: #fff;
}
select {
    width: 100%;
    padding: 5px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff;
  padding: 5px;
}
.tagcloud a:hover{
  background-color: #ff9f43;
  border-color: #ff9f43 !important;
  color: #fff !important;
}
/*footer*/
#footer {
  background: #121212 none repeat scroll 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}
#footer ul li::before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}
#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}
#footer a,
#footer p {
  color:#fff;
}
#footer a:hover {
  color:#fff;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 30px;
}
.postsec-list article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
/* = Footer css
------------------------------------------- */
#footer{
  background-color: #003865;
  color: #fff;
}

#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {
  color: #fff;
}

.ftr-4-box{
	width:21%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:35px 0 15px;
}
.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;
}
.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;
  font-size: 18px;
}