/* Your custom styles */

body {
	font-family: 'Gentium Book Basic', Times, serif;
	background-image: url("../pics/paper.jpg");
	background-repeat: repeat;
	font-display: swap;
}

.bodytext a, .su-content a, p a, .modal-content a, .tab-content a, .resulttext a {
	color: rgb(190, 150, 81);
	/*rgb(175,146,83);*/
	text-decoration: none;
	font-weight: normal;
	border-bottom: 2px solid rgba(175, 146, 83, .5);
	;
}

b, strong {
    font-weight: bold;
}

.bodytext a:hover, .su-content a:hover, p a:hover, .modal-content a:hover, .tab-content a:hover, .resulttext a:hover {
	color: rgb(150, 110, 41) !important;
	border-bottom: 2px solid rgba(135, 106, 43, .5);
}


.su-carousel {
	min-height: 100%;
	min-height: 100vh;

}

.su-carousel-half {
	min-height: 60vh;
	height: 60vh;

}

.su-carousel-caption {
	vertical-align: middle;
	top: 40%;
	margin-top: auto;
	margin-bottom: auto;
}

.su-carousel-caption p {
	font-family: "Josefin Sans", Roboto, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 100%;

}

.su-carousel-caption h3, .su-carousel-caption div  {
	font-family: 'Gentium Book Basic', Times, serif;
	font-size: 300%;
	margin-top: 50px;

}
.carousel-pic {
	height: 100vh;
}

.hm-black-light .full-bg-img,
.hm-black-light .mask {
	background-color: rgba(0, 0, 0, 0);
}

.pswp__bg {
    /*background: #fffe;*/
    background-image: url("../pics/paper.jpg");
    background-repeat: repeat;
}
.pswp__img {
/*	filter: drop-shadow(2px 2px 3px #bbb);*/
}

.su-headertext {
	position: absolute;
	vertical-align: middle;
	top: 20%;
	right: 10%;
}



.kopjes,.toast-message {
	font-family: "Josefin Sans", Roboto, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

.badge.kopjes {
	font-size: 50%;
	padding: 9px;
	letter-spacing: 1px;
	vertical-align: 4px;
}

.badge {
	white-space: unset;
}


.navbar.kopjes {
	font-size: 80%;
}


.text-shadow {
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 2);
}

.text-shadow-light {
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
}

.font-script {
	font-family: 'Montez', cursive !important;
	font-size: 360% !important;
}

.font-script2 {
	font-family: 'Dr Sugiyama', cursive !important;
	font-size: 700 !important;
}

.font-bodoni {
	/*    font-family: 'Mr Dafoe', cursive;*/
	/*	font-family: 'Arapey', TimesRoman, serif !important;*/
	font-family: 'Playfair Display', TimesRoman, serif !important;
	text-transform: uppercase;
	text-decoration: none;

}

/*.font-neutram {
	font-family: 'NeutraMedium', Roboto, sans !important;
	text-transform: uppercase;
	text-decoration: none;

}*/

.twocolumns {
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
}
.twocolumns p, .twocolumns div  {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

}

.morecolumns {
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
	column-count: 3;
}

.bg-half {
	/* The image used */
	/* Half height */
	height: 50vh;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vh100 {
	height: 100vh !important;
}
.su-content {
	text-align: left;
}
.su-content * {
	text-align: left;
}

.su-content p {
/*	text-align: justify;*/
}

.su-content img {
	width: 66%;
}
.su-content:not(.contact):not(.caption) img {
	float: right;
	margin: 3em;
	margin-right: -200px;
	min-width: 300px;
}
.su-content blockquote {
	padding: 1rem 2rem;
    font-size: 1.9em;
    border-left: 0.1rem solid rgb(175, 146, 83);
    float: right;
    color: #666;
    width: 66%;
    margin-right: -200px;
    margin-left: 2rem;
    min-width: 300px;
    background-color: rgba(255, 255, 255, .6);
}
.su-content h1,
.su-content h2,
.su-content h3,
.su-content h4,
.su-content h5,
.su-content h6 {
	margin: 2rem 0 1rem 0;
}

.tilted {

	/* Safari */
	-webkit-transform: rotate(-4deg);

	/* Firefox */
	-moz-transform: rotate(-4deg);

	/* IE */
	-ms-transform: rotate(-4deg);

	/* Opera */
	-o-transform: rotate(-4deg);

	/* Internet Explorer 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Custom rotation not working in IE
*/
}

.darkgrey-text {
	color: #555 !important;
}

.prop-nav {
	/*	background-color: #fff;*/
	border-bottom: solid 1px rgba(120, 120, 120, .3);
}

.su-testimonial {
	background-color: #fff;
}

.su-brown {
	background-color: rgb(175, 146, 83);
}

.su-text-brown {
	color: rgb(175, 146, 83);
}

/* checked checkbox color */

[type=checkbox]:checked+label:before {
	border-color: transparent rgb(175, 146, 83) rgb(175, 146, 83) transparent;
}

/* label focus color */

.md-form {
/*	margin-top: 2em;*/
}

.md-form input:focus+label, .md-form textarea:focus+label {
	color: rgb(175, 146, 83) !important;
}

/* label underline focus color */

.row .md-form input:focus, .row .md-form textarea:focus {
	border-bottom: 1px solid rgb(175, 146, 83) !important;
	box-shadow: 0 1px 0 0 rgb(175, 146, 83) !important
}

.su-checkboxLabel {
	font-size: .8rem;
	margin-top: -.8em;
	color: #757575;
	cursor: text;
	margin-left: 0em;
	/* display: inline-block; */
}

.form-check {
    position: static;
    display: block;
    padding-left: 0;
}
.dropdown-content li>a, .dropdown-content li>span {
    color: rgb(175, 146, 83);
}
.select-wrapper input.select-dropdown {
    color: #757575;
}
.select-wrapper + label {
    pointer-events: none;
    z-index: 1;
}
.portfolio-overlay {
    background-color: #fffe;
    padding: 30px 30px;
    color: #444 !important;
    text-align: center;
}


.regionbanner,
.regionbanner4 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid rgba(200, 200, 200, 1);
	padding-top: 100px;
	padding-bottom: 100px;
	min-height: 250px;
}

