@charset "UTF-8";
/** WES core stylesheets 4.3.0 2026-06-21
 * 	AIP Solutions Ltd'2024-2026,  https://aip.solutions
 */
@font-face {font-family:'Montserrat-Regular';font-weight:normal;font-display:swap;src:url("../fonts/Montserrat-Regular.ttf") format("ttf");}
@font-face {font-family:'Montserrat-Bold';font-weight:bold;src:url("../fonts/Montserrat-Bold.ttf") format("ttf");}
@font-face {font-family:'Montserrat-Thin';font-weight:light;font-display:block;src:url("../fonts/Montserrat-Thin.ttf") format("ttf");}
/** theme configuration */
/* color scheme */
:root {
	/* default theme */
	/* surface */
	--surface-page: 		#ffffff;
	--surface-subtle: 		#F7F7F8;
	--surface-tint-warm: 	#FFF6E8;
	--surface-tint-accent:  #F1EDF7;
	--surface-dark:			#7663AB;
	/* brand */
	--brand-purple-surface: #7663AB;
	--brand-accent:			#7663AB;
	--brand-primary-hover:	#E08E15;
	--brand-primary:		#FAA220;
	--brand-accent-light:	#B3A7D1;
	/* text */
	--text-primary: 		#212529;
	--text-secondary:		#636363;
	--text-muted:			#A4A4A4;
	--text-on-primary:		#FFFFFF;
	/* other */
	--border-default:		#EBEBEB;
	--status-rating:		#FFC107;
	--status-sale:			#E23744;
	--issues:				#F0F0F4;
	--sidebar-width: 88px;
 }
/** page components */
/* main template */

html		{overflow:auto;}
body 		{display:block;height:100%;min-width:360px;margin:0;padding:0;font-size:16px;font-family:'Montserrat-Regular',sans-serif;color:var(--soft-black);background:var(--surface-subtle);
	&.public	{background:var(--light-background);}
	&.popup		{background:var(--soft-white);}
	> header	{position:fixed;left:0;top:0;width:88px;height:88px;overflow:hidden;border-radius:0 0 8px 0;transition:width .4s;z-index:50;flex-direction: column;
		a			{display:flex;align-items:center;box-sizing:border-box;width:100%;height:56px;font-size:0;font-weight:500;border-radius:10px; transition:all .4s;margin-bottom:6px;
			&::before	{width:56px;height:56px;line-height:56px;text-align:center;font-size:22px;font-family:'FontAwesome';color:var(--light-background);transition:all .4s;}
			&.logo		{width:100%;overflow:hidden;padding:13px 20px;height:auto;
				&::before {content:"";display:none;background:url('../img/logo-zin-small.png')center no-repeat;background-size:75%;}
				&:hover		{background:none;}
				> img		{/*max-height:32px;*/width:0;height: auto;}
			}
			&.button 		{position:absolute;right:0;top:0;
				&:hover{background: none;}
				&::before {content:'';background: url('../img/icon/ic_menu.svg') center no-repeat;height:50px;}
			}
		}
		
		> nav		{display:none;flex-direction:column;flex:1;
			&::before	{content:"";display:block;height:1px;background:var(--border-default);opacity: 0.22px;}
			> a			{display:none;}
			span.overline {width:0;overflow: hidden;display: flex;align-items: center;margin:6px 0px;padding: 13px 20px;color: var(--text-on-primary);font-size:0px;white-space: nowrap;}
			> nav		{padding: 0px 20px;
				&::before {content:attr(title);font-size: 12px;display: none;margin-bottom:12px;color:var(--text-on-primary);opacity: 0.6;padding-left:22px;}
				&.control::before	{margin-top:0;}
				&.setup		{margin-top:auto;border-top:1px solid var(--border-default);opacity: 0.22px;display: none;gap:15px;align-items: center;padding:16px 20px;
						& div.img {background: rgba(255, 255, 255, 0.18);opacity: 0.25px;border-radius: 50px;width: 38px;height: 38px;min-width: 38px;}
						& a {display: flex;flex-flow: row wrap;padding: 0px 0px;font-size: 13px;height: unset;line-height: normal;
							&  sub {font-size: 11px;display:block;width:100%;}
							&::before, &::after {display: none;}
						}
						
					
				
				}
			}
		}
		> menu		{display:none;}
		&.active 	{width:280px;height:100%;box-sizing:border-box;border-radius:0;background:var(--brand-purple-surface);
			a 			{font-size:14px;display:flex;color:var(--text-on-primary);padding:13px 20px; height: 48px;border-radius:6px;
				&:before {width:22px;height:22px;margin-right:14px; line-height:22px;}
				&.logo	{width:100%;background: none;height:auto;
					&::before {display: none;}
					> img {width:119px;height:auto;}
				}
				&.button {
					&::before {background: url('../img/icon/ic_close.svg') center no-repeat;height:50px;background-size: 100%;right: 0px;position: absolute;top: 16px;}
				}

			}
			> nav 		{display:flex;width:100%;
				span {width:100%;overflow: visible;font-size: 12px;}
				> a		{display:none;}
				> nav {
					&::before {display: flex;}
					&.setup {display: flex;}
				}
			}
			
		}
	}
	& div.img {overflow: hidden;position:relative;
		& img {position:absolute;top:0;left:0;}
	}
	& img {width: 100%;height: 100%;object-fit: cover;}
	> footer	{position:fixed;bottom:0px;height:68px;font-size:0;z-index:-1;padding: 12px 16px;background: var(--surface-page);border: 1px solid var(--border-default);z-index: 40;min-height: unset;}
}

