.awardsWebcast #publicWrapper {
    background: #000;
    color: #fff;
    background-image: url(/cisiweb2/image/awardswebcastbg6.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
}
.awardsWebcast .covidAlert {
    display: none !important;
}
.awardsWebcast .mainWrapper h1,
.awardsWebcast .mainWrapper h2,
.awardsWebcast .description {
    color: #ffffff !important;
    text-shadow: 0px 0px 20px #000000;
}
.awardsWebcast .detailBlock > h2 {
    color:#6d6d6d !important;
    text-shadow: none;
}
.inPersonButton {
    width: 100%;
    margin-top: 6px;
}
.safety {
    background:#19dca6;
    padding: 1px 40px 20px 30px;
    color: #fff;
}
.safety h2 {
    color:#fff;
}
img.distance {
    margin-top: 30px;
}

/* AFPF custom CSS */
.afpf20 .relatedEvents,
.afpf20 .introWrapper {
    display: none !important;
}
.afpf20 {
    background:#000 !important;
}
.afpf20 h1,
.afpf20 .description h2,
.afpf20 p,
.afpf20 .description {
    color: #fff !important;
}
.afpf20 .btn-primary {
    color: #ffffff;
    background-color: #f0bc2f;
    border-color: #f0bc2f;
    margin-top: 30px;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.afpf20 .btn-primary:hover {
    color: #ffffff;
    background-color: #d39b00;
    border-color: #d39b00;
    margin-top: 30px;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}


/* Bodge until we can remove the rich text fields from bitmark */
#eventShopDetail h1 br {
    display: none;
}
.breadcrumbWrapper {
	display: none;
}
.introText {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.introWrapper {
	background-position: center center;
	min-height: 300px;
	margin-bottom: 0px;
}
.relatedEvents {
	margin-top:80px;
}


#detailWrapper {
    padding: 10px 0px 0px 0px;
    position: relative;
    top: 0px;
    width: 100%;
	z-index: 1;
	pointer-events: none;
}
.detailBlock {
    padding: 15px 15px 40px 15px;
	pointer-events: auto;
	background:#f3f3f3;
	margin-top:20px;
}
.detailBlock > h2 {
    margin-top: 0;
}
.detailBlock p {
	line-height: normal;
}

.addToBasket.btn.btn-primary {
    background: #5ec017 none repeat scroll 0 0;
	border:1px solid #5ec017;
    margin-bottom: 0px;
    margin-top: 20px;
	width: 100%;
}
.addToBasket.btn.btn-primary:hover {
	background:#58b216;
	border:1px solid #5ec017;
}
.detailBlock .btn.btn-default {
    background: #fff none repeat scroll 0 0;
    width: 100%;
	white-space: pre-wrap;
	margin-top: 6px
}
.detailBlock .btn.btn-default:hover {
	
}
.date, 
.time, 
.venue, 
.price, 
.cpdhours {
    color: #888;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
	background-position: left 1px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 30px;
	font-family: 'open sans';
}
.addthis_inline_share_toolbox {
    color: #888;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
	background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 25px;
	font-family: 'open sans';
}
.date {
    background-image: url("/cisiweb2/image/shop/date2.png");
}
.time {
    background-image: url("/cisiweb2/image/shop/time2.png");
}
.venue {
    background-image: url("/cisiweb2/image/shop/location2.png");
}
.price {
    background-image: url("/cisiweb2/image/shop/price2.png");
}
.cpdhours {
    background-image: url("/cisiweb2/image/shop/cpd.png");
}
.addthis_inline_share_toolbox {
	background-image: url("/cisiweb2/image/shop/share.png");
}
.description,
.description span
.description p
.description div {
    color: #444444 !important;
    font-size: 16px !important;
	/* Fix for bootstrap offset margins covering links */
	/*z-index: 2;*/
	position: relative;
}
.lowSeats {
    background: #ca581a none repeat scroll 0 0;
    border-radius: 200px;
    color: #fff;
    float: right;
    font-size: 8px;
    font-weight: bold;
	font-family: arial;
    height: 50px;
    line-height: normal;
    padding: 9px 0;
    text-align: center;
    width: 50px;
	margin-left:20px;
	margin-bottom:10px;
}
.fullyBooked {
    background: #9d0404 none repeat scroll 0 0;
    border-radius: 200px;
    color: #fff;
    float: right;
    font-size: 8px;
	font-family: arial;
    font-weight: bold;
    height: 50px;
    line-height: normal;
    padding: 10px 0;
    text-align: center;
    width: 50px;
	margin-left:10px;
	margin-bottom:10px;
}
/*  Fix for links behind offset columns */
.relatedDocuments {
    z-index: 2; /* Fix for bootstrap offset margins covering links */
}
.cisitvflag {
	display: none;
}
.detailBlock .btn.btn-default.oneClickBuyButton {
    background: #009EC7 none repeat scroll 0 0;
    border: 1px solid #009EC7;
    color: #fff;
	margin-top:10px;
}
.detailBlock .btn.btn-default.oneClickBuyButtonMessage {
    background: #009EC7 none repeat scroll 0 0;
    border: 1px solid #009EC7;
    color: #fff;
	margin-top:10px;
}
.detailBlock .btn.btn-default.oneClickBuyButton:hover {
	background:#008FB4;
	border: 1px solid #008FB4;
	color:#ffffff;
}
.detailBlock .btn.btn-default.oneClickBuyButtonMessage:hover {
	background:#008FB4;
	border: 1px solid #008FB4;
	color:#ffffff;
}
.oneClickMessage {
	font-size: 14px;
	margin: 10px 0px;
}
ul.listTick {
  list-style: none;
}

