meta.foundation-data-attribute-namespace {
  font-family: false; }
/* Define mobile styles */
@media only screen {
	a { color: #f4942c; }
	label [type="checkbox"] { margin-right: 0.5rem; }
	table { width: 100%; }

	
	dialog { border-radius: 5px; padding-top: 3rem; border: 1px solid #000; box-shadow: 5px 5px 10px rgba(0, 0, 0, .3); width: 100%; }

	dialog.full { height: 100%; }

	.dark dialog { background: var(--background-color);}

	dialog .titlebar { position: absolute; top: 0; left: 0; width: 100%; padding: 5px 1rem; background: rgba(0, 0, 0, 0.7); height: 40px; }
	dialog .title { color: #ccc; line-height: 30px; }
	dialog .close-html-modal { position: absolute; top: 0; right: 0; color: #fff; margin-right: 1rem; margin-top: 0.3rem; }
	dialog[open] { opacity: 1; }
	dialog { opacity: 0; transition: opacity 0.5s ease-out, overlay 0.5s ease-out allow-discrete, display 0.5s ease-out allow-discrete; }
	dialog::backdrop { background-color: rgb(0 0 0 / 0%); transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete, background-color 0.3s; }
	dialog[open]::backdrop { background-color: rgb(0 0 0 / 50%); }
	dialog:not([data-id="0"]) span.new { display: none; }
	dialog[data-id="0"] span.edit { display: none; }

	@starting-style {
		dialog[open] { opacity: 0; }
		dialog[open]::backdrop { background-color: rgb(0 0 0 / 0%); }
	}
	
	.wl_loading_bgnd { position: fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background: rgba(255,255,255,0.5) url('/images/loading-large.gif') no-repeat center center; }
	
	form.login { border: 1px solid #ccc; border-radius: 8px; padding: 1rem; margin-top: 10%; }
	.header { margin-top: 1rem; position: relative; }
	.ui-helper-hidden-accessible { display: none; }
	/* .ui-widget-content { background: rgba(255,255,255,0.9); border: 1px solid #ccc; box-shadow: 5px 5px 8px rgba(0,0,0,0.2); padding: 1rem; list-style: none; } */
	/* .ui-widget-content li { max-width: 50%; overflow-x: hidden; } *//* <-- why? */
	.ui-menu-item.ui-state-focus { background: #f4942c; color: #fff;}
	.meta_data { list-style: none; }
	#container { padding-bottom: 3rem; }
	
	#external_redirect_elements, .meta_tags, .navigation { display: none; }
	#right_column { position: fixed; top:0; right: 0; display: none; overflow-y: auto; height: 100%; background: rgba(50,50,50,0.9); padding: 1rem; color: #fff; z-index: 1000; width: 40%; }
	#close_right_column:before { margin-bottom: 1rem; }
	#right_column h3, #right_column h4, #right_column h5, #right_column h6, #right_column label { color: #fff;}
	#wl_image_gallery img { max-width: 100px; }

	#footer { display: none; }

	.loading_blackout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1010; }
	.loading { margin: 30% auto 0 auto; border: 1px solid #fff; background-color: #333; width: 10rem; padding: 0.5rem; border-radius: 1rem; color: #fff; box-shadow: 5px 5px 8px rgba(0,0,0,0.3); z-index: 1020; }
	.element_loading_parent { position: relative; }
	.element_loading_wrapper { background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
	.element_loading_wrapper .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; }

	.active { background-color: #f4942c !important; color: #333!important; }

	button:not(.tiny):before, .button:not(.tiny):before { font-size: 1.4rem; margin-right: 0.5rem; }
	button.no_margin, .button.no_margin { margin-bottom: 0; }
	#pages_ctrl .alert-box { padding: 0.4rem 1rem; margin-bottom: 0.5rem; position: relative; }
	#pages_ctrl ul { margin-left: 0; }
	#pages_ctrl .fi-page-edit { position: absolute; right: 1rem; top: 0; }
	.fi-page-edit,.fi-page-add { font-size: 1.4rem; }
	
	.fi { font-family: "foundation-icons"; }
	
	.saved { float: right; color: #bfd730; line-height: 2rem; }
	.saved:before { content: "\f1ac"; color: #bfd730; font-size: 1.4rem; line-height: 2rem; font-family: "foundation-icons"; margin-right: 0.5rem; }
	
	.empty { color: #777; }
	.ui-sortable-helper { box-shadow: 5px 5px 8px rgba(0,0,0,0.2); }

	.tooltip input:last-of-type, .tooltip button:last-of-type { margin-bottom: 0;}
	
	.devices li { text-align: center; }
	.devices a:before { font-size: 2rem; margin-right: 0.5rem; }
	/* .wl_editor_iframe { width: 100%; height: 0; margin: 0 auto; border: none; } */
	.tmce_container { height: 100%; position: absolute; top: 20px; background: rgba(0,0,0,0.5); padding-top: 3rem; width: 100%; display: none; }
	.tmce_wrapper { width: 100%; height: 100%; position: absolute; overflow-y: scroll; }
/* 	.tmce_container.ui-resizable { overflow-y: hidden; } */
	.wl_editor_controls { position: absolute; top: 0; right: 1rem; text-align: right; }
	/* .wl_editor_fullscreen { display: none; } */
	.wl_editor_controls a:before { color: #fff; line-height: 3rem; font-size: 2.4rem; }
	/* .wl_editor_fullscreen .mce-menubar { position: fixed; max-height: 35px!important; min-height: auto!important; width: 100%; top:  2.8125rem; background: #f0f0f0; } */
	/* .wl_editor_fullscreen .mce-toolbar-grp { position: fixed; max-height: 35px!important; min-height: auto!important; width: 100%; top: calc( 2.8125rem + 35px); }
	.wl_editor_fullscreen .mce-edit-area { margin-top: 70px; }
	.wl_editor_fullscreen #tinymce_editor_ifr {  } */
	.tmce { background-color: #f7f7f7; }
	
    .tinymce_file_grid { height: 460px!important; overflow-y: scroll; }
	.tinymce_file_grid ul { display: flex!important; width: 100%!important; overflow-x:hidden; flex-wrap: wrap; background-color: #eee!important; min-height: 460px; margin-bottom: 0!important; }
    .tinymce_file_grid li { list-style: none; height: calc(128px + 1.2rem)!important; width: 25%!important; cursor: pointer!important; white-space: nowrap!important; padding: 1rem!important; position: relative!important; border-radius: 10px; }
	.tinymce_file_grid li img { max-width: 100%!important; max-height: calc(100% - 1.2rem)!important; display:block; margin: 0 auto!important; }
	.tinymce_file_grid .label { width: calc(100% - 2rem); text-align: center; text-overflow: ellipsis; height: 1.2rem; overflow:hidden; padding: 0 1rem; position:absolute; bottom: 1rem; }
	/* .tox-dropzone [name="fd-file"] { display: none; } */
	.tox.tox-tinymce.tox-tinymce-inline.tox-tinymce--toolbar-sticky-on { z-index: 5000;}
	.tox-dropzone.over { border-color:rgb(30, 114, 30)!important; }
	.tox .tox-form__group { min-width: calc(100% - 64px);}
	.upload_list { padding-inline-start: 0!important; }
	.upload_list li { list-style: none; border: 1px solid #ccc!important; border-radius: 5px; background: #eee!important; padding: 10px!important; margin-bottom: 10px!important; }
	.upload_list .preview { width: 128px; height: 128px; display: table-cell; vertical-align: middle; background: #fff!important; text-align: center; }
	.upload_list .preview img { max-width: 100%; max-height: 100%; }
	.upload_list .name { display: table-cell; vertical-align: middle; padding-left: 1rem; }
	.upload_list .progress { height: 10px; background:#02614D; }
	
	.write_edit2 .mce-tinymce, .write_edit2 .mce-container-body, .write_edit2 #code_ifr { min-height: 100% !important; }
	#quill-overlay, #quill-toolbar-container { background-color: #fff;}
	#quill-toolbar-container button { margin-bottom: 0;}
	#quill-overlay { height: auto!important; }
	.t2000 .mce-menu { position: fixed; }
	
	.datatable { width: 100%; }
	.ipmatch { background-color: #ff0; }
	
	.available_testimonials, .selected_testimonials { margin-left: 0; border: 1px solid #ccc; padding: 0.5rem; border-radius: 8px; }
	.available_testimonials li, .selected_testimonials li { border: 1px solid #ccc; list-style: none; margin-bottom: 0.25rem; border-radius: 8px; position: relative; background: rgba(250,250,250,0.8); }
	.available_testimonials blockquote, .selected_testimonials blockquote { color: #333; font-size: 0.8rem; margin-bottom: 0; padding: 0.5625rem 1.25rem 0 1.25rem; }
	.available_testimonials cite, .selected_testimonials cite { font-size: 0.8rem; padding: 0 1.25rem 0 1.1875rem }
	.selected_testimonials .testimonial_delete { position: absolute; top: 0; right: 10px; color: #aaa; font-weight: bold; font-size: 1.2rem; }
	
	.review_stars { font-size: 1.6rem; }
	.review_stars .unselected { color: #ccc; }
	.tools { float: right; text-align: right; }
	.tools a { margin: 0 0.3rem; }
	.hidden,.templates { display: none!important; }

	.buttons { text-align: center; }

	.dashboard_buttons { display: grid; margin-left: 0; grid-template-columns: repeat(6, 1fr); gap: 0.4rem; }
	.dashboard_buttons li { display: flex; list-style: none; flex-direction: column; position: relative; }
	.dashboard_buttons a { display: flex; width: 100%; background-color: #f4942c; color: #fff; text-align: center; justify-content: center; align-items: center; min-height: 100px; border-radius: 5px; transition: opacity 0.5s; }
	.dashboard_buttons i { position: absolute; top: 15%; }
	.dashboard_buttons i::before { font-size: 2rem;}
	.dashboard_buttons .db_label { margin-top: 2rem; }

	.dashboard_buttons li:hover a { opacity: 0.6; }

	.gbp { text-align: right; }
	.gbp:before { content: "\00A3"; }

	.inactive, .inactive td { color: #555; background-color: #aaa!important; }

	
	.sticky_parent { background: #bfd730; }
	.top-navigation, .top-bar {
		background: #bfd730;
	}
	.top-bar.expanded .title-area {
	}
	.top-bar-section {
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		
	}
	
	.top-bar.expanded .toggle-topbar a {
		
	}
	
	.top-bar .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #555, 0 7px 0 1px #555, 0 14px 0 1px #555; */
	}
	
	.top-bar.expanded .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; */
	}
	
	.top-bar-section ul li > a:before {
		font-size: 1.0rem;
		line-height: 2.8125rem;
	}
	
	.top-bar-section ul li > a {
	}
	
	/* nav a */
	.top-bar-section li:not(.has-form) a:not(.button) {
		background: #bfd730;
		color: #333;
	}
	
	/* nav a hover */
	.top-bar-section li:not(.has-form) a:not(.button):hover {
	}
	
	/* nav a active */
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		
	}
	
	/* nav a active hover */
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		
	}
	
	/* nav a with dropdown triangle */
	.top-bar-section .has-dropdown > a:after {
		/* border-color: rgba(80,80,80,0.5) transparent transparent transparent; */
	}
	
	.top-bar-section .has-dropdown > a:after {
		
	}
	
	.top-bar-section .has-dropdown > a:hover:after {
	}
	
	.top-bar-section ul li {
	}
	
	.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
		
	}
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	.tmce_container { height: 400px; position: fixed; bottom: 30px; top: auto; background: rgba(0,0,0,0.5); padding-top: 1.4rem; width: 100%; display: none; z-index: 1000; }
	.tmce_container a:before { color: #fff; line-height: 1.4rem; font-size: 1.2rem; }
	.tmce_container.wl_editor_fullscreen { height: calc(100vh - 2.8125rem); display: inline; }
	.wl_editor_fullscreen { display: inline; }
	
	.wl_editor_fullscreen .wl_editor_fullscreen { display: none; }
	#footer { position: fixed; bottom: 0; width: 100%; background: #f4942c; padding-top: 0.5rem; display: block; }
	#footer ul { margin-bottom: 0.5rem; font-size: 0.8rem; }

	
	dialog.full { width: 100%; height: 100%; }
	dialog.large { max-width: 62.5rem; width: 70%; }
	dialog.medium { max-width: 62.5rem; width: 60%; }
	dialog.small { max-width: 62.5rem; width: 40%; }
	dialog.tiny { max-width: 62.5rem; width: 30%; }
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
	
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
}

@media only print {
	.template { display: none; }
}