/**
 * 
 * Page Specific Styles For FAQ's page
 * This page should be named according to the page slug.
 *
 **/


/*/////////////////////////////////////////////////////////////////////////////////////
//  Page Styles
/////////////////////////////////////////////////////////////////////////////////////*/
#content .row.faq {
	margin-bottom: 0;
	margin-top: 0;
}

h3.main-title {
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	height: 42px;
	background-image: url(../../images/h4-title-bg-arrow.png);
	background-repeat: no-repeat;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background-color: #f7931e;
	padding-left:70px;
	color: #ffffff;
	text-shadow: 1px 1px 0 #c54c1d;
	border: 1px solid #ee5d24;
	border-left: none;
	border-top: none;
	line-height: 40px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}


.faq-title {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0 0 0 10px;
	color: #fff;
}

.faq-title h3 {
	text-transform: uppercase;
	font-weight: bold;
}

h3.orange-border {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left: 4px solid #f90;
	padding: 0 0 0 5px;
}

.blue-heading {
	background: #117dd8;
}

.orange-heading {
	background: #ee5d24;
}

.green-heading {
	background: #77bc1f;
}

.brown-heading {
	background: #960;
}

.faq-box {
	background: #eee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.lead {
	margin-bottom: 10px;
	line-height: 20px;
}

dl {
	padding: 0 0 10px 0;
}

dt:before {
	content: "+";
	color: #666;
	font-weight: bold;
	padding: 0 10px 0 0;
}

dt.active:before {
	content: "-";
	color: #ee5d24;
	font-weight: bold;
	padding: 0 10px 0 0;
}

dt {
	cursor: pointer;
	color: #666;
	line-height: 35px;
	padding: 0 0 0 10px;
}

dt:last-child {
	padding-bottom: 10px;
}

dt.active {
	color: #ee5d24;
}

dt:hover {
	color: #ee5d24;
}

dd {
	margin: 0 10px 10px 30px;
}

/* safety content rules */
h2.safety-header {
	font-family: 'open sans', helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.125em;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
}

.ch-container {
	margin: 20px 0 0 0;
}

.ch-grid {
	    margin: 20px 0 0 0;
	    padding: 0;
	    list-style: none;
	    display: block;
	    text-align: center;
	    width: 100%;
	}
	 
	.ch-grid:after,
	.ch-item:before {
	    content: '';
	    display: table;
	}
	 
	.ch-grid:after {
	    clear: both;
	}
	 
	.ch-grid li {
	    width: 220px;
	    height: 220px;
	    display: inline-block;
	    margin: 20px;
	}

	.ch-item {
	    width: 220px;
	    height: 220px;
	    border-radius: 50%;
	    overflow: hidden;
	    position: relative;
	    cursor: default;
	    box-shadow:
	        inset 0 0 0 13px rgba(255,255,255,0.6),
	        0 1px 2px rgba(0,0,0,0.1);
	    transition: all 0.4s ease-in-out;
	    margin: 0 auto;
	}

	.ch-img-1 {
	    background: url(../../images/faq/scents.png) no-repeat;
	}
	 
	.ch-img-2 {
	    background: url(../../images/faq/hypoallergenic.png) no-repeat;
	}
	 
	.ch-img-3 {
	    background: url(../../images/faq/lead.png) no-repeat;
	}

	.ch-img-4 {
	    background: url(../../images/faq/latex.png) no-repeat;
	}
	 
	.ch-img-5 {
	    background: url(../../images/faq/astm_approved.png) no-repeat;
	}
	 
	.ch-img-6 {
	    background: url(../../images/faq/contact_us.png) no-repeat;
	}

	.ch-info {
	    position: absolute;
	    width: inherit;
	    height: inherit;
	    border-radius: 50%;
	    overflow: hidden;
	    opacity: 0;
	    transition: all 0.4s ease-in-out;
	    transform: scale(0);
	    text-align: center;
	}

	.ch-info.blue {
	    background: rgba(85,202,245, 0.8);
	}

	.ch-info.dk-blue {
	    background: rgba(27,117,187, 0.8);
	}

	.ch-info.purple {
	    background: rgba(154,81,159, 0.8);
	}

	.ch-info.green {
	    background: rgba(56,180,73, 0.8);
	}

	.ch-info.orange {
	    background: rgba(251,175,63, 0.8);
	}

	.ch-info.dk-orange {
	    background: rgba(240,90,40, 0.8);
	}

	.ch-info h3 {
	    color: #fff;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    font-size: 24px;
	    margin: 0 30px;
	    padding: 45px 0 5px 0;
	    line-height: 24px;
	    font-family: 'Proxima Nova Regular', Calibri, 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    text-shadow:
	        0 0 1px #fff,
	        0 1px 2px rgba(0,0,0,0.3);
	    font-weight: bold;
	}

	.ch-info p {
	    color: #fff;
	    padding: 10px 5px;
	    font-style: italic;
	    margin: 0 30px;
	    font-size: 16px;
	    border-top: 1px solid rgba(255,255,255,0.5);
	    opacity: 0;
	    transition: all 0.5s ease-in-out 0.4s;
	}

	.ch-info p a {
	    display: block;
	    color: rgba(255,255,255,0.7);
	    font-style: normal;
	    font-weight: 700;
	    text-transform: uppercase;
	    font-size: 9px;
	    letter-spacing: 1px;
	    padding-top: 4px;
	    font-family: 'Open Sans', Arial, sans-serif;
	}
	 
	.ch-info p a:hover {
	    color: rgba(255,242,34, 0.8);
	}

	.ch-item:hover {
	    box-shadow:
	        inset 0 0 0 1px rgba(255,255,255,0.1),
	        0 1px 2px rgba(0,0,0,0.1);
	}

	.ch-item:hover .ch-info {
	    transform: scale(1);
	    opacity: 1;
	}

	.ch-item:hover .ch-info p {
	    opacity: 1;
	}


/*/////////////////////////////////////////////////////////////////////////////////////
// Site-wide Media Queries
/////////////////////////////////////////////////////////////////////////////////////*/

	/* Large desktop display */
	@media (max-width: 1200px) {
	


	}/* end media query min-width: 1200px; */


	/* All Tablets and Phones only */
	@media (max-width: 1024px) {
		.ch-container {
			text-align: center;
		}
		.span4.safety {
			border-bottom: dashed 1px #ccc;
			margin-bottom: 40px;
		}
		.span4.safety.contact {
			border-bottom: none;
		}
	}

	/* Landscape Tablets */
	@media (min-width: 768px) and (max-width: 1024px) {
		.span4.safety {
			width: 97.5%;
		}
		
	}

	/* Landscape Phones and Portrait Tablets */
	@media (max-width: 767px) {
		.span4.safety {
			width: 100%;
		}
	}

	/* All Phones only */
	@media (max-width: 480px) {

	}