/*
Theme Name: Kolding - Property Pro Theme
Theme URI: http://www.agentimage.com
Description: Kolding Property Pro theme
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.7
Requires at least: 6.0
Requires PHP: 8.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */

body {
	font-family:"Roboto Condensed",sans-serif;
	color:#aaa9a9;
	font-size:16px;
	background:#3a3a3a;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
}

body a{
	outline:none !important;
}
.outer {
	min-width:320px;
	width:100%;
}
#footer.outer {
	overflow:hidden;
}

.inner {
	width:100%;
	max-width:1152px;
	margin:auto;
}

/* Text formatting */

a, a:visited {
	color:#aaa9a9;
	text-decoration:none;
}

a:hover {
	color:#aaa9a9;
	text-decoration:underline;
}

p {
	line-height:25px;
	margin-bottom:29px;
}

/* Element positioning */

.element-left {
	float:left;
}

.element-right {
	float:right
}

/* Header */

#header {
	background:url("images/semi-transparent-lighter-black.png");
	color:#fff;
	padding-top:12px;
	position:fixed;
	z-index:5;
}

#header a {
	color:#fff;
}

#header a.header-title:hover {
	text-decoration:none;
}

#header .header-left,
#header .header-right {
	width:50%;
}

#header .header-left {
	padding-bottom:12px;
}

#header .header-right {
	text-align:right;
}

/* Header image background */

.header-image-background {
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center 0;
}

/* Header title */

.header-title {
	font-size:34px;
	font-family:"Playfair Display",serif;
	text-transform:uppercase;
	margin-bottom:3px;
	display:inline-block;
	line-height:1;
}

a.header-title:hover {
	text-decoration:none;
}

.header-title span {
	vertical-align:top;
	display:inline-block;
}

.header-title .header-title-number {
	font-size:37px;
	line-height:22px;
}

/* Header address */

.header-address {
	color:#aaaaaa;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:4px;
}

/* Header social media */

.header-social-media {
	margin-bottom:16px;
}

.header-social-media * {
	display:inline-block;
	vertical-align:bottom;
}

.header-social-media .hsm-verbiage{
	color:#a6a6a6;
	font-size:11px;
	text-transform:uppercase;
	margin-right:11px;
}

.header-social-media a {
	display:inline-block;
	position:relative;
	background-position:0 0;
	background-repeat:no-repeat;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
	font-size:19px;
}

.header-social-media a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}

.header-social-media ul li {
	margin-left:22px;
	display:inline-block;
}

.header-social-media ul li:first-child {
	margin-left:0;
}

/* Top navigation */

#nav {
	text-align:right;
	font-size:0;
}

#nav > li {
	display:inline-block;
	margin-left:24px;
	font-size:14px;
}

#nav  > li:first-child {
	margin-left:0;
}

#nav > li > a {
	display:block;
	padding-bottom:16px;
	text-transform:uppercase;
	border-bottom:3px solid transparent;
}

#nav > li:hover > a,
#nav > li.current-menu-item > a {
	text-decoration:none;
	border-bottom:3px solid #e22228;
}

/* Home banner */

#home-banner {
	background:gray;
	position:relative;
	z-index:1;
	overflow:hidden;
}

/* Banner photos */

#banner-photos {
	position:relative;
	overflow:hidden;
	z-index:1;
}

#banner-photos .banner-photo-slide {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}

/* Banner arrow down */

.banner-arrow-down {
	position:absolute;
	cursor:pointer;
	width:38px;
	height:19px;
	background:url("images/arrow-down.png") center 0 no-repeat;
	left:50%;
	margin-left:-19px;
	bottom:32px;
}

/* Banner content */

#banner-content {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

/* Side buttons */

.side-buttons {
	position:absolute;
	top:114px;
	right:0;
	z-index:4;
	width:248px;
	overflow:hidden;
}

.side-buttons > li {
	margin-bottom:1px;
	position:relative;
}

.side-buttons > li > a {
	width:58px;
	height:65px;
	display:block;
	background:#e22228;
	position:relative;
	overflow:hidden;
	text-indent:-999;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	z-index:2;
	float:right;
}

