/*=====================================
Workshop Card
=====================================*/
.site-content .ast-container {
        display: block !important;

}

.pp-workshop-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

display:flex;

flex-direction:column;

height:100%;

}

.pp-container{
	padding: 60px 80px;
}

.pp-workshop-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.14);

}

.pp-workshop-card-image{

position:relative;

display:block;

height:200px;

overflow:hidden;

}

.pp-workshop-card-image img{

width:100%;

height:200px;

object-fit:cover;

transition:.5s;

    border-radius: 15px 15px 0px 0px !important;

}

.pp-workshop-card:hover img{

transform:scale(1.08);

}

.pp-card-status{

position:absolute;

top:18px;

left:18px;

background:#2563eb;

color:#fff;

padding:7px 16px;

border-radius:40px;

font-size:13px;

font-weight:600;

}

.pp-card-mode{

position:absolute;

top:18px;

right:18px;

background:#fff;

color:#222;

padding:7px 16px;

border-radius:40px;

font-size:13px;

font-weight:600;

}

.pp-workshop-card-body{

padding:25px;

display:flex;

flex-direction:column;

flex:1;

}

.pp-workshop-card-body h3{

font-size:26px;

margin-bottom:12px;

}

.pp-workshop-card-body h3 a{

color: #1a1a1a !important;

}

.pp-card-subtitle{

color:#000;

line-height:1.7;

margin-bottom:0px;

min-height:52px;

}

.pp-card-tagline{
	color:#666;

	line-height:25px;

	margin-bottom:22px;

	min-height:52px;
}

.pp-card-features{

list-style:none;

padding:0;

margin:0 0 20px;

display:grid;

grid-template-columns:1fr 1fr;

gap:12px;

}

.pp-card-features li{

font-size:14px;

color:#555;

display:flex;

align-items:center;

gap:8px;

}

.pp-card-certificate{

padding:12px 16px;

background:#f8f9ff;

border-left:4px solid #2563eb;

border-radius:10px;

margin-bottom:22px;

font-weight:600;

}

.pp-card-footer{

margin-top:auto;

}

.pp-card-price{

margin-bottom:20px;

}

.pp-card-price strong{

display:block;

font-size:30px;

color:#2563eb;

}

.pp-card-price del{

color:#999;

}

.pp-discount{

display:inline-block;

margin-top:8px;

font-size:14px;

font-weight:600;

color:#16a34a;

}

.pp-card-button{

display:block;

width:100%;

padding:14px;

text-align:center;

background:#2563eb;

color:#fff;

border-radius:12px;

text-decoration:none;

font-weight:600;

transition:.25s;

}

.pp-card-button:hover{

background:#1d4ed8;

color:#fff;

}

/*====================================
Archive Hero
====================================*/

.pp-workshop-archive-hero{

padding:90px 0;

background:linear-gradient(135deg,#2563eb,#4f46e5);

color:#fff;

text-align:center;

}

.pp-small-title{

display:inline-block;

padding:8px 18px;

background:rgba(255,255,255,.15);

border-radius:30px;

font-size:13px;

letter-spacing:2px;

margin-bottom:25px;

}

.pp-workshop-archive-hero h1{

font-size:52px;

margin-bottom:25px;

color:#fff;

}

.pp-workshop-archive-hero p{

max-width:760px;

margin:auto;

line-height:1.8;

font-size:18px;

opacity:.95;

}

.pp-hero-stats{

display:flex;

justify-content:center;

gap:40px;

margin-top:45px;

flex-wrap:wrap;

}

.pp-hero-stats div{

padding:18px 24px;

background:rgba(255,255,255,.12);

border-radius:14px;

backdrop-filter:blur(6px);

font-weight:600;

}

/*====================================
Grid
====================================*/

.pp-workshop-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

margin:60px 0;

}

/*====================================
Pagination
====================================*/

.pp-pagination{

margin:60px 0;

text-align:center;

}

.pp-pagination .page-numbers{

display:inline-flex;

justify-content:center;

align-items:center;

width:44px;

height:44px;

margin:0 5px;

border-radius:10px;

background:#f4f4f4;

text-decoration:none;

color:#333;

font-weight:600;

transition:.25s;

}

