/*
Theme Name: Sophie
Theme URI: http://demo.wphash.com/sophie
Author: Hastech
Author URI: http://hastech.company/
Description: Responsive WP WooCommerce Theme
Version: 1.1.8
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sophie
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
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.
Sophie is based on WPHash Starter theme http://wphash.com/.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Alignments
# Captions
# Content
    ## Posts and pages
    ## Comments
# Galleries
# Infinite scroll
# Media
# Widgets
# Clearings
# Browser Upgrade

--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #dedede;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; 
}
#content[tabindex="-1"]:focus {
    outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    text-align: center;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

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

/*.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}*/

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}
.gallery-item img{
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}
.widget select {
  height: 40px;
  width: 100%;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Browser Upgrade
--------------------------------------------------------------*/
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
header.page-header .page-title {
  margin-top: 0;
}


/*azad css (Unit test)*/

/* Heading font size */
.entry-content h1,
.single .blog-info h1,
.single .comments-area h1 {
    font-size: 40px;
}
.entry-content h2,
.single .blog-info h2,
.single .comments-area h2 {
    font-size: 30px;
    padding-top: 0;
}
.entry-content h3,
.single .blog-info h3,
.single .comments-area h3 {
    font-size: 22px;
}
.entry-content h4,
.single .blog-info h4,
.single .comments-area h4 {
    font-size: 20px;
}
.entry-content h5,
.single .blog-info h5,
.single .comments-area h5 {
    font-size: 18px;
}
.entry-content h6,
.single .blog-info h6,
.single .comments-area h6 {
    font-size: 16px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.single .blog-info h1,
.single .blog-info h2,
.single .blog-info h3,
.single .blog-info h4,
.single .blog-info h5,
.single .blog-info h6,
.single .copy h1,
.single .copy h2,
.single .copy h3,
.single .copy h4,
.single .copy h5,
.single .copy h6 {
    font-weight: inherit;
    ;
    font-family: 'Oswald';
    color: #303030;
}
.single .comments-area h2.comment-title,
.single .comments-area .comment-reply-title{
    font-size: 20px;
    letter-spacing: normal;
    font-weight: 500;
}

/*Listings fix*/
.entry-content ul,
.blog-info ul,
.copy ul {
    list-style: outside;
}
.entry-content ol,
.blog-info ol,
.copy ol {
    list-style: decimal;
}
.entry-content ul li,
.blog-info ul li,
.copy ul li,
.entry-content ol li,
.blog-info ol li,
.copy ol li {
    margin-bottom: 10px;
}
.entry-content li ul,
.blog-info li ul,
.copy li ul,
.entry-content li ol,
.blog-info li ol,
.copy li ol {
    margin-top: 10px;
}

.entry-content ul,
.blog-info ul,
.copy ul,
.entry-content ol,
.blog-info ol,
.copy ol {
    margin-left: 0;
    padding-left: 30px;
}
.entry-content > ul,
.blog-info > ul,
.copy > ul,
.entry-content > ol,
.blog-info > ol,
.copy > ol {
    margin-bottom: 20px;
}

code {
    color: #ff4136;
}
kbd {
    background: #303030;
}

/*blog post*/
.hentry.sticky .blog-page-title a{
    color: #388396;
}
.hentry.sticky .blog-page-title a::before{
    content: "\f2a6";
    font-family: 'Ionicons';
    display: inline-block;
    margin-right: 10px;
    color: #388396;
    -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
}
.hentry.sticky .blog-page-wrapper{
    border: 1px solid #388396;
    padding: 35px;
}
.format-link.hentry h3 a {
    border-bottom: 2px solid #388396;
}

.format-link.hentry h3 a:before{
    content: '\f14c';
    font-family: fontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #388396;
}
.blog-page-wrapper .blog-page-img img{
    display: block;
    margin: 0 auto;
}
.widget_recent_comments li::before{
    content: "\f007";
    color: #000000;
}


.sidebar-widget.widget_rss ul li::before{
    display: none;
}
.sidebar-widget.widget_rss ul li {
  margin: 0 0 25px;
}
.sidebar-widget.widget_rss ul li .rsswidget {
  color: #292929;
  display: block;
  font-size: 17px;
  margin-bottom: 5px;
}
.sidebar-widget.widget_rss ul li .rsswidget:hover {
  color: #388396;
}
.sidebar-widget.widget_rss ul li .rss-date {
  color: #808080;
  display: block;
}
.sidebar-widget.widget_rss ul li .rss-date:before {
  content: '\f073';
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}
.sidebar-widget.widget_rss ul li .rssSummary {
  display: block;
  margin: 10px 0;
  line-height: 1.8;
}
.sidebar-widget.widget_rss ul li cite {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.sidebar-widget.widget_rss ul li cite:before {
  content: '\f007';
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}
.widget_search i,
.widget_search form input,
.widget_search form input::placeholder{
    color:#292929;
}
.widget-area .sidebar-widget:last-child{
    margin-bottom: 0;
}

.edit-link{
    margin-top: 15px;
    display: block;
}
.tag-share .tag > span,
.tag-share .tag > a{
    font-size: .93em;
}
.product-action .yith-wcwl-add-button i.ajax-loading::before{
    display: none;
}
.product-button.text-center{
    margin-top: 30px;
}
.hentry .blog-page-title .pagination{
    margin-bottom: 15px;
}
.hentry .pagination{
  width: 100%;
}
p.logged-in-as{
    margin-bottom: 10px;
}
#secondary a{
    color: #000000;
}
#secondary a:hover{
    color: #388396;
}
.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: 12px;
    line-height: 17px;
    margin: 10px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    line-height: 1.8;
    color: #000000;
    text-align: center;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.entry-content .woocommerce-MyAccount-navigation  li{
    margin-bottom: 0;
}
.wc_payment_methods .woocommerce-notice.woocommerce-notice--info.woocommerce-info{
    text-transform: initial;
    font-family: "Poppins";
}
.blog-page-title .pagination > a{
    margin-top: 0;
}
.entry-content p input[type="password"],
.entry-content p input[type="submit"]{
    height: 40px;
    margin-right: 10px;
}
.entry-content p input[type="submit"]:hover{
    background: #388396;
    color: #fff;
}
.header-top .serch-container > i{
    line-height: 33px;
}
#secondary .widget_calendar tbody a{
    color: #388396;
}
.page .entry-content .post-title,
.page-title{
  margin-bottom: 20px;
  color: #303030;
  font-size: 28px;
  font-weight: 500;
  line-height: 27px;
}
.single .blog-info.entry-content{
    padding-bottom: 60px;
}

/*Gutenberg Compatibility*/
/*gallery*/
.entry-content .wp-block-gallery{
	padding-left: 0;
}

/*quote*/
.wp-block-pullquote blockquote{
	border-left: 0;
	margin: 0;
	padding: 0;
}
.wp-block-pullquote.is-style-default{
	border-top: 3px solid #363636;
	border-bottom: 3px solid #363636;
	margin: 35px 0 35px 0;
	padding: 15px 20px 15px;
}

/*common*/
.wp-block-media-text{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
}