﻿.mainContainer,
	header{
		width:100%;
		left:0;
	}

figure img:hover {
   cursor: default !important;
}

.emojii{
	font-size:3rem;
	display:inline-block;
}
.snug{
	display:inline-block;
}
.spacer{
	padding-top:15px;
}
.clean{
	border:none !important;
}
.customizerWrap{
	width:100%;
	position:relative;
	display:inline-block;
	float:left;
	text-align:center;
}

.filterWrap{
	left:-50%;
}

.center{
	text-align:center;
	margin:auto;
}
.center h1 {
    display: block;
    margin: 0 auto 32px;
}
.center h2{
	width:80%;
	margin:auto;
}
.center h3{
	width:80%;
	margin:auto;
}
.center p{
	text-align:inherit !important;
	display:block;
	margin:25px auto;
	color: white
}
.center p span{
	display:block;
	font-size:16px;
	font-size:1rem;
}
article{
	text-align:center;
	width:100%;
	display:inline-block;
	margin-top:3%;
	margin-bottom: 0%;
}
article p{
	float:none;
	display:inline-block;
}
figure{
	display:inline-block;
	overflow:hidden;
}
figure,
figure img,
figure figcaption{
	width:100%;
	position:relative;
	float:left;
	margin: 2% 0 0 0;
}
figure figcaption{
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,.33);
	color:white;
	padding:10px 0;
	text-indent:10px;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	font-size:1rem;
}

ul.iconFamily{
	margin:0 0 35px;
	width:100%;
    max-width: 1010px;
	display:inline-block;
	text-align:center;
}

ul.iconFamily li {
    width: 90%;
    max-width: 90%;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 25px 0 0;
    float: none;

	display:inline-block;
	text-align:left;
	min-height:150px;
	padding-top:16px;
	padding-bottom:0px;
    vertical-align:top;
}


ul.iconFamily li h4{
	font-size:18px;
	font-size:1.125rem;
	padding:20px 0;
	float:left;
	width:70%;
	font-weight:bold;
}
ul.iconFamily li p{
	font-size:12px;
	font-size:1rem;
	float:left;
	width:95%;
	color: black;
	line-height:1.25rem;
	margin-top:0px;
	margin-left:15px;
	padding-right:5px;
}

ul.iconFamily li.iconSet > div{
	width:60px;
	height:60px;
	min-height:100%;
	display:inline-block;
	background-image:url('/Images/pocket-tees/product-landing-sprite.png');
	background-size:100% auto;
	background-repeat:no-repeat;
	float:left;
	margin-top:5px;
}
.schedule > div{
	background-position:0 0;
}
.art > div{
	background-position:0 -425px;
}
.printart > div{
	background-position:0 -482px;
}
.minimums > div{
	background-position:0 -250px;
}
.money > div{
	background-position:0 -183px;
}
.quality > div{
	background-position:0 -120px;
}
.ship> div{
	background-position:0 -360px;
}
.creatives> div{
	background-position:0 -305px;
}
.unicorn> div{
	background-position:0 -770px;
}
.check> div{
	background-position:0 -64px;
}
.pig> div{
	background-position:0 -598px;
}
.products>div{
	background-position:0 -715px;
}
.labelmark> div{
	background-position:0 -821px;
}

ul.reviewFamily{
	margin:0 0 35px;
	width:100%;
	display:inline-block;
	text-align:center;
}
ul.reviewFamily li{
    width: 90%;
    max-width: 90%;
    display: inline-block;
    text-align: left;
    margin: 25px 0 0;
    border: 1px solid #ccc;
    padding: 16px 0px;
    border-radius: 2px;
    vertical-align:top;
}

ul.reviewFamily li h4{
	font-size:18px;
	font-size:1.125rem;
	float:left;
	width:25%;
	font-weight:bold;
	padding-left:15px;
}
ul.reviewFamily li h5{
    font-size: 18px;
    font-size: 1.125rem;
    float: left;
    width: 37%;
    font-weight: bold;
    text-align: right;
    line-height: 1.5rem;
}
ul.reviewFamily li p {
    font-size: 12px;
    font-size: 1rem;
    float: left;
    width: 95%;
    max-width: 90%;
    color: black;
    line-height: 1.25rem;
    padding: 10px 0px;
    margin-left: 10px;
    margin-bottom: 0px;
}
.reviewLocation {
    text-align: right;
}

ul.reviewFamily li.iconSet .rStars{
    min-width: 100px;
    height: 22px;
    display: inline-block;
    float: left;
}

.rStars .stars {
    width: 100px;
    height: 22px;
    position: absolute;
	background-image:url('/Images/home/stars-transparent.png');
    background-size: 100px;
    background-position: 1px;
}

.rStars .ratingStar{
	width:100px;
	height:22px;
	min-height:100%;
	background-size:100px;
	background-repeat:no-repeat;
	background-color: #cead3b;
}
.moreReviews {
    box-shadow:0px 0px 0px 1px #ccc;
    /*border: 1px solid #ccc;*/
    color: inherit;
    padding: 20px;
    text-align: inherit;
    margin: 16px auto;
    max-width: 480px;
    width: 90%;
    font-size: 18px;
	cursor:pointer;
}

