/*
Theme Name: 800 Gambler
Theme URI: 
Author URI: www.1seo.com
Description: Main template for 800 Gambler
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright 2016 800 Gambler

*/

/* ---------- Basic Structure ---------- */

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%;
	vertical-align: baseline;
font-family: 'Oswald', sans-serif;
color: #fff;
}

html{
overflow-x:hidden;
}

body {
background-color: #000;
width: 100%;
color: #fff;
font-family: 'Oswald', sans-serif;
}

#container {
width: 100%;
float: center;
display: block;
margin:0px auto!important;
}

#site {
width: 100%;
margin-top: -40px!important;
color: #000;
float: left;
background: #292929 url(/images/main-content-back.jpg); background-position: top center; background-repeat: repeat-x;
padding-top: 50px;
}

#header-wrapper {float: left; margin: 0px auto!important; width: 100%; display: block; background-color: #000;}
#header {max-width: 1200px; margin: 0px auto!important; display: block;} 

#logo {float: left; margin-top: 20px;}
#logo img {width: 100%; height: auto;}
#tagline {float: left; margin-left: 5%; padding-top: 30px;}
#tagline p {color: #fff; letter-spacing: 3px; font-size: 16px !important; font-weight: normal; text-transform: uppercase; margin-top: 14px; margin-bottom: 10px; font-family: 'Oswald', sans-serif;}
#phone {width: 35%; color: #3F3F3F; float: right; text-align: right; line-height: 24px; margin: 20px 0px;}
#phone p {font-size: 14px; line-height: 20px; font-weight: normal!important; color: #000; margin-bottom: 0px;}
#phone a {line-height: 32px; font-size: 40px; color: #EE8309; text-decoration: none; font-weight: bold; font-style: normal; padding: 0px 20px;}
#phone a:hover {opacity: 0.5;}
#social {margin-top: -20px;}
#main {width: 100%; margin: 0px auto; max-width: 1200px;}

#top-wrapper {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,333333+67 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #333333 67%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#333333 67%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#333333 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
float: left; width: 100%; display: block;
}

#top {width: 85%; max-width: 1200px; text-align: right; margin: 0px auto;}
#top p {font-family: 'Oswald', sans-serif; font-size: 12px; margin-bottom: 0px;}
#top a {padding: 0px 5px;}

#top-home {width: 100%; display: block; margin-bottom: 0px; float: left;}
#photo {width: 100%; display: block; margin-top: -50px;}
#photo img {width: 100%!important; height: auto;}

#buttons-wrapper {width: 100%; background-color: #000; float: left; padding: 20px 0px 0px 0px; position: relative;}


#buttons-wrapper2 {
width: 100%;
background-color: #000;
float: left;
padding: 20px 0px 0px 0px;
}


#buttons {display: block; margin: 0px auto; width: 85%; max-width: 1200px;}
#button {width: 27%; padding: 1% 2%; margin: 0px 1%; display: block; float: left; background-color: #292929; min-height: 350px;}
#button h3 {font-size: 34px; line-height: 40px; color: #FFC509; text-transform: uppercase; text-align: center; border-bottom: 2px dotted #666; padding-bottom: 15px;}

#button a.more {margin-bottom: 0px!important;}
#button li {color: #fff; margin-left: 20px; font-family: 'Open Sans', sans-serif;}
#button a {color: #fff; text-decoration: none;}

#button1 a {width: 47%; margin-right: 1%; background-color: #d2d2d2; border: 1px solid #fff; text-align: center; float: left; color: #000!important; text-decoration: none; font-size: 20px; line-height: 26px; padding: 20px 0px; min-height: 110px;}
#button2 a {width: 47%; background-color: #d2d2d2; border: 1px solid #fff; text-align: center; float: right; color: #000!important; text-decoration: none; font-size: 20px;  line-height: 26px; padding: 30px 0px 10px 0px; min-height: 110px;}
#button1 a strong, #button2 a strong {color: #000;}
#button1 a:hover, #button2 a:hover {background-color: #fff;}

#home-bottom {
    margin-left: 10%;
    margin-right: 10%;
}

#box {width: 27%; margin: 0px 3%; float: left; text-align: center;}
#box a {font-weight: normal!important;}
#box a:hover {opacity: 0.65;}

#google_language_translator{float:left;}
#flags{display:none;}

.alignright {float: right; margin-left: 15px; margin-bottom: 10px;}
.alignleft {float: left; margin-right: 15px; margin-bottom: 10px;}
.aligncenter {display: block; margin: 0px auto;}

