/*!
Theme Name: Oriole Theme
Theme URI: #
Author: Oriole
Author URI: #
Description:
Version: 2011.0.0
Text Domain: oriole
*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
.pt-0 {
    padding-top: 0 !important;
}

.mb-base {
    margin-bottom: 20px;
}

nav ul li a {
    white-space: nowrap;
}

body ul .wpml-ls-menu-item a {
    display: inline-block;
}

body .menu ul>li>ul>li span {
    position: unset;
    transform: unset;
    line-height: inherit;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

body nav>ul>li:last-child .dropmenu li {
    text-align: center;
}

.blog-text p {
    line-height: 28px;
    margin-bottom: 20px;
    font-size: 16px;
    padding-right: 30px;
}

.condition-section {
    padding-top: 40px;
}

.condition-section h1 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 35px
}

.condition-section ul {
    list-style-type: disc;
    padding-left: 20px
}

.condition-section p {
    padding-bottom: 15px
}

.condition-section h2,
.condition-section h3,
.condition-section h4,
.condition-section h5 {
    padding-bottom: 15px
}

.album-item.shop-item {
    padding-bottom: 72.8%;
}

.shop-item img {
    height: 100% !important;
}

.thumb-img {
    position: relative;
    height: 0;
    padding-bottom: 67%;
}

.thumb-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pd-top {
    padding-top: 10%;
}

.thumb-slide {
    position: relative;
    height: 0;
    padding-bottom: 140%;
}

.thumb-slide img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pad {
    padding-bottom: 30px;
}

.btn-next {
    right: -20px;
    top: 62%;
}

.btn-prev {
    left: -20px;
    top: 62%;
}

.flex-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.content-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.content-right h3 {
    margin-bottom: 20px;
}

.swiper-wrapper,
.swiper-slide {
    height: auto;
}

.sub-menu-page {
    display: flex;
    justify-content: center;
    width: 100%;
}

.sub-menu-page li a {
    color: #fff;
    line-height: normal;
}

.wc-block-components-button:not(.is-link) {
    color: #fff;
    background-color: #000;
    font-size: 18px;
    padding: 12px 24px !important;
    min-height: unset !important;
    border: 2px solid #000;
    -webkit-transition: 0.3s background-color color !important;
    transition: 0.3s background-color color !important;
}

.wc-block-components-button:not(.is-link):hover {
    background-color: #fff;
    color: #000;
}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
    border-color: #d2d2d2 !important;
    border-radius: 0 !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 0px !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: #eee !important;
}

.wc-block-components-radio-control--highlight-checked:after {
    border-radius: 0px !important;
    border: 0 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border-radius: 0px !important;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input.wc-block-components-totals-coupon__input input {
    height: 100% !important;
}

.wc-block-components-form .wc-block-components-checkout-step {
    margin-bottom: 25px;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce-thankyou-order-details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none !important;
    padding-left: 0 !important;
    width: 100%;
}

.woocommerce-column__title,
.woocommerce-order-details__title {
    font-size: 1.25em !important;
    padding-bottom: 0 !important;
}

.woocommerce-table--order-details {
    width: 100%;
    margin-bottom: 15px;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 1rem;
}

.woocommerce-table--order-details thead th {
    background: #eee;
}

.woocommerce-table--order-details tbody td {
    border-bottom: 1px solid #eee;
}

.woocommerce-table--order-details .wc-item-meta {
    list-style: none !important;
    float: none;
    padding-left: 0;
}

.woocommerce-table--order-details .wc-item-meta li {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 1.25rem;
}

.woocommerce-table--order-details .wc-item-meta li p {
    padding-bottom: 0;
    font-size: 1.25rem;
}

.wc-block-components-product-metadata__description {
    display: none;
}

/* .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header,
table.wc-block-cart-items .wc-block-cart-items__header {
    background-color: #eee;
}
.wc-block-cart .wc-block-cart__totals-title {
    background-color: #eee;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
    opacity: 0;
    visibility: visible !important;
} */
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--minus,
.wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--plus,
.wc-block-components-quantity-selector:after {
    border-radius: 0 !important;
}

