/*
Theme Name: teahaven
Author: Yogesh Mathur
Text Domain: teahaven
Description: Welcome to teahaven, a serene sanctuary designed to provide a peaceful retreat from the hustle and bustle of daily life. Teahaven provides the tools you need to create a professional and user-friendly website.
Theme URI: 
Author URI:
Version: 1.9
Tags: food-and-drink, blog, one-column, right-sidebar, custom-colors, custom-logo, custom-menu, theme-options, featured-images, threaded-comments
Requires at least: 4.7
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Accessibility */
/* Text meant only for screen readers. */

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.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 !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus,.skip-link:focus  {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: 150px;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* universal css start */

a:hover {
    text-decoration: underline;
}

img, .wp-caption {
  
    height: auto;
    max-width: 100%;

} 

/* universal css end */


/* header.php css start */

 .teahaven-logo
{
	font-size: x-large;
    font-weight: 600;
}

.dropdown-menu {
  position: absolute !important;
}

.main-navigation ul li a {
  display: block;
  padding: 8px 20px;
  position: relative;
  z-index: 99;
  transition: all 0.3s ease;
  color: var(--dark-color); 
}

.dropdown-item{

  white-space: normal;
}


.nav-link {
  word-break: break-word;

}


.dropdown-toggle{
white-space: normal;
}


/* header.php css end */


/* search form css start */
#teahaven-searchform div
{
    display: flex;
  align-items: center;
  justify-content: center;
}

#teahaven-searchform input {
    padding: 5px 5px 5px 10px;
    border: 5px solid var(--primary);
    height: 45px;
  }
  
#teahaven-searchform button {
    padding: 5px;
    background-color: var(--primary);
    border: 5px solid var(--primary);
    font-size: large;
    color: #fff;
    transition: 0.5s linear;
    height: 45px;
  }
  
#teahaven-searchform button:hover {
    color: #000;
    transition: 0.5s linear;
    cursor: pointer;
  }

  .teahouse-button-tcolor
  {
    color: white;
  }

/* search form css end */




/* footer.php css start */
/* .footer .nav-link{
    color: #b0b9ae;
}

#nav_ul_footer li:focus-within ul {
    display: block;
}

.menu-item:hover .dropdown-menu {
    display: block;
  } */

  #teahaven-business-hours a{

    text-decoration: underline;
  }
  

/* footer.php css end */


/* content.php css start */

.teahaven-posted-in a {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 700;
	color: var(--primary);
  }

 .teahaven-posted-in a:hover{

    color:#6d903e;  
 }
  
  .teahaven-posted-in span {
    color: #ccc;
  }

  .blog_entry-content a,.category_link a{

	text-decoration: underline;
  }

  .updated:not(.published) {
	display: none;
  }

  .teahaven-content{

	background-color: #88b44e1a;
  }

  .comment-content a,
  #teahaven-blog-content a,
.textwidget a,
.teahaven-sidebar a,
.teahaven-category-link a,
.teahaven-blog_entry-content a,
.search_excerpt a, .entry-content a {
  text-decoration: underline !important;
} 

.post-nav-links{

  clear: both;
}

.blog .post-nav-links a
{
  text-decoration: none;
} 


.blog .post-nav-links a:hover
{
  text-decoration: underline;
} 

.teahaven-blog-post .blog-post-thumb img {
  width: 100%;
}

.post-nav-links {
  clear: both;
}

/* content.php css end */


/* index.php css start here */

.teahaven-blog-posts .teahaven-blog-post {
    background-color: #88b44e1a;
    padding: 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

}


