/*   
Theme Name: HolidayHomes.bg
Theme URI: http://holidayhomes.bg
Description: Theme for HolidayHomes.bg
Author: talking about this
Author URI: http://talkingaboutthis.eu
Text Domain: holhomes
Domain Path: /lang
Template: tat-blank  
Version: 2.0
*/

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

body { min-width: 320px; font-family: 'PT Sans Narrow', Calibri, sans-serif; color: #222; font-size: 16px; line-height: 1.5rem; }

input, select, textarea, button { font-family: 'PT Sans Narrow', Calibri, sans-serif;}

a { transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; }

h1 { font-size: 2.5rem;	line-height: 3rem; margin-bottom: 1.5rem; }
h2, .h2 { font-size: 2rem; line-height: 2.5rem; margin-bottom: 1.5rem; font-weight: 700; }
h3, .h3 { font-size: 1.5rem; line-height: 2rem; text-transform: uppercase; }
h4, .h4 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; }
h5, .h5 { font-size: 1rem; font-weight: 400; text-transform: uppercase; }
h6, .h6 { font-size: 1rem; }
.h7 { text-transform: uppercase; }

.alignleft { margin: 10px 10px 10px 0px;}
.alignright { margin: 10px 0px 10px 10px;}

.max1400 { max-width: 76rem; margin-left: auto; margin-right: auto; }

.padded-1 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padded-2 { padding-top: 3rem; padding-bottom: 3rem; }

/* Colors */