.pp-pagination .current{

background:#2563eb;

color:#fff;

}

.pp-pagination .page-numbers:hover{

background:#2563eb;

color:#fff;

}

/*====================================
Empty
====================================*/

.pp-empty-workshop{

padding:120px 20px;

text-align:center;

}

.pp-empty-workshop h2{

margin-bottom:15px;

font-size:34px;

}

/*==================================
Workshop Filters
==================================*/

.pp-workshop-filters{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

margin:50px 0 35px;

flex-wrap:wrap;

}

.pp-filter-left{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.pp-filter-left button{

background:#fff;

border:1px solid #ddd;

padding:12px 20px;

border-radius:40px;

cursor:pointer;

font-size:14px;

font-weight:600;

transition:.3s;

}

.pp-filter-left button:hover{

background:#2563eb;

border-color:#2563eb;

color:#fff;

}

.pp-filter-left button.active{

background:#2563eb;

color:#fff;

border-color:#2563eb;

}

.pp-filter-right select{

padding:12px 18px;

border-radius:10px;

border:1px solid #ddd;

font-size:15px;

min-width:220px;

background:#fff;

}

.pp-empty-workshop{

padding:100px 30px;

text-align:center;

background:#fff;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.pp-empty-workshop i{

font-size:60px;

color:#2563eb;

margin-bottom:20px;

}

.pp-empty-workshop h2{

margin-bottom:15px;

font-size:34px;

}

.pp-empty-workshop p{

max-width:520px;

margin:auto auto 30px;

color:#666;

line-height:1.8;

}

/*==================================================
Workshop Toolbar
==================================================*/

.pp-workshop-toolbar{

background:#fff;

padding:30px;

border-radius:18px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

margin:50px 0;

}

.pp-workshop-toolbar form{

display:flex;

flex-direction:column;

gap:22px;

}

/* Top */

.pp-toolbar-top{

display:flex;

gap:15px;

align-items:center;

}

/* Search */

.pp-search-box{

flex:1;

display:flex;

align-items:center;

background:#f8fafc;

border:1px solid #dbe3ee;

border-radius:12px;

padding:0 18px;

transition:.3s;

}

.pp-search-box:focus-within{

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.12);

background:#fff;

}

.pp-search-box i{

color:#2563eb;

font-size:17px;

margin-right:12px;

}

.pp-search-box input{

width:100%;

height:58px;

border:none;

background:none;

outline:none;

font-size:16px;

}

/* Search Button */

.pp-search-btn{

height:58px;

padding:0 34px;

border:none;

border-radius:12px;

background:#2563eb;

color:#fff;

font-size:15px;

font-weight:600;

cursor:pointer;

transition:.3s;

white-space:nowrap;

}

.pp-search-btn:hover{

background:#1d4ed8;

}

/* Bottom */

.pp-toolbar-bottom{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:15px;

}

.pp-toolbar-bottom select{

height:52px;

padding:0 16px;

border:1px solid #dbe3ee;

border-radius:12px;

background:#fff;

font-size:15px;

cursor:pointer;

transition:.25s;

}

.pp-toolbar-bottom select:focus{

outline:none;

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.10);

}


.pp-workshop-grid.loading{

opacity:.35;

pointer-events:none;

transition:.25s;

}

.pp-workshop-results{

position:relative;

min-height:350px;

transition:.25s;

}

/*====================================
Responsive
====================================*/

@media(max-width:1100px){

.pp-workshop-grid{

	grid-template-columns:repeat(2,1fr);

}

.pp-toolbar-bottom{

	grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.pp-workshop-grid{

grid-template-columns:1fr;

}

.pp-workshop-archive-hero h1{

font-size:36px;

}

.pp-workshop-archive-hero{

padding:70px 20px;

}

.pp-workshop-filters{

flex-direction:column;

align-items:stretch;

}

.pp-filter-right select{

width:100%;

}

.pp-toolbar-top{

flex-direction:column;

}

.pp-search-btn{

width:100%;

}

.pp-toolbar-bottom{

grid-template-columns:1fr;

}

}