/* 
Theme Name: Sicilian Products NEW DESIGN
Theme URI: 
Author: Michael Rosser
Version: 2.1 
Tags: Simple, effective 
*/ 




@font-face {
    font-family: Italianno;
    src: url(https://sicilianproductsonline.co.uk/wp/wp-content/themes/SicilianProductsNew/fonts/Italianno-Regular.ttf);
    font-weight: normal;
}

		
		* {
  box-sizing: border-box;
}
	
	body {
			margin: 0;
		padding: 0;
		height: 100%;
		height: auto;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-weight: 400;
		background-color: #fbf8ef;
		font-size: 18px;
font-style: normal;
	}
	

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

	
	.row_container {
		margin: 0 auto;
		max-width: 1400px;
	}
	
	.section_background {
		margin: 0 auto;
		max-width: 1200px;
	}

	.content {
		margin: 0 auto;
		height: auto;
		overflow:hidden;
	}
	

h2 {
 	font-size: 25px;
		color: #9b2718;
		text-align: center;	
}

h1 {
	font-weight:500;
}

h3 {
	font-weight:500;
}
	

#tab-description {
	display: block !important;
}

	img {
		max-width: 100%;
		height: auto;
	}
	
		/*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	

#sidebar {
	display: none;
}
	
	
	[class*='col-'] {
		width:100%;
		float: left;
		min-height: 1px;
	}
	
	.col-mob-1 {width:8.33333%;}
	.col-mob-2 {width:16.66667%;}
	.col-mob-3 {width:25%;}
	.col-mob-4 {width:33.33333%;}
	.col-mob-5 {width:41.66667%;}
	.col-mob-6 {width:50%;}
	.col-mob-7 {width:58.33333%;}
	.col-mob-8 {width:66.66667%;}
	.col-mob-9 {width:75%;}
	.col-mob-10 {width:83.33333%;}
	.col-mob-11 {width:91.66667%;}
	.col-mob-12 {width:100%;}

	.top_bar {
		height: auto;
		overflow: hidden;
		padding: 10px;
		text-align: right;

	}

.top_bar img {
	vertical-align: middle;
}

.wpmenucart-contents {
	color: white !important;
}
	
	a:link {
		text-decoration: none;
	}
	
	.top_bar p {
		color: white;
		margin: 0;
		padding: 0;
	}
	
	.top_bar a:link, .top_bar a:active {
		color: white;
		display: inline-block;
	}
	
	.top_bar a:hover {
		color: #d8bb5d;
	}
	
	.facebook {
		width: 10px;
		display: inline-block;
		text-decoration: none;
	}
	
	.facebook a:link {
		text-decoration: none;
	}
	
	
	

a[href^="tel:"]:before {
 content: "\260E";
margin-right: 0.5em;
color: green;
}
	
	a[href^="mailto:"]:before {
 content: "\2709";
margin-right: 0.5em;
color: green;
		font-size: 150%;
}


	.header {
		height: 120px;
	}
	
	.wrapper {
		height: auto;
		background-color: #fffff7;
		overflow: hidden;
		-webkit-box-shadow: 0 0 4px .2px #050505;
box-shadow: 0 0 4px .2px #050505;
		margin: 20px;
	}
	

.header a:link, .header a:visited {
	color: green;
}

.row2 a:link, .row2 a:visited {
	color: green;
}
	
	.logo {
		text-align: center;
		margin: 0 auto;
		width: 90%;
	}

.social:link, .social:visited {
	width: 30px;
	height: auto;
	display: inline-block;
}
	
	
			  
	
	.slideshow {
				background-image: url("https://sicilianproductsonline.co.uk/wp/wp-content/uploads/2024/06/newhero-scaled.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center, center;
		height: auto;
		overflow: hidden;
		width: 100%;
	}

	.hero_overlay {
		height: 100%;
		background-color: rgba(0,0,0,0.50);
			padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.hero_text {
		text-align: center;
		padding: 10px;
		height: auto;
		overflow: hidden;
		color: white;
	}
	
	.hero_text h2 {
		    font-family: Italianno;
		font-size: 3rem;
		color: #fefdfb;
		font-weight: 400;
		text-shadow: 0 0 3px #000000;
		margin: 0;
	}
	
	.hero_text p {
	
		color: #fefdfb;
text-shadow: 0 0 3px #000000;
	}


	.category_slideshow {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center, center;
		height: 500px;
		overflow: hidden;
		width: 100%;
		position: relative;
	}

.category_slideshow img {
	height: 100%!important;
	object-fit: cover;
width:100% !important;
}

.category_hero_overlay {
		height: 100%;
		background-color: rgba(0,0,0,0.50);
			padding-top: 100px;
		padding-bottom: 100px;
	position: absolute;
	z-index:8;
	left: 0;
	right:0;
	}


	.category_hero_text h2 {
		    font-family: Italianno;
		font-size: 3rem;
		color: #fefdfb;
		font-weight: 400;
		text-shadow: 0 0 3px #000000;
		margin: 0;
	}
	
	
	.category_hero_text {
		text-align: center;
		padding: 10px;
		height: auto;
		overflow: hidden;
		color: white;
	}
	
	.hero_button_container {
		text-align: center;
		padding: 10px;
	}
	
	.hero_button:link, .hero_button:visited {
		background-color: #9b2718;
		color: white;
		display: block;
		width: 150px;
		 		margin: 0 auto;
		text-decoration: none;
		font-size: 20px;
		padding: 10px;
		border-radius: 5px;
	}
	
.hero_button:hover {
	background-color:#B03323;
}

	.strapline {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px;
		background-color: rgba(238,241,220,0.82);
		text-align: center;
		margin: 10px;
	}

.banner {
	text-align: center;
	padding: 10px;
	background-color: red;
	color: white;
}
	
	.footer {
		height: auto;
		overflow: hidden;
		padding: 10px;
		text-align: center;
	}

.footer_logo {
	max-width:40%;
	margin: 0 auto;
}
	
	.footer p {
		margin: 0;
		padding: 0;
		margin-bottom: 5px;
	}
	
	.footer a:link, .footer a:visited {
		color: white;
	}
	
	.footer a:hover {
		color: #833534;
	}
	
	.row2, .row3 {
		height: auto;
		overflow: hidden;
		padding: 10px;
		
	}
	
	.content_box {
		padding: 10px;
		background-color: rgba(200, 197, 181, 0.8);
		box-shadow: 0 0 6px 2px #000000;
		min-height: 500px;
	}
	
	.side_box {
		background-color: rgba(200, 197, 181, 0.8);
		box-shadow: 0 0 6px 2px #000000;
	}
	
	.side_box h2 {
		margin: 0;
		padding: 0;
		background-color: #d8bb5d;
		padding: 5px;
		font-weight: 600;
		text-align: center;
		color: white;
	}
	
	.side_box_container {
		padding: 10px;
	}
	

	
	.quick_links a:link, .quick_links a:visited {
		display: block;
				color: #5a7730;
		padding: 6px;

	}
	
	
	.footer_info {
		width: 100%;
		padding: 10px;
		float: left;
	}

.footer_info a:link, .footer_info a:visited {
	color: #9b2718;
}
	

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    
    color: brown;
}

	
		  @media only screen and (min-width: 768px) {
        		.col-dt-1 {width:8.33333%;}
	.col-dt-2 {width:16.66667%;}
	.col-dt-3 {width:25%;}
	.col-dt-4 {width:33.33333%;}
	.col-dt-5 {width:41.66667%;}
	.col-dt-6 {width:50%;}
	.col-dt-7 {width:58.33333%;}
	.col-dt-8 {width:66.66667%;}
	.col-dt-9 {width:75%;}
	.col-dt-10 {width:83.33333%;}
	.col-dt-11 {width:91.66667%;}
	.col-dt-12 {width:100%;}
			  
			  
			  .wpmenucart-contents {
	color: black !important;
}
			  
			  .wrapper {
				  		margin: 50px;

			  }
			  
			  .logo {
				  width: 330px;
				  margin: 0 auto;
			  } 
			  
			  	.slideshow {
							background-image: url("https://sicilianproductsonline.co.uk/wp/wp-content/uploads/2024/06/newhero-scaled.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center, center;
		
	}
			  
			  
			  .nav {
				  display: inherit;
			  }
			  
			  .nav_left{
				  margin-top: 43px;
				  text-align: center;
			  }
			  
			    .nav_right {
				  margin-top: 15px;
				  text-align: center;
			  }
			  	.hero_text {
		text-align: center;
		padding: 10px;
		height: auto;
		overflow: hidden;
					width: 60%;
					margin: 0 auto;
	}
			  
			  	.hero_text h2 {
		font-size: 95px;
		color: #fefdfb;
		font-weight: 400;
		text-shadow: 0 0 3px #000000;
		margin: 0;
	}
			
					  
			  	.category_hero_text h2 {
		font-size: 95px;
		color: #fefdfb;
		font-weight: 400;
		text-shadow: 0 0 3px #000000;
		margin: 0;
	}	  
			  
	}