/*
Theme Name: Astra-child
Theme URI: https://wpastra.com/about/
Description: Astra theme child
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Template: astra
Version: 1.0
*/

/*--------------------------------------------------------------------------------

 * Font - Font Noto Sans 400, 700, 800

--------------------------------------------------------------------------------*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	font-family: 'Noto Sans KR', '맑은고딕', 'MalgunGothic', "Apple SD Gothic Neo", applegothic, sans-serif;
	-webkit-font-smoothing: antialiased;
}


/*--------------------------------------------------------------------------------

 * Font
 * Heading

--------------------------------------------------------------------------------*/
#header h1{
	color: #fff;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-bottom: 0px;
    font-family: 'Noto Sans KR', '맑은고딕', 'MalgunGothic', "Apple SD Gothic Neo", applegothic, sans-serif;
	-webkit-font-smoothing: antialiased;
}


/*--------------------------------------------------------------------------------

 * Astro theme

--------------------------------------------------------------------------------*/
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}


/*--------------------------------------------------------------------------------

 * Woocommerce

--------------------------------------------------------------------------------*/

.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 1em;
    font-size: 21px;
    font-weight: 400;
}


/*--------------------------------------------------------------------------------

 * Woocommerce
 * Single page

--------------------------------------------------------------------------------*/
.ast-woocommerce-container {
    padding-top: 40px;
}

.woocommerce .star-rating {
    font-family: star !important;
}

.woocommerce .woocommerce-product-details__short-description {
    padding: 15px 0px 60px;
    margin-top: 30px;
    border-top: 1px solid #ededed;    
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    padding: 20px 40px;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    min-height: 55px;
}

.woocommerce #reviews h2 {
    font-weight: 400;
    margin-bottom: 30px;
}

/**/
.pc--show{ display: block;}
.pc--hidden{ display: none;}

/**/
body.single-post article { background-image: url();}
body.single-post article .custom-block-notice{ margin-bottom: 30px; margin-top: 60px;}
body.single .entry-header .post-thumb{ display: none;}
body.single .post-navigation{ display: none;}

/**/
ul.publish-post-list{ display: block !important; width: 100%; padding-left: 0px; margin-left: 0px;}
ul.publish-post-list li{ display: flex; align-items: stretch; list-style: none;}

