/*
Read content stylehseet
v1.0.0 2026-01-06

--- Consistent across content pages
#_Blogs
#_Newsroom
#_Careers --Partial
*/


body{
padding-top:50px;
background-color: #f5f5f5;
}



/*---BASE DESIGN---*/
/*---BASE DESIGN: Layout---*/
.board-design-grid-layout {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
padding:20px 0px;
}

.board-design-content-main {
width:70%;
padding:20px;
}

.board-design-content-extra {
width:30%;
padding:20px;
}

/*---BASE DESIGN: Resized---*/
@media (max-width:1150px) {
.board-design-grid-layout {
flex-direction: column;
margin:0 5%;
gap:20px;
}

.board-design-content-main {
width:100%;
padding:0px;
}

.board-design-content-extra {
width:100%;
padding:0px;
}
}



/*---HEADERS---*/
/*---HEADERS: Sectioner (Inblock)---*/
.board-header-sectioner-inblock{
padding:8px 0%;
text-align:left;
font-size:24px;
font-weight:500;
border-bottom: 1px solid #666;
margin-bottom:20px;
}

/*---HEADERS: Sectioner (Outblock)---*/
.board-header-sectioner-outblock{
padding:8px 5%;
border-top: 1px solid #ccc;
margin-bottom: 20px;
}

.board-header-sectioner-outblock .title{
font-size:30px;
font-weight:600;	
margin-top:40px;
}

.board-header-sectioner-outblock .caption{
font-size:18px;
font-weight:300;	
opacity:0.8;
max-width:500px;
}

/*---HEADERS: Link---*/
.board-header-link{
margin-top:24px;
text-decoration: none;
color:#222;
}

.board-header-link a, .board-header-link a:hover{
text-decoration:underline;
text-underline-offset: 16px; 
text-decoration-color: #ccc;
color:#222;
}



/*
Hold card - Void
**Compliments gridline
*/

/*---HOLDCARD (VOID)---*/
/*---HOLDCARD (VOID): Layout---*/
.board-holdcard-void-row {
display: flex;
flex-direction: column;
margin:0px 0% 0px 0%;
justify-content:flex-start;
flex-wrap:nowrap;
}

.board-holdcard-void-col {
width:100%;
}


/*---HOLDCARD (VOID): Resized---*/
@media (max-width:1150px) {
.board-holdcard-void-row {
flex-direction: row;
margin:0;
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
flex-wrap: wrap;
}

.board-holdcard-void-col{
padding:20px;
width:50%;
}
}

@media (max-width:750px) {
.board-holdcard-void-row {
margin-left:calc(0% - 0px);
margin-right:calc(0% - 0px);
}

.board-holdcard-void-col{
width:100%;
padding:0px;
}
}






/*---SHOWCARD (XL)---*/
/*---SHOWCARD (XL): Layout---*/
.board-showcard-xl-row {
display: flex;
flex-direction: row;
margin:0px 0% 0px 0%;
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
justify-content:flex-start;
flex-wrap: wrap;
}

.board-showcard-xl-col {
padding:20px;
}

.board-showcard-xl-col.col-two {
width: 50%;
}

.board-showcard-xl-col.col-three {
width: 33.33%;
}

.board-showcard-xl-col.col-four {
width: 25%;
}

.board-showcard-xl-col a, .board-showcard-xl-col a:hover{
text-decoration:none;
color:inherit;
}

.board-showcard-xl-col .content {
height:100%;
}

.board-showcard-xl-col .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
border-radius: 8px;
height:280px;
}

.board-showcard-xl-col .txtbox {
padding:30px 0px;
}

.board-showcard-xl-col .category{
font-size:22px;
font-weight:500;
line-height:1.1;
margin-bottom:30px;
text-decoration: underline;
text-underline-offset: 16px; 
text-decoration-color: #ccc;
}

.board-showcard-xl-col .title{
font-size:20px;
font-weight:400;
line-height:1.1;
}


