@charset "UTF-8";
/* CSS Document */

body {
        margin: 0;
        padding: 0;
	font-family: "Source Sans Pro", "sans-serif";
	font-size: 16px; color: #454545}
    

li::marker {
  color: red;
}

ul {
    padding-inline-start: 10px;
    margin-top: 0px;
}


h1 {font-size:2.5em}
h2, h3 {margin-bottom:0px; padding-bottom: 0px}
h2 {color: #84BD00; margin-top: 60px}

ul {
    padding-inline-start: 10px;
}


::placeholder {
  color: #00677F;
	font-weight: bold;
	font-size: .9em;
  opacity: 1; /* Firefox */
}



option, p {font-size:1em; font-family: "Source Sans Pro", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color: #454545 }

a {color: #00677F; text-decoration: underline}
a:hover {color: #84BD00}
a:after {color:#151F6D}

div.center {text-align: center}



/*CATEGORY RECORDS*/
div#listing_record 
{
    display: block;
    float: left;
    padding: 10px;
    font-size: 1em;
   border: 1px solid #FFF;
	border-radius: 12px;
    margin: 10px;
    text-align: left;
    min-width: 225px;
    height: 100px;
}



@media only screen and (min-width: 884px) and (max-width: 1140px) {
div#listing_record {
        width: 28%;
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1360px) {
div#listing_record  {
        width: 21%;
    }
}



@media only screen and (min-width: 1360px) and (max-width: 1743px) {
div#listing_record  {
        width: 16.5%;
    }
}

@media only screen and (min-width: 1744px) and (max-width: 5000px) {
  div#listing_record {
        width: 8%;
    }
}

@media only screen and (min-width: 464px) and (max-width: 883px) {
div#listing_record {
        width: 40%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 463px) {
div#listing_record {
        width: 90%;
    }
}


div#listing_record:nth-child(even) {
    background: #f3f3f3;
	/* 11-21-25 border: 1px solid #00677F;*/
}

div#listing_center {
    display: inline-block;
    /*text-align: left;*/}

div#listing_content {
    /* 11-21-25 border: 2px solid #84BD00;*/
    display: inline-block;
    flex-wrap: wrap;
    /*padding: 10px;
*/    border-radius: 12px;
    margin-bottom: 40px;
		box-shadow: 
    0 0 0 2px #84BD00,    /* Innermost border */
    0 0 0 4px white,  /* Middle border */
    0 0 0 6px #00677F;   /* Outermost border */
}






/*LOGO*/
div#logo {margin:0 auto; position: relative; top:20px; z-index: 100; text-align: center}

/*topper*/
div#topper {position: relative; top: -140px; z-index: 0; background-image: url("/listings/images/topper_background.jpg"); height: 120px; background-repeat: repeat-x}

/*SEARCH*/
div#search {
    /* margin: 0 auto; */
	    /* padding: 10px; 
    display: clear: all;*/
    position: relative;
    top: -80px;
    text-align: center;
}

div#searchbox {border:1px solid #00677F; display:inline-block; padding: 2px;}

div#search form {margin: 0 auto; text-align: center}

input#query {
    font-size: 1.5em;
    font-weight: bold;
    /* padding: 13px 5px 3px; */
    padding: 0px;
    width: 280px;
    margin-right: 0px;
    margin-left: 3px;
    /* border: 1px solid #00677F; */
    box-shadow: none;
    color: red;
    font-family: "Source Sans Pro", "sans-serif";
    font-weight: bold;
    opacity: 100%;
	padding-left: 5px;
	border-radius: 0px;
	border: 1px solid #00677f;
}

input[type="submit"] {
    background: #84BD00;
    color: white;
    border: 0px;
    height: 100%;
    font-size: 1.5em;
    font-family: 'Source Sans Pro';
    font-weight: bold;
	padding: 1px 5px;
}