.side-buttons > li.side-phone > a { background-image:url("images/icon-phone-big.png"); }
.side-buttons > li.side-email > a { background-image:url("images/icon-email-big.png"); }

.side-buttons .side-popup {
	background:url("images/semi-transparent-lighter-black.png");
	position:absolute;
	margin-right:58px;
	width:190px;
	top:0;
	right:0;
	height:65px;
	color:#fff;
	z-index:1;
	line-height:65px;
}

.side-buttons .side-popup-aligner {
	display:inline-block;
	line-height:1;
	width:100%;
	vertical-align:middle;
}

.side-buttons .side-popup a {
	color:#fff;
}

/* Side buttons positions */

.ip-container .side-buttons {
	top:211px;
}

.home .side-buttons {
	top:114px;
}

/* Side phone */

.side-phone .side-popup {
	text-transform:uppercase;
}

.side-phone .side-popup-aligner {
	padding:0 13px;
}

.side-phone .side-popup .side-phone-name {
	font-size:15px;
}

.side-phone .side-popup .side-phone-contact {
	font-family:"Playfair Display",serif;
	font-size:26px;
}

/* Side email */

.side-email .side-popup a {
	display:block;
	text-transform:uppercase;
	padding:0 23px 0 62px;
	background:url("images/icon-email-big.png") 15px center no-repeat;
}

.side-email .side-popup a ~ a {
	display:none;
}

.side-email .side-popup a:hover {
	text-decoration:none;
}

/* Banner tagline active */

.banner-tagline-active {
	position:absolute;
	bottom:120px;
	color:#fff;
	background:url("images/semi-transparent-black.png");
}

.banner-tagline-active-verbiage {
	padding:36px 0 27px 0;
	text-align:center;
	line-height:1;
}

.banner-tagline-active-verbiage .inner {
	position:relative;
}

.banner-tagline-active-verbiage .verbiage-big {
	font-size:40px;
	font-family:"Playfair Display",serif;
	text-transform:uppercase;
	margin-bottom:7px;
}

.banner-tagline-active-verbiage .verbiage-small {
	font-size:26px;
	letter-spacing:7px;
	font-weight:300;
}

.banner-tagline-active-verbiage .verbiage-arrow {
	width:20px;
	height:20px;
	background:url("images/verbiage-arrow.png");
	position:absolute;
	top:-27px;
	right:191px;
	cursor:pointer;
}

/* Banner tagline sold */

.banner-tagline-sold {
	position:absolute;
	bottom:120px;
	color:#fff;
	background:url("images/semi-transparent-black.png");
	padding:47px 0 45px 0;
	text-align:center;
}

.banner-tagline-sold .verbiage-big {
	font-family:"Playfair Display",serif;
	margin-bottom:20px;
	color:#fff;
	font-size:50px;
	text-transform:uppercase;
}

/* Home content */

#home-content {
	padding:44px 0;
}

/* Property gallery */

.property-gallery {
	margin-bottom:47px;
}

.property-gallery-thumbs{
	text-align:center;
	margin-bottom:20px;
}