/*---SHOWCARD (XL): Resized---*/
@media (max-width:850px) {
.board-showcard-xl-row {
margin-left:calc(0% - 0px);
margin-right:calc(0% - 0px);
}

.board-showcard-xl-col.col-two{
width:100%;
padding:0px;
margin-bottom:20px;
}
}

@media (max-width:1000px) {
.board-showcard-xl-col.col-three{
width:100%;
padding:0px;
margin-bottom:20px;
}
}






/*---SHOWCARD (M)---*/
/*---SHOWCARD (M): Layout---*/
.board-showcard-m-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;
}

.board-showcard-m-col {
padding:20px;
}

.board-showcard-m-col.col-four{
width: 25%;
}

.board-showcard-m-col a, .board-showcard-m-col a:hover{
text-decoration:none;
color:inherit;
}

.board-showcard-m-col .content {
height:100%;
}

.board-showcard-m-col .content.divider {
border-bottom: 1px solid #ccc;
}

.board-showcard-m-col .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
border-radius: 8px;
height:240px;
}

.board-showcard-m-col .txtbox {
padding:30px 0px;
}

.board-showcard-m-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;
}

.board-showcard-m-col .title{
font-size:18px;
font-weight:400;
line-height:1.1;
}

.board-showcard-m-col .date{
margin-top:20px;
font-size:15px;
font-weight:300;
}


/*---SHOWCARD (M): Resized---*/
@media (max-width:1100px) {
.board-showcard-m-col.col-four{
width:50%;
}
}

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

.board-showcard-m-col.col-four{
width:100%;
padding:0px;
margin-bottom: 16px;
}
}







/*---ONELIST (S)---*/
/*---ONELIST (S): Main Layout---*/
.board-onelist-sm-xrow {
display: flex;
flex-direction: column;
justify-content:center;
flex-wrap: nowrap;
padding:20px 0px;
}

.board-onelist-sm-xcol {
width:100%;
}

.board-onelist-sm-xcol a, .board-onelist-sm-xcol a:hover{
text-decoration:none;
color:inherit;
}

/*---ONELIST (S): Content Layout---*/
.board-onelist-sm-urow {
display: flex;
flex-direction: row;
justify-content:center;
flex-wrap: nowrap;
margin-left:calc(0% - 10px);
margin-right:calc(0% - 10px);
}

.board-onelist-sm-ucol {
width:50%;
padding:10px;
}

.board-onelist-sm-ucol .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
border-radius: 8px;
height:120px;
}

.board-onelist-sm-ucol .txtbox {

}

.board-onelist-sm-ucol .category{
font-size:14px;
font-weight:500;
line-height:1.1;
margin-bottom:16px;
text-decoration: underline;
text-underline-offset: 8px; 
text-decoration-color: #ccc;
}

.board-onelist-sm-ucol .title{
font-size:18px;
font-weight:400;
line-height:1.1;
}







/*---NO RESULTS---*/
/*---NO RESULTS: Layout---*/
.board-no-results-segment{
margin:20px 0px;
}

.board-no-results-segment.standalone{
margin:20px 5%;
padding: 40px 0px;
}

.board-no-results-segment img{
width:192px;
height:192px;
margin-bottom: 20px;
}

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

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



/*---LOADING---*/
/*---LOADING: Holder---*/
.board-post-loading-row {
display:flex;
flex-direction: row;
margin-left:calc(0% - 20px);
margin-right:calc(0% - 20px);
justify-content: flex-start;
flex-wrap: wrap;
}

.board-post-loading-row.standalone {
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
}

.board-post-loading-col {
padding:20px;
}

.board-post-loading-col.col-one{ width: 100%; }
.board-post-loading-col.col-two{ width: 50%; }
.board-post-loading-col.col-four{ width: 25%; }