/*.moreReviewItems ul.reviewFamily li {
    max-width: 85%;
}*/


	


.mReviews #closeReviews {
        margin-top: -16px;
    position: fixed;
}
.mReviews .totalScore{
    font-size: 1.75rem;
    text-align: left;
    margin: 7% 0% 1% 7%;
    font-weight: bold;
}
.totalScore span {
    font-weight: bold;
}
article h2{
	font-size:36px;
	font-size:2.25rem;
	line-height:48px;
	line-height:3rem;
	margin:40px auto 16px;
}
article p{

	line-height:36px;
	line-height:2.25rem;
	margin:16px auto 45px;
}
.lastCallTA{
	padding:15px;
}
.CallTA .button{
	width:90%;
	max-width:480px;
	font-size:24px;
	font-size:1.5rem;
	padding:20px 0;
	height:auto;
	margin:16px 0;
}
#final.center{
	margin-top:2%;
	margin-bottom: 2%;
}
.buttonMargin{
	margin:5%;
}
.buttonGray{
	margin-bottom:45px;
}
#customerIcons{
	background-image: url(/Images/company-t-shirts/companies-we-work-with.jpg);
    min-height: 80px;
    background-size: 65% auto;
    padding: 0;
	margin-bottom:4%;
	opacity:.5;
}

.full, .half {
    width: 100%;
    display: inline-block;
    background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	 z-index: 0;
}
.fb-share-button span:first-child {
   height: 24px !important;
}
#productQuestions{
	max-width:90%;
	margin:auto;
}
#productQuestions ol{
	text-align:left;
}
#productQuestions li{
	text-align:left;
	padding: 5px 0;
	font-size:1rem;
}
#productQuestions ol{
	list-style-position: inside;
}
#productQuestions h4{
	text-align:left;
	padding-bottom: 10px;
}
#productQuestions .ghost{
	width: 63%;
    float: right;
	margin: 15px 0 0 0;
}
#productQuestions .azsearch-r {
    color: black;
}
#productQuestion .azsearch-c {
    color: black;
	position:inherit;
    width: 100%;
}
.split{
		border-radius:2px;
		width:95%;
		display:inline-block;
		text-align:center;
		margin:15px 0;
		padding: 15px;
		border: solid 1px lightgrey;
		vertical-align:top;
	}
.fade{
		background:rgba(0,0,0,.7);
	}
.fancyBackground{
		background-image:url("//blob.apliiq.com/sitestorage/fancy-fabric/1075_840_440.jpg");
		background-size:cover;
		border-radius:10px;
	}

@media screen and (min-width:768px) {

	.split{
		width:395px;
		margin:15px;
	}
	#productQuestions .ghost{
	width: 50%;
	}
	#productQuestions li{
	padding: 3px 0;
	}
	#productQuestions .searchTerm{
		width:80%;
	}
	#productQuestions .azsearch-r {
    width: 80%;
    margin: auto;
    padding-left: 15px;
	}
	#questionSearch{
	width: 80%;
    margin: auto;
	}

	.filterWrap{
		left:-25%;
	}
	figure{
		max-width:45.5%;
		margin:32px 0 0 3%;
		border-radius:2px;
	}
	figure img{
		border-radius: 2px;
	}
	figcaption{
		border-radius: 0 0 2px 2px;
	}
	figure:last-child{
		margin-bottom:32px;
	}
    ul.iconFamily li {
        width:40%;
	    max-width:310px;
        margin: 10px;
    }

    ul.reviewFamily li {
        width:80%;
		display:inline-block;
		margin:10px;
        overflow: auto;
    }

    .moreReviewItems ul.reviewFamily li {
        width: 100%;
        padding: 5px;
    }

    .moreReviewItems .reviewContent {
        overflow: auto;
        white-space: normal;
    }

    .moreReviewItems ul.reviewFamily li p {
        max-width: 97%;
    }

}

/*@media screen and (max-width:768px) {
	.filterWrap{
		left:-50%;
	}

}*/


@media screen and (min-width:1024px) {
	ul.reviewFamily li {
        width:29%;
        max-width: 310px;
        float: none;
    }

	#moreReviews{
           max-width:33%;
   }
   .moreReviewIems {
       max-width: 80%;
       margin: auto;
   }

}




/*@media screen and (max-width:600px) {
	.mainContainer,
	header{
		width:100%;
		left:0;
	}
	ul.iconFamily li{
		width:90%;
		max-width:90%;
		border:1px solid #ccc;
		border-radius:2px;
		margin:25px 0 0;
		float:none;
	}
	ul.iconFamily li h4{
	font-size:18px;
	font-size:1.5rem;
	padding:20px 0;
	float:left;
	width:65%;
	font-weight:bold;
	}
	ul.iconFamily li p{
	font-size:12px;
	font-size:1.25rem;
	float:left;
	width:95%;
	color: black;
	line-height:1.25rem;
	margin-top:0px;
	margin-left:15px;
	padding-right:5px;
	}
}*/
