/*
Theme Name: Expert Nurses
Theme URI: https://www.seothemesexpert.com/products/expert-nurses-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Expert Nurses is a multipurpose free theme crafted to highlight the dedication, skills, and expertise of healthcare professionals. Perfect for showcasing nursing jobs or building portfolios for a Registered Nurse, Licensed Practical Nurse, Nurse Practitioner, Clinical Nurse, Pediatric Nurse, Medical Center, Primary Care, Family Clinic, General Physician, online pharmacy, pharmacy services, Geriatric Nurse, ICU Nurse, ER Nurse, or Surgical Nurse, this theme combines a professional appeal with modern functionality for hospitals, healthcare agencies, medical clinics, and recruitment websites. Designed with a minimal, elegant, and sophisticated layout, it ensures a clean and beautiful presentation for medical organizations and nursing portfolios. With its retina-ready, responsive, and mobile-friendly structure, it guarantees flawless performance across devices. The Expert Nurses theme supports essential plugins such as WooCommerce, Contact Form 7, Yoast SEO, and Jetpack for enhanced performance, job listings, SEO optimization, and lead generation. Developers will appreciate its optimized and secure coding, Bootstrap framework, shortcodes, and fast page load speed that ensure reliability and scalability. From interactive banners, doctor profiles, and testimonial sections to team showcases and animated design elements, this theme provides everything needed to create a professional and engaging healthcare website. The call to action buttons (CTA) and integrated social media options make it easy to connect with patients, colleagues, or recruiters. Its agency-friendly, translation-ready, and SEO-optimized structure makes it ideal for hospitals, healthcare recruiters, nursing schools, and clinics seeking a modern online presence. With its user-friendly interface and flexible customization options, anyone can manage content, adjust colors, and add branding effortlessly. Whether you’re posting nursing jobs, promoting healthcare services, or building a nurse practitioner profile, the Expert Nurses theme helps you create a secure, engaging, and impactful website that builds trust and enhances visibility.
Version: 0.4.0
Tested up to: 6.9
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: expert-nurses
Template: expert-dental-specialist
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, e-commerce, education, portfolio

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.
*/
:root {
    --color-primary1:#E55368 ;
    --color-primary2: #141D4F;
    --font-awesome: 'FontAwesome';
}
.footer-area{
  background-color: var(--color-primary2);
}
a{
  text-decoration: none;
  color: var(--color-primary2);
}
.blog-item.inner-related-post .post-title a{
  color: var(--color-primary2);
  text-decoration: none;
}
.singel-page-area a{
  color: var(--color-primary2);
}
.navbar-menubar .main-navigation .menu li.current_page_item > a,
 .navbar-menubar .main-navigation .menu li.current-menu-item > a{
  color: var(--color-primary1);
}
.inner_searchbox{
  background: rgb(4 14 34 / 50%);
}
#slider .more-btn a{
  background-color: var(--color-primary1);
}
#slider .more-btn .slider-btn1:hover, .top-header{
  background-color: var(--color-primary2);
}
.contact-content a:hover, .main-navigation .menu > li > a:hover, .page_item a:hover,
.header-details i:hover, .logo h1.site-title a:hover, .logo p.site-title a:hover{
  color: var(--color-primary1);
}
#slider .highlighted-word{
  color: #fff !important;
  font-weight: 800;
}
#slider .inner_carousel h1 a, #slider .slider-content{
  color: #fff;
}
#slider::before{
  background: var(--color-primary2);
}
.customzer-rating{
  background-color: #48668d;
  border-top: 21px solid #48668d;
  border-left: 21px solid #48668d;
}
.half-width-border-top::before{
  border-top: 21px solid #48668d;
}
.abt-cat{
  background-color: #48668d;
  border-left: 21px solid #48668d;
}
.wp-block-heading a{
  text-decoration: underline;
  color: #000;
}
/*--------------------------------------------------------------
service CSS
--------------------------------------------------------------*/
#service-sec .serv-short{
  font-size: 18px;
  color: var(--color-primary1);
  font-weight: 500;
  position: relative;
}
#service-sec .serv-short:before{
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary1);
  top: 55%;
  left: auto;
  margin-right: 6px;
  right: 100%;
  width: 30%;
  bottom: auto;
  transform: translateY(-50%);
}
#service-sec h2{
  font-size: 35px;
  font-weight: 600;
  color: var(--color-primary2);
}
#service-sec .cat-inner-box img, .post-color{
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 10px;
}
.post-color{
  background-color: var(--color-primary2);
}
.cat-inner-box {
    background: #fff;
    border-radius: 10px;
}
#service-sec .post-content , #service-sec .post-icon{
  position: absolute;
  bottom: 0;
  color: #fff;
  transition: all 0.3s ease;
}
.inner-content {
    border: 1px solid #90878740;
    margin-top: -10px;
    width: 80%;
    margin: 0 auto;
    border-top: none;
    border-radius: 0 0 10px 10px;
}
.inner-content h3{
  line-height: 1;
  font-weight: 700;
}
.inner-content h3 a {
  color: var(--color-primary1);
  font-size: 24px;
  text-decoration: none;
}
.cat-inner-box:hover img{
  box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.2);
}
.cat-inner-box:hover .inner-content{
  background: var(--color-primary1);
} 
.cat-inner-box:hover h3 a{
  color: #fff;
}
.cat-inner-box p.team-role{
  font-size: 17px;
  color: #00000080;
  font-weight: 600;
}
.cat-inner-box:hover p.team-role{
  color: var(--color-primary2);
}
@media (max-width: 767px) {
  .rating-col{
    bottom: 11%;
  }
  #slider::before{
    background:none;
  }
  #slider{
    background: var(--color-primary2) !important;
  }
  .inner-content{
    padding: 10px !important;
  }
  .cat-inner-box p.team-role{
    font-size: 13px;
  }
  .inner-content h3 a{
    font-size: 18px;
  }
  #service-sec .cat-inner-box img, .post-color{
    height: 250px;
  }
  #service-sec .serv-short{
    font-size: 14px;
  }
  #service-sec h2{
    font-size: 27px;
  }
  .half-width-border-top::before{
    right: 37%;
  }
  .customzer-rating{
    background-color: var(--color-primary2);
    border-top: 21px solid var(--color-primary2);
    border-left: 21px solid var(--color-primary2);
  }
  .half-width-border-top::before{
    border-top: 21px solid var(--color-primary2);
  }
  .abt-cat{
    background-color: var(--color-primary2);
    border-left: 21px solid var(--color-primary2);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .top-right{
    justify-content: center;
  }
  .inner-content{
    padding: 10px !important;
  }
  .cat-inner-box p.team-role{
    font-size: 13px;
  }
  .inner-content h3{
    line-height: 0.8;
  }
  .inner-content h3 a{
    font-size: 15px;
  }
  #service-sec .cat-inner-box img, .post-color{
    height: 230px;
  }
  #service-sec .serv-short{
    font-size: 14px;
  }
  #service-sec h2{
    font-size: 27px;
  }
  .half-width-border-top::before{
    right: 44%;
  }
  .rating-col{
    bottom: 17%;
  }
}
@media (min-width: 999px) and (max-width: 1024px) {
  .inner-content{
    padding: 10px !important;
  }
  .cat-inner-box p.team-role{
    font-size: 13px;
  }
  .inner-content h3 a{
    font-size: 18px;
  }
  #service-sec .cat-inner-box img, .post-color{
    height: 250px;
  }
  #service-sec .serv-short{
    font-size: 14px;
  }
  #service-sec h2{
    font-size: 27px;
  }
  .main-navigation i.fas.fa-caret-down.abc {
    font-size: 12px;
  }
  .main-navigation ul, .main-navigation .menu ul{
    gap: 14px 16px;
  }
  .slider-img-col img{
    height: 220px;
  }
 .rating-col{
  padding: 18px;
 }
 .navbar-menubar .main-navigation .menu > li > a, .page_item a{
  font-size: 12px;
 }
 #slider, #slider .slider-content-col, .slider-img-col{
  height: 500px;
 }
 #slider{
  margin: 0 2em 20px;
 }
}
@media (max-width: 1000px) {
  .contact-content a, .contact-content, .contact-content.call a, .contact i{
    font-size: 14px;
  }
}