/*

* Theme Name: NS - Yangon Wave Travel

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     



:root {

--color1: #323232;

--color2: #E0B944;

}



body{

	margin:0 auto;

    font-family: "Poppins", "Noto Sans Myanmar", sans-serif;

    font-size: 16px;

    color: #323232;

}

h1,h2,h3,h4,h5,h6{

    font-weight: bold;

}

a{

    text-decoration: none;

    color: inherit;

    transition: all .2s;

}

.text-justify{

    text-align: justify;

}

/* Pagination */



ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}

.mm-menu .navbar-nav .nav-link.active {

    color: var(--color2);

}

.mm-menu .navbar-nav .nav-link {

    font-size: 15px;

}

.mm-navbar__title {

    font-size: 15px;

}



/* Sub Banner */

section.sub-banner {

    height: 420px;

    display: flex;

    align-items: center;

    text-align: center;

    color: #fff;

    position: relative;

    background-size: cover !important;

    background-position: center !important;

}

section.sub-banner::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    z-index: 1;

}

section.sub-banner .page-meta {

    position: relative;

    z-index: 100;

}

section.sub-banner h1 {

    text-transform: uppercase;

}

section.sub-banner i {

    margin: 0 5px;

}

section.sub-banner a:hover{

    color: var(--color2);

}

.my-page section.sub-banner h1 {

    margin-bottom: 15px;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none; padding-left: 0;}

#breadcrumbs li{display: inline-block;}



.single .content, .archive .content, .page-template-contact-us .content, .page-template-about-us section.about, .page-template-package .content{

    padding: 70px 0;

}

.wp-block-gallery {

    margin: 0;

}

.wp-block-gallery figure {

    aspect-ratio: 12 / 9;

    padding: 8px;

    overflow: hidden;

    flex-grow: unset !important;

}

.wp-block-gallery figure img {

    background: #fff;

    padding: 12px;

    box-shadow: 0px 0px 20px -14px #333;

    transition: all .2s ease;

}

.wp-block-gallery figure img:hover {

    filter: saturate(0.5);

}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}

.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}



/* Header Start */

header {

    padding: 20px 0;

    overflow-x: hidden;

}

.menu .left-col {

    position: relative;

}

.menu .left-col .logo{

    position: relative;

    z-index: 2;

}

.menu .left-col::before {

    content: "";

    position: absolute;

    width: 1000px;

    height: calc(100% + 40px);

    background: var(--color1);

    right: 0;

    bottom: -20px;

}

.menu .left-col::after {

    content: "";

    position: absolute;

    width: 131px;

    height: calc(100% + 40px);

    left: 100%;

    bottom: -20px;

    border-top: 66px solid transparent;

    border-right: 66px solid transparent;

    border-bottom: 66px solid var(--color1);

    border-left: 66px solid var(--color1);

}

.menu .right-col {

    background: #F7F7F7;

    position: relative;

}

.menu .right-col::before {

    content: "";

    position: absolute;

    width: 1000px;

    height: 100%;

    background: #f7f7f7;

    left: 100%;

    bottom: 0;

}

.menu .right-col::after {

    content: "";

    position: absolute;

    height: 100%;

    width: 91px;

    left: 0;

    bottom: 0;

    border-top: 46px solid transparent;

    border-right: 46px solid transparent;

    border-bottom: 46px solid var(--color1);

    border-left: 46px solid var(--color1);

}

.menu .navbar {

    padding-left: 58px;

}

.menu .navbar>ul li a {

    color: var(--color1);

    font-weight: 400;

    margin: 0 10px;

}

.menu .navbar>ul li a {

    position: relative;

}

.menu .navbar>ul li a::before {

    content: "";

    position: absolute;

    width: 0;

    height: 2px;

    background: var(--color2);

    bottom: 5px;

    left: 9px;

    transition: all .3s ease;

}