#content {
float: left;
width: 100%;
margin-top: 20px;
}

#left {
float: left;
padding-right: 10%;
width: 60%;
}

#right {
float: right;
width: 25%;
}

#right img {
max-width: 100%;
height: auto;
margin-top: 10px;
}

hr {
height: 1px;
border-top: 1px dotted #79040A;
margin: 20px 0px;
}

p {font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif;}
p strong {font-family: 'Open Sans', sans-serif;}

#content a {
color: #ffc509;
font-weight: bold;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}

ul, ol {
font-size: 15px;
line-height: 24px;
color: #fff;
line-height: 22px;
margin-bottom: 15px;
}

#content li {
font-size: 15px;
line-height: 24px;
list-style: none;
background: url(/images/white-bg.png);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 12px;
color: #fff;
font-family: 'Open Sans', sans-serif;
width: 100%;
}

#content ol li {
list-style: inherit;
background: none;
margin-left: 20px;
}

h1 {
font-size: 45px;
text-transform: uppercase;
font-weight: bold;
color: #FFC509;
margin-bottom: 40px;
margin-top: 20px;
}

.page-id-4 h1 {font-size: 24px; color: #fff; text-transform: none; margin-bottom: 10px;}

h2 {
color: #999999;
margin-top: 15px;
font-size: 24px;
font-weight: normal;
margin-bottom: 10px;
letter-spacing: 1px;
}

h3 {
color: #fff;
margin-top: 15px;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}

h4 {
color: #1C61A8;
font-size: 12px;
font-weight: normal;
}

#searchForm {color: #fff;}
.results_entry {background-color: #fff!important; color: #000!important;}
.results_entry:hover {background-color: #EEEEEE;}
.results_row_left_column .location_name {font-family: 'Open Sans', sans-serif!important; color: #000!important;}
.searchResultsTable td {color: #000!important;}

.quiz h1 {display: none;}
.quiz {margin-top: 20px; color: #fff; font-family: 'Oswald', sans-serif;}
.wpst_question {color: #fff; float: left; border-bottom: 1px dotted #999; width: 100%; margin-bottom: 10px;}
.wpst_question ul {float: right;}
.wpst_question li {float: left;}

#sl_info_bubble {color: #000!important;}
#sl_info_bubble strong {color: #000!important;}
#sl_info_bubble span {color: #000!important;}

div.caption-wrap {background-color: transparent!important;}
.flex-direction-nav a {top: 65%!important;}

.metaslider .caption-wrap {
    max-height: 100%;
}


/* -------- SIDEBAR STYLES ---------- */

#right {color: #fff; text-align: center;}
#right h3 {font-size: 34px; line-height: 40px; color: #FFC509; text-transform: uppercase; text-align: center; border-bottom: 2px dotted #666; padding-bottom: 15px; margin-top: 20px;}
#right a {color: #fff;}
#right a:hover {color: #999999;}
#right li {margin-bottom: 20px;}
a.more {background-color: #FFC509; border: 1px solid #fff; padding: 10px 20px; display: block; color: #000!important; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; margin-top: 20px; margin-bottom: 50px; text-decoration: none;}
a.more:hover {opacity: 0.65;}
.event-list-cal-date {color: #fff; font-size: 16px;}
.event-list-cal-title {font-size: 16px; line-height: 20px; margin-bottom: 20px; font-weight: normal;}
.event-list-cal-title a {font-weight: normal!important;}
.event-list-cal-list li { margin-bottom: 10px;}

/* -------- MAIN NAVIGATION ---------- */

#nav-wrapper {
width: 100%;
height: 40px;
float: left;
background-color: rgba(83, 83, 83, 0.65);
color: rgba(83, 83, 83, 0.65);
/*background: url(/images/nav-bg.png)!important;*/
position: relative; z-index: 1000;
}

#nav {
text-align: center;
margin: 0px auto!important;
position: relative;
z-index: 1000!important;
}

#nav ul {
list-style: none;
margin-bottom: 0px!important;
}

#nav li {
font-size: 16px;
line-height: 28px;
}

#nav a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 6px 20px;
letter-spacing: 1px;
margin-bottom: 0px!important;
font-weight: normal;
font-family: 'Oswald', sans-serif;
background: url(/images/nav-bullet.png);
background-position: left center; background-repeat: no-repeat;
}

li#menu-item-17 a {background-image: none;}

#nav a:hover {
color: #FFC509;
border-bottom: 0px;
transition: transform: 2s;
}

nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}

nav ul {
list-style: none;
position: relative;
display: inline-table;
z-index: 1000;
}

nav ul:after {
content: ""; clear: both; display: block;
}

nav ul li {
float: left;
}

nav ul li:hover {
}

nav ul li:hover a {
color: #fff;
}

nav ul li a {
display: block;
color: #757575; text-decoration: none;
}

nav ul ul {
border-radius: 0px;
padding: 0;
position: absolute; 
top: 100%;
background-position: top center;
background-repeat: repeat;
margin-top: 0px;
margin-top: 47px\9;
margin-top: 0px\0/IE9;
/*background: url(/images/nav-bg.png)!important;*/
background-color: rgba(83, 83, 83, 0.65);
color: rgba(83, 83, 83, 0.65);
}

nav ul ul li {
float: none; 
position: relative;
z-index: 1000!important;
background-image: none!important;
}

nav ul ul li a {
font-size: 13px;
line-height: 16px;
font-style: normal!important;
padding: 10px 15px!important;
color: #fff;
border-bottom: 1px solid #000;
z-index: 1000!important;
font-weight; normal!important;
background-image: none!important;
text-align: left;
}	

nav ul ul li a:hover {
border-bottom: 1px solid #000!important;
}

nav ul ul ul {
position: absolute; left: 100%; top:0; width: 300px;
}

.collapseomatic {
background-image: url('/wp-content/uploads/2017/09/arrow-down4.png');
background-color: #FFC509;
border: 1px solid #fff;
padding: 4px 20px;
display: block;
color: #000 !important;
text-align: center;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
margin-top: 20px;
width: 70px;
}

.colomat-close {
    background-image: url('/wp-content/uploads/2017/09/arrow-up2.png');
}

.collapseomatic:hover {
    opacity: 0.65;
    text-decoration: none;
}

.collapseomatic_content {margin-left: 0px;}


/* ---------- CONTACT FORM & SIDEBARS ---------- */

#contact {
display: block;
float: left;
width: 89%;
padding: 5%;
font-family: 'Open Sans', sans-serif;
background-color: #fff;}

#contact p {
text-align: center;
font-size: 13px;
line-height: 20px; margin-top: 10px; margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
}

#contact h3 {
color: #1C61A8;
text-align: center;
text-transform: none;
font-size: 24px;
line-height: 30px;
font-weight: bold;
}