div#search_div {
    border: 2px solid #f2a900;
    display: inline-block;
    /* padding-left: 5px; */
    /* padding-top: 5px; */
    border-radius: 0px;
    /* padding-bottom: 2px; */
    padding: 5px;
}

div#search_div form input#query {
    color: #107D88;
}

/*
input#query {
    color: #000000;
	background: none;
    border-bottom: none;
    font-weight: bold;
    padding: 15px;
    text-transform: none;
    background-color: #FFF;
    font-size: 1em;
	padding-bottom: 5px;
	border: 1px solid #00677F;
	box-shadow: none;
	width: 260px;
	margin:0px;
	height: 100%;
	font-family: "Source Sans Pro", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

input[type="submit"] {
    color: #FFF;
    background: #84BD00;
	margin-top: 0px;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    margin-left: 0px;
    border: 1px solid #00677F;
	display: inline-block;}
	
	div#search_div form input#query {
    color: #107D88;
}

/*MENU*/

.ng_no_wrap {
    padding: 10px;
    border: 1.5px solid #00677F;
    margin: 10px;
	border-radius: 12px;
	margin-top: 0px;
	font-family: 'Source Sans Pro', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		float: left;
}


div#menu {
    margin: 0px 10px;
    padding: 0px;
	display: inline-block;
    border: 2px solid #84BD00;
    border-radius: 12px;
    position: relative;
    top: -40px;
	text-align:left;
}

div#menu b {font-weight: bold; text-align:left; float: left}

select {
    background: #F2A900;
    clear: left;
    clear: both;
    display: block;
	margin-top: 5px;
	width: 100%
}


@media only screen and (min-width: 884px) and (max-width: 1275px) {
    div.ng_no_wrap {
        width: 45%;
    }
}

@media only screen and (min-width: 1276px) and (max-width: 1743px) {
    div.ng_no_wrap {
        width: 29.9%;
    }
}

@media only screen and (min-width: 1744px) and (max-width: 5000px) {
    div.ng_no_wrap {
        width: 17.5%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 883px) {
    div.ng_no_wrap {
        width: 90%;
    }
}


/*Individual Listing*/
div#listing_one {text-align: center}

div#single {margin: 0 auto;
    padding: 0px;
    display: inline-block;
    max-width: 600px;
    border-radius: 12px;
    position: relative;
    top: -40px;
text-align: left;

padding: 20px}


div#single_center {max-width: 560px;
    display: inline-block;
    text-align: left;}

div#single_content {padding: 20px; border-radius: 10px; display: inline-block;
	box-shadow: 
    0 0 0 2px #84BD00,    /* Innermost border */
    0 0 0 4px white,  /* Middle border */
    0 0 0 6px #00677F;   /* Outermost border */}

div#single_top {padding-bottom: 20px; display: inline-block; float:left; border-bottom: 1px solid #FCA900; width: 100%; margin-bottom: 20px}
div#single_category {font-weight: bold;font-size: 1.25em;color:#454545; margin-bottom: 10px; text-align: left}
div#single_listing_container {margin: 0 auto;}
div#single_listing {border: 1px solid  #00677F; padding: 10px; display: inline-block; font-size: 16px}
div#single_logo img {height: 125px; width: auto; float: left}
div#single_logo {
    float: left;
    margin-right: 10px;}
div#single_name {font-weight: bold; font-size: 24px; display: inline-block}
div#single_name h2 {
	Color: black; padding-bottom:20px}

div#single_address {color: #000}
div#single_website {color: #00677f; text-decoration: underline}
div#single_phone { }

div#single_address, div#single_website, div#single_phone {margin-bottom:5px}

div#single_container {
    margin: 0 10px;
    text-align: center;
	position: relative;
	top: -40px;
}
div#single_description {float: left}
div#single_ownership {float: left; margin-bottom:20px}
div#single_hours {float: left; margin-right:20px; margin-bottom:20px}
div#single_promotion {float: left; margin-bottom:20px; margin-left:10px}

