/*
Newsroom attachment stylehseet
Special for Newsroom
v1.0.0 2026-01-21

--- Must be used in addition to
#_Board Stylesheet (Content)
*/





/*---TOOL BOX---*/
/*---TOOL BOX: Layout---*/
.newsroom-toolbox-row {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
padding:40px 0px;
}

.newsroom-toolbox-col {
width:33.33%;
padding:20px;
}

.newsroom-toolbox-col a, .newsroom-toolbox-col a:hover{
text-decoration:none;
color:inherit;
}

.newsroom-toolbox-col .content {
text-align: left;
background-color: inherit;
height:100%;
}

.newsroom-toolbox-col .content.wrapped {
padding:30px;
background-color: #fefefe;
border-radius:8px;
box-shadow:
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07);
}

.newsroom-toolbox-col img.icon{
width:64px;
height:64px;
}

.newsroom-toolbox-col svg.icon{
width:64px;
height:64px;
}

.newsroom-toolbox-col .sect{
font-size:18px;
font-weight:600;	
color:#333;
margin-top:40px;
}

.newsroom-toolbox-col .desc{
font-size:17px;
font-weight:300;
color:#000;
margin-bottom:15px;
}

.newsroom-toolbox-col .go{
transition: 2.5s;
}

.newsroom-toolbox-col .go::after{
font-family: "Ionicons";
content:"\f30f";
font-size:14px;
color:#c86c13;
}

.newsroom-toolbox-col .content:hover .go::before{
padding-right:8px;
content:"Go";
font-size:16px;
}


/*---TOOL BOX: Resized---*/
@media (max-width:850px) {
.newsroom-toolbox-row {
flex-direction: column;
margin:0 5%;
gap:20px;
}

.newsroom-toolbox-col {
width:100%;
margin-bottom:20px;
padding:0px;
}
}






/*---ADD PAGES (HEADER)---*/
/*---ADD PAGES (HEADER): Layout---*/
.newsroom-addpage-header{
padding:40px 5%;
text-align:center;	
}

.newsroom-addpage-header .title{
font-size:20px;
font-weight:600;	
margin-bottom:10px;
}

.newsroom-addpage-header .caption{
font-size:2.6vw;
font-weight:600;	

}

@media (max-width:600px) {
.newsroom-addpage-header .caption{
font-size:28px;	
}
}

.newsroom-addpage-header .info{
font-size:26px;
font-weight:300;	
margin:0 auto;
max-width:800px;
opacity:0.9;
}


@media (max-width:600px) {
.newsroom-addpage-header .info{
font-size:22px;	
}
}






/*---ADD PAGES (GRID)---*/
/*---ADD PAGES (GRID): Element Layout---*/
.newsroom-addpage-grid-page {
display: flex;
align-items: flex-start; 
margin:20px 5%;
gap: 40px;
}

.newsroom-addpage-grid-sidebar {
position: sticky;
position: -webkit-sticky;
top: 50px; 
font-size:17px;
width: 280px;
padding:20px 0px;
height: fit-content;
background: #f3f3f3;
border-radius: 8px;
}

.newsroom-addpage-grid-footbar {
display: none;
position: fixed;
bottom: 20px;
right:5%;
z-index:99;
}

.newsroom-addpage-grid-footbar button.open-sidebar,
.newsroom-addpage-grid-footbar-contents button.close-sidebar{
width:48px; height:48px;
font-size:24px;
border:none;
border-radius:50%;
background-color:#222;
color:#fff;
}

.newsroom-addpage-grid-footbar-contents button.close-sidebar{
position:absolute;
bottom: 20px;
right:5%;
}

.newsroom-addpage-grid-footbar-contents{
display: none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background: #f3f3f3;
z-index:99;
padding:40px;
}

.newsroom-addpage-grid-content {
flex: 1;
padding:20px 0px;
min-height:50vh;
}


/*---ADD PAGES (GRID): Resized---*/
@media (max-width:1100px) {
.newsroom-addpage-grid-page {
margin:20px 5%;
}

.newsroom-addpage-grid-sidebar{
display: none;
}

.newsroom-addpage-grid-footbar {
display: block;
}
}


/*---ADD PAGES (GRID): Element Content---*/
.newsroom-addpage-grid-sidebar a, 
.newsroom-addpage-grid-footbar-contents a{
color:inherit;
text-decoration: none;
}

