/**
 * @file
 * Subtheme specific CSS.
 */

 :root {
	--bs-body-color: #333;
	--bs-link-color: #999;
	--bs-link-hover-color: #0B9444;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0B9444;
    --bs-btn-border-color: #0B9444;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0B9444;
    --bs-btn-hover-border-color: #0B9444;
    --bs-btn-focus-shadow-rgb: 71, 147, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0B9444;
    --bs-btn-active-border-color: #0B9444;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0B9444;
    --bs-btn-disabled-border-color: #0B9444;
	--bs-body-font-size: 1.1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;

}

.horizontal-tabs .horizontal-tabs-panes, .horizontal-tabs [data-horizontal-tabs-panes] {
    margin-top: 20px;
}

.horizontal-tabs ul.horizontal-tabs-list .horizontal-tab-button:focus-within::after {
    background: var(--bs-body-colorr);
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
    color: var(--bs-link-color);
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a::before {
    border-block-end: 3px solid var(---bs-link-color);
}

 .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:hover {
    color: var(--bs-link-color);
    background: var(--gin-bg-item-hover);
}

.navbar-brand {
    padding-left: 5%;;
}

.navbar-brand:hover {
	background-color: #222;
}

.navbar-expand-lg .navbar-collapse {
    padding-right: 10%;
}

.btn-primary {
    background-color: #0B9444;
    border-color: #0B9444;
	border-radius: 5px;
}

.btn-primary:hover {
	background-color: #07bb52;
	border-color: #07bb52;
	color: #fff;
}







#page, #main, #main-wrapper
{
    background-attachment: fixed;
	background: #333 url("images/bg2.png");
	color: #bbb;

}

body a {
color: var(--bs-link-color);
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
	  text-decoration: none;
}

body a:hover {
text-decoration: none;
color: #0B9444;
	  	background-color: #444;
	border-top-left-radius:10px;
    border-top-right-radius:5px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:5px;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;

}

a:hover
 {
	color: var(--bs-link-hover-color);
		  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;

}


#sidebar a:hover {
color: #0B9444;
text-decoration: none;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

h1, h2, h3, h4, h5, h6 
{
	color: #ccc;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
	color: #0B9444;
		  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
	color: #ccc;
		  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

#site-logo 
{
	float: left;
	padding: 20px 0 20px 50px;
}

#header .bg-primary {
	position: relative;
	background: #222 url("images/vintage.png");
	margin-bottom: 30px;
	box-shadow: 1px 1px 3px #000;
}

#navbar-main {
   background: #222;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background: #222 !important;
}

.sidebar-bg {
	background: #444 url("images/sidebar-bg1.png") right repeat-y;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;
}

#footer-area {
	background: #111 url("images/vintage.png");
	padding: 20px;
	font-size: 0.9em;
	position: relative;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;
}

#footer-area a:hover
{
	color: #0B9444;
	
}

#footer-area .region-footer .block 
{
	margin-bottom: 20px;
}

#header-social a, #header-social img 
{
	display: block;
	width: 36px;
}

#header-social img
{
	opacity: 1.0;
}
#header-social img:hover 
{
	opacity: 0.6;
}


h1.page-title {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 10px;
	color: #ccc;
	border-bottom: 1px solid #333;
}

h1.home-title {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 5px;
	color: #ccc;
}

.page-node #content-wrap img {
border: 1px solid #CCCCCC;
padding: 6px;
height: auto;
max-width: 97.4%;
margin: 0.0em 0em 0.0em 0;
}

.home-services img {
	object-fit: cover;
	border-radius: 6px;
	transition: transform 0.2s;
}

.listing img
{
	float: left;
	margin: 1% 1% 0% 0%;
}

.media-teaser img {
	width: 88px;
	height: 88px;
	object-fit: cover;
	border-radius: 6px;
	transition: transform 0.2s;
	margin: 0.5em 1em 0.5em 0;
}

.listing-teaser {
	float: left;
	max-width: 75%;
	margin-top: 3px;
}

/* .listing-teaser .field {
	padding-left: 10%;
} */

.listing-teaser h5 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.media img {
    width: 88px;
    height: 88px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.2s;
}

.media img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}



.node-unpublished 
{
	background-color: inherit;
}

.home-services ul
{
	list-style: none;
	margin: 0 0 1em 0em;
}

.home-services ul li:before
{
content: "- ";
}

.home-services.footer
{
	border-bottom: 1px solid #333;
}

.home-services
{

	margin: 0 0 15px 0;
	clear: both;
}

.home-services {
    text-align: left;           /* Helps with inline elements */
}

