/*
 Theme Name:   Astra Child
 Theme URI:    https://spanbilt.com.au/
 Description:  Child theme for the Astra theme
 Author:       dev
 Author URI:   https://spanbilt.com.au/
 Template:     astra
 Version:      1.0.0
*/


section{padding: 40px 0px;}
.footer-two{border-bottom: 1px solid #333;background: #3e3e3e;}
.footer-three{background:#3e3e3e;padding:15px 0;color:#888;text-align:center;}
.footer-two .container{display:flex;padding-top: 40px;padding-bottom: 40px;gap:25px 1%;flex-wrap:wrap;justify-content: space-between;position: relative;}
.footer-two .container h3{color: #ffce16; font-size: 20px; font-weight: 600; margin-bottom: 15px; font-family: "Signika", sans-serif; text-transform: uppercase;}
.footer-two .container h3 a{color: #ffce16; border: 1px solid #e2b714; border-radius: 5px; padding: 6px 16px; text-decoration: none; width: auto; display: block; text-align: center;}
.footer-two .container h3 a:hover{color: #fff;}
.social-icon .content { margin-top: 24px; }
.footer-two .container .col-2,.footer-two .container .col-3,.footer-two .container .col-4{/*width:20%;position:relative;*/z-index:9}
.footer-two .container .col-1 img{width: 290px;margin-bottom:20px}
.footer-two .container ul{list-style:none;margin:0;padding:0}
.footer-two .container ul li{padding-bottom:13px;color:#fff;}
.footer-two .container ul li a{color:#fff;text-decoration:none;transition:all .4s ease}
.footer-two .container ul li a:hover{color:#ffce16}

.footer-two .ft-wrap { display: flex; justify-content: space-between; }
.ft-left { width: 37%; }
.ft-right { display: flex; justify-content: space-between; gap: 15px; width: 60%; }
footer .container { padding-left: unset; padding-right: unset; }

.col.col-2, .col.col-3, .col.col-4 { width: 33%; }
.col.col-2 .content{display:flex;width:100%;justify-content:space-between}
.col.col-2 .content ul{width:100%}
.footer-bootom{flex:1 5 100%;text-align:center;position:relative}
.footer-bootom a{font-size:20px;border:1px solid #ffce16;padding:10px 15px;border-radius:10px;color:#ffce16;text-decoration:none;width:230px;display:inline-block;text-align:center}
.footer-bootom a:hover{background: #ffce16;color: #333;}
.footer-bootom a:nth-child(1){margin-right:5px}
.footer-bootom img{max-width:450px;position:absolute;right:0;bottom:-41px;z-index:1}
.social-icon .content{display:flex;gap:10px}
.social-icon .content a{background:#fff;color: #2772c8;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:30px;text-decoration:none;font-size:25px;transition:all .4s ease}
.social-icon .content a:hover{background:#2772c8!important;color:#fff}
.footer-two{padding:0 20px}
.footer-two p.logo-bottom {color: #fff; }

/* ------cms-page------ */
.faqs details { border: 1px solid #9fd842; border-radius: 8px; margin-bottom: 15px; transition: background .3s ease; }
.faqs details summary { font-weight: 700; font-size: 16px; cursor: pointer; list-style: none; position: relative; padding: 15px 10px; }
.faqs summary::after { content: "+"; position: absolute; right: 10px; top: 10px; font-size: 20px; transition: transform .3s ease; }
.faqs details details[open] summary::after { content: "-"; transform: rotate(180deg); }
.faqs details p { font-size: 15px; line-height: 1.6; padding: 0 10px; }
.faqs details:hover { background: #9fd84252; }
.faqs details > *:last-child { padding-bottom: 10px !important; }

/* category page */
.custom-page h1,.entry-header h1.entry-title { color: #88b540; border-bottom: 3px solid; text-align: center; margin-bottom: 15px; margin-top: 10px; } 
.custom-page h2 { margin-top: 20px; }
ul.products { margin-top: 25px !important; }
ul.products li.product { padding: 10px !important;background: #88b54026;margin: 0.5% 0.5% !important;width: 24% !important;border: 1px solid #ffffff;}
ul.products li.product:hover { border: 1px solid #faa406;}
ul.products li.product h2.woocommerce-loop-product__title { font-size: 15px !important; color: #333;height: 53px !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; }
ul.products li.product a.button.product_type_simple { background: #88b540; width: 100%; text-align: center; color: #fff; }
ul.products li.product:hover a.button.product_type_simple { background: #faa406; color: #fff; }
ul.products li.product a img,ul.products li.product{border-radius: 7px;}
.custom-page .cat-ctnt ul { margin-left: 25px; }
.custom-page .cat-ctnt ul li { margin: 10px 0; }

.woocommerce-page .bg-dark { background-color: #e4e4e4; }
.woocommerce-page h2 { color: #88b540; font-size: 32px; text-align: center; } 
.bg-dark ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0 0 !important; text-align: center; list-style: none; } 
.bg-dark ul li { margin: 0 !important; padding: 5px; } .bg-dark ul li img { width: 135px; margin: auto; } 
.bg-dark ul li h2 { font-size: 20px; }

.box-to-img { display: flex; justify-content: space-evenly; text-align: center; margin-bottom: 25px; } 
.box-to-img img { width: 500px; } 
.box-to-img a { padding: 10px 25px; background: #88b540; border-radius: 23px; color: #fff; text-decoration: none; }

.shed-features{padding:20px 20px !important;background:#eef3ee;text-align:center;font-family:"Arial",sans-serif;margin-top: 15px;}
.shed-features h2 {font-size: 28px; font-weight: 700; margin-bottom: 30px; color: #88b540;}
.shed-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.shed-box{background:#fff;padding:25px;border-radius:14px;box-shadow:0 4px 20px #00000014;transition:.3s ease;text-align:left}
.shed-box:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0000001f}
.shed-icon { display: flex; gap: 10px; align-items: center; margin-bottom: 20px; }
.shed-icon img { width: 80px; }
.shed-box h3{color:#2e492e;}
.shed-box p{color:#555;line-height:1.5}



/* product page */
.product h1.product_title.entry-title {     color: #88b540; font-weight: 600; }
.product h2 {     color: #333; font-weight: 600; }
.product .product-sku { margin: 7px 0;}
.product span.posted_in { font-weight: 600; }
.product .woocommerce-product-details__short-description { margin-bottom: 10px; }
.product a.button.custom-read-more-link {background: #88b540; color: #fff; }
.product a.button.custom-read-more-link:hover  {background: #faa406; color: #fff; }
.product .woocommerce-tabs ul { margin-left: 25px;margin-bottom: 10px; }
.product .woocommerce-tabs h2 { margin-top: 15px; }
.product .product-sku { margin: 7px 0; }

.product_meta .custom_categories, .product_meta .custom_tags { margin-bottom: 14px; }
.product_meta .custom_categories span, .product_meta .custom_tags span{font-weight: 600;margin-bottom: 4px;display: block;}
.product_meta ul.custom-cats, .product_meta .custom-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.product_meta ul.custom-cats li.custom-cat-item, .product_meta .custom-tags .custom-tag-item { background: #eee; padding: 6px 10px; border-radius: 5px; list-style: none; }
.product_meta ul.custom-cats li.custom-cat-item:hover a, .product_meta .custom-tags .custom-tag-item:hover a { color: #88b540; }
.product_meta ul.custom-cats li.custom-cat-item a, .product_meta .custom-tags .custom-tag-item a { text-decoration: none; color: #222; }
.product .woocommerce-Tabs-panel { display: block !important; }
.product .woocommerce-tabs h3 { font-size: 17px;color: #88b540c9;margin-top: 10px;}

/* about */
/* .custom-page ul { margin: 0px 0px 6px 25px; } */
.custom-page .title-img { display: flex; gap: 10px 1%;flex-wrap: wrap; }
.custom-page .title-img .left { width: 59%; }
.custom-page .title-img .right { width: 40%; }
.custom-page .title-img .right img { height: auto; }
.custom-page .who-we-are { background-image: url('https://spanbilt.com.au/wp-content/uploads/2017/12/slide3_overlay.jpg'); padding: 5% 1%; color: #fff;margin-top: 15px;}
.custom-page ul.team-list { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 1%;margin-top: 15px;}
.custom-page ul.team-list li {padding: 10px !important; border: 1px solid #88b540;border-radius: 5px;text-align: center;}
.custom-page.about h3.team-name {color: #88b540;} 
.custom-page .team-desig { border-bottom: 2px solid #88b540;margin-bottom: 10px;color: #666;}

.custom-page.contact ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.custom-page.contact ul li{border:1px solid #ccc;border-radius:7px;list-style:none;padding:12px}
.custom-page.contact ul li a{color:#88b540;text-decoration:none}
.custom-page.contact ul li img{object-fit:scale-down;width:unset;justify-self:center}
.custom-page.contact ul li h5{border-top:2px solid #ccc;padding-top:10px;font-weight:500}
.custom-page.contact ul li p strong{font-weight:600} 

.yardsaver-assembly-videos ul,.smartlocker-assembly-videos ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 1%; }
.yardsaver-assembly-videos ul li,.smartlocker-assembly-videos ul li { border: 1px solid #ccc; border-top: 4px solid #88b540; border-radius: 5px; padding: 10px; list-style: none; }
.yardsaver-assembly-videos ul li h2,.smartlocker-assembly-videos ul li h2 { margin-top: 0; font-size: 17px; margin-bottom: 7px; font-weight: 500; }
.yardsaver-assembly-videos ul li iframe,.smartlocker-assembly-videos ul li iframe { width: 100%; height: 320px; }

.green-button { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.green-button a { text-decoration: none; background: #88b540; color: #fff; padding: 7px 20px; border-radius: 5px; }
.green-button a:hover { background: #faa406; color: #fff; }

.our-brands .images { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.smartlocker .iframe-yt-2,.storemate-garden-sheds .iframe-yt-2{ display: flex; gap: 10px; justify-content: space-between; }
 
.wholesale-ordering ol, .privacy-policy ul,.smartlocker-sheds-best-seller ul{ margin: 4px 0px 6px 25px; }

.building-your-shed .box-3 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.brand-logo { display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; }
.brand-logo a img { width: 221px; }

.page-ctnt .tbl { background: #eee; padding: 8px; margin: 20px 0px; }

/* .footer-one{background: #88b540;}
.footer-one .title { text-align: center;margin-bottom: 30px; }
.footer-one ul {display: flex ; text-align: center; gap: 10px 5%; flex-wrap: wrap; justify-content: space-around;}
.footer-one ul li { list-style: none;width: 11%; }
.footer-one ul li img {border: 1px solid #000000; border-radius: 100%; padding: 22%; filter: invert(1); }
.footer-one ul li h3 { color: #fff; margin: 10px 0;font-weight: 600; } */

.footer-yellow{background: #ffce16;padding:20px 0px;} 
.footer-yellow .container{display: flex; gap: 20px;justify-content: space-between;color: #0650A0; align-items: center;} 
.footer-yellow-1 h3{font-size: 23px;} 
.footer-yellow-1 p{margin: 0px;} 
.footer-yellow-2 { display: flex; gap: 14px; align-items: center; } 
.footer-yellow-2 a { color: #0650A0; font-weight: 500; border: 1px solid #0650A0; border-radius: 5px; padding: 10px 16px; background: #fff; text-decoration: none; font-size: 17px; } 
.footer-yellow-2 a:hover{background:#0650A0;color:#fff;} 
.footer-three .container { position: relative; }
svg.icon.icon-plush{display: none}

@media (min-width:100px) and (max-width:400px) {
    .custom-page ul.team-list { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    
}

@media (min-width:100px) and (max-width:500px) {
    .custom-page.contact ul { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
    #primary #main,body #primary {padding: 0 !important;margin: 0;}
    .cat-ctnt { padding: 12px; }
    ul.products li.product a.button.product_type_simple {padding: 7px;font-size: 14px;font-weight: 500;}
    .footer-one ul li { width: 33% !important; }
}

@media (min-width:100px) and (max-width:767px) {
    section { padding: 20px 0px; }
    h1 { font-size: 22px; }
    .custom-page h2 { font-size: 20px; }
    .container, #primary { padding-left: 2% !important; padding-right: 2% !important;}
    ul.products li.product { width: 49% !important; }
    .custom-page h1, .entry-header h1.entry-title { border-bottom: 2px solid; }
    .custom-page .title-img .left,.custom-page .title-img .right {width: 100%;}
    .custom-page ul.team-list { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .custom-page .who-we-are { text-align: justify; }
    .custom-page.contact ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.footer-two .ft-wrap { flex-direction: column; }
	.ft-left { margin-bottom: 25px; }
	.ft-left,.ft-right { width: 100%;flex-wrap: wrap; }
	.col.col-2, .col.col-3, .col.col-4 { width: 100%;border-bottom: 1px solid #333; }
	.col.col-2 .content ul{width:100%;}
	.foot-col1,.foot-col2,.foot-col3{display: none;}
	.col.col-4 {border-bottom: unset; }
	svg.icon.icon-plush { float: right; width: 23px; height: 23px;display: block; }
	.footer-two .container ul li{ border-top: 1px solid #ffce1682;padding: 5px 12px;}
	.footer-two .container h3 { font-size: 20px; }
	.footer-one ul li { width: 22%; }
    .box-to-img a { font-size: 13px; }
}
@media (min-width:768px) and (max-width:1023px) {
.custom-page.contact ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width:769px) and (max-width:1020px) {
	.footer-two .ft-wrap { flex-direction: column; }
	.ft-left, .ft-right { width: 100%; }
	.social-icon { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
	.social-icon .content { margin: 0; }
}