body{
direction: ltr;
}
.product-cats {
float: left;
position: relative;
overflow: hidden;
padding:15px;
box-sizing:border-box;
width: 25%;
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
text-align: center;
}
.product-cats:hover{
box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.15);
transform: translate3d(0px, -6px, 0px);
-webkit-transform: translate3d(0px, -6px, 0px);
-moz-transform: translate3d(0px, -6px, 0px);
-ms-transform: translate3d(0px, -6px, 0px);
}
img.pcw-placeholder {
border: 2px solid #ededed !important;
} .columns-1 .product-cats {
width: 100%;
}
.columns-2 .product-cats:nth-child(4n+1),
.columns-3 .product-cats:nth-child(4n+1),
.columns-4 .product-cats:nth-child(4n+1),
.columns-5 .product-cats:nth-child(4n+1),
.columns-6 .product-cats:nth-child(4n+1) {
clear: none;
}
.columns-2 .product-cats:nth-child(2n+1),
.columns-3 .product-cats:nth-child(3n+1),
.columns-4 .product-cats:nth-child(4n+1),
.columns-5 .product-cats:nth-child(5n+1),
.columns-6 .product-cats:nth-child(6n+1) {
clear: both;
}
.columns-2 .product-cats {
width: 50%;
}
.columns-3 .product-cats {
width: 33.333%;
}
.columns-4 .product-cats {
width: 25%;
}
.columns-5 .product-cats {
width: 20%;
}
.columns-6 .product-cats {
width: 16.667%;
} .product-cats:nth-child(4n+1) {
clear: both;
}
.pro-name a{
color:#000;
font-weight: 600;
font-size: 16px;
word-wrap: break-word;
}
.pro-name{
text-align:center;
padding: 10px 20px;
}
.pro-img a{
display: inline-block;
vertical-align: top;
overflow: hidden;
} .style1 .pro-img img{
border-radius: 10px 10px 0 0 !important;
}
.style1 .pro-img {
padding: 10px;
box-sizing: border-box;
background: #fff;
margin-bottom: 10px;
border-radius: 10px 10px 0 0 !important;
}
.style1 .pro-name {
text-align: center;
background: #fff;
border-radius: 0 0 10px 10px !important;
}  .style2 .pro-img {
background: #fff;
}
.style2 .pro-name {
border: 5px solid #fff;
box-sizing: border-box;
border-top: 0;
box-shadow: 0 0 10px 1px #A4A4A4 inset !important;
-webkit-box-shadow: 0 0 10px 1px #A4A4A4 inset !important;
-moz-box-shadow: 0 0 10px 1px #A4A4A4 inset !important;
}  .style3 .pro-img {
background: #fff;
}
.style3 .pro-name {
box-sizing: border-box;
border-bottom: 3px solid;
border-radius: 50px !important;
}  .style4 .pro-img img{
border-radius: 20px 20px 0 0 !important;
}
.style4 .pro-img{
background: #fff;
border-radius: 20px 20px 0 0 !important;
}
.style4 .product-cats{
border-radius: 20px 20px 0 0 !important;
}
.style4 .pro-name {
box-sizing: border-box;
background: #fff;
box-shadow: 0 1px 6px 1px #DEDEDE inset !important;
-webkit-box-shadow: 0 1px 6px 1px #DEDEDE inset !important;
-moz-box-shadow: 0 1px 6px 1px #DEDEDE inset !important;
}  .style5 .pro-img img{
border-radius: 50% !important;
}
.style5 .pro-img {
background: #fff;
border-radius: 50% !important;
}
.style5 .product-cats {
border-radius: 50px !important;
}
.style5 .pro-name {
box-sizing: border-box;
padding: 10px 20px;
background: #fff;
box-shadow: 0 1px 6px 1px #BEBEBE inset !important;
-webkit-box-shadow: 0 1px 6px 1px #BEBEBE inset !important;
-moz-box-shadow: 0 1px 6px 1px #BEBEBE inset !important;
border-radius: 50px !important;
}  .form1, .form2{
width: 50%;
float: left;
}
.admin_pro_cat li{
letter-spacing: 0.5px;
font-size: 16px;
font-weight: 500;
color: #444;
}
.admin_pro_cat {
list-style-type: square;
display: inline-block;
width: 100%;
padding: 20px;
box-shadow: 0 0 4px 1px #d0d0d0 inset;
-webkit-box-shadow: 0 0 4px 1px #d0d0d0 inset;
-moz-box-shadow: 0 0 4px 1px #d0d0d0 inset;
box-sizing: border-box;
}
.admin_pro_cat .admin-content{
margin-left: 15px;
}
.form2 .admin-content{
margin-left: 0;
}
.admin_pro_cat .container {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 5px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.admin_pro_cat .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.container input:checked ~ .checkmark {
background-color: #008ec2;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #e5e5e5;
border-radius: 50%;
}
.container input:checked ~ .checkmark::after {
display: block;
}
.container .checkmark::after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: white;
}
.checkmark::after {
content: "";
position: absolute;
display: none;
}
.container:hover input ~ .checkmark {
background-color: #ccc;
}
nav.woocommerce-pagination.pcw-product-cat {
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center !important;
margin: 30px 0 0;
}.pcw-admin-content{
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
margin: 20px 20px 0 0;
}
.pcw-admin-content .note h3{
color: red;
font-style: italic;
}
.pcw-admin-content .note ul.plugins{
margin-left: 25px; 
}
.pcw-admin-content .note ul.plugins li{
font-size: 16px;
text-decoration: underline;
font-style: italic;
list-style: decimal;
}
.pcw-admin-content > h2{
font-size: 20px;
}
.pcw-admin-content .right-content img{
max-width: 100%;
border: 3px solid #d6d6d6;
display: block;
margin-bottom: 40px;
}
.pcw-admin-content .two-ways .tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 15%;
height: 500px;
box-sizing: border-box;
}
.pcw-admin-content .two-ways .tab button {
display: flex;
background-color: inherit;
color: black;
padding: 20px 15px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 16px;
font-weight: 600;
align-items: center;
column-gap: 10px;
}
.pcw-admin-content .two-ways .tab button:hover {
background-color: #ddd;
}
.pcw-admin-content .two-ways .tab button.active {
background-color: #ccc;
}
.pcw-admin-content #Second{
display: none;
}
.pcw-admin-content .two-ways .tabcontent {
float: left;
padding: 25px 15px;
box-sizing: border-box;
border: 1px solid #ccc;
width: 85%;
border-left: none;
height: 500px;
overflow-y: auto;
}
.pcw-admin-content .two-ways .tabcontent h3{
font-size: 16px;
margin: 0;
}
.pcw-admin-content .two-ways {
display: inline-block;
vertical-align: top;
width: 100%;
}
.pcw-admin-content .two-ways .right-content li{
margin-bottom: 15px;
}
.pcw-admin-content .two-ways .right-content span {
font-size: 16px;
line-height: normal;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;
padding: 7px 20px 10px;
background-color: #30a3da;
color: #fff;
}
.pcw-admin-content .two-ways .right-content span::after {
right: 0;
border: solid 8px transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #ffffff;
top: 50%;
margin-top: -8px;
}
.pcw-admin-content .two-ways .right-content .pre {
display: block;
padding: 15px 35px;
font-size: 14px;
line-height: 30px;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
text-align: left;
word-wrap: normal;
white-space: normal;
margin-bottom: 15px;
letter-spacing: 0.5px;
position: relative;
}
.pcw-admin-content .atts li{
font-size: 16px;
} .pcw-admin-content-about{
padding: 10px 20px;
}
.pcw-admin-content-about h1{
font-size: 3em;
line-height: 1;
padding-bottom: 10px;
color: #32373c;
font-weight: 400;
}
.pcw-admin-content-about .admin-about-text p{
color: #555d66;
font-weight: 400;
line-height: 1.6;
font-size: 18px;
}
.pcw-admin-content-about .admin-about-text{
float: left;
width: 60%;
}
.pcw-admin-content-about .admin-about-logo{
overflow: hidden;
margin: 26px 0 0;
padding-left: 3%;
box-sizing: border-box;
}
.pcw-admin-content-about .admin-about-wrap {
display: inline-block;
vertical-align: top;
width: 100%;
}
.pcw-admin-content-about .admin-about-wrap h2 {
margin: 30px 0 .3em;
font-size: 2.7em;
line-height: 1.3;
font-weight: 300;
text-align: left;
}
.pcw-admin-content-about .admin-about-wrap span {
font-size: 16px;
line-height: normal;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
display: inline-block;
vertical-align: top;
position: relative;
padding: 7px 20px 10px;
background-color: #30a3da;
color: #fff;
}
.pcw-admin-content-about .admin-about-wrap span::after {
right: 0;
border: solid 8px transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f1f1f1;
top: 50%;
margin-top: -8px;
}
.pcw-admin-content-about .compatible-editor {
display: flex;
align-items: center;
gap: 70px;
}
.pcw-admin-content-about .compatible-editor .editor-block{
display: inline-block;
vertical-align: top;
margin-right: 30px;
text-align: center;
position: relative;
}
.pcw-admin-content-about .compatible-editor .editor-block p {
font-size: 16px;
font-weight: 600;
border-bottom: 3px solid #777777;
padding: 0 0 20px;
border-radius: 20px;
}
.pcw-admin-content-about .compatible-editor .editor-block::before, .pcw-admin-content-about .compatible-editor .editor-block::after {
content: '';
background: #000000;
position: absolute;
width: 40px;
height: 8px;
top: 0;
bottom: 0;
margin: auto 0;
left: 230px;
}
.pcw-admin-content-about .compatible-editor .editor-block::before {
top: 10px;
}
.pcw-admin-content-about .compatible-editor .editor-block::after {
top: -20px;
}
.pcw-admin-content-about .admin-about-wrap iframe {
margin-top: 20px;
background-color: #ffffff; border-radius: 5px; }
.pcw-admin-content-about .pcw-videos-container {
display: grid;
grid-template-columns: 500px 500px;
column-gap: 30px;
}
.pcw-admin-content .right-content .icon {
height: 30px;
width: 30px;
margin: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
background: #dbdbdb;
padding: 5px;
cursor: pointer;
box-sizing: border-box;
}
.pcw-admin-content .img7{
width: 50%;
margin-right: 20px;
float: left;
}
.pcw-admin-content .img8{
width: 45%
}
.pcw-admin-content .copied {
background: #000000;
color: #fff;
padding: 8px 15px 10px;
border-radius: 5px;
}
@media screen and (max-width: 1180px) {
.pcw-admin-content-about .pcw-videos-container {
display: block;
}
}@media screen and (max-width: 1451px) {
.product-container .product-cats{
width: 25%;
}
.product-container .product-cats:nth-child(4n+1) {
clear: both;
}
.product-container .product-cats:nth-child(5n+1) {
clear: none;
}
}
@media screen and (max-width: 1251px) {
.product-container .product-cats{
width: 33.333%;
}
.product-container .product-cats:nth-child(3n+1) {
clear: both;
}
.product-container .product-cats:nth-child(4n+1) {
clear: none;
}
}
@media screen and (max-width: 768px) {
.product-container .product-cats{
width: 50%;
}
.product-container .product-cats:nth-child(2n+1) {
clear: both;
}
.product-container .product-cats:nth-child(3n+1) {
clear: none;
}
}
@media screen and (max-width: 480px) {
.product-container {
text-align: center;
margin: 0 20px;
}
.product-container .product-cats{
width: auto;
display: inline-block;
vertical-align: top;
float: none;
}
.product-container .product-cats:nth-child(1n+1) {
clear: both;
}
.product-container .product-cats:nth-child(2n+1) {
clear: none;
}
}