﻿/* ------ image manipulation */

.image-background {
background-image: url("../images/file.jpg");
}

.image-dropshadow {
	border-style: solid;
	border-width: 4px;
	border-color: #005687;
	border-radius: 20px;
	box-shadow: 0px 10px 20px #000000;	
}

.image-radius {
	border-radius: 15px;
	margin-left: 0px;
	box-shadow: 0px 5px 10px #000000;	
}

.grow {
	transition: all .2s ease-in-out; 
}

.grow:hover { transform: scale(1.5);
}


/* ------ sections */

.black-background{
	background:#000000;
	color:#fff;
}
.charcoal-background{
	background:#222222;
	color:#fff;
}
.white-background{
	background:#ffffff;
	color:#222222;
}
.offwhiteelement{
	background:#f3f3f3;
	color:#222222;
}
.brownelement{
	background:#603e20;
	color:#ffffff;
}
.blueelement{
	background:#2a5077;
	color:#ffffff;
}


.centered {
	text-align: center;
}






/* ------ text colors */
.ul-text {
	text-decoration: underline;
}
.blue-text {
	color: #2A5077;
}
.nofusgreen {
	color: #0b4111;
}
.white {
	color: #ffffff;
}
.black {
	color: #222222;
}
.kouba-red {
	color: #c80000;
}
.energyking-red {
	color: #990000;
}
.shoproyall {
	color: #b6ac7b;
}
.fueltank {
	color: #047bf8;
}
.school-dark {
	color: #012f51;
}
.school-light {
	color: #005687;
}
.brown-light {
	color: #bf7b40;
}
.brown-medium {
	color: #996233;
}
.brown-dark {
	color: #603e20;
}
.trailer-green {
	color: #77dd77;
}
.trailer-blue {
	color: #0088dc;
}
.dafblue {
	color: #0c678d;
}
.blaze-orange {
	color: #ff3200;
}
.sealcoat {
	color: #ffcc00;
}
.seton {
	color: #1a53bb;
}
.windspire {
	color: #3497d0;
}
.bsod {
	color: #010080;
}
.pwl-light {
	color: #00aff2;
}
.pwl-medium {
	color: #0f74b8;
}
.pwl-dark {
	color: #0054a6;
}
.olive-nursery {
	color: #52bbe3;
}
.info-green {
	color: #79a21d;
}
.info-orange {
	color: #f79f31;
}
.info-blue {
	color: #52bbe3;
}



/* warnings */
.danger {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
}
.success {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
}
.info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}
.warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}

