/**

 * Theme Name:     Plan Printing Online theme
 * Theme URI:    
 * Author:         Nic Cameron
 * Template:       storefront
 * Text Domain:	   plan-printing-online-theme
 * Description:    Plan printing website theme
 * Version:        0.01
 */

/*--- Variables ---*/
/*-- --*/
:root {
	
	/*--Colour variables --*/
	--ecs-page-background: #f5f6f7;
	
	--ecs-light-grey: #fbfbfb;
	--ecs-mid-grey: #ebebeb;
	--ecs-dark-grey: #dbdbdb;
	--ecs-background-grey: #333333;
	
	--ecs-blue: #044253;
	--ecs-light-blue:#126278;
	--ecs-dark-blue:#01333f;
	--ecs-green-blue:#3d9d6a;
	
	--ecs-red: #ce2d3a;
	--ecs-dark-red: #9e0518;
	
	/*-- Padding variables--*/
	--ecs-tight-padding: 5px;
	--ecs-medium-padding: 10px;
	--ecs-wide-padding: 15px;
	
	/*-- Margin variables--*/
	--ecs-tight-margin: 5px;
	--ecs-medium-margin: 10px;
	--ecs-wide-margin: 15px;
	
	/*-- Font size variables--*/ 
	--ecs-large-font: 150%;
	--ecs-standard-font: 100%;
	--ecs-small-font: 80%;


}
/*-- --*/
/*-- Promotional area styles --*/
.promotional-bg-wrapper{
	background-size:cover;
	background-position:left;
	background-repeat:no-repeat;
	padding:10px;
	display:flex;
	min-height:300px;
	justify-content:flex-end;
}
.promotional-header{
	background: var(--ecs-dark-grey);
	padding:20px 0px;
}
.promotional-header-content{
		min-width:66%;
		max-width:600px;
		align-self:center;
		padding:10px;
}
.promotional-header-content h2 {
	color:white;
	font-size:300%;
	font-weight:bold;
}
.promotional-header-content p {
		color:white;
	font-size:150%;
}

.promotional-item{
	background:white;
	padding:5px;
}
.hp-banner{
	color:white;
	background: var(--ecs-blue);
	margin:10px;
	display:flex;
	flex-wrap:wrap;
}
.hp-banner .text-container{
	width:66%;
	padding:20px;
	flex-grow:1;
	min-width:500px;
	align-self:center;
}
.hp-banner-img{
	width:30%;
	flex-grow:1;
	overflow:hidden;
	max-height:500px;

}
.hp-banner-img img{
	width:100%;
}

.hp-banner h2{
	color:white;
}
.hp-banner p{
	margin-bottom: 0px !important;
}
.hp-categories-wrapper{
	display:flex;
	flex-wrap: wrap;
}
.hp-category-advert{
	box-sizing: border-box;
	padding:20px;
	margin:10px;
	flex: 1 1 300px;
	align-self: stretch;
	background:white;
}
.hp-category-image{
	margin:auto;
	width:100%;
}
.hp-category-details{
	box-sizing: border-box;
	padding:20px;
}

/*-- Contact options section--*/
.helpdesk-wrapper{
	border-top:3px solid #07bd88;
	border-bottom:3px solid #07bd88;
	box-sizing:border-box;
	padding:0px 15px 15px 15px;
}
.helpdesk-wrapper h2{
	display:inline-block;
	font-size:100%;
	font-weight:bold;
	width:auto;
	padding:10px;
	background: #07bd88;
	color:white;
}
.contact-options-wrapper{
	display:flex;
	flex-wrap:wrap;
	gap: 25px;
}
.contact-option-container{
	flex:1 1 400px;
	box-sizing:border-box;
	padding:15px;
	color:white;
	background: var(--ecs-blue);
	border-left:.6180469716em solid rgba(0,0,0,.15);
	border-top:2px solid #07bd88;
}

.contact-option-container h3{
	color:white;
}

.contact-option-container a.button{
	background: #07bd88;
	color:white;
}

/*-- Print deadline styles--*/
.print-countdown-wrapper{
	margin:20px auto;
	padding:10px;
	color:white;
	border-left:.6180469716em solid rgba(0,0,0,.15);
}
.print-countdown-wrapper p{
	margin:0;
}

/*-- From price notice --*/
.from-price{
	background:#b93743;
}