/*
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 WordPress design 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, Geriatric Nurse, ICU Nurse, ER Nurse, or Surgical Nurse, this theme combines a professional appeal with modern functionality. Designed with a minimal, elegant, and sophisticated layout, the theme ensures a clean and beautiful presentation for medical organizations, recruitment agencies, or individual nurses. With its retina-ready, responsive, and mobile-friendly structure, it guarantees flawless performance across devices. Developers will appreciate its optimized code, secure and clean code, and faster page load time, ensuring reliability and efficiency. The theme offers extensive personalization options, including flexible customization options, shortcodes, and Bootstrap integration for effortless design control. Whether you want to display a banner, create an engaging testimonial section, or highlight your team with an interactive and animated design, this theme provides everything you need. The call to action button (CTA) and seamless social media integration make it easy to connect with patients, colleagues, or recruiters. Agency-friendly and translation-ready, the Expert Nurses is ideal for hospitals, healthcare agencies, or clinics looking for a modern, luxurious, and stunning online presence. With its clean code and developer-friendly structure, creating secure and scalable websites becomes simple. Its user-friendly interface ensures anyone can manage content effortlessly, while customization options allow for creative branding. Whether you’re a healthcare recruiter listing nursing jobs or a nurse practitioner building a professional site, this theme provides the tools to stand out. With its interactive features and professional design, Expert Nurses helps you showcase expertise, build trust, and engage audiences in the most impactful way.
Version: 0.2
Tested up to: 6.8
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;
  }
}