/* (c) Motorsport Directory 2019
----------------------------------------------------------- */

.s5_wrap {margin: 0px!important; width:100%!important;}

/*msd styling for k2 category view*/

span.md-place-date {font-family: Arial; font-weight: 900; font-size: 2em;}

/*div.md_cdate {padding:5px; background-color: #666;} */



.placemarkHead {margin-bottom:5px;}
.md-place-date {font-size:12px;}
.placemarkBody img {width:300px;}

.itemContainer {margin-bottom: 0px!important; padding-bottom: 0px!important; margin-top: 20px!important; font-family: Arial;}
/* k2 category listing view md custom */

/*.md_cdate {text-align:center;} */

.md_day {color: #000; margin-right: 3px; font-size: 1.1em; float: left;}
.md_dow {color: #000; margin-right: 3px; font-size: 1.1em; float: left;}
.md_month {color: #000; margin-right: 3px; font-size: 1.1em; float: left;}
.md_year {color: #000; margin-right: 10px; font-size: 1.1em; float: left;}
 
.catItemExtraFields {border: none!important; margin-top:0px!important;}

.md-item-right-1, .md-item-right-2, .md-item-right-3, .md-item-right-4 {margin-top : 8px!important;}

.md-item-left { width: 15%; float: left; font-size:1em;}
	.md-item-left .md_day {font-weight: 900; }
	.md_cdate {text-align:left; margin-top: 8px;}

.md-item-middle { width: 10%; float: left;}
.md-item-middle .catItemImage img {
	
}
	
	#md-item-category { margin-top: -6px; margin-right: 5px; text-align: center!important;}
		span.md-item-category {text-transform: uppercase;  word-wrap: break-word;
}
.md-item-right-1 { width: 30%; float: left;font-size: 1.1em; line-height:1.4em;}
.md-item-right-2 { width: 15%; float: left;font-size: 1.1em; line-height:1.4em;}
.md-item-right-3 { width: 15%; float: left;font-size: 1.1em; line-height:1.4em;}
.md-item-right-4 { width: 15%; float: left;font-size: 1.1em; line-height:1.4em;}



.K2FilterBlock input.datepicker, .K2FilterBlock input.range {max-width:280px;}
.k2filter-responsive .k2filter-cell {width:330px;}
#reportrange {font-size:1.2em; height:32px;}

.k2filter-cell .clear {clear:none!important;}

.md-outbound-link {    
	margin-top: -8px;
	float: right;
    background-color: #004225;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;}
    
.spop-md-outbound-link {    
	margin-top: -22px;
	float: right;
    background-color: #004225;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;}
    
.mpop-md-outbound-link {    
    margin-right: 20px;
    margin-top: -30px;
    float: right;
    background-color: #004225;
    padding: 8px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;}

    
    .md-outbound-link a, .spop-md-outbound-link a, .mpop-md-outbound-link a  { font-size: .8em; color: #fff; text-decoration: none;}
    
    .mpop-md-outbound-link a, .mpop-md-outbound-link a:hover { width: auto; background: none; display: inline; height: auto; color: #fff;}
    
    
    /* Map Styling */
    
.module_round_box, .module_round_box.map, .module_round_box.filter {padding:0px;}

#K2FilterBox96.K2FilterBlock.k2filter-responsive {
        background-color:#B7B7B7;
        padding-top:30px;
        padding-bottom: 30px;
    }

@media only screen and (max-width: 750px) {
	
	#s5_header_area_inner2 {margin-bottom: 33px;}
    
}
    
    
 @media only screen and (max-width: 640px) {
    	.md-item-middle {display: none;}
    	.md-item-right-1 {padding-top: 10px; width: 50%;}
    	.md-item-right-3 {width: 50%;}
    	.md-item-right-2 {clear: left;}
    	.md-item-left, .md-item-right-2 {margin-top : 10px; width: 30%}
    	.md-item-right-4 {float: right; width: 20%;}
    	.loadmorewrapper {clear: both; margin-bottom: 10px;}
    	.md-item-right-1, .md-item-right-2, .md-item-right-3 {margin-top : 0px;}

    }
    
    
/*Leaflet pop-up list styling */

.markercluster-list {position: absolute; top: 375px; left: 75px;  background-color: #fff;}
#marker-cluster-list-content .table-wrapper {margin:25px; font-family: Oswald, sans sans-serif;}

span.zhom-markerspinner-list-placemark-date {width: 19%; display: inline-block; font-weight: bold; font-size: 1.1em;}
span.zhom-markerspinner-list-placemark-title {display: inline-block; float: none; width: 29%; font-size: 1.1em; color:#004225;}
span.zhom-markerspinner-list-extra0 {display: inline-block; float: none; width: 10%;}
span.zhom-markerspinner-list-extra1 {display: inline-block; float: none; width: 15%;}
span.zhom-markerspinner-list-extra2 {display: inline-block; float: none; width: 10%;}
    
tr.cluster-list-row-odd {background-color:#eee;}
tr.cluster-list-row-even {background-color:#ccc!important;}

/*Motorsport Banner*/

.motorsport-banner {border-style: solid;
    border-width: .1em;
    border-radius: 10px;
    padding: 20px;
    font-family: Oswald;
    font-size: 1.2em;
    line-height: 30px;}
    
#s5_banner {width: auto;}

/* KD CSS Changes 2020-02-05*/

.btn-warning {background-color:#004225!important;color:#fff!important;background-image:none!important;}
.btn-warning:hover {background-color:#666666!important;color:#fff!important;background-image:none!important;}
.ui-rangeSlider-arrow, .ui-rangeSlider-container, .ui-rangeSlider-label {background-color: #004225!important;background:#004225!important;}
.ui-rangeSlider-bar {
  background: #666666!important;}

@media only screen and (max-width: 1063px) {
  
  .ui-rangeSlider-label.ui-rangeSlider-leftLabel {left:0px!important;}
   .ui-rangeSlider-label.ui-rangeSlider-rightLabel {right:0px!important;}
  
}

.K2FilterBlock h3 {
    color: #004225;
    font-weight: 700;
}

#s5_nav li {
    padding-right: 75px;
    padding-left: 64px;
}
#s5_header_area_inner {
    padding-top: 0px;
}

.catItemTitle {padding-left:30px;padding-right:30px;font-weight: 600;}
.md-venue {padding-left:30px;padding-right:30px;padding-bottom:20px;}

.md_day {
    color: #004225;
   font-size: 1em;
}

.itemContainer {
    margin-bottom: 20px!important;
}

@media only screen and (max-width: 800px) {
  .itemContainer {
  padding-bottom: 20px!important;
  } }
@media only screen and (max-width: 640px) {
.md-outbound-link {
  margin-top: -33px;}
}
@media only screen and (min-width: 640px) {
 .md-outbound-link {
    margin-left: 20px;
  } }

div.itemContainer {
  border-bottom: solid 3px #004225; }
hr {border-top: 3px solid #004225;}