.wc-block-components-product-details {
    margin: 0 !important;
}

.wc-block-components-product-details.wc-block-components-product-details {
    display: block;
    width: 100%;
}

.wc-block-components-product-details *,
.wc-block-components-product-details {
    font-size: 1.25rem;
    line-height: 1.5;
}

.wc-block-components-product-metadata {
    display: flex;
}

.woocommerce-notices-wrapper {
    display: block;
    background: #eee;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

:focus-visible {
    outline: none !important;
}

.woocommerce-message,
.woocommerce-error {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.woocommerce-ordering {
    display: flex;
    justify-content: end;
    padding-bottom: 10px;
}

.woocommerce-ordering select {
    border: 0;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    font-size: 18px;
    letter-spacing: 3px;
    padding: 0;
    height: 42px;
    max-width: 250px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop-title span {
    margin: 0 !important;
}

.detail-category-list a {
    color: #fff;
}

.onsale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 11;
    background: #eee;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.product-detail-order button {
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #434344;
}

.shop-price ins {
    text-decoration: none;
}

.price del,
.shop-price del {
    opacity: 0.5;
}

.price del span {
    text-decoration: line-through;
}

.blog-item .top-bar a {
    margin-right: 0px;
}

.slide-prev_ {
    position: absolute;
    top: 50%;
    left: -55px;
    z-index: 5;
    cursor: pointer;
}

.slide-next_ {
    position: absolute;
    top: 50%;
    right: -55px;
    z-index: 5;
    cursor: pointer;
}

.pagination,
.woocommerce-pagination {
    float: unset;
    margin-right: 0;
    padding-top: 0;
}

.pagination .nav-links,
.woocommerce-pagination ul.page-numbers {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    clear: both;
    position: relative;
    text-align: center;
}

.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pagination .nav-links span,
.pagination .nav-links a,
.woocommerce-pagination ul.page-numbers li span,
.woocommerce-pagination ul.page-numbers li a {
    text-align: center;
    margin: 0 4px;
    width: 34px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 2px;
    display: inline-block;
    transition: .3s background-color;
    -webkit-transition: .3s background-color;
}

.pagination .nav-links span,
.pagination .nav-links a:hover,
.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-pagination ul.page-numbers li span {
    color: #f1f1f1;
    background-color: #333;
    font-weight: 700;
}

@media (max-width: 992px) {
    #header {
        display: flex;
        justify-content: space-between;
    }

    #header .logo {
        float: none;
    }

    .nav-menu-icon {
        float: none;
    }
}