.widget-area {
	background-color: #88b44e1a;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

#teahaven-blog-sidebar .wp-block-latest-posts li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/* index.php css end here here */


/* pagination css start here */

.pagination {
    width: 100%;
    text-align: center;
    margin: 40px 0px;
	display: block;
}

.pagination .current {
    background-color: #252c30;
}

.page-numbers {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
}

.pagination a:hover {
	color: #252c30;
}

/* pagination css end here */


/* page.php css start here  */

.teahaven-page-posts .teahaven-page-post {
    background-color: #88b44e1a;
    padding: 15px;
    margin-bottom: 20px;
}


/* breadcrumbs css start here  */
.breadcrumbs {
    background-color: #88b44e1a;
    padding: 70px 0px;
}

.breadcrumbs .bread-inner{

	text-align: center;
}

.breadcrumbs h2 {
    color: #252525;
    text-transform: capitalize;
    font-size: 38px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.breadcrumbs .bread-list {
    display: inline-block;
    margin-top: 20px;
}



.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    color: #252525;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    word-break: break-all;
}

.breadcrumbs ul li a {
    color: #252525;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li a:hover {
    color: #88b44e;
}


/* breadcrumbs css end here  */

/* single.php css start here */

#teahaven-blog-content {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    background-color: #88b44e1a;
    word-wrap: break-word;
}


.teahaven-post-title {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }

  .widget_text, .widget-area {
	word-wrap: break-word;
}

#teahaven-blog-content .post-thumbnail img
{
  width: 100%;
}

.entry-title{

  -ms-word-wrap: break-word;
  word-wrap: break-word;}

/* single.php css end here */

/* search.php css start here */


.teahaven-search-page {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  }


  #teahaven-search-s #s {
    width: 100%;
  }

/* search.php css end here */


/* comments.php css start here */

#respond {
    padding:0 10px 0 10px;
    }

     
    #respond input[type=text], #respond input[type=email], #respond input[type=url], textarea {
      transition: all 0.30s ease-in-out;
      outline: none;
      padding: 3px 0px 3px 3px;
      margin: 5px 1px 3px 0px;
      border: 1px solid #767676;
      width: 100%;
    
    }

    #respond input[type=text]:focus,
    input[type=email]:focus,
    input[type=url]:focus,
    textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0px;
    border: 2px solid rgba(81, 203, 238, 1);
    }


  #author, #email {
    font-family: "Open Sans", "Droid Sans", Arial;
    font-style:italic;
    color:#1d1d1d;
    letter-spacing:.1em;
    } 
        
  #url  {
  color: #1d1d1d;
  font-family: "Luicida Console", "Courier New", "Courier", monospace;
   }
      
      
 #submit {
    
    background-color:#88b44e;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #88b44e;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    } 
      
    #submit:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
    background-color:#88b44e;
    }
    #submit:active {
    position:relative;
    top:1px;
    }

  
    .fn a {
    font-size: 16px;
    font-weight: 600;
    }
    .comment-metadata {
    font-size: 14px;
    color: #767676;
    }

    .comment-metadata a {
    font-weight: 500;
    }

    .reply {
    margin-bottom: 20px;
    }

    

    .comment-reply-link {
    color: #88b44e;
    padding: 5px 8px;
    }

    .comment-reply-link:hover{
        color: #6d903e;
    }
    .comments-title {
    font-size: 24px;
    margin-bottom: 1.5em;
    }

    .comment-body {
    margin: 15px 0px;
    margin-left: 65px;
    border-bottom: 1px solid #cccccc;
    }

    .comment-list .children {
    background: #e1f3da;
    padding: 15px 20px;
    }

    .bypostauthor:before { 
      content:"Author";
      float:right;
      background-color:#88b44e;
      padding:5px;
      font-size:small;
      font-weight:bold;
      color:#FFFFFF;
      }
      .bypostauthor .avatar {
      border:1px dotted #88b44e;
      }

      .comment-content{

        margin-top: 20px;
      }
      
      .comment-author {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0.4em;
        position: relative;
        z-index: 2;
      }
      
      .comment-author .avatar {
        height: 50px;
        left: -65px;
        position: absolute;
        width: 50px;
      }

      .comment-metadata a.comment-edit-link {
        font-weight: 600;
        margin-left: 1em;
    }
/* comments.php css end here */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* sidebar css start here */

.widget-area .widget ul li, .widget-area .wp-block-heading {
  margin: 0 0 15px;
  border-bottom: 1px solid #eee;
  padding: 0 0 15px;
}

.widget-area .widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-title{
	margin: 0 0 40px;
	position: relative;
	font-weight: 600;
}

/* sidebar css end here */
.entry-content p:last-child{
  float: left;
}
.entry-content:after{
  content: '.';
  font-size: 0px;
  clear: both;
}