/*---LOADING: Layout (Side by Side)---*/
.board-post-loading-sbs{
display: flex;
gap:20px;
}

.board-post-loading-sbs-col{
width:50%;
}

/*---LOADING: Layout---*/
.board-post-loading-placeholder {
margin-bottom: 16px;
}

.board-post-loading-placeholder .line {
height: 20px;
border-radius: 6px;
margin-bottom: 8px;
}

.board-post-loading-placeholder .line.title  { height:35px; margin-bottom: 20px; }
.board-post-loading-placeholder .line.title-other  { height:20px; margin-bottom: 16px; }
.board-post-loading-placeholder .line.half  { width: 60%; }
.board-post-loading-placeholder .line.tiny  { width: 25%; }
.board-post-loading-placeholder .line.large  { width: 75%; }

.board-post-loading-placeholder .post-spacer {
margin-bottom: 20px;
}

.board-post-loading-placeholder .post-image {
width: 100%;
border-radius: 8px;
margin-bottom:20px;
}

.board-post-loading-placeholder .post-image.view { height: 280px; }
.board-post-loading-placeholder .post-image.home { height: 280px; }
.board-post-loading-placeholder .post-image.more { height: 200px; }
.board-post-loading-placeholder .post-image.other { height: 100px; margin-bottom:0px;}

/*---LOADING: Skeleton Base---*/
.board-post-loading-skeleton .shimmer {
background: #e4e6eb;
position: relative;
overflow: hidden;
}

.board-post-loading-skeleton .shimmer.dark {
background: #fbfcfa;
}

/*---LOADING: Shimmer Effect---*/
.board-post-loading-skeleton .shimmer::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);
animation: shimmer 1.2s infinite;
}

.board-post-loading-skeleton .shimmer.dark::after {
background: linear-gradient(90deg,transparent,rgba(227, 218, 201,0.6),transparent);
}

@keyframes shimmer {
100% {
transform: translateX(100%);
}
}


/*---LOADING: Resized---*/
@media (max-width:850px) {
.board-post-loading-row {
flex-direction: column;
margin: 0 0%;
gap:20px;
}

.board-post-loading-row.standalone {
margin: 0px 5%;
}

.board-post-loading-col {
padding:0px;
}

.board-post-loading-col.col-one{ width: 100%; }
.board-post-loading-col.col-two{ width: 100%; }
.board-post-loading-col.col-four{ width: 100%; }
}











/*
All page--segment
### ONLY
*/


/*---ALL PAGES NAV---*/
/*---ALL PAGES NAV: Layout---*/
.board-all-nav-bucket.stay {
z-index:2;
background-color: inherit;
}

.board-all-nav-bucket.stay {
position: sticky;
position: -webkit-sticky;
top: 50px;
width: 100%;
box-shadow: 0 2px 4px -2px rgba(33, 33, 33, 0.5);
}

.board-all-nav-holder {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin:0px 5%;
padding:20px 0px 20px 0px;
}

.board-all-nav-info {
width:50%;
text-align: left;
}

.board-all-nav-filter {
width:50%;
text-align: right;
}

/*---ALL PAGES NAV: Contents---*/
.board-all-nav-info .back{
font-size:22px;
font-weight:500;
color:inherit;
text-decoration: none;
}

.board-all-nav-info .back::after{
padding-left:8px;
padding-right:8px;
font-family: "Ionicons";
content:"\f125";
font-size:16px;
color:#c86c13;
}

.board-all-nav-info .back:hover::after{
content:"|";
fotnt-size:22px;
}

.board-all-nav-info .back:hover::before{
padding-right:8px;
font-family: "Ionicons";
font-size:16px;
content:"\f124";
color:#c86c13;
}

.board-all-nav-info .title{
font-size:22px;
font-weight:500;
}

.board-all-nav-info .count{
font-size:17px;
font-weight:300;
padding-left:4px;
}

.board-all-nav-filter button.filter{
background:inherit;
border:1px solid #666;
border-radius:4px;
padding:8px 16px;
}

