@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('/sites/all/themes/ancientcity/css/global.css');

.container{padding-left:15px; padding-right:15px;}
@media(min-width:1361px){
	.container{max-width:1360px;}
}
@media(max-width:1360px){
	.container{max-width:100%;}
}


body {overflow-x: hidden;}
span.item-name {font-weight: bold;}
.btn {margin-bottom: 20px;}

.g-recaptcha {clear: both;}

.group-admin-only {display: none;}

.webform-client-form .col {float: left;padding: 0 1%;}
.webform-client-form .form-item {margin: 5px 0px !important;}

.webform-submit {margin-top: 20px;}


.region-popup {background: rgba(0,0,0,0.4);}

.region-popup-one,
.region-popup-two,
.region-popup-three,
.region-popup-four,
.region-popup-five,
.region-popup-six {position: fixed;width: 100%;height: 100%;overflow-y: scroll;}

.popup-outer-wrapper {height: 100%;}
.popup-full-wrapper {margin: 0 auto;width: 900px;max-width: 100%;padding: 40px;}

.popup-wrapper {background: #e5e5e5;}

.popup-close {float: right;
    background: var(--secondary-color);
    color: #FFF;
    margin: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 20px;
    line-height: 1.3em;}
.popup-header {background: var(--primary-color);text-align: center;}
.popup-header h2 {color: var(--secondary-color);padding: 20px;}
.popup-body {padding: 30px;}
.popup-body p {text-align: center;}





.page-container-gold {background: url(/sites/all/themes/ancientcity/images/user-header-bg.jpg);
    /* padding: 60px 20px 0 20px; */
    /* margin: -60px -20px 30px -20px; */
    border-bottom: 5px solid var(--primary-color);}
.page-container-gold h1.page-header {color: var(--primary-color);font-weight: bold;}

.jcarousel-skin-default .jcarousel-container-horizontal {width: 100%;height: 500px;}
.jcarousel-skin-default .jcarousel-clip-horizontal {width: 100%;}
.jcarousel-skin-default .jcarousel-item {height: 500px;}
.jcarousel-skin-default .jcarousel-item img {max-height: 500px;width: auto;}
.view-listing-image-slideshow {max-height: 500px;}
.jcarousel-skin-default .jcarousel-next-horizontal,
.jcarousel-skin-default .jcarousel-prev-horizontal {top: 245px;}
.jcarousel-navigation li a {background: var(--primary-color);
    color: #FFF;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin-top: 10px;}
.jcarousel-navigation li.active a{background: var(--secondary-color);}
.jcarousel-navigation {margin-bottom: 40px;}

#userpoints_list_wrapper table {width: 100%;margin-bottom: 40px;}

#block-views-member-profile-header-block-1 {clear: both;}
.listing-user-profile {    margin-top: 60px;}
.listing-user-profile h2,
#block-views-member-profile-header-block-1 h2 {font-size: 24px;color: var(--primary-color);margin: 40px 0;padding-bottom: 20px;border-bottom: 4px solid var(--secondary-color);}

.node {padding-top: 10px;}

.node-auction .user-picture {display: none;}
.node-auction .field-name-field-image {}
.node-auction .field-name-field-image img {}



.node-for-sale-listing {}

.node-for-sale-listing .field-label,
.node-auction .field-label {color: var(--primary-color);font-weight: bold;}

.node-for-sale-listing .field,
.node-auction .field {margin-bottom: 20px;}

.node-auction .field-name-field-auction {}

.view-single-item {border:  4px solid var(--primary-color);padding: 20px;margin-bottom:100px;}
.view-single-item .actions .row {margin-bottom: 40px;}
.view-single-item .actions .row .btn {width: 75%;}
.view-single-item .actions a.active {background:#CCC;}

.full-width-button {width: 100%;}
.btn-sm {font-size: 15px;width: 100%;}
h4 {color: var(--primary-color)}

#edit-submit {margin-right:20px;}

.status-dots {display: flex;text-align: center;position: relative;}
.status-dots::before {content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--primary-color);
    z-index: 9;
    top: 8px;}
.status-dots .single-status::before {content: "";
    width: 20px;
    height: 20px;
    background: var(--primary-color);
    display: block;
    margin: 0 auto;
    border-radius: 20px;}
.status-dots .single-status::after {content: "";
    width: 16px;
    height: 16px;
    background: #FFF;
    display: block;
    margin: 0 auto;
    border-radius: 16px;
    margin-top: -78px;}
.status-dots .single-status.active::after {background: var(--primary-color);}
.status-dots .single-status {z-index: 99;}


.node-status_update-form .vertical-tabs,
.node-activity-form .field-type-entityreference {display: none;}
.view-profile-whats-on-my-mind .field-content {display: flex;width: 100%}
.grey-bg {background: #e5e5e5;padding:10px 20px;margin-bottom: 20px;}
.hide {display: none;}
.tab-content {padding: 20px;}
.view-profile-number-of-posts .view-content,
.view-profile-number-of-commects .view-content,
.view-profile-sales-and-auctions-count .view-content {display: none;}


table.auction-house {width: 100%;}
table.auction-house tr {}
table.auction-house td {min-width: 60px;}
table.auction-house h3 {color: var(--secondary-color);margin-top: 0px;}

table.forum-table {width: 100%;margin: 30px 0;}
.forum-table tbody tr,
.forum-row {background: url(/sites/all/themes/ancientcity/images/green-bg.png) !important;
    color: #FFF;
    text-align: center;border-bottom: solid 20px;}
h1.page-header {font-size: 28px;}
table.forum-table .views-field,
.forum-table tbody {color: #FFF;
    text-align: center;}
.forum-post-panel-sub .author-pane a {font-size: 14px;margin-bottom: 10px;}
table.forum-table a,
.forum-row a {color: var(--secondary-color);font-weight: bold;}


.forum-add-forum {margin-bottom: 20px;}
.container-inline .form-item {float: left !important;padding-right: 20px;}
.forum-topic-legend {clear: both;}    
.forum-topic-legend div {float: left;clear: none;}
.view-member-profile-header span {display:block;}


.hasCountdown {background-color: var(--secondary-color);}

.forum-table tbody td:first-child,
tr.forum-row td:first-child {background: url(/sites/all/themes/ancientcity/images/gold-left.png);background-size: auto 60px;background-repeat: no-repeat;background-position: top left;}
.forum-table tbody td:last-child,
tr.forum-row td:last-child {background: url(/sites/all/themes/ancientcity/images/gold-right.png);background-size: auto 60px;background-repeat: no-repeat;background-position: top right;}


.view-member-profile-header .username {text-transform: uppercase;color: var(--primary-color);font-weight: bold;}


.view-member-profile-header .action-buttons a {width: 100%;}
.view-member-profile-header img.profile-icon {height: 40px;width: auto;}
.view-member-profile-header h2 {margin-top: 40px;font-weight: bold;font-size: 34px;}
.view-member-profile-header img.profile-badge {height: 120px;width: auto;}
.view-member-profile-header .bio-text {color: #000;text-transform: initial;}
.view-member-profile-header {}
.view-member-profile-header {}
.view-member-profile-header {}
.view-member-profile-header {}
.view-member-profile-header {}
.view-member-profile-header {}
.view-member-profile-header {}


#profile-tabs {display: flex;}
#profile-tabs .single-tab {border-top-left-radius: 20px;
    display: inline-block;
    background: #333;
    color: var(--secondary-color);
    padding: 10px;
    border-top-right-radius: 20px;
    width: 30%;
    text-align: center;
    margin: 0 1%;}
#profile-tabs .single-tab.active {background: var(--primary-color);}

.profile-tabs-content {    min-height: 400px;
    border: 2px solid var(--primary-color);}

#user-profile-sidebar {}
#user-profile-sidebar h2 {font-weight: bold;font-size: 34px;text-align: center;}
#user-profile-sidebar .section {background: var(--primary-color);
    text-align: center;
    color: var(--secondary-color);
    padding: 60px 0;
    margin: 10px 0;}
#user-profile-sidebar span {    width: 100%;
    margin: 5px 0;}
#user-profile-sidebar span.count {}
#user-profile-sidebar {}
#user-profile-sidebar .view-header {font-size: 50px;
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 0.8em;}