#contact h4 {
color: #000;
text-align: center;
font-size: 20px;
font-weight: normal;
}

#contact span.phone {
font-size: 24px;
}

#contact input {
float: left;
width: 96%;
border: 0px solid;
margin-top: 10px;
padding: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background-color: #D7D7D7;
color: #000;
}

#contact textarea {
color: #000!important;
width: 96%!important;
border: 0px solid;
height: 70px;
padding: 2%;
float: left;
margin-bottom: 10px;
margin-top: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 14px!important;
border: 0px;
background-color: #D7D7D7;
}

.submit_button {
display: block;
float: left;
color: #fff!important;
height: 35px;
border: none;
margin-top: 2%;
border-radius: 5px;
border: 1px solid #fff!important;
font-family: 'Open Sans', sans-serif;
font-size: 16px!important;
font-weight: bold;
background-color: #EE8309!important;
width: 50%!important;
}

#left input,
#left textarea {
border: 1px solid #999;
border-radius: 5px;
padding: 5px;
/*font-family: 'Open Sans', sans-serif;*/
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
width: auto!important;
}

#left input {width: 100%;}
#left textarea {width: 100%!important; height: 80px;}
input#state, input#zip {width: 100%!important;}
table#franchise {max-width: 80%!important;}
table#franchise td {max-width: 50%!important;}h3.contact-subheader {
    font-size: 18px;
}

.experience .wpcf7-checkbox .wpcf7-list-item, .shift .wpcf7-checkbox .wpcf7-list-item, .days .wpcf7-checkbox .wpcf7-list-item {
    float: left;
    clear: both;
}

p.other, h3.other {
    clear: both;
    padding: 15px 0 0;
}


/* -------- FOOTER ---------- */

footer.entry-meta {display: none;}

#bottom {display: block; margin: 0px auto; width: 85%; max-width: 1200px; text-align: center;}
#bottom p {text-align: center; float: left; margin-top: 30px; display: block; width: 100%;}
#bottom a {padding: 0px 30px;}
.page-id-4 #bottom {display: none;}

#footer-wrapper {
float: left;
width: 100%;
background-color: #292929;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 40px;
border-top: 1px solid #666;
}

