/*
Company attachment stylehseet
v1.0.0 2026-01-29

--- Must be used in addition to
#_Pages Stylesheet
*/





/*---BANNER (BROWN TEA)---*/
/*---BANNER (BROWN TEA): Layout---*/
.company-banner-browntea{
background-size:cover;
background-position: center;
min-height: 580px;
position:relative;
}

.company-banner-browntea .content{
position:absolute;
top:calc(50% - 100px);
margin:0 5%;
max-width:500px;
background-color:rgba(235,235,235,0.95);
color:#000;
border-radius: 8px;
padding:20px;
}

.company-banner-browntea .title{
font-size:38px;
font-weight:500;
margin-bottom: 10px;
}

.company-banner-browntea .info{
font-size:24px;
font-weight:400;
line-height: 1.15;
}

/*---BANNER (BROWN TEA): Resized---*/
@media (max-width:1200px) {
.company-banner-browntea .content{
background-color:rgba(10,10,10,0.95);
color:#fff;
top:auto;
bottom:30px;
border-radius: 8px;
padding:20px;
}

.company-banner-browntea .title{
font-size:32px;
}

.company-banner-browntea .info{
font-size:18px;
}
}





/*---BANNER (TIGER NUT)---*/
/*---BANNER (TIGER NUT): Layout---*/
.company-banner-tigernut{
background-size:cover;
background-position: center;
min-height: 600px;
padding:80px 0 80px 0;
}

.company-banner-tigernut .content{
color:#000000;
margin:0px 5%;
}

.company-banner-tigernut .page-title{
font-size:28px;
font-weight:500;
color:#c86c13;
margin-bottom: 20px;
}

.company-banner-tigernut .caption{
font-size:3.2vw;
font-weight:500;
line-height:1.15;
max-width: 80%;
margin-bottom: 20px;
}

.company-banner-tigernut .info{
font-size:20px;
font-weight:400;
line-height:1.2;
max-width: 60%;
opacity:0.8;
}

/*---BANNER (TIGER NUT): Resized---*/
@media (max-width:1200px) {
.company-banner-tigernut .caption{
font-size:36px;
max-width: 100%;
}

.company-banner-tigernut .info{
font-size:18px;
max-width: 100%;
}
}













/*---LAYOUT (NOTEPAD)---*/
/*---LAYOUT (NOTEPAD): Layout---*/
.company-layout-notepad-box{
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 50px 0px;
margin-left: calc(5% - 20px);
margin-right: calc(5% - 20px);
}

.company-layout-notepad-col{
width:50%;
padding:20px;
}

.company-layout-notepad-col .note-title{
font-size:38px;
font-weight:500;
}

@media (max-width:1200px) {
.company-layout-notepad-col .note-title{
font-size:28px;
font-weight:500;
}
}

.company-layout-notepad-col .note-segment{
font-size:19px;
font-weight:400;
}

/*---LAYOUT (NOTEPAD): Resized---*/
@media (max-width:1000px) {
.company-layout-notepad-box{
flex-direction: column;
margin:0 5%;
gap:20px;
}

.company-layout-notepad-col{
width:100%;
padding:0px;
}
}





/*---LAYOUT (FOOTNOTE)---*/
/*---LAYOUT (FOOTNOTE): Layout---*/
.company-layout-footnote-box{
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left: calc(5% - 20px);
margin-right: calc(5% - 20px);
flex-wrap: wrap;
padding-bottom:50px;
}

.company-layout-footnote-col{
width:25%;
padding:20px;
}

.company-layout-footnote-col img{
width:64px;
height:64px;
margin-bottom: 20px;
}

.company-layout-footnote-col .note-title{
font-size:24px;
font-weight:600;	
margin-bottom:10px;
line-height: 1.2;
}

.company-layout-footnote-col .note-info{
font-size:17px;
font-weight:300;	
opacity:0.8;
}

/*---LAYOUT (FOOTNOTE): Resized---*/
@media (max-width:1100px) {
.company-layout-footnote-col{
width:50%;
}
}

