/*
search-results-count
DO NOT EDIT THIS FILE
THIS IS THE DEFAULT CSS FILE
IT SITS ABOVE THE WEBSITE CSS FILE
PLACE EDITS IN THE WEBSITES CSS FILE 
*/

/** BACKWARDS FOR BS4 **/

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/** MARGIN FOR FORMS **/

body#calendar form,
body#calendar-list form,
body#calendar-search form,
body#calendar-search form{
margin:20px auto 100px auto;
}

/** LEFT ALIGN FOR FORM INLINE LISTS **/

body[id^=calendar] #content ul.list-inline{
text-align:left !important;
margin:0;
padding:0;
}

body#calendar-search #add-event-link,
body#calendar-list #add-event-link,
body#calendar #add-event-link{
clear:both;
font-weight:bold;
}

/** LIST **/

body#calendar-list div#calendar-list{
margin:20px auto;
}

body#calendar-list #calendar-list .row{
border:1px solid #f1f1f1;
margin:0;
}

body#calendar-list #calendar-list .row .header{
background-color:#efefef;
padding:7px;
font-weight:bold;
text-align:center;
font-size:125%;
}

body#calendar-list #calendar-list .row {
padding:15px 0;
}

body#calendar-list #calendar-list .row .btn{
max-width:200px;
}

body#calendar-list #calendar-list div.list-day{
text-align:center;
font-weight:bold;
background-color:#efefef;
padding:20px;
font-size:125%;
}

body#calendar-list #content #results .summary,
body#calendar-list #content #results .venue{
display:block;
margin:10px 0;
}

/*** BLOCKS ***/
/**calendar-blocks**/

body#calendar-blocks #results #calendar-blocks-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-items: flex-end;
align-content: stretch;
}

body#calendar-blocks #results #calendar-blocks-flex .item {
margin:20px;
background-color:#f1f1f1;
padding:20px;
text-align:center;
border-radius:8px;
width:350px;
min-height:250px;
}

body#calendar-blocks #results #calendar-blocks-flex .item img{
display:block;
margin:20px auto;
width:auto;
max-height:200px;
}

body#calendar-blocks  #results #calendar-blocks-flex .item .name{
display:block;
margin:10px auto;
font-weight:bold;
font-size:125%;
}

body#calendar-blocks  #results #calendar-blocks-flex .item a.more-info{
font-size:105%;
display:block;
margin:10px auto;
}





/* SEARCH FORM */

body#calendar-search form{
border:1px solid #cfcfcf;
padding:8px;
text-align:left;
max-width:900px;
}

body#calendar-search #calendar-search-form label{
margin:0;
font-weight:bold;
}

body#calendar-list #results #header,
body#calendar-search-results row#header{
background-color:#ccc;
text-align:center;
font-weight:bold;
padding:10px 0;
margin:0px auto 0 auto;
}

body#calendar-blocks #content #search-results-count,
body#calendar-list #content #search-results-count,
body#calendar-search-results #content #search-results-count{
text-align:center;
margin:10px auto;
}

body#calendar-list div#results,
body#calendar-search-results div#results{
background:white;
padding:0;
border:1px solid #ccc;
}

body#calendar-list div#results .row,
body#calendar-search-results div#results .row{
padding:7px 0;
margin:0;
}

body#calendar-search-results div#results .row .col-md-8,
body#calendar-search-results div#results .row .col-md-2{
padding:0 9px;
}

body#calendar-list #results .row:nth-child(even) ,
body#calendar-search-results #results .row:nth-child(even) {
background: #f1f1f1;
}

body#calendar-list #results .left-column{
text-align:center;
} 

body#calendar-list #results .left-column .name{
font-size:120%;
}

body#calendar-list #results .left-column img.main-image,
body#calendar-search-results #results img.main-image{
display:block;
max-width:150px;
margin:20px auto;

}

body#calendar-list  #results a.more-info{
font-size:105%;
display:block;
margin:10px auto;
}

body#calendar-list table {
margin:20px auto;
}

body#calendar-list table blockquote{
font-size: 90%;
border:0px;
margin:0px 0 0 15px;
padding:0;
}

body#calendar-list span.record ,
body#calendar mobile-calendar span.record {
padding-left:20px;
}



