/*
Theme Name: BSSL
Theme URI: https://generic.tools/
Author: Web Guy
Author URI: https://webguy.io/
Description: A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/). This generic/starter/clean/simple/bare/blank/minimalist/example/cheatsheet/white-label/HTML5/CSS3/base/foundation/framework/skeleton/boilerplate/whatever theme was created specifically as a tool to assist you with building client sites virtually from scratch or building your own themes. It's updated to reflect new standards and trends in web design to provide a solid foundation for features that every website is expected to support nowadays, but please post bug reports, suggestions for improvement, or support requests on GitHub (https://github.com/webguyio/generic-theme/issues) if you're getting jammed up. The biggest point of discussion would be the semi-minification of Generic's code. This simplicity, like the omission of comments in the code is intentional. If you prefer formatting, you're welcome to format the code any way you like. If I was able to help you out, consider making a donation (https://webguy.io/donate). Thank you and enjoy!
Tags: accessibility-ready, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, e-commerce, portfolio
Version: 2.0.2
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: generic

Generic WordPress Theme © 2015-2025 GenericTools
Generic is distributed under the terms of the GNU GPL
*/

@font-face {
  font-family: Din-Regular;
  src: url(fonts/din-regular.ttf);
}


@font-face {
  font-family: Din-Bold;
  src: url(fonts/din-bold.ttf);
}

