/*
Theme Name: SCR BACC
Theme URI: https://wpdevthai.com/
Author: Wisan Namwongsa
Author URI: https://wpdevthai.me/
Description: Description
Version: 1.0.0
Text Domain:  wpdt
Tags: custom-background, custom-logo, custom-menu, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =Global
----------------------------------------------- */

@font-face {
	font-family: 'Conv_DinDanOTReg';
	src: url('fonts/DinDanOTReg.eot');
	src: local('☺'), url('fonts/DinDanOTReg.woff') format('woff'), url('fonts/DinDanOTReg.ttf') format('truetype'), url('fonts/DinDanOTReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DBSodaX';
	src: url('fonts/DBSodaX.eot');
	src: local('☺'), url('fonts/DBSodaX.woff') format('woff'), url('fonts/DBSodaX.ttf') format('truetype'), url('fonts/DBSodaX.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =Global
-------------------------------------------------------------- */

body { background: #111; padding:0; margin:0; font-family: 'Conv_DinDanOTReg'; font-size:18px; }
body,
input,
textarea { color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 1.2em; }
a{ font-weight:inherit;}
a:link {color: #fff; text-decoration:none;}
a:visited { color: #fff; text-decoration:none;}
a:active,
a:hover {color: #fff; text-decoration:none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; font-weight: bold; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{ font-weight:inherit;}
h1 { font-size: 28px; line-height:1.2em; }
h2 { font-size: 24px; line-height:1.2em;}
h3 { font-size: 22px; line-height:1.2em; }
h4 { font-size: 20px; line-height:1.2em; }
h5 { font-size: 18px; margin-bottom: 0; }
h6 { font-size: 16px; margin-bottom: 0; }
hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; }

/* Text elements */

ul ul,
ol ol,
ul ol,
ol ul { margin-bottom: 0; }
strong { font-weight: bold; }
cite,
em,
i { font-style: italic; }
big { font-size: 131.25%; }
ins { background: #ffc; text-decoration: none; }
blockquote { font-style: italic; padding: 0 3em; }
blockquote cite,
blockquote em,
blockquote i { font-style: normal; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }
abbr,
acronym { border-bottom: 1px dotted #666; cursor: help; }
sup,
sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
/* =Fonts and Styles
-------------------------------------------------------------- */
html,
body{ margin:0px!important; padding:0px!important; }

.fa{
	color:#3EA9B0;
}

/* =Structure
-------------------------------------------------------------- */
.page.full-hd.vertical{
	background: none repeat scroll 0 0 #000000;
	height: 1920px;
	margin: auto;
	overflow: hidden;
	padding: 0;
	position: inherit;
	width: 1080px;
	padding: 20px 20px 0;
	background-color: #000;
}

.navbar-brand img{ height: 140px; width: auto; }
.navbar-brand .description{
	display: block;
	font-size: 3.4em;
	font-style: normal;
	line-height: 1em;
	text-align: center;
}

.navbar-brand .description{
	display: block;
	font-size: 3.4em;
	font-style: normal;
	line-height: 1em;
	text-align: center;
	color: #fff;

}
.header-dt{
	display: block;
	font-size: 3em;
	font-style: normal;
	line-height: 1em;
	text-align: right;
	color: #fff;
	padding-top: 100px;
	line-height: 56px;
}
.header{ height: 240px; margin-bottom: 0px; }
.body .featured{
	height: 400px;
	background-color: #ffffff;
	margin-bottom: 20px;
}
.body .featured .upcoming {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 10px 15px;
    color: #fff;
    background-color: #f48141;
    font-size: 18px;
}
.body .featured .entry-image img{ height: 400px; width: auto; border-radius: 0;}

.body .latest{
	height: 790px;;	
}

.body .latest .card{ height: 100%; border:none; border-radius: 0;}
.body .latest .card-group .card{     border: #000 solid 5px; }
.body .latest .card .upcoming {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 6px 10px;
    color: #fff;
    background-color: #f48141;
    font-size: 13px;
}
.body .latest .card .entry-image img{ height: 222.22px; width: 100%; }
.body .latest .card .card-body{ position: relative; height: 150px; padding:15px!important; }
.body .latest .card .entry-header h2 {
    font-size: 18px;
    margin-bottom: 5px;
}
.body .latest  .card .entry-meta{
	height: 50px;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
}
.body .latest  .card .entry-meta p{ margin-bottom: 0;  }
.body .latest  .card .entry-meta .col-2{ height: 40px;}
.body .latest .card .lavel {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 40px;
    text-align: right;
    height: 30px;
}
.body .latest .card .lavel span{
	position: absolute;
	right: -12.5px;
    bottom: 0;
}
.body .shops{
	height: 320px;
	margin-bottom: 20px;
}
.body .shop  .event{
	background-color: #fff;
}
.body .shops  .detail{
	font-size: 12px;
}
.body .shops  .entry-header h2{ font-size: 22px; }

.event .entry-meta{ position: relative; }
.event .entry-meta .date,
.event .entry-meta .info{
	padding-left: 20px;
	position: relative;
}
.event .entry-meta .fa{ position: absolute; left: 0;}
.event .entry-meta .info{ margin-bottom: 0; }
.event .entry-meta .info .fa{ font-size: 1.3em;}
.event .lavel {
    font-size: 54px;
    position: absolute;
    right: 0;
    bottom: 0;
    vertical-align: bottom;
	margin: 0;
	font-weight: bold;
}
.event .lavel span{ font-size: 15px;}

.body .shop .card-body {
	border: none;
    border-radius: 0;
    background: #fff;
    height: 315px;
}
.body  .shop .entry-image img{
	border-radius: 0;
	margin:0
}
.body  .shop .address{ margin-bottom: 10px;}
.body  .shop .detail ul{ padding-left: 20px;}

.footer{
	height: 120px;
    background-color: #fff;
    margin: 0 -20px;
    padding: 20px 20px;
    font-size: 32px;
}
.footer .footer-sidebar{
	display: inline-block;
	height: 80px;
	position: relative;
	padding-left: 20px;
}
.footer .footer-sidebar .widget{
    display: inline-block;
    margin-bottom: 0;
    border-left: #000 solid 2px;
    padding-left: 20px;
    margin-right: 20px;
    position: relative;
}

.footer .footer-sidebar .widget-title{
	font-size: 12px;
}
.footer .footer-sidebar .widget p{ margin:0; }
.footer .footer-sidebar .widget img{ margin:0}

.footer .footer-sidebar #text-5{
	top:0;
	border-left: none;
}
.footer #site-framework,
.footer .footer-sidebar #text-5 .textwidget {
	padding: 5px 0;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    height: 80px;
}


.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.slider-featured-info .card-body{
	height: 400px!important;
	width:433px;
}