/*
 Composr
 Copyright (c) Christopher Graham, 2004-2024
*/

/*
This is Composr's base CSS file. It defines colours and responsive modes using Tempcode that may be referenced in other CSS files.
See global.css for actual CSS rules.
*/

/*
=========================
====Responsive modes=====
=========================
*/

/*
These define CSS_MODEs. They work both as responsive design breakpoints, and rule output control for mobile mode.

In desktop mode:
 mode directives are turned into corresponding @media rules (i.e. responsive design)

In mobile mode:
 anything marked with "mobileModeMedia" will be turned into @media rules
 anything marked with "mobileModeKeep" will be output directly
 anything marked with "mobileModeDiscard" skipped (to save on file-size)
*/

/* The basic ones */
/* NB: Remember to update $cms.isCssMode() too if you make changes here. */



/* Ones considering overlays are smaller */



/* Extra ones; useful if you are providing better specificity for particular tested ranges (make sure the base-line of each range works for the rules you set; assuming we are using retina/hi-dpi properly rather than to cram more onto the screen) */

/*This would only be used if you set a fixed (non-responsive) viewport of 320 (QVGA, portrait mode); not used by default*/
/*Based on up to what iPhone6 can do; higher-res phones like phablets may fall under the smartphone_landscape range even in portrait mode which is fine*/
/*Based on from iPhone6 landscape up to our tablet size; also good for small tablets in portrait mode*/
/*This corresponds to the fixed width tablet mode viewport defined in HTML_HEAD.tpl optimised for landscape mode; fixed width is not on by default, so tablet is the same as desktop in that case*/
/*1024 is considered the industry-standard, which is 982 with scrollbar; also good for small tablets in landscape mode and large tablets in portrait mode*/

/*Also good for large tablets in landscape mode*/

/*
=========================
========Settings=========
=========================
*/

/* Miscellaneous settings */
 /* 1366px minus 17px scrollbar */





 /* Varies by font: 500 for Roboto, 600 for Open Sans */

/* Box shadow settings */




/* Leave this alone */

/*
 Composr
 Copyright (c) Christopher Graham, 2004-2024
*/

/*
This is Composr's base CSS file. It defines colours and responsive modes using Tempcode that may be referenced in other CSS files.
See global.css for actual CSS rules.
*/

/*
=========================
========Colours==========
=========================
*/

/* Fundamental base colours */




/*Theme seed is: 2388ef*/

/* WCAG compliance colours */
 /* AA compliance */
 /* AA + AAA (for large text) compliance */
 /* AA + AAA compliance */
 /* AA + AAA compliance */

/* The fundamental website */






/* Colours to mirror UI conventions (i.e. non-thematic) */








 /* Google adwords style */



/* Colours to mirror human understandings (i.e. non-thematic) */























/* For standard elements */













/* Borders */





/* Backgrounds (quiet a variety, as we need to be able to stack them, to have both hover and active effects, to have zebra striping, and various other levels of perceived focus) */

















/* Backgrounds, employing color wheel theory */



/* Buttons */



/* Text */








/* Special colour for box titles */







/* Special colour for code/quote boxes */





/* Drop down menus should look 'above' the site */



/* Global-level messages should stand out compared to other styling */


/* Footer */



/* Range of bright varying colours based on Material Design, used for group colours */





































/*
 Composr
 Copyright (c) Christopher Graham, 2004-2024
*/

/*
 Composr
 Copyright (c) Christopher Graham, 2004-2024
*/








/* Global */

#installer-body {
	background-image: linear-gradient(to bottom, #308eef, #77b2ef);
	background-repeat: no-repeat;
}

@media (min-width: 983px) { 
	.installer-main {
		text-align: center;
		margin: 2.5em 0 1em 0;
	}
}