.property-gallery-thumbs a {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.property-gallery-thumbs li {
	display:inline-block;
	margin:0 3px;
	width: calc(100% / 7);
}
	.property-gallery-thumbs li a{
		display: block;
		position: relative;
	}
		.property-gallery-thumbs li a canvas{
			width: 100%;
			display: block;
			height: auto;
		}
		.property-gallery-thumbs li a img{
			object-fit: cover;
			object-position: center center;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
.property-gallery-buttons {
	text-align:center;
}

.property-gallery-fade .mfp-content {
	min-height:0;
}

.mfp-zoom-out-cur .property-gallery-fade .mfp-image-holder .mfp-close,
.property-gallery-fade .mfp-image-holder .mfp-close, 
.property-gallery-fade .mfp-iframe-holder .mfp-close {
	margin-top:0;
	display:inline-block;
	width:auto;
	cursor:pointer;
}

/* Buttons */

.button1 {
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	padding:13px 17px;
	border:1px solid #818181;
	font-family:"Playfair Display",serif;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
}

.button1:hover,
a.button1:hover {
	background:#ce2126;
	border-color:#ce2126;
	color:#fff;
	text-decoration:none;
}

a.button2,
.button2 {
	display:inline-block;
	color:#fff;
	line-height:24px;
	text-align:center;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
}

.button2 .b2-top {
	font-family:"Playfair Display",serif;
	display:inline-block;
	border-bottom:1px solid #e22228;
	-webkit-transition:border-color 0.2s;
	transition:border-color 0.2s;
}

.button2 .b2-bottom {
	font-size:11px;
	text-transform:uppercase;
	color:#9c9b9b;
	display:inline-block;
	letter-spacing:4px;
}

.button2:hover .b2-top {
	border-color:#aaa9a9;
}

a.button3,
.button3 {
	padding:16px 55px;
	background:#e22228;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:8px;
	font-size:16px;
	color:#fff;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
}

a.button3:hover,
.button3:hover {
	text-decoration:none;
}

a.button4.property-pro-aios-starter-theme-popup-trigger,
.button4.property-pro-aios-starter-theme-popup-trigger,
a.button4,
.button4{
	border:1px solid #fff;
	display:block;
	padding:11px 6px;
	color:#fff;
	font-size:14px;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	line-height:12px;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	text-align:left;
	text-indent:0;
	font-family:"Roboto Condensed",sans-serif;
	letter-spacing:1px;
	font-weight:400;
	width:100%;
}

.button4.property-pro-aios-starter-theme-popup-trigger .b4-big,
.button4 .b4-big {
	text-transform:uppercase;
	margin-bottom:3px;
}	

.button4.property-pro-aios-starter-theme-popup-trigger .b4-small,
.button4 .b4-small {
	color:#e22228;
	font-size:11px;
}

a.button4.property-pro-aios-starter-theme-popup-trigger:hover,
.button4.property-pro-aios-starter-theme-popup-trigger:hover,
a.button4:hover,
.button4:hover,
a.button4:visited,
.button4:visited {
	background:#ce2126;
	border-color:#ce2126;
	text-decoration:none;
}

.button4.property-pro-aios-starter-theme-popup-trigger:hover .b4-small,
.button4:hover .b4-small {
	color:#fff;
}

/* Popup form trigger */

.property-pro-aios-starter-theme-popup-trigger {
	border-color:#818181;
	color:#aaa9a9;
	font-family:"Playfair Display",serif;
}

.property-pro-aios-starter-theme-popup-trigger span {
	font-family:"Roboto Condensed",sans-serif;
	text-transform:uppercase;
}

a.property-pro-aios-starter-theme-popup-trigger:hover,
.property-pro-aios-starter-theme-popup-trigger:hover {
	color:#fff;
	border-color:#ce2126;
	background:#ce2126;
}
	
/* Home welcome */

.home-welcome {
	padding:0 189px;
	text-align:center;
}

.home-welcome h1 {
	color:#ececec;
	font-size:40px;
	font-family:"Playfair Display",serif;
	text-align:center;
	font-weight:700;
	margin-bottom:29px;
}

.home-welcome h1 .thin {
	font-weight:400;
}

.home-welcome h4 {
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-bottom:2px;
}



/* Footer */

#footer  {
	padding:51px 0 42px 0;
	background:#1c1c1c;
	color:#fff;
}

#footer a {
	color:#fff;
}

#footer .footer-left {
	width:31.68%;
}

#footer .footer-mid {
	width:37.03%;
	text-align:center;
	padding-top:3px;
}

#footer .footer-right {
	width:31.23%;
}

/* Form 1 */

.form1 h4{
	padding-bottom:14px;
	padding-top:5px;
	padding-left:39px;
	border-bottom:1px solid #e22228;
	font-size:25px;
	color:#fff;
	font-family:"Playfair Display",serif;
	background:url("images/footer-email.png") left 2px no-repeat;
	margin-bottom:20px;
}

.form1 p {
	margin-bottom:0;
}

.form1 .wpcf7-form-control-wrap {
	display:inline-block;
	width:49%;
	margin-bottom:3px;
	margin-right:0.8%;
}

