/*
Theme Name:     smartwp
Theme URI:     https://smartsoftcode.com/preview/smartwp/
Author:         smartsoftcode
Author URI:      https://smartsoftcode.com/ 
Description:    SmartWp is a perfect theme for your project. You can make blog, portfolio website with this theme. It's can work with most popular page builder like elementor, divi, visual composer etc. It has a nice theme option. Let's enjoy it/
Version:        1.52
Text Domain:    smartwp
Tags:         left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options,custom-background, editor-style,custom-logo, threaded-comments,portfolio,blog
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public License
version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/


/*
    ==================
     Table of Contents
    ==================
    1.0 GENERAL
    2.0 TYPOGRAPHY
    3.0 GLOBAL STYLES
    4.0 NAVIGATION
        4.1 MOBILE MENU STYLE
    5.0 PAGE HEADER STYLE
    6.0 BLOG STYLE
        6.1 POST FORMAT VIDEO
        6.2 POST FORMAT AUDIO
        6.3 POST FORMAT QUOTE
        6.4 POST FORMAT LINK
        6.5 DEFAULT GALLERY POST
        6.6 POST FORMAT STATUS
        6.7 POST FORMAT CHAT
        6.8 PAGINATION
        6.9 INNER POST PAGINATION
        6.10 SINGLE POST PAGER
            6.1.1 COMMON STYLE FOR ALL WIDGETS
            6.1.2 WIDGET_SEARCH
            6.1.3 AUTHOR INFO WIDGET
            6.1.4 TAG CLOUD
        6.11 SINGLE POST
            6.2.1 AUTHOR BIO
            6.2.2 COMMENTS-WRAPPER
    7.0 404 PAGE
    8.0 FOOTER SECTION
    9 PRELOADER
===============================================*/
.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 {
    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;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

h3.comment-reply-title{
    padding-bottom: 10px;
}

.breadcrumb{
    background: #6767A0;
}

.breadcrumb li:after{
  content: " / ";
    }


.breadcrumb li:last-child:after{
  content: "  ";
    }
.view-icon img {
    max-width: 50px!important;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 3px;
    text-align: center;
}

.wp-caption figcaption{
    padding: 5px 0 0;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0 none;
    width: auto;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
}


.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    text-align: center;
}

.wp-caption figcaption {
    padding: 5px 0 0;
}

.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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

 .widget img {
    max-width: 100%;
    height: auto;
}
.widget p {
     color: #666666;
}
.widget select {
    width: 100%;
    height: 60px;
    padding: 10px 20px;
    color: #666;
    border: 1px solid #eee;
}

/*----------------------------
   3.0 widget_calendar
----------------------------*/
.widget_calendar .calendar_wrap {
    border: 0px solid #eee;
    padding: 0;
}
.widget_calendar .calendar_wrap table {
    width: 100%;
}
.widget_calendar .calendar_wrap table caption {
    padding: 7px 0 5px;
    color: #666;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.widget_calendar #today {
    color: #ff2a40;
}
/*----------------------------
   4.0 rss
----------------------------*/
.rssSummary{
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #4d4d56;
}
.widget_rss ul li a{
    color: #4d4d56;
    font-size: 14px;
}

cite a{
    font-size: 14px;
    font-style: italic;
    color:#4d4d56;
}

cite{
  font-size: 14px;
}

.rss-date{
  color:#4d4d56;
  font-size: 14px;
}

.widget_rss ul li{
  padding-bottom: 10px;
}

/*----------------------------
   5.0 search
----------------------------*/
.search-form{
    position: relative;
}

.search-form button{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 60px;
    background-color: transparent;
    border: 0;
}


.form-control {
    height: 60px;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border: 1px solid #eee;
    border-radius: 0;
}
.form-control:focus {
    border-color: #ff2a40;
}
.sticky {
    display: block;
    padding-top: 30px;
    border-top: 5px solid #2A9CF5;
    border-radius: 15px;
}
.single-blog-post .comments-area .comment-list,
.single-blog-post .comments-area .children{
    list-style-type: none;
    margin-top: 15px;
    padding-left: 0;
}

