#events-list {
    padding-top: 20px;
}

#events-list label {
    font-size: 15px;
}

#events-list .text-center a h4 {
    color: #0d2446;
    font-weight: bold;
}

/*#events-list .icon-list-horizontal {
    
}*/

#events-list .icon-list-horizontal li {
    margin-right: 200px;
    image-rendering: -webkit-optimize-contrast;
}

#events-list .icon-list-horizontal li:last-of-type {
    margin-right: 92px !important;
}

#print-event-detail:hover {
    cursor: pointer;
}

.modal-content #event-detail {
    padding-top: 0px;
}

/*Bookings*/

.btn-book-event {
    font-family: 'Open Sans', sans-serif;
    margin-top: -5px !important;    
    padding: 4px 24px;
    height: 30px;
    margin-top: 10px;
    color: #ffffff !important;
    width: 100%;
}

.btn-unregister-event {
    font-family: 'Open Sans', sans-serif;
    margin-top: -5px !important;
    padding: 4px 24px;
    height: 30px;
    margin-top: 10px;
    color: #ffffff !important;
    width: 100%;
}

.btn-book-event.green:hover,
.btn-book-event.red:hover {
    cursor: default;
}

.booking-details {
    padding: 12px 10px;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #efefef;
    margin: 10px 0px 0px 0px;
}

.booking-details div {

}

.booking-details .notice {
    font-weight: bold;
    color: #9C1316;
}

/* End Bookings*/

/* Tooltip container */
.custom-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
    .custom-tooltip .tooltiptext {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        visibility: hidden;
        width: 120px;
        background-color: #0d2446;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        right: 110%;
        top: 0px;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.custom-tooltip:hover .tooltiptext {
    visibility: visible;
}

#event-detail h1,
#event-detail h2,
#event-detail h3,
#event-detail h4
{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

#event-detail h3 {
    margin-bottom: 30px;
}

#event-detail #your-first-walk {
    width: 150px;
}

#event-detail .weather-detail label
{
    margin-top: 10px;
    margin-bottom: 2px;
}

#event-detail .map {
    height: 500px;
    border: 8px solid;
    border-radius: 10px;
}

#event-detail .event-email {
    float: none;
    top: 4px;
}

#create-event .map {
    height: 500px;
    border: 8px solid;
    border-radius: 10px;
}

#event-detail .row {
    margin-bottom: 15px;
}

#event-detail h1, #event-detail h2 {
    font-weight: bold;
}

#event-detail .icon-list-horizontal {
    width: 40%;
}

#event-detail .icon-list-horizontal li {
    color: white;
    margin-right: 28%;
}

#event-detail .icon-list-horizontal li a {
    margin-left: 24px;
}

#events-list .icon-list-horizontal li a:hover,
.event-view-type li a.active,
.event-view-type li a:hover {
    text-decoration: none;
    border-bottom: #de8439;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
}

#event-detail .icon-list-horizontal li a:hover {
    text-decoration: none;
}

#event-detail .icon-list-horizontal li.facebook {
    background-color: #3F5C9A;    
}

#event-detail .icon-list-horizontal li.twitter {    
    background-color: #31A8E0;    
}

#event-detail .icon-list-horizontal li.print {    
    background-color: #DE833A;    
}

#event-detail .icon-list-horizontal li.twitter i, 
#event-detail .icon-list-horizontal li.print i {
    padding-left: 8px;
}

#event-detail .brief-details {
    font-size: 18px;
}

#event-detail .brief-details .row {
    margin-bottom: 10px;
}

#event-detail .train-option {
    margin-bottom: 10px;
}

#event-detail .train-icon {
    display: inline-block;
    background-image: url(../images/national_rail_icon.svg);
    background-repeat: no-repeat;  
    height: 30px;
    width: 38px;
    background-size: 30px 20px;
    background-position: 4px 4px;
}

#event-detail .train-details {
    display: inline-block;
    margin-left: 10px;
}

#event-detail i.wi {
    font-size: 75px;
    margin-top: 20px;
}

#event-detail i.wi span {
    font-size: 40px;
    margin-left: 15px;
    position: absolute;
}

/*#event-detail .weather-icon {
    background-image: url(../images/cloudy-sunny.png);
    background-repeat: no-repeat;  
        height: 80px;
    background-size: 105px 70px;
    padding-left: 120px;
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 5px;
}*/

#event-detail i.wi+p {
    font-size: 20px;
}

