/**
 * Optional user-defined custom CSS rules for this admin-side theme.
 *
 * Enable this file by uncommenting (or adding) the following line within your
 * Textpattern config.php file: define('admin_custom_css', true);
 *
 * You can uncomment any of the pre-made rules below, or add your own rules.
 * Note: be careful not to overwrite your own custom rules when updating to a
 * new version of Textpattern!
 */


@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal; }

@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal; }

@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Thin.woff2") format("woff2"), url("fonts/Roboto-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal; }

@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-MediumItalic.woff2") format("woff2"), url("fonts/Roboto-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic; }

@font-face {
	font-family: 'Roboto';
	src: url("fonts/Roboto-Italic.woff2") format("woff2"), url("fonts/Roboto-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic; }



:root {
    --mainColor: #ff6600;
    --mainColorDark: #d05c18;
    --mainColorBright: #e89761;
    --bright: #fafafa;
	--white: #ffffff;
	--gray_1: #c0c0c0;
	--gray_2: #7e7e7e;
	--dark: #363636;
    --linkColor: #d05c18;
    --linkColorHover: #e89761;
    --messagepaneBg: #668c23;
    --submitBg: #668c23;
    --submitBorder: #207c20;
    --submitBgHover: #207c20;
    --submitBorderHover: #238c23;
}

body{
}

body#page-logout, body#page-login, body.login{
    background: var(--mainColor);
}
.login h1, .welcome h1, body.darkmode.login h1, body.darkmode.welcome h1 {
    background: url(../img/logo-start.svg) no-repeat;

}
#login_form{
	max-width: fit-content !important;
}
#messagepane {
    left: 0;
    transform: translateX(0);
}
.messagepane .messageflash.success {
    border-radius:  0;
    background: var(--messagepaneBg);
}

body {
    padding: 6em 4% 0;
}

body.darkmode a:active, body.darkmode a:hover {
    color: var(--mainColorBright);
}

body.darkmode a {
    color: var(--mainColorDark);
}

.txp-body {

    max-width: none;

}
.txp-login{
    max-width:1800px;
    color:var(--bright);
}
.txp-login a{

    color:var(--bright);
}
input#login_name, input#login_password, input#set_password{
    background: var(--mainColor);
    font-size:1.8em;
    border-color:#fffff;
    color:var(--bright);
}

ul,li,a,input{ will-change:all;transition: all 0.3s ease-out;}
a{
    color: var(--linkColor);
    border:none;
}
a:active, a:hover {
    color: var(--linkColorHover);
    text-decoration: underline;
}

a.navlink-active{
    background: var(--mainColorDark);

}
filtered button.ui-corner-right, .nav-tertiary .navlink-active {
    background-color: var(--mainColorDark);
    border-color:none;
}



.txp-header {
    background-color: var(--mainColor);
    border-bottom: 1px solid var(--mainColorBright);
    border-top: 1px solid var(--mainColorDark);
    height: auto;

}

.txp-header h1 {

    margin: 1.0625em .9em 0 0;

}

.txp-view-site span {
    color: var(--bright);

}

.txp-view-site span  a{
    color: var(--bright);
    display: block;

    padding: 1em;
}

.txp-logout {

    top: 0;
}

.txp-nav > ul > li {
    background: var(--mainColor);
    border:none;
}

.dropdown-menu li.selected,
.dropdown-menu li:hover {
    background:var(--mainColor);
    color:var(--bright);
}

.txp-nav > ul > li > a {
    color: var(--bright);
    padding:1em;

}

.txp-nav a:hover{
    color: var(--bright);
}

.txp-nav > ul > li:first-child{
    border:none
}

.txp-nav > ul > li > a.dropdown-toggle{
    padding:1em 2em;
}

.txp-nav > ul > li > a.dropdown-toggle::after {
    border-top-color: var(--bright);
    top: 2em;
}



.dropdown-menu {
    transition: all 0.5s ease-out;
    background: var(--bright);
    border: 1px solid #ccc;
    border-radius: 0 .3em .3em;
    display: none;
    flex: none;
    left: 0;
    min-width: 12em;
    position: absolute;
    top: 5em;
    z-index: 20000;
}

.navlink, .navlink-active, .txp-button, .txp-logout a, [type="reset"], [type="submit"], button, input[type="button"] {

    background-color: var(--mainColor);
    border: 1px solid var(--mainColorBright);
    border-radius: 0;
    color:var(--bright);

}

.navlink-active:hover,
.navlink:hover,
.txp-button:hover,
.txp-logout a:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover,
input[type=button]:hover {
    background-color:var(--mainColorDark);
    border: 1px solid var(--mainColor);
    color:var(--bright);
    text-decoration:none;
}
.navlink-active:active,
.navlink:active,
.txp-button:active,
.txp-logout a:active,
[type=reset]:active,
[type=submit]:active,
button:active,
input[type=button]:active {
    background-color:var(--mainColorDark);
    border-color:none;
    color:var(--bright);
    text-decoration:none
}
.filtered button.ui-corner-right:hover, .nav-tertiary .navlink-active:hover {
    background-color: var(--mainColorBright);
    border-color: var(--mainColorBright);
}
[type="submit"].publish, a.publish, button.publish {
    background-color: var(--submitBg);
    border: 1px solid var(--submitBorder);
}
[type="submit"].publish:hover, a.publish:hover, button.publish:hover {
    background-color: var(--submitBgHover);
    border: 1px solid var(--submitBorderHover);
}
.navlink-active:focus,
.navlink:focus,
.txp-button:focus,
.txp-logout a:focus,
[type=reset]:focus,
[type=submit]:focus,
button:focus,
input[type=button]:focus {
    border-color:none;
    color:var(--mainColorDark);
    outline:2px solid transparent
}


