/* FILE: misc.css */

/* --- Homepage Steps Grid (Missing from pages.css) --- */
.steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.step-item {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    text-align: left;
}

.step-item .step-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary-color);
    background: #e6f0ff;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 20px;
}

/* --- Legacy/Utility Styles (Missing from all new files) --- */
.carriage {
	height:14px;
}
.blink_me {
	animation: blinker 1s linear infinite;
	color:red;
}
@keyframes blinker {
	50% {
	opacity: 0;
}
}
.notepaper {
	position: relative;
	margin: 30px auto;
	padding: 29px 20px 20px 45px;
	width: 100%;
	line-height: 30px;
	color: #6a5f49;
	text-shadow: 0 1px 1px white;
	background-color: #f2f6c1;
	background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
	background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
	background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
	border: 1px solid #c3baaa;
	border-color: rgba(195, 186, 170, 0.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
.notepaper:before, .notepaper:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
}
.notepaper:before {
	left: 28px;
	width: 2px;
	border: solid #efcfad;
	border-color: rgba(239, 207, 173, 0.9);
	border-width: 0 1px;
}
.notepaper:after {
	z-index: -1;
	left: 0;
	right: 0;
	background: rgba(242, 246, 193, 0.9);
	border: 1px solid rgba(170, 157, 134, 0.7);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}
.quote {
	font-family: Georgia, serif;
	font-size: 14px;
}
.curly-quotes:before, .curly-quotes:after {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 48px;
	font-size: 50px;
	opacity: .2;
}
.curly-quotes:before {
	content: '\201C';
	margin-right: 4px;
	margin-left: -8px;
}
.curly-quotes:after {
	content: '\201D';
	margin-left: 4px;
	margin-right: -8px;
}
.quote-by {
	display: block;
	padding-right: 10px;
	text-align: right;
	font-size: 13px;
	font-style: italic;
	color: #84775c;
}
.lt-ie8 .notepaper {
	padding: 15px 25px;
}
blockquote.style5 {
	font: 12px/18px normal "Courier New", sans-serif;
	padding-left: 70px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #000;
	color: white;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 5px;
	background-image: url('https://shiptheitem.com/skins/default/images/openquote5.gif');
	background-position: middle left;
	background-repeat: no-repeat;
	text-indent: 23px;
	}
	blockquote.style5 div {
	padding-right: 50px;
	display: block;
	background-image: url('https://shiptheitem.com/skins/default/images/closequote5.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}
blockquote.style4 {
	font: 14px/20px italic Times, serif;
	padding-left: 70px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 10px;
	background-color: #dadada;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 5px;
	background-image: url('https://shiptheitem.com/skins/default/images/openquote4.gif');
	background-position: middle left;
	background-repeat: no-repeat;
	text-indent: 23px;
}
blockquote.style3 {
	font: 18px/30px normal Tahoma, sans-serif;
	padding-top: 22px;
	margin: 5px;
	background-image: url('https://shiptheitem.com/skins/default/images/openquote3.gif');
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 65px;
	}
	blockquote.style3 span {
	display: block;
	background-image: url('https://shiptheitem.com/skins/default/images/closequote3.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}
blockquote.style2 {
	font: 14px/22px normal helvetica, sans-serif;margin-top: 10px;margin-bottom: 10px;margin-left: 50px;padding-left: 15px;border-left: 3px solid #ccc;
}
blockquote.style1 {
	font: 14px/20px italic Times, serif;
	padding: 8px;
	background-color: #faebbc;
	border-top: 1px solid #e1cc89;
	border-bottom: 1px solid #e1cc89;
	margin: 5px;
	background-image: url('https://shiptheitem.com/skins/default/images/openquote1.gif');
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
}	
blockquote.style1 span {
	 display: block;
	 background-image: url('https://shiptheitem.com/skins/default/images/closequote1.gif');
	 background-repeat: no-repeat;
	 background-position: bottom right;
}