#existing-walks {
    display: none;
    background-color: #efefef;
    border-radius: 4px;
    padding: 15px;
    border: 1px solid #ccc;
}

#selected-event-detail {
    padding-top: 0.5em;
    overflow: hidden;
}

#selected-event-detail .row {
    margin-bottom: 10px;
}

#selected-event-detail .cssload-container {
    margin: 135px auto;
}

#selected-event-detail p {
    margin-bottom: 30px;
}

#selected-event-detail h4 {
    margin-top: 0px;
}

#selected-event-detail button {
    width: 160px;
    position: absolute;
    right: 40%;
    margin-top: -10px;
}

#selected-event-detail ol li {
    height: 42px;
    margin: 5px 0px;
}

#selected-event-detail ol {
    margin-bottom: 50px;
}

#event-list .cssload-container {
    margin: 50px auto;
}

#event-cal, #event-crit {
    height: 364px;
}

#event-cal {
    margin-top: 10px;
}

#event-crit {
    display: none;
}

#event-crit .row {
    margin-top: 10px;
}

#event-crit input {
    width: 75%;
}

#event-crit button {
    height: 34px;
    float: right;
    padding: 5px 20px 5px 20px;
}

#event-crit .list-group {
    overflow-y: auto;
    max-height: 258px;
    margin-bottom: 0px;
}

#event-crit .list-group .list-group-item {
    padding: 0;
}

#event-crit .list-group .list-group-item span {    
    background-size: 42px 30px;
    background-position: 0px 6px;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#event-crit .list-group .list-group-item span.event-W {
    background-image: url(../images/hiking.svg);
}

#event-crit .list-group .list-group-item span.event-S {
    background-image: url(../images/pint.svg);
}

#event-crit .list-group .list-group-item span.event-T {
    background-image: url(../images/camping-tent.svg);
}

#event-crit .list-group .list-group-item span.event-O {
    background-image: url(../images/rambler.svg);
}

#event-crit .list-group .list-group-item span[class^=event-grade-] {
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    font-size: 12px;
    color: white;
    padding-left: 9px !important;
    padding-top: 4px;
    font-weight: bold;
    float: right;
    margin-top: 9px;
}

#event-crit .list-group .list-group-item span.event-grade-EA {
    padding-left: 5px !important;
}

.no-records-found {
    font-weight: bold;
}

/*#existing-walks-cal-view {
    display: none;
}*/

#EventType, #WalkGrade {
    visibility: hidden;
    width: 0px;
}

#ExistingEventId {
    max-width: none;
}

input[name=NewWalk] {
    margin-right: 5px;
}

input[name=ExistingWalks]
{
    margin-left: 35px;
    margin-right: 5px;
}

input[name=TrainFriendly] {
    margin-right: 5px;
}

input[name=TrainFriendly][value=False] {
    margin-left: 35px;
}

.radio_image_label {
    display: inline-block;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}

#StartLocation, #attendance-container {
    display: none;
}

#StartTime {
    background-color: white;
}

#AttendanceLimit {
    width: 55px;
}

label > input.radio_image 
{ /* HIDE RADIO */
    display: none;    
}

input.radio_image:checked + div
 {    
    background-color: rgba(54, 25, 25, .3) !important;    
    background-repeat: no-repeat !important;    
    /*color: rgba(255,255,0, 0.4);*/   
    
}

input.radio_image:checked + div .radio-info {
    opacity: 1;
    background-color: transparent;
    transform: initial;
}

input.radio_image:checked + div .radio-info span {
    text-decoration: underline;
}


/*input.radio_image[name=EventCategoryId]:checked + div span.checkbox-tick {

}*/

input.radio_image + div span.checkbox-tick {
    opacity: 0;
}

input.radio_image:checked + div span.checkbox-tick {
    color: #009966;
    opacity: 1;
    height: 35px;
    width: 35px;
    /*background-image: url("../images/tick.png");*/
    background-size: 35px 35px;
    display: inline-block;
    position: absolute;
    margin-left: -21px;
    margin-top: -20px;
}

#walk-grades input.radio_image:checked + div span.checkbox-tick {
    margin-top: -9px;
    margin-left: -26px;
}

#walk-grades input.radio_image[value=EA]:checked + div span.checkbox-tick {
    margin-left: -31px !important;
}

