/*
Theme Name:		Wax Wedge
Description:	Wax Wedge
Version:		1.0
Author:			EWS
Author URI:		http://evanswebservices.com/
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: "Poppins", sans-serif;*/
*{outline:none;}
img, img.responsive{max-width:100%;height:auto!important}
body{ font-family: "Poppins", sans-serif;;font-weight:400; font-size:20px; line-height: normal; color:#000;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, .nav_box ul li a{margin:0;}
body, ul{padding:0}
img{border:0}
img.responsive{width:100%;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#FF0000;}
.wrapper{ max-width:1300px; margin:50px auto 35px;text-align: center;}
.brk{display: none;}
.clear{ clear: both;}
.logo-box{ margin-bottom: 35px;}
.gray-box{padding: 17px 25px; background: #F5F5F5; font-size: 20px; line-height: 32px; color: #000;max-width: 1050px; margin: 20px auto;}
.gray-box strong{font-size:28px; line-height:35px; color:#FF0000;}
ul.img-list{padding: 0; margin: 0;list-style: none; display: flex; align-items: center; justify-content: space-between;}
.contact-box{display: flex; justify-content: space-between; margin: 30px auto; border-top:1px solid #FF000A; border-bottom:1px solid #FF000A;padding: 10px 0px; max-width:800px;}
.contact-box svg{ vertical-align: middle;}
.phone-box{border-right: 1px solid #FF000A; text-align:right; padding-right:30px;}
.address-box{text-align:left; padding-left:30px;}
.phone-box,.address-box,.social-box{flex-grow: 1; flex-basis: 0;}
.copyright-txt{ font-size: 12px; color:#303030;}
.top-bar{font-size:18px; font-weight:bold; text-align:center; margin:0 auto; background-color:#FF0000;}
.top-bar a{display:block; line-height:45px; color:#fff;}
.top-bar a br, .copyright-txt br{display:none;}
.top-bar svg{vertical-align:middle; padding-left:10px;}
.top-bar:hover{background-color:#000;}
.content-outer{border:1px solid #ff0000; margin-top:60px; margin-bottom:60px;}
.top-content{max-width:800px; text-align:center; background-color:#fff; margin-top:-30px; display:inline-block; font-size: 20px; font-weight: 500;}
.bottom-content{max-width:800px; text-align:center; background-color:#fff; margin-bottom:-30px; display:inline-block; font-size: 20px; font-weight: 500;}
.bottom-content span{color:#FF0000;}
h2 br{display:none;}
.inner-container{
    width: auto;
    height: 100%;
}
.masonry{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 1 em;
    -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;

}
.item{
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    padding: 1em;
    margin: 0 0 1.2em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.item img{
width:100%;
border-radius: 5px;
}


@media (max-width:1300px){
    .wrapper{padding: 0 3%;}
    body {font-size: 16px;}
    .gray-box {font-size: 16px;line-height: 26px;}  
}
@media (max-width:767px){
.top-bar{font-size: 14px; padding: 5px 0px;}
.top-bar a{line-height:normal;}
.top-bar a br, .copyright-txt br{display:block;}
.gray-box strong br{display:none;}
ul.img-list{display: flex;
        flex-wrap: wrap;gap: 10px;}
ul.img-list li{
    flex: 1 1 calc(33.333% - 20px);
    }
.contact-box {display: block; text-align:left; padding:0px; border-bottom:none;}
.phone-box, .address-box {
    border-bottom: 1px solid #FF0000;
    border-right: none;
    padding-bottom: 15px;
    margin-bottom: 15px;}
.contact-box svg{ width: 32px;}
.logo-box img{max-height:90px;}
.gray-box strong{font-size:18px; line-height:28px;}
.top-content, .bottom-content{font-size:14px; line-height:normal; padding:20px; margin-top:20px; margin-bottom:20px;}
.gray-box{margin:0 auto;}
.content-outer{margin:20px auto;}
.phone-box, .address-box{margin-bottom:0px; padding-bottom:0px; text-align:left; padding-left:0px;}
h2 br{display:block;}
}
@media (max-width:600px){
    .gray-box {
        font-size: 14px;
        line-height: 20px;
        padding: 15px;
    }
}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}