/*
Theme Name: BORO 2021
Description: BORO 2021 (built on twenty sixteen)

Theme Name: Twenty Sixteen
Text Domain: twentysixteen
Version: 1.0

Author: Tim Schofield/Frank Owen

BORO-2021

*/
@import url('js/bootstrap/css/bootstrap.css'); 
@import url('js/SlideShow/SlideShow.css'); 

[class*="colX-"] {
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);

    
}

div {
	borderX: 1px solid rgba(200,61,124,.2);
}
/****** back to main site ******/
header {
	background-color: #000;
}
#branding {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-color: #020202;
    padding-bottom: 0px;
    z-index: 2;
    width: auto;
    height: 80px;
    margin: 0 0 0 0;
	max-width:480px;
}

.homeMapMarker
{
	 width: 110px;
    float: left;
    padding-bottom: 5px;
    text-align: center;
    font-weight: bolder;
}
   


#max-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #020202;
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
	    width: auto;
}	
/****** back to main site ******/

/****** at the top of each page ******/
.pageHeading {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: largest;
    background-color: #fff;
    color: black!important;
    padding: 0px;
}
/******************************************* header.php *********************************************/
/* The whole of the header - effectivly */
.navbar { 
	
	background-color: #047857 !important;
	color:#fff;
	border: none;
}

/* with text and logo */
.navbar-header {
	borderX: 1px solid green;
}

/* the container of the menu */
#menu-main-menu{
	position: relative
	borderX: 1px solid red;
	top: 0px;
	left: -20px;
}

#headerBranding {
	margin-top: 15px;
}

#logoContainer {
	float: left;
	margin-right: 15px;
}

#wandImg {
	height:64px;
	color: #fff;
}

#titleContainer {
	font-weight: normal;
	float: left;
	margin-top: 0px;
	borderx: 1px solid red;
}

#blogName {
	color: #fff;
	font-weight: bold;
    text-decoration: none;
}

#blogDescription {
	color: #fff;
	font-weight: normal;
    text-decoration: none;
}

/* the burger icon for the nav */
.navbar-toggle .icon-bar{
	height: 3px;
	width: 30px;
	display: table;
  	margin: 0 auto;
}

.container {
    width: 100%;
    padding: 0 5vw;
}
/******************************************* hackney css  ******************************/
.Header-module--linesContainer--3mXY5 {
    background: #fff;
    width: 100%;
    height: 21px;
    overflow: auto;
   //  background-image: url("colourBar.png") ;
	background-color: #256f8a;
     background-repeat: repeat;
}

.navbar-toggle {
	 color: #fff;
}
#fSearcher 
{
	color:white;	
}
#masthead
{
	background: #256f8a;
    width: 100%;
    padding: 0 5vw;
}
.rslides li {
    //margin-bottom: 24px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    font-size: large;
	background:none;
}
.navbar-default .navbar-nav > li > a:hover {
     color: #fff;
	 text-decoration: underline ;

}


#captionTitle a {
	color: #00664f;
    text-decoration: none;
}

#captionTitle a:hover {
  color: #84bd00;
}
.menu-main-menu-container
{
    margin: 32px 0 0 0;
}

a 
{
    color: #000 ;
}

a:hover {
  color: #555;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
	padding-top: 34px;
}


#largeImageOnLeftContainer {
    background: none repeat scroll 0 0 #333;
    float: left;
    margin: 0px 0;
    padding: 0px;
    width: 100%;
    border: 0px solid #EFEFEF;
    text-align: center;
}
#largeImageOnLeftContainer img{
max-height: 85vh;
}
/******************************************* page-home.php *********************************************/
/* Welcome (left column, top row) */
#better-with-space {
	/* centers #better-with-space inside the Bootstrap column */
	display: table;
  	margin: 0 auto;
}

.franksearchsubmit {
	color: black;
}
.franksearchsubmit:hover { 
    color: black;
}


select {
	width: 100%;
}


.wrapper {
	width:90vw;
}

#MapOL {
    width: 100%;
    height:300px;
    border: 1px solid #FF0000;
}



/*********************************** footer **************************************/
#adsenseFooter {
	display: table;
  	margin: 0 auto;
}

