/*
Theme Name: Rinico
Theme URI: http://shtheme.com/demosd/rinico
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: In 2019, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.01
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Rinico

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
	00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/
.blog__social li a i{
	font-size: 22px;
	color: #12141D;
	opacity: 0.6;
}
.blog--details .blog__tags > ul > a{
	font-size: 14px;
	font-weight: var(--fw-medium);
	color: var(--colorSecondary);
	padding: 8px 16px;
	border: 1px solid var(--colorSecondary);
	display: inline-flex;
	border-radius: 40px;
}
.blog--details .blog__tags > ul > a:hover{
	background-color: var(--colorPrimary);
	border-color: var(--colorPrimary);
}
div.flex.justify{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.comment-form input{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 56px;
	padding: 13px 32px;
	width: 49%;
	margin-bottom: 40px;
	color: var(--colorBlack);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.comment-form textarea{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 150px;
	padding: 13px 32px;
	width: 100%;
	margin-bottom: 40px;
	color: var(--colorBlack);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.post-comment-wrap{
	display: flex;
	margin-bottom: 60px;
}
.post-user-comment{
	margin-right: 20px;
	flex: 0 0 auto;
}
.post-user-comment img{
	border-radius: 100%;
	width: 100px;
}
.post-user-content{
	position: relative;
	width: 100%;
}
.post-comment-wrap h3{
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
}
div.comment-form{
	position: relative;
}
.post-comment-wrap h3 span{
	margin-left: 20px;
	line-height: 1.75;
	font-weight: var(--fw-medium);
	color: rgba(var(--colorSecondaryRGB), 0.7);
	font-size: 16px;
}
a.comment-reply-link, a#cancel-comment-reply-link{
	position: absolute;
	top: -5px;
	right: 0;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: var(--colorPrimary);
	color: #111;
	font-weight: 500;
	font-size: 16px;
}

.blog--details .blog__user .blog__user__image img{
	width: 64px;
	border-radius: 100%;
}
.blog--details .blog__user__name{
	text-transform: capitalize;
}
.comment-form-cookies-consent{
	display: none;
}
.comment-form .bttn--style2{
	width: fit-content;
}
.comment-form form{
	margin: 0;
}
.comment-form form .logged-in-as{
	padding: 0;
}
.list-comment ul.children{
	margin-left: 75px;
}
.newsletter .bttn--primary .bttn__link{
	color: var(--colorBlack);
}
.newsletter .bttn--primary .wpcf7-spinner{
	display: none;
}
.wpcf7-not-valid-tip{
	color: rgba(var(--colorSecondaryRGB), 0.6);
	margin-top: 10px;
}
.wpcf7 form .wpcf7-response-output{
	border: 0;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.blog-list .blog-block__img{
	max-height: 450px;
}
.blog.blog--details .blog__image img{
	width: 100%;
	height: 520px;
	object-fit: cover;
}
.fixed-two-line{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	height: 58px;
}
.fixed-three-line{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 86px;
}
.blog-pagination > nav > ul > li{
	margin: 0 5px;
}
.blog-pagination > nav > ul > li .page-numbers{
	background: var(--colorBlack);
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: var(--colorWhite);
	border: 1px solid var(--colorBlack);
	font-size: 15px;
	border-radius: 100%;
	font-weight: bold;
}
.blog-pagination > nav > ul > li .page-numbers:hover{
	background-color: var(--colorPrimary);
	border: 1px solid var(--colorPrimary);
	color: var(--colorBlack);
}
.blog-pagination > nav > ul > li .dots:hover{
	border-color: var(--colorBlack);
	color: var(--colorWhite);
	background: var(--colorBlack);
}
.blog-pagination > nav > ul > li .current{
	background-color: var(--colorPrimary);
	border: 1px solid var(--colorPrimary);
	color: var(--colorBlack);
}
.blog-block__img{
	height: 320px;
}
.team-block__social li a i{
	color: var(--colorWhite);
	font-size: 24px;
}
.profile-img{
	position: relative;
	padding: 30px;
	border: 2px solid var(--colorBlack);
	border-radius: 400px;
	width: 400px;
}
.profile-img .img{
	border-radius: 400px;
	overflow: hidden;
}
.profile-img img img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;

}
.list li{
	position: relative;
	display: flex;
	align-items: baseline;
}
.list-icon i:before{
	color: var(--colorBlack);
}
.list-text{
	margin-left: 10px;
}
h1.wow{
	font-size: 48px;
	margin-top: 20px;
}
.service-list > ul.nav-tabs{
	gap: 0;
	justify-content: start;
}
.team-single a{
	color: inherit;
}
li.nav-item > span.nav-link{
	color: var(--colorBlack);
}
li.nav-item > span.nav-link.active{
	color: var(--bs-nav-link-color);
}
ul.nav-tabs > li.nav-item:hover{
	cursor: pointer;
}
ul.nav-tabs > li.nav-item:has( > span.nav-link.active){
	cursor: context-menu;
}
.contact form .bttn input{
	color: #111;
}
.contact form .wpcf7-spinner{
	display: none;
}
.contact form .wpcf7-not-valid-tip{
	color: var(--colorWhite);
	margin-top: -30px;
	margin-bottom: 20px;
}
.contact form .wpcf7-response-output{
	color: var(--colorWhite);
}
.area-bg{
	background-size: cover;
	background-position: center;
}
.page-404 .area-bg{
	background-color: var(--colorWhite);
}
.page-404 .banner-bg{
	min-height: 100vh;
}
.page-404 .banner-bg{
	position: relative;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 890px;
	padding: 300px 0 0;
	z-index: 1;
}
.page-404 .banner-content{
	text-align: center;
	margin-bottom: 15px;
}
h1.title{
	font-size: 170px;
	margin-bottom: 20px;
	line-height: .9;
}
.page-404 .banner-content .sub-title{
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 5px;
	margin-bottom: 35px;
}
.page-404 .section-header__small{
	text-transform: capitalize;
}
.fz-24{
	font-size: 24px;
}
.search_custom form{
	position: relative;
}
.search_custom form input{
	width: 100%;
	height: 56px;
	padding: 15px 32px;
	border: 1px solid var(--colorBlack);
	background-color: transparent;
	border-radius: 8px;
	margin-bottom: 24px;
	margin-top: 24px;
	color: var(--colorBlack);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	padding-right: 66px;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.search_custom form button{
	position: absolute;
	top: 24px;
	right: 0;
	height: 56px;
	background: transparent;
	border: 0;
	width: 56px;
}
.footer__wiget form .footer-newsletter .wpcf7-spinner{
	display: none;
}
.footer__wiget form .footer-newsletter input[type="submit"]{
	color: var(--colorBlack);
}
.footer__wiget form .wpcf7-not-valid-tip{
	color: var(--colorWhite);
	margin-bottom: 20px;
	margin-top: 0;
}
.footer__wiget form .wpcf7-response-output{
	color: var(--colorWhite);
}
.swiper-backface-hidden .swiper-slide, .sponsor .swiper-wrapper{
	cursor: auto !important;
}
.team-single .tab-content{
	margin-top: 10px;
}






@media (max-width: 991.98px){
	.contact form .wpcf7-not-valid-tip{
		margin-top: 0;
	}
}
@media (max-width: 767.98px){
	div.flex.justify{
		display: block;
	}
	.comment-form input{
		width: 100%;
	}
	.post-comment-wrap{
		display: block;
	}
	.post-user-comment{
		margin-bottom: 20px;
	}
	a.comment-reply-link, .form-comment small > a#cancel-comment-reply-link{
		position: unset;
	}
	.list-comment ul.children{
		margin-left: 35px;
	}
	.blog-block__img{
		height: 270px;
	}
	.team-menu{
		display: block;
	}
	.team-menu > button.active{
		background: var(--colorPrimary);
	}
	.team-menu__power{
		display: none;
	}
	.ht-cursor{
		display: none;
	}
}