body#calendar-list table th ,
body#calendar table th {
color:#000000;
font-size:120%;
font-weight:bold;
text-align:center;
background-color:#efefef;
border: 1px solid #666666;
padding:10px;
 }


body#calendar-list table th a ,
body#calendar table th a {
font-size:13px;
color:#CA6702;
text-decoration:underline;
font-weight:bold;
}





/*** CALENDAR ****/

body#calendar .calendar-months-of-year{
font-size:90%;
}

body#calendar table{
margin:20px auto;
border-collapse: collapse;
border: 1px solid #666666;
font-size:13px;
}

body#calendar #calendar-month-year{
font-size:200%;
}

body#calendar table th a:hover {
color:#666666;
text-decoration:underline; 
font-weight:bold;
}


body#calendar table td {
        border: 1px solid #666666;
        background-color: transparent;
        padding:6px;
vertical-align:top;
text-align:left;
}

body#calendar table td a {
color:#CA6702;text-decoration:underline; font-weight:normal; }

body#calendar table td a:hover {
color:#666666;
text-decoration:underline; 
font-weight:normal; 
}

body#calendar table p {
margin:0;
}


body#calendar table .header {
background-color:#cccccc;
text-align:center;
padding:10px;
}

body#calendar table .month{
font-size:150%;
color:black;
font-weight:bold;
}

body#calendar table #highlight-day{
background-color:#f5f5f5;
border:3px solid #666
}

body#calendar table .dayofmonth{
font-size:120%;
font-weight:bold;
}


/*** DETAILS ************************/


body#calendar-details div#calendar-page-details{
margin:30px auto;
background-color:white;
}

body#calendar-details h1{
margin:20px 0;
clear:both;
}

body#calendar-details #heading-date{
font-size:120%;
font-weight:bold;
margin-bottom:20px;
}

body#calendar-details #heading-date #repeat,
body#calendar-details #heading-date #time,
body#calendar-details #heading-date #note,
body#calendar-details #heading-date #registration-enabled{
display:block;
margin:10px 0;
font-weight:normal;
}

body#calendar-details #div-details{
margin:20px auto;
position:relative;
}

body#calendar-details #div-details img#main-image{
border:0px solid red;
margin:20px auto;
padding:0;
}

body#calendar-details #div-details img#main-image.img-left{
display:inline !important;
float:left !important;
padding:0 20px 20px 0;
}

body#calendar-details #div-details img#main-image.img-right{
display:inline !important;
float:right !important;
padding:0 0 20px 20px;
border:0px solid blue;
}

body#calendar-details #div-details > #div-description{
/*
min-width:350px;
border:0px solid red;
max-width:60%;
*/
padding:0 20px;
}

body#calendar-details .panel-group .panel{
margin:20px 0;
} 

body#calendar-details #div-registrations h4.panel-title,
body#calendar-details .panel-group h4.panel-title{
font-size:22px !important;
font-weight:normal;
}


body#calendar-details .panel-group h4.panel-title a{
text-decoration: none !important;
}

body#calendar-details #div-registrations{
clear:both;
padding-bottom:20px;
}
/*
body#calendar-details #div-registrations h4{
border-radius:5px;
border:1px solid #e9e9e9;
margin:10px auto;
background-color:#f1f1f1;
padding:10px;
}
*/

body#calendar-details .col-md-2 { 
white-space: nowrap;
text-align:left;
font-weight:bold;
padding-bottom:10px;
}

body#calendar-details .col-md-10 { 
padding-left:50px;
}

body#calendar-details .row { 
border:0px solid #ccc;
border-collapse: collapse;
background-color: transparent;
padding:6px;
vertical-align:top;
text-align:left;
margin:0px;
}

body#calendar-details #rsvp-form { 
margin:10px auto;
max-width:600px;
}

body#calendar-details form#rsvp .form-group{ 
margin-bottom:10px;
vertical-align:middle;
}

body#calendar-details #attendance{
display:block;
color:#a94442;
}

body#calendar-details #venue-name{
font-weight:bold;
}

body#calendar-details #venue-note{
display:block;
margin:20px 0 !important;
}

body#calendar-details #contact-name{
font-weight:bold;
}

body#calendar-details #contact-info{
display:block;
margin:20px 0 !important;
}