.page-user .profile,
.profile .user-picture {display: none;}



img {height: auto;}

.anonymous .group-admin-only,
.Standard .group-admin-only,
#id-verification-node-form #edit-title,
#id-verification-node-form .vertical-tabs {display: none;}


.views-exposed-form {margin-top: 20px;background: #CCC;color: #000;padding: 10px 20px 20px 20px;margin-bottom: 20px;}

.view-style {padding: 0 20px;}
.view-style img {height: auto;}
.view-style .col {border: 2px solid;padding: 20px;}

.align-items-right a {float: right;margin-bottom: 20px;}

.view-style .d-flex div {width: 50%;}


.view-header {margin-bottom: 40px;}

.view-style .view-content {--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);}

.view-style .views-field-field-image {text-align: center;min-height: 220px;}
.view-style .views-field-field-image img {max-height: 200px;width: auto;}

.view-style .views-field-title a {color: var(--primary-color);font-size: 20px;font-weight: bold;}

.view-style .views-field-created,
.view-style .views-field-name {font-size: 16px;}

.view-style .views-field-name a {color: var(--primary-color);text-decoration: underline;}

.view-style .views-field-field-price,
.view-style .view-field-field-shipping {font-weight: bold;}


.view-profile-rating-reviews .views-field-picture {float: left;padding-right: 20px;}
.view-profile-rating-reviews .field-content {display: flex;width: 100%;}
.view-profile-rating-reviews .field-content span {font-size: 14px;text-decoration: italic;}