input.radio_image + div {
    color: white;    
    text-align: center;
    padding: 7% 0;
    cursor: pointer;
    width: 45px;
	height: 45px;
    -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;    
}



/*input.radio_image + div:hover {
    border: 4px solid yellow;
}*/

input#Walk + div {
    background: #3D6443;        
    background-image: url(../images/hiking.svg);
    background-size: 30px 24px;
    background-position: 9px 10px;
    background-repeat: no-repeat;
}

input#Social + div {
    background: #5A53BD;
    background-image: url(../images/pint.svg);
    background-size: 15px 24px;
    background-position: 15px 10px;
    background-repeat: no-repeat;
}

input#Trip_Away + div {
    background: #578898;
    background-image: url(../images/camping-tent.svg);
    background-size: 23px 24px;
    background-position: 12px 9px;
    background-repeat: no-repeat;
}

input#Other + div {
    background: #737373;
    background-image: url(../images/rambler.svg);
    background-size: 22px 23px;
    background-position: 13px 10px;
    background-repeat: no-repeat;
}

input#Easy_Access + div {
	background: #4EB6E8;    
}

input#Easy + div {   
	background: #80AE47;	
}

input#Leisurely + div {    
	background: #765BA5;
}

input#Moderate + div { 
	background: #DF6F2A;	
}

input#Strenuous + div {    
	background: #A82327;
}

input#Technical + div {    
	background: #162948;
}

input.radio_image + div .radio-info  {
	display: inline-block;
    position: absolute;
    top: 0px;
	/*background: rgba(22,41,72, 0.8);*/
	height: inherit;
	/*border-radius: 50%;*/
	/*opacity: 0;*/
    margin-left: 30px;
    margin-top: 12px;
	/*-webkit-backface-visibility: hidden;*/

}

input.radio_image + div .radio-info span {
    color: #555;
    font-size: 14px;
    margin: 0;
    text-align: center;
    height: 140px;
}

/*input.radio_image + div:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}*/

/*input.radio_image + div:hover .radio-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}*/

/* Checkbox */

label[for=PromoteEmail] {
    background-color: #669C41;
}

label[for=PromoteEmail] i {
    font-size: 1.8em;
}

label[for=PromoteFacebook] {
    background-color: #3F5C9A;
}

label[for=PromoteTwitter] {
    background-color: #31A8E0;
}

label.checkbox-label { 
    display: inline-block; 
    margin-right: 100px;
    visibility: visible; 
    font-weight: bold;     
    color: #5c5c5c;    
    padding-top: 10px;  
    background-repeat: no-repeat; 
    background-position: 0px center;    
    background-size: 45px 45px;
    border-radius: 30px;
    height: 45px;
    width: 45px;
    color: white;	
}

label.checkbox-label i {
    cursor: pointer;
}

label.checkbox-label .checkbox-tick+span:hover {
    cursor: pointer;
}

.replace-checkbox { 
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    width: 1px; 
    margin: -1px; 
    padding: 0; 
    border: 0;
}

.replace-checkbox:checked ~ label.checkbox-label {     
    background-repeat: no-repeat;    
    background-size: 45px 45px;   
}

.replace-checkbox:checked#PromoteEmail ~ label.checkbox-label[for=PromoteEmail],
.replace-checkbox:checked#PromoteFacebook ~ label.checkbox-label[for=PromoteFacebook],
.replace-checkbox:checked#PromoteTwitter ~ label.checkbox-label[for=PromoteTwitter] {
    background: rgba(54, 25, 25, .3);
}

.replace-checkbox:checked#PromoteEmail ~ label.checkbox-label[for=PromoteEmail] i,
.replace-checkbox:checked#PromoteFacebook ~ label.checkbox-label[for=PromoteFacebook] i,
.replace-checkbox:checked#PromoteTwitter ~ label.checkbox-label[for=PromoteTwitter] i {
    opacity: 0.5;
}

.replace-checkbox:checked#PromoteFacebook ~ label.checkbox-label[for=PromoteFacebook] i+span
 {
    height: 35px;
    width: 35px;
    background-image: url("../images/tick.png");
    background-size: 35px 35px;
    display: inline-block;
    position: absolute;
    margin-left: -20px;
    margin-top: -4px;
    /*top: 55px;
    left: 20px;*/
    z-index: 99999999;    
}