ul.publish-post-list li .publish-post-thumbnail{ overflow: hidden; display: flex; align-items: center; justify-content: center; width: 50%; max-height: 500px; background-color: #101010;}
ul.publish-post-list li .publish-post-thumbnail a { display: inline-block; width: 100%; height: 100%;}
ul.publish-post-list li .publish-post-thumbnail a img{ width: 100%; height: 100%; object-fit: cover;}

ul.publish-post-list li .publish-post-info{ width: 50%; padding: 60px; background-color: #ffffff;}
ul.publish-post-list li .publish-post-info p.contents-type{ display: inline-block; padding: 0px 10px; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 1.8; background-color: #ff7159; color: #101010;}
ul.publish-post-list li .publish-post-info h3{ padding-top: 30px; padding-bottom: 20px; border-top: 1px solid #ccc;}
ul.publish-post-list li .publish-post-info h3 a{ font-size: 32px; font-weight: 700; line-height: 1.2; text-decoration: none; color: #101010;}
ul.publish-post-list li .publish-post-info .countdown{ text-decoration: none; font-size: 36px; font-weight: 400; line-height: 1.6; color: #101010;}
ul.publish-post-list li .publish-post-info p{ color: #555;}
ul.publish-post-list li .publish-post-info .excerpt a{ text-decoration: none; font-size: 18px; font-weight: 400; line-height: 1.8; color: #555;}

/**/
ul.scheduled-posts-list{ display: flex; gap: 40px; width: 100%; padding-left: 0px; margin-left: 0px;}
ul.scheduled-posts-list li{ flex: 1 1 auto; display: flex; flex-direction: column; max-width: 33.33%; list-style: none;}
ul.scheduled-posts-list li .d-day__wrap{ position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #ff7159;}
ul.scheduled-posts-list li .d-day__wrap .d-day{ font-size: 20px; font-weight: 700; line-height: 1.4; color: #101010;}

ul.scheduled-posts-list li:nth-child(2) .d-day__wrap{ background-color: #101010;}
ul.scheduled-posts-list li:nth-child(2) .d-day__wrap .d-day{ color: #fff;}
ul.scheduled-posts-list li:nth-child(3) .d-day__wrap{ background-color: #101010;}
ul.scheduled-posts-list li:nth-child(3) .d-day__wrap .d-day{ color: #fff;}

ul.scheduled-posts-list li .scheduled-post-thumbnail{ overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; max-height: 300px; background-color: #101010;}
ul.scheduled-posts-list li .scheduled-post-thumbnail img{ width: 100%; object-fit: cover;}

ul.scheduled-posts-list li .scheduled-posts-info{ padding: 20px; background-color: #f4f4f4;}
ul.scheduled-posts-list li .scheduled-posts-info h3{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 700; line-height: 1.8; color: #333;}
ul.scheduled-posts-list li .scheduled-posts-info p{ margin-bottom: 10px; font-size: 13px; font-weight: 400; line-height: 1.8; color: #555;}
ul.scheduled-posts-list li .scheduled-posts-info .countdown{ font-size: 13px; font-weight: 400; line-height: 1.8; color: #555;}

/**/
.limited-content { max-height: 300px; overflow: hidden; position: relative;}
.limited-content::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, transparent, white);}

/**/
.exclude-role-notice{ padding: 60px 0px; text-align: center;}
.exclude-role-notice h3{ font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; color: #101010;}
.exclude-role-notice p{ font-size: 15px; font-weight: 400; line-height: 1.4; color: #555;}
.exclude-role-notice a.subscribe-button{ display: inline-block; padding: 15px 20px; margin-top: 10px; text-decoration: none; background-color: #ff7159; font-size: 15px; font-weight: 700; line-height: 1.2; color: #fff;}
.exclude-role-notice a.subscribe-button:hover{ background-color: #d35d49;}

/**/
.astra-shop-thumbnail-wrap { position: relative;}

.swiper-autoheight .swiper-slide { display: flex; height: auto; align-items: center; justify-content: center;}
.swiper-button__wrap .swiper-button-prev, .swiper-button__wrap .swiper-button-next{ width: 60px; height: 60px; border-radius: 60px; background-color: #fff;}
.swiper-button__wrap .swiper-button-prev:after, .swiper-button__wrap .swiper-button-next:after{ display: none;}

.swiper-product a img{ width: 100%; border-radius: 20px;}

.swiper-product .swiper-product-info{ padding: 10px;}
.swiper-product .swiper-product-info a{ text-decoration: none;}
.swiper-product .swiper-product-info a h4{ margin-bottom: 5px; font-size: 15px; font-weight: 700; line-height: 21px;}
.swiper-product .swiper-product-info .price{ margin-bottom: 10px;}
.swiper-product .swiper-product-info .review-rating{ display: flex; margin-bottom: 15px;}
.swiper-product .swiper-product-info .add_to_cart_button { display: none;}

.woocommerce-js .star-rating span::before { color: #fdb816;}

/**/
.cosmosfarm-members-subscription .subscription-checkout-title{ margin: 20px 0 20px 0 !important; }
.cosmosfarm-members-subscription .subscription-description.subscription-price { margin: 20px 0 20px 0 !important;}
.cosmosfarm-members-subscription .subscription-description.subscription-type{ margin: 0 0 20px 0 !important; }
.cosmosfarm-members-subscription .checkout-attr-row { margin-bottom: 30px !important;}
.cosmosfarm-members-subscription form label{ font-weight: 700;}
.cosmosfarm-members-subscription form button[type=submit] { background: #b041f3 !important; height: auto !important; padding: 10px 0 !important;}

/**/
body.page-id-5730 .elementor-widget-container h5, .entry-content h5{ font-size: 36px;}
body.page-id-5730 .elementor-widget-container nav ul{ padding-top: 30px; margin-top: 30px; margin-left: 0px; border-top: 1px solid #ddd;}
body.page-id-5730 .elementor-widget-container nav ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; list-style: none;}
body.page-id-5730 .elementor-widget-container nav ul li a{ color: #777;}
body.page-id-5730 .elementor-widget-container nav ul li a:hover{ color: #333;}

/**/
@media screen and (max-width: 1023px) {
    ul.publish-post-list li{ flex-direction: column;}
    ul.publish-post-list li .publish-post-thumbnail{ width: 100%;}
    ul.publish-post-list li .publish-post-info{ width: 100%; padding: 30px 0px;}
    ul.publish-post-list li .publish-post-info h3 a{ font-size: 24px;}

    ul.scheduled-posts-list{ flex-direction: row;}    

}

/**/
@media screen and (max-width: 768px) {
    .limited-content { max-height: 180px; overflow: hidden; position: relative;}

    .mobile--show{ display: block;}
    .mobile--hidden{ display: none;}

    ul.scheduled-posts-list{ flex-direction: column;}
    ul.scheduled-posts-list li{ max-width: 100%;}

}