.cssbreak{
	position: relative;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

body{
	margin: 0px;
	padding: 0px;
	font: 20px "Din-Regular", Arial, Helvetica, sans-serif;
}

h1{
	color: #003185;
	margin: 10px 0px 10px;
	font: 32px "Din-Bold", Arial, Helvetica, sans-serif;
	font-weight: 900;
}

h2,h3,h3,h4{
	font: 32px "Din-Bold", Arial, Helvetica, sans-serif;
	color: #003185;
	margin: 10px 0px 10px;
	font-weight: 900;
}

p, .largetxt{
	margin: 20px 0px 20px;
	color: #111;
	font: 20px "Din-Regular", Arial, Helvetica, sans-serif;
text-align: left;

}

.largetxt{font: 22px "Din-Regular", Arial, Helvetica, sans-serif !important;}

.center{text-align: center !important;}
.txtwhite, .txtwhite a, .txtwhite a:link{color: white !important;}
.grey{background-color: #f5f8f9;}
.blue{background-color: #003185;}
.bluetxt{color: #003185 !important;}
.darkblue{background-color: #001943;}
.mediumtxt{font-size: 14px !important;}
.smalltxt{font-size: 10px !important;}
.txticon{display: inline-block; width: 25px; margin: 0px 8px 0px 0px; vertical-align: middle;}
.nomargin{margin: 0px;}
.whitetrans{background-color: rgba(255, 255, 255, 0.9);}

* p:last-of-type, #sidebar .widget-container:last-child{margin-bottom:0}
a{text-decoration:none; color: #000;}
a:hover, a:focus{text-decoration:none; color: #001943;}
strong{font-weight: 600; font-family: "Din-Bold", Arial, Helvetica, sans-serif;}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0}
blockquote p:first-of-type{margin-top:0}

ul,ol{
	margin: 20px 0px 20px 20px;
	padding: 0px;
	font: 20px "Din-Regular", Arial, Helvetica, sans-serif;
	list-style: square !important;
}

li{
	margin: 8px 0px 8px;
	padding: 0px;
	list-style-position: outside;
  text-align: justify;
  text-align-last: left;
}


input, textarea{font: 20px "Din-Regular", Arial, Helvetica, sans-serif;padding:8px 10px 8px;border:2px solid #9f9f9f;outline:0;margin:10px 0px 10px;background:transparent;color: #3d3d3d; min-width: 250px; width: 60%;}
input:focus, textarea:focus{background: #c7c7c7;}
input[type="submit"], button, .button{display:inline-block;font: 20px "Din-Regular", Arial, Helvetica, sans-serif;color:#3d3d3d;text-align:center;text-decoration:none;padding:8px 10px 8px;border:2px solid #9f9f9f;background:transparent;cursor:pointer}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{background: #103b6b; color: #fff; border: 2px solid #103b6b;}
a img, input[type="image"], iframe{border:0}
img, img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:30px 0}
.wpcf7-submit{min-width: 150px !important; width: 150px !important;}



#menu{margin:0px auto 8px;}
#menu ul{font-size:0}
#menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0}

#menu li.menu-item-has-children > a:after, #menu li.page_item_has_children > a:after{font-family:serif;content:' ▾';line-height:0}
#menu a{display:inline-block;font: 24px "Din-Bold", Arial, Helvetica, sans-serif;color:#003185;text-align:center;text-decoration:none;padding:0px 5px 0px;font-weight: 600; }
#menu a:hover, #menu a:focus{color:#45a9e0;text-decoration:none}

#menu ul.sub-menu, #menu ul.children{position:absolute;display:block;top:100%;left:-9999px;margin-top:20px;transition:unset;z-index:1000}
#menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff}
#menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{color:#003185;background:#45a9e0}


#menu li.menu-item-has-children a:hover + ul.sub-menu, #menu li.menu-item-has-children a:focus + ul.sub-menu, #menu li.menu-item-has-children a + ul.sub-menu:hover, #menu li.menu-item-has-children a + ul.sub-menu:focus-within, #menu li.page_item_has_children a:hover + ul.children, #menu li.page_item_has_children a:focus + ul.children, #menu li.page_item_has_children a + ul.children:hover, #menu li.page_item_has_children a + ul.children:focus-within{left:0}

#menu .menu-toggle{display:none;color:#fff;text-align:center;padding:0;border:0;margin:0;background:none;transition:unset}
#menu .menu-toggle:hover, #menu .menu-toggle:focus{color:#007acc}
#menu .menu-icon{font-size:50px}

#search{float:right}
#search .search-field{width:36px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:#transparent;background-image:url(images/find-light.png);cursor:pointer}
#search .search-field:focus{width:200px;color:#fff;border-color:#007acc;cursor:text}
.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
.search-field{background:url(images/find.png) no-repeat 98% center / 24px auto}

.single h1.entry-title a{color:#003185;text-decoration:none}
h2.entry-title, h3.widget-title{margin-top:0}
#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment-author{line-height:14px}
#comments .comment-author img{margin-right:5px;float:left}
#comments .comment{margin:20px 10px}
#comments .comment-body{padding:15px}
#comments .odd > .comment-body{background:#f6f6f6}
#comments .comment-body > p{font-size:16px;margin:15px 0 0}
#copyright{text-align:center}
.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#003185}


.rentedgallery{
	z-index: +999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
}

/* Main Body ----------- */

.imglogo{
	border: 0px;
	width: 90%;
	margin: 8px 5% 10px;
}

.section, .contentnav, .content, .banner, .header, .contentfooter, .contentbreaker, .spacer{
	position: relative;
	margin: 0px auto 0px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.spacer{
	height: 50px;
}

.banner{
	height: 100vh;
	margin: 0px auto 0px;	
	background-color: #717171;
}

.header{
	margin: 0px auto 0px;
	background: url(images/header/header.jpg) no-repeat;
	background-position: center center; 
	background-size: cover;
	height: 100vh;
	max-width: 2000px;
}

.nav{
	top: 50px;
	margin: 0px auto 0px;
	position: absolute;
	height: 116px;
	width: 100%;
	z-index: +9999;
}

.logonav{
	top: 50px;
	margin: 0px auto 0px 6%;
	position: absolute;
	height: auto;
	width: 230px;
	min-width: 150px;
	z-index: +99999;
}

.navigationspace{
	max-width: 2000px;	
	margin: 0px auto 0px; 
}

.contentnav{
	width: 40% !important;
	padding: 40px 0px 40px;
}

.content{
	max-width: 2000px;
	padding: 100px 10% 100px;
}

.contentspace{
	padding: 0px 3% 0px !important;	
}

.contentproperty{
	max-width: 2000px;
	padding: 0px;	
	margin: 40px auto 0px !important;
}

.contentbreaker{
	max-width: 2000px;
	padding: 20px 10% 20px;
}

.contentfooter{
	max-width: 2000px;
	padding: 10px 10% 10px;
}

.aboutimg{
	background: url(images/body/about-bg.jpg) no-repeat;
	background-position: center center; 
	background-size: cover;
	min-height:  100vh;
	height: auto;
}

.aboutsection{
	position: relative;
	margin: 35vh 35% 10vh 0%;
	width: 60%;
	padding: 20px;
}

/* properties section */

.propertiessection{
	margin: 40px 0px 0px;
}

.propertieslist{
	display: inline-block;
	vertical-align: top;
	margin: 20px 1.5% 20px;
	width: 30%;
	height: auto;
	background-color: white;
}

.propertyheader, .property-text{
	margin: 8px 5% 0px;
	text-align: left !important;
}

.homepropadd{
	margin: 0px 5% 0px;	
}

.homepropadd{text-align: left !important;}

.category-rented{
	width: 100%;
	height: 300px;
	background: url(images/body/rented.png) center / 70% no-repeat, url(images/body/rented-repeat.png) repeat;
}

.category-coming-soon{
	width: 100%;
	height: 300px;
	background: url(images/body/coming-soon.png) center / 70%  no-repeat, url(images/body/rented-repeat.png) repeat;
}

.category-check-availability{
	width: 100%;
	height: 300px;
	background: url(images/body/check-availability.png) top left / 40%  no-repeat;
}


/* properties section */

.btnwhite, .btnblue, .btnborder{
	width: 90%;
	max-width: 250px;
	padding: 8px;
	text-align: center;
	margin: 8px auto 8px;
}

.btnwhite{
	border: 2px solid white;
	color: white;
	background-color: transparent;
}

.btnwhite:hover{
	border: 2px solid #45a9e0;
	color: white;
	background-color: #45a9e0;
}

.btnblue{
	background-color: #003185;
		color: white;
}

.btnblue:hover{
	background-color: #45a9e0;
		color: white;
}

.btnborder{
	border: 2px solid #003185;
	color: #003185;
	background-color: transparent;
	margin: 40px 30px 8px !important;
}

.btnborder:hover{
	border: 2px solid #003185;
	background-color: #003185;
	color: white;
}


/* flex */

.propertyinfo{
	float: left;
	width: 40%;
	padding: 190px 5% 20px;
	height: auto;
	overflow: hidden;
}

.propertygallery{
	float: right;
	padding-top:  65px;
	width: 60%;
	height: 90vh;
}

/* flex */

/* Fade In on Scroll CSS styles */

.reveal{
  position: relative;
  opacity: 0;
  transition: all 2s ease;
}

.reveal.active{
  opacity: 1;
}

/* Fade In on Scroll CSS styles */


/* Box for any pages ----------- */

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

/* footer ----------- */

.socialmedia{
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	margin: 10px 10px 0px 0px;
}

.smnav{
	margin: 40px 10px 10px;
	width: 30px;
	height: 30px;
}

.fb{background: url('images/social/social-fb.png') no-repeat; background-size: 100% auto; transition: 1s; }
.fb:hover{background: url('images/social/social-fb-over.png')  no-repeat;  background-size: 100% auto;}
.in{background: url('images/social/social-in.png') no-repeat; background-size: 100% auto; transition: 1s; }
.in:hover{background: url('images/social/social-in-over.png')  no-repeat;  background-size: 100% auto;}

.fb-white{background: url('images/social/social-fb.png') no-repeat; background-size: 100% auto; transition: 1s; }
.fb-white:hover{background: url('images/social/social-fb-white.png')  no-repeat;  background-size: 100% auto;}
.in-white{background: url('images/social/social-in.png') no-repeat; background-size: 100% auto; transition: 1s; }
.in-white:hover{background: url('images/social/social-in-white.png')  no-repeat;  background-size: 100% auto;}


/* Columns ----------- */

.twocolumns, .threecolumns, .fourcolumns, .sixcolumns{
	float: left;
	vertical-align: top;
	padding: 10px 5% 10px 0px;
}

.twocolumns{
	width: 50%;
	margin: 0;
}

.threecolumns{
	width: 23%;
	margin: 0 5% 0;
}

.fourcolumns{
	width: 20%;
	margin: 1.3% 2.5% 1.3%;
}

.sixcolumns{
	width: 14.2%;
	margin: 20px 1% 40px;
	height: auto;
	padding: 120px 0px 10px;
	overflow: hidden;
}

.imgsupporters{
	Display: inline-block;
	width: 8%;
	margin: 10px 1% 20px;
}

.aligncenter{
	margin: 0px auto 0px;
	text-align: center;
}

.hidedesktop{
	visibility: hidden;
}

.hidemobile{
	visibility: visible;
	width: 100%;
	height: auto;
}

/* laptops ----------- */
@media screen and (max-width: 1400px) {

.propertieslist{
	margin: 20px 1% 20px;
	width: 30%;
}
}


/* laptops ----------- */
@media screen and (max-width: 1370px) {
	
#menu a{display:inline-block;font: 21px "Din-Bold", Arial, Helvetica, sans-serif;font-weight: 600; }
}

/* Tablet ----------- */
@media screen and (max-width: 1024px) {
.hidemobile{
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.hidedesktop{
	visibility: visible;
}


.content{
	padding: 100px 5% 100px;
}

.banner{
	margin: 0px;	
}

.propertieslist{
	margin: 20px 2% 20px;
	width: 45%;
}

.aboutsection{
	margin: 5vh 5% 5vh;
	width: 90%;
}

.twocolumns, .threecolumns, .fourcolumns{
	width: 90%;
	margin: 0 5% 0;
	padding: 10px 0% 10px;
	text-align: center !important;
}

.sixcolumns{
	width: 30%;
	margin: 20px 1% 20px;
}

.propertyinfo{
	position: relative;
	width: 100%;
	padding: 10px 5% 20px;
}

.propertygallery{
	position: relative;
	width: 100%;
	height: auto;
}

.smnav{
	margin: 0px;
	width: 0px;
	height: 0px;
	display: none !important; 
}

.logonav{
	background: url(none) no-repeat;
}
}
	
/* Large Mobiles ----------- */
@media screen and (max-width: 700px) {	

.propertieslist{
	margin: 20px 0px 20px;
	width: 100%;
	height: auto;
	min-height: 100px;
}
	
.rentedgallery{
	width: 150px;
}

ul,ol{
	margin: 20px 0px 20px;
}
}	
	

/* Small Mobile ----------- */
@media screen and (max-width: 600px) {
	
.aboutsection{
	margin: 2vh 0px 2vh;
	width: 100%;
}
	
.sixcolumns{
	width: 40%;
	margin: 20px 4% 40px;
}

input, textarea{min-width: 150px; width: 100%;}
}

@media(max-width:768px){#header, #footer{text-align:center}#content, #sidebar{width:100%;padding:0}#branding, #menu, #menu div:first-of-type, #search{float:none}#search{margin-top:20px}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%}#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}#menu .menu-toggle{display:inline-block}#menu ul{display:none}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}.box-4, .box-5, .box-6{width:50%}.mobile{display:block}}


@media(max-width:576px){#header, #container, #footer, .layer{padding:10%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}}