.replace-checkbox:checked#PromoteTwitter ~ label.checkbox-label[for=PromoteTwitter] i+span
 {
    height: 35px;
    width: 35px;
    background-image: url("../images/tick.png");
    background-size: 35px 35px;
    display: inline-block;
    position: absolute;
    margin-left: -30px;
    margin-top: -4px;
    /*top: 55px;
    left: 20px;*/
    z-index: 99999999;    
}

.replace-checkbox:checked#PromoteEmail ~ label.checkbox-label[for=PromoteEmail] i+span
 {
    height: 35px;
    width: 35px;
    background-image: url("../images/tick.png");
    background-size: 35px 35px;
    display: inline-block;
    position: absolute;
    margin-left: -30px;
    margin-top: -4px;
    /*top: 55px;
    left: 20px;*/
    z-index: 99999999;    
}

/*.replace-checkbox:checked#PromoteTwitter ~ label.checkbox-label[for=PromoteTwitter] i+span,
.replace-checkbox:checked#PromoteEmail ~ label.checkbox-label[for=PromoteEmail] i+span*/

label[for=PromoteFacebook] i {
    padding-left: 12px;    
}

label[for=PromoteEmail] i,
label[for=PromoteTwitter] i {
    padding-left: 10px;
}

label i+span+span {
    display: inline-block;
    position: absolute;
    margin-top: 2px;
    margin-left: 24px;
    color: #555;
}

.event-view-type {
    color: white;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
}

    .event-view-type li {
        font-family: 'Sanchez', serif;
        text-transform: uppercase;
        display: inline-block;
        list-style-type: none;
        margin-right: 50%;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background-color: #162948;
    }

.event-view-type li i {
    padding-left: 8px;
    padding-top: 5px;
}

.event-view-type li i.fa-list {
    font-size: 1.6em;
    padding-left: 10px;
    padding-top: 8px;
}

.event-view-type li a {
    margin-left: 20px;
    display: inline-block;
    margin-top: 9px;
    /*width: 100px;*/
    position: absolute;
}

.event-view-type li:last-of-type {
    margin-right: 0px;
}

.icon-list-horizontal li.everything {    
    background-color: #162948;    
    background-image: url(../images/check.svg);
}

.icon-list-horizontal li.walks {
    background-color: #3D6443;
    background-image: url(../images/hiking.svg); 
    background-size: 34px 26px;
    background-position: 9px 10px;
}

.custom-marker {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-repeat: no-repeat;
}

.marker-W {    
    background-color: #3D6443;
    background-image: url(../images/hiking.svg); 
    background-size: 34px 26px;
    background-position: 4px 6px;    
}

.icon-list-horizontal li.socials {
    background-color: #5A53BD;
    background-image: url(../images/pint.svg);
    background-size: 20px 28px;
    background-position: 15px 11px;
}

.marker-S {
    background-color: #5A53BD;
    background-image: url(../images/pint.svg);
    background-size: 20px 28px;
    background-position: 10px 7px;
}

.icon-list-horizontal li.trips-away {
    background-color: #578898;
    background-image: url(../images/camping-tent.svg);
    background-position: 10px 8px;
}

.marker-T {
    background-color: #578898;
    background-image: url(../images/camping-tent.svg);
    background-size: 20px 28px;
    background-position: 10px 7px;
}

.icon-list-horizontal li.other {
    background-color: #737373;
    background-image: url(../images/rambler.svg);
    background-size: 25px 25px;
    background-position: 14px 12px;
}

.marker-O {
    background-color: #737373;
    background-image: url(../images/rambler.svg);
    background-size: 20px 28px;
    background-position: 10px 7px;
}

.event-email {
    color: #0d2446;
    float: right;
    margin-left: 15px;
    position: relative;
    top: -6px;
}

.small+.event-contact .event-email {
    background-size: 28px 20px;
}

.event-time {
    background: #3D6443;
    color: white;
    padding: 5px 5px 10px 5px;
}

.event-time a {
    color: white;
    text-decoration: none;
}

.event-W {
    background-color: #3D6443;
}

.event-S {
    background-color: #5A53BD;
}

.event-T {
    background-color: #578898;
}

.event-O {
    background-color: #737373;
}