.newsroom-addpage-grid-sidebar button.back, 
.newsroom-addpage-grid-footbar-contents button.back{
border:none;
border-bottom:1px solid #b8b8b8;
padding:16px 16px;
background-color:inherit;
width:100%;
display: block;
margin-bottom:30px;
text-align: left;
font-weight:300;
}

.newsroom-addpage-grid-sidebar button.back::before, 
.newsroom-addpage-grid-footbar-contents button.back::before{
padding-right:8px;
font-family: "Ionicons";
content:"\f124";
font-size:14px;
color:#c86c13;
transition: 0.4s;
}

.newsroom-addpage-grid-sidebar button.back:hover::before, 
.newsroom-addpage-grid-footbar-contents button.back:hover::before{
color:#000;
padding-right:16px;
}

.newsroom-addpage-grid-sidebar button.outlink, 
.newsroom-addpage-grid-footbar-contents button.outlink{
border:none;
background-color:inherit;
width:100%;
display: block;
padding:8px 16px;
margin-bottom:10px;
text-align: left;
font-weight:500;
border-radius:0px 8px 8px 0px;
}

.newsroom-addpage-grid-sidebar button.outlink.active,
.newsroom-addpage-grid-footbar-contents button.outlink.active{
background-color:#e8e8e8;
}

.newsroom-addpage-grid-sidebar button.inlink,
.newsroom-addpage-grid-footbar-contents button.inlink{
border:none;
background-color:inherit;
width:100%;
display: block;
padding:8px 24px;
margin:0 16px;
text-align: left;
border-radius:0px;
}

.newsroom-addpage-grid-sidebar button.inlink.active,
.newsroom-addpage-grid-footbar-contents button.inlink.active{
border-left:2px solid #c86c13;
}

.newsroom-addpage-grid-sidebar .inlink-group,
.newsroom-addpage-grid-footbar-contents .inlink-group{
display:none;
}












/*---ADD PAGES (CONTENT)---*/
/*---ADD PAGES (CONTENT): Header---*/
.newsroom-addpage-header-main {
font-size:2.8vw;
font-weight:600;	
margin-bottom:20px;
}

@media (max-width:950px) {
.newsroom-addpage-header-main{
font-size:28px;	
}
}

.newsroom-addpage-header-sub {
font-size:1.8vw;
font-weight:500;	
margin-bottom:10px;
}

@media (max-width:950px) {
.newsroom-addpage-header-sub{
font-size:24px;	
}
}

/*---ADD PAGES (CONTENT): Body---*/
.newsroom-addpage-body-large {
font-size:28px;
font-weight:600;	
margin-bottom:10px;
color:#444;
line-height:1.2;
}

@media (max-width:1000px) {
.newsroom-addpage-body-large{
font-size:20px;	
}
}

.newsroom-addpage-body-regular {
font-size:18px;
font-weight:400;	
padding-bottom:20px;
color:#555;
}

.newsroom-addpage-body-regular p{
padding:0px;
margin:0px;
}

.newsroom-addpage-body-table{
width:100%;
font-size:18px;
color:#555;
}

.newsroom-addpage-body-table th, .newsroom-addpage-body-table td{
padding:12px 10px;
border-collapse: collapse;
}

.newsroom-addpage-body-table th{
border-bottom: 1px solid #666;
}


/*---ADD PAGES (CONTENT): Spacing---*/
.newsroom-addpage-spacing{
padding:20px;
}



/*---RESOURCE SPECIALS---*/
/*---RESOURCE SPECIALS: Logo---*/
.respage-specials-logo-main{
padding:20px 0px;
margin-bottom:20px;
}

.respage-specials-logo-main img{
width:100%;
max-width:480px;
}

.respage-specials-logoalt-row{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-left: calc(0% - 10px);
margin-right: calc(0% - 10px);
margin-bottom:20px;
}

.respage-specials-logoalt-col{
width:33.33%;
padding:10px;
}

.respage-specials-logoalt-col .content{
border-radius:8px;
padding:20px;
}