.views-field-view-node  {margin-top: 10px;}
.views-field-view-node a {color: #FFF;}

.sidebar-block h3 {text-transform: inherit;background: var(--primary-color);width: 100%;color: var(--secondary-color);text-align: center;padding: 20px;}
.sidebar-block .block-content {border: 2px solid;min-height: 200px;border-top: none;}
.sidebar-block p {padding: 20px;text-align: center;}
.sidebar-block a {display: block;
    width: 80%;
    margin: 0 auto;}

.sidebar-block .block-content {padding: 20px;}
.sidebar-block .block-content .field-content {width: 100%;margin-bottom: 20px;}

.commerce-line-item-actions #edit-submit {margin-right: 20px;}

h2.heading-style {color: var(--primary-color);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    border-bottom: 4px solid var(--secondary-color);
    padding-bottom: 10px;
    margin-bottom: 40px;}
h3 {font-size: 26px;text-transform: uppercase;color: var(--primary-color);margin-top: 20px;font-weight: bold;}

#view-sidebar-left {border-right: 5px solid var(--primary-color);}
#view-sidebar-left a {font-size: 20px;display: block;width: 100%;color: #000;}
#view-sidebar-left a.active {color: var(--primary-color);text-decoration: underline;}

.password-strength {width: 270px;
    float: none;
    margin: 0;}
.confirm-parent, .password-parent {width: inherit;}
h1.page-header {color: #e8c362;text-transform: uppercase;min-height: 100px;padding: 20px;}
.interior-header {    background-size: cover !important;    background: url(/sites/all/themes/ancientcity/images/header-bg.jpg);
    padding: 100px 0;
    text-align: center;}
.page-node-2 .interior-header {background: url(/sites/all/themes/ancientcity/images/header-contact.jpg);}
.interior-header h1.page-header{padding: 80px 0;background: url(/sites/all/themes/ancientcity/images/header-title-bg.png) center no-repeat;}
#main {background: #FFF;padding: 20px;}
#main p{margin-bottom: 20px;font-size: 20px;}
.btn {background: #e8c362;}
.form-control {border: 4px solid #e8c362;border-radius: 0px;}
.tabs a {    background-color: #363636 !important;
    border: none !important;
    border-bottom: none !important;
    color: #FFF !important;
    padding: 10px 30px !important;
    text-transform: uppercase;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-weight: bold;
    font-size: 11px !important;}
.page-user ul.primary {    background: url(/sites/all/themes/ancientcity/images/user-header-bg.jpg);
    padding: 60px 20px 0 20px;
    margin: -60px -20px 30px -20px;    border-bottom: 5px solid var(--primary-color);}
.tabs a:hover,
.tabs .active a {background-color: var(--primary-color) !important;}
body{font-family:var(--font-family);font-size: 20px;}
.hero{background:url(/sites/all/themes/ancientcity/images/hero-bg.jpg) center center no-repeat; background-size:cover;}
.header{min-height:200px; position:relative;}
.clip-path-top{clip-path:polygon(50% 130px, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 37% 0);}

.header .logo{position:absolute; left:50%; top:50%; transform:translate(-50%, calc(-50% + 50px));}
.logo img{width:min(22vw, 385px);}
.banner-slider .swiper-slide{min-height:625px; background-size:cover; background-position:center center;}
.menu ul li:not(:last-child){margin-right:45px;}
.menu ul li a{font-size:20px; color:#fff; font-family:var(--font-family-bold); text-transform:uppercase; background:var(--primary-gradient); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.header-content:not(:last-child){margin-bottom:40px;}
.header-links{margin:0 -15px;}
.header-links li{padding:0 15px; position:relative;}
.header-links li:not(:last-child)::after{position:absolute; right:-1px; top:50%; transform:translateY(-50%); content:""; background-color:#fff; width:2px; height:80%; background:var(--primary-gradient);}
.header-links li a{color:#fff; font-size:20px; font-family:var(--font-family-bold); text-transform:uppercase; display:block; line-height:1; background:var(--primary-gradient); background-clip:text;
-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.gradient-text{background:var(--primary-gradient); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.social-media a{display:grid; place-items:center; width:40px; height:40px; background:var(--primary-gradient); border-radius:100%; font-size:20px; color:var(--primary-color);}
.social-media a:not(:last-child){margin-right:8px;}
.header .nav-icon{position:absolute; right:15px; top:15px;}

.main{background-color:#fff; padding:30px 0;}
.main .section:not(:last-child){margin-bottom:50px;}
.intro-box{width:100%; aspect-ratio:1/0.7; background-size:cover; background-repeat:no-repeat; padding:15px; display:grid; place-items:center; position:relative;}
.intro-box::after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(20,97,98,0.7); content:"";}
.intro-box h3{text-transform:uppercase; font-family:var(--font-family-bold); text-align:center; position:relative; z-index:1;}

.footer-content{padding:25px 0; background-color:var(--dark-gray-color);}
.copyright{background-color:var(--primary-color); padding:10px 0;}
.copyright p{font-family:var(--font-family-bold); color:#fff; text-align:center;}

.footer-content h5{text-transform:uppercase; font-family:var(--font-family-bold);}
.footer-content h5:not(:last-child){margin-bottom:20px;}
.footer-block{padding-top:20px;}
.footer-links li:not(:last-child){margin-bottom:5px;}
.footer-links li a{color:#fff; font-family:var(--font-family-bold); font-size:16px;}
.footer-links li a:hover{color:#fff; text-decoration:underline;}

.aricle-image{min-height:400px; background-size:cover; background-repeat:no-repeat;}
.article-header h2{text-transform:uppercase; font-family:var(--font-family-bold); color:var(--primary-color);}
.article-header{padding-bottom:20px;}
.article-header:not(:last-child), .article-content:not(:last-child){margin-bottom:30px;}
.article-content{padding-right:30px;}
.article-header{position:relative;}
.article-header .border-right-half{position:absolute; right:0; top:100%; width:calc(100% + 30px);}

.welcome-article{padding:30px 90px; position:relative;}
.welcome-article h5:not(:last-child){margin-bottom:25px;}
.welcome-article::before{pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/sites/all/themes/ancientcity/images/border-top.png) center top no-repeat; background-size:100% auto; content:"";}
.welcome-article::after{pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/sites/all/themes/ancientcity/images/border-bottom.png) center bottom no-repeat; background-size:100% auto; content:"";}
.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:30px;}

.community-article{padding:40px 100px; background:url(/sites/all/themes/ancientcity/images/hero-bg.jpg) center center no-repeat; position:relative;}
.community-article .gradient-text{background:linear-gradient(to bottom, rgba(206,146,33,1) 0%,rgba(250,231,146,1) 50%,rgba(209,152,40,1) 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.community-article ul li:not(:last-child){margin-bottom:15px;}
.community-article ul li{color:#fff; font-family:var(--font-family-bold); padding-left:35px; position:relative;}
.community-article ul li::before{position:absolute; left:0; top:0; width:26px; height:26px; background:url(/sites/all/themes/ancientcity/images/icon.png) center center no-repeat; background-size:100% 100%; content:"";}
.section-header-row:not(:last-child){margin-bottom:10px;}
.section-header-row h1 span{display:block;}
.section-header-row h1 span:not(:last-child){margin-bottom:10px;}
.shape{position:absolute; pointer-events:none; z-index:9; width:116px; height:116px;}
.shape.top-left{left:0; top:0;}
.shape.top-right{right:0; top:0;}
.shape.bottom-left{left:0; bottom:0;}
.shape.bottom-right{right:0; bottom:0;}

@media(max-width:1360px){
	.menu ul li:not(:last-child){margin-right:20px;}
	.menu ul li a, .header-links li a{font-size:18px;}
	.header{min-height:150px;}
	.header-content:not(:last-child){margin-bottom:25px;}
	.banner-slider .swiper-slide{min-height:600px;}
}
@media(max-width:1199px){
	.clip-path-top{clip-path:polygon(50% 100px, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 37% 0);}
	.menu ul li a, .header-links li a{font-size:16px;}
	.header-links{margin:0 -10px;}
	.header-links li{padding:0 10px;}
	.social-media a{width:35px; height:35px; font-size:18px;}
	.banner-slider .swiper-slide{min-height:550px;}
	.footer-links li a{font-size:15px;}
	.main .section:not(:last-child){margin-bottom:40px;}
	.welcome-article{padding:25px 70px;}
	.welcome-article h5:not(:last-child){margin-bottom:15px;}
	.shape{width:80px; height:80px;}
	.community-article{padding:30px 80px;}
}
@media(max-width:991px){
	.clip-path-top{clip-path:polygon(50% 80px, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 37% 0);}
	.menu ul li a, .header-links li a{font-size:14px;}
	.header-links{margin:0 -10px;}
	.header-links li{padding:0 10px;}
	.social-media a{width:35px; height:35px; font-size:18px;}
	.header{min-height:130px;}
	.banner-slider .swiper-slide{min-height:500px;}
	.footer-links li a{font-size:14px;}
	.footer-block{padding-top:0;}
	.footer-content h5:not(:last-child){margin-bottom:15px;}
	.article-header{padding-bottom:0;}
	.article-header:not(:last-child), .article-content:not(:last-child){margin-bottom:25px;}
	.aricle-image{min-height:350px;}
	.welcome-article{padding:25px 50px;}
}
@media(min-width:767px){

	.clip-path-top-inner{clip-path: polygon(50% 109px, 65% 0, 100% 0, 100% 100%, 0 100%, 0 0, 35% 0);}

}
@media(max-width:767px){


	.popup-body {
    padding: 15px;}
	.webform-submit {padding: 5px 10px;
    font-size: 14px;}
	
    .popup-body .form-radios {font-size: 18px;}
    .popup-body .description {font-size: 12px;}
	.jcarousel-skin-default .jcarousel-item {
	    height: 400px;}
	.hero {background: url(/sites/all/themes/ancientcity/images/hero-bg.jpg) top center no-repeat;
    background-size: contain;}
	h1.page-header {min-height: 56px;}
	.interior-header {padding: 12px 0;}
	.interior-header h1.page-header {padding: 40px 0;background-size: contain;}
	.clip-path-top{clip-path:none;}
	.menu{position:absolute; left:0; top:100%; width:100%; z-index:99; display:none;}
	.menu ul li:not(:last-child){margin-right:0;}
	.menu ul:not(:last-child), .menu ul li:not(:last-child){border-bottom:1px solid var(--primary-dark-color);}
	.menu ul li{background-color:var(--primary-color);}
	.menu ul li:hover{background-color:var(--primary-dark-color);}
	.menu ul li a{display:block; padding:10px 15px;}
	.header .logo{position:static; transform:none;}
	.header-content:not(:last-child){margin-bottom:0;}
	.header{min-height:auto; padding:10px 0; padding-bottom:15px;}
	.banner-slider .swiper-slide{min-height:450px;}
	.main .section:not(:last-child){margin-bottom:30px;}
	.aricle-image{min-height:350px;}
	.welcome-article{padding:20px 30px;}
	.shape{width:40px; height:40px;}
	.community-article{padding:30px 40px;}
	h1.page-header {
    font-size: 13px;}
    .region-content {clear: both;}
    .page-user ul.primary {}
    ul.primary li {
    float: left;margin-bottom: 5px;}

	.forum-list-icon-wrapper {width: 31px;
    height: 43px;}

    .forum-list-icon-wrapper span {
    width: 32px;
    height: 40px;}

    .forum-table td,
    .forum-table .forum-row {    font-size: 14px;}


	ul.primary {padding: 0px;border-bottom: none;margin: 20px 0 0 0;}

	.tabs a {
	   
	    padding: 10px 22px !important;

	    border-top-left-radius: 20px;
	    border-top-right-radius: 20px;
	    font-weight: bold;
	    font-size: 9px !important;}


}
@media(max-width:575px){
	.align-items-right a {font-size: 14px;}
	.view-style .d-flex div {width: 100%;}
	.view-style .d-flex {display: block !important}
	.menu ul li a, .header-links li a{font-size:13px;}
	.banner-slider .swiper-slide{min-height:400px;}
	.aricle-image{min-height:300px;}
}