.event-time.event-W span.event-icon {
    background-image: url(../images/hiking.svg);
    background-size: 28px 30px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 28px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.event-time.event-S span.event-icon {
    background-image: url(../images/pint.svg);
    background-size: 18px 30px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 18px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.event-time.event-T span.event-icon {
    background-image: url(../images/camping-tent.svg);
    background-size: 28px 30px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 28px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.event-time.event-O span.event-icon {
    background-image: url(../images/rambler.svg);
    background-size: 26px 26px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.event-time, .event-head, .event-contact, i.wi span {
    font-family: 'Sanchez', serif;
}

.event-contact, .event-description, .event-meeting, .event-directions,
.event-location, .event-sat-nav, .event-alert {
    padding-top: 5px;
    padding-bottom: 5px;
}

.event-alert {
    outline: 5px solid #9C1316;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
    background: #9C1316;
    color: white;
}

.event-alert a {
    color: #de8439;
    font-weight: bold;
}

.event-alert h4 {
    margin-top: 5px;
}

.event-sat-nav {
    margin-bottom: 20px;
}

.event-contact, .event-contact label {
    font-size: 18px !important;    
}

.event-contact span+span {
    float: right;
}

.event-time span {
    font-size: 24px;
}

.event-time.small span {
    font-size: 16px;
}

.event-time.small span.event-distance {
    float: right;
}

.event-contact span:nth-of-type(3),
.event-time span:nth-of-type(3) {
    float: right;
}

.event-head h2 {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.event-head a {
    color: #0d2446;
}

.event-head.small h2 {
    font-size: 20px;
}

.event-head div[class^=event-grade-] {
    float: right;
}

div[class^=event-grade-] {
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    font-size: 20px;
    color: white;
    padding-left: 14px;
    padding-top: 3px;
    font-weight: bold;
    margin-top: 10px;
}

.event-head.small div[class^=event-grade-] {
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    font-size: 16px;
    color: white;
    /*padding-left: 10px !important;*/
    padding-top: 2px !important;
    font-weight: bold;
    margin-top: 10px;
}

.event-grade-EA {
    background-color: #4EB6E8;
    padding-left: 7px !important;
}

.small .event-grade-EA {
    padding-left: 4px !important;
}

.event-grade-E {
    background-color: #80AE47;
}

.event-grade-L {
    background-color: #765BA5;
    padding-left: 14px !important;
}

.small .event-grade-L {
    padding-left: 10px !important;
}

.event-grade-M {
    background-color: #DF6F2A;
    padding-left: 12px !important;
}

.small .event-grade-M {
    padding-left: 8px !important;
}

.event-grade-S {
    background-color: #A82327;
    padding-left: 14px !important;
}

.small .event-grade-S {
    padding-left: 10px !important;
}

.event-grade-T {
    background-color: #162948;
}

.event-tf {
    background-image: url(../images/national_rail_icon.svg);
    background-size: 40px 30px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;    
    float: right;
    margin-top: 15px;
    margin-left: 8px;
}

.event-head div[class^=event-grade-]+.event-tf {
    margin-right: 10px;
}

#route-map h1 {
    margin-top: 200px;
}

#events-map {
    float: left;
    width: 100%;
    height: 400px;
    border: 8px solid;
    border-radius: 10px;
    margin-bottom: 40px;
}

#selected-event {
    float: right;
    width: 40%;
    height: 0px;
    overflow-y: visible;
    overflow-x: hidden;
    padding-right: 5px;
}

#selected-event span[class^=event-grade-] {
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    border-radius: 13px;
    font-size: 12px;
    color: white;
    padding-left: 8px;
    padding-top: 2px;
    font-weight: bold;
    /* margin-top: -12px; */
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}

#create-event input.radio_image[name="Grade"] + div {
    padding-top: 10px;
}

#confirm-preview {
    text-align: center;
}

#not-happy {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* MEDIA QUERIES*/

@media print {

    .no-print, .no-print * {
        display: none !important;
    }

    img {
        max-width: none !important;
    }

    #start-map {
        margin: 0;
        padding: 0;
        width: 1124px;
        height: 484px;
        display: block !important;
    }

}

@media (max-width: 1199px) {
    .icon-list-horizontal {
        font-size: 14px;
    }

    #events-list .icon-list-horizontal li {
        margin-right: 150px;        
    }

    #event-detail .icon-list-horizontal li {
        height: 40px;
        width: 40px;
    }

    input.radio_image:checked + div span.checkbox-tick {
        margin-left: -17px;
        margin-top: -10px;
    }
}

