@charset "utf-8";
/*
Theme Name: Arin
Theme URI: https://themeforest.net/item/arin-personal-and-portfolio-wordpress-theme/
Description: Arin – Personal Portfolio WordPress Theme
Text Domain: arin
Author: Marketify
Author URI: http://themeforest.net/user/marketify
Version: 1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License: Located in 'licensing' folder
License URI: license.txt
Tags: custom-header, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/*
Note: This theme requires PHP 7.4 or higher. Please ensure your server environment meets this requirement to avoid any compatibility issues. The decision to support PHP 7.4 and higher is based on the latest statistics and usage trends.
*/

.arin_fn_breadcrumbs{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 40px;
}
.arin_fn_breadcrumbs ul li{
	display: inline-block;
}
.fn_page_title{
	width: 100%;
	margin-bottom: 70px;
}
.single-blog-item .blog-meta p:emtpy{display: none;}
.fn__svg,
.e-font-icon-svg{
	width: 15px;
	height: 15px;
	fill:currentcolor;
}

.arin_fn_pagination{
	width: 100%;
	margin-top: 75px;
}
.arin_fn_pagination ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.arin_fn_pagination ul li{
	margin: 0px 8px 0px 0px;
	padding: 0px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #eaeaea;
	transition: all .3s ease;
}
.arin_fn_pagination ul li:last-child{
	margin-right: 0px;
}
.arin_fn_pagination ul li:hover{
	background-color: #85e44a;
}
.arin_fn_pagination ul li.view{
	width: auto;
	background-color: transparent;
}
.arin_fn_pagination ul li.active{
	background-color: #85e44a;
}
.arin_fn_pagination ul li.active span{
	color: #fff;
}
.arin_fn_pagination ul li a{
	display: block;
	color: var(--bc);
	transition: all .3s ease;
}
.arin_fn_pagination ul li a:hover{
	color: #fff;
}
.arin_fn_pagination .fn__svg{
	color: var(--bc);
	width: 12px;
	height: 12px;
	transition: all .3s ease;
}
.arin_fn_pagination ul li:hover .fn__svg{
	color: #fff;
}
.arin_fn_error_page{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 120px 20px;
}
.arin_fn_error_page .details .svg{
	width: 120px;
	height: 120px;
	opacity: .4;
	margin-bottom: 30px;
}
.arin_fn_error_page .details{
	max-width: 500px;
}
.arin_fn_error_page .details p{
	font-size: 18px;
	margin-bottom: 40px;
}
.arin_fn_error_page .fn__title{
	font-size: 200px;
	line-height: 1;
	margin-bottom: 30px;
}
.arin_fn_error_page .fn__heading{
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
@media(max-width:768px){
	.arin_fn_error_page .fn__title{font-size: 100px;margin-bottom: 25px;}
	.arin_fn_error_page .fn__heading{font-size: 28px;margin-bottom: 20px;}
}
.arin_fn_error_page .searchbox{
	position: relative;
}
.arin_fn_error_page form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.arin_fn_error_page input[type="text"]{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-right: none;
	padding: 0 30px;
	border-radius: 3px 0 0 3px;
	background: #eaeaea;
	color: var(--bc);
}
.arin_fn_error_page input[type="text"]:focus{
	outline:none;
}
.arin_fn_error_page .searchbox span{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	min-width: 60px;
	background-color: #85E44A;
	border-radius: 0 3px 3px 0;
}
.arin_fn_error_page input[type="submit"]{
	position: relative;
	width: 60px;
	height: 60px;
	display: block;
	z-index: 3;
	background: none !important;
	outline: none !important;
}
.arin_fn_error_page .searchbox .fn__svg{
	display: block;
    position: absolute;
   	left: 50%;
    top: 50%;
    color: #f5f5f5;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.arin_fn_error_page .icon .fn__svg{
	width: 100px;
	height: 100px;
	margin-bottom: 35px;
}

/*------------------------------------------------------------------*/
/*	09) Protected Page
/*------------------------------------------------------------------*/

.arin-fn-protected{
	width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 120px 20px;
}
.arin-fn-protected .message_holder{
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.arin-fn-protected .icon .fn__svg{
	color: #b9b8c3;
    display: inline-block;
    width: 100px;
	height: 100px;
	margin-bottom: 35px;
}
.arin-fn-protected h3{
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
}
.arin-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px;
}
@media(max-width:768px){
	.arin-fn-protected h3{font-size: 28px;margin-bottom: 15px;}
	.arin-fn-protected p{margin-bottom: 30px;}
}
.arin-fn-protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.arin-fn-protected input[type="password"]{
	display: block;
    width: 100%;
    height: 70px;
    line-height: 68px;
    border: 1px solid #b9b8c3;
    border-right: none;
    padding: 0 30px;
    border-radius: 3px 0 0 3px;
}
.arin-fn-protected input[type="submit"]{
	display: block;
    height: 70px;
	font-size-adjust: 0 25px;
    border: none;
    border-radius: 0 3px 3px 0;
	background-color: #666;
	color: #f5f5f5;
	font-family: var(--hff);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
}








.arin_fn_comment{
	width: 100%;
	margin-top: 80px;
}
.arin_fn_comment .comment_in{
	width: 100%;
}
.arin_fn_comment .comment_list{
	width: 100%;
	background-color: #f1f1f1;
	padding: 40px;
	margin-bottom: 40px;
}
.arin_fn_comment .comment-title-count{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	text-transform: capitalize;
}
.arin_fn_comment .commentlist{
	margin: 0px;
	list-style-type: none;
}
.arin_fn_comment .comment{
	width: 100%;
}
.arin_fn_comment .comment-body{
	margin: 0px 0px 20px 0px;
    position: relative;
    padding: 40px;
    background-color: #f9f9f9;
}
.arin_fn_comment .infos_wrap{
	width: 100%;
	display: flex;
	align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 30px;
    margin-bottom: 22px;
}
@media(max-width:768px){
	.arin_fn_comment .infos_wrap{flex-direction: column;align-items: baseline;}
	.arin_fn_comment .comment-avatar{margin-right: 0px;margin-bottom: 10px;}
}
.arin_fn_comment .comment-avatar{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-right: 15px;
}
.arin_fn_comment .comment-avatar img{
	border-radius: 100%;
	object-fit: cover;
	min-width: 80px;
	width: 80px;
}
.arin_fn_comment h4.author{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
}
.arin_fn_comment h4.author a{
	font-size: 17px;
}
.arin_fn_comment .time{
	margin: 0px;
	padding: 0px;
}
.arin_fn_comment .comment-desc a{
	color: #000;
	font-size: 16px;
}
.arin_fn_comment .fn_reply:empty{
	display: none;
}
.arin_fn_comment .fn_reply{
	margin-top: 20px;
	display: flex;
}
.arin_fn_comment .fn_reply .comment-reply{
	display: flex;
	position: relative;
	margin: 0 5px 5px 0;
}
.arin_fn_comment .fn_reply .comment-reply a{
	padding-left: 29px;
	margin: 0;
}
.arin_fn_comment .fn_reply .fn__svg{
	position: absolute;
	left: 10px;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	color: #fff;
}
.arin_fn_comment .fn_reply_wrapper{
	width: 100%;
	float: left;
}
.arin_fn_comment .fn_reply a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 26px;
	padding: 0 10px;
	display: block;
	float: left;
	border: none;
	background-color: #666;
	text-transform: capitalize;
	height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	transition: all .3s ease;
}
.arin_fn_comment .fn_reply a:hover{
	background-color: #000;
}
.arin_fn_comment .commment-text-wrap{
	width: 100%;
}
.arin_fn_comment .commment-text-wrap p{
	margin: 0px;
}
.arin_fn_comment .comment-respond{
	width: 100%;
}
.arin_fn_comment .children{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 20px;
}
.arin_fn_comment #cancel-comment-reply-link{
	text-transform: capitalize;
	color: var(--bc);
	transition: all .3s ease;
	margin-left: 20px;
}
.arin_fn_comment #cancel-comment-reply-link:hover{
	color: #000;
}
.arin_fn_comment .comment-reply-title{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	text-transform: capitalize;
}
.arin_fn_comment .comment-respond{
	width: 100%;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 40px;
}
.arin_fn_comment .commentlist .comment-respond{
	background-color: #f9f9f9;
}
.arin_fn_comment li.comment .comment-respond{
	-webkit-animation: arin-slide-down .5s ease;
	-moz-animation: arin-slide-down .5s ease;
}
@-webkit-keyframes arin-slide-down{
      0%{ opacity: 0; transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes arin-slide-down{
      0%{ opacity: 0;  transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
.arin_fn_comment .comment-respond form{
	padding: 0px;
}
.arin_fn_comment .comment-respond textarea{
	padding: 20px;
    height: 120px;
	width: 100%;
	max-width: 100%;
    background-color: #e9e9e9;
    resize: none;
    font-size: 16px;
	margin-bottom: 15px;
	color: var(--bc);
	border: none;
}
.arin_fn_comment .comment-respond input[type="text"]{
	width: 100%;
    height: 50px;
    padding: 5px 20px;
    background-color: #e9e9e9;
	font-size: 16px;
	margin-bottom: 20px;
	color: var(--bc);
	border: none;
}
.arin_fn_comment .comment-form-cookies-consent{
	margin-bottom: 20px;
}
.arin_fn_comment .form-submit{
	margin: 0px;
}
.arin_fn_comment .logged-in-as{
	margin: 0px 0px 20px 0px;
}
.arin_fn_comment .logged-in-as a{
	color: #000;
	font-size: inherit;
	transition: all .3s ease;
}
.arin_fn_comment .logged-in-as a:hover{
	color: #000;
}
#wp-comment-cookies-consent{width: auto !important;}


.widget_block{margin-bottom: 50px !important;}

.wp-block-tag-cloud{
	margin: 30px 0;
    border: 1px solid #eee;
    padding: 30px;
}
.wp-block-tag-cloud a{
	font-size: 16px !important;
    font-weight: 500;
    background: #eee;
    color: #1B1E22;
    padding: 10px 15px;
    margin: 5px;
	transition: all .3s ease;
}
.wp-block-tag-cloud a:hover{
	background-color: #000;
	color: #fff;
}
.wp-block-tag-cloud .widget-title{
	position: relative;
    color: #0C0C0C;
    font-family: "Urbanist", serif;
    font-weight: 500;
    margin: 0;
	font-size: 24px;
	margin-bottom: 25px;
}
.recent-post-wrap .single-recent-post:last-child{
	border-bottom: none;
}
.widget_search .search-wrapper{
	display: flex;
	position: relative;
}
.widget_search .search-wrapper .fn__svg{
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 11;
}
.widget_search input[type=submit]:hover,
.widget_search button[type=submit]:hover{
	background-color: #85E44A;
	color: #000;
}
.widget__block{
	margin-bottom: 40px;
}

.contact-section input, textarea{
	padding: 0px;
}
.contact-section input[type=submit]{
	padding: 13px 20px;
}