#footer {
max-width: 1200px;
width: 90%;
margin: 0px auto;
font-size: 12px;
color: #666;
}

#footer table {width: 100%;}

#footer table td {
vertical-align: top;
max-width: 20%;
padding-right: 30px!important;}

#footer ul {
list-style: none;
display: block;
}

#footer ul ul {
display: none;
}

#footer li {
font-size: 12px;
color: #fff;
display: block;
}

#footer strong {text-transform: uppercase;}

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

#footer a:hover {
color: #EE8309;
}

#footer p {
text-align: right;
color: #fff;
font-size: 12px;
}

#bottom-social {width: 100%; max-width: 1200px; text-align: right; margin: 0px auto 20px;}
#bottom-social a {padding: 0px 5px;}

.content-left {
width: 70%;
float: left;
margin-right: 5%;
}

.content-right {
width: 25%;
float: left;
}

a.awareness-links {
color:#ffc509; 
text-decoration:none;
}

a.awareness-links:hover {
color: #fff;
}



.column-left{ float: left; width: 40%; }
.column-right{ float: right; width: 23%; }
.column-center{ display: inline-block; width: 33%; }
.element-invisible {display: none;}
table.survey {font-family: 'Open Sans', sans-serif!important; color: #000; font-size: 13px; width: 100%; font-weight: bold;}
table.survey td {padding: 10px; cell-spacing: 0px; color: #000;}
table.survey th {color: #000; text-align: center;}
tr.even td
{
  background-color: #D8D8D0;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
font-family: 'Open Sans', sans-serif!important;
}
tr.odd td
{
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
font-family: 'Open Sans', sans-serif!important;
}

.event-list-cal-excerpt{

color:#000;
}
.homepage-news{
width:100%;
max-width:1200px;
margin-right:auto;
margin-left:auto;
display:block;

}

.donation-section{
margin-top: 40px;
width:55%;
max-width:1200px;
margin-right:auto;
margin-left:auto;
display:block;
line-height: 34px;
}




.homepage-news h1{
font-size: 34px;
line-height: 40px;
color: #FFC509;
text-transform: uppercase;
}



.homepage-news2{
width: 100%;
max-width: 100%;
max-height: 200px;
margin-right: auto;
margin-left: auto;
display: block;
background: #292929;
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
margin-bottom: 50px;
margin-top: -20px;

}

.homepage-news2 p{
font-size: 24px;
margin-top: -10px;
}

.homepage-news2 a{
font-size: 20px;
margin-bottom: 25px;
display: block;
}


.homepage-news2 h1{
font-size: 34px;
line-height: 40px;
color: #FFC509;
text-transform: uppercase;
}


#hlStartMessaging{
	dispaly:none;
}

li.ecs-event {
font-size: 18px;
}
.tribe-event-date-start {
color: #ffc509;
}

.tribe-event-time {
color: #ffc509;
}

li.ecs-event h4.entry-title.summary {
font-weight: normal !important;
font-size: 16px;
margin-top: 20px;
}

li.ecs-event h4.entry-title.summary a {
font-weight: normal !important;
}

.page-id-4 .event-list-cal-title{
	font-size:25px;
}
.page-id-4 .event-list-cal-date{
	font-size:25px;
}


.page-id-4 li.ecs-event h4.entry-title.summary {
font-size: 22px;
line-height: 24px;
}

.page-id-4 .tribe-event-date-start {
font-size: 16px;
color: #ffc509;
}

.page-id-4 .tribe-event-time {
font-size: 18px;
color: #ffc509;
}

.label-tribe-bar-date {
color: #333;
}

.tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner label {
    color: #333;
}

#tribe-events-bar * {
    color: #333;
}

div.tribe-events-notices > ul, div.tribe-events-notices > ul > li {
    color: #333 !important;
}

.datepicker.dropdown-menu {
background-color: #666;
}

th.datepicker-switch, th.prev, th.next {
background: #333;
}

.tribe-event-description p {
color: #333;
}

.tribe-events-meta-group .tribe-events-single-section-title {
color: #333;
}

.single-tribe_events .tribe-events-event-meta dl dt {
color: #333;
}

#tribe-events-content .tribe-events-abbr {
    color: #333;
}

#tribe-events-header .tribe-events-sub-nav {
display: none;
}

.postid-730 .tribe-events-notices {
display: none;
}

.postid-730 h1.tribe-events-single-event-title{
text-align: center;
}