div#single_ownership {
    /* padding-left: 30px; */
    /* padding-top: 15px; */
    float: left;
    margin-right: 30px; margin-bottom:20px
}

div#all_listings {padding:20px}


/*div#single_category a {
    text-decoration: none; color: #00677F;
}*/


.fa {margin-right: 10px}


h2 {
    height: 1.25em;
    line-height: 1em;
	margin-top:0px;
	margin-bottom: 0px
}


/**
@media only screen and (min-width: 651px) and (max-width: 1199px) {
    div#single_listing_container {
        width: 66%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1927px) {
    div#single_listing_container {
        width: 33%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 650px) {
    div#single_listing_container {
        width: 90%;
    }
}
**/

li::marker {
  color: #f2a900;
}

/**
@media only screen and (min-width: 0px) and (max-width: 449px) {
    div#listing_description {
        width: 47%; padding-right: 10px; background:red;
    }
	
    div#hours {
        width: 47%; padding-right: 10px; background:gold;
    }
	
	 div#ownership{
        width: 47%; padding-right: 10px; background:blue;
    }
	
	div#promotion{
        width: 47%; padding-right: 10px; background:green;
    }
}
}l

@media only screen and (min-width: 450px) and (max-width: 1927px) {
    div#listing_description {
        width: 94%; padding-right: 10px; background:red;
    }
	
    div#hours {
        width: 94%; padding-right: 10px; background:gold;
    }
	
	 div#ownership{
        width: 94%; padding-right: 10px; background:blue;
    }
	
	div#promotion{
        width: 94%; padding-right: 10px; background:green;
    }
}
}



**/


div#information, div#listing_description, div#hours, div#promotion, div#ownership, div#listing_logo img { }
div#information  {
    border-bottom: 2px solid #f2a900;
    padding-bottom: 10px;
display: inline-block; width: 100%}


/*ICONS*/
i.fa-users {
    color: darkturquoise;
}
i.fa-venus{color: mediumpurple}
i.fa-star {color: #f2a900}
i.fa-map-pin {color: red}
i.fa-pin 


/*SHARE THIS*/
div#st-1, div.sharethis-inline-share-buttons {
    margin-top: 5px;
}


/*NO RESULTS*/
div#no_results {font-weight:"bold; font-size:1.25em; margin-bottom: 3em"}


/*SEARCH RESULTS*/
div#search_container {padding: 20px; margin: 20px; text-align: center; border: 2px solid #FC9900; border-radius: 12px;
}


div#search_result_container {
    display: inline-block;
    clear: left;
    /* float: left; */
    text-align: center;
    margin-right: 20px;
}


div#search_result_container > div#single_category {
    color: #454545;
}

/*BODY SECTION*/

div#text {
    text-align: left;
    margin: 10px;
    padding: 20px;
    border: 2px solid #84BD00;
    border-radius: 12px;
    max-width: 750px;
    display: inline-block;
}

/*END OF BODY SECTION*/


/*SHOP LOCAL BUTTON*/
div#shop_local{background: #00677f; text-align:center; display: inline-block; padding: 10px; border-radius: 5px; width: 150px; font-size: 1em;  margin-bottom:30px; position: relative; right: 20px;
}
div#shop_local {color:#FFF; font-weight:bold}

div#shop_local:hover {color:#00677f; background: #F2A900}

div#shop_center{text-align: center}


/*KEEP IT LOCAL ACCORDION*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}



/*BOTTOM*/
div#bottom {position: absolute; bottom: 0px}


/*DISCLAIMER*/
div#disclaimer {margin: 0 auto; font-size: .75em; display: block; clear: all; font-style: italic; text-align: center; max-width: 650px; padding: 0px 10px}

/*FOOTER*/
div#footer {background-image: url("/listings/images/footer_background.jpg"); background-position: center; padding: 5px}
div#footer p {color: white; text-align: center; font-size: 1em}
div#footer a {color: white; text-decoration: underline;}


/*LISTING RECORDS*/
div#listing_record_name {font-weight: 600}