/*
Theme Name: TR Affreview Lite
Theme URI: https://www.themerally.com/product/blog-theme-for-blogger-and-affiliate-marketers/
Author: Theme Rally
Author URI: https://www.themerally.com/
Description: A Clean, Fast and Secure Blog theme for good Blogging and SEO experience. Are you a blogger, looking for beautiful free WordPress theme? Affreview should be your ready to go theme for blogging. Perfectly suitable for personal, affiliate, fashion, photography blogging. It can also be a nice theme for the business website.
Version: 1.1.0
Tested up to: 5.9
Requires PHP: 5.6 or Higher
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tr-affreview-lite
Tags: right-sidebar, featured-images,  custom-menu, custom-logo, footer-widgets, sticky-post, threaded-comments
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Affreview is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/



/*Site Logo Options*/
.navbar-brand .site-title{
    padding: 3px 0;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: 15px;
}
.navbar-brand .site-description{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    width: 1px;
    height: 1px;
}

/*sidebar widget */

.widget-area{
    padding-top: 60px;
}

.wp-block-search .wp-block-search__label,
#footer-top h2,
#footer-top h3,
.widget-area h2,
.widget-area h3{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 7px;
    padding-left: 8px;
    position: relative;
    text-transform: capitalize;
}

.wp-block-search .wp-block-search__label::after,
#footer-top h2::after,
#footer-top h3::after,
.widget-area h2::after,
.widget-area h3::after{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 100%;
    background-color: #28282852;
}

.wp-block-search .wp-block-search__label::before,
#footer-top h2::before,
#footer-top h3::before,
.widget-area h2::before,
.widget-area h3::before{
    content: '';
    position: absolute;
    left: 0;
    top: calc(100% + 3px);
    width: 35px;
    height: 2px;
    background-color: #ff52529c;
}

.wp-block-search .wp-block-search__label{
    margin-bottom: 15px;
}

.archive-description p{
    margin-top: 30px;
}
.widget li{
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #c0c0c06e;
    padding: 10px 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.widget li:hover{
    border-color: #ff5252;
}

.widget li a:hover{
	 color: #ff5253;
}

.widget li a{
  word-wrap: break-word;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    margin: 4px 8px 4px 0;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-block-search__inside-wrapper {
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    height: 45px;
}

.wp-block-search__inside-wrapper input {
    border: none !important;
    padding: 10px;
}

.wp-block-search__inside-wrapper input:focus{
    outline: 0 !important;
}

.wp-block-search__inside-wrapper button {
    border: none !important;
    background: #ff5252 !important;
    color: #fff !important;
}

.wp-block-latest-comments__comment-excerpt p {
    margin: 5px 0 0;
}

.wp-block-calendar {
    background: #fff;
    text-align: center;
    margin-top: 15px;
}

.wp-block-calendar caption {
    text-align: center;
    font-weight: 600;
}

.wp-block-calendar nav {
    padding: 8px;
    font-weight: 600;
}

.wp-block-calendar table th {
    font-weight: 600;
}

 /*comment section */

 #comments h2{
    font-size: 45px;
    text-align: center;
    margin: 50px 0 0 0;

 }

 .form-group{
    margin-bottom:0;
    margin: auto;
    padding-left: 0;
 }

.submit{
    padding: 12px 15px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ff5252;
    border: none;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

 .submit:hover{
     background-color: #464646;
 }


.sub-menu-area ul{
    padding-left: 0;
    margin-left: 0;
}
.sub-menu-area{
    padding: 1px 0 5px 0;
    position: relative;
}

.sub-menu-area h2 {
    text-align: left;
    padding: 25px 0 20px 200px;
}


#sub-menu  .tagcloud {
    padding-left: 280px;
    top:35%;
    position: absolute;
}
 
 a.tag-cloud-link{
    font-size: 16px !important;
    font-weight: 500;
    padding-left: 7px;
}
a.tag-cloud-link:hover{
   color: #ff5252;
}

.cat-item{
    list-style: none;
    border-bottom: 1px solid #c0c0c0;
    padding: 10px 0;
    font-size: 15px;
}
.widget select{
    font-size: 15px;
    background-color: #464646;
    color: #fff;
    padding: 10px;
    outline: 0 !important;
    width: 100%;
}

.tags .list-inline li {
    margin-bottom: 25px;
}

.calendar_wrap caption {
    text-align: center;
    background-color: #464646;
    color: #fff;
    padding: 15px;
}

.calendar_wrap{
    text-align: center;
}

#wp-calendar{
    width: 100%;
    max-width: 100%;
}
   
#wp-calendar th{
    border: 1px solid #ddd;
    text-align: center;
    border-bottom-width: 2px;
    padding: 10px 0;
}
   
#wp-calendar td{
    border: 1px solid #ddd;
    text-align: center;
     padding: 10px 0;
}

.widget_tag_cloud .tagcloud a{
    background: #282828;
    color: #fff;
    padding:2px 5px ;

}
.sub-menu li{
    border: none;
    padding-left: 20px;
}
 
.search-form{
    position: relative;
    display: table;
    border-collapse: separate;
    width: 85%;
}

.search-form .search-field{
    height: 60px;
    border: 1px solid #c0c0c0;
    border-right: none;
    font-size: 20px;
    font-weight: 700;
    padding-left: 10px;
    width: 100%;
}
.search-form label{
    width: 100%;
}

.search-form .search-submit{
    height: 60px;
    background: #fff;
    border: 1px solid #c0c0c0;
    padding: 0 30px;
    position: absolute;
    border-left: none;
}

