/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */
@import 'https://everettcc.evaluationkit.com/canvas/css';
/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #C60C0C;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #990000;
    --dt-color-secondary: #2D3B45;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #2D3B45;
    --dt-color-accent: #0088CE;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #0070B5;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
/*	
	@title		EvCC Canvas CSS Override
	@version 	1.02
	@author		William Frankhouser
	@desc		Override the default CSS for the login page
*/
/* @import url('https://evccedtech.github.io/css/lib/semantic.min.css'); */

.ic-Login__header__logo{
	text-align:center;
}
.ic-Login__body{
	/*color:#333 !important;*/
	background-color:#c60c0c;
	border:1px solid #990000;
	border-radius:12px;
}



.ic-Login__innerContent {
    width: 400px;
    margin: 0 auto;
}

.ic-Login__content
{
    width: 700px;
	max-width: 100%;
}

.ic-Login__link {
    color: #ffffff;
}

.ic-Login__fogot .ic-Login__link {
    color: #ffffff;
}


.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

#evcc-canvas-login-info{
	background:#c9cac8;
	color:#000;
	padding:12px;
	border:1px solid #4d4f53;
	margin:15px;
	font-size:1em;
}


/* MOBILE */
#f1_container  {
	background-color: #c60c0c;
}

#f1_container > #f1_card > .mobileLogin-Header {
    background-image: url('https://apps.everettcc.edu/media/canvas/evcccanvaslogo.png');
    background-size: 190px 70px;
    min-height: 70px;
}

#f1_container #login_form,
#f1_container #forgot_password_form{
	background-color: #c60c0c;
}

#f1_container .forgotBlock {
    color: #ffffff;
}

#f1_container a:link {
    font-weight: bold;
    text-decoration: underline;
}

/* Login Button */
#f1_container #login_form > button[type="submit"],
#f1_container #forgot_password_form > button[type="submit"]{
	background-color:#0088ce;
	border:1px solid #0075b0;
    color: #ffffff;
    font-weight: bold;
}


/* EvCC CUSTOM STYLES & LAYOUTS */

/* Desktop */

/* Module Text Subheadings */

/* Option 5 */
/* EvCC Red Theme */
li.context_module_sub_header.indent_0 > .ig-row.ig-published {
    background: #f0f1f2;
    border-bottom: 1px solid #B3B9BC;
}

li.context_module_sub_header.indent_1 > .ig-row.ig-published {
    background: #f0f1f2;
    border-bottom: 1px solid #B3B9BC;
}

li.context_module_sub_header.indent_2 > .ig-row.ig-published {
    background: #f0f1f2;
    border-bottom: 1px solid #B3B9BC;
}

li.context_module_sub_header.indent_3 > .ig-row.ig-published {
    background: #f0f1f2;
    border-bottom: 1px solid #B3B9BC;
}


/* Pullquotes */
#wiki_page_show .evcc.pullquote {
    border-top: 3px solid #c60c0c;
    border-bottom: 3px solid #c60c0c;
    color: #353535;
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-size: 1.75em;
    margin: .75em 25%;
    padding: .5em 1em;
    text-align: center;
    width: 50%;
}

#wiki_page_show .evcc.pullquote.left {
    float: left;
    margin-left: 0;
    margin-right: 5%;
    width: 30%;
}

#wiki_page_show .evcc.pullquote.right {
    float: right;
    margin-left: 5%;
    margin-right: 0;
    width: 30%;
}

#wiki_page_show .evcc.pullquote > .source {
    display: block;
    font-size: 1rem;
    font-style: italic;
    text-align: right;
}

#wiki_page_show .evcc.pullquote > .source:before {
    /*content: "—";*/
}

/* Embedded videos */
#wiki_page_show iframe.evcc.framed.embed {
    border: 1px solid #ccc;
    padding: 1px;
}

/* Labels */

#wiki_page_show .evcc.label {
    border: none;
    border-radius: .2857rem;
    display: inline-block;
    font-size: .85714rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 .5em 0 0;
    padding: .4em .833em;
    min-width: 3em;
    text-align: center;
    vertical-align: baseline;
}

#wiki_page_show .evcc.label.red {
    background-color: #db2828;
    color: #fff;
}

#wiki_page_show .evcc.label.orange {
    background-color: #f2711c;
    color: #fff;
}

#wiki_page_show .evcc.label.green {
    background-color: #21ba45;
    color: #fff;
}