@media (max-width: 991px) {
   
    #selected-event-detail button {
        right: 5%;
    }

    .btn-book-event, .btn-unregister-event {
        display: block;
        margin-left: 0px;
        margin-top: 5px !important;
        margin-bottom: 5px;
        height: 50px;
        white-space: pre-wrap;
    }    

    #selected-event {
        display: none;
    }

    #events-map {
        width: 100% !important;
    }

    #event-detail h2 {
        font-size: 24px;
    }

    #event-detail .icon-list-horizontal {
        width: 50%;
    }

    #events-list .icon-list-horizontal li {
        margin-right: 120px;
    }

    .icon-list-horizontal li a {
        margin-left: 30px;
    }

    .icon-list-horizontal li {
        height: 30px;
        width: 30px;
        background-size: 19px 19px;
        background-position: 8px 5px;
    }

    .icon-list-horizontal li.walks {
        background-size: 26px 16px;
        background-position: 2px 6px;
    }

    .icon-list-horizontal li.socials {
        background-size: 15px 19px;
        background-position: 8px 6px;
    }

    .icon-list-horizontal li.trips-away {
        background-position: 6px 5px;
    }

    .icon-list-horizontal li.other {
        background-size: 17px 17px;
        background-position: 7px 6px;
    }

    input.radio_image:checked + div span.checkbox-tick {
        margin-left: -20px;
        margin-top: -11px;
    }
}

@media (max-width: 767px) {

    .btn-book-event, .btn-unregister-event {
        margin-bottom: 10px;
        height: 40px;
        padding: 10px 0;
    }

    #event-cal, #event-crit {
        height: auto;
    }

    #events-list .icon-list-horizontal li.everything {
        margin-right: 120px;
        /*width: 100%;*/
    }

    #events-list .icon-list-horizontal li.walks {
        margin-right: 80px;
    }

    #events-list .icon-list-horizontal li.socials {
        margin-right: 90px;
    }

    #events-list .icon-list-horizontal li.trips-away {
        margin-right: 110px;
    }

    #events-list .icon-list-horizontal li.other {
        margin-right: 70px !important;
    } 
    
    .icon-list-horizontal li a {
        margin-left: 22px;
        /*color: white;*/
    }

    #create-event input.radio_image[name="Grade"] + div {
        padding-top: 10px;
    }

    #create-event input.radio_image:checked + div span.checkbox-tick {
        margin-left: -17px;
        margin-top: -17px;
    }

    #create-event input.radio_image:checked[name="Grade"] + div span.checkbox-tick {
        margin-left: -25px;
        margin-top: -8px;
    }
    
}

@media (max-width: 699px) {

    /*.btn-book-event {
        height: 22px;
        padding: 0px 12px;
    }*/

    #event-detail h1 {
        font-size: 30px;
    }

    #event-detail h2 {
        font-size: 20px;
    }

    #event-detail .icon-list-horizontal {
        width: 70%;
    }

    .event-tf {
        background-size: 32px 25px;
        margin-right: 5px;
    }

    .event-email {
        background-size: 26px 18px;
    }

    h2 {
        font-size: 24px
    }

    #events-list .icon-list-horizontal {
        display: none;
    }

    .event-view-type {
        width: 275px;
    }

    .event-view-type li {
        margin-right: 100px;
    }

    .event-time span {
        font-size: 18px;
        margin-bottom: -3px
    }

    div[class^=event-grade-] {
        height: 35px;
        width: 35px;
        padding-top: 3px;
        font-size: 18px;
    }

    .event-grade-E {
        padding-left: 11px !important;
    }

    .event-grade-S {
        padding-left: 12px !important;
    }

    .event-grade-EA {
        padding-left: 6px !important;
    }

    .event-grade-M {
        padding-left: 10px !important;
    }

    .event-grade-L {
        padding-left: 12px !important;
    }

    .event-contact, .event-contact label {
        font-size: 16px !important;
    }
}

@media (max-width: 599px) {
    .event-time .event-date {
        font-size: 15px;
    }

    #create-event input.radio_image:checked + div span.checkbox-tick {
        margin-left: -21px;
        margin-top: -16px;
    }
    
}