.home-services img {
    display: block;
    margin: 24px auto;
    max-width: 100%;
    height: auto;
    border-radius: 6px;           /* Optional: nice touch */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);  /* Optional */
}


.content-ul-left 
{
	padding: 2% 1% 1% 2%;
	list-style: none;
	display: inline-block;
	width: 40%;
}

.content-ul-right 
{
	padding: 2% 2% 1% 1%;
	list-style: none;
	display: inline-block;
	width: 40%;
}

.home-services.last
{
	border-bottom: none;
}

/*.listing .view-content
{
	-moz-column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
}*/


.listing .views-row {
  float: left;
  width: 50%;
  border-bottom: 1px solid #333;
}



.listing-question-block label
{
	font-weight: 400;
}

.listing-question-block
{
	background-color: #444;
	border: 1px solid #555;
	padding: 1em;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #111;
	font-weight: 400;

}



.listing-question-block h2
{
	border-bottom: 1px solid #888;
	color: #bbb;
	font-weight: 400;
}



.links li a:hover {
	background-color: #777;
	color: #eee;
	box-shadow: 2px 2px #333;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

.links li a {
	background-color: #555;
	color: #ccc;
	padding: 4px 5px;
	border-radius: 4px;
	text-shadow: none;
	font-weight: normal;
	border: 1px solid #333;

}

.flag-save-listing
{
	float: right;
	clear: right;
}

.listing h2 a:hover
{
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
	background-color: #555;
	border-top-left-radius:15px;
    border-top-right-radius:5px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:5px;
	

}

#content .node-teaser 
{
	padding-bottom: 5px;
	border-bottom: none;
	margin: 0 0 15px 0;
	height: 145px;
	display: inline-block;
	width: 280px;
}

.node h2.title {
	font-weight: 400;
	font-size: 1em;

}

.listing h2 a
{
	white-space: nowrap;
	display: block;
	padding: .5em .5em .5em .5em;
	overflow: hidden;
	text-overflow: ellipsis;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;

	/*height: 120px;
	margin-bottom: -100px;*/
}

.copyright {
	text-align: center;
}
.copyright h2
{
    font-size: small;    
}

body.gin-login img {
    max-width: 100%;
    max-height: 50px;
}

.field-name-field-thumbnail .field-items .field-item a
{ 
    float: left;
    min-height: 125px;
    
}

.field-name-field-listing-image .field-items .field-item a
{ 
    float: left;
    min-height: 125px;
    
}

.page-node #content-wrap img
{
    border: none;
    padding: 0px;
	
}

.social-share-block
{
	background: #666;
	border: 1px solid #555;
	box-shadow: 1px 1px 3px #000;
	min-height: 67px;
	padding: 10px;
	border-radius: 6px;
}

.social-palette .twitter,.google-plus
{
	float: left;
	margin: 5px 5px 0 0;
}

.node-teaser img {
border: 0px solid #CCCCCC;
padding: 4px;
height: auto;
max-width: 97.4%;
margin: 0.5em 1em 0.5em 0;
float: left;
}

.pagination
{
    margin-top: 10px;
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #777;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #ccc;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #ccc;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(39, 128, 227, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0B9444;
    --bs-pagination-active-border-color: #0B9444;
    --bs-pagination-disabled-color: #868e96;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    padding-left: 0;
    list-style: none;
}
.page-link {
    color: var(--bs-pagination-color);
    background-color: var(--bs-body-color);
    border: none;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    border-radius: var(--bs-pagination-border-radius);
}

.page-item.active .page-link {
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

/*****PAGER*****/
.item-list .pager li {
	background: none;
	border-radius: 0;
	margin-right: 0;
	text-shadow: none;
}

.pager-current {
font-weight: 400;
}


p.search-info
{
	display: none;
}

.grippie
{
	display: none;
}

.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button {
    background: #ccc;
    border-inline-end: 0 none;
    border-block-end: 0 none;
}


/*****INPUTS*****/

.listing-question-block input, textarea
{
	border-radius: 5px;
}
.webform-component input, textfield
{
	border-radius: 5px;
	width: 98%;
}

#block-search-form {
padding-bottom: 0px;
}

#search-form input#edit-keys, #block-search-form .form-item-search-block-form input 
{
	border-radius: 5px;
	width: 15em;
}

.listing-type-select select
{
	border-radius: 5px;
	width: 15em;
}



/*****MENU*****/
#navigation #main-menu > ul > li > a.active {
background: #0B9444;
color: #eee;
font-weight: 400;
}

#navigation #main-menu > ul ul li > a:hover {
background-color: #0B9444;
color: #eee;
font-weight: 400;
border-radius: 2px;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

