/*
Theme Name: Appointment Dark
Theme URI: https://webriti.com/appointment-dark-details-page/
Author: webriti
Author URI: https://www.webriti.com
Description: Appointment Dark WordPress Theme is a fully responsive and translation-ready theme that allows you to create stunning blogs and websites. The theme is well suited for companies, law firms, travel, photography, recipes, design, art, personal, and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablet friendly. It has various options in the WordPress Customizer to change the look of the theme. The theme customizer can be used to add your own custom header, favicon, logo, slides, services, callout, and much more. In the premium version, you can add different types of slides like video, aside, quote, status, and standard, all of which have a different HTML look. There are a number of in-built widgets; sidebars with support for WPML, the Polylang translation WordPress plugin and Contact Form 7; a portfolio template, contact us, portfolio column layouts, and many sections for business using the Homepage template.  Just navigate to Appearance / Customize to start customizing.
Tags: full-width-template, threaded-comments, two-columns, right-sidebar, left-sidebar, sticky-post, custom-menu, translation-ready, blog, footer-widgets, featured-images
Template: appointment
Version: 1.1.1
Requires at least: 4.5
Tested up to: 5.6
Requires PHP: 5.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: appointment-dark
*/

/*--------------------------------------------------------------
  Navbar2 Classes
--------------------------------------------------------------*/
.nav{padding: 15px 0;}
.navbar.navbar2 {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.navbar2.navbar-default {
  background-color: rgba(0, 0, 0,0.5) !important;
  border-color: transparent;
  height: 110px;
}

.slider2 .carousel-inner > .item > img {width: 100%;}
.navbar-default.navbar2 .navbar-toggle .icon-bar{background-color: #ddd;}
.navbar-default.navbar2 .navbar-toggle:hover .icon-bar,
.navbar-default.navbar2 .navbar-toggle:focus .icon-bar {
    background-color: #888;
}
@media (min-width:1101px ) {
	.navbar2.navbar-default .navbar-nav > li > a { color: #ffffff; }
	.navbar2 .cart-header > a.cart-icon ,.navbar2 .search-box-outer a  {
      color: #ffffff;
    }
    .navbar2 .cart-header {
      border-left: 1px solid #ffffff;
    }
}
@media (max-width: 1100px) {
  .navbar-default.navbar2 .navbar-collapse {
    border-color: #ffffff;
    padding: 0;
  }
  .navbar2 .navbar-nav {
   background-color: #111111;;
    padding: 20px;
    margin: 10px 0 0;
  }
}
.site-branding-text {
  text-align:left;
   margin: 0 auto;
  padding: 6px;
  display: block;
}
.site-branding-text .site-title {
   height: auto;
   font-weight: 600;
    font-size: 32px;
    line-height: 42px;
   margin: 0;
   padding: 0px;
        word-wrap: break-word;
}
.site-title a,.site-description{
  color: #fff;
}
.site-title a:hover,.site-title a:focus{
  color: #3a7558;
}
.site-description {
   padding: 0;
   margin: 0;
}

/*Service Section 2-------------------------------------------------------------------------------------------*/
.service-section2 .service-area{
	padding: 20px 24px;
    position: relative;
    background: #fff;
    margin-bottom: 32px;
    padding: 23px 20px;
    transition: 0.25s;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;}
.service-section2 .service-icon{position: relative;text-align: left;margin: 0 0 16px;float: none;}
.service-section2 i.fa {font-size: 36px;text-align: center;}
.service-section2 .media-body h3{display: block; margin: 0 0 19px;padding: 0;}
.service-section2 .media-body p{display: block;overflow: hidden;margin: 0px;}
.service-section2 .service-area:hover {
    color: #fff;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.service-section2 .service-area:hover i.fa {color: #fff;}
.service-section2 .service-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    transition: .5s;
    z-index: 0;
}
.service-section2 .service-area:hover::before {
    width: 100%;
}
.service-section2 .service-area:hover .media-body h3,.service-section2 .service-area:hover .media-body p{
   color: #fff;
    transition: 0s;
    position: relative;
    z-index: 1;
}

/*Top Callout Section----------------------------------------------------------------------------------------*/
.footer-contact-detail-section { margin: 50px 0 30px; padding: 0; width: 100%; }
.footer-section-heading-title {
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto 30px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    width: 97.4%;
}
.footer-section-heading-title h1 { margin: 0 0 10px; }
.footer-contact-area { margin: 0px; padding: 20px 0px; }
.footer-contact-icon { float: left; margin: 0 25px 0 0; padding: 0; }
.footer-contact-icon i { font-size: 45px; transition: all 0.3s ease-in-out 0s; }
.footer-contact-area:hover .footer-contact-icon i { padding-top: 10px; }
.footer-contact-area h6 { font-family: "OpenSansSemiBold"; font-size: 14px; letter-spacing: 1px; line-height: 20px; margin: 0 0 7px; }
.footer-contact-area h4 {
  font-family: "OpenSansSemiBold";
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 0 0px;
}
.service-section2 .service-area:hover .service-icon i {
     padding-top: 0px;
}
.blog .more-link{
    background-color: #1BBC9B;
}
.blog a.more-link:hover,.blog a.more-link:focus {
    background-color: #fff;
    color: #010101;
}
.blog-lg-area-left .panel-title > a {
    color: #333;
}
.blog-lg-area-left .panel-body {
    color: #727272;
}
.blog-lg-area-left .icon-box {
    background: #333;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 0;
}
.wpcf7-textarea {
  background-color: transparent;
}
input.wpcf7-form-control.wpcf7-text {
    color: inherit;
}

@media (max-width: 767px){
.navbar-default.navbar2 .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-default.navbar2 .navbar-nav .open .dropdown-menu > .active > a,
 .navbar-default.navbar2 .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default.navbar2 .navbar-nav .open .dropdown-menu > .active > a:focus{
  background-color: #1bbc9b;
}
}
.blog-lg-area-left .blog-content a, .comment-section .media-body a,.textwidget a{text-decoration:underline;}
.comment-section .comment-date a{text-decoration:none;}
.calendar_wrap table > caption, .wp-block-calendar table caption, .blog-content dl dt {
  color: #777 !important;
}
@media (max-width: 768px) {
  .site-branding-text {
      text-align: center;
  }
}