main, form	{display:flex;flex-direction:column;box-sizing:border-box;width:100%;
	/* &.offline	{opacity:0.5;
		&::before	{position:absolute;content:"The System is offline!";width:100%;margin-top:12%;text-align:center;color:var(--state-error);font-weight:bold;z-index:100;}
	} */
	> header	{position:sticky;top:0;padding:12px 16px;background:var(--surface-page);border:1px solid var(--border-default);z-index:40;min-height:unset;box-sizing: border-box;left: 0;right: 0;width: 100%;
		
		> h4 {font-size:16px;line-height:16px;padding-left:40px;
			& sub {display: block;}
		}
		> label.small {display:none;width:auto;color:var(--text-secondary);
			& span {background: var(--surface-subtle);border-radius: 50px;width: 40px;height: 40px;margin-left: 16px;}
		}
		> ul		{flex:auto;width:auto;list-style-type:none;color:var(--dark-background);position: absolute;border-radius: 10px;background: #FFF;box-shadow: 0 14px 26px 0 rgba(39, 13, 48, 0.25);right: 15px;top: 37px;overflow:hidden;
			&::before {content:'';background: url(../img/icon/ic_dots.svg)center no-repeat;width:20px;height: 20px;display: block;position: fixed;right: 15px;top:18px}
			> li		{display:none;position:relative;font-size:15px;flex:1 1 auto;
				& .check {height: unset;border:none;margin:0;border-radius: 0;
					 &:has(input:checked) {border:none;}
				}
			}
			&.open {
				& li {display: flex;;}
			}
		}
		& menu {position: fixed;z-index: 99;box-sizing: border-box;text-align: center;left: 12px;right: 12px;bottom: 14px;justify-content: center;width:auto;flex-flow:row;
			& button, & .edit {font-size: 13px;padding: 14px;width: 100%;box-sizing: border-box;text-align: center;justify-content: center;}
			
		}
	}
	> nav		{display:flex;flex-wrap:nowrap;padding:8px 4px;align-items:center;overflow-x:auto;background:var(--surface-page);
		> a, > label 	{margin:4px;padding:4px 16px;border-radius:8px;border:1px solid var(--border-default);color:var(--text-secondary);background:var(--surface-page);font-size:12px;
			&:hover	{border-color:var(--interactive-dark);color:var(--interactive-dark);background:var(--interactive-light);}
			&.active{color:var(--text-on-primary);background:var(--brand-primary);}
		}
	}
	> footer	{position:fixed;bottom:0;}
	> aside.s {padding:0px 16px;max-width:unset;padding-bottom:100px;
		& div.img {height: 210px;max-width:150px;padding:0;margin:0px;
			&.w292 {height:160px;max-width:292px;}
			&.w284 {height: 280px;max-width:284px;}
		}
		& div.info {display:flex;align-items:center;gap:12px;background: #FFF6E8;box-sizing: border-box;border-radius: 8px;padding:12px 14px;width:100%;margin-bottom:0px;flex-flow:row;
			& div.img {width:40px;height:54px;border-radius: 4px;margin: 0;}
			& p, & sub{display: block;line-height: normal;}
		}
	}
}
section {padding: 16px;}
section, aside	{display:flex;flex-flow:column wrap;align-items:start;box-sizing:border-box;container-type:inline-size;width:100%;height:auto;position: relative;padding-bottom:50px;gap:16px;
	> header	{flex-flow:row wrap;
		 nav	{display:flex;flex-flow:row wrap;align-items:center;
			a, label	{display:none;justify-content:center;width:auto;box-sizing:border-box;min-width:80px;margin:4px;padding:12px 20px;border-radius:6px;border:1px solid var(--border-default);font-size:16px;color:var(--text-secondary);background:var(--surface-page);cursor:pointer;
				&:before{margin:0;}
				&:hover	{border-color:var(--interactive-dark);color:var(--interactive-dark);background:var(--interactive-light);}
				&.active{color:var(--white);background:var(--brand-primary);border:none;}
			}
      		input 		{display:none;}
			&::after	{min-width:40px;min-height:40px;line-height:38px;content:"\f078";font-size:16px;font-family:'FontAwesome';text-align:center;cursor:pointer;}
			&.active	{width:100%;background:var(--easy-white);z-index:10;
				&::after {transform:rotate(-180deg);}
				> a, > label {display:flex;}
			}
		}
		& button {position: fixed;z-index: 99;box-sizing: border-box;text-align: center;font-size: 13px;padding: 14px;left: 12px;right: 12px;bottom: 14px;justify-content: center;}
		
	}
	> div.info {display:flex;flex-flow:row wrap;background: #FFF6E8;box-sizing: border-box;border-radius: 8px;padding:12px 14px;width:100%;
		> ul		{display:flex;flex:auto;width:auto;flex-flow: row wrap;list-style-type:none;color:var(--text-primary);
			> li		{position:relative;font-size:12px;flex:1 1 auto;max-width:120px;
				&.sub {display: none;width: 100%;max-width: unset;font-size: 12px;color: var(--text-secondary);}
			}
		}
		& button {position: absolute;bottom: 0;left:16px;right:16px;background: none;border-radius: 10px;border: 1px dashed #FAA220;color: #7663AB;justify-content: center;font-size: 13px;padding: 14px 0px;}
	}
	& div.img {width:100%;border-radius: 8px;background: #CCC;margin-bottom: 18px;margin-top:18px;}
	& .upload-box {background: #f8f8f9;border: 1px dashed #ddd;border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:10px;margin-top:36px;margin-bottom:18px;position:relative;padding:24px 16px;
		&::before {content:attr(title);color: var(--text-secondary);font-weight: 500;position: absolute;top: -20px;left: 0;font-size:12px;}
		& input[type="file"] {display: none;}
		& .upload-button {padding: 8px 16px;background: white;border: 1px solid #ddd;border-radius: 6px;font-size: 13px;font-weight: 500;cursor: pointer;justify-content: center;width: auto;
			&::before {content:'';background: url(../img/icon/ic-folder.svg)center no-repeat;width: 16px;height: 16px;margin: 0;}
			&.primary {background: var(--brand-primary);color:var(--text-on-primary);
				&::before {background: url(../img/icon/file.svg)center no-repeat;}
			}
			&:hover {background: #f3f3f3;}
		}
		& .preview {width: 80px;height: 80px;background: white;border: 1px solid #e5e5e5;border-radius: 6px;
			&.big {width: 100%;height: 100%;overflow: hidden;position:absolute;top:0;left:0;z-index: 0;background: #f8f8f9;padding:0;
				& img {width: 100%; height: 100%;object-fit: cover;}
			}
		}
		& .upload-info {color: #aaa;font-size: 12px;text-align: center;line-height: 1.3;z-index: 1;background: none;padding: 0;border:none;}
		& .color {width:34px;height:34px;border-radius: 6px;border:1px solid var(--border-default);
			&.brand {background: var(--brand-accent);}
			&.surface {background: var(--surface-page);}
			&.brand-primary {background: var(--brand-primary);}
		}
		& .buttons{display: flex;gap: 10px;justify-content: center;padding: 0;
			& label {flex-flow:row;white-space: nowrap;padding:8px 14px;font-size: 12px;}
		}
		& .upload-title {z-index: 1;background: none;padding: 0;border:none;font-size: 14px;color: var(--text-secondary);}
	}


}
section {
	& > article {
		& header {
			& button {margin-left: auto;}
		}
	}
}
aside > header > h2 {padding:0 8px;}
article , search	{display:flex;flex-flow:row wrap;align-items:start;box-sizing:border-box;container-type:inline-size;width:100%;padding:10px 14px;background:var(--surface-page);border:1px solid var(--border-default);border-radius:10px;
	> footer	{margin:0;padding:0;justify-content:end;border-top:1px solid var(--border-default);gap:10px;padding-top:14px;/*margin-top:14px;*/
		& span {margin-right:auto;color:var(--text-muted);font-size: 12px;}
		& a.add {color:var(--brand-accent);border:none;background: none;text-transform: none;margin-right: auto;}
	}
}
	.block {background: none;border-radius: 8px;border: 1.5px dashed var(--brand-primary);
		& header {display:block;}
		& h4 {color:var(--brand-accent);font-size: 14px;margin-bottom:12px;}
		& nav{display: flex;align-items: center;gap: 7px;flex-flow:row wrap;}
	}
	.ready {
		& h4.label a {background: var(--surface-subtle);color:var(--text-secondary);
			&.text::before {content:'';background: url(/img/icon/ic_text.svg) center no-repeat;width:14px;height:14px;}
			&.image::before {content:'';background:  url(/img/icon/ic_gallery.svg) center no-repeat;width:14px;height:14px;}
			&.sound::before {content:'';background: url(/img/icon/ic_sound.svg) center no-repeat;width:14px;height:14px;}
			&.video::before {content:'';background:  url(/img/icon/ic_video.svg) center no-repeat;width:14px;height:14px;}
			&.title::before {content:'';background:  url(/img/icon/ic_title.svg) center no-repeat;width:14px;height:14px;}
			&.citate::before {content:'';background:  url(/img/icon/ic_citate.svg) center no-repeat;width:14px;height:14px;}
			&.table::before {content:'';background: url(/img/icon/ic_table.svg) center no-repeat;width:14px;height:14px;}
			&.gallery::before {content:'';background:  url(/img/icon/ic_gallery.svg) center no-repeat;width:14px;height:14px;}
		}
		& video, & div.audio, & div.citate {border-radius: 6px;background: var(--surface-subtle);}
		& div.audio {width:100%;height:124px;}
		& div.citate {position: relative;padding: 16px;
			& h4 {font-size: 18px;font-weight:normal;
				&::before {content:'';width: 4px;height: 100%;background: var(--brand-primary);border-radius: 2px;display: block;position: absolute;left: 0;top:0;bottom: 0;}
			}
		} 
		& div.gallery {display: flex;width: 100%;gap: 12px;overflow:auto;flex-wrap:nowrap;
			& div.img {max-width: 200px;border-radius: 6px;height: 72px;margin:0px;background: var(--surface-subtle);border:1px solid var(--border-default);min-width:120px;}
			& button {justify-content: center;height:72px;color:var(--brand-accent);min-width: 120px;}
		}
		& table {border: 1px solid var(--border-default);border-radius: 8px;border-collapse: unset;
			& td, & th {padding-left:12px;}
		}
		
	}
	article.edit {border: 1.5px solid var(--brand-primary, #FAA220);
		& header.edit {margin-bottom: 14px;}
		& a.edit {padding:10px;border: none;font-size: 11px;color: var(--text-muted);text-transform: none;font-weight: 400;}
		& label::before {font-size:12px;margin-bottom:5px;font-weight:600;}
		& input {padding:10px 10px;min-height:unset;font-size: 13px;}
		& button {font-size: 12px;
			&.primary, &.edit {text-transform: none;padding:9px 18px;}
		}
		& p {align-items: center;padding:0;
			& button {margin-top:20px;}
		}
		& div {border-radius: 6px;border: 1px dashed var(--border-default, #EBEBEB);background: var(--surface-subtle, #F7F7F8);padding: 24px 16px;text-align:center;
			& p {justify-content: center;margin:10px 0px;gap:10px;width:auto;
				& button {margin-top:0px;}
			}
		}
		& table {border-radius: 6px;border: 1px solid var(--border-default, #EBEBEB);font-size:12.5px;
			& th, & td {padding: 11px 12px;border-bottom: 1px solid #E6E6EC;border-right: 1px solid var(--border-default, #EBEBEB);font-weight:bold;color:#8A8A96;text-align: left;}
			tbody {
  				& > tr {min-height: 40px;
    				&:last-of-type td, &:last-of-type th {border-bottom:1px solid #E6E6EC ;text-align: left;font-weight: normal;}
  				}
			}
			tfoot td {text-align: center;}
		}
		& footer {top:unset;position: relative;right:unset;}
	}
	article.scroll {overflow: auto;}
aside.s {background: none;border: none;margin: 0;padding: 0;
	& article {gap:18px;
		& header {flex-flow:row wrap;
			& button.primary {width:100%;text-align: center;justify-content: center;}
		}
		& p.small {font-size: 11px;line-height: normal;}
		& > label {padding:0px;}
		& ul li {list-style-type: none;display: flex;justify-content: space-between;font-size: 12px;padding-top: 12px;align-items: center;color:#636363;
			& span {color:#212529;}
		}
		& p {padding:0;
			& label {justify-content:flex-start;}
		}
		& label {padding: 0;
			& sub {font-size: 11px;color:var(--text-muted);font-weight: normal;}
		}
	}
	& div {gap: 12px;flex-flow: row wrap;display: flex;background: var(--brand-accent);border-radius: 6px;padding:18px 18px;color: var(--text-on-primary);
		& div.img {
			&.logo {width: 100%; height: 44px;max-width: 120px;margin: 0;position: relative;
				& img {position: absolute;left:0;top:0;}
			}
		}
		& h4 {color: var(--text-on-primary);
			& sub {color: var(--text-on-primary);}
		}
		& .caption {color: var(--text-on-primary);}
		& p {gap: 7px;}
		& button {font-size: 10px;padding:8px 14px;
			&.edit {background: none;color:var(--text-on-primary);}
		}
		& menu {justify-content: space-between;
			& h2 {font-size: 15px;color:var(--text-on-primary);}
			& p {font-size: 9px;color:var(--text-on-primary);white-space: nowrap;}
		}
		&.gallery {flex-flow:row;padding:0;
			& div.img {height:58px;width: 80px;margin: 0;padding:0;}
		}
	}
	& th, & td {border-bottom: 1px solid var(--border-default);}

}
footer		{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;box-sizing:border-box;width:100%;margin-top:auto;padding:8px 4px;}
.hidden {
    display: none;
}

.hidden.show {
    display: block;
}
@media only screen and (min-width:720px) {
	html		{/*padding-left:48px;*/padding-top:0;}  /* pa: this padding is needed cause serverside prints are hiding behing the menu */
	body 	{display: flex;align-items: flex-start;
		&.popup		{margin-left:-48px;}
		> header	{height:100vh;border-radius:0;/*overflow-y:auto;*/overflow:visible;position:sticky;background:var(--brand-purple-surface);
			> nav {
				nav a {position: relative;
					&::after {content: attr(data-tooltip);position: absolute;left: 120%;background: var(--brand-accent-light);color: var(--text-on-primary);padding: 9px 16px;border-radius: 8px;box-shadow:0 4px 14px rgba(0, 0, 0, 0.28);white-space: nowrap;opacity: 0;visibility: hidden;transition: .2s;pointer-events: none;font-size: 12px;z-index: 100;}
    				&:hover::after {opacity: 1;visibility: visible;}
				}

			}
			&.active {height:100vh;width:350px;
				& main, form {
  					& > header{position:relative;}
				}
			}
			> nav		{display:flex;}
			> a {
				&.button::before { display:none;/*content:'';background: url('../img/logo-zin-small.png') center no-repeat;height:50px;background-size: 60%;*/}
				&.logo::before {display: block;}
			}
		}
		> footer {display: none;}
	}
	article , search {padding:24px 28px;}
	article {
		&.ready {
			& div.gallery {
				& div.img {height: 111px;}
				& button {padding: 34px;height:90px;min-width: 200px;}
			}
		}
	}
	main, form	{
		> header {padding:22px 40px;
			& ul {display:none;
				&::before {display: none;}
			}
			> h4 {font-size: 22px;line-height: 29px;padding-left:0px;}
			> label.small {display: flex;}
			> a.edit {margin-left:auto;}
			> button {margin-left:16px;}
			& menu {position: unset;justify-content: end;width:auto;flex-flow:row-wrap;
			& button, & .edit {width: auto;box-sizing: border-box;white-space: nowrap;}
		}
		}
		> footer	{padding:8px;width:calc(100% - 48px);}
		> nav {background: none;padding: 0;margin: 0px 40px 0px 40px;flex:1 1 100%;margin-top:24px;
			> a, > label {font-size: 16px;padding: 12px 20px;margin-left: 0;margin-right: 8px;}
		}
		aside.s{padding:24px 28px;
			& div.img {width:100%;height: 400px;max-width:unset;
				&.w292 {height:160px;}
				&.w284 {height: 280px;}
			}
		}
	}
	section, aside	{padding:24px 28px 24px 40px;gap:24px;
		> header {flex-wrap:nowrap;min-height:44px;
			> nav {margin:0 auto 0 16px;
				a, label	{display:flex;}
				&::after	{display:none;}
			}
			& button{position:unset;bottom:unset;left:unset;right:unset;justify-content: unset;}
			
		}
		& div.img {width:100%;border-radius: 8px;background: #CCC;

		}
		& div.info {padding: 16px 20px;
			& ul {
				& li {font-size: 16px;
					&.sub {display: block;}
				}
			}
			& button {position: relative;background: var(--brand-primary);border:none;font-size: 16px;color:var(--text-on-primary);border-radius: 6px;padding:11px 18px;}
		}
	}

	section > article {padding:24px 28px;position:relative;
		& > footer {position: absolute;top:8px;right:20px;border-top:none;
			& a.add {margin-right:unset;}
		}
	}
	aside > article {
		& footer {border:none;justify-content: flex-start;padding:0px;}
	}
}
@media only screen and (min-width:1080px) {
	/* form {margin-top:40px;} */
	main, form	{flex-flow:row wrap;align-items:start;justify-content:space-between;
		> header {
			> ul	{display:flex;}
		}
		> section.m	{width:68%;/*max-width:960px;*/margin-top:0px;}
		> aside.s 	{width:32%;/*max-width:360px;*//*margin-left:auto;margin-bottom:auto;*/margin:0px;padding-right:40px;padding-left:0;
			> header {margin-bottom: 18px;}
			
		}
	}

	section, aside	{margin-top:0px;
		> header > h2	{min-width:200px;}
	}
	
	
}
/* titles & headers */
header		{display:flex;justify-content:start;align-items:center;width:100%;justify-content:space-between;
	> span		{margin:0 8px 0 auto;padding:4px 32px;border-radius:4px;font-weight:bold;background:var(--white);}
}
h1, h2, h3, h4, h5	{margin:0;padding:0;color: var(--text-primary);font-style: normal;font-weight: 600;font-family: 'Montserrat',sans-serif;}
h1 			{font-size: 16px;}
h2 			{font-size: 36px;line-height: 45px;letter-spacing: -0.18px}
h3 			{font-size: 28px;line-height: 36.4px;}

h4 {font-size:16px;line-height:16px;
	&.label span {display:flex;align-items:center;gap:6px;border-radius: 4px;background: var(--brand-accent, #7663AB);padding:4px 10px;font-size: 12px;color:var(--text-on-primary);
		&::before {content:'';background: url(../img/icon/ic_text-white.svg) center no-repeat;width:14px;height: 14px;}
	}
	& sub {display: block;font-size: 11px;font-weight: 400;color:var(--text-secondary);line-height: normal;}
}
h5 			{font-size: 11.5px;line-height: 16.7px;color:var(--text-secondary);font-weight: normal;letter-spacing: 1px;
	& sub{display: block;}
}
/* body text */
.large                {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28.8px;margin: 0;padding: 0;}
.medium              {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 25.6px;margin: 0;}
.small                {color: var(--text-muted);font-family: 'Montserrat',sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;padding: 0;}
.caption              {color: var(--text-muted);font-family: 'Montserrat',sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px;margin: 0;padding: 0;letter-spacing: 0;}
.button               {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 16px;letter-spacing: 0.08px;}
.label, a                {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 19.6px;margin: 0;padding: 0;}
.overline             {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 12px;font-style: normal;font-weight: 500;line-height: 15.6px;letter-spacing: 0.96px;text-transform: uppercase;}
.price                {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 24px;font-style: normal;font-weight: 600;line-height: 31.2px;}
.priceSm              {color: var(--text-primary);font-family: 'Montserrat',sans-serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20.8px;}

article > header {justify-content: start;align-items: flex-start;gap:18px;
	/* & button {margin-left:auto;} */
	&.edit {flex-direction: unset;justify-content: flex-start;align-items: center;margin-bottom:18px;
		& h4 {display:flex;align-items: center;gap:12px;width:100%;
			&::before {content:'';background:url(/img/icon/dots.png) center no-repeat;width:10px;height:22px;}
			& sub {margin-left:auto;}
		}
		& p {margin-left:auto;width: 65px;padding: 0;text-align: right;gap: 5px;
			& a {padding: 0;border:none;}
		}
		& nav {display:flex;align-items: center;gap:10px;
			& .edit {border:none;padding:0px;}
		}
	}

}
@media only screen and (min-width:720px) {
	header		{justify-content:space-between;}
	h1			{padding-left:16px;font-size: 48px;line-height: 57.6px;letter-spacing: -0.48px;}
	h2			{min-height:auto;line-height:normal;}
	h4 			{font-size: 22px;line-height: 29.7px;
		& sub {font-size: 12px;}
	}
	.small 		{font-size: 14px;line-height: 21.7px;}
	h5 			{font-size: 14px;line-height: 21.7px;}
	article > header {
	&.edit {
		& h4 {margin-right:105px;}
		}
	}
}
/* navigation items */
a			{color:inherit;text-decoration:none;
	&[onclick]	{cursor:pointer;}
	&:hover		{color:var(--text-primary);border-radius: 10px;opacity: 0.78;background: rgba(255, 255, 255, 0.18);
		&::before	{color:var(--brand-primary);}
	}
	&.dash::before	        {content:"";background: url(../img/icon/ic_dash.svg)center no-repeat;}
	&.expand::before		{content:"";background: url(../img/icon/ic_expand.svg)center no-repeat;}
	&.news::before		    {content:"";background: url(../img/icon/ic_news.svg)center no-repeat;}
	&.plans::before	        {content:"";background: url(../img/icon/ic_plans.svg)center no-repeat;}
	&.podcasts::before		{content:"";background: url(../img/icon/ic_podcasts.svg)center no-repeat;}
	&.profile::before		{content:"";background: url(../img/icon/ic_profile.svg)center no-repeat;}
	&.sales::before	        {content:"";background: url(../img/icon/ic_sales.svg)center no-repeat;}
    &.issues::before	    {content:"";background: url(../img/icon/ic_issues.svg)center no-repeat;}
	&.author::before	    {content:"";background: url(../img/icon/ic-author.svg)center no-repeat;}
	&.home::before	        {content:"";background: url(../img/icon/ic-home.svg)center no-repeat;}
	&.users::before	        {content:"";background: url(../img/icon/ic-users.svg)center no-repeat;}
	&.settings::before	        {content:"";background: url(../img/icon/ic-settings.svg)center no-repeat;}
	&.develop::before	        {content:"";background: url(../img/icon/ic-develop.svg)center no-repeat;}
	&.categories::before	        {content:"";background: url(../img/icon/ic-categories.svg)center no-repeat;}
	&.active	{background:var(--brand-primary);
		&::before	{color:var(--interactive-default);}
	}
	&.button  {cursor: pointer;
		&.text, &.image, &.gallery, &.citate, &.title, &.video, &.sound, &.table {display: flex;padding: 6px 9px;align-items:center;gap:6px;border-radius: 6px;border: 1px solid var(--border-default);background: var(--surface-page);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);font-size:11px;
			&::before {content:'';background: #FFF url(/img/icon/ic_text.svg) center no-repeat;width:14px;height:14px;}
		}
		&.image::before {content:'';background: #FFF url(/img/icon/ic_image.svg) center no-repeat;width:14px;height:14px;}
		&.sound::before {content:'';background: #FFF url(/img/icon/ic_sound.svg) center no-repeat;width:14px;height:14px;}
		&.video::before {content:'';background: #FFF url(/img/icon/ic_video.svg) center no-repeat;width:14px;height:14px;}
		&.title::before {content:'';background: #FFF url(/img/icon/ic_title.svg) center no-repeat;width:14px;height:14px;}
		&.citate::before {content:'';background: #FFF url(/img/icon/ic_citate.svg) center no-repeat;width:14px;height:14px;}
		&.table::before {content:'';background: #FFF url(/img/icon/ic_table.svg) center no-repeat;width:14px;height:14px;}
		&.gallery::before {content:'';background: #FFF url(/img/icon/ic_gallery.svg) center no-repeat;width:14px;height:14px;}

	}
	&.expand.active {opacity: 0.78;background: rgba(255, 255, 255, 0.18);}
	&.edit, &.add 				{border-radius: 6px;border: 1px solid #E6E6EC;background: #FFF;text-transform: uppercase;color: #212529;font-size: 12px;font-weight: 600;padding:7px 12px;}
}
.edit {
	& a.button {background: var(--brand-accent);color:var(--text-on-primary);
		&.text::before {background: url(/img/icon/ic_text-white.svg) center no-repeat;}
		&.image::before {background: url(/img/icon/ic_image-white.svg) center no-repeat;}
		&.sound::before {background: url(/img/icon/ic_sound-white.svg) center no-repeat;}
		&.video::before {background: url(/img/icon/ic_video-white.svg) center no-repeat;}
		&.title::before {background: url(/img/icon/ic_title-white.svg) center no-repeat;}
		&.citate::before {background: url(/img/icon/ic_citate-white.svg) center no-repeat;}
		&.table::before {background: url(/img/icon/ic_table-white.svg) center no-repeat;}
		&.gallery::before {background: url(/img/icon/ic_gallery-white.svg) center no-repeat;}
	}
}
.icon		{display:inline-flex;width:15px;height:15px;font-size:0;justify-content:center;align-items:center;transition:all .4s;
	&::before	{content:"";font-size:24px;color:var(--light-background);width:14px;height: 14px;}
	&.add::before			{content:"\f067";}
	&.edit::before			{background: url(../img/icon/ic_edit.svg) center no-repeat;}
	&.chart::before			{content:"\f200";}
	&.export::before		{content:"\f56e";}
	&.print::before			{content:"\f02f";}
	&.filter::before		{content:"\f0b0";}
	&.close::before			{content:"\f067";}
	&.delete::before 		{background: url(../img/icon/ic_trash.svg) center no-repeat;}
	&.copy::before 		{background: url(../img/icon/ic_copy.svg) center no-repeat;}
}
.link		{display:inline-block;color:var(--brand-accent);cursor:pointer;font-size:11px;line-height:normal;
	&:hover	{color:var(--brand-accent);background:none;text-decoration:underline;}
}
/* tables & lists */
menu 		{display:flex;box-sizing:border-box;justify-content:left;width:100%;padding:0;
	> label			{width:auto;border-radius:4px;padding:0;cursor:pointer;border:1px solid var(--mild-gray);
		&::before		{margin:0;padding:4px 8px;width:100%;text-transform:initial;text-align:center;border-radius:4px;}
		> input			{display:none;}
		&.active { color:var(--black);}
		&.switch	{margin:0 0 0 8px;}
	}
}
search		{display:flex;flex-flow:row wrap;align-items:center;box-sizing:border-box;container-type:inline-size;width:100%;
	
	label	{font-size: 0;}
	menu 		{width:100%;margin-right:auto;gap:16px;
		> label		{border:0;background:0;}
	}
}
table		{box-sizing:border-box;min-width:100%;border-collapse:collapse;
	.icon		{position:absolute;top:0;right:0;width:40px;height:40px;
		&::before 	{font-size:20px;line-height:40px;}
	}
	& caption {text-align: left;}
}
thead th 	{position:sticky;top:0;font-size:12.5px;z-index:2;border-bottom: 1px solid #E6E6EC;font-weight: 600;color:#8A8A96;vertical-align: top;}
tbody { background:var(--white);
	> tr 	{
        & td{border-bottom: 1px solid #E6E6EC;padding:12px 0px;padding:14px 12px;padding-left:0;
			&:last-of-type {text-align:right;white-space: nowrap;padding-right: 0;}
		}
        &:last-of-type td {border-bottom: unset;}
		& button {padding: 4px 10px;font-size: 12px;}
		& th {border-bottom: 1px solid #E6E6EC;}
	}
}
tfoot b	{padding-right:8px;}
	th{font-size: 10.5px;}
	td {font-size: 12px;
		&.medium ,& .medium {font-size: 13px;line-height: 14px;}
	}
th, td		{position:relative;padding:8px 4px;text-align:left;font-weight:normal;font-size:12px;color:var(--text-muted);width:100%;
	label {height:27px;justify-content: center; border-radius: 20px;background: #F0F0F4;color:#6B6B78;padding: 5px 10px;text-transform: capitalize;font-weight:600;font-size: 11.5px;letter-spacing:unset;width:auto;
		&.publish, &.active {background: #E6F5EE;color:#0B7A50;}
		&.issues 	{background: var(--issues);}
		&.plans     {background: #F0EBFA;color:var(--brand-accent);}
		&::before{display:none;}
	}
	/* &:first-of-type {padding-left:8px;} */
	/* &:last-of-type 	{min-width:40px;width:120px;text-align:right;} */
	h4, h5, h6		{position:relative;border-left:0;border-radius:8px;}
	sup				{display:none;}
	sub				{display:flex;align-items:center;gap:5px; font-size:11px;}
	&.right 		{text-align: right;
		& button, & label {display: inline-flex;}
	}
	& span {display: flex;align-items: center;gap:12px;/*width:100%;min-width:200px;*/
		& div.img {margin: 0;width:38px;height:50px;border-radius: 4px;min-width:38px;background:#ccc;
			&.w56 {width:56px;min-width: 56px;height: 40px;}
			&.w48 {width:48px;min-width: 48px;height:48px;}
		}
		& p {padding: 0;line-height:normal;width:100%;
			& sub {display: block;width:100%;color:var(--text-muted);}
		}
	}
	& .edit {font-size: 0;border:none;
		&::before {content:'';background: url(/img/icon/ic_edit.svg) center no-repeat;width:15px;height: 15px;display:inline-block;}
	}

}
span.state {width:auto;justify-content: center; border-radius: 20px;background: #FFF3DC;color:#8A5A06;padding: 2px 7px;text-transform: capitalize;font-weight:600;font-size: 10px;letter-spacing:unset;margin-bottom:6px;margin-left:10px;}
dl			{margin:4px 8px;}
dt, dd		{display:inline-block;width:40%;margin:0;font-size:14px;line-height:24px;text-align:left;}
dt			{color:var(--light-background);}
dd			{width:60%;color:var(--soft-black);font-size:16px;text-transform:uppercase;font-weight:bold;}
ul			{margin:0;padding:0;width:100%;}
li			{
	b		{padding-left:8px;}
}
	header > menu {width:100%;margin:0;align-self:start;gap:12px;flex-flow: row wrap;align-items: center;box-sizing: border-box;container-type: inline-size; width: 100%;
		> label			{display: flex;flex-direction: column;align-items: flex-start;padding: 16px 14px;border-radius: 10px;border: 1px solid var(--border-default);background: var(--surface-page);min-width:48%;
			h2 {font-size: 26px;line-height: normal;}
		}
	}
@container 	(width >= 720px) {
	search {
		> button	{display:initial;height:40px;}
		.filter		{display:none;}
	}
	header > menu {width:100%;margin:0;align-self:start;gap:20px;
		> label			{display: flex;padding: 22px 24px;flex-direction: column;align-items: flex-start;gap: 6px;flex: 1 0 0;box-sizing:border-box; border-radius: 10px;border: 1px solid var(--border-default);background: var(--surface-page);min-width: unset;
		}
	}
	/* tbody > tr:first-of-type > td	{padding-top:12px;} */
	th, td	{padding:14px 12px;padding-left:0px;min-width:120px;font-size:14px;
		/* &:first-of-type {padding-left:8px;} */
		> sub			{display:none;}
		& .edit {border-radius: 6px;border: 1px solid #E6E6EC;background: #FFF;text-transform: uppercase;color: #212529;font-size: 12px;font-weight: 600;padding:11px 18px;
			&::before {display:none;}
		}
  		& span {
    		& p {
      			& sub {display: none;}
			}
		}
	}
	tbody {
	> tr 	{
        & td{padding:14px 12px;padding-left:0;
			&:last-of-type {padding-right: 0;}
		}
	}
}
}

/* form elements */
p			{display:flex;flex-flow:wrap;width:100%;box-sizing:border-box;container-type:inline-size;margin:0;padding:6px 0 0 0;}
label		{position:relative;display:flex;flex-flow:wrap;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:4px 16px;padding-left:0px; color: var(--text-secondary);font-weight: 500;
	&::before	{content:attr(title);font-size:12px;color: var(--text-secondary);font-weight: 500;margin-bottom: 6px;}
	&.status > input 	{display:none;}
}
input, textarea, select, output {width:100%;padding:11px 12px;box-sizing:border-box;font-family:inherit;font-size:13px;border-radius: 6px;border: 1px solid var(--border-default, #EBEBEB);background: var(--surface-page, #FFF);
	&:hover		{border-color:var(--interactive-default);outline:2px solid var(--interactive-default);}
	&:focus		{color:var(--black);border-color:var(--interactive-dark);outline:2px solid var(--interactive-dark);background:var(--white);}
	&:disabled	{border:none;outline:none;color:var(--base-background);background:var(--easy-white);}
	&:invalid	{color:var(--red-dark);border-color:var(--red-dark);outline:2px solid var(--red-dark);background:var(--red-light);
		&:focus	{background:var(--white);}
	}
	&.error		{color:var(--red-dark);border-color:var(--red-dark);background:var(--red-light);}
}
	aside {
		& label::before {font-size: 12px;margin-bottom: 4px;margin-left: 0;}
		& input, output, select, textarea {font-size:13px;}
	}
@media only screen and (min-width:720px) {
	a.button {font-size: 14px;padding: 8px 9px;}
	p				{padding-top:8px;}
	label::before	{margin-left:6px;font-size:14px;margin-bottom:8px;}
	input, output, select, textarea {padding:10px 10px;font-size:14px;}
	aside {
		& label::before {font-size: 12px;margin-bottom: 4px;margin-left: 0;}
		& input, output, select, textarea {font-size:13px;}
	}
}
/* links & buttons */
button			{display: flex;align-items: center;gap: 8px;white-space:nowrap;border-radius: 6px;font-family:'Montserrat',sans-serif;font-style: normal;font-weight: 500;font-size: 11px;line-height: normal;padding: 7px 12px;letter-spacing: 0.08px;border:none;background:var(--surface-page);border: 1.5px solid var(--border-default);color:var(--text-primary);
	&:hover				{border-color:var(--brand-primary-hover);color:var(--text-on-primary);cursor:pointer;}
	&:active			{border-color:var(--brand-primary-hover);color:var(--text-on-primary);background:var(--brand-primary);}
	&:disabled			{color:var(--text-primary);border-color:var(--border-default);background:var(--surface-page);cursor: not-allowed;
		&:hover			{background:none;}
	}
	&.focus, &.active	{color:var(--text-on-primary);background:var(--brand-primary);}
	&.back				{margin-right:auto;}
	&.small				{min-width:80px;}
	&.icon				{min-width:44px;min-height:44px;border-radius:22px;font-size:20px;}
	&.primary 			{border-radius: 6px;background: var(--brand-primary);color: var(--text-on-primary);border: none;text-transform: uppercase;
		&:hover {background: var(--brand-primary-hover);}
	}
	&.edit 				{border-radius: 6px;border: 1px solid #E6E6EC;background: #FFF;text-transform: uppercase;color: #212529;}
	&.accent 			{border-radius: 6px;background: var(--brand-accent);color:var(--text-on-primary);}
	&.dark 				{border-radius: 6px;background: var(--brand-purple-deep);}
}
.switch 	{margin:0 16px;width:auto;
	&::before	{display:none;}
	> input		{display:none;}
	> span		{position:relative;border-radius:34px;width:48px;height:25px;cursor:pointer;background:var(--light-background);transition:.4s;
		&::before	{content:"";position:absolute;left:3px;top:3px;border-radius:50%;height:19px;width:19px;background:var(--soft-white);transition:.4s;}
	}
	> input:checked + span 	{background:var(--interactive-default);
		&::before 			{transform:translateX(23px);background:var(--interactive-light);}
		&:hover::before		{background-color:var(--white);}
	}
}
.check, label.edit {display: flex;align-items: center;gap: 14px;justify-content: flex-start;width:100%;height:74px;padding:12px 14px;padding-left:0px;margin-top:18px;cursor:pointer;border-radius: 6px;border: 1px solid var(--border-default, #EBEBEB);background: var(--surface-page, #FFF);flex-flow:nowrap;
		&  input {display: none;}
			.icon {width: 20px;height: 20px;border-radius: 4px;flex-shrink: 0;border-radius: 4px;border: 1.5px solid var(--border-default, #EBEBEB);}
    		.info {display: flex;flex-direction: column;line-height: 17px;}
			.title {font-size: 13px;color: var(--text-primary);}
    		.desc {font-size: 11px;color: var(--text-muted);}
			&:has(input:checked) {border: 1.5px solid var(--brand-primary, #FAA220);background: var(--surface-tint-warm, #FFF6E8);}
			&:has(input:checked) .icon {background: #FAA220;}

	}
	.chk {display: flex;align-items: center;gap: 14px;justify-content: flex-start;width:auto;font-size:13px;
		& input {display: none;}
		&::before {content: '';width:16px;height:16px;border: 1px solid var(--border-default, #EBEBEB);background: var(--surface-page, #FFF);border-radius: 4px;margin: 0;}
		&:has(input:checked)::before {background: #FAA220 url(/img/icon/ic-check.svg) center no-repeat;border: none;background-size: 10px;}
	}
label.edit {border:none;border-bottom:1px solid var(--border-default);height:auto;padding:0;margin:0;
	& .desc {display:none;}
	& .title {font-size:13px;}
	&::before {display:none;}
	& .icon {width:15px;height:22px;border:none;background: url(/img/icon/dots.png)center no-repeat;font-size:0;}
	& a.edit {margin-left:auto;}
}	

.ck.ck-editor {width: 100%;}
.ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused)  {min-height: 90px;border-radius: 0 0 8px 8px;padding: 16px;font-size: 16px;line-height: 1.6;border-radius: 0 0 6px 6px;border-right: 1px solid var(--border-default, #EBEBEB);border-bottom: 1px solid var(--border-default, #EBEBEB);border-left: 1px solid var(--border-default, #EBEBEB);background: var(--surface-page, #FFF);}
.ck.ck-toolbar {border-radius: 6px 6px 0 0;border: 1px solid var(--border-default, #EBEBEB);background: var(--surface-subtle, #F7F7F8);}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {border-radius: 6px 6px 0px 0px;}
@media only screen and (min-width:720px) {
	/* button {font-size: 16px;line-height: 16px;padding: 11px 18px;} */
	.switch	{width:130px;
		&::after	{content:attr(title);font-size:14px;}
	}
	.check {padding:14px 16px;margin-top:18px;
		& .info {line-height: 25px;}
		 .title {font-size:16px;}
		& .desc {font-size:12px;}
	}
	label.edit {background: var(--surface-subtle);border:none;height:74px;padding:14px 16px;margin-top:18px;
		& .title {font-size: 16px;}
		& .desc {display: block;}
		& a.icon.edit {font-size: 14px;border:1px solid var(--border-default);width:auto;background:var(--surface-page);
			&::before {display:none;}
		}
	}
}
@media only screen and (min-width:720px) {

}
/* grid formatting - 8 columns */
	.i,   	.u		{width:25%;max-width:135px;}
	.ii,  	.q		{width:50%;max-width:270px;}
	.iii, 	.t		{width:75%;max-width:405px;}
	.iv,  	.s		{width:100%;max-width:540px;}
	.v,   	.su		{width:100%;max-width:675px;}
	.vi,  	.sq		{width:100%;max-width:810px;}
	.vii, 	.st		{width:100%;max-width:945px;}
@container (width >= 540px) {
	.i,   	.u		{width:16.67%;}
	.ii,   	.q		{width:33.33%;}
	.iii,  	.t		{width:50%;}
	.iv, 	.s		{width:66.67%}
	.v,  	.su		{width:83.33%;}
	.vi,   	.sq		{width:100%;}
	.vii,  	.st		{width:100%;}
}
@container (width >= 720px) {
	.i,   	.u		{width:12.5%;}
	.ii,   	.q		{width:25%;}
	.iii,  	.t		{width:37.5%;}
	.iv, 	.s		{width:50%}
	.v,  	.su		{width:62.5%;}
	.vi,   	.sq		{width:75%;}
	.vii,  	.st		{width:87.5%;}
}
@container (width >= 1080px) {
	.i,   	.u		{width:8.33%;}
	.ii,   	.q		{width:16.67%;}
	.iii,  	.t		{width:25%;}
	.iv, 	.s		{width:33.33%}
	.v,  	.su		{width:41.67%;}
	.vi,   	.sq		{width:50%;}
	.vii,  	.st		{width:58.33%;}
}
@container (width >= 1440px) {
	p	{width:50%;}
}
/* other elements */
.tablet, .laptop	{display:none;}
@container (width >= 720px) {
	.tablet		{display:revert;}
}
@container (width >= 1080px) {
	.laptop		{display:revert;}
}
/* heights */
.x1		{min-height:120px;}
.x2		{min-height:240px;}
.x3		{min-height:360px;}
/** custom components **/
/* wes system state component */
/* list template */
/* form template */
/* alert template */
section.alert	{position:absolute;top:20vh;left:50%;margin-left:-170px;width:340px;min-height:210px;border-radius:24px;padding:16px;background:var(--white);box-shadow:0px 20px 40px #00000054;z-index:100;
	h1				{padding:4px 4px 16px 4px;color:var(--interactive-dark);font-weight:normal;text-transform:initial;font-size:32px;}
	h4, h5, h6		{position:relative;margin:16px 0;border-radius:8px;border:none;}
	footer			{padding-top:16px;}
}
@media only screen and (min-width:720px) {
	section.alert	{width:460px;min-height:260px;margin-left:-230px;padding:24px;
		& input		{flex:1 0 80%;max-width:300px;}
	}
}
/* popup template */
iframe.popup 	{width:100%;max-width:800px;min-height:420px;box-sizing:border-box;border:0;border-radius:8px;padding:0;background:var(--soft-white);box-shadow:0px 3px 6px #00000029;
	&::backdrop 	{background-color:#0007;}
	&.small 		{max-width:420px;}
	&.large 		{max-width:1080px;}
}
.popup 			{
	header		{width:100%;flex-direction:row;justify-content:space-between;box-sizing:border-box;overflow:hidden;padding:0;box-shadow:none;border-radius:0;
		> h2		{padding:0 8px;}
		> a.close	{border-radius:0;width:48px;height:48px;
			&::before	{font-family:'FontAwesome';content:"\f067";color:var(--red-dark);transform:rotate(45deg);}
			&:hover::before	{color:var(--white);}
		}
	}
}
@media only screen and (min-width:720px) {
	.popup {
		header > h2 {padding-left:20px;}
		footer 		{padding:8px 12px;width:100%;
	}
}
}
@media only screen and (min-width:1080px) {
	.popup {
		header > h2 {padding-left:32px;}
		footer 		{padding:8px 24px 16px;}
	}
}
/* print formatting */
@media print {
	body, body > header, section, thead th	{background:none;}
	button, .icon, .button	{display:none;}
}
/** end of styles, enjoy! **/