#wiki_page_show .evcc.label.blue {
    background-color: #2185d0;
    color: #fff;
}

#wiki_page_show .evcc.label.purple {
    background-color: #a333c8;
    color: #fff;
}

#wiki_page_show .evcc.label.gray,
#wiki_page_show .evcc.label.grey {
    background-color: #767676;
    color: #fff;
}

/* Segments */
#wiki_page_show .evcc.segment {
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    font-size: .875em;
    margin: 1.5rem 1rem;
    padding: 1em;
    border-radius: .2857rem;
    border: 1px solid rgba(34,36,38,.15);
}

#wiki_page_show .evcc.segment.red {
    border-top: 2px solid #db2828;
}
#wiki_page_show .evcc.segment.orange {
    border-top: 2px solid #f2711c;
}
#wiki_page_show .evcc.segment.green {
    border-top: 2px solid #21ba45;
}
#wiki_page_show .evcc.segment.blue {
    border-top: 2px solid #2185d0;
}
#wiki_page_show .evcc.segment.purple {
    border-top: 2px solid #a333c8;
}
#wiki_page_show .evcc.segment.gray,
#wiki_page_show .evcc.segment.grey {
    border-top: 2px solid #767676;
}

#wiki_page_show .evcc.segment.red.inverted {
    background-color: #db2828;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.orange.inverted {
    background-color: #f2711c;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.green.inverted {
    background-color: #21ba45;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.blue.inverted {
    background-color: #2185d0;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.purple.inverted {
    background-color: #a333c8;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.gray.inverted,
#wiki_page_show .evcc.segment.grey.inverted {
    background-color: #767676;
    color: #fff !important;
}

#wiki_page_show .evcc.segment.inverted a {
    color: #fff !important;
}

/* Statistics */
#wiki_page_show .evcc.statistic {
    display: block;
    margin: 1em 0;
    text-align: center;
}

#wiki_page_show .evcc.statistic.left {
    float: left;
    margin-right: 5%;
}

#wiki_page_show .evcc.statistic.right {
    float: right;
    margin-left: 5%;
}

#wiki_page_show .evcc.statistic > .value {
    background: transparent;
    color: #1b1c1d;
    display: block;
    font-size: 4rem !important;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;

}

#wiki_page_show .evcc.statistic > .label {
    background: transparent;
    color: #1b1c1d;
    display: block;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

#wiki_page_show .evcc.statistic.red > .value {
    color: #db2828;
}

#wiki_page_show .evcc.statistic.orange > .value {
    color: #f2711c;
}

#wiki_page_show .evcc.statistic.green > .value {
    color: #21ba45;
}

#wiki_page_show .evcc.statistic.blue > .value {
     color: #2185d0;
}

#wiki_page_show .evcc.statistic.purple > .value {
    color:  #a333c8;
}

#wiki_page_show .evcc.statistic.gray > .value,
#wiki_page_show .evcc.statistic.grey > .value {
    color: #767676;
}

/* Dividers */

#wiki_page_show .evcc.divider {
    border-top: 1px solid rgba(34,36,38,.2);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    height: 0;
    display: table;
    margin: 1rem 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}

#wiki_page_show .evcc.divider.icon {
    border-top: none;
}

#wiki_page_show .evcc.divider.icon > i {
    font-size: 1.5em;
    height: 1em;
    vertical-align: middle;
}

#wiki_page_show .evcc.divider.icon > i:only-child {
    display: inline-block;
    padding: 0;
}

#wiki_page_show .evcc.divider.icon::after,
#wiki_page_show .evcc.divider.icon::before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
}

#wiki_page_show .evcc.divider.icon::after,
#wiki_page_show .evcc.divider.icon::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}

#wiki_page_show .evcc.divider.icon::after {
    background-position: left 1em top 50%;
}

#wiki_page_show .evcc.divider.icon::before {
    background-position: right 1em top 50%;
}

/* Headers */

#wiki_page_show .evcc.header.red {
    color: #db2828;
}

#wiki_page_show .evcc.header.orange {
    color: #f2711c;
}

#wiki_page_show .evcc.header.green {
    color: #21ba45;
}

#wiki_page_show .evcc.header.blue {
    color: #2185d0;
}

#wiki_page_show .evcc.header.purple {
    color: #a333c8;
}

#wiki_page_show .evcc.header.gray,
#wiki_page_show .evcc.header.grey {
    color: #767676;