/*
Theme Name: Liemle Child
Theme URI: https://liemle.info/
Author: LIEM KAKA
Author URI: https://kakas.vn/
Description: Liemle Theme.
Version: 1.1
Template: liemle
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: liemle-child
*/
@import url("../liemle/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@font-face {
	font-family: 'UVNKeChuyen3';
	src: url('fonts/UVNKeChuyen3.eot');
	src: local('☺'), url('fonts/UVNKeChuyen3.woff') format('woff'), url('fonts/UVNKeChuyen3.ttf') format('truetype'), url('fonts/UVNKeChuyen3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2 {font-family: 'UVNKeChuyen3';}
/* Header */
#header .logo-text { padding: 0 15px 5px; }
#main-menu .mega-menu > li.menu-item.active:before { content: '\f004'; display: block;
    font-family: 'FontAwesome'; position: absolute; top: -13px; left: 50%;
    color: #ef3447; line-height: 0;
    -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    transform: translateX(-50%); }
#nav-panel .accordion-menu li.menu-item.active > a,
#nav-panel .accordion-menu li.menu-item.active > h5 { background-color: #242424; }
#nav-panel .accordion-menu > li.menu-item > a,
#nav-panel .accordion-menu > li.menu-item > h5,
#nav-panel .accordion-menu > li.menu-item > .arrow { color: #242424; }
#nav-panel .mobile-nav-wrap { padding-top: 15px !important; border-top: 1px solid #e1e4e9; }

/* Page Top */
.page-top .page-title { font-size: 4em; line-height: 1.4; }

    
/* Footer */
#footer { font-size: 1em; }
#footer .footer-bottom { padding: 200px 0 240px; }

/* Misc */
.slider-divider { margin-top: -16px !important; }
.custom-font-size-1 { font-size: 4em; line-height: 1.4; }
.custom-font-size-1 strong {     font-family: Muli; font-weight: 600; }
.custom-font-size-2 { font-size: 60px; line-height: 100px; }
.content-grid { border: 1px solid #dadada; }

.entry-title {font-family: Muli; font-weight: 400; font-size: 2.6em; line-height: 1.4; }
article.post h2.entry-title { font-size: 2.6em; }

/* Contact Form */
.custom-border-radius { border-radius: 30px !important; }
.rsvp-form .form-control-custom .form-control { border-color: #ebe8e0; height: 51px !important; 
    padding: 6px 12px; }
.rsvp-form .btn-submit { height: 51px; padding: 6px 12px; }
.guestbook-form .form-control-custom .form-control { background: transparent; border-width: 0 0 1px 0; border-color: #b5b5b5; 
    -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0; }
.guestbook-form .btn-submit { height: 53px; padding: 17px 20px; }
.guestbook-row .wpcf7 { padding: 15px 0; }
.guestbook-row div.wpcf7-response-output { width: 64%; margin: auto; }
.wpcf7 .ajax-loader { display: inline-block !important; }

/* Ultimate CountDown */
.wedding-countdown .porto_countdown-amount,
.wedding-countdown .porto_countdown-period { font-weight: 100; text-transform: uppercase; }
.wedding-countdown.porto_countdown .porto_countdown-section { position: relative; padding: 0 30px; }
.wedding-countdown.porto_countdown .porto_countdown-section:before { content: '\f004'; display: block;
    font-family: 'FontAwesome'; position: absolute; top: 43%; left: -5px;
    font-size: 11px; color: #5fc3d2; line-height: 0; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wedding-countdown.porto_countdown .porto_countdown-section:nth-child(1):before { content: none; }


/* Blog */
.post-item .post-meta i,
.post-item .post-meta .meta-comments { display: none !important; }
.post-item .post-meta { padding: 5px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; line-height: 24px; }
.post-item .meta-like { float: right; }
.post-item .meta-like:before { content: '\f08a'; font-family: FontAwesome; color: #ef3447; padding-right: 5px; }
.post-item .meta-like .like-text { display: none; }
.post-item .font-weight-semibold { font-weight: 400; }
.post-item .text-color-secondary { color: inherit !important; }

/* Portfolio */
.portfolio-item .thumb-info .thumb-info-wrapper:after {
    background: -webkit-linear-gradient( bottom , rgba(36, 44, 71, 0.6) 0, transparent 100%) repeat scroll 0 0 rgba(36, 44, 71, 0);
    background: linear-gradient(to top, rgba(36, 44, 71, 0.6) 0, transparent 100%) repeat scroll 0 0 rgba(36, 44, 71, 0);
    content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 1;
    opacity: 1; top: auto; }
.portfolio-item .thumb-info .thumb-info-wrapper:before { content: ''; display: block; position: absolute; bottom: 0;
    left: 0; width: 100%; box-shadow: 0px 0px 190px 40px black; z-index: 1; }
.portfolio-item .thumb-info .thumb-info-title { background: none; padding: 9px 22px 9px; bottom: 6%; font-size: 15px; z-index: 2;
    max-width: 100%; width: 100%; text-align: left; }
.portfolio-item .thumb-info .thumb-info-type { background: transparent; position: absolute; right: 0; bottom: 0;
    padding: 9px 22px 9px; margin: 0; font-size: 14px; }
.portfolio-item .thumb-info .thumb-info-type i { border-radius: 100%; background: #ef3447; padding: 5px; width: auto; height: auto; }


/* Home Page */
.page-content .bride-container { background-size: 345px 277px; background-position: center 25px !important; }
.page-content .groom-container { background-size: 339px 317px; background-position: center 4px !important; }
.bride-groom-container .thumb-info { border-radius: 100%; width: 220px; margin: 50px auto 60px; border: 10px solid #fff; }
.bride-groom-container .thumb-info .thumb-info-wrapper { border-radius: 100%; }

.wedding-social .porto-icon { color: #b7b8bc; border-color: #b7b8bc; }
.wedding-social .porto-tooltip:hover .porto-icon { color: #ef3447; border-color: #ef3447; transition: all 0.2s ease; 
-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; }
.wedding-social .porto-tooltip .porto-icon i { width: 12px; display: inline-block; }

.wedding-schedule-container > .wpb_wrapper:before { content: ''; display: block; 
background: url(images/the-wedding-bg-colors.png);
background-size: 100%; background-repeat: no-repeat; position: absolute; width: 146%; height: 125%; top: 50%; left: 50%;
z-index: -3; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); 
-ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.wedding-schedule-container > .wpb_wrapper { position: relative; z-index: 0; max-width: 420px; margin: 0 auto; padding: 10px !important; }
.wedding-schedule-photo { position: relative; z-index: -2; overflow: hidden; border-radius: 8% 8% 0 0; }
.wedding-schedule-photo .vc_single_image-wrapper { margin: 0 -100px; }
.wedding-schedule-photo .vc_single_image-wrapper img { height: 190px; max-width: none; margin: 0 -100px; }
.wedding-schedule-background { position: absolute; background-size: 100% 100%; width: 98%; height: 99%; top: 50%; left: 50%; z-index: -1;
-webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.wedding-heart-icon { position: absolute; top: 35%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); 
-moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); 
transform: translate3d(-50%, -50%, 0); }
.wedding-lightbox .btn { border-radius: 20px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; }

.guestbook-row .vc_column_container > .wpb_wrapper { position: relative; background: #fff; padding: 20px; margin-bottom: 30px; }
.guestbook-row .vc_column_container > .wpb_wrapper:before { content:""; display: block; position: absolute; top: 10px; right: 10px;
  bottom: 10px; left: 10px; border: 1px solid #fed0d2; z-index: 0; }
.guestbook-row .wpcf7:before,
.guestbook-row .wpcf7:after { content: ''; display: block; position: absolute;
    background: url(images/guestbook-flower.png);
    background-size: 100%; background-repeat: no-repeat; width: 17%; height: 34%; top: 15px; right: 15px; }
.guestbook-row .wpcf7:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); 
  -o-transform: rotate(180deg); transform: rotate(180deg); right: auto; top: auto; bottom: 15px; left: 15px; }

.testimonial.testimonial-style-2 { padding: 30px 30px 0; }
.testimonial.testimonial-style-2 blockquote:before,
.testimonial.testimonial-style-2 blockquote:after { content: ""; 
background: url(images/custom-red-quotes.png); 
background-size: 100% 100%; width: 36px; height: 22px; }
.testimonial.testimonial-style-2 blockquote:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); 
-ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.testimonial.testimonial-style-2 blockquote p { font-family: "Open Sans", Arial, sans-serif; line-height: 1.7; font-style: normal; }
.testimonial.testimonial-style-2 .testimonial-author p { margin-top: 30px; }

.wedding-messages .testimonial.testimonial-style-2 .testimonial-author p strong { font-weight: 300; font-size: 1.375rem; }
.wedding-messages .testimonial.testimonial-style-2 .testimonial-author p span { text-transform: uppercase; font-weight: 600; 
margin-top: 10px; }
.wedding-messages .testimonial.testimonial-style-2 blockquote:before,
.wedding-messages .testimonial.testimonial-style-2 blockquote:after { -webkit-filter: brightness(7); filter: brightness(7); }

.guestbook-messages .testimonial.testimonial-style-2 blockquote { margin: 40px 0 60px; }
.guestbook-messages .testimonial.testimonial-style-2 blockquote p { text-align: left; font-size: 1.1em; }
.guestbook-messages .testimonial.testimonial-style-2 .testimonial-author { margin: 0 60px; border-top: 1px solid #fed0d2; }
.guestbook-messages .testimonial.testimonial-style-2 .testimonial-author p { text-align: left; text-transform: uppercase; }
.guestbook-messages.owl-carousel .owl-nav { position: absolute; bottom: 0; right: 55px; top: initial; }


.guestbook-messages.owl-carousel .owl-nav .owl-prev, .guestbook-messages.owl-carousel .owl-nav .owl-next { background: #76cbd9 !important; 
border-radius: 100% !important; border-color: transparent !important; width: 40px !important; height: 40px !important; 
padding: 2px 0 !important; }
.guestbook-messages.owl-carousel .owl-nav .owl-prev:active, .guestbook-messages.owl-carousel .owl-nav .owl-next:active { 
    background: #76cbd9 !important; border-color: transparent !important; }
.guestbook-messages.owl-carousel .owl-nav .owl-prev:hover, .guestbook-messages.owl-carousel .owl-nav .owl-next:hover { 
    background: #76cbd9 !important; border-color: transparent !important; }
.guestbook-messages.owl-carousel .owl-nav .owl-prev { color: #FFF !important; }
.guestbook-messages.owl-carousel .owl-nav .owl-prev:before { font-size: 1.375rem; line-height: 1.4; }
.guestbook-messages.owl-carousel .owl-nav .owl-next { color: #FFF !important; }
.guestbook-messages.owl-carousel .owl-nav .owl-next:before { font-size: 1.375rem; line-height: 1.4; }

.wedding-social { display: inline-block; margin: 2.5px; }
/* ===== custom ====== */
#header .header-main {    background-image: radial-gradient(#ffcad0 5%, #ffbdc4 15%, #f68f9a 60%);}
.sticky-header .main-menu-wrap .menu-left {width: 10%;}
#main-menu .mega-menu > li.menu-item > a {font-weight: 700;}
.sticky-header #main-menu .mega-menu > li.menu-item.active:before {top: 3px;}
#header.sticky-header .main-menu-wrap #main-menu .mega-menu > li.menu-item.active > a, #header.sticky-header .main-menu-wrap #main-menu .mega-menu > li.menu-custom-content.active a {color: #fef7a6;}
.sticky-header #main-menu .mega-menu > li.menu-item.active:before {color:#fef7a6; }
.portfolio-item .thumb-info .thumb-info-title {text-transform: none;letter-spacing: 0;font-weight: 400;bottom: 0;}
#footer{background-image: url(https://liemle.info/wp-content/uploads/2016/10/footer-parallax-bg.jpg);}
.testimonial.testimonial-with-quotes .testimonial-carousel p img {width: auto;display: inline-block;margin: 0;}
@media(max-width: 1199px){
    .testimonial.testimonial-style-2 .testimonial-author p{margin-top: 0;}
}
@media (max-width: 991px) {
    .main-menu-wrap {display: block;}
    #header .mobile-toggle {display: none;}
    #header .header-main .container .header-center {text-align: center;}
    #header.logo-center .header-main .header-center .logo {margin: 5px auto !important;}
    #header.sticky-header .header-main {display:none !important;  }
    #header.logo-center .header-main .header-right {display: none;}
    .admin-bar #header.sticky-header .main-menu-wrap {top: 32px !important;}
    .sticky-header .main-menu-wrap .menu-left{display: none;}
    #the-couple .col-md-1, #the-couple .col-md-2 {display: none;}
    #the-couple .col-lg-4 {-webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
    #the-wedding .wedding-schedule-container {margin-top: 20px !important;margin-bottom: 20px !important;}
    #gifts .col-md-3 {    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
    
    .blog-posts article.post-grid { width: 100%; }
    #header .header-main .container .header-center { padding: 0; }
    .portfolio-row .portfolio-col-4 { width: 50%; }
    .portfolio-row .portfolio-col-4.w2 { width: 100%; }    
    #footer .footer-bottom { padding: 130px 0 170px; }
    #footer .footer-bottom .container {max-width: 100%;}
    #footer .footer-bottom .container .footer-center { text-align: center; }
    html #topcontrol {display: block;}
}
@media(max-width: 991px) and (min-width: 575px){
    .page-content .groom-container, .page-content .bride-container {background-size: 100% auto;}
}
@media (max-width: 767px) {
  .custom-font-size-1 { font-size: 3em; }
  .custom-font-size-2 { font-size: 4em; }
  .page-top .page-title { font-size: 3em; }
  .wedding-countdown.porto_countdown .porto_countdown-section { padding: 0 15px; }
  .wedding-countdown.porto_countdown .porto_countdown-section:before { font-size: 7px; top: 40%; }
  .portfolio-row .portfolio-col-4 { width: 100%; }
  .entry-title {font-size: 24px;line-height: 32px;}
}

@media (max-width: 575px) {
    #main-menu .mega-menu > li.menu-item.active:before {top: 0;}
    .sticky-header #main-menu .mega-menu > li.menu-item.active:before {top: 8px;}
    .guestbook-messages .testimonial.testimonial-style-2 .testimonial-author { margin: 0 20px; }
    .guestbook-messages.owl-carousel .owl-nav { right: 15px; }
    .custom-font-size-2 {font-size: 40px;}
}
@media(max-width: 550px){
    #main-menu, .main-menu-wrap {padding: 0;}
    #main-menu.centered .mega-menu>li.menu-item {margin: 0;}
    #main-menu.centered .mega-menu>li.menu-item:last-child{display: none;}
    .main-menu-wrap #main-menu .mega-menu > li.menu-item > a {padding-left: 4px;padding-right: 4px;}
    #the-couple .col-lg-4, #gifts .col-md-3 {    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
    .wedding-countdown.porto_countdown .porto_countdown-section {padding: 0 5px;}
    #count-down-wrap-1799 .porto_countdown-amount {font-size: 40px !important;}
    .custom-font-size-2 {font-size: 32px;}
}