.form1 span input {
	box-sizing:border-box;
	width:100%;
	background:#282828;
	font-size:15px;
	border:0;
	font-family:"Roboto Condensed",sans-serif;
	padding:9px 10px;
	padding:9px 10px;
	color: #adadad;
	height:35px;
}

.form1 input[type='submit'] {
	background:#ec2127;
	height:35px;
	width:49%;
	box-sizing:border-box;
	font-family:"Roboto Condensed",sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	border:0;
	font-size:15px;
	padding:0;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
}

.form1 ::-webkit-input-placeholder {
	color: #adadad;
	opacity:1;
}

.form1 :-moz-placeholder {
	color: #adadad;
	opacity:1;
}

.form1 ::-moz-placeholder { 
	color: #adadad;
	opacity:1;
}

.form1 :-ms-input-placeholder {  
	color: #adadad;
	opacity:1;
}

.form1 div.wpcf7-response-output {
	margin: 0px auto !important;
    margin-top: 4px !important;
    padding: 0.2em 1em;
    font-size: 12px;
    text-align: center;
    border: 2px solid #fff;
    background: #ec2127;
	width:80%;
}

.form1 span.wpcf7-not-valid-tip{
	color: #f00;
    font-size: 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 12px;
    width: 60%;
    padding: 5px; 
    background: #fff;
	min-height:35px;
	max-width:105px;
	left: inherit;
}

/* Sign up form 2 */

.signup-form-2 p{
	font-size:0;
}

.signup-form-2 p * {
	font-size:16px;
}

/* Contact form */

.property-pro-aios-starter-theme-popup-form div.wpcf7-response-output {
	background: #ec2127 !important;
}

/* Forms */

[placeholder]:focus::-webkit-input-placeholder {
	transition: all 0.2s linear;
	transform: translate(10px, 0);
	opacity: 0;
	color:inherit;
}

/* Footer social media */

.footer-social-media {
	margin-bottom:33px;
}

.footer-social-media h6 {
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:10px;
}

.footer-social-media li {
	display:inline-block;
}

#footer .footer-social-media a,
.footer-social-media a {
	display:inline-block;
	position:relative;
	overflow:hidden;
	background-color:#282828;
	color:#C6C6C6;
	width:27px;
	height:27px;
	transition:background-color 0.2s;
	-webkit-transition:background-color 0.2s;
	font-size:14px;
	line-height:27px;
}

#footer .footer-social-media a:hover,
.footer-social-media a:hover {
	background-color:#e22228;
	text-decoration:none;
}

/* Footer copyright */

.footer-copyright, .disclaimer {
	font-weight:300;
	text-transform:uppercase;
	line-height:17px;
	color:#6e6e6e;
	font-size:14px;
	letter-spacing:-1px;
}

.footer-copyright a {
	font-weight:400;
	color:#6e6e6e !important;
}

.disclaimer{
	margin: 10px 0 0 0;
	text-transform:none !important;
}

/* Footer contact */

.footer-contact h4{
	padding-bottom:14px;
	padding-top:5px;
	padding-left:39px;
	border-bottom:1px solid #e22228;
	font-size:25px;
	color:#fff;
	font-family:"Playfair Display",serif;
	background:url("images/footer-contact.png") left 2px no-repeat;
	margin-bottom:16px;
}

.footer-contact .footer-contact-phone {
	font-family:"Playfair Display",serif;
	font-size:34px;
	margin-bottom:11px;
	padding-left:31px;
	background:url("images/icon-phone.png") 4px 8px no-repeat;
}

.footer-contact .footer-contact-phone span {
	display:inline-block;
	vertical-align:top;
	line-height:20px;
}

.footer-contact .footer-contact-address {
	font-size:20px;
	padding-left:31px;
	line-height:21px;
	background:url("images/icon-location.png") 4px 4px no-repeat;
}

/* Upper contact form */

.form1.upper-contact-form {
	background:#141414;
	padding:15px 0;
	text-align:center;
}

.form1.upper-contact-form p {
	margin-bottom:0;
}

.form1.upper-contact-form .wpcf7-form-control-wrap{
	width:15.53%;
	margin-left:0.26%;
	margin-right:0;
}