.orange, a.orange { background-color: #FF6601 !important; }
a.orange:hover, button.orange:hover { background-color: #FF7711; }
.orangetext, #footer a:hover,
.savelisting-icon, .deletelisting-icon,
.notepad-single .dashicons-heart, .notepad-single .dashicons-no { color: #FF6601;}

.darkred, a.darkred { background-color: #730000; color: white; }
a.darkred:hover { background-color: #831111; }
.darkredtext,
.notepad-seephotos .dashicons { color: #730000; }
 

.lightgray { background-color: #eaeaea; }

.mediumgray { background-color: #d4d4d4; }

.darkgray { background-color: #2a2a2a; color: white; }
.darkgraytext {	color: #2a2a2a; }

.white { background-color: #ffffff; }

.whitehover {
	background-color: #f2f2f2;
	-webkit-transition-property: all;  
  	-webkit-transition-duration: 0.2s;
  	-webkit-transition-timing-function: linear;   		
  	-moz-transition-property: all;   
  	-moz-transition-duration: 0.2s;
  	-moz-transition-timing-function: linear;
	transition-property: all;   
  	transition-duration: 0.2s;  
  	transition-timing-function: linear;		
}

.whitehover:hover { background-color: #eaeaea; }

.whitetxt {	color: #ffffff;}

.black { background: black !important; }
.blacktext { color: #000000; }

/* Forms */
.button, 
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	height: 2.5rem;
	background: #2a2a2a;
	color: white;
	border: none;
  	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
  	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 2.5rem;
	padding: 0 15px;
	vertical-align: middle;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="telephone"] {
	margin-bottom: 0.5rem; padding: 7px 10px; width: 100%; height: 2.5rem;
	background: #eaeaea; outline: none; border-radius: 0px;
	color: black; line-height: 21px;  	
}

input[type="checkbox"] {
	background: white;
	border: 1px solid #ddd;
	outline: none;
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;	
  	vertical-align: middle;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}
input[type=number] { -moz-appearance:textfield; }

select {
	width: 100%; height: 2.5rem; margin-bottom: 0.5rem;
	border: 1px solid #ddd;	border-radius: 0px;
	padding: 0 0.5rem; background: #eaeaea;
	-webkit-appearance: textfield; outline: none;
	text-transform: uppercase; line-height: 2.4rem;	cursor: pointer;
}

textarea {
	width: 100%;
	background: #eaeaea;
	outline: none;
	border: none;
  	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;	
  	padding: 7px 10px;	
	margin-bottom: 0.5rem;   	
}

input.half-input,
select.half-input { width: 45%; }

/* Modals */

.modal { background: white; }
#modal-getacall { }

@media only screen and (min-width: 48rem) {
	.modal { 
		top: 50%; left: 50%; width: 40rem; height: auto; max-height: 90%; 
		-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	 }
}
/* Animate */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

/* Header */

#header { height: auto; }

#slogan { min-height: 1.25rem; line-height: 1.25rem; font-size: 1.25rem; font-weight: 700; text-align: center; }

#calllang {
	text-align: right;
	min-height: 2.5rem;	line-height: 1.5rem;
}
#calllang img.phone { vertical-align: middle; }
#calllang .call { padding-right: 0.5rem; }
.qtranxs_language_chooser { display: inline-block; list-style: none; }
.qtranxs_language_chooser a { color:#09f; font-weight: bold; font-size: 12px; display: inline-block; height: 16px; vertical-align: middle; }
.qtranxs_language_chooser li { display: inline-block; list-style: none; padding: 0 0.2rem; }
.qtranxs_language_chooser li img { vertical-align: top; }

#logo {	width: 220px; height: auto; overflow: hidden; }
#logo-img { max-width: 100%; width: auto; max-height: 100%; height: auto; }	

.menu-header {
	text-align: right;
}
.menu-header ul {
	display: inline-block; vertical-align: top; background: white;
}
.menu-header ul li {
	height: 60px; float: left; position: relative;
}

.menu-header ul li a {
	display: block;	padding: 15px 10px 5px 10px; border-bottom: 10px solid; border-bottom-color: white;
	font-size: 1rem; line-height: 30px;	text-transform: uppercase; text-decoration: none;
	transition: border 0.3s linear, background 0.3s linear;
}
.menu-header ul li a:hover { border-bottom-color: #FF6601; }

.menu-header ul li ul {
	display: none;
	position: absolute;
	width: 200px;
	height: auto;
	top: 60px;
	left: 0;
	padding: 0;
	text-align: left;
	z-index: 9999;
}

.menu-header ul li:hover ul {
	display: block;
}
@media only screen and (max-width: 767px) {
	.menu-header ul li ul { top: 40px;}
}

.menu-header ul li ul li {
	width: 100%;
	height: auto;
}

.menu-header ul li ul li a:hover {
	background-color: #FF6601;
}

.menu-header ul li ul li a {
	font-size: 16px;
	text-transform: none;
	padding: 6px 10px 4px 10px;
	border-bottom-width: 2px;
}

.menu-header ul li ul li ul {
	display: none;
	position: absolute;
	width: 200px;
	height: auto;
	top: 0;
	left: 200px;
	padding: 0;
	text-align: left;
	z-index: 9999;
}
.menu-header ul li:hover ul li ul {
	display: none;
}
.menu-header ul li ul li:hover ul {
	display: block;
}

@media only screen and (min-width: 48rem) {
	#header { height: 120px; }
	#calllang { text-align: right; }
	#slogan { text-align: left; font-size: 1.25rem; }
	#logo { height: 60px; width: auto; padding-top: 0; padding-bottom: 0; }
}

/* SEARCH FORM */

#search {
	height: auto; overflow: hidden;
	background-image: url('/img/black-sea-1.jpg'); background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover;
}
#search.advanced {
	overflow: visible;
	margin-top: -1px; border-top: 1px solid white;
}
#search-tabs-wrap .tab { display: none; position: relative; }
#search-tabs-wrap .tab.active { 
	display: block; 
	-webkit-animation-name: fadeIn; animation-name: fadeIn;
	-webkit-animation-duration: 0.5s; animation-duration: 0.5s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
}
#search-tabs-wrap .switch { z-index: 100; position: absolute; top: 0.5rem; right: 0rem; color: white; }
#search-tabs-wrap .switch a { color: white; }

.search-box {
	margin-top: 0; z-index: 99; position: relative;
	background: black; background: rgba(0,0,0,0.5); 
	color: white;
}

.search-box label {	display: block; font-size: 1rem; line-height: 1.25rem; text-transform: uppercase; }
#extras label { text-transform: none; line-height: 1.5rem; cursor: pointer; }
.search-box select, .search-box input[type="number"] { background: black; color: white; border: none; }
.search-box select { padding: 0 30px 0 0.5rem; background: url('img/sel-down.png') no-repeat right #000; -webkit-appearance: none; -moz-appearance:none; }
.search-box .button { width: 100%; margin-top: 0.5rem; margin-bottom: 0; text-transform: uppercase; text-align: center;}

@media only screen and (min-width: 35.5rem) {
	.search-box .button { margin-top: 1.25rem; }
	#reset-search { margin-top: 1.75rem; }
}
@media only screen and (min-width: 48rem) {
	.search-box { margin-top: 3rem; margin-bottom: 3rem; }
	#search.advanced .search-box { margin-bottom: 0; }
}

#advanced-search-bar {
	position: absolute; top: 100%; left: 0; right: 0; z-index: 1000;
	padding: 0 0.5rem; height: 1.25rem;	
	font-size: 0.9rem; line-height: 1.25rem; color: black;
}
#advanced-search-bar select {
	width: auto; height: 1.25rem; margin: 0; vertical-align: top;
	-webkit-appearance: none; -moz-appearance:none;
	padding: 0 20px 0 4px; border: none; background: white; background: url('img/sel-down-small.png') no-repeat right #ffffff;	
	text-transform: none; font-size: 0.9rem; line-height: 1.25rem; font-weight: 700; color: black;
}

/* SEARCH PAGE */

#search-results { min-height: 400px; }
#search-results h1 { margin-bottom: 0; font-size: 1.5rem; line-height: 2rem; text-transform: uppercase;  }


/* Cards */


.listing-medium {
	height: auto; position: relative;	
	border-bottom: 10px solid #d4d4d4;
	transition: border 0.3s linear;
}
.listing-medium:hover {
	border-bottom: 10px solid #730000;
}
.listing-medium .thumb {
	display: block;
	width: 100%; height: 200px; height: calc( 66vw - 1rem );
	background-position: center center; background-size: cover; background-repeat: no-repeat;
}
.listing-medium .listing-details { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.listing-medium .info {	font-size: 0.9rem; line-height: 1.25rem; }
.listing-medium .info a:hover { color: #730000; }
.listing-medium .info span { text-transform: uppercase; }
.listing-medium .price { text-align: right; padding-left: 0.5rem; }
.listing-medium.project .price { text-align: left; padding-left: 0rem;}

.maincolumn.narrow .listing-medium h4, 
.maincolumn.narrow .listing-medium .h4 { font-size: 1.25rem; line-height: 1.5rem; }

@media only screen and (min-width: 35.5rem) {
	.listing-medium .thumb { height: calc( 33vw - 1rem ); }
}
@media only screen and (min-width: 48rem) {
	.listing-medium .thumb { height: calc( 22vw - 1rem ); max-height: 15rem; }	
}


.listing-small {
	height: auto; position: relative;
	border-bottom: 10px solid #d4d4d4;
	transition: border 0.3s linear;
}
.listing-small:hover { border-bottom: 10px solid #730000; }
.listing-small .thumb {
	display: block;
	width: 100%; height: 200px; height: calc( 50vw - 0.75rem );
	background-position: center center; background-size: cover; background-repeat: no-repeat;
}
.listing-small .listing-details { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.maincolumn.narrow .listing-small .listing-details  { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

.listing-small .info {	font-size: 0.9rem; line-height: 1.25rem;	}
.listing-small .info a:hover { color: #730000; }
.listing-small .price { text-align: right; padding-left: 0.5rem; }
.maincolumn.narrow .listing-small .price { text-align: left; padding-left: 0; }
.maincolumn.narrow .listing-small h4, 
.maincolumn.narrow .listing-small .h4 { font-size: 1.25rem; line-height: 1.5rem; }


@media only screen and (min-width: 35.5rem) {
	.listing-small .thumb { height: calc( 25vw - 0.75rem ); }
}
@media only screen and (min-width: 48rem) {
	.listing-small .thumb { height: calc( 17vw - 0.75rem ); max-height: 12rem; }		
}


.medium-city {
	position: relative;	
	cursor: pointer;	
	border-bottom: 10px solid #d4d4d4;
	transition: border 0.3s linear;
}
.medium-city:hover { border-bottom: 10px solid #730000; }
.medium-city .thumb {
	width: 100%; height: 200px;
	background-position: center center; background-size: cover; background-repeat: no-repeat;
}
.medium-city .info { }


/* Content */

#main {	min-height: 300px; height: auto; }

.maincolumn .header {
	margin-top: 0.5rem; margin-bottom: 0;
	font-size: 1.15rem;	font-weight: 700; line-height: 1.5em; font-family: 'PT Sans Narrow', Calibri, sans-serif; text-transform: uppercase;
}
.maincolumn h5 {
	margin-bottom: 0;
	font-size: 1.15rem;	font-weight: 700; line-height: 1.5em; 	font-family: 'PT Sans Narrow', Calibri, sans-serif; text-transform: uppercase;
}
.home .maincolumn h5 { margin-bottom: -0.75rem; }

/* Slider */

#slider-budget { width: 100%; height: auto; overflow: hidden; position: relative; }
#slider-budget ul { position: relative; }
#slider-budget ul li { float: left; margin: 0; padding: 0;  width: 100%; height: auto; }
#slider-budget .listing-details { background-color: black; }
#slider-budget .info,
#slider-budget .info a { color: white; }
#slider-budget .info a:hover { color: #FF6601; }
#slider-budget .listing-medium:hover { border-bottom: 10px solid #FF6601; }


/* Listing */

#listing { }
#listing .thumb {
	width: 100%; max-height: 600px; height: auto;
	overflow: hidden;
}
#listing .thumb img { width: 100%; height: auto; }

#listing #listing-details {	min-height: 150px; height: auto; position: relative; }
#listing #listing-info .city { font-weight: 700; font-size: 1.25rem; line-height: 1.5em; } 
#listing #listing-info .vid { text-transform: uppercase; }
#listing #listing-info .vid a { color: #730000; }
#listing #listing-info .vid a:hover { color: #FF6601; }
#listing #listing-details .tax-name { font-weight: 700; }

#listing #listing-details .enquiry .button {
	margin-bottom: 0;
}

.fb_iframe_widget { vertical-align: top; }
.fb_iframe_widget > span { vertical-align: top !important; }

#listing #listing-content h1 {
	font-size: 1.5rem; line-height: 2rem;
}

#listing #listing-map {	height: 250px; position: relative; }

#listing #listing-enquiry {	position: relative; }
#listing #listing-enquiry textarea { min-height: 120px; }

#listing-gallery a.gallery-thumb {
	height: 100px; padding: 0.5rem; overflow: hidden;
}
#main #listing-gallery a:hover { background: #eee; }

#main #listing-files a.pdf-thumb {
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	display: inline-block;
	padding: 10px;
	font-weight: 700;
}
#main #listing-files a:hover { text-decoration: none; background: #ccc; }
#main #listing-files .dashicons { width: 40px; height: 40px; font-size: 40px; }

@media only screen and (min-width: 48rem) {
	#listing-gallery { margin-top: 2rem; }
}


.pagination a { }
.pagination a:hover { color: white; }
.pagination .current { color: white; }
.pagination .page-numbers { 	
	display: inline-block; margin: 1px 10px !important;		
	font-size: 0.9rem; font-weight: 700; line-height: 1.25em;	
}

/* Sidebar */

.sidebar-header { font-size: 1.15rem; line-height: 1.5em; font-weight: 700; text-transform: uppercase; }

.widget_text .textwidget, .widget_savetonotepad .notepadwidget { background: white; font-size: 1rem; }

.widget_text .textwidget p { padding: 10px; margin-bottom: 0; }

.textwidget iframe,
.textwidget object,
.textwidget img {
	width: 100%; height: auto; vertical-align: top;
}

.widget_recent_entries ul {
	background: white;
	padding: 10px;
	margin-bottom: 0;	
}
.widget_recent_entries ul li a {
	font-weight: 700;
	
}
.widget_city_widget .thumb {
	min-height: 100px;
	position: relative;
	cursor: pointer;
}
.widget_city_widget .thumb .cityname {
	position: absolute;
	top:20px;
	left: 20px;
	max-width: 240px;
	padding: 5px 10px;
	font-size: 27px;
	line-height: 30px;
	font-weight: 700;
	background: white;
	background: rgba(255,255,255,0.85);
}


.widget_recent_entries li {
	padding: 5px;
	border-bottom: 1px solid #FF7711;
}
.widget_recent_entries li:hover {
	background: #eee;
}
.widget_recent_entries li a {
	font-size: 15px;
}

.widget_getacall_widget .textwidget {
	overflow: hidden;
}
.textwidget .button {
	width: 100%;
	margin: 0;
	padding: 10px 10px;
	line-height: 20px;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

#modal-getacall {	}

#getacall input[type="text"],
#getacall input[type="tel"],
#getacall input[type="email"],
#getacall textarea { 
}
#getacall textarea {
	height: 120px;
}
#getacall span.wpcf7-not-valid-tip {
	display: none !important;
}
#getacall div.wpcf7-response-output {
	margin: 0 !important;
}

@media only screen and (max-width: 767px) {
	.textwidget img { width: 100%;}
	object { display: none;}
	iframe { margin: 0 auto; display: block; padding: 10px 0;}
}

/* Notepad */
.notepad { 
	padding: 10px; 
	-webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: linear;   		
  	-moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: linear;
	transition-property: all; transition-duration: 0.4s; transition-timing-function: linear;
}
.notepad p { margin: 5px 0; }
.notepad-msg {
	color: red;
	font-weight: 700;
	font-size: 13px;
}
.notepadwidget.notepad-updated {
  -webkit-animation-name: swing;
  animation-name: swing;
   -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.notepad-single { font-weight: 700; 
	-webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: linear;   		
  	-moz-transition-property: all; -moz-transition-duration: 0.4s; -moz-transition-timing-function: linear;
	transition-property: all; transition-duration: 0.4s; transition-timing-function: linear;		
}
.notepad-single .dashicons-no { display: none; }
.notepad-single:hover .dashicons-no { display: inline-block; }

.notepad-listing { margin: 10px 0; font-weight: 700; }
.notepad-listing-link { }
.notepad .notepad-seephotos { margin-top: 10px;} 

.notepad-single.notepad-added { padding: 5px; background-color: #eee; }

/* submit listing */

#list-estate label { display: block; }
.list-photo {
	margin-right: 0.5rem;
	cursor: pointer;
}
.list-photo canvas {
	height: 80px; width: 80px; background-color: #eee;
}
.list-photo-input { visibility: hidden; height: 1px; width: 5px; display: none; }

/* Footer */

#footer {
	height: auto; min-height: 200px;
	text-transform: uppercase; color: white; text-align: center;
}
#footer a {	color: white; }
.footer-header { font-size: 1.25rem;	font-weight: 700; line-height: 1.5em; font-family: 'PT Sans Narrow', Calibri, sans-serif; text-transform: uppercase; }

@media only screen and (min-width: 48rem) {
	#footer { text-align: left; }
}