@media (max-width:800px) {
.company-layout-footnote-box{
flex-direction: column;
margin:0 5%;
gap:60px;
}

.company-layout-footnote-col{
width:100%;
padding:0px;
}

.company-layout-footnote-col .note-title{
font-size:20px;
}

.company-layout-footnote-col .note-info{
font-size:16px;
}
}





/*---LAYOUT (TIMELINE)---*/
/*---LAYOUT (TIMELINE): Layout---*/
.company-layout-timeline-group{
padding:0px 5%;
margin-bottom: 50px;
position: relative;
}

.company-layout-timeline-slider {
overflow-x:hidden;
width:100%;
}

.company-layout-timeline-row{
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
flex-wrap: nowrap;
padding-bottom:50px;
}

.company-layout-timeline-col{
width:420px;
padding:20px;
flex-shrink: 0;
}

.company-layout-timeline-col .event-year{
font-size:18px;
font-weight:300;	
margin-bottom:10px;
}

.company-layout-timeline-col .event-title{
font-size:24px;
font-weight:600;	
margin-bottom:10px;
line-height: 1.2;
}

.company-layout-timeline-col .event-info{
font-size:17px;
font-weight:300;	
opacity:0.8;
}

/*---LAYOUT (TIMELINE): Button---*/
.company-layout-timeline-butt{
background-color:inherit;
color:#666;
border:none;
font-size:48px;
}

.company-layout-timeline-butt:hover{
color:#000;
opacity:1;
}

.company-layout-timeline-butt:disabled{
color:#ccc;
}

.company-layout-timeline-butt.left{
position: absolute;
left:5%;
bottom: 50%;
}

.company-layout-timeline-butt.right{
position: absolute;
right:5%;
bottom: 50%;
}





/*---COMPANY NEWS---*/
/*---COMPANY NEWS: Layout---*/
.company-show-news-row {
display: flex;
flex-direction: row;
margin:0px 0% 0px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:flex-start;
flex-wrap: wrap;
}

.company-show-news-col {
padding:20px;
width: 25%;
}

.company-show-news-col a, .company-show-news-col a:hover{
text-decoration:none;
color:inherit;
}

.company-show-news-col .content {
height:100%;
}


.company-show-news-col .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
border-radius: 8px;
height:200px;
}

.company-show-news-col .txtbox {
padding:30px 0px;
}

.company-show-news-col .category{
font-size:15px;
font-weight:500;
line-height:1.1;
margin-bottom:30px;
text-decoration: underline;
text-underline-offset: 16px; 
text-decoration-color: #ccc;
}

.company-show-news-col .title{
font-size:18px;
font-weight:300;
line-height:1.1;
}

.company-show-news-col .more{
font-size:15px;
font-weight:500;
line-height:1.1;
margin-top:30px;
}

.company-show-news-col .more::after{
padding-left:8px;
font-family: "Ionicons";
content:"\f125";
}


.company-show-news-col:hover .more::after {
animation-name: shdeid92je93jd00sk;
animation-duration: 0.2s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes shdeid92je93jd00sk {
from {
padding-left:8px;
color:inherit;
}
  
to {
padding-left:16px;
color:#c86c13;
}
}

.company-show-news-col:hover .category{ 
text-decoration-color: #c86c13;
}


/*---COMPANY NEWS: Resized---*/
@media (max-width:1400px) {
.company-show-news-col{
width:50%;
}

.company-show-news-col .imgbox {
height:260px;
}
}

@media (max-width:750px) {
.company-show-news-row {
flex-direction: column;
margin-left:calc(5% - 0px);
margin-right:calc(5% - 0px);
}

.company-show-news-col{
width:100%;
padding:0px;
margin-bottom: 16px;
}

.company-show-news-col .title{
font-size:20px;
}
}


/*---COMPANY NEWS: No content---*/
.company-no-news-results{
margin:20px 5%;
padding: 40px 0px;
}

.company-no-news-results img{
width: 100%;  
max-width:512px;
margin-bottom: 20px;
}

.company-no-news-results .title{
font-size:28px;
font-weight:600;
color:#222;
}

.company-no-news-results .info{
font-size:18px;
color:#333;
}