/* Header, Nav */
.site-header {background:transparent!important;border-bottom:1px solid white;}
.site-branding .site-title a, .site-branding .site-description {color:white!important;}
.nav-menu a {color:white!important;}
.site-content.container {margin-top:-85px;}

/* Header Image */
.header-image-padder {
    position:relative;
    top:-85px;
}
.header-image {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height:240px;
    -webkit-margin-collapse: separate;
}
.header-image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* Home */
.page-template-full-width-page-home-salecode #primary {padding-top:0;}
.salecode-main {margin-top:20px;}
.recommend-product {margin-top:20px;}
.recommend-product .title {min-height:28px;margin-bottom:.5rem}
.salecode-recommend {margin-top:20px;}
.salecode-home-banner {text-align:center;margin:15px 0;}

/* Card Code */
.card-salecode {margin-top:10px;margin-bottom:10px;}
.card-salecode h5.card-title {font-size:.9rem;font-weight:700;}
.card-salecode .card-img {width:auto;max-height:60px;}

.card-salecode p.card-text {font-size:.8rem;}
.card-salecode .card-text-date {font-size:.8rem;margin-bottom:.25rem!important;}

.card-salecode .card-body {word-break:keep-all}

.card-salecode .card-text-description {min-height:21px;margin-bottom:0.5rem;}
.card-salecode .code {margin:5px 0;}
.card-salecode .btn-sm{font-size:0.8rem;}
.card-salecode .code .code-value {margin-left:-5px;}
.card-salecode .link {margin:5px 0;display:inline-block;}
.card-salecode-body .card-body {border-top:1px solid #eef2f7;padding:1rem .75rem 0.5rem;}

.card-rentalcars .card-img{width:100%;max-height:100%;}
.card-rentalcars .card-img-logo{max-width:80%;width:auto;margin:10px 0;}
.card-rentalcars .card-salecode-body .card-body {min-height:inherit;}
.card-rentalcars .link a {margin:4px 0;}
.card-rentalcars .link img {margin:4px 0;width:50%;}

.card-wifi .card-img{width:100%;max-height:100%;}
.card-wifi .card-img-logo{max-width:80%;width:auto;}
.card-wifi .card-salecode-body .card-body {min-height:inherit;}
.card-wifi .link a {margin:4px 0;}
.card-wifi .link img {margin:4px 0;width:20%;}

/* Post Code */
.post-salecode {border:1px solid #dee2e6!important;border-color:black;}
.post-salecode h5.post-title {font-size:.9rem;}
.post-salecode .post-img {width:auto;max-height:60px;}
.post-salecode p.post-text {font-size:.8rem;}
.post-salecode .code {margin:5px 0;}
.post-salecode .code .code-value {margin-left:-5px;}
.post-salecode .link {margin:5px 0;display:inline-block;}
.post-salecode-body .post-body {border-top:1px solid #eef2f7;padding:1rem .75rem 0.5rem;}



/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .card-salecode {min-height:210px;}
    .card-wifi .link img {width:40%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }



.code-box {background:white;margin:10px 0;font-size:1.45rem;}
.code-box .title {display:inline-block;width:90%;text-align:center;}
.code-box .wrapper {
    padding:10px;		
    border-radius:4px;
    box-shadow: 0 0 6px 0 #b4c4d6;
    text-align:center;        
}
.code-box .wrapper h3 {
    color:#234;
    font-size:1.95rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    margin:5px 0;
}
.code-box .wrapper .ln_solid {
    margin:10px 0;
}
.code-box .buttons {
    margin:5px 0;
}
.code-box .buttons button {
    margin:0 5px;
}
.code-box .date {
    font-size:1.45rem;
    margin:5px 0 10px 0;
}

.code-box .img img {
    max-width:100%;
    min-height:100px;
    margin-bottom:0px;
}

.code-box .description {
    color:#234;
    font-size:1.45rem;
    margin:5px 0 10px 0;
}
.code-box .expiry_date .row .col-6, .code-box .accommodation_date .row .col-6 {word-break: keep-all;padding-left:5px;padding-right:5px;}

.code-box .code, .code-box .link {margin:5px 0;display:inline-block;}
.code-box .code a {font-size:1.45rem;padding:.875rem .75rem;}  
.code-box .link a {font-size:1.45rem;min-width:100%;padding:.875rem .75rem;}  


/** Common **/
.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}


/** Theme **/
.content-area-full {width:100%;}
.home .content-container {padding-top:20px!important;}

.header-image {max-height:240px;}
.site-header .branding .title {color:seashell;}
.site-header.left-aligned .site-header-right {padding:0;}
.site-header .branding {padding:8px 0 10px 0}

.post-template-template-full-width-full-header .site-content .page-title-wrapper {	
	background:url("http://adblow.synology.me/adcontents/wp-content/assets/img/common/page-title-background.png");
}
.post-template-template-full-width-full-header .site-content .entry-header {
	max-width:1140px; 
}