.regionbanner .caption {
	padding: 40px 20px !important;
	background-color: #00000022;
}

.regionbanner .caption span {
	font-size: 1.7em;
	font-family: "Josefin Sans", Roboto, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

.regionbanner4 .caption .hatwee {
	font-size: 2.5em;
	font-family: "Playfair Display", TimesRoman, serif !important;
	text-transform: uppercase;
}

.regionbanner2 {
	background-color: rgba(175, 146, 83, .9);
	border-right: 1px solid rgba(175, 146, 83, .05);
	border-bottom: 1px solid rgba(175, 146, 83, .05);
}

.regionbanner2 .caption {
	padding: 40px 20px !important;
	background-color: #00000022;
}

.regionbanner2 .caption h2 {
	font-size: 1.7em;
	font-family: 'Playfair Display', TimesRoman, serif !important;
	;
	text-transform: uppercase;
}

.regionbanner3 {
	background-color: rgba(255, 255, 255, 1);
	border-right: 1px solid rgba(175, 146, 83, .15);
	border-bottom: 1px solid rgba(175, 146, 83, .15);
}

.regionbanner3 .caption {
	padding: 40px 20px !important;
	background-color: #ffffff;
}

.regionbanner3 .caption h2 {
	font-size: 1.7em;
	font-family: 'Playfair Display', TimesRoman, serif !important;
	;
	text-transform: uppercase;
	color: rgba(175, 146, 83, 1);
}
.su-introtext {
	font-weight: 300;
	line-height: 1.2;
	font-size: 1.5rem;
}
article h2 {
    font-size: 1.5em;
    /* font-weight: bold; */
    /* text-decoration: underline;*/
}
.display-5 {
    font-size: 1.6em;
}

/* collapse override */

.filterCollapse.show {
	display: flex;
}

.filterCollapse.show {
	display: inline-block;
}

.blink_me {
	animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.scrollingpointer {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	z-index: 15;
	font-size: x-large;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
}
.carousel-control-next, .carousel-control-prev {
    opacity: .7; 
    filter: drop-shadow(0 0 2px #000);
    margin-top: 60px;

}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: 1;
}
.carousel-control-next.carousel-small, .carousel-control-prev.carousel-small {
	margin-top: 0px;
}


/* active navigation item highlight */

.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link,
.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
	/*	background-color: rgba(193, 154, 79, .2);
	border-radius: 7px;*/
	/*	border-bottom: 5px solid rgba(154, 154, 154, .2);*/
	background-color: rgba(255, 255, 255, 0);
	/*	padding-bottom: 0.2rem;*/
}
.dropdown .dropdown-menu .dropdown-item {
    font-size: .8rem;
}
.navbar .dropdown-menu a {
    color: #555 !important;
    font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #c0974a;
}
.dropdown-item.active, .dropdown-item:active {
    background-color:  #c0974a22;
}
a.nav-link.active {
	color: #000 !important;
}
li.nav-item:hover {
    background-color: rgba(17,17,17,.05);
    transition: .4s !important;
}

.project-header
{
    font-size: 1em;
    border-bottom: 1px solid #777;
    padding-bottom: 5px;
}


/* subscribe button */

.subbutton {
	/*	background-color: rgba(193,154,79,.4);
	background-image: url(../pics/grunge_stroke_tr.png);
	background-blend-mode: multiply;
	background-size: 300px 40%;
	background-repeat: no-repeat;
	background-position: 30px 15px;
	padding-right: 28px;
	padding-bottom: 20px;*/
}

.subbutton a {
	color: #eee !important;

}

.su-classic-tabs li a {
	color: #777;
}

.su-classic-tabs li a.active {
	color: #333;
	background-color: rgba(17,17,17,.05);
}

.su-classic-tabs li:first-child {
	margin-left: 0px;
}

.su-classic-tabs li a:hover {
    background-color: rgba(17,17,17,.05);
    border-bottom: 3px solid;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: initial;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: initial;
}

.table-noborder {
	border-bottom: 0px !important;
}

.table-noborder th,
.table-noborder td {
	border: 1px !important;
}

.fixed-table-container {
	border: 0px !important;
}

/* round those buttons and cards! */

.card .text-white {
	border-radius: 7px;
}

.card img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
.homecard:hover {
    box-shadow: 8px 8px 10px rgba(0,0,0,.40);
    transition: .15s;
}

.pngshadow {
	filter: drop-shadow(2px 2px 3px #333);
}

.pngshadowlight {
	filter: drop-shadow(2px 2px 3px #bbb);
}

.btn {
	font-family: "Josefin Sans", Roboto, sans-serif;
	font-weight: 500;
}

.btn.btn-xl {
	font-size: 1.2rem;
	padding: 1.3rem 3.0rem;
}

.btn-xl .fa {
	font-size: 1.2rem;
	margin-top: -7px;
}

#toast-container>.toast {
	background-image: none !important;
}

#toast-container>.toast:before {
	position: fixed;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 13px;
/*	line-height: 2;*/
	float: left;
	color: #FFF;
	padding-right: 0.5em;
	margin: auto 0.5em auto -1.5em;
	content: "\f0b0";
}

#toast-container>.toast-warning:before {
	content: "\f0b0";
}