.form1.upper-contact-form p > span:first-child {
	padding-left:47px;
	margin-left:3.21%;
	width:19.70%;
	background:url("images/icon-house.png") left center no-repeat;
}

.form1.upper-contact-form input[type='submit'] {
	width:15.53%;
	margin-left:0.26%;
	margin-right:47px;
}

.form1.upper-contact-form  div.wpcf7-response-output {
	width:50%;
}

/* Property contact */

.property-contact {
	display: inline-block;
	border: 2px solid #f6733e;
	font:  700 22px "Roboto";
	color: #535353;
	letter-spacing: 2px;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	text-indent: 7px;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}

.property-contact span{
	font-size:13px;
	display:block;
	text-transform:lowercase;
	line-height:18px;
	font-weight:300;
}

a.property-contact:hover,
.property-contact:hover {
  	background:#f6733e;
	color:#fff;
	text-decoration:none;
}

.video-gallery iframe {
    display: block;
    width: 100%;
}

/*******************************************************
 *
 * 2. IP styles
 *
 *******************************************************/
 
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ 
	min-height: 500px;
}

/* Adjust width of content columns */
#content-sidebar #content{ 
	width: 77.08%; 
}
#content-full #content { 
	width: 100%; 
}
#content { 
	padding:20px 5% 63px 5%;
}

/* Adjust width of sidebar */
.sidebar{ 
	width: 20.83%; 
	padding:35px 3.25%;
	background:url("images/semi-transparent-black.png");
}

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { 
	line-height:1.7;
}

/* Style sidebar widgets */
aside h2.widget-title {
	color: #fff;
    font-size: 25px;
    font-family: "Playfair Display",serif;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #e22228;
    margin: 0 0 19px 0;
    font-weight: 400;
	background:none;
	padding:0;
}

/* Style post/page main headings (h1) */
#content .entry-title { 
	font-weight:400;
	font-size: 34px;
    color: #fff;
    font-family: "Playfair Display",serif;
    text-transform: uppercase;
    margin: 0 0 14px 0;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 
	font-size: 34px;
    color: #fff;
    font-family: "Playfair Display",serif;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 14px 0;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
	font-size: 24px;
    color: #fff;
    font-family: "Playfair Display",serif;
    text-transform: uppercase;
    font-weight: 400;
}

/* Inner page wrapper */

#inner-page-wrapper {
	position:relative;
	z-index:2;
	padding-top:225px;
	margin-bottom:100px;
}

#inner-page-wrapper .inner {
	background: url("images/ip-content-black.png");
}

/* IP Background */

.ip-background {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	overflow:hidden;
}

.ip-background img {
	position:relative;
	z-index:1;
}

.ip-background:after {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
	background-image:url("images/ip-bg-gradient.png");
	background-repeat:repeat-x;
	background-position:center bottom;
}

.ip-background img,
.ip-background {
	min-height:200px;
	min-width:100%;
}

/* Sidebar buttons */

ul.sidebar-buttons {
	margin-left:0;
	list-style:none;
	padding-left:0;
}

ul.sidebar-buttons li {
	margin-bottom:8px;
}

/* Widget: Navigate */

aside h2.widget-title span.icon-navigation {
	display:block;
	padding-left:36px;
	padding-top:7px;
	padding-bottom:7px;
	background:url("images/icon-navigation.png") left center no-repeat;
	line-height:1;
}

/* Template: Contact */

.property-pro-aios-starter-theme-agent-box-agent-info,
.property-pro-aios-starter-theme-agent-box-agent-name {
	color:inherit;
}

/* Template: Community */

#content .alignnone.community-image {
	margin:0;
}

/* Template: Form Bottom */

.property-pro-aios-starter-theme-popup-form input[type="submit"] {
	background:#ec2127 !important;
	border:0;
	margin-top:0 !important;
}

.property-pro-aios-starter-theme-popup-container-title {
	font-size: 36px;
    margin-bottom: 20px;
    font-family: 'Roboto Slab';
    font-style: normal;
}


/*******************************************************
 *
 * 3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
 *
 *******************************************************/