.respage-specials-logoalt-col .content.dark{ background-color: #333; }
.respage-specials-logoalt-col .content.light{ background-color: #ffffff; }

.respage-specials-logoalt-col img{
width:100%;
}

/*---RESOURCE SPECIALS: Colours---*/
.respage-specials-colours-row{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-left: calc(0% - 10px);
margin-right: calc(0% - 10px);
margin-bottom:20px;
}

.respage-specials-colours-col{
width:33.33%;
padding:10px;
}

.respage-specials-colours-col .content{
border-radius:8px;
padding:20px;
height:100%;
}

.respage-specials-colours-col .content.riva-brown{ background-color: #c86c13; color:#fff; }
.respage-specials-colours-col .content.riva-black{ background-color: #000000; color:#fff; }
.respage-specials-colours-col .content.riva-white{ background-color: #ffffff; color:#000; }
.respage-specials-colours-col .content.riva-purple{ background-color: #4e0722; color:#fff; }
.respage-specials-colours-col .content.riva-red{ background-color: #8f0303; color:#fff; }
.respage-specials-colours-col .content.riva-grey{ background-color: #e6e6e6; color:#000; }

.respage-specials-colours-col img{
width:100%;
}


/*---RESOURCE SPECIALS: Typography---*/
.respage-specials-typo-row{
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left: calc(0% - 10px);
margin-right: calc(0% - 10px);
margin-bottom:20px;
}

.respage-specials-typo-col{
width:50%;
padding:10px;
}

.respage-specials-typo-col .content{
border-radius:8px;
padding:20px;
height:100%;
}

.respage-specials-typo-col .content.show-sample { background-color: #222; color:#fff; }
.respage-specials-typo-col .content.show-styles { background-color: #ffffff; color:#000; }

.respage-specials-typo-col .content .info{ 
font-size:14px;
font-weight:500;
text-transform: uppercase;
margin-bottom:16px;
}

.respage-specials-typo-col .content .font-showcase{ 
font-size:32px;
font-weight:400;
overflow-wrap: anywhere;
word-break: break-word; 
}

.respage-specials-typo-col .content .font-sample{ 
font-size:24px;
}

.respage-specials-typo-col .content .font-light{ font-weight:300; }
.respage-specials-typo-col .content .font-regular{ font-weight:400; }
.respage-specials-typo-col .content .font-medium{ font-weight:500; }
.respage-specials-typo-col .content .font-semibold{ font-weight:600; }
.respage-specials-typo-col .content .font-extrabold{ font-weight:700; }

@media (max-width:1000px) {
.respage-specials-typo-row{
flex-direction: column;
margin-left: calc(0% - 0px);
margin-right: calc(0% - 0px);
}

.respage-specials-typo-col{
width:100%;
margin-bottom:10px;
padding:0px;
}
}


/*---RESOURCE SPECIALS: Guidelines---*/
.respage-specials-guidelines-row{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: calc(0% - 10px);
margin-right: calc(0% - 10px);
margin-bottom:20px;
}

.respage-specials-guidelines-col{
width:50%;
padding:10px;
}

.respage-specials-guidelines-col .content.imgbox{
border-radius:8px;
padding:20px;
height:100%;
}

.respage-specials-guidelines-col .content.imgbox.light{ background-color: #fff;  }
.respage-specials-guidelines-col .content.imgbox.dark{ background-color: #000;  }

.respage-specials-guidelines-col .content.imgbox img{
width:100%;
}

.respage-specials-guidelines-col .content.imgbox img.distort{
width:100%;
height:134px;
}

.respage-specials-guidelines-col .content.imgbox svg{
width:100%;
height:100%;
}

.respage-specials-guidelines-col .content.imgbox svg.normal{ fill:#c86c13; }
.respage-specials-guidelines-col .content.imgbox svg.black{ fill:#000; }
.respage-specials-guidelines-col .content.imgbox svg.abnormal{ fill:#a93b93; }

.respage-specials-guidelines-col .content.txtbox{
height:100%;
color:#000;
}

.respage-specials-guidelines-col .content.txtbox .dont{
font-size:20px;
font-weight: 500;
padding-bottom: 8px;
}

.respage-specials-guidelines-col .content.txtbox .dont::before{
padding-right: 10px;
font-family: "Ionicons";
content:"\f36e";
font-size:18px;
color:red;
}

@media (max-width:1000px) {
.respage-specials-guidelines-row{
flex-direction: column;
margin-left: calc(0% - 0px);
margin-right: calc(0% - 0px);
}

.respage-specials-guidelines-col{
width:100%;
margin-bottom:10px;
padding:0px;
}
}

/*---RESOURCE SPECIALS: Terms---*/
.respage-specials-download{
background-color:#c86c13;
color:#fff;
border:none;
border-radius:8px;
padding:8px 24px;
margin-top:20px;
}