.postid-730 .tribe-events-schedule {
display: none;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
color: #333;
}

span.tribe-street-address, span.tribe-locality, span.tribe-delimiter, span.tribe-postal-code, span.tribe-country-name {
color: #333;
}

.bx-wrapper .wp-caption-text {
    background: #292929;
    min-height: 45px;
    font-size: 12px !important;
    line-height: 20px;
    text-align: center;
    padding: 5px;
    margin-right: -2px;
}

.bx-wrapper a:hover {
opacity: 0.75;
}

.playbtn {
    position: absolute;
    top: 70px;
    left: 100px;
    border: none !important;
}

.video-blogpage {
    width: 70%;
    height: 300px;
}

/* gravityforms */
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100%!important; }
.page-id-1109 #left input, .page-id-1109 #left textarea { width: 100%!important; }
.gform_wrapper ul li.gfield { clear: none; display: inline-block; width: 50%; }
/* gravityforms */


@media screen and (max-width: 1293px) {
.donation-section {
width:100% !important;
}

}

@media screen and (max-width: 1250px) {
#content {width: 90%; padding: 0px 5%;}
#nav a {font-size: 14px;}
}

@media screen and (max-width: 1150px) {
#nav a {padding: 6px 15px;}
}

@media screen and (max-width: 1076px) {
.bx-wrapper {
    max-width: 785px !important;
}

}

@media screen and (max-width: 1100px) {
#nav a {font-size: 12px; padding: 6px 15px;}
.video-blogpage {
    width: 100%;
    height: 300px;
}

}


@media screen and (max-width: 950px) {
#nav a {font-size: 11px; padding: 6px 10px;}
#logo, #tagline, #phone{width: 100%; float: left; text-align: center; padding: 5px 0px; margin: 0px;}
#logo img {display: block; margin: 0px auto; max-width: 239px; height: auto;}

.content-left {
width: 100%;

}

.content-right {
width: 100%;

}

#home-bottom {
    margin-left: 0%;
    margin-right: 0%;
}
#footer p {
    text-align: center;
}
#bottom-social {
    width: 100%;
    max-width: 1200px;
    text-align: center;
}	
	
}

@media screen and (max-width: 800px) {
#nav a {font-size: 13px;}
#nav a {padding: 6px 12px;}
#buttons img {width: 31%;}


.bx-wrapper {
    max-width: 520px !important;
}


}

@media screen and (max-width: 767px) {
#logo img {width: 90%; height: auto;}
#site {margin-top: 0px!important; padding-top: 0px!important;}
#photo {margin-top: 0px;}
#nav-wrapper {display: none!important;}
#button, #box {width: 90%; padding: 2% 5%; margin-bottom: 20px;}
#button1 a, #button2 a {width: 90%; padding: 5%; height: auto; min-height: auto; float: left; margin-bottom: 20px;}
#column1, #column2 {width: 100%;}
#buttons img {width: 100%; margin: 0px;}
#nav a {font-size: 12px; padding: 12px 10px;}
#content {
width: 94%!important;
padding: 3%!important;
border: 0px solid #fff!important;
}
#contact h3 {
font-size: 28px;
}
#contact span.phone {
font-size: 18px;
}
#footer-wrapper {
width: 96%;
padding: 0 2%;
}
}

@media screen and (max-width: 736px) {
#phone {
width: 100%;
height: auto;
font-size: 18px;
margin-right: 0px!important;
margin-bottom: 10px;
padding: 0px!important;
float: none;
}

#phone,
#phone a {
background-image: none!important;
}

#phone a {
padding-left: 0px;
font-size: 34px;
}

#logo {
width: 100%;
}

#logo img {
display: block;
margin: 0px auto; 
}

#left {
width: 100%!important;
}

#right {width: 100%; float: left;}

#buttons {
width: 96%; padding: 2%;
margin-top: -20px;
}

#content {
width: 94%!important;
padding: 3%!important;
border: 0px solid #fff!important;
}

#content img {
max-width: 100%;
}

#content input, 
#content textarea {
width: 98%;
}

.leftside {
width: 100%;
}

.rightside {
float: none;
width: 100%;
}

.rightside img {
margin-top: 30px;
}

#footer li {
float: none;
}

#footer table {
display: none;
}
}


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

.bx-wrapper {
    max-width: 258px !important;
}

}

#map_sidebar {
	height: auto !important;
}



.m_collapse_text, .show_collapse .m_expand_text, .m_section{
    display: none; 
}
.show_collapse .m_collapse_text {
    display: inline; 
}