.my-page .menu .navbar>ul li a::before{

    bottom: 2px;

}

.menu .navbar>ul li a:hover::before, .menu .navbar>ul li a.active::before{

    width: 20px;

}

.menu .navbar>ul li:last-child{

    display: none;

}

.language-switcher{

    margin-left: 18px;

}

.language-switcher img {

    max-width: 21px;

    border-radius: 2px;

    margin-right: 5px;

}

.language-switcher>a {

    background: var(--color2);

    color: #fff;

    border: unset;

    border-radius: 0;

    text-decoration: unset;

    padding: 2px 13px 5px;

    display: inline-block;

    min-width: 105px;

}

.language-switcher .dropdown-toggle::after{

    content: "\f107";

    font-family: "FontAwesome";

    font-size: 20px;

    border: unset;

    vertical-align: unset;

    margin-left: 2px;

    position: relative;

    top: 1px;

}

.language-switcher .dropdown-menu {

    border-radius: unset;

    margin-top: 3px;

    border: unset;

    background: var(--color2);

    color: #fff;

    min-width: 105px;

    padding: 2px 0;

    display: block;

    transition: all .3s ease;

    visibility: hidden;

    opacity: 0;

    top: 30px;

}

.language-switcher:hover .dropdown-menu, .language-switcher:focus .dropdown-menu{

    visibility: visible;

    opacity: 1;

    top: 100%;

}

.language-switcher .dropdown-menu a {

    color: #fff;

}

.language-switcher .dropdown-menu a:hover{

    background: var(--color2);

}

.mmenu-toggler {

    position: relative;

    z-index: 100;

    display: flex;

    align-items: center;

    gap: 5px;

    text-transform: uppercase;

    font-weight: 500;

}

.mmenu-toggler i {

    position: relative;

    z-index: 100;

    font-size: 32px;

}



/* Menu for My Language */

.my-page .menu .navbar>ul li a {

    margin: 0 5px;

}



/* Main Slider Start */

.metaslider .slides img{

    filter: brightness(0.7);

}

section.slider .metaslider .caption-wrap {

    opacity: 1;

    left: 50%;

    transform: translateX(-50%) !important;

    background: unset !important;

    height: unset !important;

}

section.slider .caption-wrap .caption {

    text-align: left !important;

    left: 0 !important;

    position: unset !important;

    transform: unset !important;

    max-width: 780px;

    width: 100%;

    font-weight: 300;

    padding-bottom: 30px !important;

    font-size: 16px !important;

    padding-bottom: 90px !important;

}

section.slider .caption-wrap .caption h1 {

    font-weight: 700;

    font-size: 41px;

    text-transform: uppercase;

    margin-bottom: 12px;

}

section.slider .metaslider .flexslider .flex-direction-nav li a {

    height: 45px !important;

    width: 45px !important;

    bottom: 30px !important;

}

section.slider .metaslider .flexslider .flex-direction-nav li a::before {

    mask-image: url('/wp-content/themes/ns-yangon-wave/images/nav-prev.png') !important;

    mask-size: 45px auto !important;

}

section.package .content {

    background: url('/wp-content/themes/ns-yangon-wave/images/package-section-bg2.jpg');

    color: #fff;

    padding: 45px;
    background-size: cover;

}

section.package .content h1 {
    margin-bottom: 25px;
}

section.package .content ul {

    list-style: none;

    padding: 0;

}

section.package .content ul li {

    display: flex;

    align-items: flex-start;

    margin: 10px 0;

}

section.package .content ul li::before {

    content: "\F8FD";

    font-family: 'bootstrap-icons';

    color: var(--color2);

    margin-right: 10px;

    font-size: 20px;

    position: relative;

    top: -4px;

}

section.package .content a, .gallery-box .view-more {

    gap: 18px;

    align-items: center;

    position: relative;

    display: inline-flex;

    margin-top: 5px;

}

