@charset "utf-8";
/*
Theme Name: Archinix
Theme URI: https://themeforest.net/item/archinix-architecture-and-interior-wordpress-theme/
Description: Archinix – Architecture & Interior WordPress Theme
Text Domain: archinix
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.
*/

.archinix_fn_breadcrumbs{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 40px;
}
.archinix_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;
}

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

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

.archinix-fn-protected{
	width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 120px 20px;
}
.archinix-fn-protected .message_holder{
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.archinix-fn-protected .icon .fn__svg{
	color: #b9b8c3;
    display: inline-block;
    width: 100px;
	height: 100px;
	margin-bottom: 35px;
}
.archinix-fn-protected h3{
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
}
.archinix-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px;
}
@media(max-width:768px){
	.archinix-fn-protected h3{font-size: 28px;margin-bottom: 15px;}
	.archinix-fn-protected p{margin-bottom: 30px;}
}
.archinix-fn-protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.archinix-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;
}
.archinix-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;
}








.archinix_fn_comment{
	width: 100%;
	margin-top: 80px;
}
.archinix_fn_comment .comment_in{
	width: 100%;
}
.archinix_fn_comment .comment_list{
	width: 100%;
	background-color: #f1f1f1;
	padding: 40px;
	margin-bottom: 40px;
}
.archinix_fn_comment .comment-title-count{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	text-transform: capitalize;
}
.archinix_fn_comment .commentlist{
	margin: 0px;
	list-style-type: none;
}
.archinix_fn_comment .comment{
	width: 100%;
}
.archinix_fn_comment .comment-body{
	margin: 0px 0px 20px 0px;
    position: relative;
    padding: 40px;
    background-color: #f9f9f9;
}
.archinix_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){
	.archinix_fn_comment .infos_wrap{flex-direction: column;align-items: baseline;}
	.archinix_fn_comment .comment-avatar{margin-right: 0px;margin-bottom: 10px;}
}
.archinix_fn_comment .comment-avatar{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-right: 15px;
}
.archinix_fn_comment .comment-avatar img{
	border-radius: 100%;
	object-fit: cover;
	min-width: 80px;
	width: 80px;
}
.archinix_fn_comment h4.author{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
}
.archinix_fn_comment h4.author a{
	font-size: 17px;
}
.archinix_fn_comment .time{
	margin: 0px;
	padding: 0px;
}
.archinix_fn_comment .comment-desc a{
	color: #000;
	font-size: 16px;
}
.archinix_fn_comment .fn_reply:empty{
	display: none;
}
.archinix_fn_comment .fn_reply{
	margin-top: 20px;
	display: flex;
}
.archinix_fn_comment .fn_reply .comment-reply{
	display: flex;
	position: relative;
	margin: 0 5px 5px 0;
}
.archinix_fn_comment .fn_reply .comment-reply a{
	padding-left: 29px;
	margin: 0;
}
.archinix_fn_comment .fn_reply .fn__svg{
	position: absolute;
	left: 10px;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	color: #fff;
}
.archinix_fn_comment .fn_reply_wrapper{
	width: 100%;
	float: left;
}
.archinix_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;
}
.archinix_fn_comment .fn_reply a:hover{
	background-color: #000;
}
.archinix_fn_comment .commment-text-wrap{
	width: 100%;
}
.archinix_fn_comment .commment-text-wrap p{
	margin: 0px;
}
.archinix_fn_comment .comment-respond{
	width: 100%;
}
.archinix_fn_comment .children{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 20px;
}
.archinix_fn_comment #cancel-comment-reply-link{
	text-transform: capitalize;
	color: var(--bc);
	transition: all .3s ease;
	margin-left: 20px;
}
.archinix_fn_comment #cancel-comment-reply-link:hover{
	color: #000;
}
.archinix_fn_comment .comment-reply-title{
	margin: 0px 0px 20px 0px;
	font-size: 24px;
	text-transform: capitalize;
}
.archinix_fn_comment .comment-respond{
	width: 100%;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 40px;
}
.archinix_fn_comment .commentlist .comment-respond{
	background-color: #f9f9f9;
}
.archinix_fn_comment li.comment .comment-respond{
	-webkit-animation: archinix-slide-down .5s ease;
	-moz-animation: archinix-slide-down .5s ease;
}
@-webkit-keyframes archinix-slide-down{
      0%{ opacity: 0; transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes archinix-slide-down{
      0%{ opacity: 0;  transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
.archinix_fn_comment .comment-respond form{
	padding: 0px;
}
.archinix_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;
}
.archinix_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;
}
.archinix_fn_comment .comment-form-cookies-consent{
	margin-bottom: 20px;
}
.archinix_fn_comment .form-submit{
	margin: 0px;
}
.archinix_fn_comment .logged-in-as{
	margin: 0px 0px 20px 0px;
}
.archinix_fn_comment .logged-in-as a{
	color: #000;
	font-size: inherit;
	transition: all .3s ease;
}
.archinix_fn_comment .logged-in-as a:hover{
	color: #000;
}
#wp-comment-cookies-consent{width: auto !important;}



.tagcloud a{
	font-size: 15px;
    color: #777;
    border: 1px solid #ddd;
    padding: 7px;
    margin-right: 8px;
    margin-bottom: 10px;
}

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