/* This is included on all Index Responsive PowerSites */

/* Administrator Preview Bar */
#admin-preview-bar {
	position: relative;
	margin: 0 auto;
	background-color: #FFFF00;
	color: #000;
	padding: 5px;
	font-weight: bold;
	text-align: center;
    font-family: Arial;
}

#admin-preview-bar a {
	font-family: Arial;
	color: #337ab7;
	text-decoration: none;
}

.page-content-container img {
    max-width: 100%;
    height: auto;
}

.control-label > .form-required-star{
    color: red;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 0;
}
.control-label > .form-required-star:after{
	content: '*';
}
@media(max-width:768px){
	.control-label > .form-required-star {
		margin-right: 0;
		float:none;
		margin-left:15px;
	    position: relative;
	    top: 0;
	}
}
input.form-control[type='date'], input.form-control[type='time'],input.form-control[type='datetime-local'] {
	max-width: 200px;
	display:inline-block
}
input.form-control[type='datetime-local']:not(.hasDatepicker){
	max-width: 230px;
	display:inline-block
}
form.form-horizontal .form-group.has-feedback .input-group.password-group + .form-control-feedback {
    right: 55px;
}
.form-horizontal .has-feedback input.hasDatepicker + img + script + .form-control-feedback {
    right: auto;
    left: 150px;
}

#ui-datepicker-div {
    z-index: 10 !important;
}
body.modal-open #ui-datepicker-div {
    z-index: 1051 !important;
}
.form-control.hasDatepicker{
	padding: 0 12px;
}

.form-horizontal .has-feedback .form-control[type=date] + script + .form-control-feedback, .form-horizontal .has-feedback .form-control[type=datetime-local] + script + .form-control-feedback , .form-horizontal .has-feedback .form-control[type=time] + script + .form-control-feedback {
    position: relative;
    display: inline-block;
    right: 40px;
}
.has-feedback input.form-control[type=date]:not(.hasDatepicker), .has-feedback input.form-control[type=time]:not(.ui-timepicker-input) {
    max-width: 190px;
}
.has-feedback input.form-control[type=datetime-local]:not(.hasDatepicker) {
    max-width: 250px;
}
.form-horizontal .has-feedback .form-control.hasDatepicker + .form-control.ui-timepicker-input + .ui-datepicker-trigger + script + .form-control-feedback {
    display: inline-block;
    position: relative;
    right: 70px;
}

.form-horizontal span.form-control-static {
    display: block;
}
.-lucee-dump{
	overflow:scroll;
}
span.emphasise {
    font-weight: 700;
}

.mysite-nav.nav.nav-tabs {
	padding-left: 15px;
}

.cfdebug *{
	color: black;
}

.manage_errors_container *{
	color : black;
}
.btn.btn-default.pd-password-eye {
    padding: 10px;
    margin-top: 0;
    font-size: 10px;
}
button i.material-icons, a i.material-icons {
    vertical-align: middle;
}
.btn.disabled[data-toggle=tooltip] {
    pointer-events: visible;
}
body .panel-heading > .btn-link{
	color:inherit;
	text-transform: none;
}

.btn.btn-plain{
    text-transform:none;
}