@media (max-width: 499px) {

    .btn-book-event {        
        height: 30px;
        padding: 4px 24px;
    }

    #create-event input.radio_image + div .radio-info span {
        font-size: 12px;
    }

    #create-event input.radio_image[name="Grade"] + div {
        padding-top: 3px;
    }

    #create-event input#Other + div {
        background-size: 16px 16px;
        background-position: 8px 7px;
    }

    #create-event input#Trip_Away + div {
        background-size: 17px 18px;
        background-position: 7px 5px;
    }

    #create-event input#Social + div {
        background-size: 13px 17px;
        background-position: 9px 7px;
    }

    #create-event input#Walk + div {
        background-size: 24px 16px;
        background-position: 4px 7px;
    }

    #create-event input.radio_image + div {
        width: 30px;
        height: 30px;
    }

    #create-event input.radio_image + div .radio-info {
        margin-left: 21px;
        margin-top: 5px;
    }

    #create-event #promote-options label.checkbox-label {
        height: 30px;
        width: 30px;   
        padding-top: 4px;
        margin-right: 75px;
    }

    #create-event #promote-options label.checkbox-label i+span+span {
        margin-left: 15px;
    }

    #create-event #promote-options label.checkbox-label i {
        font-size: 1em;
    }

    #create-event #promote-options label[for=PromoteEmail] {
        margin-right: 60px;
    }

    #create-event #promote-options label[for=PromoteTwitter] {
        margin-right: 50px;
    }

    #event-detail .icon-list-horizontal li {
        height: 25px;
        width: 25px;        
    }

    #event-detail .icon-list-horizontal li i {
        font-size: 1em;
    }

    #event-detail .icon-list-horizontal li.facebook i {
        padding-left: 9px;
    }

    #event-detail .icon-list-horizontal li.twitter i,
    #event-detail .icon-list-horizontal li.print i {
        padding-left: 6px;
    }

    #event-detail h3 {
        font-size: 18px
    }

    #event-detail .brief-details {
        font-size: 14px;
    }

    #event-detail h1 {
        font-size: 22px;
    }

    #event-detail h2 {
        font-size: 14px;
    }

    #event-detail .icon-list-horizontal {
        width: 100%;
    }    

    .event-tf {
        background-size: 26px 20px;
        margin-right: 0px;
    }

    h2 {
        font-size: 20px;
    }
    
    .event-time span {
        font-size: 13px;
        margin-bottom: -5px;
    }

    div[class^=event-grade-] {
        height: 30px;
        width: 30px;
        padding-top: 3px;
        font-size: 16px;
    }

    .event-grade-E {
        padding-left: 8px !important;
        padding-top: 1px !important;
    }

    .event-grade-S {
        padding-left: 9px !important;
    }

    .event-grade-L {
        padding-left: 10px !important;
        padding-top: 1px !important;
    }

    .event-grade-EA {
        padding-left: 4px !important;
        padding-top: 1px !important;
    }

    .event-grade-M {
        padding-left: 6px !important;
        padding-top: 1px !important;
    }

    #event-detail .train-details {
        width: 80%;
    }

    .event-contact, .event-contact label {
        font-size: 13px !important;
    }

    .event-contact .event-email {
        background-size: 20px 14px;
        background-position: 7px 5px;
    }

    .event-head div[class^=event-grade-] {
        height: 25px;
        width: 25px;
        font-size: 14px;
    }

    .event-head .event-grade-L,
    .event-head .event-grade-S {
        padding-left: 8px !important;
    }

    .event-head .event-grade-EA {
        padding-left: 3px !important;
    }

    .event-time .event-date {
        font-size: 13px;
    }

    .event-time .event-distance {
        display: block;
        float: none !important;
        padding-left: 46px;
    }

    .event-time span.event-icon {
        float: left;
    }


    .event-time.event-T span.event-icon {
        background-size: 30px 32px;        
        width: 34px;
        height: 30px;
    }

    .event-time.event-W span.event-icon {
        background-size: 35px 26px;
        width: 35px;
        height: 28px;
        background-position: 0px 2px;
    }

    .event-time.event-S span.event-icon {
        background-size: 17px 26px;
        width: 28px;
        height: 30px;
        background-position: 2px 4px;
    }

    .event-time.event-O span.event-icon {
        background-size: 25px 26px;
        width: 32px;
        height: 28px;
        background-position: 0px 2px;
    }

    #create-event input.radio_image:checked + div span.checkbox-tick {
        margin-left: -17px;
        margin-top: -11px;
        font-size: 2em;
    }

    #walk-grades input.radio_image[value=EA]:checked + div span.checkbox-tick {
        margin-left: -28px !important;
    }

    #create-event input.radio_image:checked[name="Grade"] + div span.checkbox-tick {
        margin-left: -22px;
        margin-top: -3px;
    }
     
}