section.package .content a i, .gallery-box .view-more i {

    font-size: 21px;

}

section.package .content a::after, .gallery-box .view-more::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 1px;

    background: #fff;

    bottom: -3px;

    transition: all .2s ease;

}

section.package .content a:hover, .gallery-box:hover .view-more {

    color: var(--color2);

}

section.package .content a:hover::after, .gallery-box:hover .view-more::after {

    background: var(--color2);

}



/* Header End */



/* About Section Start */

section.about {

    padding: 150px 0;

    position: relative;

    overflow-x: hidden;

}

section.about::before {

    content: "";

    position: absolute;

    width: 43.5%;

    height: 61%;

    background: #F7F7F7;

    bottom: 0;

    left: 0;

    z-index: -1;

}

section.about::after {

    content: "";

    position: absolute;

    width: 157px;

    height: 100%;

    background: var(--color2);

    right: 28%;

    bottom: 0;

    z-index: -1;

}

#about-content {

    position: relative;

    padding-left: 40px;

}

#about-content::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 90%;

    background: #D3D3D3;

    left: 4px;

    bottom: 0;

}

#about-content::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 90%;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #D3D3D3;

}

.section-title {

    font-size: 41px;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 20px;

}

.section-title span{

    color: var(--color2);

}

.more {

    background: var(--color1);

    color: #fff;

    padding: 12px 12px 12px 16px;

    display: inline-block;

    position: relative;

    overflow: hidden;

    border: unset;

}

.more span {

    position: relative;

    z-index: 2;

}

.more::after {

    content: "";

    position: absolute;

    height: 60px;

    width: 32px;

    background: var(--color2);

    right: 0;

    bottom: 50%;

    transform: translateY(50%);

    border-radius: 27px 0 0 27px;

    transition: all .3s ease;

}

.more:hover::after {

    width: 100%;

    border-radius: 0;

}

.more i {

    font-size: 18px;

    margin-left: 20px;

}



/* Package Section Start */

section.package{

    padding: 100px 0;

    background-position: center;

    background-size: cover;

}



/* Gallery Section Start */

section.gallery {

    padding: 150px 0;

    position: relative;

}

section.gallery::after {

    content: "";

    position: absolute;

    width: 43.5%;

    height: 62%;

    background: #F7F7F7;

    left: 0;

    top: 0;

    z-index: -1;

}

.gallery-box.large-box .img-wrapper {

    aspect-ratio: 27.5 / 10;

}



/* Footer Start */

footer {

    background: var(--color1);

    color: #fff;

    padding: 40px 0 10px;

    font-weight: 300;

}

footer address i {

    margin-right: 7px;

    font-size: 17px;

}

footer address p{

    margin-bottom: 12px;

}

.copyright {

    font-size: 14px;

    margin-top: 45px;

}

footer .socials {

    display: flex;

    align-items: center;

    justify-content: center;

    column-gap: 18px;

}
footer .socials a {
    background: #fff;
    color: var(--color1);
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 19px;
    border-radius: 50%;
}
footer .socials a:hover {
    background: var(--color2);
    color: var(--color1);
}

footer a:hover{

    color: var(--color2);

}

footer .socials img{

    transition: all .3s ease;

}

footer .socials img:hover {

    transform: translateY(-1px);

    filter: drop-shadow(2px 4px 4px #111);

}

#go-top {

    position: fixed;

    right: 30px;

    bottom: 30px;

    background: var(--color2);

    color: #fff;

    z-index: 1000;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

}



/* About Page Start */

.page-template-about-us section.about::after {

    display: none;

}

.page-template-about-us .img-box.one {

    aspect-ratio: 16 / 21;

}

.page-template-about-us .img-box.two {

    aspect-ratio: 1/1;

}

.page-template-about-us .img-box.three {

    aspect-ratio: 9/7;

}

.page-template-about-us .img-box{

    position: relative;

}

