/*
Theme Name: Wilton
Theme URI: http://eadc.com.sg
Description: Wilton Theme
Author: Troy Toon
Author URI: http://eadc.com.sg
Template: Divi
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: wilton
*/
p{ text-align:justify; }
#main-header { border-bottom:5px #E41E26 solid;}
#main-header.et-fixed-header { border-bottom:3px #E41E26 solid;}
.et_pb_slides .et_pb_slide{ min-height:500px; }
.col_decor{ 
padding:20px;
border-top:15px #E41E26 solid; background-color:#FFFFFF;
-webkit-box-shadow: -1px 11px 30px -1px rgba(0,0,0,0.36);
-moz-box-shadow: -1px 11px 30px -1px rgba(0,0,0,0.36);
box-shadow: -1px 11px 30px -1px rgba(0,0,0,0.36);
margin-bottom:30px;
}
.hero { height:400px;}
.sgxyear { float:right;}
.page-section{ margin-top:50px; margin-bottom:50px;}

.home-col{ margin-top:-100px;}
.bg-goldbar{ padding:15px; background:url(img/bg-goldbar.jpg) no-repeat; background-size:cover; background-position:bottom right;}

a.btn_wilton{ color:#FFF !important; background-color:#996600; padding:4px; display:inline-block; min-width:100px; text-align:center; font-size:0.8em; border:1px #996600 solid;}
a.btn_wilton:hover, a.btn_wilton:focus { background-color:#FFF; color:#996600 !important;  border:1px #996600 solid;}

h3.fin-title{  color:#e41e26; font-size:20px; margin-bottom:20px; border-bottom:1px solid #e6e4de; font-weight:700;}
h4.fin-title {color:#b59f74;font-size:15px; font-weight:700;}

.easeoutcubic{
-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

}
/* Overwrites */
.forcefullwidth { width:100% !important;}
.overflow{ overflow:visible !important;}
.offset-main{ margin-top:-155px;}
.offset-home{ margin-top:-80px; z-index:9999;}
.flush { padding:0px !important;}
.flush h3 { color:#996600; font-size:24px;}
.gold_head h1, .gold_head h2, .gold_head h3, .gold_head h4, .gold_head h5, .gold_head h6 {
 color:#996600;}
.js-marquee{ width:500px;}

/*Gold Widget*/
.gold_numbers {width:150px; color:#996600; border:3px solid #996600; margin:5px; text-align:center; height:220px; display:inline-block; float:left; background:rgba(255,255,255,0.8);}
.gold_numbers h4 { color:#996600; font-size:19px; line-height:1.2em;}
.gold_numbers span { line-height:1em; font-size:13px; padding:5px; display:block;}

/*Tables*/
.tbl { border:none !important; margin-top:15px;}
.tbl thead{ 
background:#bb9f67;
}
.tbl thead th { color:#FFFFFF; font-size:14px; padding:5px 9px !important;}
.tbl tr td { border-top:none; border-bottom:1px solid #f7f7f7; padding:5px 10px 5px 10px !important;}
.tbl tr td a{ width:100%; display:block; color:#996600; text-decoration:none; font-size:14px;}
.tbl tbody tr:hover{ background:#bb9f67;}
.tbl tbody tr:hover a{ color:#FFFFFF;}

tr:nth-child(even) {background:#f7f7f7;}

.tbl th:first-child{
  border-radius:10px 0 0 0px;
}

.tbl th:last-child{
  border-radius:0 10px 0px 0;
}

/*Bootstrap*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align:middle !important;}
.table-responsive { overflow-x:auto;}

/* Widgets */
.notitle .widgettitle { display:none !important;}

.wpgmp_iw_content { text-align:center;}
.wpgmp_iw_content h6 { line-height:1em;}

.widget-posts-list .post-date, .widget-posts-list a{ width:100%; display:block; color:#996600 !important; line-height:1.5em; }
.widget-posts-list a{ text-decoration:underline;}
.widget-posts-list a:hover, .widget-posts-list a:focus{ text-decoration:underline; color:#E41E26;}
.widget-posts-list li {}
.widget-posts-list span { line-height:1em; margin-top:10px; font-weight:700;}
.widget-posts-list { /*font-size:12px ;*/}

.widget-thumb img{ }
.widget-thumb-over { display:block; border-radius:8px; position:relative; overflow:hidden; line-height:0;}
.widget-thumb-over a { color:#FFFFFF; position:absolute; width:100%; height:100%; display:block; vertical-align:middle; background-color:rgba(0,0,0,0.5);}
.widget-thumb-over span { display:block; position:absolute; width:50%; top:50%; border-bottom:3px #E41E26 solid; right:0; padding-bottom:15px;}

.compact { /*font-size:12px ; line-height:1.5em;*/ margin-bottom:0 !important;}
.compact p{ margin-bottom:5px; padding-bottom:1em;}

.foot-text { font-size:12px; color:#996600; line-height:1.3em;}
.nopad{ margin:0 !important; padding:0!important;}

.parent-sidebar-menu>li>a{ font-size:20px; font-weight:700;}

.child-sidebar-menu{ padding-top:15px;}
.child-sidebar-menu a{ color:#333333 !important; display:block; font-weight:700; border-bottom:1px dotted #996600;}
.child-sidebar-menu a:hover, .child-sidebar-menu a:focus { color:#996600 !important;}
.child-sidebar-menu li{ padding-bottom:15px;}

/*Jquery Accordion*/
.accordion{ margin-top:30px; margin-bottom:30px;}
.accordion .ui-accordion-header:hover, .accordion .ui-accordion-header:focus{ background-color:#BB9F67; color:#FFFFFF;}

.accordion .ui-accordion-header{ display:block; width:100%; font-size:14px; color:#996600; border-bottom:1px solid; padding:15px; }
.accordion .ui-accordion-header.ui-accordion-header-active { background-color:#BB9F67; color:#FFFFFF;}
.accordion .ui-accordion-header.ui-accordion-header-active:after {
	display:inline-block;
	content:"\f056";
	font-family:'FontAwesome';
	float:right;
	color:#FFFFFF;
}

.accordion .ui-accordion-header:after{
	display:inline-block;
	content:"\f055";
	font-family:'FontAwesome';
	float:right;
}

.accordion .ui-accordion-header:hover, .accordion .ui-accordion-header:focus{ cursor:pointer;} 
.accordion .ui-accordion-content{ padding:20px;}
/* Ticker*/
.smw-ticker.smw-basic { font-size:12px !important;}
.smw-ticker.smw-basic.smw-ct-blue { color:#996600 !important;}

/*Timeline*/
.cool-timeline-wrapper { padding-left:30px !important; margin:0 !important;}
.year-label { font-size:24px; color:#996600; display:inline-block; max-width:200px; padding:10px; border:3px solid #996600;}
.cool-timeline .timeline-post .timeline-content .content-details p { margin:0px 0px 10px !important;}

.timeline-post .content-title { color:#BB9F67 !important;}
.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details p { margin-bottom:30px !important;}
.ctl-slick-prev { left:0 !important}
.ctl-slick-next { right:0 !important}
button.ctl-slick-next, button.ctl-slick-prev { top:100px !important; color:#996600 !important;}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before, .cool-timeline-horizontal .wrp-desgin-4 ul.ctl_h_nav  .slick-list li:before { height:2px !important;}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li .ctl-story-time:after { width:14px !important; height:14px !important; left:calc(50% - 7px) !important; bottom:36% !important; background-color:#BB9F67 !important}
.cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li:before, .cool-timeline-horizontal.light-timeline .wrp-desgin-4 ul.ctl_h_nav .slick-list li:before{ background-image:none !important; background-color:#BB9F67 !important}
.cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide.slick-current:after, .cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide.slick-current:after, .cool-timeline-horizontal.light-timeline .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide.slick-current:after, .cool-timeline-horizontal.light-timeline.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide:after, .cool-timeline-horizontal.light-timeline.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide:after, .cool-timeline-horizontal.light-timeline.ht-design-2 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide:after, .cool-timeline-horizontal.light-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li.slick-slide:after, .cool-timeline-horizontal.light-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide:after, .cool-timeline-horizontal.light-timeline.ht-design-3 .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide:after{ border-bottom-color:#BB9F67 !important}

/* Overwrite Divi */
#home-slider { z-index:-999;}
#main-content .container:before { background-color:transparent;}
p { padding-bottom:1.5em; }
.et_left_sidebar #sidebar { padding-right:0; width:30%;}
.et_left_sidebar #left-area { width:70%; padding-left:15px;}
.et_right_sidebar #sidebar { padding-right:0; width:30%;}
.et_right_sidebar #left-area { width:70%; padding-left:15px; float:right;}
#main-footer{ border-top:3px #E41E26 solid; }

.et_pb_slide_description{ background-color:rgba(0,0,0,0.8); position:absolute; top:150px; right:0; padding:30px; width:400px;}
.et_pb_slide_description .et_pb_slide_title { font-size:40px !important; text-align:left;}
.et_pb_slide_content { text-align:left;}

.et_pb_slide .et_pb_container a.et_pb_more_button.et_pb_button{ width: calc(100% + 30px); display:block; text-align:left; padding:0; border-top:0; border-left:0; border-right:0; border-radius:0; border-bottom:4px solid #E41E26;}
.et_pb_slide .et_pb_container a.et_pb_more_button.et_pb_button:hover, .et_pb_slide .et_pb_container a.et_pb_more_button.et_pb_button:focus { color:#E41E26; background:transparent;}

.smalltxt p{ font-size:10px !important;}
.smalltxt {margin-top:20px;}

/*Widget*/
.et_pb_widget { margin-bottom:5px !important;}
#logo { max-height:60px;}
.et-fixed-header #logo { max-height:50px;}
@media only screen and (max-width: 767px) {
	.et_pb_slide_description .et_pb_slide_title { font-size:26px !important;}
}
@media only screen and (max-width: 800px) {
    .et_pb_slide_description{ background-color:rgba(0,0,0,0.8); position:absolute; top:150px; right:auto; padding:30px; width:100%;}
	
	.et_pb_button{ font-size:14px !important;}
}