.txp-nav > ul > li.selected > a:hover , .txp-nav > ul > li > a:hover {

    background: hsla(0, 0%, 16%, 0.6);
}


.txp-save-zone {
    background: #f7f7f7;
    border: 1px solid #d0d0d0;

    border-right-color: rgb(208, 208, 208);
    border-bottom-color: rgb(208, 208, 208);
    border-left-color: rgb(208, 208, 208);
    border-top-color: rgb(208, 208, 208);


    margin: -0.25em 0 1.75em;
    top: 4.75em;
}

.alert-block.information {
    background: var(--mainColorBright);
    border-color: var(--mainColorDark)
}

.information:not(li) {
    color: var(--bright);
}


.ui-button {

    background-color: var(--mainColor);
    border: 1px solid var(--mainColorBright);

    color: var(--bright);

}

.ui-button:hover {

    background-color: var(--mainColorDark);
    border: 1px solid var(--mainColor);
    color: var(--bright);

}



summary.txp-summary, .txp-details > h3.txp-summary{
	background-color: var(--gray_1);

	color: var(--dark);
	padding:15px 20px;
	transition: all .5s ease-out;
}

.txp-details > h3.txp-summary{
height: auto !important;
	padding:0;
}

.txp-details > h3.txp-summary a{
	background-color: var(--gray_1);

font-weight: normal;
	color: var(--dark);
	padding:13px 28px;
}


summary:hover, .txp-details > h3.txp-summary a:hover{
	background-color: var(--gray_2);
	cursor:pointer;

}

h3.txp-summary a::after {
	border: 0 solid transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: transparent;
	border-left-width: 0px;
	border-left-color: var(--dark);
	border-width: .25em 0 .25em .25em;
	content: "↓";
	display: block;
	font-size: 16px;
	height: 0;
	opacity: 1;
	overflow: hidden;
	position: absolute;
	left: 1.2em;
	text-indent: 110%;
	text-transform: capitalize;
	top: 1.45em;
	white-space: nowrap;
	width: 0;
	z-index: 10;
}

h3.txp-summary.expanded a::after {
	border: 0 solid transparent;
	border-top-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: var(--dark);;
	border-width: .25em .25em 0;
	content: "↑";
	left: 1.1em;
	top: 1.65em;
}


.pb-1{padding-bottom:1em !important;}

.hidden{display:none !important;}


.headliner{
	border: 1px solid #ccc;
}

.headliner .txp-form-field-instructions{
	padding:0 10px;
}

.headliner .txp-form-field-instructions{
	padding:0 10px;
}

.headliner div.txp-form-field-label, .headliner-bg{
	background-color: var(--gray_1);
	border: none;
	font-weight: normal;
	color: var(--dark);
	padding:10px ;
	margin-bottom: 10px;

}

.headliner-bg{padding:10px !important;}

.headliner  .txp-form-field-value{
	padding:10px;
}

.file_input  input{
	display: none !important;
}
.file_input .txp-form-field-instructions{
	padding:10px;
}
.file_input ul#bot_file_list{
	padding:10px;
}

.hidden-input .txp-form-field-value{
display:none;
}
.hidden-input{
	border:none;
}

.hidden-input div.txp-form-field-label{
	margin:0;
}




.bg-white, .custom-field{
	margin:10px 0;
	padding:20px;
	border:solid 1px  var(--gray_1);
}

.bg-white{
	background: var(--white);
}

.headliner, .cf-event-adjust-field{
	padding:0;
}

.trumbowyg-button-pane{
	background: var(--gray_1) !important;
}
.trumbowyg-editor{
	background: var(--white);
}

.load-new{
	font-size: 2em;
	float: right;
}



/* Hide Categories Article and Link in Backend*/
#categories_article, #categories_link{
	display:none;
}




/* Global
   ========================================================================== */


/**
 * Remove Textpattern branding.
 */

/* .txp-header h1 {
    padding-left: 0 !important;
    background: none !important;

    a {
        margin-left: 0 !important;
    }
} */


/**
 * Remove page headings.
 */

/* .txp-heading {
    display: none !important;
} */


/**
 * Remove lightbulb (light/dark mode toggle).
 */

/* .txp-lightbulb {
    display: none !important;
} */



/* Content -> Write panel
   ========================================================================== */


/**
 * Hide the Write panel Text/HTML/Preview tabs group.
 */

/* #view_modes {
    display: none !important;
} */


/**
 * Hide the Write panel 'Expires' group.
 */

/* .expires-datetime-group {
    display: none !important;
} */


/**
 * Hide the Write panel 'Keywords' field.
 */

/* .keywords {
    display: none !important;
} */


/**
 * Hide the Write panel 'Comment options' group.
 */

/* #txp-comments-group {
    display: none !important;
} */


/**
 * Hide the Write panel 'Article image' group.
 */

/* #txp-image-group {
    display: none !important;
} */


/**
 * Hide the Write panel 'Custom fields' group.
 */

/* #txp-custom-field-group {
    display: none !important;
} */


/**
 * Hide the Write panel 'Advanced options' group.
 */

/* #txp-advanced-group {
    display: none !important;
} */


/**
 * Hide the Write panel 'Text formatting options' fields.
 */

/* .txp-textfilter-options {
    display: none !important;
} */


/**
 * Hide the Write panel 'Recent articles' group.
 */

/* #txp-recent-group {
    display: none !important;
} */



/* Content -> Images panel
   ========================================================================== */


/**
 * Hide the Images panel 'Caption' field.
 */

/* .edit-image-caption {
    display: none !important;
} */