body#calendar .mobile-year{
display:none;
}

body#calendar #mobile-calendar{
display:none
}

body#calendar #mobile-calendar ul{
margin:50px 0 50px 0;
list-style-type: none !important;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}

body#calendar #mobile-calendar ul li div{
text-align: left;
}

body#calendar #mobile-calendar span.monthName,
body#calendar-list span.monthName,
body#calendar #mobile-calendar span.dayofmonth ,
body#calendar-list span.dayofmonth {
font-weight: bold;
font-size: 150%;
}



body#calendar .dayContents{
margin:5px 0 0 5px;
}

body#calendar .dayContents,
body#calendar #mobile-calendar .dayContents{
margin:7px 0 0 17px;
}

/**** SUBMIT EVENT FORM ****/

body#calendar-add-event #calendar-bottom-menu{
margin:20px auto;
text-align:center;
}

body#calendar-add-event form#agree ,
body#calendar-add-event form#add-event {
max-width:700px;
margin:20px auto; 
}

body#calendar-add-event fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body#calendar-add-event legend {
background: #e1e1e1;
padding: 5px 10px ;
margin: 8px 0 0 0px;
}

body#calendar-add-event #agree-button{
font-weight:normal;
display:block;
margin:20px auto;
font-size:120%;
}





@media (max-width: 992px) {

	body#calendar-list #calendar-list #row-header{
	display:none !important;
	}
}
		
@media (max-width: 767px) {

	body#calendar-list #results .right-column{
        text-align:center !important;
        adding-top:20px;
        }

	body#calendar-details #div-details div#div-image,
	body#calendar-details #div-details div#div-description{
	width:100%;
	margin:20px auto;
	}

        body#calendar #mobile-year {
        display:inline-block;
        }

        body#calendar #mobile-calendar {
        display: block !important;
        border:1px solid #ccc;
	margin:20px 0;
	}

        body#calendar #mobile-calendar span.mobile-control {
        display: inline;
        }

	body#calendar table {
        display: none;
        }

}

body#calendar-list #events{
margin:20px auto;
}

body#events #events .row{
border:0px solid #999;
margin-bottom:10px;
padding:15px 4px;
}

body#calendar-details #items .row {
border: 1px solid #ccc;
}

body#calendar-details #items .col-md-2, 
body#calendar-details #items .col-md-4, 
body#calendar-details #items .col-md-8, 
body#calendar-details #items .col-md-12 {
padding:7px 2px;
}


body#calendar-details #items .header,
body#events #events .header{
background-color:#ccc;
padding:5px;
font-weight:bold;
}

body#calendar-details #items .no-header,
body#events #events .no-header{
background-color:#ccc;
padding:5px;
font-weight:bold;
margin-bottom:2px;
vertical-align:middle;
}

body#calendar-details #items .no-header .col-md-12,
body#events #events .no-header .col-md-2,
body#events #events .no-header .col-md-3,
body#events #events .no-header .col-md-7{
padding:0;
}

body#calendar-details #items .details-list-price,
body#calendar-details #items .details-max-charged,
body#calendar-details #items .details-onsale-dates,
body#calendar-details #items .details-onsale-price{
display:block !important;
}

body#calendar-details #items btn{
max-width:200px;
}

body#events #events .btn{
max-width:200px;
}

@media (max-width: 480px) {

	.row .no-header{
	display:none;
	}
}


body#calendar-details div.section-header{
display:block;
clear:both;
background-color:#f2f2f2;
padding:5px;
margin:20px 0 !important;
}

body#calendar-details div.section-info{
margin:15px 0 15px 30px;
}

body#calendar-details .register-button{
color:#fff;
max-width:200px;
}

body[id^=calendar] #calendar-top-menu{
text-align:right !important;
}

body[id^=calendar] #calendar-top-menu ul.list-inline{
clear:both;
}

body[id^=calendar] .pagination{
margin:20px auto !important;
text-align:center !important;
display: inline-block !important;
clear:both;
}


body[id^=calendar] .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
 margin: 0 4px;
border: 1px solid #ddd; /* Gray */
}


body[id^=calendar] .pagination a.active {
    background-color: #999;
    color: white;
}

body[id^=calendar] .pagination a:hover:not(.active) {
background-color: #ddd;
}