#navigation #main-menu > ul ul li > a {
background-color: #666;
color: #ccc;
font-weight: 400;
border-radius: 2px;
padding: 3px;
padding-left: 15px;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

.sidebar .block {
    background-color: var(--bs-body-color);
    border: none;
	padding: 0;
}

.sidebar h2 {
 	text-shadow: none;
	padding-left: 2%;
}

.field__label
{
    font-weight: 700;
    padding-bottom: 1%;
   	min-width: 20%;
}



.vehicle .field__item:not(:last-child)::after {
    content: "  |  "
}

.custom-list li a:hover
{
	background-color: #444;
	border-top-left-radius:15px;
    border-top-right-radius:5px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:5px;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
}

.custom-list li a
{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-decoration: none;
	padding: 1% 2%;
	font-size: 1.2em;
}

.custom-list li
{
	list-style: none;

}

ul.custom-list
{
	padding: 0;
}

/* Make User Menu links vertical - each on its own line */
#block-ge-subtheme-usermenu .nav {
  display: block !important;     /* Override flex/clearfix behavior */
  float: none;
  margin: 1% 0%;
}

#block-ge-subtheme-usermenu .nav-item {
  	display: block;
   	margin-bottom: 4px;           /* Space between items */


}

#block-ge-subtheme-usermenu .nav-link {
  	display: block;
 	padding: 8px 12px;            /* Nice touch - clickable area */
 	width: 100%;                  /* Optional: full width */
	color: #999;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-decoration: none;
	padding: 1% 2%;
	font-size: 1.1em;

}

#block-ge-subtheme-usermenu .nav-link:hover {
	color: var(--bs-link-hover-color);

}

ul.menu li
{
	padding: 0;
	list-style-image: none;
    list-style-type: none;
	margin: 0;
}

ul.menu
{

	margin: 0;
}

#sidebar .block {
	margin-bottom: 20px;
}
.pane-title h2:hover
{
	cursor: pointer;
}

h2.pane-title
{
	/*font-size: 1em;*/
	font-weight: 400;
	padding-left: 5px;
	cursor: pointer;
	display: block;
}

fieldset 
{
	background: inherit;
	border: 1px solid #333;
	margin-top: 10px;
	margin-bottom: 32px;
	padding: 0 0 0px;
	position: relative;
	top: 12px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


fieldset legend 
{
	background: #555;
	border: 1px solid #333;
	border-bottom: none;
	display: block;
	height: 2em;
	left: -1px;
	line-height: 2;
	padding: 0;
	position: absolute;
	text-indent: 10px;
	text-shadow: none;
	top: -12px;
	width: 100%;
	-khtml-border-radius-topleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-khtml-border-radius-topright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.contact-block h2
{
	font-weight: 700;
	font-size: 1.3em;
}

.contact-block 
{
	margin-top: 5%;
}

/*****COLORBOX*****/
#cboxClose
{
	top: 0px;
	right: 0px;
	box-shadow: none;
}

/*****WEBFORM*****/
#webform-component-hidden
{
	display: none;
}

.webform-component
{
	border-radius: 5px;	
}

.listing-question-block
{
    clear: both;
	margin: 2% 0%;
}


/*****GARAGE*****/

.garage .views-row {
  float: left;
  width: 33%;
}

#content .view-garage .node-teaser 
{
	width: 190px;
	
}

.view-garage .node h2.title
{
	white-space: nowrap;
	display: block;
	padding: .5em .5em .5em .5em;
	overflow: hidden;
	text-overflow: ellipsis;
	  -webkit-transition: all .3s ease-out;
	  -moz-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;

	/*height: 120px;
	margin-bottom: -100px;*/
}

.service-record-list table tr th {
    background-color: #888;
    font-size: 1.3rem;
    text-decoration: none;
}

.service-record-list table tr {
    background-color: #888;
    font-size: 1.1rem;
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: #fff;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075)
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.listing .views-row 
	{
		margin-bottom: 5%;
	}
.garage .views-row
	{
		margin-bottom: 5%;
	} 

.garage-tabs .vertical-tabs
{
	border: none;
}

.garage-tabs .vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane .fieldset-wrapper
{
	margin-top: 0;
}

.garage-tabs .vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane
{
	top: 0;
	background: #555;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	min-height: 245px;
}

.garage-tabs .vertical-tabs ul.vertical-tabs-list {
	width: 15em;
	list-style: none;
	list-style-image: none;
	border-top: 1px solid #444;
	padding: 0;
	position: relative;
	margin: -1px 0 -1px -15em;
	float: left;
}

.garage-tabs .vertical-tabs ul.vertical-tabs-list .selected strong 
{
	color: inherit;

}


.garage-tabs .vertical-tabs ul.vertical-tabs-list li a:hover 
{
	outline: 0px dotted;
	background: #555;
	text-decoration: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.garage-tabs .vertical-tabs ul.vertical-tabs-list li {
	background: #444;
	border: 0px solid #ccc;
	border-top: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
}
.garage-tabs ul.vertical-tabs-list li.selected {
	background-color: #555;
	border-right-width: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.garage a
{
    color: #ccc;
    text-decoration: none;
}




/* All Responsive
================================================== */  
@media only screen and (max-width: 959px) {
    
	.listing .views-row-last {border-bottom: none;}
	.contact-block iframe {display: none;}
	
	
  /*hide things*/
  #navigation ul {
    display: none;
  }

  #toplink {
    display: none !important;
  }
    
  /*logo*/
  #logo {
    text-align: center;
  }

  #logo img {
    display: inline-block;
  }

  #logo h1 a, #logo h2 a {
    display: block;
    float: none;
  }
    
  /*navigation top menu*/
  #navigation {
    height: 70px;
    width: 100%;
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 0;
    background: #0B9444 url("../images/responsive-nav.png") right center no-repeat;
	clear: both;
  }

  #navigation .selector {
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 70px;
    text-indent: 40px;
  }

  #navigation .selector {
    height: 50px;
    width: 100%;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    display: inline;
    cursor: pointer !important;
  }

  #navigation .selector:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
  }

  #navigation .selector select:focus {
    outline: 0;
  }

  #navigation .selector span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #navigation .selector select {
    position: absolute;
    top: 0px;
    left: 0;
    height: 70px;
    background: none;
    width: 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #666 !important;
    cursor: pointer;
  }

  #navigation .selector {
    margin: 0;
    padding: 0;
    border: none;
  }

  #navigation .selector option {
    background: #000;
    appearance: none;
    padding: 10px 40px;
    border: none;
    border-bottom: 1px solid #222;
  }
    
  /*display dropdown nav*/
  #navigation .selector {
    display: inline-block;
  }
  
}


