/* orange buttons */

.alert{
width: 100%;
float: left;
background-color: #ddd;
border: 3px solid #ff6600;
box-sizing: border-box;
margin-bottom: 30px;
padding:30px;}

.button {
    border-bottom-color:#ff2a00;
    background: #ff6600 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ff2a00;
	font-size: 1.25rem;
	color: #fff;
}

.button:active,
.button:focus,
.button:hover {
    border-bottom-color:#ff2a00;
    background: #ff2a00 none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ff2a00;
	color: #fff;
}

.button--disabled{
    border-bottom-color:#ccc;
    background: #ddd none repeat scroll 0 0;
}
.button--disabled:active,
.button--disabled:focus,
.button--disabled:hover {
    border-bottom-color:#ccc;
    background: #ccc none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #ccc;
	color: #333;
}

.sidebar--secondary > *:first-child {
    border-top: 10px solid #ff6600;
}

/* Table highlighted cells */

.editor td.highlightCell, .editor tr.highlightRow td {
	background: #ff6600 none repeat scroll 0 0;
	color:#fff;
	font-weight:700;
}


/* reduce icon size */
@media screen and (min-width: 850px) {

.widget--custom-tasks__task [class^="icon-"] {
    font-size: 5rem;
	margin-bottom: 0.75rem;
}

.widget--custom-tasks__sub-container .item-list > li {
    padding-top:1.5em;
}

.widget--custom-services__service h3 {
    color: #333;
}

.widget--custom-services__toggle {
    color: #333;
}

}



/* User Guide */

div.userguide{float:left; width:48%; padding:0.5em 1.5% 0; border:2px #ccc solid; border-radius:5px; margin:0.5em 4% 0.5em 0; text-align:center;}
div.userguide:nth-of-type(even){margin:0.5em 0;}
.userguide img{width:100%!important; float:left; margin-bottom:0.5em; border-radius:3px;}


@media screen and (min-width:768px) {
div.userguide{width:23.5%; padding:0.5em 1.5% 0; margin:0.5em 1.5% 0.5em 0; text-align:center;}
div.userguide:nth-of-type(2n) {margin:0.5em 1.5% 0.5em 0;}
.userguide img{width:100%!important; border-radius:3px;}
}


/* Temp presentation override */

@media screen and (min-width: 1000px) and (max-width: 1024px) {

.container, .site-header__links, .widget--custom-services__intro, .widget--custom-carousel__text {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

.widget--custom-tasks__task [class^="icon-"] {
    font-size: 4rem;
    margin-bottom: 0.75rem;
}



.widget--custom-tasks__task .fa {
    font-size: 3.75rem;
}

.widget--custom-tasks__task h3 {
    font-size: 1.5rem;
}

.widget--custom-tasks__task h4 {
    font-size: 1.25rem;
}

.widget--custom-tasks__task p {
    font-size: 0.8rem;
}
.styles999 .widget--custom-tasks__task h3 {
    font-size: 1.25rem;
}



div.styles999 h2 {
    font-size: 2.5rem;
}

div.styles999 h2 + p {
    font-size: 1rem;
}

.widget--custom-services__service h3 {
    font-size: 1.25rem;
}

.widget--custom-services__service p {
    font-size: 0.8rem;
}
}





/* start of updates 12.07.18 */

/* adjusts design of site announcement at top of page */


.site-announcement .container .callout {
border-radius: 0px;
border: none;
background-color: #ffffff;
padding: 0.8rem 1.0rem 0.8rem 2rem;
margin: 1rem 1rem 1rem 4rem;
border-left: 12px solid #ff9100;
}


@media only screen and (max-width: 500px) {
    .site-announcement .container .callout {
margin: 1rem 1rem 1rem 1rem;
border-left: none;
padding: 0.8rem 1.0rem;
    }
}

/* puts 'my account', 'menu' and menu items in the nav in lower case */

.site-header a.site-header__toggle, .site-header nav.site-header__links ul.item-list li a, .site-header nav.site-header__links ul.item-list--inline li a {
text-transform: none;
    font-size: 1.1rem;
}

/* reduces the width of the site's content 

.container, .site-header__links .item-list {
max-width:1100px;
}
*/
/* reduces the width of a content page's heading in desktop view; meaning it doesn't overlap 'related items' */

@media only screen and (min-width: 500px) {
h1.page-heading {
width:66%;
}
}

/* end of updates 12.07.18 */