.installer-main img {
	display: inline-block;
}
@media (max-width: 982px) { 
	.installer-main img {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 983px) { 
	.installer-main img {
		margin-bottom: 2.6em;
	}
}

.installer-main-inner > .box {
}

@media (min-width: 983px) { 
	.installer-main-min {
		min-height: 350px;
	}
}
@media (max-width: 982px) { 
	.installer-main-inner {
		margin: 3px;
	}
}

.installer-main-min th, .installer-main-min td {
	vertical-align: middle;
}

.installer-version {
	margin-top: 25px;
	font-size: 0.8em;
	text-align: center;
	clear: both;
}

.installer-version,
.installer-version a,
.installer-version a:visited {
	color: #ffffff;
}

.installer-version a:hover {
	color: #f2f2f2;
}

/* Re-used */

.installer-left-column {
	width: 40%;
}

.installer-right-column {
	width: 60%;
}

.installer-input-left-column {
	width: 30%;
}

.installer-input-right-column {
	width: 70%;
}

.long-warning ul {
	overflow: auto;
	max-height: 400px;
}

.long-warning li {
	list-style-type: circle;
}

.installer-warning, .installer-notice {
	background-color: #ffffff;
	border: 1px solid #b7d8fa;
	padding: 1em;
	border-radius: 5px;
}

.installer-warning {
	color: #cc0000;
}

.installer-notice {
	color: #007a00;
}

.up-alert {
	text-transform: uppercase;
}

.radio-horiz-spacer {
	padding-left: 2em;
}

.actions-list-strong {
	font-weight: bold;
}

textarea.mono-textbox {
	font-family: 'Courier New', 'Courier', monospace;
}

/* Step 1 */

#install-welcome {
	background-color: #d7e6f5;
	border: 1px solid #b7d8fa;
	border-radius: 5px;
	text-align: center;
	padding: 0.5em 0;
	margin: 2em 0;
}

#install-newsletter {
	border: 1px dotted #dddddd;
	border-radius: 5px;
	float: right;
	margin-left: 15px;
	background-color: #e7f2fd;
	padding: 0.5em;
}

#install-newsletter p {
	margin-top: 0;
	max-width: 640px;
}

/* Step 2 */

.installer-terms-title {
	padding: 1em 0 1.5em 1em;
}

.installer-cms-licence {
	margin-bottom: 2em;
}

/* Step 3 */

.installer-forums {
	text-align: left;
	border: 1px solid #dddddd;
	border-collapse: collapse;
	width: 90%;
	margin: 0 auto;
}

.installer-forums th {
	padding: 0;
}

.installer-forums th > div {
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}
@media (min-width: 983px) { 
	.installer-forums th {
		background-color: #ecf5fd;
	}

	.installer-forums th > div {
		width: 75%;
		height: 100%;
		margin: 0 auto;
		border-bottom: 1px dotted #dddddd;
		background-color: #ecf5fd;
	}

	.installer-forums th > div.left {
		border-left: 1px dotted #dddddd;
		float: right;
	}

	.installer-forums th > div.right {
		border-right: 1px dotted #dddddd;
		float: left;
		text-align: right;
	}
}

.installer-forums td {
	vertical-align: top !important;
	padding: 1em;
}

.installer-forums td div {
	margin: 0.75em 0;
}

.installer-forum-list {
	background-color: #e7f2fd;
	width: 65%;
	border-right: 1px dotted #dddddd;
}

.installer-forum-version {
	background-color: #e7f2fd;
}

/* Step 4 */

.installer-section {
	text-align: left;
}
@media (min-width: 983px) { 
	.installer-section {
		margin: 2em auto;
	}
}

.installer-section kbd {
	overflow-wrap: break-word;
}

/* After Step 4 */

.install-log-table {
	border: 1px solid #9b9b9b;
	border-collapse: collapse;
	display: inline-block;
	background-color: #d7e6f5;
	color: #3b5d7f;
	padding: 1em;
	margin: 1em;
}

.install-log-table > p:first-child {
	margin-top: 0;
}

.installer-completed-calltoaction {
	margin-top: 1em;
	font-size: 1.1em;
}

/* Step 10 */

.installer-done-thanks {
	float: right;
	margin-right: 0.5em;
}

/* Backup system */

.box---restore-html-wrap {
	overflow: hidden;
}

/* Errors */

.site-special-message-inner {
	overflow: hidden;
}