/**
 * dynamic-css
 *
 */

.cool_timeline.cool-timeline-wrapper {
    background: ;
}


.cool_timeline .timeline-main-title{
    font-weight:normal;
    font-family:inherit !important;
    font-size:22px;
    color:#000;
    text-align:left;
}

.section-bullets-right li.active a::after , .section-bullets-left li.active a::after {background-color:#f36c21; }
.section-bullets-right li.active span , .section-bullets-left li.active span {color:#f36c21;}
.section-bullets-left li:before , .section-bullets-right li:before{background-color:#f36c21!important;}

/*
------------------------------------------------ */
.cool-timeline.white-timeline .light-grey-post .timeline-content .content-title { color:#ffffff; }
.cool-timeline.white-timeline .light-grey-post .timeline-content:after,
.cool-timeline.white-timeline .light-grey-post .timeline-content:before  { border-left-color:#; }
.cool-timeline.white-timeline .light-grey-post .even .timeline-content:after,
.cool-timeline.white-timeline .light-grey-post .even .timeline-content:before,
.cool-timeline.white-timeline.one-sided .light-grey-post .timeline-content:after,
.cool-timeline.white-timeline.one-sided .light-grey-post .timeline-content:before,
.cool-timeline.white-timeline.one-sided .light-grey-post .even .timeline-content:after,
.cool-timeline.white-timeline.one-sided .light-grey-post .even .timeline-content:before{
    border: 15px solid transparent;
 /*   border-right-color:#; */
}

.cool-timeline.bordered-timeline.one-sided .timeline-post .timeline-content:before, .cool-timeline.bordered-timeline.one-sided .timeline-post .even .timeline-content:before{
    border-right-color:#27ACCE;
}

/* Timeline content panels
------------------------------------------------------------------- */
.cool-timeline .timeline-post .timeline-content {
   /* background: #fff; */
    position: relative;
    border: 1px solid #ccc;
}

.cool-timeline.white-timeline .timeline-icon.icon-larger.iconbg-indigo{
    background:#f36c21;
}

.cool-timeline.white-timeline:before,
.cool-timeline.white-timeline.one-sided:before  {
    background-color:#f36c21;
    background-image: -webkit-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
    background-image: -moz-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
    background-image: -ms-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
}
.cool-timeline.white-timeline .timeline-year{
    background:#f36c21;
}
.cool-timeline.white-timeline .timeline-year{
    -webkit-box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
    box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
}

.cool-timeline.white-timeline .timeline-post .timeline-content .content-title, .cool-timeline.white-timeline .timeline-post .timeline-content .content-title a, .cool-timeline.white-timeline .timeline-post .timeline-content .content-title a {
    color:#fff;
    text-decoration: none;
    box-shadow: none;
}
.cool-timeline.white-timeline .timeline-post .timeline-content .content-details{
    color:#;
    background:#;
}
.cool-timeline.white-timeline .timeline-post .timeline-content{
    color:#;
}
.cool-timeline.white-timeline .timeline-post .timeline-meta .meta-details{
    color: !important;
}


.cool-timeline  .timeline-post .timeline-content .content-title {
    font-size:20px;
    font-family:inherit;
    font-weight:normal;
    text-transform:capitalize;
}
.cool-timeline .timeline-post .timeline-content .content-details{
    font-size:14px;
    font-family:inherit;
    font-weight:;
}

.cool-timeline .timeline-post .timeline-meta .meta-details{
    font-size:;
    font-family:;
    font-weight:;
}


.timeline-icon.icon-larger.iconbg-indigo.iconbg-turqoise.icon-color-white{
    -webkit-box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
    box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
}

.timeline-icon.icon-larger.iconbg-turqoise.icon-color-white{
    -webkit-box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
    box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #f36c21;
}
.cool-timeline.white-timeline  .timeline-post.even .timeline-content .content-title {
    background: #f36c21;
}
.cool-timeline.white-timeline  .timeline-post.even .timeline-content .content-title:before{
    border-right-color: #f36c21;
}
.cool-timeline.white-timeline  .timeline-post.even .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full{
    background: #f36c21;
}

.cool-timeline.white-timeline  .timeline-post.even .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-color-white{
    background: #f36c21;
}
.cool-timeline.white-timeline  .timeline-post.odd .timeline-content .content-title {
    background: #f36c21;
}

.cool-timeline.white-timeline  .timeline-post .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full{
    background: #f36c21;
}

.cool-timeline.white-timeline  .timeline-post .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post .icon-color-white{
    background: #f36c21;
}
.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before{
    border-left-color: #f36c21;
}
.cool-timeline.white-timeline.one-sided .timeline-post.odd .timeline-content .content-title:before{
    border-right-color: #f36c21;
    border-left-color: transparent;
}


.cool-timeline.white-timeline  .timeline-post.even .timeline-meta .meta-details{
    color: #f36c21;
}
.cool-timeline.white-timeline  .timeline-post.odd .timeline-meta .meta-details{
    color: #f36c21;
}

.cool-timeline .timeline-post .timeline-content .content-title span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cool-timeline .timeline-post .timeline-content .content-details { margin: 0; }
.cool-timeline .timeline-post .timeline-content .content-title {
    min-height: 50px;
    line-height:normal;
}

/*
Single story page
*/

.ctl-related-stories-badge.info-even {background-color:#f36c21!important;}
.ctl-related-stories-badge.info-even i{color:#f36c21!important;}
.ctl-related-stories-badge.info-odd{background-color:#f36c21 !important;}
.ctl-related-stories-badge.info-odd i{color:#f36c21 !important;}
.ctl-related-stories:before {
    background-color:#f36c21;
}

.cool_timeline_single{
    padding-left:10px!important;
    padding-right:10px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.cool_timeline .avatar_container img.center-block.img-responsive.img-circle{
border:4px solid #f36c21;
}
img.center-block.img-responsive.img-circle{
    width:250px;
    height:250px;
}
.cool-timeline.white-timeline.one-sided .timeline-year:before {
    content: "";
    width: 42px;
    background: #f36c21;
    border: 2px solid #f36c21;
    position: absolute;
    left: -50px;
    top: 48.5%;
   }



/* Horizontal Styles */

.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide .timeline-post .content-title {
    background: #f36c21;
    color:#fff;
}

.cool-timeline-horizontal .clt_caru_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide .timeline-post .content-title {
    background: #f36c21;
    color:#fff;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n).slick-slide.slick-current:after {
    border-bottom-color: #f36c21;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1).slick-slide.slick-current:after {
    border-bottom-color: #f36c21;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.icon-placeholder, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) .ctl-story-time:after {
    background: #f36c21;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.icon-placeholder, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) .ctl-story-time:after {
    background: #f36c21;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li span.ctl-story-time {
    color: !important;
    font-size:;
    font-family:;
    font-weight:;
    line-height:normal;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.ctl-story-time {
    color:#f36c21;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.ctl-story-time {
    color: #f36c21;
}

.cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-title, .cool-timeline-horizontal.dark-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-title, .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-title {
    font-size:20px;
    font-family:inherit;
    font-weight:normal;
    text-transform:capitalize;
}
.cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details, .cool-timeline-horizontal.dark-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details, .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details {
    font-size:14px;
    font-family:inherit;
    font-weight:;
}

.cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post {
    color:#;
    background:#;
}
.cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .ctl_info {
    color:#;
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:before  {
    background-color:#f36c21;
    background-image: -webkit-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
    background-image: -moz-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
    background-image: -ms-linear-gradient(top, #f36c21 0%, #f36c21 8%, #f36c21 92%, #f36c21 100%);
}

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.slick-prev:before, .cool-timeline-horizontal .clt_carousel_slider ul.slick-slider button.slick-next:before {
    color:#f36c21;
}





/* @responsive styling
----------------------------------------------- */
@media (max-width: 860px) {
    .cool-timeline .light-grey-post .timeline-content:after,
    .cool-timeline .light-grey-post .timeline-content:before,
    .cool-timeline .light-grey-post .even .timeline-content:after,
    .cool-timeline .light-grey-post .even .timeline-content:before {
        border-right-color:#f36c21;
        border-left-color:transparent;
    }
.cool-timeline .custom-pagination {
    margin-left: 30px;
}
.cool-timeline.one-sided .timeline-post .icon-dot-full {
    margin: 28px 0 0 -7px;
}


    .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before{
        border-right-color: #f36c21;
        border-left-color:transparent;
    }
   .cool-timeline .timeline-post.odd .timeline-content .content-title:before{
        border-left-color:transparent;
    }
    .cool-timeline.light-timeline .timeline-post.odd .timeline-content .content-title:before
   {
       border-right-color: #eaeaea;
       left: -30px;
       right: inherit;
   }
   .cool-timeline.dark-timeline .timeline-post.odd .timeline-content .content-title:before
   {
       border-right-color: #000;
   }
   .cool-timeline.light-timeline .timeline-year:before {
    content: "";
    width: 42px;
    background: #eaeaea;
    border: 2px solid #eaeaea;
    position: absolute;
    left: -50px;
    top: 48.5%;
   }
   .cool-timeline.light-timeline .timeline-year, .cool-timeline.dark-timeline .timeline-year, .cool-timeline.white-timeline .timeline-year
   {
    left:100px;
   }
   .cool-timeline.light-timeline.one-sided .timeline-year, .cool-timeline.light-timeline.one-sided .timeline-year, .cool-timeline.one-sided .timeline-year
   {
    left:85px;
   }

   .cool-timeline.dark-timeline .timeline-year:before {
    content: "";
    width: 42px;
    background: #222;
    border: 2px solid #000;
    position: absolute;
    left: -50px;
    top: 48.5%;
   }
   .cool-timeline.white-timeline .timeline-year:before {
    content: "";
    width: 42px;
    border: 2px solid #f36c21;
    position: absolute;
    left: -50px;
    top: 48.5%;
   }


    .cool-timeline .light-grey-post .timeline-content:after,
    .cool-timeline .light-grey-post .timeline-content:before,
    .cool-timeline .light-grey-post .odd .timeline-content:after,
    .cool-timeline .light-grey-post .odd .timeline-content:before {
        border-right-color:#f36c21;
        border-left-color:transparent;
    }
}

/*
custom styles

*/
.content .heading2_hall_of_frame_top{
	max-width:1070px;
	width:100%;
	margin:80px auto 0;
}
.content .heading2_hall_of_frame_top h2{
	display:block;
	height:50px;
	line-height:50px;
	padding-left:60px;
	text-align:left;
	color:#f36c21;
	font-size:1.5em;
	background:url(http://missthinthaingarm.co.th/wp-content/uploads/2023/07/kanok_big.png) no-repeat;
}
.content .heading2_hall_of_frame_top h6 {
    border-bottom: solid 2px #f36c21;
    width: 60px;
    margin-bottom: 20px;
	margin-left:20px;
}
.content .heading2_hall_of_frame_content{
	max-width:1070px;
	width:100%;
	margin:10px auto 0;
}
.content .heading2_hall_of_frame_content div{
	/*border-left:solid 2px #f36c31;
	margin-left:20px;*/
	padding:0 0 0 20px;
	font-family: promptthin !important;
}
.content .heading2_hall_of_frame_content p{
	text-align:left;
	margin-bottom: 60px;
	font-size:1em;
}
.content .heading2_hall_of_frame_content h6 {
    border-bottom: solid 2px #f36c21;
    width: 60px;
    margin-bottom: 20px;
}
.content .heading2_hall_of_frame_content h5{
	font-size:1.3em;
	text-align:left;
	color:#f36c21;
}
@media (max-width: 1024px){
	.cool_timeline.cool-timeline-wrapper {
		padding-left:24px;
	}
}
.cool-timeline.white-timeline .timeline-year {
	display: none;
}
.cool-timeline.white-timeline .timeline-post.even .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-color-white, .cool-timeline.white-timeline .timeline-post .icon-color-white, .cool-timeline.one-sided.white-timeline .timeline-post .icon-color-white  {
    background: #ffffff;
}
.cool-timeline .timeline-post .timeline-icon .icon-placeholder {
    padding: 10px 0;
}
.timeline-icon.icon-larger.iconbg-turqoise.icon-color-white {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cool-timeline .timeline-post .timeline-content {
	border:none;
	background:none;
}
.section-bullets-right li.active span {
    color: #f36c21;
}
.section-bullets-right li.active a::after, .section-bullets-left li.active a::after {
    background-color: #f36c21;
}
.section-bullets-right li a {
    color: #f36c21;
}
.section-bullets-right li a:after{
	background-color: #f36c21;
}
.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
    background:none;
	color:#f36c21;
	width:220px;
	right: -200px;
    position: absolute;
	top:20px;
}
.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
    background:none;
	color:#f36c21;
	width:220px;
	right: -200px;
    position: absolute;
	top:20px;
}
.cool-timeline.white-timeline .timeline-post .timeline-content {
    top: -80px;
}
@media (max-width: 480px) {
	.cool-timeline.white-timeline .timeline-post .timeline-content {
		top: -30px;
	}
	.content .heading2_hall_of_frame_content h5{
		font-size:1.2em;
	}
}
@media (max-width: 414px) {
	.cool-timeline.white-timeline .timeline-post .timeline-content {
		top: -20px;
	}
}
@media (max-width: 360px) {
	.cool-timeline.white-timeline .timeline-post .timeline-content {
		top: -10px;
	}
}
.cool-timeline.white-timeline .timeline-post .timeline-content .content-title {
	background:none !important;
}
.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title:before {
    display: none;
}
.cool-timeline.white-timeline.one-sided .timeline-post.odd .timeline-content .content-title:before {
    display: none;
}
.ultimate-style .timeline-post .timeline-content .content-title {
	padding:0;
}
.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
    width: 330px;
    float: right;
    position: absolute;
    top: 40px;
    right: -305px;
	text-align:left;
}
@media (max-width: 768px){
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: 220px;
		top:10px;
	}
	.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
		position:static;
		text-align:left;
		margin-left: 0px;
	}
	.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
		position:static;
		text-align:left;
		margin-left: 0px;
	}
	.cool-timeline.white-timeline .timeline-post .timeline-content {
		top: 10px;
	}
}
@media (max-width: 736px){
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: 195px;
	}
}
@media (max-width: 640px){
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: 115px;
	}
}
@media (max-width: 480px){
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: 0px;
		width:310px;
	}
}
@media (max-width: 414px){
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: -15px;
		padding:15px 0;
		font-size: 13px;
	}
	.content .heading2_hall_of_frame_top h2{
		font-size:1.3em;
	}
}
@media (max-width: 375px){
	.cool-timeline.white-timeline .timeline-post .timeline-content {
		top: 20px;
	}
	.cool-timeline.white-timeline .timeline-post .timeline-content .content-details {
		right: -30px;
		font-size: 12px;
		width:285px;
	}
	.cool-timeline .timeline-post .timeline-icon .icon-placeholder {
		padding: 5px 0;
	}
	.content .heading2_hall_of_frame_top h2{
		font-size:1.2em;
	}
};