/* Tablet (Portrait) = Design for a width of 730px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

  /*main*/
  #wrap {
    width: 690px;
  }
  #content {
    width: 380px;
  }
  #sidebar {
    width: 190px;
  }
  .sidebar-bg{
    background-image: url("../images/sidebar-bg-tablet.png");
  }

  .meta li{
    display: block;
  }
 
.listing .views-row {float: none; width: 100%;}
.garage .views-row {float: none; width: 100%;} 

 
  /*footer*/
  .preface-block, .footer-block {
    float: left;
    width: 190px;
    margin-right: 20px;
  }
  
  
}



/* Mobile (Portrait) = Design for a width of 280px
================================================== */

@media only screen and (max-width: 767px) {


.listing .views-row {float: none; width: 100%;}
.garage .views-row {float: none; width: 100%;} 
.captcha {margin-left: -10px;}
.listing h2 a {padding: .5em .5em 0.5em 0em;}
.content-ul-left {padding: 0; width: 100%;}
.content-ul-right {padding: 0; width: 100%; }

  /*main*/
  #header-social{
    display: none;
  }
  #wrap {
    width: 280px;
  }
  #content {
    width: 100%;
  }
  .node-teaser img {
    float: none;
  }
  ul.inline li {
    display: block;
    padding: 5px;
  }

  #sidebar {
    width: 100%;
  }
  .preface-block, .footer-block {
    width: 100%;
  }

  .comment .attribution, .comment .comment-text { 
    display: inline-block;
  }
  
  .sidebar-bg{
    background-image: none;
    margin-bottom: 0;
  }
  
  #sidebar{
    width: 100%;
    background: #333;
    margin: 30px -30px -30px;
    padding: 30px;
    border-top: 1px solid #555;
	border-radius: 5px;
  }
  
  .meta li{
    display: block;
  }
  
}


/* Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (min-width: 360px) and (max-width: 767px) {

.listing .views-row {float: none; width: 100%; margin-bottom: 5%;}
.garage .views-row {float: none; width: 100%; margin-bottom: 5%;} 

.listing-teaser {
	float: left;
	max-width: 71%;
	margin-top: 3px;
}

  #wrap {
    width: 360px;
  }
  
  #site-logo {padding: 0;}

  img {
    max-width: 100%;
    height: auto;
  }

  .navbar-brand {
    padding-left: 0%;
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23eeeeee' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}