/**
 * Theme Name:        Pnk
 * Description:       Custom theme for Pnk
 * Version:           1.0.0
 * Author:            Ly Tuan Dung
 * Author URI:        https://lytuandung.com
 * Requires PHP:      8.3
 */
@import url('static/css/_font.css');
@import url('static/css/_menu.css');
@import url('static/css/_banner.css');
@import url('static/css/_about_us.css');
@import url('static/css/_tools.css');
@import url('static/css/_contact_us.css');
@import url('static/css/single.css');

body {
    font-family: 'SF Pro Rounded', sans-serif;
    letter-spacing: 1px;
}

header {
    position: relative;
}

@media (min-width: 992px) {
    header {
        top: 0;
        position: fixed;
    }
    body {
        padding-top: 100px;
    }

    .ps-100 {
        padding-left: 100px;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .pe-100 {
        padding-right: 100px;
    }
}

@media (max-width: 768px) {
    .collapse.show, .collapse.show .primary-menu-items {
        display: block !important;
    }
}

@media (max-width: 882px) {
    iframe {
        width: calc(100% - 30px);
    }
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.pnk-divider {
    padding-left: 100px;
    position: relative;
    margin: 60px 60px 60px 0;
}

.pnk-divider.center {
    text-align: center;
}

.pnk-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 5px;
    width: 60px;
    background: var(--bs-danger);
    border-radius: 5px;
}

.pnk-divider.center::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -60px;
    height: 5px;
    width: 60px;
    background: var(--bs-danger);
    border-radius: 5px;
}

.lh-16 {
    line-height: 1.6rem;
}

footer {
    min-height: 300px;
    color: white;
}

footer .content-info {
    background-color: rgba(var(--bs-dark-rgb), .75);
}

.slick-slider {
    position: relative;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 40%;
    width: 42px;
    height: 42px;
    border: 2px solid rgba(var(--bs-danger-rgb), .5);
    background-color: rgba(var(--bs-danger-rgb), 0.5);
    border-radius: 50%;
    color: white;
}

.slick-prev:hover, .slick-next:hover {
    background-color: rgba(var(--bs-danger-rgb), 0.8);
    border: rgba(var(--bs-danger-rgb), 1);
}

.slick-prev {
    left: -40px;
}
.slick-next {
    right: -40px;
}
.slick-initialized .slick-slide {
    height: 300px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
#content p {
    text-align: justify;
}

.wpcf7-form input {
    max-width: 100% !important;
}