/*
* ------------------------------------------------------------------------
* notice boxes
* ------------------------------------------------------------------------
*/
.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
		color: #2f8400;
  	/* color: #80D651;   *** changed to increase contrast to a11y standard */
}
.notice-info {
/*    border-color: #45ABCD;   *** changed to match cosmics color scheme */
    border-color: #3f97b5;
}
.notice-info>strong {
		color: #247c9a;
		/* color: #3f97b5;    *** darkened to increase contrast with bg for a11y standard */
		/* color: #45ABCD;    *** changed to match cosmics color scheme */
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
		color: #ad5e00;
    /* color: #FEAF20;   *** changed to increase contrast to a11y standard */
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}

/*
* ------------------------------------------------------------------------
* callouts
* ------------------------------------------------------------------------
*/
.callout-light {
    padding: 30px;
	color: #000;
	background-color: #ccc;
}

.callout-light h1,
h2,
h3,
h4 {
	font-weight: 300;
	line-height: 1.4;
}

.callout-dark {
	padding: 30px;
	color: #fff;
	background-color: #252525;
}

.callout-dark h1,
h2,
h3,
h4 {
	font-weight: 300;
	line-height: 1.4;
}

.callout-dark p {
	color: #B1B1B1;
	font-size: 17px;
}

.callout-mage {
	padding: 30px;
	background-color: #743C58;
	color: #fff;
}

.callout-bubble {
	padding: 30px;
	color: #fff;
	background-color: #A94545;
}

.callout-bubble h1,
h2,
h3,
h4 {
	font-weight: 300;
	line-height: 1.4;
}

.callout-block {
	background-color: #F5F3F4;
	border-left: 5px solid #a94545;
	border-right: 5px solid #a94545;
	padding: 15px;
}

.callout-block h1,
.callout-block h2,
.callout-block h3,
.callout-block h4 {
	font-weight: 300;
	line-height: 1.4;
}