/* --------------------------------------------------------------
CSS RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
table { border-collapse:collapse; border-spacing:0; }

/* --------------------------------------------------------------
GENERAL ELEMENTS
-------------------------------------------------------------- */
html { background:#F0F3F9; }
body { font-family:'Open sans', sans-serif; font-weight:normal; font-size:16px; color:#444; line-height:1.6; letter-spacing:0.05em; }

a, a:link, a:visited { color:#2ac; text-decoration:none; }
a:hover { color:#2ac; text-decoration:none; }
/*a[target=_blank]:after { font-family:'fontawesome'; margin-left:3px; content:'\f08e'; font-size:0.7em; color:#999; opacity:0.5; }*/

h1, h2, h3, h4, h5, h6 { margin:0 0 0.7em; color:#666; line-height:1.2em; }
h1  a:link, h2 a:link { color:inherit; }
h1  a:visited, h2 a:visited { color:inherit; }
h1 { font-size:36px; color:#999; margin:0 0 30px; line-height:1.5; font-weight:300; }
h2 { font-size:1.7em; color:#999; font-weight:300; }
h3 { font-size:1.3em; color:#666; font-weight:700; }
h4 { font-size:1.2em; color:#666; font-weight:700; margin-bottom:0.2em; }
h5 { font-size:1.1em; color:#666; font-weight:700; }
h6 { font-size:1.0em; color:#666; font-weight:700; }

div {  padding:0px;margin:0px;border-spacing:0px;border:0px #ffffff none;background-repeat:no-repeat;}
table {  border-width:0px; border-style:none;vertical-align:top; margin:0px 0 0 0; padding:0px 0 0 0;border-spacing:0px; }
img {  border:0px none;border-spacing:0px;padding:0px;margin:0px;  }
select { max-width:100%; padding-right:30px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpiYGBgmMmAG8z8//8/A7GYCaYJm0EMJAKQYelYNMPY6aQYxojHJWCDQM4nxWUMWFyRzkAGAAgwAGMTKhZAxxJyAAAAAElFTkSuQmCC'); background-color:#fff; background-repeat:no-repeat; background-position:right; }

hr { margin:20px 0; border:1px solid #ddd; border-width:1px 0 0; }

/* GENERAL TYPOGRAPHY */
p, address { margin-bottom:1.6em; }
p:last-child { margin-bottom:0; }
span, div, p, dl, td, th, ul, ol, blockquote { }

/* LISTS */
ul { margin:0 0 20px; }
ul li { list-style:disc inside none; padding:0; margin:0 0 0.5em 1.5em; }
ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; }
ol ol li { list-style:upper-alpha; }
ol ol ol li { list-style:lower-roman; }
ol ol ol ol li { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
ul, ol, dd, pre, hr { margin-bottom:24px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong, b { font-weight:bold; }
cite, em, i { border:none; font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; border:none; }
del { text-decoration:line-through; }

/* ADDRESSES */
address { font-size:0.9em; line-height:1.2em; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* PREDEFINED TEXT */
pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; }

abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
ins { text-decoration:none; }
sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
pre, kbd, tt, var { line-height:21px; }
code { font-size:1.05em; }

/* CODE */
code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }


/* INLINE IMAGES */
img { margin:0; max-width:100%; line-height:0em; }

/* TABLES */
table { border:0px solid #999; border-collapse:collapse; border-spacing:0; margin:0; text-align:left; width:100%; border-radius:3px; }
thead { padding:0 0 5px 0; }
thead td { font-weight:bold; }
tr th, thead th { border:none; font-weight:bold; font-size:1.1em; line-height:1.2em; padding:0 0 10px; }
tr { padding:10px 0; }
tr td { border:none; padding:10px 20px 10px 0; vertical-align:middle; }
tr td:first-child { padding-left:0; }
tr td:last-child { padding-right:0; }

tr .right { text-align:right; }
tfoot { padding:5px; border-top:1px solid #888; }
tfoot td { border:none; font-weight:bold; line-height:1.2em; padding:12px 0; }

/* FORMS */
label { display:block; width:100%; padding:2px 0; font-size:0.9em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* Standard Form Elements */
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
select  { font-family:inherit; border:1px solid #ddd; border-radius:3px; font-size:1em; width:100%; padding:5px 5px 5px 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-transition:0.1s linear all; -webkit-transition:0.1s linear all; transition:0.1s linear all; }
select  { padding:5px 28px 5px 5px; }
textarea  { font-family:inherit; border:1px solid #ddd; border-radius:3px; font-size:1em; width:100%; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input:hover, textarea:hover, select:hover { border-color:#bbb; }
input:focus, textarea:focus, select:focus { border-color:#f16100; box-shadow:0 0 4px 1px #fb4; }
input:focus, textarea:focus, select:focus { border-color:#2ac; box-shadow:0 0 4px 1px #4cf; }
textarea { resize:vertical; min-height:44px; }
input[type=submit] { width:auto; -webkit-appearance:none; }
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

body .color-lightgrey { color:#bbb; }
body .color-grey { color:#777; }
body .color-black { color:#333; }
body .color-blue { color:#2ac; }
body .color-cyan { color:#7cb; }
body .color-green { color:#64c73c; }
body .color-yellow { color:#fc0; }
body .color-orange { color:#f90; }
body .color-red { color:#F66; }
body .color-violet { color:#db62c7; }
body .color-purple { color:#be44ff; }


body .subtle { color:#888; }


/* Icon fonts */
.fontawesome { font-family:'fontawesome'; }
.font-fontawesome { font-family:'fontawesome'; }
.font-brands { font-family:'brands'; }
.font-linearicons { font-family:'linearicons'; }


/* New lengths, with responsiveness */
body .micro { width:70px; max-width:100%; }
body .tiny { width:100px; max-width:100%; }
body .short { width:200px; max-width:100%; }
body .medium { width:320px; max-width:100%; }
body .long { width:400px; max-width:100%; }


.shortcut { display:inline-block; font-weight:400; font-size:12px; padding:2px 4px; line-height:1; background:rgba(0,0,0,0.05); border-radius:3px; }


/* POSITIONED ELEMENTS */
body img.align-left { display:block; float:left; margin-left:0; margin:4px 30px 20px 0; max-width:50%; }
body img.align-right { display:block; float:right; margin-right:0; margin:4px 0 20px 30px; max-width:50%; }
body img.align-full { display:block; float:none; margin:0 0 20px; max-width:100%; width:100%; }
body img.display-block { display:block; }
body img.display-inline { display:inline; }
body .align-left { text-align:left; }
body .align-center { text-align:center; }
body .align-right { text-align:right; }
body .align-full { text-align:justify; }


/* ELEMENT VISIBILITY */
.hidden { display:none; }
.invisible { visibility:hidden; opacity:0; }


/* LENGTHS */
body .field-short { width:150px; }
body .field-long { width:400px; }
body .half { width:50%; }
body .third { width:33%; }
body .quarter { width:25%; }
body .middle { padding:0 25%; }


/* SPECIAL FIELDS */
input.post-title { font-weight:300; font-size:24px; padding:10px; margin:0; }
input.post-url {  }


/* MESSAGES */
.messages { position:fixed; right:0; padding:20px; bottom:0; width:500px; visibility:hidden; opacity:0;  transition:0.6s ease all; transition-delay:0.3s; z-index:9999; pointer-events: none; }
.body-ready .messages { visibility:visible; opacity:1; }
.body-messages .messages { visibility:hidden; opacity:0; }
.message { display:block; position:relative; background:#888; margin:0 0 20px; font-weight:normal; padding:25px 20px; color:#fff; line-height:1.4; border-radius:2px; }
.content-block .message { border-radius:0; margin:0; }
.messages .message { margin:0; }
.message p { margin:0; }
.message .message-title { font-size:24px; margin:0 0 5px; line-height:1.2; }
.message-ok { background:#3d5; }
.message-error { background:#f76; }
.message-warn { background:#fc0; }
.message-info { background:#9ce; }
.message-small { padding:15px 20px; }
@media screen and (max-width:600px){
	.messages { width:auto; right:0; bottom:80px; }
	.messages .message { margin:0; padding:10px 15px; border-radius:0; }
}


/* PROGRESS BARS */
.progress { background:#eee; border:1px solid #999; min-width:60px; box-shadow:inset 0 0 3px #aaa; }
.progress .progress { background:#7c3; padding:4px; text-align:right; font-size:12px; color:#fff; text-shadow:0 -1px 0 #555; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.progress .progress-green { background:#7c3; }


.progress-bar { background:#ddd; border-radius:20px; overflow:hidden; margin:0 0 15px; }
.progress-bar-bar { height:10px; background:#fb0; max-width:100%; width:0; transition:0.6s all; }
.progress-bar-status-done .progress-bar-bar { background:#7c3; }



/* LANGUAGE LIST */
.languages { margin:0 0 30px; float:left; border-bottom:1px solid #ddd; border-radius:3px; }
.language,
.language:link,
.language:visited { display:block; position:relative; color:inherit; line-height:20px; height:20px; padding:10px 10px 10px 55px; float:left; margin:0; cursor:pointer; border-bottom:3px solid transparent; }
.language:first-child { border-left:none; }
.language:hover { color:#2bf; text-decoration:none; }
.language-icon { position:absolute; width:32px; height:32px; left:10px; top:50%; margin:-16px 0 0; }
.language-description { font-size:0.8em; }
.language-active,
.language-active:link,
.language-active:visited { font-weight:bold; color:#6b2; border-bottom:3px solid #6b2; }


/* BUTTONS */
.button,
.button:visited { display:inline-block; vertical-align:middle; font-size:1em; text-align:center; color:#666; padding:15px 24px; line-height:1; font-weight:bold; border:2px solid #ccc; margin:0px 2px 0 0; border-radius:3px; cursor:pointer; background:#fff; letter-spacing:1px; text-transform:uppercase; }
.button:link { color:#444; }
.button:hover { }
.button .icon, .button-icon { font-size:16px; margin-right:10px; color:#999; opacity:0.7; }
/* Button Sizes */
.button-small { padding:8px 10px; }
.button-medium { padding:18px 45px; }
/* Primary Buttons */
.button-primary, 
.button-primary:link, 
.button-primary:visited { color:#efe; border-color:#6b2; background:#6b2; }
.button-primary:hover { background:#7c3; }
.button-primary .icon { color:#eee; }
/* Colored Buttons */
.button.button-red { background:#f66; color:#fff; border-color:#b33; }
.button.button-red:hover { background:#f88; }
.button.button-green { background:#7c3; color:#fff; border-color:#5a1; }
.button.button-green:hover { background:#8d4; }
/* Connected Buttons */
.button + .button.button-connect { margin-left:-10px; }
.button-disabled { opacity:0.4; pointer-events:none; }

/* Dropdown Buttons */
/*.dropdown { position:relative; float:right; display:inline-block; }
.dropdown .dropdown-title { background:#ddd; border-radius:40px; padding:0; text-align:center; width:50px; font-size:24px; line-height:50px; height:50px; color:#999; }
.dropdown .dropdown-title:before { content:'\e810'; font-family:'linearicons'; }
.dropdown .dropdown-list { display:none; position:absolute; top:100%; right:0; background:#fff; border:1px solid #ddd; width:200px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); z-index:999; }
.dropdown .dropdown-item { display:block; padding:10px; border-bottom:1px solid #ddd; color:#666;  }
.dropdown .dropdown-item:hover { background:#f2f2f2; text-decoration:none; }
.dropdown:hover .dropdown-list { display:block; }
.button.button-dropdown { position:relative; padding-right:45px; }
.button.button-dropdown:after { display:block; content:'\f107'; color:#bbb; position:absolute; font-family:'fontawesome'; right:0; top:50%; margin-top:-15px; font-size:16px; border-left:1px solid rgba(0,0,0,0.1); line-height:30px; width:30px; height:30px; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,0.8); }*/
/* Link Buttons */
.button-link, 
.button-link:visited { display:inline-block; vertical-align:middle; font-size:1em; text-align:center; background:none; color:#444; margin:0; border:2px solid transparent; border-radius:3px; -moz-transition:0.1s linear all; -webkit-transition:0.1s linear all; transition:0.1s linear all; }
.button-link:hover { background:rgba(255,255,255,0.8); color:inherit; border:2px solid #ccc; text-decoration:none; }
.button-subtle,
.button-subtle:visited { line-height:1.2; border:none; text-transform:none; font-weight: normal; padding:10px; }
.button-subtle:hover {  background:rgba(0,0,0,0.03); border:none;  }
.button-important,
.button-important:link,
.button-important:visited { color:#F35555; }
.button-important .icon { color:#F35555; }
/* Specific Links */
.account-link-trashed:before { content:'\f014'; font-family:'fontawesome'; color:#aaa; }
.display-inline { display:inline-block; }
/* Layouts */
.button-wide { display:block; margin:0; width:auto; }

/* Form Submission Buttons */
.form-button { font-weight:bold; padding:10px 10px; margin:0 10px; background:#666; text-shadow:0px -1px 0 #333; border:1px solid #51658B; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; cursor:pointer; }
.form-button { padding:10px 15px; margin:0px 20px 0 0; font-weight:bold; background:#EE7600; border:0; color:#fff; text-shadow:0px -1px 0 #226; border-radius:3px; cursor:pointer;  background:#e07812; background:-moz-linear-gradient(top, #f7a85b 0%,#e07812 100%); background:-webkit-linear-gradient(top, #f7a85b 0%,#e07812 100%); background:linear-gradient(top, #f7a85b 0%,#e07812 100%); }
.form-button:hover { background:#828DDB; }


.edit-button:link, .edit-button:visited { display:block; float:right; color:#999; }

.clear { clear:both; width:100%; }

.item-block { display:block; list-style:none; background:#fff; padding:10px; margin:0 0 20px; border:1px solid #ddd; border-radius:3px; box-shadow:0 2px 4px -4px rgba(0,0,0,0.5) }
.item-block .item-title { font-size:1.3em; margin:0 0 10px; }
.item-block .item-meta { float:right; }
.item-block .item-content { margin:0 0 10px; }
.item-block .item-utility { clear:both; color:#999 }
.item-block .item-utility .field { float:left; margin-right:10px; }


/* MODAL POPUPS */
/*.popup { visibility:hidden; opacity:0; position:fixed; background:#f5f5f5; left:50%; margin:30px 0 0 -250px; width:500px; top:10%; z-index:1000; border-radius:5px; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; transition:0.2s ease all; }
.popup.active { visibility:visible; opacity:1; margin-top:0; -moz-transition:0.5s cubic-bezier(0,.7,.3,1) all; -webkit-transition:0.5s cubic-bezier(0,.7,.3,1) all; transition:0.5s cubic-bezier(0,.7,.3,1) all; }
.popup-header { margin:20px; }
.popup-title{ margin:0 0 20px; }
.popup-content { font-size:1.0em; padding:20px; }
.popup-footer { padding:20px; }
.popup-background { visibility:hidden; opacity:0; background:#000; position:fixed; top:0; bottom:0; right:0; left:0; z-index:999; }
.popup-background.active { visibility:visible; opacity:0.7; -moz-transition:0.3s linear all; -webkit-transition:0.3s linear all; transition:0.3s linear all; }
*/

/* TOGGLES */
.modal-content { display:none; }
.modal-content-open { cursor:pointer; }
/*.toggle { display:none; }*/


/* VIDEO EMBEDS */
.video { margin:0 0 40px; overflow:hidden; position:relative; padding-bottom:56.25%; height:0; }
.video iframe, 
.video object, 
.video embed, 
.video video { position:absolute; top:0; left:0; width:100%; height:100%; }


/* --------------------------------------------------------------
MAIN LAYOUT AND STRUCTURE
-------------------------------------------------------------- */


/* COLUMNS */
.column { float:left; width:100%; margin-right:3%; }
.col2 { width:48.50%;  }
.col3 { width:31.33%; }
.col3x2 { width:65.67%; }
.col4 { width:22.75%; }
.col4x3 { width:74.25%; }
.col-last { margin-right:0; }
.row { float:left; width:100%; margin:0 0 30px; }
.half-left { float:left; width:48%; }
.half-right { float:right; width:48%; }


/* GENERAL LAYOUT ELEMENTS */
.outer { width:100%; overflow:hidden; overflow:clip; }
.container { width:95%; margin:0 auto; max-width:1300px; }
.clearfix { clear:both; width:100%; }


/* UPLOAD OVERLAY */
.dropzone-overlay { position:fixed; top:20px; bottom:20px; left:20px; right:20px; background:rgba(60, 60, 60, 0.8); opacity:0; visibility:hidden; transition:0.3s all; z-index:99999; }
.dropzone-overlay-content { position:absolute; top:50%; left:0; right:0; color:#fff; font-weight:bold; font-size:36px; text-align:center; height:50px; line-height:50px; margin:-25px 0 0; }
.dz-drag-hover .dropzone-overlay { opacity:1; visibility:visible; }


/* MAIN HEADER & LOGO */
.top-menu { float:left; padding:0 0; line-height:50px; height:50px; }
.top-menu .menu-item { color:#efb; text-transform:uppercase; font-weight:bold; font-size:0.9em; }
.top-menu .menu-item:hover { text-decoration:none; opacity:0.7; }


/* PUBLIC AREA */
.front { }
.front-header {}
.front-logo { display:block; margin:60px auto 40px; max-width:300px; }
.front-content {  }
.front-footer { margin:0 auto; width:400px; text-align:center; color:#888; text-shadow:0 -1px 0 #222; }
.front-field { margin:0 0 20px; }
.front-rememberme { float:right; font-size:1.2em; margin:5px 0 0; }
.front-rememberme input { float:left; margin:6px 0 0; }
.front-rememberme label { display:inline; padding:0; margin:0 0 0 10px; }

/* LOGIN PAGE */
.login { width:100%; min-height:100vh;  }
.login-wrapper { width:100%; padding:6% 20px 0; overflow:hidden; height:100%; box-sizing:border-box; }
.login-main { margin:0 auto 20px; max-width:400px; padding:50px; background:#fff; border-bottom:1px solid #eee; border-radius:10px; box-shadow:0 6px 0 -3px rgba(0,0,0,0.1); }
.login-image { display:block; width:234px; margin:0 auto 40px; }
.login-footer { color:#ccc; text-align:center; margin:40px 0 0; }


/* REGISTER PAGE */
.register { overflow:hidden; width:500px; margin:0 auto; margin:0 auto 20px; padding:20px; background:#f8f8f8; border-radius:5px; }


/* MAIN CONTENT */
.site-top { border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; }
.site-top:after { display:block; clear:both; content:' '; height:0; width:100%; }
.site-main { padding:0; display:block; }

/* Site Heading */
.header { display:flex; justify-content: space-between; flex-wrap:nowrap; align-items:center; margin:10px 10px 10px; border-radius:5px; box-sizing: border-box; padding:0 40px; height:60px; width:calc(100%- 20px); box-sizing:border-box; z-index:999; background:#fff; }
.header-logo { display:block; width:200px; background:linear-gradient(to right, #ea3ebd, #f4bc02); -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:lowercase; font-weight:bold; font-size:28px; letter-spacing:1px; }
.header-menu { display:flex; gap:30px; }
.header-menu .header-menu-item { font-weight:800; color:#333; letter-spacing:1px; text-transform: uppercase; }
/* Site Body */
.site-body { position:relative; min-height:400px; padding:40px; margin: 0; }
.site-title { padding:30px 0 0; margin:0; border-radius:5px 5px 0 0; background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd; }
.site-title:after { content:' '; display:block; clear:both; width:100%; }
.site-content { margin:0 auto; padding:0; }
.site-content-wrap { padding:20px 0 0; }
.site-content.content-menu { overflow:hidden; }
.site-container { margin:0 auto; max-width:1300px; padding:0 40px; }
.site-container:after { display:block; clear:both; content:' '; width:100%; height:1px; }
.site-content-heading { margin:0 0 20px; display:flex; align-items:center; justify-content: space-between; }
@media screen and (max-width:600px){
	.header { padding:0 10px; }
	.header-logo { display:none; }
	.site-body { padding:10px; }
}

/* CONTENT AND SIDEBAR */
.layout { display:flex; flex-wrap:wrap; gap:30px; max-width:100%; }
.layout-header { display:flex; flex-wrap:nowrap; margin:0 0 30px; align-items: center; flex-grow:0; flex-shrink:0; width:100%; justify-content:space-between; }
.layout-title {  font-size:20px; font-weight: bold; }
.layout-toolbar { }
.layout-content { flex-grow:1; flex-shrink:1; width:65%; }
.layout-sidebar { flex-grow:0; flex-shrink:0; width:30%; }
.layout-meta { flex-grow:0; flex-shrink:0; width:320px; }
.sublayout { display:flex; flex-wrap:wrap; gap:30px; max-width:100%; }
.sublayout-content { flex-grow:1; flex-shrink:1; width:550px; }
.sublayout-sidebar { flex-grow:0; flex-shrink:0; width:380px; }
/* Collapse subcontent and utility */
@media screen and (max-width:1700px){
	.sublayout { flex-direction:column; gap:0; }
	.sublayout-content { width:100%; }
	.sublayout-sidebar { width:100%; }
}
@media screen and (max-width:1300px){
	.layout { gap:15px; }
	.layout-sidebar { width:320px; }
}
@media screen and (max-width:1100px){
	.layout { display:block; gap:0; flex-direction:column;  }
	.layout-content { width:100%; min-width:0; }
	.layout-sidebar { width:auto; max-width:100%; }
}


/* BLOCKS */
.content-block { margin:0 0 30px; background:#fff; border:1px solid rgba(0,0,0,0.1); border-width:0 0 0 0; border-radius:3px; box-shadow:0 2px 2px 0px rgba(0,0,0,0.1); }
.content-block-body { padding:20px; }
.content-block-body:after { display:block; clear:both; content:' '; height:0; width:100%; }
.content-block-body > .field:last-child { margin-bottom:0; }
.content-block-field-separator { font-size:14px; font-weight:bold; margin:25px 0 10px; }
.content-block-field-separator:first-child { margin-top:0; }
.content-block .block-separator { font-weight:bold; text-transform:uppercase; font-size:12px; margin:10px 0 20px; }
.content-block .block-separator:first-child { margin-top:0; }
/* TITLES */
.content-block .block-title { padding:20px; font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; }
.content-block .block-title-large { font-size:32px; }
/* NEW TITLES */
.content-block-heading { padding:20px; line-height:1.2; }
.content-block-heading .content-block-heading-title { font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; }
.content-block-heading .content-block-heading-subtitle { font-size:14px; margin:0; font-weight:400; color:#999; }

/* Block tabs */
.content-block-tabs { clear:both; overflow:hidden; }
.content-block-tabs .content-block-tab { display:block; position:relative; float:left; margin:0 40px 0 0; padding:0 0 15px; background:none; border-radius:0; color:#777; cursor:pointer; }
/*.content-block-tabs .content-block-tab { display:block; position:relative; float:left; margin:0 40px 0 0; padding:0 0 15px; background:none; border:none; border-width:0 0 5px; border-bottom:5px solid transparent; border-radius:0; color:#777; cursor:pointer; }*/
.content-block-tabs .content-block-tab:last-child { margin-right:0; }
.content-block-tabs .content-block-tab:hover { color:#888; }
.content-block-tabs .content-block-tab-title { font-size:1.1em; text-transform:uppercase; font-weight:bold; }
.content-block-tabs .content-block-tab-subtitle { display:none; font-size:0.9em; opacity:0.7; text-transform:none; font-weight:normal; }
/*.content-block-tabs .content-block-tab-active { border-bottom:5px solid #f90; background:none; color:#777; padding-bottom:11px; cursor:default; }*/
.content-block-tabs .content-block-tab-active:before { display:block; position:absolute; content:' '; height:5px; left:0; width:100%; bottom:0; background:linear-gradient(to right, #EA3EBC, #F3B80A); }
.content-block-tabs + .content-block { margin-top:-1px; }



/* NEW LAYOUT BLOCKS */
.block { margin:0 0 30px; background:#fff; border:none; border-radius:3px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); }
.block-heading { padding:20px; font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; cursor:pointer; }
.block-heading:hover .block-title-title:after { font-family:'fontawesome'; content:' \f0d7'; }
.block-status-open .block-heading:hover .block-title-title:after { content:' \f0d8'; }
.block-content { display:none; padding:10px 20px 20px; }
.block-layout-thin .block-content { padding:0; }
.block-content:after { display:block; clear:both; content:' '; height:0; width:100%; }
.block-content > .field:last-child { margin-bottom:0; }
/* Separators */
.block-content .block-separator { font-weight:bold; text-transform:uppercase; font-size:12px; margin:10px 0 20px; }
.block-content .block-separator:first-child { margin-top:0; }
.block-status-open .block-content { display:block; }
/*.block-field-separator { font-size:14px; font-weight:bold; margin:25px 0 10px; }*/
/*.block-field-separator:first-child { margin-top:0; }*/
/*.block-separator { font-weight:bold; text-transform:uppercase; font-size:12px; margin:10px 0 20px; }*/
/*.block-separator:first-child { margin-top:0; }*/
@media only screen and (max-width:1300px){
	.block { margin:0 0 15px; }
	.block-heading { padding:15px; }
	.block-content { padding:5px 15px 15px; }
}
@media only screen and (max-width: 600px){
	.block { margin:0 0 2px; border-radius:0; }
	.block-heading { font-size:14px; padding:15px; }
	.block-content { display:none; }

}


.field { margin:0 0 15px; }
.field .field-title { float:left; width:120px; color:#999; margin:0; font-size:1em; text-align:left; white-space:nowrap; overflow:hidden; }
.field .field-content { margin:0 0 0 130px; }
.field.field-notitle {  }
.field.field-notitle .field-content { margin:0 0 10px; min-height:24px; }
.field:last-child .field-content { margin-bottom:0; }
.field .field-description { font-size:0.9em; margin:5px 0 0; display:block; }
.field .field-content .readonly { display:block; padding:4px 0 0; }
.field .field-error { color:#f55; font-size:0.9em; margin:5px 0 0; }
.field .field-error:before { display:inline-block; float:left; content:'\f057'; font-family:'fontawesome'; margin-right:5px; }
.field .field-error p { margin:0; }
/* Ample fields */
.field-ample .field-title { width:160px; }
.field-ample .field-content { margin:0 0 0 170px; }
/* Ample fields */
.field-vertical .field-title { float:none; width:auto; margin:0; }
.field-vertical .field-title label { padding:0; }
.field-vertical .field-content { margin:0; }


.property-content { font-size:16px; padding:0; max-width:900px; margin:0; box-sizing:border-box; }


.focus-box { position:relative; background:#eee; border-bottom:1px solid #ccc; padding:1px 20px 20px; margin:0 0 30px; }

.toggle-lines { display:block; float:left; height:24px; line-height:24px; padding:0 10px; font-size:13px; content:'\f054'; background:#aaa; color:#fff; border-radius:50px; display:block; margin:0 20px 0 0; text-align:center; cursor:pointer; }
.toggle-lines:hover { background:#ccc; color:#fff; }
.toggle-lines:after { content:'+ Expandir'; }
.toggle-lines-open:after { content:'- Contraer'; }

.toggle-columns { opacity:0.5; }
.toggle-columns-active { opacity:1; }




/* MEDIA POPUP */
.media { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; }
.media.media-active { display:block; }
.media-wrap { padding:20px; position:absolute; background:#fff; top:20px; bottom:20px; right:20px; left:20px; border-radius:3px; box-sizing:border-box; }

.media-title { padding:0; font-size:16px; height:50px; box-sizing:border-box; }
.media-title-tab { display:inline-block; margin-right:20px; cursor:pointer; }
.media-title .media-title-tab-active { color:inherit; }

.media-body-wrap { position:absolute; overflow:hidden; top:50px; bottom:0; left:0; right:0; box-sizing:border-box; }
.media-body { position:absolute; overflow:auto; top:0; bottom:0; left:0; right:450px; box-sizing:border-box; padding:20px; }
.media-items { overflow:hidden; }
.media-meta { padding:20px 10px; text-align:center; }
/* Media items */
.media-item { position:relative; margin:0 0 10px 0; padding:10px; background:#f5f8fd; border-radius:3px; box-sizing:border-box; cursor:pointer; overflow:hidden; }
.media-item:first-child { border-top:none; }
.media-item .media-item-preview { position:relative; border:2px solid #eee; height:80px; background:#eee; background-position:center; background-size:cover; border-radius: 3px; }
.media-item .media-item-body { padding:10px 12px; line-height: 1.2; }
.media-item:before { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; }
.media-item.media-item-selected { border:2px solid #6b2; }
/* Close Button */
.media-close { float:right; font-family:'fontawesome'; font-size:32px; text-align:right; margin:0; width:32px; height:32px; line-height:28px; cursor:pointer; }
.media-close:before { content:'\f00d'; }
/* Search */
.media .media-search-input { width:400px; }
/* Details pane */
.media-pane { display:none; position:absolute; overflow:auto; top:50px; bottom:0; right:0; width:450px; box-sizing:border-box; }
.media-details { padding:0; }
.media-details-body { padding:20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; max-height:calc(100% - 80px); }
.media-details-preview { width:100%; overflow:hidden; }
.media-details-image { padding:70% 0 0; background:no-repeat center; background-size:contain; }
.media-details-placeholder { position:relative; background:#eee; border-radius:3px; padding:70% 0 0; }
.media-details-placeholder:after { position:absolute; float:left; width:60px; height:60px; line-height:60px; left:50%; top:50%; font-size:48px; text-align:center; margin:-30px 0 0 -30px; opacity:0.1; color:#000; font-family:'fontawesome'; content:'\f15b'; }
.media-info { padding:20px 0 0; overflow:hidden; }
.media-info-title { font-weight:bold; margin:0; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.media .media-info-delete { color:#f66; }
.media-options { position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; }
/* Multiselect pane */
.media-multiselect { padding:15px; display:none; }
.media-selected { display:block; float:left; width:90px; max-width:28%; height:auto; margin:5px; border-radius:3px; }
.media-multiselect-message { margin-left:20px; font-style:italic; color:#999; font-size:16px; font-weight:300; }
.media-has-multiselect .media-multiselect-message { display:inline; }
/* Blank pane */
.media-blank { display:block; padding:300px 30px 0; text-align:center; font-size:16px; box-sizing:border-box; }
.media-blank-content { margin:0 0 30px; }
.media-blank-content:before { content:'\f382'; font-family:'fontawesome'; display:block; margin:0 auto 30px; color:#000; opacity:0.1; font-size:58px; line-height:1; margin:0 0 20px; }
/* Upload drag & drop */
.media-upload { opacity:0; visibility:hidden; position:absolute; background:rgba(255,255,255,0.8); color:#666; top:0; bottom:0; right:0; left:0; }
.media-upload.media-upload-active { opacity:1; visibility:visible; }
.media-upload-label { position:absolute; top:46%; left:0; width:100%; text-align:center; font-size:32px; cursor:pointer; }
.media-upload-file,
.media-upload-submit { visibility:hidden; }
/* Media page (no popup) */
.media.media-static { display:block; position:static; }
.media.media-static .media-wrap  { position:relative; top:auto; left:auto; right:auto; bottom:auto; }
.media.media-static .media-body { position:static; width:auto; margin-right:350px; }
.media.media-static .media-details { width:350px; }
.media.media-static .media-details-preview { padding:0 0 0 20px; box-sizing:border-box; }
.media.media-static .media-details-preview img { border-radius:3px; }
.media.media-static .media-options { position:static; }


/* FEEDBACK POPUP */
.icon-feature { display:block; position:relative; margin:0 0 15px; line-height:1.2; padding:0; }
.icon-feature-title { display:block; position:relative; padding:0 0 0 20px; margin:0 0 10px; }
.icon-feature-subtitle { font-size:12px; }
.icon-feature-children { margin:15px 0 15px 20px; }
.icon-feature-title:before { display:block; position:absolute; left:0; top:50%; margin:-10px 0 0; line-height:20px; height:20px; font-size:16px; content:'\e81d'; color:#aaa; font-family:'linearicons'; }


/* FEATURED BOXES */
.featured-box { display:block; padding:50px 30px; text-align:center; color:inherit; }
.featured-box-title { margin:0 0 10px; font-size:20px; color:#666; }
.featured-box-content { color:#999; }

/* NAVIGATION MENUS */
.menu-selector-wrap { background:#f5f5f5; border-right:1px solid #eee; }
.menu-selector { border-top:1px solid #eee; }
.menu-selector-list { overflow:auto; padding:20px; max-height:500px; }
.menu-selector-item { position:relative; cursor:pointer; border-bottom:1px solid #eee; padding:8px 20px; margin:0; font-size:12px; }
.menu-selector-item:hover { background:#fafafa; }
.nav-page-add { float:right; opacity:0; }
.menu-selector-item:hover .nav-page-add { opacity:1; }
.nav-page-title { font-weight:bold; }
.nav-page-subtitle { text-transform:uppercase; opacity:0.6; font-size:10px; }
/* Custom Links */
.nav-custom { padding:12px 20px; border-top:1px solid #eee; font-size:14px; }
.nav-custom-add:before { content:'\f0c1'; font-family:'fontawesome'; margin-right:6px; color:#999; }

/* Tags */
.tag { display:inline-block; white-space:nowrap; padding:2px 8px; margin:2px 4px 0px 0; font-weight:400; font-size:12px; background:#a1a4a8; color:#fff; border-radius:30px; height:20px; line-height:20px; text-align:center; }
.tag-subtle { background:none; box-shadow:0 0 0 2px #a1a4a8; color:#a1a4a8; }
.tag-tiny { padding:0 4px; margin:0 4px 0 0; font-weight:400; text-transform:uppercase; vertical-align:middle; font-size:8px; height:14px; line-height:14px; }
.tag-small { padding:0px 8px; margin:2px 4px 0px 0; font-weight:400; font-size:10px; height:18px; line-height:18px; }
.tag-medium { padding:4px 16px; font-size:16px; height:24px; line-height:24px; }
.tag-inline { padding:0 4px; margin:0; font-weight:400; font-size:0.8em; border-radius:4px; height:auto; line-height:inherit; }
.tag-disabled { background:#f1f1f1; color:#b1b4b8; }


/* Tag colors */
.color-white { color:#eee; }
.color-lightgrey { color:#bbb; }
.color-grey { color:#777; }
.color-black { color:#333; }
.color-orange { color:#f90; }
.color-red { color:#F66; }
.color-blue { color:#2ac; }
.color-cyan { color:#7cb; }
.color-green { color:#6d3; }
.color-violet { color:#e8e; }
.color-purple { color:#f4c; }
.color-yellow { color:#fc0; }
/* Tag backgrounds */
.background-white { background:#eee; }
.background-lightgrey { background:#bbb; }
.background-grey { background:#777; }
.background-black { background:#333; }
.background-orange { background:#f90; }
.background-red { background:#F66; }
.background-blue { background:#2ac; }
.background-cyan { background:#7cb; }
.background-green { background:#6d3; }
.background-violet { background:#e8e; }
.background-purple { background:#f4c; }
.background-yellow { background:#fc0; }

/* Tag colors */
body .tag-color-white { background:#eee; color:#555; box-shadow:inset 0 0 0 1px #ddd; }
body .tag-color-lightgrey { background:#bbb; }
body .tag-color-grey { background:#777; }
body .tag-color-black { background:#333; }
body .tag-color-orange { background:#f90; }
body .tag-color-red { background:#F66; }
body .tag-color-blue { background:#2ac; }
body .tag-color-cyan { background:#7cb; }
body .tag-color-green { background:#6d3; }
body .tag-color-violet { background:#e8e; }
body .tag-color-purple { background:#f4c; }
body .tag-color-yellow { background:#fc0; }

/* DROPLIST BOX */
.droplist { display:inline-block; position:relative; text-align:left; transition:0.2s all; }
/* Button */
/*.droplist-buton { display:block; position:relative; font-size:16px; background:#fff; color:#aaa; border-radius:30px; height:26px; width:26px; line-height:26px; text-align:center; border:1px solid #fff; transition:0.2s all; cursor:pointer; }*/
.droplist-preview { cursor:pointer; display:inline-block; line-height: 1; border-radius:3px; }
.droplist-preview:hover { background:rgba(0,0,0,0.03); }
.droplist-preview .droplist-item-subtitle { display:none; }
.droplist-content { position:absolute; display:block; visibility:hidden; opacity:0; top:100%; left:0; width:320px; padding:10px; background:#fff; border-radius:4px; z-index:9999; box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); transition:0.5s cubic-bezier(.17,1.11,.75,1.05); transform:scale(0.2); transform-origin:top; }
.droplist-content-items { overflow:hidden; overflow-y:auto; max-height:min(400px, 80vh); }
.droplist-content .droplist-content-filter { padding:10px; border:none; background:#fff; margin:0 0 5px; }
.droplist-content .droplist-content-filter:focus { box-shadow: none; }
.droplist-align-right .droplist-content { left:auto; right:0; }
.droplist-content-background { position:fixed; display:block; visibility:hidden; opacity:0; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3); z-index:9998; transition:0.2s all; }
/* Common fields and content */
.droplist-item { display:flex; align-content:center; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; padding:10px; overflow: hidden; border-radius:3px; line-height:1.2; width:100%; box-sizing: border-box; }
.droplist-item:hover { background:rgba(0,0,0,0.03) }
.droplist-item-select { cursor:pointer; }
.droplist-item-body { margin:0; flex-grow: 1; }
.droplist-item-hidden { display:none; }
.droplist-item-icon { width:18px; line-height:1; font-size:16px; flex-grow:0; flex-shrink:0; margin:0 10px 0 0; text-align:center; color:#444; box-sizing: border-box; }
.droplist-item-title {  margin:0; font-size:14px; font-weight:normal; }
.droplist-item-subtitle { margin:2px 0 0; font-size:0.8em; line-height:1.2; color:#aaa; }
.droplist-content .droplist-item-preview { display:none; }
/* Opened droplist */
.droplist.droplist-open .droplist-content { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.droplist.droplist-open .droplist-content-background { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
@media screen and (max-width:600px){
	.droplist .droplist-content { position:fixed; top:auto; left:20px; right:20px; width:auto; bottom:20px; transform-origin:bottom; }
}


/* DROPDOWN ACTIONS */
.dropdown { display:inline-block; margin-right:4px; position:relative; text-align:left; transition:0.2s all; }
/* Button */
.dropdown-buton { display:block; position:relative; font-size:16px; background:#fff; color:#aaa; border-radius:30px; height:26px; width:26px; line-height:26px; text-align:center; border:1px solid #fff; transition:0.2s all; cursor:pointer; }
/*.dropdown-open .dropdown-buton,*/
/*.dropdown-buton:hover { background:#eee; color:#666; box-shadow:0 0 0 6px #999; }*/
.dropdown-button-title-default:before { content:'\f142'; font-family:'fontawesome'; font-weight:300; }
.dropdown-open .dropdown-button { display:none; }
/* Columns */
.dropdown-content { position:absolute; display:block; visibility:hidden; opacity:0; top:100%; right:0; width:250px; overflow:hidden; background:#fff; border-radius:4px; z-index:9999; box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); transition:0.5s cubic-bezier(.17,1.11,.75,1.05); transform:scale(0.2); transform-origin:right top; }
.dropdown-content:after { display:block; clear:both; content:' '; width:100%; height:0; }
.dropdown-content-background { position:fixed; display:block; visibility:hidden; opacity:0; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:9998; transition:0.2s all; }
.dropdown-content-close { display:none; padding:10px;text-align:left; font-weight:bold; text-transform:uppercase; color:#f66; }
.dropdown-content-close:before { content:'\f00d'; margin-right:5px; font-family:'fontawesome'; }
/*.dropdown-content:before { position:absolute; display:block; content:' '; width:0; right:10px; bottom:100%; height:0px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; z-index:11; }*/
/* Opened dropdown */
.dropdown.dropdown-open .dropdown-content { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.dropdown.dropdown-open .dropdown-content-background { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.dropdown-columns-2 .dropdown-content { width:500px; }
.dropdown-columns-3 .dropdown-content { width:750px; }
.dropdown-columns-4 .dropdown-content { width:1000px; }
.dropdown-status-form .dropdown-content { width:500px; height:580px; }
/* Action columns */
.dropdown-column { display:block; float:right; padding:20px; width:250px; box-sizing:border-box; transition:0.2s opacity; }
.dropdown-column:nth-child(5) { clear:both; }
.dropdown-column-title { text-transform:uppercase; font-weight:bold; margin:0 0 5px; font-size:0.9em; }
.dropdown.dropdown-loading .dropdown-column { opacity:0; }
/* Single actions */
.dropdown-action { display:block; }
.dropdown-action-body { display:block; padding:10px 0px; text-align:left; border:none; font-size:14px; letter-spacing:1px; line-height:20px; cursor:pointer; transition:0.13s opacity; }
.dropdown-status-form .dropdown-action-body { opacity:0; }
.dropdown-action-icon { display:inline-block; font-family:'fontawesome'; color:#777; margin-right:10px; text-align:center; width:16px; }
.dropdown-action-title { color:#08c; }
.dropdown-action-title:hover { color:#2ce; }
.dropdown-action-disabled { opacity:0.3; pointer-events:none; }
.dropdown-action-style-highlight .dropdown-action-title { font-weight:bold; }
.dropdown-action-style-ok .dropdown-action-title { color:#6b2; }
.dropdown-action-style-dangerous .dropdown-action-title,
.dropdown-action-style-dangerous .dropdown-action-icon { color:#f33; }
/* Forms */
.dropdown-action-form { position:absolute; background:#fff; z-index:9; border-radius:4px; left:0; top:0; min-height:400px; height:100%; width:100%; overflow:auto; box-sizing:border-box; display:none; padding:20px; transition:0.1s opacity; }
.dropdown.dropdown-loading .dropdown-action-form { opacity:0; }
.dropdown-action-form-title { text-transform:uppercase; font-weight:bold; margin:0 0 5px; font-size:0.9em; }
.dropdown-action-form-subtitle {  }
.dropdown-action-form-body { margin:20px 0; }
.dropdown-action-form-active { display:block; }
/* Large button */
.dropdown-size-large .dropdown-button { font-size:20px; margin:10px 0 0; height:40px; width:40px; line-height:40px; background:#fff; border:2px solid #eee; border-radius:60px; }
@media screen and (max-width:1100px){
	.dropdown-content { max-width:500px; }
	.dropdown-column:nth-child(3) { clear:both; }
}
@media screen and (max-width:600px){
	.dropdown .dropdown-content { position:fixed; top:10px; left:80px; bottom:10px; right:10px; height:auto; width:auto; max-width:none; box-sizing:border-box; transform:scale(1) translateX(300px); transform-origin:bottom; }
	.dropdown-status-form .dropdown-content { left:10px; }
	.dropdown .dropdown-content-wrap { overflow-y:auto; width:100%; padding-right:30px; max-height:calc(100% - 40px); }
	.dropdown .dropdown-content-close { display:block; }
	.dropdown-column { float:none; width:auto; padding:20px 20px 0; }
	.dropdown-column:last-child { padding:20px 20px; }
}

.component {}
.component form { transition:0.2s opacity; }
.component-loading form { opacity:0.3; pointer-events:none; cursor:wait; }


/* SELECT2 */
.select2-container { box-sizing:border-box; display:inline-block; margin:0; position:relative; vertical-align:middle; }
.select2-container li { list-style:none; margin:0; }
.select2-container .select2-selection--single { box-sizing:border-box; cursor:pointer; display:block; min-height:30px; user-select:none; -webkit-user-select:none }
.select2-container .select2-selection--single .select2-selection__rendered { display:block; padding-left:8px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.select2-container .select2-selection--single .select2-selection__clear { position:relative }
.select2-container .select2-selection--multiple { box-sizing:border-box; cursor:pointer; display:block; min-height:32px; user-select:none; -webkit-user-select:none }
.select2-container .select2-selection--multiple .select2-selection__rendered { display:inline-block; overflow:hidden; padding-left:8px; text-overflow:ellipsis; white-space:nowrap }
.select2-container .select2-search--inline { float:left }
.select2-container .select2-search--inline .select2-search__field { box-sizing:border-box; border:none; font-size:100%; margin-top:5px; padding:0 }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none }
.select2-dropdown { background-color:white; border:1px solid #aaa; border-radius:4px; box-sizing:border-box; display:block; position:absolute; left:-100000px; width:100%; z-index:1051 }
.select2-results { display:block }
.select2-results__options { list-style:none; margin:0; padding:0 }
.select2-results__option { padding:6px; user-select:none; -webkit-user-select:none; list-style:none; margin:0; }
.select2-results__option[aria-selected] { cursor:pointer }
.select2-container--open .select2-dropdown { left:0 }
.select2-container--open .select2-dropdown--above { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0 }
.select2-container--open .select2-dropdown--below { border-top:none; border-top-left-radius:0; border-top-right-radius:0 }
.select2-search--dropdown { display:block; padding:4px }
.select2-search--dropdown .select2-search__field { padding:4px; width:100%; box-sizing:border-box }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none }
.select2-search--dropdown.select2-search--hide { display:none }
.select2-close-mask { border:0; margin:0; padding:0; display:block; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:99; background-color:#fff; filter:alpha(opacity=0) }
.select2-hidden-accessible { border:0 !important; clip:rect(0 0 0 0) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important }
.select2-container--default .select2-selection--single { background-color:#fff; border:1px solid #ddd; border-radius:2px }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#444; line-height:30px }
.select2-container--default .select2-selection--single .select2-selection__clear { cursor:pointer; float:right; font-weight:bold }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color:#999 }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:26px; position:absolute; top:1px; right:1px; width:20px }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#888 transparent transparent transparent; border-style:solid; border-width:5px 4px 0 4px; height:0; left:50%; margin-left:-4px; margin-top:-2px; position:absolute; top:50%; width:0 }
.select2-container--default.select2-container--disabled .select2-selection--single { background-color:#eee; cursor:default }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display:none }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color:transparent transparent #888 transparent; border-width:0 4px 5px 4px }
.select2-container--default .select2-selection--multiple { background-color:white; border:1px solid #ddd; border-radius:2px; cursor:text }
.select2-container--default .select2-selection--multiple:hover { border:1px solid #bbb; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing:border-box; list-style:none; margin:0; padding:0 5px; width:100% }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style:none }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color:#999; margin-top:5px; float:left }
.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor:pointer; float:right; font-weight:bold; margin-top:5px; margin-right:10px }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#eee; color:#999; border:none; border-radius:2px; cursor:default; float:left; margin:5px 5px 0 0; padding:1px 5px }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#999; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#333 }
.select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #2ac; box-shadow:0 0 4px 1px #4cf; outline:0 }
.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color:#eee; cursor:default }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display:none }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius:0; border-top-right-radius:0 }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius:0; border-bottom-right-radius:0 }
.select2-container--default .select2-search--dropdown .select2-search__field { border:1px solid #aaa }
.select2-container--default .select2-search--inline .select2-search__field { background:transparent; border:none; outline:0; box-shadow:none; -webkit-appearance:textfield }
.select2-container--default .select2-results>.select2-results__options { max-height:200px; overflow-y:auto }
.select2-container--default .select2-results__option[role=group] { padding:0 }
.select2-container--default .select2-results__option[aria-disabled=true] { color:#999 }
.select2-container--default .select2-results__option[aria-selected=true] { background-color:#ddd }
.select2-container--default .select2-results__option .select2-results__option { padding-left:1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left:0 }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left:-1em; padding-left:2em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-2em; padding-left:3em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-3em; padding-left:4em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-4em; padding-left:5em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-5em; padding-left:6em }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#5897fb; color:white }
.select2-container--default .select2-results__group { cursor:default; display:block; padding:6px }



/* TABLET (LANDSCAPE) */
@media only screen and (max-width:1300px){
	.container { width:auto; margin:0 10px; }
	.content .column,
	.column .col2 { float:none; width:auto; margin:0; }
}

/* TABLET (PORTRAIT) */
@media only screen and (max-width:815px){

	.column.col2,
	.column.col3,
	.column.col3x2 { float:none; width:auto; margin:0; }
	.column.col4 { width:48%; }
	.column.col4:nth-child(2) { margin-right:0; }
}

/* NON-SMARTPHONE SCREENS */
@media only screen and (min-width: 600px){
	.mobile-only { display:none !important; }
}




/* SMARTPHONE SCREENS */
@media only screen and (max-width: 600px){

	.desktop-only { display:none !important; }
    	
	body { font-size:0.8em; }

	.messages { right:-600px; padding:0; left:0; width:100%; box-sizing:border-box; }
	
	.column.col4,
	.column { float:none; width:auto; margin:0; }
	
	.content-block .block-title { font-size:14px; padding:10px; }
	.content-block-tabs .content-block-tab-title { font-size:0.85em; }
	.content-block-tabs .content-block-tab { margin:0 10px 0 0; padding:0 0 10px; }
	.content-block-tabs .content-block-tab-active { padding-bottom:11px; }
}





/* ARTICLE PREVIEW */
body .article-preview { margin:0 auto; max-width:900px; padding:0 0 0 25px; }
body .article-preview * { font-size:16px; line-height:1.5; color:#666; }
body .article-preview h1,
body .article-preview h2,
body .article-preview h3,
body .article-preview h4,
body .article-preview h5,
body .article-preview h6 { position:relative; font-size:16px; line-height:1.2; font-weight:bold; margin:0 0 20px; color:#444; }
body .article-preview h1 { font-size:28px; }
body .article-preview h2 { font-size:24px; }
body .article-preview h3 { font-size:20px; }
body .article-preview h4 { font-size:18px; }
body .article-preview h5 { font-size:16px; }
body .article-preview h6 { font-size:16px; }
body .article-preview h1:before,
body .article-preview h2:before,
body .article-preview h3:before,
body .article-preview h4:before,
body .article-preview h5:before,
body .article-preview h6:before { position:absolute; left:-30px; top:50%; margin:-10px 0 0; display:inline-block; font-size:10px; content:'h1'; font-weight:400; padding:2px 4px; border-radius:3px; background: #fc0; color:#fff; }
body .article-preview h1:before { content:'H1'; }
body .article-preview h2:before { content:'H2'; }
body .article-preview h3:before { content:'H3'; }
body .article-preview h4:before { content:'H4'; }
body .article-preview h5:before { content:'H5'; }
body .article-preview h6:before { content:'H6'; }
body .article-preview a,
body .article-preview a:link,
body .article-preview a:visited { text-decoration:underline; color:#2ac; }