.board-all-nav-filter button.closer{
margin-bottom:30px;
}

/*---ALL PAGES NAV: Filter Options---*/
.board-all-nav-filbox-backdrop {
position:fixed;
top:50px;
right: 0px;
width:0%;
height:100%;
z-index:9;
overflow-x: hidden;
overflow-y:auto;
transition: 0.3s; 
background: rgba(0,0,0,0.7);
}

.board-all-nav-filbox-backdrop.active {
width:100%;
}

body.no-scroll {
overflow: hidden;
}

.board-all-nav-filbox-content {
position: absolute;
right:0;
width:280px;
height:100vh;
background-color:#e9e9e9;
color:#000;
padding:20px;
z-index:999;
text-align: left;
}

.board-all-nav-filbox-content .filter-list{
height:80vh;
padding-bottom: 30px;
-ms-overflow-style: none;
scrollbar-width: none;
overflow: auto; 
}

.board-all-nav-filbox-content .filter-list::-webkit-scrollbar{
display: none;
}

/*---ALL PAGES NAV: Filter Content---*/
.board-all-nav-filbox-content .title{
font-size: 18px;
font-weight:500;
margin-bottom: 10px;
}

.board-all-nav-filbox-content .filter-item {
text-decoration: none;
color:inherit;
font-weight: 400;
position: relative;
padding:4px 0px;
display: block;
}

.board-all-nav-filbox-content .filter-item.active, .board-all-nav-filbox-content .filter-item.active:hover {
color: #c86c13;
text-decoration: underline;
text-underline-offset: 8px; 
}

.board-all-nav-filbox-content .filter-item:hover:not(.active) {
color: #666;
}

.board-all-nav-filbox-content li{
list-style: none;
cursor: pointer;
}

.board-all-nav-filbox-content .filter-section-space{
padding:20px;
}

/*---ALL PAGES NAV: Resized---*/
@media (max-width:1030px) {
.board-all-nav-filbox-content {
text-align: right;
}
}






/*---ALL PAGES PAGINATION---*/
/*---ALL PAGES PAGINATION: Layout---*/
.board-all-pagination {
display: flex;
justify-content: center;
align-items: baseline;
list-style: none;
padding: 0px;
padding-bottom: 20px;
margin:30px 5%;
font-size:18px;
}

.board-all-pagination li a {
padding: 8px 12px;
text-decoration: none;
color: black;  
margin: 0 4px;
cursor: pointer;
}

.board-all-pagination li a.active{
font-weight:600;
}

.board-all-pagination li.dots{
letter-spacing: 2px;
}








/*
Storyboard--segment
### ONLY
*/



/*---STORYBOARD---*/
/*---STORYBOARD: Layout---*/
.board-storyboard-holder {

}

.board-storyboard-holder .post-categories{
margin-bottom: 20px;
}

.board-storyboard-holder .post-categories li{
list-style: none;
display: inline;
}

.board-storyboard-holder .post-categories .cat-link {
color:#222;
text-decoration: underline;
text-underline-offset:8px;
text-decoration-thickness:2px;
text-decoration-color: #c86c13;
font-size:18px;
font-weight: 500;
position: relative;
text-transform: uppercase;
padding-right:16px;
}

.board-storyboard-holder .post-title{
font-size:2.8vw;
font-weight:500;	
margin-bottom:20px;
line-height: 1.25;
}

@media (max-width:600px) {
.board-storyboard-holder .post-categories .cat-link {
font-size:16px;
}

.board-storyboard-holder .post-title{
font-size:28px;	
}
}

.board-storyboard-holder .post-start-info{
margin-bottom:20px;
}

.board-storyboard-holder .post-blog-author{
padding-right:16px;
font-size:16px;
}

.board-storyboard-holder .post-blog-author::before{
font-family: "Ionicons";
content:"\f12c";
font-size:20px;
padding-right: 8px;
}