#toast-container>.toast-error:before {
	content: "\f0b0";
}

#toast-container>.toast-info:before {
	content: "\f0b0";
}

#toast-container>.toast-success:before {
	content: "\f0b0";
}
.toast-error {
    background-color: #F44336 !important;
}
#toast-container {
    z-index: 2;
}
.toast-info {
    background-color: rgb(175, 146, 83) !important;
}
.toast-message {
	font-size: small;
}

.rental-carousel-caption {
	left: 0px;
	width: 45%;
	text-align: left;
	color: #333;
	bottom: 80px;
}

.rental-carousel-caption-bg {
	padding: 30px;
	min-width: 250px;
	background-color: rgba(255, 255, 255, .6);
	backdrop-filter: blur(2px);
}

.rental-carousel-caption-bg img {
	width: 100px;
	margin: 10px 10px 10px 20px;
	opacity: .32;
}

.rental-carousel-caption-bg p {
	color: #555;
}

.tab-content {
	color: #555 !important;

}

.carousel-indicators img {
	height: 100px;
	width: 200px;
	object-fit: cover;
}

.mini-carousel-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
	min-height: 180px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwcHgiICBoZWlnaHQ9IjQwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtZWNsaXBzZSIgc3R5bGU9ImJhY2tncm91bmQ6IG5vbmU7Ij48cGF0aCBuZy1hdHRyLWQ9Int7Y29uZmlnLnBhdGhDbWR9fSIgbmctYXR0ci1maWxsPSJ7e2NvbmZpZy5jb2xvcn19IiBzdHJva2U9Im5vbmUiIGQ9Ik00NiA1MEE0IDQgMCAwIDAgNTQgNTBBNCA0LjMgMCAwIDEgNDYgNTAiIGZpbGw9IiNhZjkyNTMiIHRyYW5zZm9ybT0icm90YXRlKDI3MCA1MCA1MC4xNSkiIGNsYXNzPSIiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjAgNTAgNTAuMTU7MzYwIDUwIDUwLjE1IiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjbGFzcz0iIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9wYXRoPjwvc3ZnPg0K);
}