#adsense-rect {
	/* display: table;
  	margin: 0 auto; */
  	background-color:#fff;
}

.footerText {
	color: white;
    text-decoration: none;
}

/********************** page-places.php **************************/
#bigMap {
	
	height: 500px;
	/* background-color:yellow; */
	display: table;
  	margin: 0 auto;
    width: 100vw;
    padding: 0 5vw;
}
/************************ page-searchResults.php  *******************************/
.pageSearchThumb {
 	border: 1px solid #CCCCCC;
    margin: 10px;
    padding: 10px;
    float: left;
    max-width: 290px;	/* 270 for the image + 2 * 10px for the padding */
}

#searchResultThumbContainer {
	display: table;
  	margin: 0 auto;
}

.lineBreak {
	clear: left;
}

.pageSearchThumb span, p {
	color: black;
    text-decoration: none;
}

/* for the pagination control */
.wp-pagenavi a {
	color: black;
    text-decoration: none;
}

/******** cat-parent-thumbnails.php thumbnails *******/
.catPicture {
    border: 1px solid #CCCCCC;
    float:left;
   
    margin: 20px;
    padding: 20px;
    width: 190px;
	height: 160px; 
}
.catImg {
//	padding:0px 15px 15px 0px;;
}
.catImg img {
    width: 100%;
	margin:15px 0px;
}
.catPicture img {
	 max-height: 110px;
	 max-width: 150px;

	 /* centers the image in the div */
	 display:block;
     margin:auto; 
}
.catPicture span {
	color: black;
    text-decoration: none;

    /* centers the span in the div */
    display:table; 
	margin:0 auto;
}

.imageAndText {
	/* border: 1px solid yellow; */
}

/********************** loop-single.php **************************/

/* This is THE IMAGE */
#largeImageOnLeftContainer img {
	display: table;
  	margin: 0 auto;

  	borderX: 3px solid green;
}

/* allows the image to be centered in the Bootstrap span */
#largeImageOnLeftContainer {
  	background-colorX: red;
  	borderX: 3px solid blue;
}

#largeImageBootstrapSpan {
	borderX: 3px solid yellow;
}

#captionTitle {
	position: relative;
	margin-bottom: 15px;
	borderX: 3px solid green;
}

/* These are the catagory buttons inside #captionTitle */


#addToCartDiv {
	position: relative;
}

.priceTable {
	font-size: 12px;
	border-radius: 12px;
	border: 1px solid green;
}

.priceTable td {
	height: 25px;
	width: 85px;
	text-align: center;
	vertical-align: baseline;
	border: 1px solid grey;
	padding: 5px;
	
}
.priceTable input {
	font-size: 14px;
	borderx: 1px solid red;
}

#loopSingleMap {
	height: 350px;
	width: 100%;
	display: table;
  	margin: 0 auto;
	position: relative;
}

.loopSingleThumb {

    width: 100%;
    height:100%;
    color: black;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: x-small;

}
#smallImagesOnRight {
	height:auto;
}
/********************** for the map marker **************************/
.mapMarker {
    width:230px;
    float:left;
    padding-bottom:5px;
}

.mapMarkerImg {
    display:block;
    float:left;
}
.mapMarkerText {
    float:left;
    padding-left: 5px;
    color: black;
    text-decoration: none;
    max-width: 200px;
}

.mapMarkerDivider hr {
    height: 1px;
    background-color: #888888;
    border: none;
}

.mapMarkerDivider {
    clear: left;
}
 
/********************************* cat-thumb.php ********************************/
#catThumbContainer {
	display: table;
  	margin: 0 -15px;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #333;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*
@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}
*/
/********************************* comments ********************************/
/* Turns off the default comment box label which is "Comment" */
.comment-form-comment > label {
	display: none;
}

/* The default CSS classes that WordPress adds to each comment form */
#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 

#comment 
#submit
.comment-notes { } 

.required { }
.comment-form-author { }
.comment-form-email { } 

/* turns off the Website field */
.comment-form-url { 
	display: none;
}

.comment-form-comment { } 
.form-allowed-tags { } 

.form-submit
.comments-closed {
  display: none;
}