/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.12
*/

:root{
	--fsc-font-body: "Anuphan", sans-serif;
}

.ff-body { font-family: var(--fsc-font-body); }

.brown { color: #eaa450; }

.header-wrapper.stuck a:hover { color: #eaa450; }
.header-wrapper a:hover { color: #eaa450 !important; }

.banner.blur .banner-bg img { filter: blur(5px); }

.founder--section .box .box-image { border-bottom: 2px solid #eaa450; }
.founder--section .box h4 { position: relative; padding: 7px 0 7px; font-family: var(--fsc-font-body); font-weight: bold; font-size: 100%; background: linear-gradient(90deg,rgba(234, 164, 80, 0) 0%, rgba(234, 164, 80, 1) 50%, rgba(234, 164, 80, 0) 100%); }
.founder--section .box h4:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;  }
.founder--section .box p { padding: 5px 0 0; font-size: 80%; }

.footer--section p { font-size: 84%; }

.absolute-footer { display: none; }

.section-title b { height: 0; }
.section-title .section-title-main { position: relative; font-family: 'Arial'; font-size: 200%; font-weight: bold; font-style: italic; }
.section-title .section-title-main:after { content: ''; position: absolute; top: calc(50% - 4px); left: -10px; display: block; width: 30px; height: 6px; background-color: #eaa450; }

.line-yellow { display: block; height: 4px; width: 100%; min-width: 500px; background: linear-gradient(90deg,rgba(234, 164, 80, 0) 0%, rgba(234, 164, 80, 1) 50%, rgba(234, 164, 80, 0) 100%); }

@media screen and ( max-width: 430px ) {
    .mobile--center * { text-align: center; }
}


.year-calendar { display: flex; flex-wrap: wrap; }
.year-calendar > div { margin: 0 .5% 15px; padding: 25px 15px 15px; width: 24%; background-color: #fff; border-radius: 12px; }
.year-calendar > div h3 { text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bolder; color:#222; }
.year-calendar > div table { margin: 0; }
.year-calendar > div table th,
.year-calendar > div table td { font-size: 11px; text-align: center; line-height: 2.2em; border: 0; font-weight: bold; color: #222; border: 1px solid #fff; }
.year-calendar > div table th:first-child,
.year-calendar > div table td:first-child { color: #eaa050;}

@media screen and ( max-width: 430px ) {
    .year-calendar > div { margin-bottom: 4px; width: 49%; }
    .year-calendar > div table th,
    .year-calendar > div table td { line-height: 1em;}
}


.founders img { border-radius: 8px; }