.page-template-about-us .img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.page-template-about-us .img-box .overlay {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background: #323232b0;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 36px;

    /* background: #0000009c; */

    transition: all .3s ease;

    opacity: 0;

}

.page-template-about-us .img-box:hover .overlay{

    opacity: 1;

}

/* About Page End */



/* Package Details Page Start */

.package-title {

    margin: 0;

    font-weight: 600;

}

.package-info .duration {

    display: flex;

    gap: 10px;

    align-items: center;

    font-size: 18px;

    font-weight: 500;

}

.package-info .duration i {

    color: var(--color2);

    font-size: 20px;

}

.page-template-package .content ul {

    list-style: none;

    padding: 0;

}

.page-template-package .content ul li {

    padding: 5px 0;

    display: flex;

    align-items: center;

}

.page-template-package .content ul li::before {

    content: "\f058";

    font-family: 'FontAwesome';

    color: var(--color2);

    margin-right: 20px;

    font-size: 20px;

}

section#gifts ul {

    column-count: 2;

}

.page-template-package h4, .page-template-package h5 {

    font-weight: 600;

    border-top: 2px solid #F5F6FC;

    padding: 40px 0 20px;

}

.page-template-package section.border-top-0 h4, .page-template-package section.border-top-0 h5 {

    border: unset;

}

section#departure ul, section#return ul {

    position: relative;

}

section#departure ul::before, section#return ul::before {

    content: "";

    border-left: 1px dashed rgba(15, 29, 35, .1);

    background: none;

    position: absolute;

    top: 0px;

    left: 7px;

    height: 100%;

}

section#departure ul li, section#return ul li {

    padding: 10px 0;

}

section#departure ul li::before, section#return ul li::before{

    content: "\F518";

    font-family: 'bootstrap-icons';

    font-size: 16px;

}



/* Archive Start */

.gallery-box {

    position: relative;

}

.gallery-box .img-wrapper {

    aspect-ratio: 4 / 3;

    position: relative;

    overflow: hidden;

}

.gallery-box .img-wrapper img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s ease;

    transform: scale(1.1);

}

.gallery-box .img-wrapper:hover img{

    transform: scale(1);

}

.gallery-box .img-wrapper::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);

    z-index: 10;

}

.gallery-box .overlay {
    position: absolute;
    bottom: 25px;
    color: #fff;
    z-index: 20;
    width: 100%;
    left: 0;
    padding: 0 25px;
}

/* Archive End */



/* Contact Page Start */

.contact-info {

    padding: 40px 30px;

    text-align: center;

    width: 100%;

    border-radius: 3px;

    box-shadow: 0px 10px 80px 0px rgba(0, 0, 0, 0.04);

    border: 1px dashed #e0b9447a;

    transition: all .3s ease;

}

.contact-info:hover {

    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);

}

.contact-info h4{

    font-weight: 600;

    margin-bottom: 15px;

}

.contact-info i {

    background: var(--color2);

    font-size: 30px;

    display: inline-block;

    width: 65px;

    height: 65px;

    line-height: 65px;

    color: #fff;

    margin-bottom: 20px;

    border-radius: 3px;

}

.contact-info a {

    display: inline-block;

    word-break: break-word;

}

.contact-info a:hover{

    color: var(--color2);

}
.g-map {
    margin: 80px 0 60px;
}
.g-map iframe {
    width: 100%;
    border-radius: 10px;

}
.g-map video {
    background: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 5px;
}

#contact-form {

    max-width: 900px;

    margin: 0 auto;

    text-align: center;

}

#contact-form .form-control {

    padding: 15px 25px;

}

#contact-form .form-control:focus {

    box-shadow: unset;

    border-color: var(--color2);

}

/* Contact Page End */



/* Media Query Start */

