/*
main styling of playmania theme

*/
@import url('https://fonts.cdnfonts.com/css/chillax');

:root{
    --chillaxfont: 'Chillax', sans-serif;
    --primarycolor:#390D13;
    --black: #000000;
    --white:#ffffff;
    --blue: #007AFF;
    --contentwidth: 1560px;
}
body{
    background:#FCFAF4;
    font-family: var(--chillaxfont);
    padding:0;
    margin:0;
    color:#424242;
}
h1{
    font-family: var(--chillaxfont);
    font-weight: 600;
    font-style: normal;
    font-size: 60px;
    line-height: 1em;
    color:var(--primarycolor);
    margin-bottom: 30px;
}
@media (max-width:420px){
	h1{
		font-size:320%;
	}
}
h2{
	color:#390D13;
}
.container{
    max-width: var(--contentwidth);

}
.btn{
    border-radius: 60px;
    background: var(--blue);
    color:var(--white);
}
#header{
    background:var(--white);
    max-width: var(--contentwidth);
    margin:32px auto;
    border-radius: 20px;
    padding:24px;
}
@media (min-width:1025px){
.mainnav li.menu-item:last-of-type > a{
	min-width:155px;
	display:block;
	text-align:center;
	padding:15px 25px 15px 25px;
	background-color: var(--white);
    color: #1A1A1A;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1A1A1A;
    border-radius: 40px 40px 40px 40px;
}
}
/** hero banner section **/
.herocontainer{
    display: flex;
    justify-content: center;
    padding:40px 0;
}
.herocontainer .heroleft{
    max-width:555px ;
}
.btnlarge{
    padding:20px 35px;
    display: flex;
    margin-top: 45px;
    width: 210px;
    justify-content: center;
    align-items: center;
}
.reduceimg{
	max-width:180px !important;
	overflow:hidden;
}
.herocontainer .heroright .reduceimg img{
	max-width:fit-content;
}
.herocontainer .heroright .heroimg{
	border-radius:60px;
}
/** end of hero banner section **/

/** featured home products **/
.homefeatureimg{
	position:relative;
	max-height:340px;
}

/*** products **/
/* all products */
.products .io_mm_outer{
	grid-template-columns: repeat(4, 1fr) !important;
	margin:0;
	grid-gap: 20px 40px;
}
.products.allitems .io_mm_outer{
	display:flex !important;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px 40px;
}
.products.allitems .io_mm_item{
	width:340px;
}
@media (min-width:1024px){
.products.allitems .io_mm_item{
	width:360px;
}
}
@media(max-width:1024px){
	.products.allitems .io_mm_outer{
		grid-template-columns: repeat(4, 25%) !important;
		padding-inline:20px;
	}
}
.products .io_mm_item .io_item2_list, .products2 .io_item2_list, .homeproducts .io_item2_list{
	padding:0;
}
.products .io_mm_item, .products2 .io_item2_list, .homeproducts .io_item2_list{
	border-radius: 20px;
	padding: 0px 0 10px;
	overflow: hidden;
	align-self: baseline;
}
.products .io_mm_item div.view-product-button, .products2 .io_item2_list div.view-product-button{
	margin-bottom:-54px;
}

.homeproducts .io_mm_item_scrolling div.view-product-button{
	margin-bottom:-38px;
}
.products .io_mm_outer .cat_img{
	width:100%;
	object-fit:cover;
	max-height:220px;
	height:220px;
}
.products .io_item2_list_inner{
	padding:20px;
}
/* end of all products **/
/** home featured products **/
.homeproducts .io_mm_item_scrolling .io_item2_list{
	height:auto !important;
}
.homeproducts .io_item2_list_inner{
	padding:10px 10px 20px;
}
/** end of home **/
/** each category **/
.products2 .io_catdiv2{
	margin:0;
	grid-gap: 20px;
}
.products2 .io_catdiv2 .cat_img,
.homeproducts .io_mm_outer .cat_img{
	width:100%;
	object-fit:cover;
	max-height:200px;
	height:200px;
}
.rentNameIO{
	color:#424242;
	font-size:20px;
	font-family: var(--chillaxfont);
	font-weight:600;
}
h1.catNameIO.elementor-heading-title{
	font-size:50px;
	font-family: var(--chillaxfont);
	font-weight:600;
	line-height:1.3em;
	padding-bottom:50px;
}
.ioDateRangeHeader{
  font-family: var(--chillaxfont);
  font-weight: 500;
}
#cartPopover{
	background:#78DAD8;
}

/** quote form **/
#main-content .container{
	max-width:1560px;
	width:100%;
}
#main-content .container-fluid.io{
	padding:0 0 50px;
}
@media (max-width: 1200px) {
  #main-content .container-fluid.io {
    padding-left: 20px;
    padding-right: 20px;
  }
}