ul.listTick li:before {
  content: '✓';
	margin-right:6px;
}



.eventWrapper > .row {
    background: #fcfcfc none repeat scroll 0 0;
    margin-bottom: 20px;
    display:flex;
        align-items: center;
}
  .relatedDateBlock {
        background: #efefef;
        padding: 7px 7px 8px;
        text-align: center;
	    width:auto;
	  min-width:80px;
	    /*margin-left:-1px; /* Bodge to fix bug showing on iphone */
    }
.relatedDateBlock > div {
	width:99%;	
}
 .relatedDay,
	.relatedMonth {
		line-height: inherit;
		color: #888;
		font-size: 10px;
		font-weight: 500;
	}
	.relatedDate {
		color: #666;
		font-size: 24px;
        display:block;
	}
.relatedTitle > h3 {
    margin-top: 0;
    line-height:22px;

}
      .relatedTitle > h3 > a {
	    font-weight: 400;
        font-size:14px;
    }
    .relatedDetailBlock {
		padding: 5px 5px 5px 10px;
        min-width:auto;
	}
    /* Vulnerable Circumstances */
    .vulnerableCustomersBody{
        background:black;
    }
    .vulnerableCustomers{
        background: url("/cisiweb2/image/vulnerable.png") no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: bottom;
    }

    .vulnerableCustomer #eventShopDetail > div.row > div{
        width: 60% !important;
    }
    .vulnerableCustomers h1,.vulnerableCustomers h2{
        color:#c34b4c !important;
    }
    .vulnerableCustomers p,.vulnerableCustomers .speakers{
        color: white !important;
    }
    .vulnerableCustomers .detailBlock h2{
        color:white !important;
        font-weight: 500;
    }
    .vulnerableCustomers .date, 
	.vulnerableCustomers .time, 
	.vulnerableCustomers .venue, 
	.vulnerableCustomers .price, 
	.vulnerableCustomers .cpdhours{
        color: white !important;
    }
    .vulnerableCustomers .detailBlock{
        background: #1b1b1b99 none repeat scroll 0 0 !important;
    }
    
    .vulnerableCustomersBody #eventShopDetail > div.row > div {
        width: 60% !important;
    }
@media (min-width: 700px) {
    .relatedDay,
	.relatedMonth {
		line-height: inherit;
		color: #888;
		font-size: 12px;
		font-weight: 400;
	}
	.relatedDate {
		color: #666;
		font-size: 34px;
        display:block;
	}
    .relatedDateBlock {
        background: #efefef;
        padding: 10px 15px 15px;
        text-align: center;
	    width:auto;
        min-width:100px;
	    /*margin-left:-1px; /* Bodge to fix bug showing on iphone */
    }
    .relatedDetailBlock {
		padding: 10px 10px 10px 20px;
        min-width:auto;
	}
       .relatedTitle > h3 > a {
	    font-weight: 400;
        font-size:14px;
    }
       .eventWrapper > .row {
        background: #fcfcfc none repeat scroll 0 0;
        margin-bottom: 20px;
        margin-right:10px !important;
        display:flex;
            align-items: center;
    }
}


@media (min-width: 992px) {
	.fullyBooked,
	.lowSeats {
		font-size: 12px;
		height: 90px;
		padding: 22px 0;
		width: 90px;
		margin-left:20px;
	}
	.date, 
	.time, 
	.venue, 
	.price, 
	.cpdhours {
		color: #888;
		font-size: 14px;
		font-weight: 400;
		margin-bottom: 20px;
		background-position: left 1px;
		background-repeat: no-repeat;
		background-size: 20px auto;
		padding-left: 30px;
	}
    .relatedTitle > h3 > a {
	    font-weight: 400;
        font-size:18px;
    }
	.vulnerableCustomersBody #eventShopDetail > div.row > div {
        width: 75% !important;
    }
	
}

@media (min-width: 1200px) {

	#detailWrapper {
		position: fixed;
		top: 160px;
		width: inherit;
		padding: 0px;
	}
	.detailBlock {
		box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.35);
		background: #f3f3f3 none repeat scroll 0 0;
		padding: 30px;
		margin-top:20px;
	}
	.introWrapper {
		margin-bottom:30px;
		min-height: 400px;
	}
	.vulnerableCustomersBody #eventShopDetail > div.row > div {
        width: 60% !important;
    }
}

@media (min-width: 1600px) {
	.introWrapper {
		margin-bottom:30px;
		min-height: 500px;
	}
	

    
}
@media (max-width: 768px) {
    .vulnerableCustomersBody #eventShopDetail > div.row > div {
        width: 100% !important;
    }
    .vulnerableCustomer{
        background: black !important;
    }
    
}