@media (max-width: 1399px) {

    .menu .navbar>ul li a span {

        display: none;

    }

    section.about, section.gallery {

        padding: 125px 0;

    }

    section.about::before{

        width: 41%;

        height: 65%;

    }
    .section-title, section.package .content h1 {
        font-size: 37px;
    }
    section.about::before {
        width: 40%;
        height: 60%;
    }
    .gallery-box .overlay{
        padding: 0 20px;
    }
    .gallery-box .post-title {
        font-size: 22px;
    }
}



@media (max-width: 1199px){

    section.about::after{

        right: 22%;

    }

    section.sub-banner{

        height: 370px;

    }

    .wp-block-gallery figure{

        padding: 6px;

    }

    .gallery-box.large-box .img-wrapper {

        aspect-ratio: 4 / 3;

    }

    section.about, section.gallery {

        padding: 100px 0;

    }
    .page-template-about-us .section-title {
        font-size: 30px;
    }

}



@media (max-width: 991px){

    section.sub-banner{

        height: 300px;

    }

    .wp-block-gallery figure {

        width: 49% !important;

    }

    .single .content, .archive .content, .page-template-package .content, .page-template-contact-us .content {

        padding: 60px 0;

    }

    .metaslider .slides img{

        aspect-ratio: 21 / 9;

        object-fit: cover;

    }

    section.about::after {

        right: 5%;

    }

    section.about, section.package, section.gallery {

        padding: 80px 0;

    }
    .g-map {
        margin: 60px 0 50px;
    }
    .gallery-box .overlay {
        padding: 0 15px;
    }
    .gallery-box .post-title {
        font-size: 20px;
    }
}



@media (max-width: 767px){

    section.slider .metaslider .caption-wrap{

        display: none;

    }

    section.sub-banner{

        height: 250px;

    }

    .single .content, .archive .content {

        padding: 50px 0;

    }

    .metaslider .slides img{

        filter: unset;

    }

    .metaslider .slides img{

        aspect-ratio: 21 / 11;

    }

    section.about::after{

        display: none;

    }

    .section-title{

        font-size: 36px;

    }

    section.about, section.package, section.gallery, .page-template-about-us section.about {

        padding: 60px 0;

    }
    section#gifts ul {
        column-count: 1;
    }

}



@media (max-width: 575px){

    section.slider .metaslider .flexslider .flex-direction-nav li a {

        height: 35px !important;

        width: 35px !important;

        bottom: 10px !important;

        margin-right: 15px;

    }

    section.slider .metaslider .flexslider .flex-direction-nav li a::before{

        mask-size: 35px auto !important;

    }

    section.sub-banner{

        height: 200px;

    }

    header{

        background: var(--color1);

        padding: 15px 0;

    }

    .menu .right-col{

        background: unset;

    }

    .mmenu-toggler {

        color: #fff;

    }

    .section-title {

        font-size: 32px;

    }

}



@media (max-width: 425px){

    section.package .content{

        padding: 30px;

    }

    .wp-block-gallery figure {

        width: 100% !important;

    }

    .single .content, .archive .content, .page-template-package .content, .page-template-contact-us .content {

        padding: 40px 0;

    }

    header{

        padding: 12px 0;

    }

    .section-title {

        font-size: 28px;

    }

    #about-content {

        padding-left: 25px;

    }
    .g-map {
        margin: 40px 0 30px;
    }
}



@media (max-width: 375px){

    section.sub-banner{

        height: 170px;

    }

    .contact-info{

        padding: 35px 20px;

    }

    .mmenu-toggler span {

        display: none;

    }

    section.about, section.package{

        padding: 40px 0 50px;

    }

    section.gallery, .page-template-about-us section.about {

        padding: 40px 0;

    }

    section.package .content {

        padding: 30px 25px;

    }
    .page-template-about-us .section-title {
        font-size: 24px;
    }

}



/* Media Query Between */

@media (min-width: 768px) and (max-width: 1199px){

    section.gallery .col-md-6:last-child {

        display: none;

    }

}