/* 
Theme Name: insanusart
Theme URI: 
Author: Michael Rosser
Version: 2.0 
Tags: Simple, effective 
*/     
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
		
	body {
		margin: 0;
		padding: 0;
		
		font-family: "futura-pt", sans-serif;
font-weight: 300;
font-style: normal;
		

	line-height: 1.7;
		  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	

.woocommerce .cart.shop_table .product-thumbnail img {
    max-width: 50px; /* Adjust this value to your liking */
    height: auto;
}



img {
	max-width: 100%;
	height: auto;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
-webkit-box-shadow: 0 0 4px 1px #CCCCCC !important;
box-shadow: 0 0 4px 1px #CCCCCC!important;
}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}

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

.section_container {
		max-width: 1000px;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
	}

.available_container {
		max-width: 700px;
		margin: 0 auto;
		height: auto;
	}


.logo {
	width:95%;
	height: auto;
	margin: 0 auto;
	padding: 10px;
}

.mailing_list {
	text-align: center;
}

.logo h2 {
font-family: "linotype-didot", serif;
font-weight: 400;
font-style: normal;
	font-size: 35px;
	margin: 0;
	padding: 0;
}

h1 {
		font-family: "pf-reminder", sans-serif;
font-weight: 300;
font-style: normal;
}

.nav {
}

.related {
	width: 100%;
	float: left;
	display: block;
}


.blog {
	padding: 10px;
	height: auto;
	overflow: hidden;
}

.blog_post_card {
	min-height: 475px;
}

.full_width_background_image {
	height: 300px;
	background-position: center;
	background-size: cover;
}
	
	.section_background {
		
		margin: 0 auto;
		height: auto;
		overflow: hidden;
	}

.strapline_text {
	margin: 0 auto;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 70px;
	padding:10px;
}
	
	.strapline_text h2 {
		color: white;
		font-size: 2rem;
		transform: uppercase;
	}


a:link, a:visited {
	text-decoration: none;
}

	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	
	
	
	[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%;}
	
	.header {
		height: 80px;
		
}
	
	.hero {
		height: auto;
		overflow: hidden;
		background-image: url("hero.jpg");
		background-position: center;
		background-size: cover;
		margin-bottom:50px;
		width: 100%;
	}
	
	.hero_text {
		margin-top: 400px;
		margin-bottom: 400px;
		text-align: center;
		
	}
	
	.hero_text h2 {
		color: white;
		font-size: 2rem;
		transform: uppercase;
	}

.commission_image {
	height: auto;
	
}


.hero_about {
	max-width: 1200px;
	margin: 0 auto;
		height: auto;
		overflow: hidden;
		background-position: center;
		background-size: cover;
	width:100%;
	}

	.hero_pages {
		height: auto;
		overflow: hidden;
		background-position: center;
		background-size: cover;
	}

.hero_pages:empty {
	display: none;
}


	
	.hero_text_pages {
		
		text-align: center;
		
	}

.hero_text_pages:empty {
	display: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
	
	.hero_text_pages h2 {
		color: white;
		font-size: 3rem;
		transform: uppercase;
	margin-top: 0;
		padding: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}


.hero_text_pages_contact {
		margin-top: 100px;
		margin-bottom: 100px;
		text-align: center;
		
	}
	.hero_text_pages_contact h2 {
		color: black;
		font-size: 3rem;
		transform: uppercase;
	}

.swiper {
    width: 100%;
    height: auto;
}

.swiper-slide img {
    width: 80%;
    height: auto;
    display: block;
}

/* Force equal height for all slides */
.my-gallery-slider {
    height: 400px; /* Adjust this to your desired height */
}

.my-gallery-slider .swiper-slide {
    height: 100%;
}

.my-gallery-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.contact_button:link, .contact_button:visited {
	padding: 20px;
	border: 1px black solid;
	margin: 0 auto;
	color: black;
	display: inline-block;
}

.contact_button:hover {
	background-color: black;
	color: white;
}
	
	.row2 {
		height: auto;
		background-color: rgba(233,209,109,1.00);
		padding-top: 150px;
		padding-bottom: 150px;
		text-align: center;
	}
	
	.row2 h2 {
		color: black;
		transform: uppercase;
		font-size:2.5rem;
		font-weight: 400;
		
	}
	
	.row3 {
				height: auto;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		text-align: center;
		padding:10px;
		color: white;
	}


	.white_overlay {
				height: auto;
		overflow: hidden;
				padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
			background-color: rgba(255,255,255,0.60);
	}
	
	.block_button:link, .block_button:visited {
		padding: 10px;
		padding-left: 30px;
		padding-right: 30px;
		background-color: black;
		margin: 0 auto;
		border-radius: 10px;
		color: white;
		text-decoration: none;
		text-align: center;
		display: block;
		width: 250px;
		border: thin white solid;
	}
	
	.row4, .row5, .row6, .row7, .row8, .row9 {
		padding: 10px;
		height: auto;
		overflow: hidden;
	}

.row8 p, .row9 p {
	margin: 0;
	padding: 0;
}

.row8 {
		padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	border-top: black thin solid;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

.row8 a:link, .row8 a:visited {
	color: black;
}

.row8 a:hover {
	text-decoration: underline;
}
	
	.row4 h2 {
		font-size: 3rem;
			margin-top: 0;
		padding: 0;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.row6 {
		background-color: black;
		padding-bottom: 50px;
		padding-top: 50px;
		text-align: center;
		color: white;
	}
	
	.quotes {
		width: 50%;
		padding-left: 130px;
	}

.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: black;
	font-weight: 400;
}

.woocommerce ul.products li.product .price {
   color : black !important;
	font-weight: 400;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
 color : black !important;
		font-weight: 400;
}


.insta_sub {
	text-align: right;
}

.social {
	width: 40px;
	margin: 5px;
}

.sub {
	display: block;
	width: 100%;
}
	
.signature {
	width:95px;
	float:right;
}

.paragraph {
	padding: 10px;
}

.post_image {
	height: 300px;
	background-size: cover;
}

.blog_post_container a:link, .blog_post_container a:visited {
	color: black;
	text-decoration: none;
}

.footer_nav {
	display: none;
}

.copyright {
	padding-top: 10px;
	padding-bottom: 10px;
}

.post_image_main {
	height: 550px;
	background-position: center;
	background-size: cover;
}



	@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%;}
		
		.nav {
	display: inherit;
			margin-top:10px;
}
		.hero {
		height: 650px;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		margin-bottom:50px;
	}
	
		.logo {
				width:100%;
			margin-top:10px;
		}
	
		.logo h2 {
			font-size: 35px;
		margin:0;
			padding:0;
			margin-bottom:10px;
		}
		
		
		.footer_nav {
	display: inherit;
}
		
		
	}