.single-blog-post .page-pagination {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 25px;
}
[type=search] {
    border: 1px solid #eee;
}
/*----------------------------
   6.0 blcokcqoute
----------------------------*/
 blockquote {
    padding: 3em 4em;
    background: #151525;
    color: #666;
    border: 0;
    margin: 0;
    position: relative;
    margin: 30px 0px;
}
 blockquote, 
 blockquote p span.post{
    font-style: italic;
    font-size: 17px;
    color:#2a9cf5;
}
 blockquote::before {
    position: absolute;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d";
    font-size: 30px;
    color: #4a5462;
    left: 25px;
    top: 40px;
}
/*----------------------------
   7.0 TABLE STYLE
----------------------------*/
table{
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th{
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.cart-page-inner-area table, .cart-page-inner-area table>tbody>tr>td{
     border: none;
}

.alignright {
    display: inline-block;
    float: right;
    margin-left: 1.5em;
}

/*----------------------------
   8.0 post format  gallery
----------------------------*/
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 97.8%;
    border: 1px solid #eee;
    padding: 5px;
    margin: 10px;
}
.gallery-columns-2 .gallery-item {
    max-width: 44.6%;
}
.gallery-columns-3 .gallery-item {
    max-width: 28%;
}
.gallery-columns-4 .gallery-item {
  max-width: 21.6%;
}

.gallery-columns-5 .gallery-item {
  max-width: 17%;
  margin: 5px;
}
.gallery-columns-6 .gallery-item {
  max-width: 15%;
  margin: 5px;
}

.gallery-columns-7 .gallery-item {
  max-width: 12%;
  margin: 5px;
}
.gallery-columns-8 .gallery-item {
  max-width: 10%;
  margin: 5px;
}
.gallery-columns-9 .gallery-item {
  max-width: 9%;
  margin: 5px;
}

.gallery-item img {
    width: 100%;
    height: auto;
}
.gallery-columns-7 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.gallery-columns-8 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.gallery-columns-9 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.format-gallery .gallery {
  border: 0;
}

.gallery-caption {
  display: block;
}

/*----------------------------
   9.0 post-format  status
----------------------------*/
.format-status p {
    background-color: #D5F1F9;
    padding: 10px 25px;
}

/*----------------------------
   10.0 post-format  chat
----------------------------*/
.format-chat  p:nth-child(even) {
    margin-left: 30px;
    background: #D5F1F9;
    border-radius: 0 15px 15px 15px;
}

.format-chat  p:nth-child(odd), .format-chat p:nth-child(even) {
    padding: 10px 25px;
    margin-top: 30px;
    position: relative;
}

.format-chat  p:nth-child(odd) {
    margin-right: 30px;
    background: #F5F5F5;
    border-radius: 15px 0 15px 15px;
}
/*----------------------------
   11.0 post-format  link
----------------------------*/
.post_format-post-format-link a{
  color:#2A9CF5;
}

/*----------------------------
   12.0 pre tag
----------------------------*/
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/*----------------------------
   13.0 page pagination
----------------------------*/
.page-pagination a{
    color: #949494;
    background-color: #eee;
    padding: 2px 8px;
    border-radius: 3px;
}

.page-pagination a:hover,
.page-pagination > span {
    background-color: #2A9CF5;
    color: #fff;
}

.page-pagination > span{
    padding: 2px 8px;
    border-radius: 3px;
}

.page-pagination .page-links-title{
    color: inherit;
    background-color: transparent;
    padding-left: 0px;
}
.page-links-title{
  padding-left: 0px;
}
/*--------------------------------
   14.0 default wp default class
-----------------------------------*/
ol li{
    padding: 5px;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 5px;
}



.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

ul.pager.comment-navigation > div {
    display: inline-block;
    padding: 10px;
}

.bypostauthor {
    display: block;
}


.post-password-required .input-group-btn .btn {
    height: 60px;
    color:#fff;
    background: #34495e;
}
.post-password-required .input-group-btn .btn {
    background: #303952;
}


.comment-list .pingback p,
.comment-list .pingback a {
    color: #676f7a;
    font-family: "Open Sans";
}

.admin-bar .navbar-area.nav-fixed {
    top: 32px;
}

.post-content p strong{
    color:#1f2732;
}
.post-meta-single i{
    margin-right: 5px;
    padding: 10px 0px
}

@media screen and (max-width: 782px) {
   .gallery-columns-4 .gallery-item{
    max-width: 21%;
  }
    .gallery-item{
      display: inline-block;
      text-align: center;
      vertical-align: top;
      width: 97.8%;
      border: 1px solid #eee;
      padding: 5px;
      margin: 10px;
  }
 .gallery-columns-6 .gallery-item {
    max-width: 14%;
    margin: 5px;
    }
}
@media screen and (max-width: 529px) {
   .gallery-columns-4 .gallery-item{
    max-width: 21%;
  }
    .gallery-item{
      display: inline-block;
      text-align: center;
      vertical-align: top;
      width: 97.8%;
      border: 1px solid #eee;
      padding: 5px;
      margin: 0px;
  }
 .gallery-columns-6 .gallery-item {
    max-width: 14%;
    margin: 0px;
    padding: 5px;
    }
}
@media screen and (max-width: 782px) {
  .admin-bar .navbar-area.nav-fixed {
    top: 46;
  }
}

@media screen and (min-width: 783px) {
  .admin-bar .navbar-area.nav-fixed  {
    top: 46;
  }
}

@media only screen and (max-width: 600px){
 .admin-bar .navbar-area.nav-fixed   {
    font-size: 13px;
    padding: 10px 11px;
}
.admin-bar .navbar-area.nav-fixed{
    top:0;
}
}
.aligncenter{
  text-align: center;
}

h3.widget-title{
  color:#fff !important;
  padding-bottom:40px;
}

.logged-in-as{
  padding-bottom: 20px;
}

ul.breadcrumb {
    padding-left: 0;
}

.logo a {
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
}