/*
  @package breeze
*/

/*
---------------------
Import
--------------------
*/
@import "base/variables"; //variables
@import "base/mixins"; //mixins
@import "base/wordpress";   //wordpress css styles

//common styles

body{
   font-family: $body-font;
   font-size: 14px;
   line-height: 1.6;
   font-weight: 500;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
   font-family: $head-font;
   text-transform: capitalize;
}

.nav > li > a:focus, .nav > li > a:hover{
   background: $brand-primary;
}

a{      //links
   transition: all 0.3s ease 0s;
   &:hover,&:focus{
      outline:0;
      text-decoration: none;
   }
}

.background-image{
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

.breeze-container{  //home container
   padding:0;
    .breeze-posts-container{
      display: inline-block;
      margin-top:30px;
      margin-bottom:30px;
      article{
         .category-column{
            padding:5px;
            margin:10px;
            background: $white;
         }
      }
   }
}

//sticky class
.sticky .category-column{
   position: relative;
   color: $white;
   overflow: hidden;
   // padding: 0 20px;
   &:before{
      content:"\f123";
      position: absolute;
      font-family:'fontawesome';
      background: $brand-primary;
      display: inline-block;
      z-index: 1;
      right:30px;
      top:20px;
      color: $white;
      font-size: 15px;
      font-weight: 700;
      padding: 10px 50px 5px;
      right: -45px;
      top: -8px;
      transform: rotate(45deg);
   }
}

//bookmark show saved link
.rs-saved-trigger{
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 14px 56px rgba(0, 0, 0, 0.1)!important;
   svg{
      path{
         fill:$gray-light!important;
      }
   }
   .rs-count{
      background: $brand-primary;
   }
}

//homepage
.home-posts{
    padding:20px 0px;
    display: inline-block;
    .post-content{
      .entry-content{
         .home-content{
            display: block;
            margin:0px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            max-width:100%;
            text-transform: capitalize;
            height:auto;
            padding:40px;
            @media(max-width:$max){
               height:auto;
            }
            .home-banner{
               display: block;
               .banner-title{
                  padding-bottom: 20px;
                  h3{
                     font-weight:400;
                     font-size: 42px;
                     line-height: 1.2;
                     @media(max-width:$max){
                        font-size: 25px;
                     }
                  }
                  @media(max-width: $max){
                     padding: 20px;
                  }
               }
               .banner-content{
                  padding-bottom: 20px;
                  p{
                     padding:0px;
                     line-height:1.6;
                     color:$white;
                     font-size:20px;
                     width:70%;
                     @media(max-width: $max){
                        font-size:13px;
                        width:100%;
                     }
                  }
                  @media(max-width: $max){
                     padding: 20px;
                     margin:0px;
                  }
               }
               .buttonset{
                  padding: 20px 0;
                  font-weight:600;
                  a{
                     display: inline-block;
                     text-transform: capitalize;
                     text-decoration: none;
                     text-align: center;
                     margin-right: 10px;
                     border: 2px solid $white;
                     border-radius: 30px;
                     padding: 12px 30px;
                     font-size: 16px;
                     @media(max-width:$max){
                        display:block;
                        margin-bottom: 10px;
                        padding: 10px 15px;
                     }
                  }
                  @media(max-width: $max){
                     padding: 20px;
                  }
               }
            }
         }//home-content
      }
   }
   @media(max-width: $max){
      padding: 10px;
   }
}

//about-page
.about-page{
   padding:0px;
   .about-posts{
      article{
         .about-post-container{
            .about-entry-content{
               .about-content{
                  padding:20px 0px;
                  ol{
                     li a{
                        color:$gray;
                        &:hover{
                           color:$brand-primary;
                        }
                     }
                  }
                  //image
                  .about-pic{
                     max-width: 100%;
                     display: block;
                     .content-bg{
                        padding-top: 50px;
                        .content-title{
                           .img-title{
                              padding-bottom: 20px;
                              h1{
                                 font-weight:500;
                                 color:$light-black;
                                 line-height:1.6;
                                 text-align: center;
                                 @media(max-width:$max){
                                    font-size: 30px;
                                 }
                              }
                              @media(max-width: $max){
                                 padding: 20px;
                              }
                           }
                           .img-content{
                              padding-bottom: 20px;
                              p{
                                 padding:0px;
                                 line-height:1.6;
                                 text-align: center;
                                 color:$gray;
                                 font-size:18px;
                              }
                              @media(max-width: $max){
                                 padding: 0px 10px;
                              }
                           }
                        }
                     }
                  }
                  .about-description{
                     padding:100px 0px;
                     //description class
                     .intro{
                        h1{
                           font-size:36px;
                           margin:0px 0px 40px;
                           font-weight:500;
                           line-height: 1.6;
                           @media(max-width: $max){
                              font-size:24px;
                              text-align: center;
                           }
                        }
                        p{
                           font-size:18px;
                           color:$gray;
                           margin:0px 0px 10px;
                           font-weight:400;
                           line-height:1.5;
                           @media(max-width:$max){
                              font-size: 16px;
                              padding:5px 15px;
                           }
                        }
                     }
                     .pic1{
                        text-align: center;
                        margin-top:30px;
                        margin-bottom: 30px;
                        @media(max-width: $max){
                           padding: 5px 20px;
                        }
                     }
                     @media(max-width:$max){
                        padding:30px 10px;
                     }
                  }//about-description
                  //newsletter
                  .news-letter{
                     text-align: center;
                     padding:0px 0px 50px;
                     h1{
                        font-size:36px;
                        margin:0px 0px 40px;
                        font-weight:500;
                        line-height:1.5;
                        @media(max-width: $max){
                           font-size:24px;
                           text-align: center;
                           padding: 5px 15px;
                        }
                     }
                     p{
                        font-size:20px;
                        color:$gray;
                        margin:0px 0px 10px;
                        font-weight:400;
                        line-height:1.5;
                        @media(max-width:$max){
                           font-size: 16px;
                           padding:5px 15px;
                        }
                     }
                     .subscribe{
                        padding:30px 0px;
                        form{
                           display: block;
                           width: 100%;
                           margin-top: 20px;
                           input[type="email"]{
                              border:1px solid $title-border;
                              font-size:14px;
                              color:$gray-light;
                              height: 53px;
                              @media(max-width:$max){
                                 display: block;
                                 width:70%;
                                 margin:0 auto;
                                 margin-bottom: 10px;
                              }
                           }
                           input[type="submit"]{
                              text-transform: uppercase;
                              font-size: 16px;
                              color: $white;
                              background: $brand-primary;
                              border: 1px solid $brand-primary;
                              padding: 12px 20px;
                              font-weight: bold;
                              text-decoration: none;
                              transition: all 0.3s ease 0s;
                              &:hover{
                                 cursor: pointer;
                                 background: $brand-primary-dark;
                              }
                              @media(max-width:$max){
                                 display: block;
                                 width:65%;
                                 margin:0 auto;
                              }
                           }
                           @media(max-width:$max){
                              display: inline-block;
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

//audio-bar
.mejs-container{
   .mejs-inner{
      .mejs-controls{
         //volume slider
         .mejs-horizontal-volume-slider{
            .mejs-horizontal-volume-current{
               background: $brand-primary;
            }
            .mejs-horizontal-volume-total{
               background: $gray-light;
            }
         }
         //current volumeloader
         .mejs-time-slider,.mejs-horizontal-volume-total{
            background: $gray-light;
            //load-background
            .mejs-time-current{
               background: $brand-primary;
            }
         }
      }
   }
}

.author-info{
   .wp-bottom{
      display: block;
      span{
         font-size: 14px;
         font-weight:500;
         color:$gray-light;
      }
      .wp-first{
         display: inline-block;
         vertical-align: top;
         .author-img{
            display: inline-block;
            img{
               border-radius: 100%;
               padding:3px;
               margin-right:12px;
            }
         }
      }
      .wp-second{
         display: inline-block;
         span{
            word-wrap: break-word;
         }
         .author-name{
            display: inline-block;
            a{
               text-transform:capitalize;
               color:$light-black;
               font-weight:400;
               &:hover{
                  cursor:pointer;
                  color:$brand-primary;
               }
            }
         }
      }
      .wp-third{
         display: inline-block;
         color:$gray-light;
         margin-top:7px;
         float: right;
         span a{
            color:$light-black;
            font-weight:bold;
            &:hover{
               color:$brand-primary;
            }
         }
         //bookmark button
         .rs-save-for-later-button{
            font-size:18px;
            svg{
               width:13px;
               height:13px;
               path{
                  fill:$lwhite;
                  stroke:$black;
                  &:hover{
                     fill:$brand-primary!important;
                  }
               }
            }
         }
         //active
         .saved{
            svg{
               path{
                  fill:$gray-light;
               }
            }
         }
         //saved
         .rs-see-saved{
            font-size: 14px;
            font-weight: 400;
            color:$gray-light;
            &:hover{
               color:$brand-primary;
            }
         }
      }
      @media(max-width:$max){
         margin:5px 10px;
      }
   }
}

.bypostauthor{      //differentiate author reply in comment
   .comment-meta{
      .comment-author {
         &:before {
            background-color:$primary-background;
         }
         b {
            color: $light-black;
         }
      }
   }
   .comment-content{
      border-bottom: 1px solid $light-black;
   }
}


p{          //paragraph tag
   a,abbr,acronym,big,cite,code,del,em,ins,q,sup,sub,tt,var{      //html tags
      color:$light-black;
   }
   a{
      &:hover{
         text-decoration:none;
         color:$brand-primary;
      }
   }
   strong{
      text-transform: capitalize;
   }
   kbd{
     background-color:$brand-primary;
     color:$white;
     font-size:14px;
   }
}

//about page
.site-header-single{
   border:0!important;
   .logo-container{
      border:0!important;
   }
}
//header for homepage
.site{
   .nav_wrapper{
     height:100%;
     .site-header,.site-header-single{
         width: 100%;
         z-index: 9999;
         border:1px solid $lwhite;
         background: $white;
         .logo-container{
            border:1px solid $lwhite;
            background: $white!important;
            padding-top: 10px;
            padding-bottom: 10px;
            //logo &description
            .site-logo{
               .site-title{
                  margin:0px;
                  text-decoration: none;
                  font-weight: 600;
                  a{                  //logo text
                     color:$light-black;
                     text-decoration: none;
                     font-size:30px;
                     text-transform: capitalize;
                     img{
                        @media(max-width:768px){
                           margin-left: 20px;
                        }
                     }
                  }
               }
               .site-description{
               }
            }
            //about page
            .single-site-logo{
               text-align: center;
               .site-title{
                  margin:0px;
                  text-decoration: none;
                  font-weight: 600;
                  a{                  //logo text
                     color:$light-black;
                     text-decoration: none;
                     font-size:50px;
                     text-transform: capitalize;
                     img{
                        @media(max-width:768px){
                           margin-left: 20px;
                        }
                     }
                  }
                  @media(max-width:$max){
                     padding-left:10px;
                  }
               }
               .site-description{
               }
            }
            .register-btn,.searchbar{
               display: inline-block;
            }
            .searchbar{     //searchbar
               padding:0;
               .search-header{
                  padding: 10px 15px;
                  p{
                     color:$gray-light;
                     font-size:18px;
                     text-align: left;
                     line-height:1.6;
                     margin:0;
                     text-transform: capitalize;
                  }
                  .close{
                     margin:0;
                  }
               }
               .searchbtn{
                  background: none;
                  display: inline-flex;
                  color:$gray;
                  border:none;
                  font-size:16px;
                  font-weight:400;
                  @media(max-width:$max){
                     padding:0px 0px 7px;
                  }
                  padding-top:3px;
                  input[type=search] {
                     margin-bottom: 5px;
                     margin-top: 5px;
                     padding: 0 0 0 40px;
                     width: 40px;
                     height: 25px;
                     transition: all 0.5s ease 0s;
                     color:$gray-light;
                     border:0;
                     background:url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 10px center;
                     &:before{
                        content: '\f002';
                        font-family: "fontawesome";
                        display: inline-block;
                        position: absolute;
                     }
                  }
                  input[type=search]:focus {
                     width: 180px;
                  }

                  .search-form{
                      label{
                          margin-bottom: 0;
                      }
                     .search-field{         //text search
                        font-size: 14px;
                        font-weight:500;
                        color:$gray-light;
                     }
                     .search-submit{      //search-button  footer
                        display:none;
                     }
                  }
               }                               //search btn
            }
            .register-btn{
               .breeze-login{
                  float:right;
                  background: none;
                  border:none;
                  padding: 8px 15px;
                  font-size:16px;
                  font-weight:400;
                  a{
                     color:$brand-primary;
                  }
                  @media(max-width:$max){
                     padding:7px 0px;
                  }
               }
               @media(max-width:$max){
                  text-align: center;
               }
            }
            @media(max-width:$max){
               padding-bottom: 0px;
            }
         }
         //menu
         .nav-container{
            background: $brand-primary;
            .mgroup{
               .menu-container{    //menu
                   padding:0;
                  .navbar-breeze{
                     margin:0;
                     border:0;
                     min-height: unset;
                     ul{
                        display: inline-block;
                        li{
                           list-style: none;
                           a{
                              color:$white;
                              text-transform:capitalize;
                              font-weight:400;
                              font-size:15px;
                              padding:10px 20px 10px 0px;
                              &:hover{
                                 color:$light-black;
                                 background: none;
                              }
                           }
                           ul{
                              width:200px!important;
                              top:40px;
                              li{
                                 a{
                                    padding:5px 10px;
                                    color:$light-black;
                                    text-transform:capitalize;
                                    &:hover{
                                       color:$brand-primary;
                                    }
                                 }
                                 ul{
                                    width:200px!important;
                                    top:0px;
                                    li{
                                       a{
                                          color:$light-black;
                                          text-transform:capitalize;
                                          &:hover{
                                             color:$brand-primary;
                                          }
                                       }
                                    }
                                 }//ul
                              }
                           }//ul
                       }
                     }//ul
                  }
                  //single-post--menu
                  .single-navbar{
                     ul{
                        li{
                           a{
                              font-weight:600;
                              color:$gray-light;
                              font-size:16px;
                              padding:10px 20px 15px 0px;
                           }
                        }
                     }
                  }
               }
               @media(min-width: $max) and (max-width: $tab){
                  padding:5px 0px;
               }
            }
            &.affix{
                @include admin-sticky-fix();
               position:fixed; /*affix styles*/
               top: 0;
               width:100%;
               z-index:10;
               height:auto;
               background:rgba($brand-primary,0.9);
               @media(max-width: $max){
                  top:0px!important;
               }
            }
         }
      }   //header
   }
}

.breeze-footer{               //footer for all pages
   .footer-container{
      padding:20px;
      background-color: $black;
      color:$white;
      text-transform: capitalize;
      width:auto;
      //footer-menu
      .site-info{
         padding-top:10px;
         padding-bottom: 25px;
         text-align: left;
         a{
            color:$brand-primary;
            text-decoration: none;
         }
      }
      .footer-navbar{
         text-align: right;
         .navmenu{
            ul{
               padding:0px;
               li{
                  list-style-type: none;
                  display: inline;
                  a{
                     color:$white;
                     padding-top:10px;
                     margin-right: 16px;
                     &:hover{
                        border-bottom: 1px solid $gray-light;
                     }
                  }
               }
            }
         }
      }
   }
}

//navbar top menu styles (Basic -menu)
.main-navigation {
   clear: both;
   display: block;
   float: left;
   width: auto;
   ul {
      display: none;
      list-style: none;
      margin: 0;
      padding-left: 0;
      ul{
         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
         float: left;
         position: absolute;
         top: auto;
         left: -999em;
         z-index: 99999;
         background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
         ul {
            left: -999em;
            top: 0;
         }
         li {
            &:hover > ul,
            &.focus > ul {
               left: 100%;
            }
         }
         a {
            width: 200px;
         }
         :hover > a,
         .focus > a {
         }
         a:hover,
         a.focus {
         }
      }
      li:hover > ul,
      li.focus > ul {
         left: auto;
      }
      .sub-menu,.children{
         top:40px;
         padding: 15px 0;
         margin-top: 10px;
         li{
            a{
               display: block;
               color: $light-black;
               font-size: 14px ;
               line-height: 2;
               font-weight: 500;
               text-transform: none;
               border: none;
               padding: 8px 20px;
               &:after{
                  opacity: 0;
               }
               &:hover,&:focus{
                  background: none;
                  color: $brand-primary;
                  &:after{
                     opacity: 0;
                  }
               }
            }
         }
         &:after {
         content: "";
         display: block;
         height: 20px;
         position: absolute;
         top: -20px;
         width: 100%;
         }
      }
   }
   li {
      float: left;
      position: relative;
      &:hover > a,
      &.focus > a {
      }
   }
   a {
      display: block;
      text-decoration: none;
      font-size: 14px ;
      font-weight: 500;
      padding: 10px 15px;
      line-height: 2;
   }
   .current_page_item > a,
   .current-menu-item > a,
   .current_page_ancestor > a,
   .current-menu-ancestor > a {
   }
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
   display: block;
}
@media screen and (min-width: 767px) {
   .menu-toggle {
      display: none;
   }
   .main-navigation ul {
      display: block;
   }
}

//sidebar-overlay

.sidebar-overlay{
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 3;
   background: rgba(0,0,0,0.5);
   display: none;
   cursor: e-resize;
}
.breeze-sidebar{
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   background: $white;
   color: $light-black;
   z-index: 999;
   height: 100vh;
   width: 100%;
   max-width: 250px;
   @include animate( transform, 320ms );
   &.sidebar-closed{
      @include transform( translateX( -100% ) );
   }
   a{
      color: $white;
      font-size: 13px!important;
      padding: 5px 10px!important;
      text-decoration: none;
      &:hover,&:focus{
         color: $brand-primary;
      }
   }
}
.breeze-sidebar-container{
   position: relative;
   background: $light-black;
   display: block;
   width: 100%;
   height: 100vh;
   padding-top: 40px;
}
.sidebar-scroll{
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
}
.sidebar-open{
   font-size:20px;
   color:$white;
   padding:7px 30px 0 0;
   &:hover{
      cursor: pointer;
      color: $white;
   }
}
.sidebar-close{
   position: absolute;
   top: 10px;
   left: 0;
   cursor: pointer;
   color: $white;
   margin-top:5px;
   &:hover,&:focus{
      color: $brand-primary;
   }
}
.sidebar-reveal{
   display: none;
}

//offcanvas
.breeze-offcanvas-menu{
   margin-top:30px;
   ul{
      padding: 0;
      margin: 0;
      border: none;
      display: block;
      li{
         list-style: none;
         padding: 0;
         a{
            background: transparent;
            color: $white;
            font-weight: 500;
            display: block;
            margin-top:5px;
            font-size: 13px!important;
            text-transform: capitalize;
            &:hover,&:focus{
               color: $brand-primary;
               background: transparent;
            }
         }
         &.current-menu-item,&.active{
            > a{
               color: $white;
               &:hover,&:focus{
                  color: $brand-primary;
               }
            }
         }
         .sub-menu,.children{
            padding-left: 20px;
            background: none;
            width:auto;
         }
      }
   }
}

//homepage article
article{
   img{
      max-width: 100%;
      height: auto;
   }
   .entry-header{
      .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
         color:$light-black;
      }
   }
   .entry-content{
      background: transparent;
   }
}

//single-post
.single-post{
   .site-content{
      .content-area{
         .single{        //wrap content class
            margin:0px 20px 10px 20px;
            margin-bottom: 20px;
            max-width:1000px;
            margin-left: auto;
            margin-right: auto;
            .site-main{
               .single-content{
                  article{
                     margin:0;
                     border-right: 0;
                     border-left: 0;
                     border-bottom: 0;
                     border-top:0;
                     //social bar
                     .sticky-container{
                        .sticky-social-media{
                           .social-share-list{
                              padding:0px;
                              position:fixed;
                              margin-top:20px;
                              margin-left:-96px;
                              .post-meta-title{
                                 display: block;
                                 text-align: center;
                                 font-size: 16px;
                                 color:$gray;
                                 @media(max-width: 549px){
                                    display: inline-block;
                                 }
                              }
                              .breeze-social-buttons{
                                 a{
                                    display: block;
                                    background: transparent;
                                    padding:15px 5px;
                                    color:$gray-light;
                                    font-size: 20px;
                                    border:2px solid $lwhite;
                                    border-radius: 100%;
                                    height:55px;
                                    width:55px;
                                    line-height:20px;
                                    margin:10px 5px;
                                    text-align: center;
                                    @media(max-width: 549px){
                                       display: inline-block;
                                       font-size:15px;
                                       height:45px;
                                       width:45px;
                                       line-height: 15px;
                                    }
                                 }
                                 //social-media-links
                                 .icon-gplus:hover{
                                    color:$gmail;
                                    border-color: $gmail;
                                 }
                                 .icon-fb:hover{
                                    color:$fb-hover;
                                    border-color: $fb-hover;
                                 }
                                 .icon-twitter:hover{
                                    color:$twit-hover;
                                    border-color: $twit-hover;
                                 }
                              }
                              ul{
                                 padding:0;
                                 margin:0;
                                 .share{
                                    font-size:16px;
                                 }
                                 li{
                                    text-align: center;
                                    text-transform:capitalize;
                                    font-size: 20px;
                                    list-style: none;
                                    display: block;
                                    color:$gray-light;
                                    a{
                                       background: transparent;
                                       padding:5px;
                                       color:$gray-light;
                                    }
                                    //social-media-links
                                    .linkedin:hover{
                                       color:$linkedin;
                                    }
                                    .facebook:hover{
                                       color:$fb-hover;
                                    }
                                    .twitter:hover{
                                       color:$twit-hover;
                                    }
                                 }
                              }
                              @media(max-width: 991px){
                                 margin-left:-85px;
                              }
                              @media(max-width: 767px){
                                 margin-top:50px;
                              }
                              @media(max-width: 549px){
                                 margin-top:30px;
                                 margin-left:15px;
                                 position:absolute;
                              }
                           }
                        }
                     }
                     //header
                     .entry-header{       //author-infobox
                        padding:5px;
                        .author-info{
                           @media(max-width: 767px) and (min-width:501px){
                              margin-top:30px;
                           }
                           @media(max-width: 549px){
                              margin-top: 100px;
                           }
                           .wp-bottom{    //image-avatar
                              margin-top:15px;
                              display: inline-flex;
                              .wp-first{
                                 display: block;
                                 .author-img{
                                    display: inline-block;
                                    img{
                                       border-radius: 100%;
                                       margin-right:0px;
                                    }
                                 }
                              }
                              .wp-second{
                                 display: block;
                                 .author-name{
                                    display: inline-block;
                                    a{
                                       color:$light-black;
                                       font-size:15px;
                                       margin:0px 10px 10px 10px;
                                       font-family: $head-font;
                                       text-transform:capitalize;
                                       &:hover{
                                          text-decoration: none;
                                          color:$brand-primary;
                                       }
                                    }
                                 }
                                 .author-description{
                                    p{
                                       color:$gray-light;
                                       font-size: 15px;
                                       line-height:1.6;
                                       margin:5px 10px;
                                    }
                                 }
                                 .date{
                                    margin-left:10px;
                                    line-height:1.6;
                                    font-size:13px;
                                    font-weight:400;
                                    color:$gray-light;
                                    @media(max-width: $max){
                                    padding-left:2px;
                                    }
                                 }
                              }
                           }
                        }
                     }
                     //post-title
                     .post-title{
                        padding:20px 20px 0 20px;
                        .entry-title{
                           margin:0 0 10px 0;
                           line-height:36px;
                           text-transform:capitalize;
                           text-decoration:none;
                           color:$light-black;
                           font-size:40px;
                           font-weight: 700;
                           line-height: 1.6;
                           margin-left: -2.5px;
                           word-wrap: break-word;
                           .link-icon{         //link-icon
                              span{
                                 color: $brand-primary;
                                 background-color: $lwhite;
                                 padding:10px;
                                 border-radius: 10px;
                                 margin-left:5px;
                              }
                           }
                           @media(max-width: $max){
                              font-size:25px;
                           }
                        }
                     }
                     //post-thumbanail
                     .post-image-container{
                        margin-top:52px;
                        text-align: center;
                        img{
                           max-width: 100%;
                           height: auto;
                           padding:10px;
                        }
                     }
                     .single-post-entry-content{
                        padding-left: 20px;
                        padding-right: 20px;
                        .entry-content{
                           padding:0 0 10px 0;
                           .mejs-container{
                              margin:20px 0px;
                           }
                           p{
                              color: $dark-gray;
                              font-size: 18px;
                              font-style: normal;
                              font-weight: 400;
                              line-height: 1.6;
                              padding: 15px 0px;
                              iframe{         //video
                                 padding:0px;
                                 border:0px;
                              }
                              @media(max-width:$max){
                                 font-size:16px;
                              }
                           }
                           .rs-save-for-later-button{
                              margin-left: -93px;
                              position: fixed;
                              top: 455px;
                              @media(max-width:991px){
                                 margin-left: -81px;
                              }
                              @media(max-width:767px){
                                 top:510px;
                              }
                              @media(max-width:549px){
                                 top:270px;
                                 left:190px;
                                 margin-left:75px;
                                 position: absolute;
                              }
                              @media(max-width:500px){
                                 margin-top:-20px;
                                 margin-left:83px;
                              }
                           }
                        }
                     }
                     @media(max-width: $max){
                        margin:0 10px;
                     }
                  }
               }//single-content
            }
            @media(max-width: 1199px) and (min-width: 992px){
               max-width:800px;
            }
            @media(max-width: 991px) and (min-width: 768px){
               max-width:600px;
            }
            @media(max-width: 767px) and (min-width: 700px){
               max-width:550px;
            }
            @media(max-width: 699px) and (min-width: 550px){
               max-width:400px;
            }
         }
      }
   }
}

.search{
   .site{
      .site-content{
         .searchpage-max{
            .content-area{
               .search-content{
                  padding: 20px;
                  position:relative;
                  @media(max-width: $max){
                     padding:25px;
                  }
                  .page-header{
                     padding: 0px 20px 20px 0px;
                     margin-top:0px;
                     .page-title{
                        margin: 20px 0;
                        text-align: left;
                        font-size: 50px;
                        line-height: 1.6;
                        font-weight: 300;
                        padding-bottom: 5px;
                        border-bottom: 2px solid $title-border;
                        color:$light-black;
                        text-transform: capitalize;
                     }
                     @media(max-width: $max){
                        padding: 0px;
                     }
                  }
                  article{
                     padding:20px;
                     margin-bottom: 10px;
                     @media(max-width: $max){
                        margin:10px;
                     }
                     .search-page{
                        //header
                        .entry-header{
                           margin:0px;
                           .author-info{
                              .wp-bottom{
                                 .wp-third{
                                    position:absolute;
                                    text-align: right;
                                    right:70px;
                                 }
                              }
                           }
                        }
                        //title_class
                        .post-title{
                           .entry-title{
                              a{
                                 font-size:29px;
                                 color:$light-black;
                              }
                           }
                        }
                        //featured-image
                        .post-image-container{
                           img{
                              max-width: 100%;
                              height:auto;
                              margin-bottom:24px;
                           }
                        }
                        //content-area
                        .entry-content{
                           p{
                              font-size:16px;
                              font-weight: 400;
                              color:$light-black;
                           }
                           .readmore-link{
                              a{
                                 color:$gray;
                                 &:hover{
                                    color:$brand-primary;
                                 }
                              }
                           }
                        }
                     }
                  }
               }
               .no-results{            //content-none
                  .page-content{              //search form content
                     padding:0px 20px;
                     p{
                        font-size:16px;
                        font-weight:500;
                        margin:30px 0;
                     }
                     form{
                        margin-top:15px;
                        width: 100%;
                        display: block;
                        input[type="search"]{         //text search
                           font-size: 16px;
                           font-weight: 400;
                           padding:5px 10px 6px 10px;
                           border-radius:0;
                           border:1px solid $gray-light;
                           background: $primary-background;
                           color:$gray;
                           @media(max-width: 350px){
                              display: block;
                           }
                        }
                        input[type="submit"]{      //search-button
                           background-color: $brand-primary;
                           border:2px solid $brand-primary;
                           color:$white;
                           padding:8px 15px;
                           font-weight:600;
                           border:0;
                           &:hover{
                              padding:6px 13px;
                              border:2px solid $brand-primary;
                              background:rgba(2,184,117,0.7);
                              color:$white;
                           }
                           @media(max-width: 350px){
                              display: block;
                              width: 83%;
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
}

.blog{
   .site-main{
      .breeze-posts-container{
         article{
            border:0;
            padding:0px;
            .category-column{
               border:2px solid $lwhite;
               margin:10px!important;
               padding: 4px;
               min-height:260px;
               .post-image-container{
                  width:42%;
                  float:left;
                  .wp-image-block{
                     margin-right:15px;
                     min-height: 250px!important;
                     @media(max-width: $max){
                        width:100%;
                        height:100%;
                        min-height:200px;
                     }
                     iframe{
                        border:none;
                     }
                  }
                  @media(max-width: $max){
                     width:100%;
                  }
               }
               .post-entry-content{
                  .wp-content-block{
                     width:100%;
                     height:100%;
                     .entry-header{
                        .entry-title a{
                           font-weight:500;
                        }
                     }
                     .entry-meta{
                        margin-bottom:0px;
                     }
                     .entry-content{
                        p{
                           padding: 10px 0px!important;
                        }
                     }
                  }
                  @media(max-width: $max){
                     width:100%;
                  }
               }
               @media(max-width: $max){
                  clear: both;
                  display: inline-block;
                  height: 100%;
                  position: relative;
                  .conclass{
                     .post-entry-content{
                        padding: 0;
                        .wp-content-block{
                           .entry-header{
                              .entry-title{
                                 text-align: left;
                              }
                           }
                        }
                     }
                  }
               }
               @media(max-width: $lg) and (min-width: $desktop){
                  clear: both;
                  display: inline-block;
                  height: 100%;
                  position: relative;
                  .conclass{
                     .post-entry-content{
                        .wp-content-block{
                           .entry-header{
                              .entry-title{
                                 text-align: left;
                              }
                           }
                        }
                     }
                  }
               }
            }//category-column
         }//article
      }
   }
}

.archive{
   .page-archive{
      .post-content{
         .page-header{
            .page-title{
               margin: 20px 0;
               text-align: left;
               font-size: 26px;
               line-height: 1.6;
               font-weight: 500;
               padding-bottom: 20px;
               border-bottom: 2px solid $title-border;
               color:$light-black;
               text-transform: capitalize;
            }
         }
         .site-main{
            article{
               border:0;
               margin:0px;
               padding: 10px;
               .category-column{
                  border:2px solid $lwhite;
                  margin:10px!important;
                  padding: 4px;
                  min-height:260px;
                  .post-image-container{
                     width:42%;
                     float:left;
                     .wp-image-block{
                        margin-right:15px;
                        min-height: 250px!important;
                        @media(max-width: $max){
                           width:100%;
                           height:100%;
                           min-height:200px;
                        }
                        iframe{
                           border:none;
                        }
                     }
                     @media(max-width: $max){
                        width:100%;
                     }
                  }
                  .post-entry-content{
                     .wp-content-block{
                        width:100%;
                        height:100%;
                        .entry-header{
                           .entry-title a{
                              font-weight:500;
                           }
                        }
                        .entry-meta{
                           margin-bottom:0px;
                        }
                        .entry-content{
                           p{
                              padding: 10px 0px!important;
                           }
                        }
                     }
                     @media(max-width: $max){
                        width:100%;
                     }
                  }
                  @media(max-width: $max){
                     clear: both;
                     display: inline-block;
                     height: 100%;
                     position: relative;
                     .conclass{
                        .post-entry-content{
                           padding: 0;
                           .wp-content-block{
                              .entry-header{
                                 .entry-title{
                                    text-align: left;
                                 }
                              }
                           }
                        }
                     }
                  }
                  @media(max-width: $lg) and (min-width: $desktop){
                     clear: both;
                     display: inline-block;
                     height: 100%;
                     position: relative;
                     .conclass{
                        .post-entry-content{
                           .wp-content-block{
                              .entry-header{
                                 .entry-title{
                                    text-align: left;
                                 }
                              }
                           }
                        }
                     }
                  }
               }//category-column
            }
         }
      }
   }
}
//blog-3-column
.breeze-blog-colums{
   padding:40px 10px;
   article{
      padding:25px;
      margin-bottom: 30px;
      .post-entry-content{
         .entry-title{
            margin:20px 0px 10px 0px;
            a{
               font-size:24px;
               line-height:1.6;
            }
         }
         .entry-meta{
            margin:10px 0px;
            span{
               font-size: 15px;
            }
         }
         .entry-content{
            padding: 0;
            p{
               margin-bottom: 15px;
               font-size:14px;
               font-weight: 500;
               line-height:1.9;
            }
            .readmore-link{
               a{
                  color: $white;
                  background: $brand-primary;
                  border:2px solid $brand-primary;
                  padding:8px 12px;
                  margin:15px 0px;
                  font-weight: bold;
                  text-decoration: none;
                  &:hover{
                     cursor: pointer;
                     background: rgba(2,184,117,0.7);
                  }
               }
            }
         }//entry-content
      }//post-entry-content
   }
}

.blog,.single-post,.archive,.search{      //blog page
   .page-header{       //link,category title
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0;
      .page-title{
         color:$brand-primary;
      }
   }
   article{
      border:2px solid $lwhite;
      .post-image-container{     //image class
         img{
            max-width:100%;
            height:auto;
            width:100%;
         }
      }
      .post-entry-content,.single-post-entry-content{          //content class
         // padding:10px;
         .entry-excerpt{         //post content division
            p{
               padding: 10px 0;
               margin:0;
               font-size: 15px;
               line-height:1.6;
               color:$gray-light;
               font-weight:500;
            }
         }
         .button-container{
            margin-bottom: 15px;
            a{
               color: $brand-primary;
               text-decoration: none;
               &:hover{
                  cursor: pointer;
               }
            }
         }
         iframe{
            max-width:100%;
            height:500px;
            width:100%;
            border: 0px;
            @media(max-width:$max){
               width:auto;
               height:auto;
            }
         }
      }
      @media($max){
         margin:20px 10px;
      }
   }   //article

   //commentform design
   .comments-area{
      margin:10px 20px;
      text-align: left;
      padding: 0px 0px 30px 0px;
      clear: both;
      .comments-title{
         font-size:14px;
         font-weight: 500;
      }
      .comment-reply-title{        //title
         span{
            text-transform:capitalize;
            padding: 10px 20px!important;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.7em;
            margin: 0px;
         }
         //cancel a reply
         small a{
            color: $brand-primary!important;
            font-size: 16px!important;
            font-weight: 500;
            line-height: 1.7em;
            margin: 0px;
            &:hover{
               background-color: transparent!important;
               text-decoration:underline;
            }
         }
      }
      .comment-list{      //list
         margin: 0px;
         padding: 0px;
         li{
            margin:0 0 10px 0px;
            padding:10px;
            list-style-type: none;
            .comment-body{          //body
               margin: 10px 10px;
               color:$gray-light;
               border:1px solid $comment-border;
               padding:10px 15px;
               cite{
               text-transform: capitalize;
               color:$light-black;
               font-weight:500;
               }
               .comment-author {           //admin
                  img{
                     border-radius: 50%;
                  }
                  .fn{
                     font-size: 14px;
                     font-style: normal;
                     font-weight:400;
                     line-height:1.4;
                     color:$brand-primary;
                     a{
                        font-size: 14px;
                        font-style: normal;
                        font-weight:400;
                        line-height:1.4;
                        color:$brand-primary;
                     }
                  }
                  .says{
                     display: none;
                  }
               }
               .comment-meta{
                  padding:0px;
                  display: inline-block;
                  margin-left: 36px;
                  a{
                     color: $gray-light;
                     text-decoration: none;
                     cursor: text;
                     font-size: 13px;
                     line-height: 1.4;
                     font-weight: 400;
                     time{
                        margin-left:48px;
                        @media(max-width: $max){
                           margin-left: 0px;
                        }
                     }
                  }
                  p{      //para
                     line-height: 1.7em;
                  }
               }   //comment-meta
               p{      //para
                  line-height: 1.58em;
                  margin: 10px 13px;
                  overflow-wrap: break-word;
                  padding: 10px 20px 45px;
                  font-size: 16px;
                  text-transform: capitalize;
                  color:$light-black;
               }
               .reply{             //reply
                  text-align: left;
                  margin-top:-40px;
                  margin-left:25px;
                  a{
                     font-size: 14px;
                     text-decoration: none;
                     font-weight:500;
                     color: $gray-light;
                     &:before{
                        content:"\f112";
                        font-family: 'fontawesome';
                        padding: 5px;
                     }
                     &:hover{
                        color: $brand-primary;
                     }
                  }
               }
            }   //comment-body
            .comment-content{
               p{
                  padding: 20px 50px;
                  color:$light-black;
                  margin-bottom: 0px;
                  a{
                     color: $brand-primary;
                     &:hover{
                        text-decoration: none;
                     }
                  }
                  @media(max-width:$max){
                     padding: 10px 10px;
                  }
               }
               table,th,td{            //table
                  border:1px solid $gray;
                  text-align: center;
                  padding:10px 10px;
               }
               table{
                  width:auto;
                  margin:20px 0px;
               }
               td,th{
                  a{
                     color: $brand-primary;
                     &:hover{
                        text-decoration: none;
                     }
                  }
               }
               dl{
                  dd{
                     padding:10px 10px;
                     a{
                        color:$brand-primary;
                        text-decoration: none;
                     }
                  }
               }
               @media(max-width: $max){
                  width: 80%;
               }
            }
            ol{     //nested comments
               li{
                  margin:0 0 0 5px;
               }
               @media(max-width: $max){
                  padding-left: 0px;
               }
            }
         }
      }
      .comment-respond{
         display: block;
         margin:0px 0px 10px 0px;
         h3{
            font-size: 22px;
            font-weight: 500;
            text-transform: capitalize;
            color: $light-black;
            padding: 10px 20px 10px 0;
            small a{
               text-transform:capitalize;
               color: $light-black;
               padding:5px;
               font-size: 22px;
               font-weight: 500;
               margin:0px 0px;
               line-height: 1.7em;
               &:hover{
                  background-color: $brand-primary;
                  color:$white;
               }
               @media(max-width: $max){   //query for cancel reply mobileview
                  margin:20px 0 10px 0;
                  float: right;
               }
               @media(max-width: 350px){
                  margin:20px 0 10px 0;
                  float: left;
               }
            }
            @media(max-width: $max){     //query for h3 mobile view
               float: left;
               width: 100%;
            }
         }
         .comment-form{
            margin:10px 20px;
            color:$gray-light;
            p input{
               background:$white;
               border: 1px solid $comment-border;
               color: $gray-light;
               font-size: 15px;
               margin: 5px 5px 0 0;
               outline: medium none;
               padding: 8px 10px;
            }
            .comment-form-comment{  //commentbox
               font-size: 15px;
               text-transform: uppercase;
               padding: 20px 0px 20px 0px;
               width:80%;
               height:auto;
               textarea{
                  margin-left: 0px;
                  padding:10px;
                  width:100%;
                  @media(max-width:$max){
                     width:125%;
                  }
               }
            }
            .comment-form-author{       //name
               input{
                  margin-left:25px;
                  @media(max-width:$max){
                     margin-left:0px;
                     width:100%;
                  }
               }
            }
            .comment-form-email{        //email
               input{
                  margin-left: 27px;
                  @media(max-width:$max){
                     margin-left:0px;
                     width:100%;
                  }
               }
            }
            .comment-form-url{          //website url
               input{
                  margin-left:22px;
                  @media(max-width:$max){
                     margin-left:0px;
                     width:100%;
                  }
               }
            }
            .form-submit{
               margin:30px 0px 50px -18px;        //submit button
               .submit{
                  padding: 10px 15px;
                  font-size: 15px;
                  font-weight: 400;
                  margin: 0px 0px 0px 18px;
                  text-transform: uppercase;
                  color: $white;
                  background: $brand-primary;
                  border:1px solid $brand-primary;
                  text-decoration: none;
                  &:hover{
                     cursor: pointer;
                     background: rgba(2,184,117,0.7);
                  }
               }
            }
            p{      //logged in class
               text-transform: capitalize;
               a{
                  color:$light-black;
                  font-weight: 500;
               }
            }
         }
      }       //comment-respond
      @media(max-width: $max){
         padding:0px 10px;
      }
   }
   .navigation{
      margin:30px 20px;
      clear:both;
      .screen-reader-text{
         display: none;
      }
      .nav-links{
         margin-top:40px;
         padding-top:30px;
         font-size: 14px;
         font-weight: bold;
         text-decoration: none;
         text-transform: uppercase;
         .nav-previous{
            a{
               margin-left: 20px;
               color:$light-black;
               border: none;
               padding:5px 10px;
               text-decoration: none;
               font-size:13px;
               float:left;
               word-wrap: break-word;
               border:1px solid $lwhite;
               &:hover{
                  transition:all 0.25s ease 0s;
                  color: $brand-primary;
                  border:1px solid $brand-primary;
               }
               &:before{
                  padding: 5px;
                  content: "\f177";
                  font-family: 'fontawesome';
                  font-size:20px;
               }
               @media(max-width: $max){
                  margin:10px;
                  float:none;
                  display: block;
               }
            }
            @media(max-width: $max){    //prev
               width:100%!important;
               text-align: center;
               float:none;
               display: block;
            }
         }
         .nav-next{
            a{
               margin-right: 20px;
               border: none;
               padding:5px 10px;
               text-decoration: none;
               float:right;
               font-size:13px;
               word-wrap: break-word;
               color:$light-black;
               border:1px solid $lwhite;
               &:hover{
                  transition:all 0.25s ease 0s;
                  color: $brand-primary;
                  border:1px solid $brand-primary;
               }
               &:after{
                  padding: 5px;
                  content: "\f178";
                  font-size:20px;
                  font-family: 'fontawesome';
               }
               @media(max-width: $max){
                  margin:10px;
                  float:none;
                  display: block;
               }
            }
            @media(max-width: $max){    //next
               width:100%!important;
               float:none;
               display: block;
               text-align: center;
            }
         }
         @media(max-width: $max){
            padding:20px 0;
         }
      }    //nav-links`
   }   //navigation
}

//sidebar designs
.home-sidebar-1,.home-sidebar-2,.home-sidebar-3,.home-sidebar-4,.home-sidebar-5{
   clear: both;
   padding:30px 0;
   .widget_post_display_widget{
      .wid-title{
         padding-bottom: 20px;
         border-bottom: 2px solid $lwhite;
         margin-bottom: 30px;
         .breeze-widget-title{
            display: inline;
            @media(max-width:$max){
               font-size:25px;
            }
         }
         .cat-readmore{
            display: inline;
            float: right;
            margin-top:10px;
            a{
               color:$gray-light;
               font-size: 12px;
               font-weight: 500;
               text-transform: uppercase;
               i{
                  padding-left: 5px;
               }
            }
            @media(max-width:$max){
               margin-top:5px;
            }
         }
      }
      .realty_widget{      //realty post widget css class
         margin-top:10px;
         padding:0;
         display: inline;
         clear: both;
         li{
            border:2px solid $lwhite;
            margin:5px;
            padding:10px;
            margin:0 0 15px 0;
            list-style:none;
            min-height:200px;
            line-height:22px;
            height:220px;
            width:100%;
            a{
               font-weight:bold;
            }
            span{
               display:block;
               font-size:11px;
            }
            img{
               float:left;
               margin:0 12px 0 0;
            }
           .wp-image-block{        //widget image container
               height: 100%;
               width: 200px;
               float:left;
               margin-right: 15px;
               .noThumb{
                  background-color:$black;
                  float:left;
                  margin:0 12px 0 0;
               }
               @media(max-width: $max){
                  width:100%;
                  height:100%;
                  min-height:200px;
               }
               @media(max-width: $tab){
                  width:100%;
                  height:100%;
                  min-height:200px;
               }
               @media(max-width: $desktop){
                  width:100%;
                  height:100%;
                  min-height:200px;
               }
               @media(max-width: $lg){
                  width:100%;
                  height:100%;
                  min-height:200px;
               }
            }
            .wp-content-block{        //widget content block
               width:55%;
               display: block;
               float:left;
               height:100%;
               .wp-top{
                  a{
                     font-size: 20px;
                     line-height: 1.6;
                     font-weight:500;
                     font-family: $head-font;
                     text-transform: capitalize;
                     @media(max-width:$max){
                        margin:5px 10px;
                     }
                  }
                  p{
                     font-size:15px!important;
                     line-height: 1.6;
                     font-family: $body-font;
                     color:$gray-light;
                     @media(max-width:$max){
                        margin:5px 10px;
                     }
                  }
                  @media(max-width:$max){
                     margin-top: 5px;
                  }
               }
               .wp-bottom{
                  span{
                     font-size: 14px;
                     font-weight:500;
                     color:$gray-light;
                  }
                  .wp-first{
                     display: inline-block;
                     .author-img{
                        display: inline-block;
                        img{
                           border-radius: 100%;
                           padding:3px;
                        }
                     }
                  }
                  .wp-second{
                     display: inline-block;
                     .author-name{
                        a{
                           text-transform:capitalize;
                           color:$light-black;
                           font-weight:400;
                           &:hover{
                              cursor:pointer;
                              color:$brand-primary;
                           }
                        }
                     }
                  }
                  .wp-third{
                     display:inline-block;
                     color:$gray-light;
                     float: right;
                     margin-top:15px;
                     //bookmark button
                     .rs-save-for-later-button{
                        font-size:18px;
                        svg{
                           width:13px;
                           height:13px;
                           path{
                              fill:$lwhite;
                              stroke:$black;
                              &:hover{
                                 fill:$brand-primary!important;
                              }
                           }
                        }
                     }
                     //active
                     .saved{
                        svg{
                           path{
                              fill:$gray-light;
                           }
                        }
                     }
                     //saved
                     .rs-see-saved{
                        font-size: 14px;
                        font-weight: 400;
                        color:$gray-light;
                        &:hover{
                           color:$brand-primary;
                        }
                     }
                  }
                  @media(max-width:$max){
                     margin:5px 10px;
                  }
               }
               @media(max-width: $max){
                  width:100%;
               }
               @media(max-width: $tab){
                  width:100%;
               }
               @media(max-width: $desktop){
                  width:100%;
               }
               @media(max-width: $lg){
                  width:100%;
               }
            }
            &:nth-child(odd) {          //home-page post display in two columns
               float:left;
               width:49%;
            }
            &:nth-child(even) {
               float:right;
               width:49%;
            }
            @media(max-width:$max){
               width:100%!important;
               height:100%;
            }
            @media(max-width:$tab){
               width:100%!important;
               height:100%;
            }
            @media(max-width:$desktop){
               width:100%!important;
               height:100%;
            }
            @media(max-width:$lg){
               width:100%!important;
               height:100%;
            }
         }
      }
   }
   //vertical widget stylings
   .vertical-style{
      .realty_widget{      //recent post widget css class
         margin-top:10px;
         padding:0;
         display: inline;
         clear: both;
         li{
            border:2px solid $lwhite;
            margin:5px;
            padding:10px;
            margin:15px;
            list-style:none;
            line-height:22px;
            width:30.44%!important;
            float: left;
            height:auto;
            a{
               font-weight:bold;
            }
            span{
               display:block;
               font-size:11px;
            }
            img{
               margin:0 12px 0 0;
            }
            .wp-image-block{        //widget image container
               height: auto;
               min-height:200px;
               width: 100%;
            }
            .wp-content-block{        //widget content block
               width:100%;
               height:100%;
               .wp-top{
                  padding: 10px;
                  a{
                     font-size: 20px;
                     line-height: 1.6;
                     font-weight:500;
                     font-family: $head-font;
                     text-transform: capitalize;
                     @media(max-width:$max){
                        margin:5px 10px;
                     }
                  }
                  p{
                     font-size:15px!important;
                     line-height:1.5;
                     font-family: $body-font;
                     color:$gray-light;
                     @media(max-width:$max){
                        margin:5px 10px;
                     }
                  }
                  @media(max-width:$max){
                     margin-top: 5px;
                  }
                  @media(max-width:$tab){
                     width:100%;
                  }
               }
               .wp-bottom{
                  margin-bottom:15px;
                  padding:0px 10px;
                  span{
                     font-size: 14px;
                     font-weight:500;
                     color:$gray-light;
                  }
                  .wp-first{
                     display: inline-block;
                     .author-img{
                        display: inline-block;
                        img{
                           height:40px;
                           width:40px;
                           border-radius: 100%;
                           padding:3px;
                        }
                     }
                  }
                  .wp-second{
                     display: inline-block;
                     .author-name{
                        a{
                           text-transform:capitalize;
                           color:$light-black;
                           font-weight:400;
                           &:hover{
                              cursor:pointer;
                              color:$brand-primary;
                           }
                        }
                     }
                  }
                  .wp-third{
                     display:inline-block;
                     color:$gray-light;
                     float: right;
                     margin:15px 5px 0px 0px;
                  }
                  @media(max-width:$max){
                     margin:5px 10px;
                  }
                  @media(max-width:$tab){
                     width:100%;
                  }
               }
            }
            @media(max-width:$max){
               width:100%!important;
               min-height:100px;
               margin:15px 0px;
            }
            @media(max-width:$tab){
               width:100%!important;
               height:auto;
               margin:10px 0px;
            }
            @media(max-width:1200px) and (min-width:768px){
               width:100%!important;
               height:auto;
               margin:10px 0px;
            }
         }
      }
   }
   //newsletter-form
   .widget_newsletterwidget{
      clear: both;
      text-align: center;
      color: $dark-gray;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.5;
      margin: 0 0 10px;
      @media(max-width: $max){
         font-size: 18px;
      }
      .breeze-widget-title{
         display: inline-block;
         width: 100%;
         padding: 50px 0 0;
         margin-top: 50px;
         margin-bottom: 20px;
         font-size: 36px;
         line-height: 1.6;
         border-top: 1px solid #dddddd;
         @media(max-width: $max){
            padding:20px 0px;
            font-size:30px;
         }
      }
      //newsletter form
      .tnp-widget{
         margin:10px 0px;
         form{
            display: block;
            width: 100%;
            margin-top: 20px;
            .tnp-field{
                display: inline-block;
            }
            .tnp-field-email{
                width: 60%;
               label{
                  display: none;
               }
               input[type="email"]{
                  border:1px solid $title-border;
                  font-size:14px;
                  color:$gray!important;
                  height: 53px;
               }
            }
            .tnp-field-button{
               input[type="submit"]{
                  text-transform: uppercase;
                  font-size: 16px;
                  color: $white;
                  background: $brand-primary;
                  border: 1px solid $brand-primary;
                  padding: 15px 20px;
                  font-weight: bold;
                  text-decoration: none;
                  transition: all 0.3s ease 0s;
                  &:hover{
                     cursor: pointer;
                     background: $brand-primary-dark;
                  }
               }
            }
         }//form
      }
   }//newsletter
}
//widget
.widget_realty_widget{
   clear: both;
   padding-top:10px;
   .breeze-widget-title{
      margin: 20px 0;
      text-align: left;
      font-size: 24px;
      line-height: 1.6;
      font-weight: 700;
      border-bottom: 2px solid $title-border;
      text-transform: capitalize;
   }
}
//blog sidebar
.sidebar{
   margin-top:20px;
   margin-bottom:10px;
   padding-top:10px;
   padding:5px;
   .widget-area{
      text-align: left;
      .blog-widget{
         color: $light-black;
         margin:0 0 20px 0;
         .breeze-widget-title{     //widget-title  sidebar
            font-size: 11px;
            font-weight: 400;
            text-transform:uppercase;
            line-height:1.7em;
            color:$light-black;
            padding-bottom: 10px;
            margin-top:0px;
         }
         ul{
            padding-left: 0px;
            margin:15px 0px;
            color:$black;
            li{
               list-style-type: none;
               text-transform: capitalize;
               font-size: 13px;
               a{
                  color:$gray;
                  text-align:left;
                  text-decoration: none;
                  font-size: 13px;
                  &:hover{
                     color:$black;
                     transition: all 1s ease 0s;
                  }
               }
            }
         }
      }
      .widget_archive{        //archivelist   sidebar
         padding: 10px 40px;
         select{
            margin-top:15px;
            padding:0px 10px;
            font-size:13px;
            outline:0;
            color:$gray;
            font-weight: 400;
            background: transparent;
            border:1px solid $gray-light;
            option{
               padding: 5px 5px;
            }
         }
         ul{ margin:0;
            li{
               display:block;
               a{
                  padding: 3px 10px;
                  display:inline-block;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
               span{
                  color:$gray-light;
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_calendar{       //calendar      sidebar
         padding: 10px 40px;
         caption{
            color:$gray-light;
         }
         .calendar_wrap{
            table{
               tr,td,th{
                  text-align: center;
                  padding:6px;
               }
               th{
                  color:$light-black;
                  font-weight: 400;
               }
               #today{
                  color: $brand-primary;
               }
               thead,tbody,tfoot{
                  td a{
                     color:$brand-primary;
                  }
               }
               @media(max-width: $max){
                  margin:0px;
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_text{               //text-widget   sidebar
         padding: 10px 40px;
         .textwidget{
            p{
               line-height: 2;
               font-size: 13px!important;
               strong{
                  text-transform: capitalize;
                  color:$gray;
                  font-weight: 400;
               }
               img{
                  height:auto;
                  max-width:100%;
               }
            }
            a{
               img{
                  max-width:100%;
                  height:auto;
               }
            }
            div{
               p{
                  text-transform: capitalize;
               }
            }
            form{
               select{
                  margin-top:15px;
                  padding:0px 10px;
                  font-size:13px;
                  outline:0;
                  width:90%;
                  color:$light-black;
                  font-weight: 500;
                  background: transparent;
                  border:1px solid $gray-light;
                  option{
                     padding: 5px 5px;
                  }
               }
            }
            p{
               text-transform: capitalize;
               font-size: 12px;
               color:$gray-light;
            }
            ul{
               margin:20px 20px;
               padding:0;
               li{
                  list-style-type: none;
                  display: inline-block;
                  a{
                     color:$gray;
                     font-size: 25px;
                     padding:5px 10px;
                     &:hover{
                        color:$black;
                        padding:5px 9px;
                     }
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_search {                //search widget sidebar
         padding: 10px 40px;
         .search-form{
            .screen-reader-text{
               display: none;
            }
            .search-field{         //text search
               font-size: 14px;
               font-weight: 400;
               width:80%;
               padding:4px 10px;
               border-radius:0;
               border: 1px solid $gray-light;
               position:relative;
               max-width:100%;
               color:$light-black;
            }
            .search-submit{      //search-button sidebar
               background:$brand-primary;
               border:2px solid $brand-primary;
               color:$white;
               padding:3px 15px;
               position:absolute;
               font-weight:600;
               margin-left:-40px;
               &:hover{
                  background: rgba(2,184,117,0.7);
                  color:$white;
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_categories{     //category widget   sidebar
         padding: 10px 40px;
         label{
            display: none;
         }
         ul{
            margin:0;
            li{
               display: block;
               margin:0;
               a{
                  padding: 3px 10px;
                  display:inline-block;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
               span{
                  color: $brand-primary;
               }
               ul{
                  margin:0;
                  li{
                     display: block;
                     &:last-child{
                        padding-bottom: 0;
                     }
                     a{
                        padding: 5px 10px;
                        display:inline-block;
                     }
                     span{
                        color: $brand-primary;
                     }
                  }
                  ul{
                     li{
                        display: block;
                        &:last-child{
                           padding-bottom: 0;
                        }
                        a{
                           padding: 5px 10px;
                           display:inline-block;
                        }
                        span{
                           color: $brand-primary;
                        }
                     }
                  }
               }
            }
         }
         select{
            margin-top:15px;
            padding:0px 10px;
            font-size:13px;
            outline:0;
            color:$light-black;
            font-weight: 400;
            background: transparent;
            border:1px solid $gray-light;
            option{
               padding: 5px 5px;
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_pages{          //widget pages sidebar
         padding: 10px 40px;
         ul{
            li{
               padding:0;
               margin:0;
               a{
                  display: block;
                  padding: 3px 10px;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
               ul{
                  margin:0;
                  li{
                     a{
                        padding: 3px 10px;
                     }
                  }
                  ul{
                     li{
                        a{
                           padding: 3px 10px;
                        }
                     }
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_recent_entries{         //recent post  sidebar
         padding: 10px 40px;
         ul{
            li{
               color:$gray-light;
               text-transform: none;
               &:last-child{
                  border:0;
               }
               .post-date,.published{
                  color: $gray;
                  font-size:12px;
               }
               a{      //header
                  color:$gray;
                  text-transform: capitalize;
                  margin-top:10px;
                  padding: 3px 10px;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
               .comment-count{     //comment
                  color:$gray;
                  &:hover{
                     color:$brand-primary;
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_tag_cloud{          //tags list sidebar
         padding: 10px 40px;
         .tagcloud a{
            text-decoration:none;
            color:$gray;
            font-size:13px!important;
            border:1px solid $lwhite;
            padding:5px 10px;
            border-radius: 3px;
            margin:0px 8px 8px 0px;
            line-height: 2.2em;
            word-wrap: break-word;
            font-weight: 400;
            &:hover{
               color:$black;
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_recent_comments{           //recent post comment    sidebar
         padding: 10px 40px;
         ul{
            li {
               color:$gray-light;
               text-transform: none!important;
               padding: 3px 10px;
               span{
                  color:$gray-light;
                  text-transform:capitalize;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
                  a{
                     color:$gray;
                     &:hover{
                        cursor: pointer;
                     }
                  }
               }
               a{
                  color:$gray;
                  font-size:13px;
                  text-transform: capitalize;
                  &:hover{
                     cursor: pointer;
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_nav_menu{       //nav menu sidebar
         padding: 10px 40px;
         ul{
            li{
               padding:0;
               margin:0;
               a{
                  display: block;
                  padding: 3px 10px;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
               ul{
                  margin:0;
                  li{
                     a{
                        padding: 3px 10px;
                     }
                  }
                  ul{
                     li{
                        a{
                           padding: 3px 10px;
                        }
                     }
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_rss{        //Rss content    sidebar
         padding: 10px 40px;
         background: $white;
         a{
            color: $light-black;
            text-decoration: none;
            text-transform: capitalize;
         }
         ul{
            padding: 0;
            li{
               text-transform:lowercase;
               margin: 10px 0 20px 0;
               border-bottom: 2px solid $gray-light;
               &:last-child{
                  border-bottom: 0;
               }
               a{
                  color:$gray;
               }
               span{
                  color:$light-black;
                  font-weight:400;
                  text-transform: capitalize;
               }
               div{
                  font-weight: 300;
                  color:$gray-light;
               }
               cite{
                  color:$brand-primary;
               }
               .rssSummary{
                  color:$gray-light;
                  font-weight: 400;
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
      .widget_meta{           //widget meta sidebar
         padding: 10px 40px;
         ul{
            li{
               a{
                  padding:3px 10px;
                  &:before{
                     content:"\f104";
                     font-family:'fontawesome';
                     padding-right:10px;
                  }
               }
            }
         }
         @media(max-width: $max){
            padding:10px;
         }
      }
   }
   @media(max-width:$max){
      padding:25px;
      margin-top: 0px;
   }
}//sidebar

/*Post formats*/

/*
  ASIDE POST FORMAT
  -------------------
*/
.breeze-format-aside{
   .aside-featured{
      margin: 0 auto;
   }
   .entry-meta{
      margin: 10px;
   }
   .entry-content{
      margin-top: 0;
      background: none;
   }
   .entry-excerpt{
      p{
         padding: 10px!important;
      }
   }
   .entry-footer{
      border-bottom: none;
      background: rgba(0,0,0,0.05);
      padding-right: 10px;
   }
}

/*
  GALLERY POST FORMAT
  -------------------
*/
.breeze-format-gallery{
   .category-column{
      @media(max-width: $max){
         min-height:auto;
      }
      .wp-content-block{
         .entry-header{
            h3,.entry-title{
               a{
                  margin-top: 20px;
                  @media(max-width: $max){
                     margin-left: 0px;
                  }
               }
               @media(max-width: $max){
                  text-align: left!important;
               }
            }
         }
         .button-container{
            margin-bottom:15px;
            margin-top:0px;
         }
      }
   }
   .standard-featured{
      height: 260px;
      max-width: 100%;
      color: $white;
      &:after{
         background-color: transparent;
      }
   }
   .post-entry-content{
      .button-container{
         margin: 15px 0px;
      }
   }
   .carousel.slide{
      .carousel-inner{
         div.item{
            height: 250px;
            background-size: cover;
            @media(max-width: $max){
               height:200px;
            }
         }
         .entry-excerpt{
            text-align: center;
            padding-top:20px;
            p{
               background: rgba(2,184,117,0.7);
            }
         }
      }
      @media($max){
         height:auto;
      }
   }
   .carousel-control{
      background: none;
      font-size: 20px;
      opacity: 1;
      filter: alpha(opacity=100);
      width: auto;
      .table{
         .table-cell{
            span{
               background:rgba(2,184,117,0.8);
               padding:5px;
            }
         }
      }
      .preview-container{
         @include animate(all, 320ms);
         display: block;
         padding: 15px;
         background-color: rgba(0, 0, 0, 0.3);
         line-height: 0;
         position: relative;
         .thumbnail-container{
            position: absolute;
            display: block;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            background-color: $gray;
            top: 1px;
            @include animate(transform, 320ms);
            @include transform(scale(0));
         }
      }
      &.right{        //carousel arrows
         left:50px!important;
         top:200px;
         left:0;
         .preview-container{
            .thumbnail-container{
               left: 1px;
            }
         }
         @media(max-width: $max){
            top:160px;
         }
      }
      &.left{
         right:50px!important;
         top:200px;
         right:0;
         .preview-container{
            .thumbnail-container{
               right: 1px;
            }
         }
         @media(max-width: $max){
            top:160px;
         }
      }
      &:hover{
         opacity: 1;
         .preview-container{
            background-color: rgba(0,0,0,0.8);
            .thumbnail-container{
               @include transform(scale(1));
            }
         }
         &.right{
            .preview-container{
               padding-left: 60px;
               border-radius: 35px 0 0 35px;
            }
         }
         &.left{
            .preview-container{
               padding-right: 60px;
               border-radius: 0 35px 35px 0;
            }
         }
      }
   }
}

/*
  Link POST FORMAT
  -------------------
*/
.breeze-format-link{
   padding:10px;
   .category-column{
      @media(max-width: $max){
         min-height:540px!important;
      }
      .wp-content-block{
         h1,.entry-title{
            padding:0;
            &::after,&::before{
               display: none;
            }
            a{
               display: block;
               @media(max-width: $max){
                  text-align: left!important;
                  margin:5px 0px;
               }
            }
         }
         .entry-excerpt{
            p{
               padding: 0;
               @media(max-width: $max){
                  padding-top: 0px;
               }
            }
         }
         .author-info{
            padding-top: 5px;
         }
      }
   }
}
/*
  AUDIO POST FORMAT
  -------------------
*/
.breeze-format-audio{
   .category-column{
      @media(max-width: $max){
         min-height:auto;
      }
      h3,.entry-title{
         margin-right: 20px;
         &::after,&::before{
            display: none;
         }
         @media(max-width: $max){
            text-align: left!important;
         }
         a{
            @media(max-width: $max){
               text-align: left!important;
               margin:5px 0px;
            }
         }
      }
      .post-entry-content{
         padding: 0;
         audio{
           width:100%;
         }
         .content-block{
            .button-container{
               margin-bottom: 15px;
            }
            @media(max-width: $max){
               padding: 10px;
            }
         }
         .audio-head{
            margin:5px 0px;
            span{
               color: $gray-light;
               a{
                  text-decoration: none;
                  color: $gray-light;
                  &:hover{
                     color: $brand-primary;
                  }
               }
            }
         }
      }
   }
}

/*
  VIDEO POST FORMAT
  -------------------
*/
.breeze-format-video{
   padding:10px;
   iframe{       //video framesize
      max-width:100%;
      text-align: center;
      border:0px;
   }
   .entry-header{
      h1.entry-title{
         margin-top: 20px;
      }
   }
   .button-container{
      margin-bottom: 15px;
   }
   .post-entry-content{
      @media(max-width: $max){
         padding: 0px!important;
         .entry-excerpt p{
            padding: 10px!important;
         }
         .button-container{
            padding-left: 10px;
         }
         .content-block{
            .entry-header{
               .entry-title{
                  margin:5px 0px;
                  text-align: left;
               }
            }
         }
      }
   }
}

/*
  Image post format
  ---------------------
*/
.breeze-format-image{
   .category-column{
      @media(max-width: $max){
         min-height:auto!important;
      }
      .entry-header{
         height: 250px;
         position: relative;
         .entry-meta{
            top:50px;
            padding:5px;
            color: $white;
            border:0!important;
            display: block;
            font-weight: 500;
            span{
               display: block;
               margin:10px;
               border:0;
               background: $brand-primary;
               i{
                  color:$white!important;
               }
               a{
                  color: $white!important;
               }
               &:hover{
                  background:transparent;
               }
            }
            @media(max-width:$max){
               top:0;
            }
         }
         //second column
         .entry-image-header{
            .entry-title{
               padding:5px;
               color: $white;
               border:0!important;
               display: block;
               font-size:20px;
               font-weight: 500;
               a{
                  color: $white!important;
                  &:hover{
                     color:$brand-primary!important;
                  }
               }
               span i{
                  color:$white!important;
               }
            }
            .entry-excerpt{
               p{
                  background: rgba($brand-primary,0.6);
                  padding:10px;
                  line-height: 1.6;
                  color:$white;
                  font-size: 15px;
                  @media(max-width:$max){
                     margin:0px;
                     background: rgba(2,184,117,0.5);
                  }
               }
            }
         }
      }//entry-header
   }
}

/*
  Quote POST FORMAT
  -------------------
*/
.breeze-format-quote{
   .category-column{
      @media(max-width: $max){
         min-height:auto!important;
      }
      .quote-content{
         font-size: 15px;
         font-weight: 500;
         line-height: 1.9em;
         padding:10px 15px;
         margin:0;
         display: block;
         a{
            color: $gray;
            text-decoration:none;
            blockquote{
               margin:0;
               font-size: 13px;
            }
            p{
               color:$gray-light;
            }
         }
         &:before{
            display: inline-block;
            position: relative;
            color: $gray-light;
            font-size:18px;
            content: '\f10d';
            font-family:"fontawesome";
            padding-right:10px;
         }
      }
      .quote-author{
         text-transform: capitalize;
         font-size: 16px;
         font-weight: 400;
         padding-left:20px;
         color:$brand-primary;
         margin:0 0 10px 0;
      }
   }
}

/*
  STATUS POST FORMAT
  -------------------
*/
.breeze-format-status{
   padding:0;
   .category-column{
      @media(max-width: $max){
         min-height: auto!important;
      }
      .post-details{
         padding:10px;
         .avatar {
            border: 2px solid $white;
            border-radius:10px;
            float: left;
            img{
               border-radius: 100%;
               display: inline-block;
               float: left;
            }
         }
         .status-info {
            color: $gray;
            margin: 0px 0 10px 90px;
            position: relative;
            span{
               font-size: 13px;
               color: $brand-primary;
               font-weight:500;
               margin-right:5px;
               text-transform: capitalize;
            }
            p{
               font-size: 15px;
               color: $gray-light;
               line-height: 1.7em;
               margin: 10px 0;
               font-weight: 500;
            }
            @media(max-width: $max){
               margin-left:10px!important;
            }
         }
      }
   }
}

/*
	-------------------
	CHAT POST FORMAT
	-------------------
*/
.post_format-post-format-chat{
   .entry-content{
      p{
         padding:10px 0;
      }
   }
   .chat-transcript {
      background: $white;
      .chat-row{
         @include animate(all, 320ms);
         margin-bottom: 10px;
         padding-left: 15px;
         background:$white;
         .chat-author {
            padding-top: 5px;
            cite {
               color: $brand-primary;
               font-weight: 600;
            }
         }
         .chat-text {
            p{
               padding-bottom: 5px;
               margin: 0;
               background: transparent;
            }
         }
         @media(max-width: $max){
            padding: 0px;
         }
      }
      .chat-speaker-1,.chat-speaker-2{
         @media(max-width: $max){
            padding: 5px!important;
         }
      }
      .chat-row.chat-speaker-1 cite{
         color: $brand-primary!important;
      }
      .chat-row.chat-speaker-2 cite:nth-child(odd){
         color: $brand-primary!important;
      }
   }
}

//commom styles
.entry-header{
   .entry-title{
      margin: 0;
      line-height:1.6;
      font-weight:500;
      font-family: $head-font;
      text-transform: capitalize;
      word-wrap: break-word;
      font-size: 20px;
      a{
         text-decoration:none;
         color:$light-black;
         @media(max-width:$max){
            margin:5px 10px;
         }
         &:hover{
            color:$brand-primary;
         }
         .link-icon{         //link-icon
            margin:10px 10px;
            display: block;
            color: $brand-primary;
            padding:10px;
            margin-left:5px;
         }
         @media(max-width: $max){
            font-size:25px;
         }
      }
      @media(max-width:$max){
         text-align:center;
      }
   }
}
.page{
   .entry-content{
      padding: 20px 0;
   }
   .entry-header{
      margin: 30px 0 0;
   }
}
.entry-content{
   background: transparent;
   .readmore-link{         //readmore
      margin-bottom: 15px;
      a{
         color: $brand-primary;
         text-decoration: none;
         &:hover{
            cursor: pointer;
         }
         @media(max-width: $max){
            margin-left: 10px;
         }
      }
      p{
         color:$gray;
         line-height:1.9em;
      }
   }
   p{          //primary-background
      background: transparent;
      margin:0;
      font-weight: 500;
      padding:10px 10px 10px 0px;
      word-wrap: break-word;
      font-size: 15px;
      line-height:1.6;
      font-family: $body-font;
      color:$gray-light;
      @media(max-width:$max){
         margin:5px 10px;
      }
      iframe{       //video framesize
         width:100%;
         height:500px;
         padding:20px;
         border:0px;
         @media(max-width: $max){
            padding:0px;
            height:auto;
         }
      }
      img{
         max-width: 100%;
         height:auto;
      }
      a{
         color:$light-black;
         border-bottom: 1px dashed $light-black;
         &:hover{
            border-bottom: 1px dashed $brand-primary;
            text-decoration: none;
            color:$brand-primary;
         }
         img{            //post format img display
            @media(max-width: $max){
               margin: 0;
            }
         }
      }
   }
   .wp-video-playlist{
      margin-right:30px;
   }
   form{       //password form
      label{
         text-transform: uppercase;
         color:$light-black;
      }
      input[type="password"]{
         border:1px solid $gray;
         padding: 2px 10px;
         color:$light-black;
      }
      input[type="submit"]{
         border:1px solid $gray;
         padding: 2px 10px;
         background: $light-black;
         color:$white;
         font-weight:700;
         &:hover{
            background: $brand-primary;
            color:$white;
            border:1px dashed $brand-primary;
         }
      }
   }
   //posts
   .rs-saved-for-later{
      .rs-item-saved-for-later{ //list
         .rs-item-content{
            .rs-item-float{
               .rs-item-title{   //title
                  text-transform: capitalize;
                  &:hover{
                     color:$brand-primary;
                  }
               }
            }
            //bookmark
            .rs-item-nav a{
               margin-top:10px;
               svg{
                  width:13px;
                  height:13px;
               }
            }
         }
      }
   }
   //remove button
   .rs-save-for-later-remove-all{
      color: $white;
      background: $brand-primary;
      border:2px solid $brand-primary;
      padding:8px 12px;
      margin:15px 0px;
      font-weight: bold;
      text-decoration: none;
      &:hover{
         cursor: pointer;
         background: rgba(2,184,117,0.7);
      }
   }
   //bookmark button
   .rs-save-for-later-button{
      svg{
         width:16px;
         height:16px;
         path{
            fill:$lwhite;
            stroke:$black;
            &:hover{
               fill:$brand-primary!important;
            }
         }
      }
   }
   //active
   .saved{
      svg{
         path{
            fill:$gray-light;
         }
      }
   }
   //saved
   .rs-see-saved{
      font-size: 14px;
      font-weight: 400;
      color:$gray-light;
      &:hover{
         color:$brand-primary;
      }
   }
}   //entry-content

//markup stylings
blockquote{             //blockquote
   margin:20px 20px;
   p{
      padding:0px;
      font-size:14px;
      line-height: 1.8em;
      &:before{
         content:"\f10d";
         padding:0px 10px;
         font-family:'fontawesome';
         color:$gray-light;
      }
      &:after{
         content:"\f10e";
         padding:0px 10px;
         font-family:'fontawesome';
         color:$gray-light;
      }
   }
}
table,th,td{            //table
   text-align: center;
   padding:5px 6px;
   @media(max-width:$max){
      padding:2px 4px;
   }
}
table{
   width:auto;
   margin:20px 0px;
   tbody{
      tr{
         border-bottom: 1px solid $lwhite;
         th,td{
            a{
               color: $light-black!important;
               &:hover{
                  text-decoration: none;
                  color: $brand-primary!important;
               }
            }
         }
      }
   }
}
dl{             //definition list tags-links
   display: block;
   dt{
      text-transform: uppercase;
      padding: 5px 5px;
   }
   dd{
      padding:10px 10px;
      a{
         color:$light-black;
         text-decoration: none;
         &:hover{
            text-decoration: none;
            color: $brand-primary!important;
         }
      }
   }
   @media(max-width: $max){
      text-align: left;
   }
}
ul{     //unordered list
   line-height: 2.0;
   li{
      list-style-type:circle;
      line-height:2.0;
      a{
         color:$light-black;
         text-decoration:none;
         &:hover{
            cursor:pointer;
            color:$brand-primary;
            text-decoration: none;
         }
      }
   }
   ul li{
      list-style-type: disc;
      ul li{
         list-style-type: square;
      }
   }
}
ol{     //ordered list
   line-height: 2.0;
   li{
      list-style-type:upper-roman;
      line-height:2.0;
      a{
         color:$light-black;
         text-decoration: none;
         &:hover{
            color:$brand-primary;
            cursor: pointer;
         }
      }
   }
   ol li{
      list-style-type:decimal;
      ol li{
         list-style-type:lower-alpha;
      }
   }
}
address{        //address tag
   font-style: italic;
   line-height: 2;
   margin-left:30px;
   padding-left: 20px;
}
pre{        //pre
   margin-left:50px;
}
figcaption a{
   color:$brand-primary;
   text-decoration: none;
   &:hover{
      cursor:pointer;
   }
}
.wp-caption{
   background: none;
   border:0;
   .wp-caption-text{       //p caption
      font-size:13px;
   }
}

/*
  Related posts
  -------------------
*/
.related-posts{
   margin-top:50px;
   padding:0 20px 50px 20px;
   text-align: left;
   .related-posts_title{
      color:$light-black;
      padding: 50px 0 15px 0;
      margin-top:65px;
      text-transform: capitalize;
      font-size:22px;
      line-height: 1.6;
      @media(max-width: $max){
         margin-top:0;
         padding:0;
      }
   }
   ul.related-posts_list{
      padding-left: 0;
      margin-left: 0;
      margin-bottom: 30px;
      li.related-posts_item{
         margin-bottom: 5px;
         list-style-type: none;
         a{
            color: $gray-light;
            display: block;
            padding: 10px;
            font-weight: 500;
            text-decoration: none;
            font-size: 16px;
            &:before{
               content:"\f104";
               font-family: 'fontawesome';
               padding:5px 10px;
               color:$gray;
            }
            @media(max-width: $max){
               font-size: 13px!important;
            }
         }
         &:hover,&:focus{
            background: $primary-background;
            a{
               color: $brand-primary;
            }
         }
      }
      @media(max-width: $max){
         margin:0!important;
      }
   }
   @media(max-width: $max){
      margin-top:0!important;
      padding:0!important;
   }
}
//entry-meta
.entry-meta{
   margin-bottom:10px;
   span{
      margin-right:5px;
      i,a{
         color:$gray-light;
      }
   }
   .posted-on{
      i{
         padding:5px;
         padding-left:0px;
      }
      a{
         text-decoration: none;
         font-size: 13px;
         &:hover{
            color:$brand-primary;
         }
         @media(max-width: $max){
            margin-left:0px;
         }
      }
   }
   .posted-by{      //admin
      i{
         padding:5px;
         padding-left:0px;
      }
      a{
         text-decoration: none;
         font-size: 13px;
         text-transform: capitalize;
         padding:5px;
         &:hover{
            cursor: pointer;
            color:$brand-primary;
         }
         i{
            padding:5px;
         }
      }
   }
   .posted-in{          //tags
      i{
         padding:5px;
         padding-left:0px;
      }
      a{
         text-decoration: none;
         font-size: 13px;
         padding:5px;
         text-transform: capitalize;
         &:hover{
            cursor: pointer;
            color:$brand-primary;
         }
         i{
            padding:5px;
            padding-left:0px;
         }
         @media(max-width: $max){
            margin-left:0px;
         }
      }
   }
   .comments-counter-list{          //comments
      color:$gray-light;
      &:hover{
         cursor:pointer;
         color:$brand-primary;
      }
      i{
         padding:5px;
         padding-left:0px;
      }
      a{
         text-decoration: none;
         font-size: 13px;
         padding:5px;
         text-transform: capitalize;
         &:hover{
            cursor:pointer;
            color:$brand-primary;
         }
         i{
            padding:5px;
            padding-left:0px;
         }
         @media(max-width: $max){
            margin-left:0px;
         }
      }
   }
   .author{
      a{
         text-decoration: none;
         color:$brand-primary;
      }
      i{
         padding:5px;
         padding-left:0px;
      }
   }
   .cat-links{
      i{
         padding: 5px;
         padding-left:0px;
      }
      a{
         text-decoration: none;
         text-transform:capitalize;
         font-size:13px;
         &:hover{
            cursor:pointer;
            color:$brand-primary;
         }
      }
   }
   .tags-links,.tags-list{
      i{
         padding: 5px;
         padding-left:0px;
      }
      a{
         text-transform:capitalize;
         text-decoration: none;
         font-size:13px;
         &:hover{
            cursor:pointer;
            color:$brand-primary;
         }
         @media(max-width: $max){
            font-size: 12px;
            font-weight:700;
            color:$brand-primary;
         }
      }
   }
   .byline{
      .author{
         border:0;
         padding:0;
         i{
            padding: 5px;
            padding-left:0px;
         }
      }
      a{
         text-transform:capitalize;
         font-size:13px;
         color:$gray-light;
         &:hover{
            cursor:pointer;
            color:$brand-primary;
         }
      }
   }
}       //close entry-meta

//pagination

.breeze-navigation{
   clear: both;
   display: block;
   padding-top: 40px;
   padding-bottom: 40px;
   text-align: center;
   ul{
      padding:0;
      li{
         display: inline-block;
         a{
            color: $gray;
            text-decoration:none;
            background-color: $primary-background;
            display: block;
            cursor: pointer;
            padding: 5px 15px;
            margin:10px 0px!important;
            font-weight: 600;
            &:hover{
               background-color:rgba(2,184,117,0.7);
               color:$white;
            }
         }
         &.active{
            a{
               background-color:rgba(2,184,117,0.7);
               color: $white;
            }
         }
         &.disabled{
            color: $white;
         }
      }
   }
   @media(max-width: $max){
      padding:20px 0px;
   }
}

//page-links

.page-links{
   clear: both;
   display: block;
   padding:40px 20px;
   text-align: left;
   color:$brand-primary;
   font-weight: 700;
   a{
      color: $light-black;
      text-decoration:none;
      background-color: $primary-background;
      border-radius: 1px;
      cursor: pointer;
      padding: 12px;
      padding: 5px 7px;
      margin:0 5px;
      &:hover{
         background-color: $brand-primary;
         color:$white;
      }
   }
   @media(max-width: $max){
      padding:0;
   }
}

//404.php styles
.error-404{
   margin:30px 0;
   .page-header{
      border:0;
      .page-title{
         font-size:35px;
         line-height:1.6;
         text-align: center;
         margin:30px 0;
         @media(max-width: $max){
            font-size:26px;
            margin-bottom: 0px;
         }
      }
      @media(max-width: $max){
         margin-bottom: 0;
      }
   }
   .error-content{
      text-align: center;
      .error{
         margin:50px 0px;
         @media(max-width: $max){
            margin:0px;
         }
         .error-box{
            @media(max-width:$max){
               margin-bottom: 60px;
            }
            .error-message{
               p{
                  font-size:15px;
                  line-height:1.8;
                  color:$gray;
                  margin-bottom:30px;;
               }
            }
            .error-body{
               a{
                  font-size:14px;
                  line-height:1.8;
                  font-weight:600;
                  border-radius:20px;
                  color:$white;
                  background: $brand-primary;
                  border:2px solid $brand-primary;
                  padding:10px 20px;
                  margin:20px;
                  font-weight: bold;
                  text-decoration: none;
                  &:hover{
                     cursor: pointer;
                     background: rgba(2,184,117,0.7);
                  }
               }
            }
         }   //error-box
         .error-code{
            span{
               color:$brand-primary;
               font-size:160px;
               font-weight:500;
               @media(max-width: $max){
                  font-size: 120px;
               }
            }
            .first-err{
               color:rgba(2,184,117,0.7);
            }
            .last-err{
               color:rgba(2,184,117,0.7);
            }
         }
      }
   }
}

/*--------------------------------------------------------------
# BACK TO TOP
--------------------------------------------------------------*/
#back-to-top{
   position: fixed;
   right: 30px;
   top: auto;
   z-index: 999;
   display: none;
   bottom: -60px;
   @media(min-width: 900px){
      display: block;
   }

   .btn{
      background: transparent;
      line-height: 8px;
      padding: 0;
      color:$gray-light;
      opacity:0.8;
      transition:0.2s;
      box-shadow:none;
      text-shadow:none;
      border:0;
      i{
         font-size: 35px;
      }
      &:hover, &:active, &:focus {
         color:$brand-primary;
         outline: none;
         opacity:1;
      }
   }

   &.affix{
      bottom: 60px;
   }

   a{
      outline: none;
   }

   i{
      font-size: 14px;
      line-height: 14px;
   }
}


//preloader
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1999999999;
}

.preloader.immune {
   bottom: 0;
}

.preloader.white {
   background-color: rgba(255, 255, 255, 0.2);
}

.preloader.black {
   background:rgba(255,255,255,0.1);
}

.preloader > i.radial-loader:not(:required) {
   -moz-animation: radial-loader .5s infinite linear;
   -webkit-animation: radial-loader .5s infinite linear;
   animation: radial-loader .5s infinite linear;
   border-color: #ea6052;
   border-style: solid;
   border-width: 2px;
   border-right-color: transparent;
   border-radius: 100%;
   display: block;
   position: relative;
   float: right;
   margin: 10px;
   overflow: hidden;
   width: 10px;
   height: 10px;
}

.preloader > span.loading-bar {
   -moz-animation: loading-bar 3s 1;
   -webkit-animation: loading-bar 3s 1;
   animation: loading-bar 3s 1;
   display: block;
   height: 2px;
   background-color: $white;
   opacity: 0;
   transition: width .5s;
}
.preloader > span.loading-bar.green-colored {
   background-color: #2ecc71;
}

.preloader > .green-colored.radial-loader {
   border-color: #2ecc71 !important;
   border-right-color: transparent !important;
}

/* Animations */

@-moz-keyframes loading-bar {
   0% {
      width: 0%;
      opacity: 1;
   }
   90% {
      width: 90%;
      opacity: 1;
   }
   100% {
      width: 100%;
      opacity: 0;
   }
}

@-webkit-keyframes loading-bar {
   0% {
      width: 0%;
      opacity: 1;
   }
   90% {
      width: 90%;
      opacity: 1;
   }
   100% {
      width: 100%;
      opacity: 0;
   }
}

@keyframes loading-bar {
   0% {
      width: 0%;
      opacity: 1;
   }
   90% {
      width: 90%;
      opacity: 1;
   }
   100% {
      width: 100%;
      opacity: 0;
   }
}

@-moz-keyframes radial-loader {
   0% {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   100% {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@-webkit-keyframes radial-loader {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes radial-loader {
   0% {
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   100% {
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/*
  Login and registration form styles
  ---------------------
*/
.login_overlay{
   height: 100%;
   width: 100%;
   background-color: $lwhite;
   opacity: 0.5;
   position: fixed;
   z-index: 8;
}
form.ajax-auth{
   display: none;
   text-align: left;
   z-index: 9;
   position: fixed;
   top: 100px;
   left: 0;
   right: 0;
   max-width: 500px;
   max-height: 550px;
   overflow: auto;
   width: 100%;
   margin: 0 auto;
   padding: 40px 25px 25px 25px;
   background-color: $white;
   border-radius: 8px;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
   font-size: 11px;
   h1, h3{
      color: $light-black;
      line-height: 1;
   }
   h1{
      font-size: 27px;
      text-align: center;
      margin: 0 0 20px 0;
   }
   h3{
      font-size: 18px;
      text-align: left;
      margin: 0;
      a{
         color: $brand-primary;
      }
   }
   hr {
      background-color: rgba(0, 0, 0, 0.1);
      border: 0 none;
      height: 1px;
      margin: 20px 0;
   }
   input#username,
   input#password,
   input#signonname,
   input#email,
   input#signonpassword,
   input#password2,
   input#user_login{
      border: 1px solid $lwhite;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
      color: $light-black;
      font-size: 15px;
      padding: 10px 10px 10px 13px;
      width: 100%;
      margin: 7px 0 20px 0;
      background-color: $log-bg;
      &:focus{
         background-color: $white;
      }
   }
   label{
      font-size: 15px;
      color: $gray;
   }
   label.error{
      display: none !important;
   }
   input.error{
      border: 1px solid $red !important;
   }
   input.submit_button{
      font-size: 15px;
      font-weight: bold;
      color: $white;
      border: 1px solid $brand-primary;
      background-color: $brand-primary;
      border-radius: 3px;
      padding: 8px 20px;
      background: $brand-primary;
      border-top: 1px solid $brand-primary;
      border-bottom: 1px solid $brand-primary;
      float: right;
      margin-bottom: 20px;
   }
   a{
      text-decoration: none;
      &.close{
         color: $brand-primary;
         position: absolute;
         right: 15px;
         top: 15px;
      }
      &.text-link{
         color: $gray;
         float: left;
         margin: 10px 0 0 0;
      }
   }
   p.status{
      text-align: center;
      margin: -15px 0 20px 0;
      font-weight: 600;
      display: none;
   }
}