.listspecs {
	background-color: rgba(175, 146, 83, .08);
	color: grey;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

.propclick,
.propclick a,
.propclick a:hover {
	cursor: hand;
	color: #555 !important;
}

/*@font-face {
	font-family: BrandonMedium;
	src: url("../font/brandon/BrandonGrotesque-Medium.otf") format("opentype");
}

@font-face {
	font-family: BrandonRegular;
	src: url("../font/brandon/BrandonGrotesque-Regular.otf") format("opentype");
}

@font-face {
	font-family: NeutraMedium;
	src: url("../font/NeutraCond-Medium.otf") format("opentype");
}

@font-face {
	font-family: NeutraBold;
	src: url("../font/NeutraDisplay-Bold.otf") format("opentype");
}*/


.top-nav-collapse {
	/*	background-color: rgba(255, 255, 255, 0.7) !important;*/
	background-image: url("../pics/paper.jpg");
	background-repeat: repeat;
	min-height:76px !important;
}

.navbar-brand img {
/*	max-height: 37px;*/
	height: 61px;
	width: 232px;
}

.top-nav-collapse .navbar-brand img {
/*	max-height: 37px;*/
	height: 37px;
	width: 141px;
}


.navbar:not(.top-nav-collapse) {
	/*	background-color: rgba(255, 255, 255, 0.9) !important;*/
	background-image: url("../pics/paper.jpg");
	background-repeat: repeat;
}
.row.z-depth-1 .col-md-8.white.p-0:hover {
    box-shadow: 8px 8px 10px rgb(0 0 0 / 15%);
}


.picker__box .picker__header .picker__date-display .picker__weekday-display {
    background-color: rgb(175, 146, 83);
}

.picker__box .picker__header .picker__date-display {
    background-color: rgb(170, 141, 78);
}
.picker__box .picker__table .picker__day.picker__day--today {
    color: rgb(175, 146, 83);
}
.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
    background-color: rgb(175, 146, 83);
}
.picker__box {
	padding: 3px;
}
.picker__select--year, .picker__select--month {
	font-family: 'Gentium Book Basic', Times, serif;
}
.picker__date-display {
	visibility: hidden !important;
	display: none !important;
}

/* custom datepicker css that was questionable

.picker--opened .picker__holder {
    zoom: initial;
    background: none;
    -webkit-transition: none;
    transition: none;
}
.picker .picker__frame {
    filter: none;
    -webkit-transition: none;
    transition: none;
}
@media (min-height: 28.875em) {
	.picker .picker__box {
	    border: 0px;
	    border-top-color: initial;
	    border-bottom-width: 0;
	    border-radius: 0 0 0 0;
	    box-shadow: 0 12px 36px 16px rgba(0,0,0,.14);
	}
}
@media (min-height: 35.875em) {
	.picker--opened .picker__frame {
	    top: 5%;
	    bottom: 5%;
	}
}

*/
.navbar-nav {
    margin-top: 0.5em;
}

/* normal size header video */
.viewdiv, .vimeo {
	height:100vh !important;
}
.smallscreenvideo {
	display:none;
}
.soldbutton {
	text-align: right !important;
}
.extrahlmenuitem {
	display:none;
}
@media (max-width: 768px) {
	.navbar:not(.top-nav-collapse) {
		/*		background: rgba(255, 255, 255, 0.9) !important;*/
		background-image: url("../pics/paper.jpg");
		background-repeat: repeat;
	}
	.collagetoggle {
		display:none;
	}
	.home-activities {
		display: none;
	}
	.soldbutton {
		text-align: left !important;
	}
}

[type=checkbox][class^=Cybot], [type=radio][class^=Cybot] {
    position: initial !important;
    left: 0px !important;
    visibility: initial !important;
}

@media (max-width: 740px) {
	.full-height,
	.full-height body,
	.full-height header,
	.full-height header .view, .viewdiv, .vimeo {
		height: 50vh !important;
	}
	.su-content, .su-content * {
		float: unset !important;
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.widescreenvideo {
		display:none;
	}
	.smallscreenvideo {
		display:block;
	}
	.extrahlmenuitem {
		display:initial;
	}
	.carousel-pic {
		height: 50vh !important;
	}
	.carousel-caption p.text-left, .carousel-caption hr {
	    display: none;
	}
	.rental-carousel-caption-bg.rounded-right h2.text-left.font-bodoni {
		font-size: 1.5em;
	}
	.rental-carousel-caption-bg.rounded-right h6.kopjes {
		font-size: 0.75rem;
	}
	.rental-carousel-caption {
		width: 75%;
		bottom: 30px;
	}	
	.scrollingpointer {
		display:none;
	}
	h3.text-center.tilted.font-script, div.text-center.tilted.font-script { /* 1st promo text */
		font-size: 200% !important;
	}
	.su-carousel-caption.text-shadow p { /* 2nd promo text */
		display:none;
	}
	.ml-auto.rounded.pl-3.pr-2.py-2.grey-text { /* search bar */
	  font-size: .7em;
	}
	.classic-tabs li a {
		padding: 10px 12px;
		font-size: 0.6em;
	}
}
/*
@media (min-width: 576px) {
	.modal-dialog {
	    max-width: initial;
	    margin: auto;
	}
}
*/
footer.page-footer {
	background-color: #9B8D74;
}

footer.page-footer .footer-copyright {
	background-color: #6A604D;
}