.board-storyboard-holder .post-date{
opacity:0.8;
padding-right:16px;
font-size:16px;
}

.board-storyboard-holder .post-date::before{
font-family: "Ionicons";
content:"\f2d1";
font-size:20px;
padding-right: 8px;
}

.board-storyboard-holder .post-read-time{
padding:8px 16px;
background-color:#444;
border-radius:4px;
color:#fefefe;
font-size:14px;
}

.board-storyboard-holder .post-featured-image{
position: relative;
}

.board-storyboard-holder .post-featured-image .caption{
position: absolute;
bottom:20px;
left: 20px;
background-color: rgba(0,0,0,0.78);
color:#fff;
font-size:14px;
padding:10px 20px;
border-radius:6px;
}

.board-storyboard-holder .post-featured-image .caption p{
margin:0;
}


.board-storyboard-holder .post-featured-image img{
width:100%;
height:100%;
}

.board-storyboard-holder .post-sharebox{
padding:20px 0px;
color:#222;
font-size:18px;
}

.board-storyboard-holder .post-sharebox li{
list-style: none;
display: inline;
padding: 0px 10px;
}

.board-storyboard-holder .post-sharebox i{
font-size:24px;
color:#222;
}

@media (max-width:650px) {
.board-storyboard-holder .post-sharebox i{
font-size:18px;
padding: 10px 10px;
}
}

.board-storyboard-holder .post-content{
padding:20px 0px;
font-size:19px;
font-weight:400;
line-height:1.65;
}

.board-storyboard-holder .post-content h1{
font-size:36px;
font-weight:500;
margin-bottom: 10px;
}

.board-storyboard-holder .post-content h2{
font-size:24px;
font-weight:500;
margin: 10px 0px;
}

.board-storyboard-holder .post-content p{
padding:10px 0px;
}

.board-storyboard-holder .post-content ol, .board-storyboard-holder .post-content ul{
margin: 0;
padding-left: 0;
list-style-position: inside;
margin-bottom:20px;
}

.board-storyboard-holder .post-content li{
padding:0px 0px;
}

.board-storyboard-holder .post-content img {
width:100%;
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 10px;
}

.board-storyboard-holder .post-credits a{
background-color: rgba(0,0,0,0.78);
color:#fff;
font-size:14px;
padding:10px 20px;
border-radius:6px;
}

.board-storyboard-holder .post-about-rivahlax{
background-color:#222;
color:#fff;
padding:20px;
border-radius:8px;
}

.board-storyboard-holder .post-about-rivahlax .title{
font-size: 18px;
font-weight:500;
margin-bottom: 10px;
}

.board-storyboard-holder .post-about-rivahlax{
font-size:16px;
font-weight:300;
}

.board-storyboard-holder .post-extras{
padding:40px 0px 20px 0px;
border-top:1px solid #ccc;
font-size: 18px;
}


.board-storyboard-holder .post-extras .author{
padding-bottom:20px;
font-weight:500;
}


.board-storyboard-holder .post-extras .author{
padding-bottom:20px;
}

/*---STORYBOARD: Back---*/
.board-storyboard-holder .go-back{
font-size:17px;
font-weight:300;
margin-bottom: 30px;
color:#666;
}

.board-storyboard-holder .go-back a, .board-storyboard-holder .go-back a:hover{	
color:inherit;
text-decoration: none;
}

.board-storyboard-holder .go-back::before{
padding-right:16px;
font-family: "Ionicons";
content:"\f124";
font-size:14px;
color:#c86c13;
}

.board-storyboard-holder .go-back:hover::before {
animation-name: fheuridjdowjjfkkkm;
animation-duration: 0.5s; 
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

@keyframes fheuridjdowjjfkkkm {
from {
padding-right:16px;
color:#c86c13;
}
  
to {
padding-right:8px;
color:#222;
}
}