@media (max-width: 767.82px) {
    .woocommerce-ordering select {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.82px) {

    .swiper-button-next,
    .swiper-button-prev {
        background: none;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {

        font-size: 20px;
    }

    .swiper-button-next {
        right: 0;
        width: 15px;
    }

    .swiper-button-prev {
        left: 0;
        width: 15px;
    }
}

.content h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    letter-spacing: 2px;
    text-transform: unset
}

@media screen and (max-width: 767.82px) {
    .content h2 {
        font-size: 28px
    }
}

@media screen and (max-width: 575.82px) {
    .content h2 {
        font-size: 24px
    }
}

.btn-tdh {
    border: 1px solid #222;
    padding: 5px 10px;
    transition: all .3s ease-in;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400
}

.btn-tdh:hover {
    background: #222;
    color: #fff;
    text-decoration: none !important
}

.btn-new {
    border: 1px solid #222;
    padding: 10px 15px;
    transition: all .3s ease-in;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    background: #222;
    color: #fff;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none
}

@media screen and (max-width: 767.82px) {
    .btn-new {
        font-size: 14px
    }
}

.btn-new:hover {
    background: #fff;
    color: #222;
    text-decoration: none !important
}

@media screen and (max-width: 991.82px) {
    .new-wrap {
        padding-top: 30px
    }
}

.new-line {
    border-top: 1px solid #eee;
    margin: 30px 0
}

@media screen and (max-width: 767.82px) {
    .new-line {
        margin: 20px 0
    }
}

.new-detail {
    border-top: 1px solid #eee
}

.new-detail-text {
    margin: 30px auto;
    max-width: 800px
}

.new-detail-text p {
    padding-bottom: 15px
}

.new-detail-title {
    padding-top: 40px;
    display: flex;
    -moz-column-gap: 40px;
    column-gap: 40px
}

@media screen and (max-width: 767.82px) {
    .new-detail-title {
        flex-direction: column
    }
}

@media screen and (min-width: 768px) {
    .new-detail-img {
        flex: 0 0 370px;
        max-width: 370px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .new-detail-img {
        flex: 0 0 500px;
        max-width: 500px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767.82px) {
    .new-detail-img {
        margin-bottom: 15px;
        margin-right: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.new-detail-img img {
    /* aspect-ratio: 4/6; */
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    transition: all .3s ease-in-out
}

.new-detail-cate {
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (max-width: 991.82px) {
    .new-detail-cate {
        font-size: 17px
    }
}

@media screen and (max-width: 767.82px) {
    .new-detail-cate {
        font-size: 16px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 575.82px) {
    .new-detail-cate {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.new-detail-date {
    font-size: 15px
}

@media screen and (max-width: 991.82px) {
    .new-detail-date {
        font-size: 14px
    }
}

@media screen and (max-width: 767.82px) {
    .new-detail-date {
        font-size: 13px
    }
}

@media screen and (max-width: 575.82px) {
    .new-detail-date {
        font-size: 13px
    }
}

.new-detail-content {
    display: block;
    flex: 1;
    max-width: 100%
}

.new-detail-content h1 {
    text-transform: unset;
    letter-spacing: normal;
    font-weight: 500;
    line-height: 1.4;
    font-size: 36px;
    margin-bottom: 25px
}

@media screen and (max-width: 991.82px) {
    .new-detail-content h1 {
        font-size: 34px
    }
}

@media screen and (max-width: 767.82px) {
    .new-detail-content h1 {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 575.82px) {
    .new-detail-content h1 {
        font-size: 26px;
        margin-bottom: 15px
    }
}

.new-detail-content p {
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 15px
}

@media screen and (max-width: 991.82px) {
    .new-detail-content p {
        font-size: 20px
    }
}

@media screen and (max-width: 767.82px) {
    .new-detail-content p {
        font-size: 18px
    }
}

@media screen and (max-width: 575.82px) {
    .new-detail-content p {
        font-size: 16px
    }
}

.new-big {
    display: flex;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-bottom: 50px
}

@media screen and (max-width: 767.82px) {
    .new-big {
        flex-direction: column;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 768px) {
    .new-big .new-img {
        flex: 0 0 370px;
        max-width: 370px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767.82px) {
    .new-big .new-img {
        margin-bottom: 15px;
        margin-right: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.new-big .new-cate {
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (max-width: 991.82px) {
    .new-big .new-cate {
        font-size: 17px
    }
}

@media screen and (max-width: 767.82px) {
    .new-big .new-cate {
        font-size: 16px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 575.82px) {
    .new-big .new-cate {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.new-big .new-date {
    font-size: 15px;
    margin-bottom: 20px
}

@media screen and (max-width: 991.82px) {
    .new-big .new-date {
        font-size: 14px
    }
}

@media screen and (max-width: 767.82px) {
    .new-big .new-date {
        font-size: 13px
    }
}

@media screen and (max-width: 575.82px) {
    .new-big .new-date {
        font-size: 13px
    }
}

.new-big .new-content {
    display: block;
    flex: 1;
    max-width: 100%
}

.new-big .new-content h3 {
    font-size: 28px;
    margin-bottom: 25px
}

@media screen and (max-width: 991.82px) {
    .new-big .new-content h3 {
        font-size: 24px
    }
}

@media screen and (max-width: 767.82px) {
    .new-big .new-content h3 {
        font-size: 20px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 575.82px) {
    .new-big .new-content h3 {
        font-size: 19px;
        margin-bottom: 15px
    }
}

.new-big .new-content p {
    font-size: 18px;
    margin-bottom: 15px
}

@media screen and (max-width: 991.82px) {
    .new-big .new-content p {
        font-size: 17px
    }
}

@media screen and (max-width: 767.82px) {
    .new-big .new-content p {
        font-size: 16px
    }
}

@media screen and (max-width: 575.82px) {
    .new-big .new-content p {
        font-size: 15px
    }
}

.new-list {
    padding: 25px 0;
    padding-top: 35px
}

.new-list .row {
    display: flex;
    flex-wrap: wrap
}

.new-list .d-flex {
    display: flex;
    flex-wrap: wrap
}

.new-list .col-new {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .new-list .col-new {
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}

@media screen and (min-width: 992px) {
    .new-list .col-new {
        flex: 0 0 25%;
        max-width: 25%
    }
}

.new-title {
    background-color: #f7f7f7;
    padding: 25px 0
}

.new-title h1 {
    font-weight: 500;
    margin-bottom: 15px
}

@media screen and (max-width: 991.82px) {
    .new-title h1 {
        font-size: 38px
    }
}

@media screen and (max-width: 767.82px) {
    .new-title h1 {
        font-size: 32px
    }
}

@media screen and (max-width: 575.82px) {
    .new-title h1 {
        font-size: 28px
    }
}

.new-title p {
    font-size: 18px;
    line-height: 1.4
}

@media screen and (max-width: 991.82px) {
    .new-title p {
        font-size: 17px
    }
	.body nav>ul>li:last-child .dropmenu li {
		text-align: left;
	}
	.menu ul>li>ul>li span.wpml-ls-native,
	nav>ul>li>a>span.wpml-ls-native {
		padding-left: 0px;
		margin-left: 0px;
	}
}

@media screen and (max-width: 767.82px) {
    .new-title p {
        font-size: 16px
    }
}

@media screen and (max-width: 575.82px) {
    .new-title p {
        font-size: 14px
    }
}

.new-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px
}

@media screen and (min-width: 992px) {
    .new-container {
        padding-right: 5%;
        padding-left: 5%
    }
}

.new-cate {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-bottom: 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 575.82px) {
    .new-cate {
        font-size: 13px
    }
}

.new-cate a {
    color: #999;
    text-decoration: none
}

.new-cate a:hover {
    color: #333
}

.new-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (max-width: 767.82px) {
    .new-item {
        display: flex;
        flex-direction: row
    }
}

.new-img {
    margin-bottom: 10px
}

@media screen and (max-width: 767.82px) {
    .new-img {
        flex: 0 0 85px;
        max-width: 85px;
        margin-right: 15px;
        margin-bottom: 0
    }
}

.new-img a {
    display: block;
    overflow: hidden;
}

.new-img a img {
    aspect-ratio: 4/6;
    position: relative;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    transition: all .3s ease-in-out
}

.new-img a:hover img {
    transform: scale(1.05)
}

.new-tt {
    flex: 1 0 auto;
    text-transform: uppercase;
}

.new-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 auto
}

@media screen and (max-width: 767.82px) {
    .new-content {
        flex: 1
    }
}

.new-content>a:hover {
    text-decoration: underline
}

.new-content h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: unset;
    letter-spacing: normal
}

@media screen and (max-width: 575.82px) {
    .new-content h3 {
        font-size: 16px
    }
}

.new-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 10px
}

@media screen and (max-width: 575.82px) {
    .new-content p {
        font-size: 13px
    }
}

.new-date {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-bottom: 15px
}

@media screen and (max-width: 767.82px) {
    .new-date {
        margin-bottom: 0
    }
	.pagination .nav-links span, .pagination .nav-links a, .woocommerce-pagination ul.page-numbers li span, .woocommerce-pagination ul.page-numbers li a {
		margin: 0px 0px;
		width: 30px;
	}
	.detail-category-list a {
		font-size: 14px;
		margin: 0 15px;
	}
}

@media screen and (max-width: 575.82px) {
    .new-date {
        font-size: 13px
    }
}

.new-date i {
    margin-right: 5px
}
.nav-menu-icon a i {
	top: -3px;
}