.btn-membership {
    margin: 5px;
}
/* Photo Content Block widget */
.module.content_blocks .des-photostrip {
	overflow-x: scroll;
	white-space: nowrap;
	-ms-overflow-style: none;
	font-size:0;
	text-align:center;
}
.module.content_blocks .des-photostrip .photo-cell {
    margin: 0;
    padding: 0;
    overflow: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.module.content_blocks .des-photostrip::-webkit-scrollbar {
	display:none;
}
.module.content_blocks .des-photostrip .photo_title{
	font-size: 1rem;
	white-space: normal;
	word-break: break-word;
	width:100%;
}
.module.content_blocks .des-photostrip .photo_title.hover_title{
    display:none;
	position:absolute;
	top: 0;
	left: 0;
	margin: auto;
	padding: 10% 20px 20px;
	background: rgba(0,0,0,0.7);
	transition: background 1s ease-in;
	height:100%;
}
.module.content_blocks .des-photostrip .photo-cell.hover_image:hover .hover_title{
    display:block;
}
.module.content_blocks .des-photostrip .photo-image {
	object-fit: cover;
	height:100%;
	width:100%;
}
@media(max-width:768px){
	.module.content_blocks .des-photostrip{
		overflow-x:visible;
		white-space: normal;
	}
	.module.content_blocks .des-photostrip .photo-cell {
		max-width: 100%;
		/* the heigh:auto will force images in mobiles to be correct width instead (ie original image ratio) instead of filling the x*y block */
		/*height: auto !important;*/
	}
}

.panel-title > a > span{
	color: inherit;
}

.cat-addtocart .dropdown-menu, .cat-line-item .dropdown-menu {
	max-height: 150px;
	overflow-y: scroll;
	min-width: 60px;
    top : -75px;
}
.cat-qty-incdec .cat-qty-inp {
    width: 50px !important;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    margin: 0;
}

.cat-qty-incdec > .btn {
    display: inline-block;
    margin: 0;
	font-size: 1rem !important;
}

.cat-qty-incdec {
    font-size: 0;
    position: relative;
    float: right;
}

.cat-qty-incdec > * {
    float: left;
}
.cat-qty-incdec > button.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.cat-qty-incdec > button.btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.cat-qty-incdec > .cat-qty-inp{
    border-radius:0;
    height: 36px;
}

.right-align{
	text-align:right;
}
.mj-app-download{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.fm-upload-btn .fm-img-preview img {
	max-height: 200px;
}
.panel-plain {
    border: 1px solid rgba(0,0,0,0.2);
}
select.cat-qty-select {
	width: auto !important;
	display: inline;
	min-width: 45px;
}
.des-fixed-top {
    position: fixed;
    z-index: 99;
	top: 0;
	width: 100%;
}
.des-fixed-top + * {
    margin-top: 202px;
}

@media(min-width:992px) {
	img.img.img-responsive.videoupload-thumb {
		width: 100%;
		position: absolute;
		top: -100%;
		bottom: -100%;
		left: -100%;
		right: -100%;
		margin: auto;
		min-width: 100%;
		min-height: 100%;
	}

	.videoupload-thumb-img {
		height: 150px;
		padding: 0;
		margin-top:10px;
		position: relative;
		overflow: hidden;
	}

	.videoupload-date {
		position: absolute;
		bottom: 20px;
		right: 20px;
	}

	.videoupload-featured .videoupload-date {
		bottom: 0px;
		right: 5px;
	}

	.videoupload-description {
		font-size: 16px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
		margin-top: 10px;
	}

}

img.img.img-responsive.videoupload-thumb {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.videoupload-date, .videoupload-indiv-date {
	font-size: 14px;
	color: #aaa;
}

.videoupload-title-cols-2 {
	font-size: 16px;
}

.videoupload-title-cols-3 {
	font-size: 18px;
}

.videoupload-item .thumbnail .caption {
	min-height: 145px;
	background-color: transparent;
}

.videoupload-item .thumbnail  {
	background-color: #fafafa;
}

.videoupload-description, .videoupload-indiv-description {
	font-size: 16px;
	margin-top: 10px;
}

.videoupload_container  video#centre_player {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display:block;
}

img.img.img-responsive.videoupload-default-thumb {
	height: 100%;
	width: auto;
	max-width: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: auto;
	min-width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.thumbnail.videoupload-featured {
	border: 2px solid #aaa;
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
	filter: drop-shadow(2px 2px 4px #aaa);
	-webkit-filter: drop-shadow(2px 2px 4px #aaa);
}

/* Fix spacing at bottom of mobile menu */
@media only screen and (max-width: 480px) {
	.nav.navbar-nav {
		margin-top: 60px !important;
		margin-right: 10px !important;
		margin-bottom: 300px !important;
	}
}

.pac-container .pac-item * {
    color: initial;
}

/* Events Sidebar Widget */
.ev-sidebar-container {
    padding: 10px;
}

.ev-sidebar-event {
    padding: 5px;
}

.ev-sidebar-container > h2 {
    margin-top: 5px;
}

.ev-sidebar-date {
    font-size: 2em;
    font-weight: bold;
}

.ev-sidebar-title {
    font-weight: bold;
}

.ev-sidebar-title, .ev-sidebar-month {
    font-size: 1.1em;
}

.ev-sidebar-desc {
    padding-top: 15px;
    padding-bottom: 5px;
}


.form-horizontal.em-campaign-signup .control-label {
	text-align: left;
}
.form-horizontal.em-campaign-signup .control-label > .form-required-star {
    position: relative;
    top: unset;
    right: unset;
}
.col-xs-auto {
    display: inline-block;
    padding: 15px 5px;
	width: auto;
	position: relative;
}
.form-inline.em-campaign-signup{
	text-align:center;
}
.em-campaign-signup legend {
    padding-top: 15px;
    position: relative;
}

.left-align, .align-left {
	text-align: left !important;
}

.right-align, .align-right {
	text-align: right !important;
}

.centre-align, .align-center, .align-centre {
	text-align: center !important;
}

a.disabled{
	pointer-events:none;
	opacity: 0.5;
	cursor : not-allowed;
}


.form-horizontal .form-group > .col-xs-12.control-label:not(.col-md-9) {
	text-align: left;
}
@media (min-width: 768px){
    .form-horizontal .form-group > .col-lg-12.control-label {
        text-align: left;
    }
}
.col-md-4 .form-horizontal .col-lg-2 {
	width: 100%;
	text-align: left;
}
.col-md-4 .form-horizontal .col-lg-2 .form-required-star{
	position: relative;top: auto;
}
.des-loginbox .forgotten-links {
	position: relative !important;
	top: unset !important;
	left: unset;
}
.panel-group a[data-toggle=collapse] > .panel-heading > .panel-title > .glyphicon-chevron-down,
.list-group a[data-toggle=collapse] > .list-group-heading .glyphicon-chevron-down,
.list-group .list-group-item-heading > .panel-title > a[data-toggle=collapse] > span > .glyphicon-chevron-down{
	transition: transform 0.2s ease-in-out;
}
.panel-group > .panel > a[data-toggle=collapse]:hover, .panel-group > .panel > a[data-toggle=collapse]:focus{
	text-decoration:none;
}
.panel-group a[data-toggle=collapse][aria-expanded=true] > .panel-heading > .panel-title > .glyphicon-chevron-down,
.list-group a[data-toggle=collapse][aria-expanded=true] > .list-group-heading .glyphicon-chevron-down,
.list-group .list-group-item-heading > .panel-title > a[data-toggle=collapse][aria-expanded=true] > span > .glyphicon-chevron-down{
	transform: rotate(180deg);
}
.mb-level-details-scrollbox > .panel{
	width:250px;
	margin:15px 0;
	display:inline-block;
	vertical-align: top;
}

.wf-mb-product-selector{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-evenly;
	align-items: flex-start;
	overflow-x: scroll;
}
.wf-mb-product-selector > .panel {
	min-width: 250px;
	max-width: 500px;
	margin: 5px;
	flex-basis: 0;
	flex-grow: 1;
}
.mb-product-dur, .mb-product-currency {
    font-style: italic;
}
.mb-level-product > .name {
    display: flex;
    align-content: center;
    justify-content: space-around;
}
.powersite_scrollbox_outer.powersite_scrollbox_horizontal{
	position:relative;
}

.powersite_scrollbox_outer.powersite_scrollbox_horizontal .powersite_scrollbox_inner{
	overflow-x:scroll;
	overflow-y: hidden;
	padding-left: 0px;
	padding-right: 0px;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 5px;
	padding-top: 5px;
	white-space:nowrap;
}
.powersite_scrollbox_outer.powersite_scrollbox_horizontal .powersite_scrollbox_inner > *{
	white-space:normal;
	word-break: break-word;
}
.powersite_scrollbox_outer.powersite_scrollbox_horizontal ::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
.powersite_scrollbox_outer.powersite_scrollbox_horizontal .scrollbox-shadow{
	display: block;
	width: 40px;
	z-index: 10;
	position: absolute;
	opacity: 0;
	top : 0;
}
.powersite_scrollbox_outer.powersite_scrollbox_horizontal .scrollbox-shadow.shadow-top{
	 background: radial-gradient(ellipse at -100% 50%, rgba(29, 59, 29, 0.5) 0%,transparent 70%);
	 left : 0;
 }
.powersite_scrollbox_outer.powersite_scrollbox_horizontal .scrollbox-shadow.shadow-bottom{
	 background: radial-gradient(ellipse at +100% 50%, rgba(29, 59, 29, 0.5) 0%,transparent 70%);
	 right : 0;
 }
.powersite_scrollbox_outer.powersite_scrollbox_horizontal .powersite_scrollbox_inner > :nth-last-child(1) {
	 margin-right: 15px;
 }
.powersite_scrollbox_horizontal .scrollbox-shadow .glyphicon{
	position: absolute;
	top: 40%;
	color: white;
	font-weight: bold;
	font-size: 40px;
	cursor:pointer;
}

.ln-currency-symbol {
    font-family: inherit;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 15px !important;
    font-size: large;
}
.utility-mb-admin-options{
	display:inline;
}
.utility-mb-admin-options .dropdown-menu{
	list-style-type: none;
	padding: 5px;
}
.utility-mb-admin-options .dropdown-menu li{
	margin-top: 5px;
	margin-bottom: 5px;
}
.utility-mb-admin-options .dropdown-menu a{
	text-align:left;
	padding:3px 10px;
}
.container.site-utility-container {
	z-index: 100;
}
.ms-login-opt-selector{
	text-transform:none;
}
#passcode-input, #mysite-login-form #passcode-input, #wf-signup-form #passcode-input {
	padding: 40px 10px;
	text-align: center;
	margin: 30px auto;
	font-size: xxx-large;
	letter-spacing: 15px;
	font-family: monospace;
	width:100%;
	max-width:500px;
}
.iti__hide {
	display: none;
}
.modal-dialog {
	max-width: calc(100vw - 20px);
}

/* Site search*/
li.search-result-item {
	padding-bottom: 15px;
}
a.search-result-url-display {
	font-style: italic;
}

.powersite_scrollbox_outer.powersite_scrollbox_horizontal .powersite_scrollbox_inner > :nth-last-child(1) {
	 margin-right: 15px;
 }
.powersite_scrollbox_horizontal .scrollbox-shadow .glyphicon{
	position: absolute;
	top: 40%;
	color: white;
	font-weight: bold;
	font-size: 40px;
	cursor:pointer;
}

.ln-currency-symbol {
    font-family: inherit;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 15px !important;
    font-size: large;
}
.utility-mb-admin-options{
	display:inline;
}
.utility-mb-admin-options .dropdown-menu{
	list-style-type: none;
	padding: 5px;
}
.utility-mb-admin-options .dropdown-menu li{
	margin-top: 5px;
	margin-bottom: 5px;
}
.utility-mb-admin-options .dropdown-menu a{
	text-align:left;
	padding:3px 10px;
}
.container.site-utility-container {
	z-index: 100;
}
.ms-login-opt-selector{
	text-transform:none;
}
#pt-add-verification-modal #passcode-input, #mysite-login-form #passcode-input, #wf-signup-form #passcode-input {
	padding: 40px 10px;
	text-align: center;
	margin: 30px auto;
	font-size: xxx-large;
	letter-spacing: 15px;
	font-family: monospace;
	width:100%;
	max-width:500px;
}
.iti__hide {
	display: none;
}
.modal-dialog {
	max-width: calc(100vw - 20px);
}
.label > .glyphicon {
	top: 3px;
}
.label>.material-icons, .label>md-icon {
	top: 5px;
	position: relative;
}
.label > * {
	color: inherit;
}
.label.member-tag{
	margin: 0px 20px 0px 0px;
	font-size: 12px;
	position: relative;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 4px 5px;
}
.label.member-tag:after {
	content: ""; /* This is necessary for the :after element to work */
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-top: 11px solid transparent; /* These create the triangle */
	border-bottom: 11px solid transparent;
	border-left: 12px solid #5cb85c; /* Change color as per requirement */
	right: -12px; /* Position the triangle */
}
@media(max-width:992px) {
	.my-details-table > tbody > tr > th {
		display: inline-block;
		width: 100%;
	}

	.my-details-table > tbody > tr > td {
		display: inline-block;
		width: 50%;
	}

	.my-details-table > tbody > tr > td.verify-td, .my-details-table > tbody > tr > td.edit-td:not(:last-child) {
		width: 25%;
	}


	.my-details-table td.edit-td, .my-details-table .verify-td {
		text-align: right;
		padding-left: 5px;
		padding-right: 25px;
	}
	.list-group-item .clearfix .btn {
		font-size: 0.9rem;
	}
}
.event-type-name{
	padding: 2px 10px 3px 10px;
	border-radius: 5px;
}
h4.ticket-type, h4.ticket-type + small, #subtotals-area .subtotal-label, .ticket-subtotal-label, .product-subtotal-label, .ticket-line-item > td:first-child, .product-line-item > td:first-child {
	overflow-wrap: anywhere;
}

.embed-map > iframe {
	max-width: 100%;
}
small.alert {
	display: block;
}
.set-preferred-method > i, .set-preferred-method.is_preferred:hover > i{
	opacity:0.5;
}
.set-preferred-method.is_preferred > i {
	opacity:1;
	color: rgb(223,225,0);
	text-shadow: 0 0 black;
}