/*
	This file is loaded on full width pages, it fixes the spacing implemented by Bootstrap
*/

article { /* Removes white background */
	background: none;
	padding-bottom: 0;
	margin-bottom: 15px;
}

article .article-inner { /* Removes default left and right padding */
	width: 100%;
}

.subbanner {
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;	
}


.featurescontainer {
    	-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;	
}


@media (max-width: 810px) {

.subbanner {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}

}

footer {
    	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	border-radius: 5px;
}

@media (max-width: 500px) {
	
article .article-inner { /* Re-applies the left and right padding on smaller devices as the content goes to full width */
	width: 92%;
}	

.subbanner,
footer {
	border-radius: 0;		
}
	
}

@media (max-width: 510px) {

	.featurescontainer {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;		
	}

}

@media (max-width: 400px) { /* Removes white background */
	
.subpage .subbanner {
		background: none;
	}
}



/* -----------------

	 Plan highlight - these styles apply the unique background color and ribbon graphic to the plan you set as the most popular (this is set in the custom files at /includes/)

----------------- */

/* Pricing tables */

.pricingtable .highlight .popular {
	width: 72px;
	height: 71px;
	position: absolute;
	top: -4px;
}

.hook-english .pricingtable .highlight .popular,
.hook-french .pricingtable .highlight .popular,
.hook-german .pricingtable .highlight .popular,
.hook-catalan .pricingtable .highlight .popular,
.hook-croatian .pricingtable .highlight .popular,
.hook-farsi .pricingtable .highlight .popular,
.hook-portuguese-br .pricingtable .highlight .popular,
.hook-portuguese-pt .pricingtable .highlight .popular,
.hook-czech .pricingtable .highlight .popular,
.hook-danish .pricingtable .highlight .popular,
.hook-dutch .pricingtable .highlight .popular,
.hook-hungarian .pricingtable .highlight .popular,
.hook-italian .pricingtable .highlight .popular,
.hook-norwegian .pricingtable .highlight .popular,
.hook-russian .pricingtable .highlight .popular,
.hook-spanish .pricingtable .highlight .popular,
.hook-swedish .pricingtable .highlight .popular,
.hook-turkish .pricingtable .highlight .popular,
.hook-ukranian .pricingtable .highlight .popular,
.hook-romanian .pricingtable .highlight .popular,
.hook-macedonian .pricingtable .highlight .popular,
.hook-hebrew .pricingtable .highlight .popular,
.hook-estonian .pricingtable .highlight .popular,
.hook-chinese .pricingtable .highlight .popular,
.hook-azerbaijani .pricingtable .highlight .popular {
	right: -3px;
}

.hook-arabic .pricingtable .highlight .popular {
	left: -3px;
}

.pricingtable .highlight .featureslist,
.pricingtable .highlight .button {
	background: #d3d3d3;
}

.pricingtable .highlight .featureslist ul li {
	border-bottom: #fff 1px solid;
	color: #5d5d5d;
}

/* Plan boxes */

.featureboxes .highlight .popular {
	width: 72px;
	height: 71px;
	position: absolute;
	top: -4px;
}

.hook-english .featureboxes .highlight .popular,
.hook-french .featureboxes .highlight .popular,
.hook-german .featureboxes .highlight .popular,
.hook-catalan .featureboxes .highlight .popular,
.hook-croatian .featureboxes .highlight .popular,
.hook-farsi .featureboxes .highlight .popular,
.hook-portuguese-br .featureboxes .highlight .popular,
.hook-portuguese-pt .featureboxes .highlight .popular,
.hook-czech .featureboxes .highlight .popular,
.hook-danish .featureboxes .highlight .popular,
.hook-dutch .featureboxes .highlight .popular,
.hook-hungarian .featureboxes .highlight .popular,
.hook-italian .featureboxes .highlight .popular,
.hook-norwegian .featureboxes .highlight .popular,
.hook-russian .featureboxes .highlight .popular,
.hook-spanish .featureboxes .highlight .popular,
.hook-swedish .featureboxes .highlight .popular,
.hook-turkish .featureboxes .highlight .popular,
.hook-ukranian .featureboxes .highlight .popular,
.hook-romanian .featureboxes .highlight .popular,
.hook-macedonian .featureboxes .highlight .popular,
.hook-hebrew .featureboxes .highlight .popular,
.hook-estonian .featureboxes .highlight .popular,
.hook-chinese .featureboxes .highlight .popular,
.hook-azerbaijani .featureboxes .highlight .popular {
	right: -4px; 
}

.hook-arabic .featureboxes .highlight .popular {
	left: -4px;
}

.featureboxes .highlight {
	background: #ededed;
}

.featureboxes .highlight p {
	color: #5d5d5d;
}

.featureboxes .highlight ul li{
	color: #5d5d5d;
	border-bottom: #fff 1px solid;
}

.featurescontainer {
	margin-bottom: 30px;
}