/* 
Theme Name: Willow Homecare
Description: Willow Homecare is a child theme of Customify
Author: Skyline Internet
Template: customify
Version: 1.0.0
*/

:root {
  --primaryColor: #0183c1;
  --secondaryColor: #52bbbf;
}

#page-titlebar .titlebar-title {
  color: var(--primaryColor) !important;
}


/*Header - Dropdown Menu*/
.nav-menu-desktop .sub-menu {
  padding: 20px 0 0 10px !important;
  background: none !important;
  box-shadow: none !important;
  width: 19em !important;
}

.nav-menu-desktop .sub-menu li a {
  background-color: var(--primaryColor);
  border-color: rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid;
}

.nav-menu-desktop .sub-menu li a:hover {
  background-color: rgba(1, 131, 193, 0.9) !important;
}

.nav-menu-desktop .sub-menu .link-before {
  font-size: 16px;
  color: #fff;
}

/*Header - Contact Details*/
.builder-header-html-item {
  background-color: var(--primaryColor);
  padding: 10px 20px;
  border-radius: 0px 0px 5px 5px;
}

.builder-header-html-item .fa-phone-alt {
  font-size: 12px;
  font-family: "Font Awesome 5 Free" !important;
}

.builder-header-html-item .fa-envelope {
  margin-left: 20px;
  font-size: 12px;
  font-family: "FontAwesome";
  font-style: normal;
}

/*Footer*/

.footer-main h4.widget-title {
  text-transform: capitalize !important;
  font-weight: 600;
  font-size: 18px;
}

.footer-main {
  font-family: "Montserrat", Sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.footer-main .widget-area .widget_nav_menu li {
  argin-bottom: 3px !important;
  text-indent: -12px;
  margin-left: 10px;
}

.footer-main .widget-area .widget_nav_menu li a:before {
  content: "- ";
}

.footer-main .widget-area .widget_nav_menu li a {
  border: none;
  padding-bottom: 0 !important;
}

.footer-bottom .footer--row-inner p {
  font-family: "Montserrat", Sans-serif;
  font-weight: 300;
  font-size: 13px;
}


/*Pages*/
b,
strong {
  font-weight: 500 !important;
}

.page-titlebar {
  background: none !important;
  border-bottom: none !important;
  padding-top: 30px !important;
}

.page-titlebar h1 {
  font-size: 25px;
}

main .elementor p a {
  text-decoration: underline;
}

main .entry-content .elementor p {
  text-align: justify !important;
}

div#n2-ss-1 .n2-font-dca008a07d9cc9e7005f2494a12e6adf-paragraph{
  text-align: right !important;
}

/*Contact Form*/
.wpcf7 label {
  font-weight: 500;
}

.wpcf7-list-item {
  margin: 0 0;
  font-size: 0.85em;
}

.wpcf7 input,
.wpcf7 textarea {
  box-shadow: none !important;
  font-family: "Montserrat";
}

.wpcf7 input[type="submit"] {
  border-radius: 5px 5px 5px 5px !important;
  text-transform: none !important;
  background-color: var(--primaryColor) !important;
}

/*Mobile*/
#header-menu-sidebar-inner .builder-header-html-item {
  background-color: transparent !important;
  padding: 0 !important;
}

#header-menu-sidebar-inner .builder-header-html-item .top-link {
  display: block;
  color: #fff;
  margin-bottom: 0.4em;
}

#header-menu-sidebar-inner .builder-header-html-item .fa-envelope {
  margin-left: 0 !important;
}

#header-menu-sidebar-inner ul.sub-menu {
  background-color: #948cb1;
}

#header-menu-sidebar-inner ul.sub-menu li.current-menu-item {
  background-color: rgba(255, 255, 255, 0.05);
}

footer .builder-first--footer-6 .textwidget p {
  text-align: right !important;
}

.elementor-shape .elementor-shape-fill {
  fill: var(--primaryColor) !important;
}

@media (max-width: 768px) {
  .site-footer .footer-bottom-inner .builder-item {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  body.home .n2-ss-slider {
    min-height: 630px;
  }

  footer .builder-first--footer-6 .textwidget p {
    text-align: center !important;
  }

  .xs-cols-1 {
    columns: 1 !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body.home .n2-ss-slider {
    min-height: 600px;
  }
}

footer a {
  word-wrap: break-word;
}
