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

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

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

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

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








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