/* Styles for the Aline Digital CMS */
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300+400+500+600');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

body { font-family: 'PT Sans', sans-serif; font-size: 12pt; color: #222; background: #fff; padding: 95px 0 0 0; margin: 0; -webkit-font-smoothing: antialiased; }


/* Buttons and forms */
form { margin: 20px 0; }

h1 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 28pt; margin: 0 0 25px 0; border-bottom: 1px dotted #000; }
h4 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 18pt; }

a { color: #222 }

.semi { opacity: 0.5; }
.hidden { display: none; }

a.faux-btn, input[type=submit] { display: inline-block; padding: 5px 8px; background: #0f5551; border-radius: 5px; color: #fff; text-decoration: none; font-size: 11pt; border: none; }
.submit { clear: both; text-align: center; }
input[type=submit] { font-size: 13pt; padding: 8px 15px; cursor: pointer; margin: 20px auto 10px auto; outline: none; }

.form-group { width: 100%; margin-bottom: 18px; clear: left; overflow: auto; }
.form-group label { display: block; margin-bottom: 5px; color: #999; font-size: 11pt; }
label.required:after { content: ' *'; color: #0f5551; }
.form-group input[type='text'], .form-group input[type='email'], .form-group input[type='phone'], .form-group input[type='password'], .form-group input[type='number'], select, textarea { width: 100%; font-family: 'Lato', sans-serif; font-size: 12pt;padding: 8px 12px; box-sizing: border-box; outline: none; border: 1px solid #ccc; }
.form-group input[type='text']:focus, .form-group input[type='email']:focus, .form-group input[type='phone']:focus, .form-group input[type='password']:focus, textarea:focus { border: 1px solid #999; }
.form-group input[type='text'][readonly] { color: #999; }

form #eventsForm { margin-top: 35px; padding: 10px; border-top: 1px dotted #555; overflow: auto; }
form #eventsForm > h4, .fields-form h4 { border-bottom: 1px dotted #999; margin-bottom: 18px; }
form #eventsForm p { color: #999; font-size: 12pt; font-style: italic; margin-bottom: 18px; }
form #eventFacts { background: #f4f4f5; padding: 8px 15px; }
form #eventsForm #addFactBtn, .add-item { font-size: 10pt; position: relative; float:right; margin-top: 5px; }
form #eventsForm #addFactBtn:before, .add-item:before { content: "+ "; color: #999; position:absolute; left: -12px; }
form #eventFacts .fact-group, form #eventsForm .lnk-group { overflow:auto; }
form #eventFacts .fact-group .form-group, form #eventsForm .lnk-group .form-group { width: 22.5%; margin: 0 5% 18px 0; float: left; }
form #eventFacts .fact-group .form-group+.form-group, form #eventsForm .lnk-group .form-group+.form-group { width: 72.5%; margin-right: 0; clear: none; }

.filter-form, .fields-form { background: #f1f1f1; padding: 8px 12px; border-radius: 5px; margin: 20px 0; }
.filter-form form { margin: 0; }
.filter-form .form-group { width: 45%; margin: 10px 2.5%; float: left; clear: none; }
.filter-form .form-group.cb { width: 95%; margin: 10px 2.5%; float: left; clear: none; }
.filter-form input[type='submit'] { clear: left; margin-left: 2.5%;}
.filter-form input[type='submit'].faded { background: #aaa; }

.fields-form { border-radius: 0; }
.fields-form .field { margin: 10px 0; background: #ddd; border-radius: 5px; padding: 5px 12px; overflow: auto; }
.fields-form .field.repeat, .fields-form .field.clearer { background: #444; color: #fff; }
.fields-form .field .del-btn, .fields-form .field .reorder { font-size: 14px; float: right; margin-left: 15px; }
.fields-form .field .reorder { cursor: move; }
.fields-form .field h5 { font-size: 18px; margin: 0 0 5px 0; }
.fields-form .field h6 { font-size: 15px; margin: 0 0 5px 0; border-bottom: 1px dotted #bbb; clear: left; }
.fields-form .field .options { overflow: auto; }
.fields-form .field .options .form-group:nth-child(odd) { width: 25%; float: left; }
.fields-form .field .options .form-group:nth-child(even) { width: 70%; float: left; margin-left: 5%; clear: none }
.fields-form .field .options .del-icon { float: right; font-size: 13px; }
.fields-form .field.repeat a, .fields-form .field.clearer a { color: #fff; }
.fields-form .field .form-group { width: 85%; float: left; }
.fields-form .field .man-group { width: 15%; float: left; }
.fields-form .field .man-group label { text-align: center; display: block; color: #999; font-size: 11pt; }
.fields-form .field .man-group input[type=checkbox] { margin: 18px auto 0 auto; display: block; }
.fields-form .field.checkbox .man-group input[type=checkbox] { float: none; }
.fields-form .field .form-group { width: 85%; float: left; }
.fields-form .field .form-group.full { width: 100%; float: none; }
.fields-form .field .form-group.full input[type=number] {  }

.datetime select { width: 15%; display: inline-block; }
.datetime select:nth-child(3), .datetime select:nth-child(4), .datetime select:nth-child(7) { margin-left: 1%;}
.datetime select:nth-child(5) { margin-left: 3%; margin-right: 0.5%; }
.datetime select:nth-child(6) { margin-left: 0.5%; }

.select { overflow: auto; }
.checkbox {  }
.checkbox input { float: left; margin-right: 18px; margin-top: 5px; }
.select .checkbox { width: 50%; margin: 0; float: left; }
.select.multi { margin: 20px 0;  }
.select.multi .checkbox { width: 95%; margin-left: 5%; margin-top: 20px; float: none; }
.select.multi .checkbox + .checkbox { margin-top: 0; }

.multiple select { min-height: 175px; }

.alert, .alert-success { color: #fff; background: #9a9a9a; padding: 8px 15px; border-radius: 8px; max-width: 870px; margin: 0 auto 25px auto; }
.alert-success { background: #FF0080; }
.alert-danger { background: #FF0080; }
.alert-warning { background: #FF0080; }
.alert-info { background: #FF0080; }

/* Header / Footer / subnav styles */
header { width: 100%; padding: 0; background: #000; color: #fff; overflow: auto; position: fixed; top: 0; z-index: 1; }
header img { margin: 16px; float: left; height: 38px; width: auto; }
header nav { float: right; }
header nav ul { list-style: none; font-size: 0; margin: 0; }
header nav ul li { display: inline-block; }
header nav ul li a { text-decoration: none; font-size: 11pt; color: #fff; display: block; margin: 0; padding: 27px 24px; transition: background 0.8s ease; }
header nav ul li a.logout { border-left: 1px solid rgba(255,255,255,0.15); }
header nav ul li a:hover { background: rgba(255,255,255,0.15); }

ul.subnav { position: fixed; top: 120px; left: 0; }
ul.subnav li { margin: 5px 0; }
ul.subnav li.major { margin-top: 12px; }
ul.subnav li a { font-size: 12pt; display: block; width: 125px; padding: 6px 10px; background: #ededed; color: #000; text-decoration: none; transition: background 0.6s ease; transition: color 0.6s ease; transition: font-size 0.6s ease; }
ul.subnav li a:hover, ul.subnav li.major a  { font-size: 13pt; color: #fff; background: rgba(0,0,0,0.5); }
ul.subnav li.major a { width: 140px; background: #000; }
header.admin-header .admin-header-title {display:inline-block;margin: 24px 8px;}

/* Table styling */
table { margin: 20px 0; border-collapse: collapse; width: 100%; }
table tr th, table tr td { border-bottom: 1px solid #000; padding: 5px 8px; }
table tr th.strong { font-weight: bold; }
table tr.grouped td { border-top: 2px solid #000; padding: 5px 8px; }
table tr:nth-child(odd) td { background: #f1f1f1; }
table tr th { padding: 8px; text-align: left; border-bottom: 2px solid #000; font-weight: 500; }
table tr th a { font-size: 16pt; text-decoration: none; }
table tr td:last-child a { font-size: 11pt; }

table tr td.emphasis { font-weight: 600; }

table tr.child { font-style: italic; font-weight: 300; font-size: 0.9em; }
table tr.child td:first-child { padding-left: 35px; }

/* Image video inputs */
.img-lnk { position: relative; overflow: auto; margin-bottom: 18px; width: 100%; text-align: center; border: 1px solid #ccc; padding: 43px 12px; box-sizing: border-box; }
.img-lnk a { color: #999; font-style: italic; font-size: 11pt; }
.img-lnk .image-preview { position: absolute; left: 12px; top: 12px; padding: 0; margin: 0; }
.img-lnk .image-preview img { padding: 0; margin: 0; }

/* Forms for dynamic form setup */
.add-form { border-top: 1px solid #ddd; padding: 10px 10px 0 50%; margin: 10px 0 0 0; }
.add-form.empty { border-top: none; padding-top: 0; margin-top: 0; }
.add-form select { display: inline-block; width: 65%; }
.add-form button { background: #ddd; padding: 5px 12px; border: none; border-radius: 4px; display: inline-block; margin-left: 15px; }


/* Documents */
h1 a.up { float: right; font-size: 0.4em; font-weight: normal; }
ul.folders { list-style: none; font-size: 0; }
ul.folders li { background: #ededed url('../img/admin/folder.svg') left 10px center no-repeat; background-size: 28px; font-size: 13pt; width: 30%; display: inline-block; padding: 12px 15px 9px 55px; margin: 15px 1.5%; box-shadow: 1px 1px 5px #bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.folders li:hover { box-shadow: 1px 2px 5px #bbb; }
ul.folders li a { text-decoration: none; }
ul.folders li a.action { float: right; }
ul.folders li a.action img { height: 20px; margin: 0 0 0 10px; }

ul.documents { margin-top: 50px; border-top: 1px dotted #bbb; }
ul.documents li { background: url('../img/admin/file.svg') left center no-repeat; background-size: 22px; padding: 20px 0 20px 55px; border-bottom: 1px dotted #bbb; }
ul.documents li a.delete img { height: 24px; }
ul.documents li span  { float: right; margin-right: 30px; font-size: 80%; margin-top: 4px; }

.empty { font-style: italic; margin-top: 20px; }

/* Users */
.opener { padding: 3px 0 3px 32px; background: url('../img/admin/plus.svg') left center no-repeat; background-size: 24px; }
.opener.opright { padding: 3px 32px 3px 0; background: url('../img/admin/plus.svg') right center no-repeat; overflow: auto; float: right; }
.opener.minus{ background-image: url('../img/admin/minus.svg'); }

.usr-form { background: #ededed; padding: 16px 20px 12px 20px; margin-top: 12px; }
.usr-form form { margin: 0; }

p.pagination { float: left; font-size: 90%; color: #777; }
p.pagination:before { content: "Page: "; }
ul.pagination { float: right; list-style: none; font-size: 90%;  }
ul.pagination li { text-align: right; display: inline-block; color: #aaa; margin: 0 5px; }
ul.pagination li a { color: #777; }
ul.pagination li:first-child:before { content: '<< '; }
ul.pagination li:nth-child(2):before { content: '< '; }
ul.pagination li:nth-child(3):after { content: ' >'; }
ul.pagination li:last-child:after { content: ' >>'; }

div.existing-images { margin-bottom: 20px; overflow: auto; background: #ededed; }
div.existing-images > div { float: left; width: 20%; margin: 20px 2.5%; padding: 10px; position: relative; display: block; background: #fff; font-size: 90%; box-sizing: border-box; }
div.existing-images > div:nth-child(4n+1) { clear: left; }
div.existing-images > div img { width: 100%; }
div.existing-images > div a { color: #777; font-size: 0.9em; }
div.existing-images > div input { width: 100%; padding: 5px 8px; box-sizing: border-box; margin-bottom: 2px; }
div.existing-images > div.no-news-size {border: 2px solid #dc493a;}
div.existing-images p.existing-images-warning {font-size: 11px; color:#dc493a;}


div.existing-slideshow-images { margin-bottom: 20px; overflow: auto; background: #ededed; }
div.existing-slideshow-images .container_slide  { float: left; width: 95%; margin: 10px 2.5%; padding: 10px; position: relative; display: block; background: #fff; font-size: 90%; box-sizing: border-box; }
div.existing-slideshow-images .container_slide > div {width:30%;display:inline-block;float:left;margin-right:3%}
div.existing-slideshow-images .container_slide > div img { width: 100%; }
div.existing-slideshow-images .container_slide > div  a { color: #777; font-size: 0.9em; }
div.existing-slideshow-images .container_slide  > div input { width: 100%; padding: 5px 8px; box-sizing: border-box; margin-bottom: 2px; }

/* Upload form */
form .img-input { display: block; height: 100px; position: relative; margin-bottom: 20px; box-sizing: border-box; }
form label.files { display: block; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; padding: 40px 14px; text-align:center; width: 100%; border: 1px dashed #ddd; background: #fcfcfd; box-sizing: border-box; }
form label.files.hovered { border: 1px solid #444259; background: #cbd6f2; box-sizing:border-box; }
form label.files.uploaded { border: 1px solid #444259; }
form input[type=file] { font-size: 0; width: 100%; height: 100px; opacity: 0; overflow: hidden; background: none; position: absolute; z-index: 2; }
.ck-editor__editable { min-height: 200px; }

/* Inline document management */
form .img-input.file { width: 85%; float: left; box-sizing: border-box; }
form .img-input.file label { border-right: none; }
form .img-input.file+input[type=submit] { display: block; margin: 0; padding: 39px 0 40px 0; width: 15%; box-sizing: border-box; border-radius: 0; }

.folders { float: left; width: 30%; border: 1px solid #ddd; padding: 8px; box-sizing:border-box; font-size: 0.9em; margin-right: 2.5%; margin-bottom: 20px; }
.folders h3 { font-size: 1.5em; border-bottom: 1px solid #ddd; }
.folders ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.folders ul li a { display: inline-block; padding: 5px 0; }
.folders ul li.up { border-bottom: none; }
.folders ul li > ul { margin-left: 15px; }
.folders ul li ul li.up { display: none; }

.files-list { width: 67.5%; float: right; margin-bottom: 30px; }
.files-list div.file { border: 1px solid #eee; padding: 10px; margin-bottom: 5px; cursor: pointer; }
.files-list div.file.selected { border: 1px solid #444259; background: #cbd6f2; }
.files-list div.file img { float: left; margin-right: 12px; }
.files-list div.file p { font-size: 0.9em; margin: 2px 0; }

.folder-form { background: #f9f9fa; padding: 12px; margin-bottom: 10px; }
form.inline-form { overflow: auto; margin-bottom: 5px; }
form.inline-form .input { display: block; float: left; width: 40%; }
form.inline-form .input input, form.inline-form .input select { width: 90%; padding: 5px; box-sizing: border-box; }
form.inline-form input[type=submit] { margin-top: 20px; padding: 5px 22px; background: #444259; color: #fff; border: none; border-radius: 4px; }

.files-list div.file p.filename-edit { font-size: 1.2em; margin-bottom: 5px; }
.files-list div.file p.filename-edit input[type=text] { border: 1px solid #eee; outline: none; min-width: 350px; font-size: 0.9em; font-family: 'Lato', sans-serif; padding: 5px 12px; }
.files-list div.file p.filename-edit input[type=text]:focus { border: 1px solid #ccc; }

.edit-icon, .delete-icon { width: 14px; height: auto; margin-left: 5px; }
.edit-icon { margin-left: 20px; }

.home-image-gallery {display:none}

/* Sorting table for pages */
ul#sortTree {
    list-style: none;
}
ul#sortTree li table {
    margin: 5px 0;
}
ul#sortTree table tr td {
    border-bottom: none;
    padding: 12px 8px;
}
ul#sortTree li ul {
    padding-left: 20px;
    list-style: none;
    display: none;
}
ul#sortTree table a.tbl-opener {
    width: 16px;
    height: 20px;
    display: block;
    background: url('/img/core/arrow-down.svg') center center / 12px auto no-repeat;
    transition: 0.2s;
}
ul#sortTree table a.tbl-opener.is-open {
    transform: rotate(180deg);
}
ul#sortTree table a.tbl-mover {
    width: 16px;
    height: 20px;
    display: block;
    background: url('/img/core/mover.svg') center center / 10px auto no-repeat;
    transition: 0.2s;
    cursor: move;
}