#menu-head-menu .menu-item{
    border: none;
}
.widget-title{
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #757575;
}
.textwidget p{
    color: #555;
    margin: 0;
    line-height: 25px;
    font-size: 15px;
    padding-bottom: 20px;
}
.no-bg .textwidget{
    background-color:transparent;
}


.pager{
	margin-top: 30px;
}

.pager .previous>a {
     float: none; 
}

.pager .next>a {
     float: none; 
}
.pager .previous>a, .pager .next>a {
    margin-top:0;
} 

.previous, .next{
  background-color: #eaeaea;
  
}

 .previous{
    padding-left: 10px;
 }

 .next{
    padding-right: 10px;
 }

/*style for author link*/

.author-details h5{
	font-size: 20px;
    text-transform: uppercase;
     
}
#follow-author{
	font-size: 20px;
	font-weight: 700
}
.caption .author-text{
	font-size: 15px;
	text-transform: capitalize;
}

.caption .author-text a:hover{
	color: #ff5252;
}

.post-author{
	padding: 50px 0;
	border-bottom: 1px solid #fff;
}

.author-details p{
	padding-top: 18px;
}
.post-author a:hover{
	color: #ff5252;
}

.profile-img img{
	height: 80%;
	width: 100%;
}


/*tag pagination*/

.blog-pagination{
	margin-top: 70px;
    padding-bottom: 50px;
}

.blog-pagination .page-numbers{
	width: 50px;
    height: 50px;
    background-color: #464646;
    border-radius: 50px;
    line-height: 50px;
    margin-right: 15px;
    text-align: center;
    padding: 4px 10px;
    color: #fff;
}

.blog-pagination .page-numbers:focus, 
.blog-pagination .page-numbers:hover {
    background-color: #ff5253;
    color: #fff;
    border-color: transparent;
}
.filed-under p{
   margin: 0;
    padding-left: 0px;
}

.filed-under{
	font-size: 16px;
	font-weight: 700;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: flex;
}

.filed-under a{
    font-weight: 500;
    text-transform: uppercase;
}

.filed-under a:hover{
	color: #ff5253;
}

.caption .btn{
	margin-top: 25px;
}

.blog-pagination a{
    padding: 12px 20px;
    background-color: #464646;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

.blog-pagination a:hover{
	background-color: #ff5253;
    color: #fff;
}

.blog-post{
    padding-top: 70px;
}

/*search.php*/

.page-header {
    margin: 50px 0 20px;
    border-color: #a5a5a5;
}
.search-content{
    margin-top: 30px;
}
.entry-meta, 
.entry-footer{
	padding-top: 5px;
}
.entry-meta a,
.entry-footer a{
	color:  #a5a5a5;
}
.entry-meta a:hover, 
.entry-footer a:hover{
	color: #ff5253;
}
.cat-links, 
.comments-link,
.tags-links{
	padding-right: 10px;
}



/*sidebar widget search bar*/

.search-form .search-field:focus{
    outline: 0;
}
.search-form{
	padding-left: 0;
}

.search-form .search-submit{
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 0 22px;
    margin-left: -45px;
}

.widget_pages li,
.widget_meta li{
	list-style: none;
	border-bottom: 1px solid #c0c0c0;
	padding: 10px 0;
    font-size: 15px;
}
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_rss li a:hover{
    color: #ff5253;
}

.widget-title .rsswidget{
	color: #a5a5a5;
}

 /*404 page style*/
.content-area-404{
    background: #41423D;
    color: #fff;
    text-align: center;
}
.content-404{
    padding: 100px 0;
}
.page-content-404 p{
    margin: 50px 0;
    color: #fff;
}
.page-content-404 .form-404 .search-form,
.no-results .search-form{
    margin-top: 50px;
}
.page-content-404 .form-404 .search-form label{
   width: 80%;
}

.page-content-404 a{  
    color: #757575;
    background: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
}
.page-content-404 a:hover{
    background: #ff5253;
    color: #fff;

}
.page-content-404 .form-404 .search-field{
    width: 100%;
    color: #757575;
}
.page-content-404 .form-404 .search-submit{
    width: 100px;
    color: #757575;
}
.comment .children{
    margin-left: 40px;
}

.comment-content p{
    margin-top: 20px;
}

/*single page right sidebar style*/
.sidebar-r8{
    margin-top: 50px
}

.widget_rss .rss-widget-icon{
    width: 14px;
    height: 14px;
}



/*full width page style*/
.page-archive{
    font-size: 36px;
    margin-bottom: 5px;
    font-weight: 600;
}
.full-width-submit .form-submit{
    text-align: center;
    width: 100%;
}
.full-width-submit{
    margin-bottom: 100px
}

.wp-post-image{
    width: 100%;
}

.bypostauthor{
    display: block;
}

/* Screen Reader Text*/


.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


/* alignment */

.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*---------------------------   
 sticky post
---------------------------  */
.sticky {
    display: block;
    position: relative;
}

/*  Captions   */

.wp-caption {
  margin-bottom: 24px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 12.92px 0;
}

.wp-caption-text {
  text-align: center;
}


/* Galleries  */

.gallery {
  margin-bottom: 24px;
}
.gallery figure{
    margin: 16px 0;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11111%;
}
.gallery-caption {
  display: block;
  padding-top: 5px;
}

/*Dropdown*/

ul.dropdown-menu li > ul.dropdown-menu{
right: 100%;
top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
display: block
}