/*
Home stylehseet
v1.0.0 2025-12-10

--- Consistent across Rivahlax Home Page
*/





/*HOME SPECIAL*/
/*---HOME: BANNER (GROUP)---*/
.home-banner-box-group {
position:relative;
}

.home-banner-control-group {
position:absolute;
bottom:20px;
left:0;
right:0;
}

/*---HOME: BANNER (LAYOUT)---*/
.home-banner-main-layout {
display: flex;
flex-direction: row;
align-items:center;
min-height:640px;
justify-content: center;
padding: 20px 5% 0px 5%;
background-color:rgb(0,0,0);
background-position:center;
background-size:cover;
color:#430722;
}

.home-banner-layout-info {
width:50%;
text-align:left;
padding-right:5%;
}

.home-banner-layout-visual {
width:50%;
}

.home-banner-layout-info .slogan{
font-size:18px;
opacity:0.9;
text-transform: uppercase;
}

.home-banner-layout-info .caption{
font-size:3.5vw;
font-weight:500;
line-height: 1.1;
margin-top:10px;
}

.home-banner-layout-info .desc{
margin-top:10px;
margin-bottom: 20px;
font-size:22px;
opacity:0.8;
}

@media (max-width:900px) {
.home-banner-layout-info .caption{
font-size:30px;
}

.home-banner-layout-info .desc{
font-size:18px;
}
}

.home-banner-layout-info button.full{
background-color:#c86c13;
border:1px solid #c86c13;
border-radius:4px;
padding:10px 20px 10px 20px;
color:#FFF;
margin-right:10px;
font-weight:500;
}

.home-banner-layout-info button.full:hover{
background-color:#000;
border:1px solid #000;
}

.home-banner-layout-visual .container{
display:none;
}

/*---HOME: BANNER (RESIZED)---*/
@media (max-width:950px) {
.home-banner-main-layout {
flex-direction: column;
height:auto;
padding: 0px;
background-image:none;
}

.home-banner-layout-info {
width:100%;
padding-right:0px;
text-align:left;
padding:40px 5% 60px 5%;
}

.home-banner-layout-visual {
width:100%;
padding:0px;
}

.home-banner-layout-visual .container{
background-color:#fff;
background-position:center;
background-size:cover;	
height:340px;
display: block;
}
}

/*---HOME: BANNER (CONTROLS)---*/
.home-banner-control-box {
display: flex;
flex-direction: row;
align-items:center;
min-height:50px;
justify-content: center;
margin:20px;
}

.home-banner-ctrl-butt{
background-color:#F4EBEB;
outline:none;
width:80px;
height:10px;
border:none;
border-radius:4px;
margin:0px 10px;
}

.home-banner-ctrl-butt.loading {
animation-name: hdfh83hdd9jd9dkkd9;
animation-duration: 10s;
}

@keyframes  hdfh83hdd9jd9dkkd9 {
0%   {background-color:#F4EBEB;;}
100% {background-color:#222;}
}




/*---HOME: LIST PRODS---*/
.home-tixa-prolist-slider {
overflow-x:hidden;
width:100%;
}

.home-tixa-prolist-group{
padding:0px 5%;
margin-bottom: 50px;
}

.home-tixa-prolist-row {
display: grid;
margin:20px 0px;
min-height:300px;
grid-template-columns: auto auto auto;
grid-gap:20px;
}

.home-tixa-prolist-col {
width: 400px;
text-align:left;
margin-bottom:20px;
}

.home-tixa-prolist-col .content {
padding:20px 5%;
background-color:#272727;
border-radius:16px;
box-shadow: 0 1px 1px rgba(0,0,0,0.08),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.16),
0 8px 8px rgba(0,0,0,0.20);
margin-bottom:20px;
min-height:360px;
position: relative;
}

.home-tixa-prolist-col .content:hover {
background-color:#000;
border-radius:20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07);
}

.home-tixa-prolist-col .content img{
width:64px;
height:64px;
padding:10px;
margin-bottom:20px;
border:1px solid #666;
border-radius:4px;
}

.home-tixa-prolist-col .content .text-box{
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right:5%;
}

.home-tixa-prolist-col .content h1{
margin-top:20px;
font-size:24px;
font-weight:500;
color:#f8f8f8	
}

.home-tixa-prolist-col .content h2{
font-size:16px;
font-weight:300;	
color:#fff;
margin-bottom:20px;
}

.home-tixa-prolist-col .content .button-box{
position:absolute;
bottom:20px;
}

.home-tixa-prolist-col .content button{
background-color:#c86c13;
color:#FFF;
padding: 8px 24px;
border:none;
border-radius:8px;
font-size:16px;
margin-right:16px;
}

.home-tixa-prolist-col .content button:hover{
background-color:white;
color:#000;
}

.home-tixa-prolist-col .content .for-two{
color:#fff;
}

.home-tixa-prolist-butt{
width:50px;
height:50px;
background-color:#000;
color:#FFF;
padding: 8px;
border:none;
border-radius:50%;
font-size:25px;
margin-right:16px;
}

.home-tixa-prolist-butt:disabled{
background-color:#333;
color:#ccc;
}

.home-tixa-prolist-butt:focus{
outline:none;
}



/*---INSIDE RIVAHLAX (POSTS)---*/
/*---INSIDE RIVAHLAX (POSTS): Layout---*/
.home-inside-posts-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;
}

.home-inside-posts-col {
padding:20px;
width: 50%;
}

.home-inside-posts-col a, .home-inside-posts-col a:hover{
text-decoration:none;
color:inherit;
}

.home-inside-posts-col .content {
height:100%;
}


.home-inside-posts-col .imgbox {
background-color:#222;
background-position:center;
background-size:cover;	
border-radius: 8px;
height:360px;
}

.home-inside-posts-col .txtbox {
padding:30px 0px;
}

.home-inside-posts-col .title{
font-size:26px;
font-weight:400;
line-height:1.1;
}

.home-inside-posts-col .more{
font-size:18px;
font-weight:500;
line-height:1.1;
margin-top:30px;
text-decoration: underline;
text-underline-offset: 16px; 
text-decoration-color: #ccc;
transition: 0.7s;
}

.home-inside-posts-col a:hover .more{
text-decoration-color: #c86c13;
}

.home-inside-posts-col a:hover .imgbox {
background-size:105%;
}


/*---INSIDE RIVAHLAX (POSTS): No content---*/
.home-inside-no-results{
margin:20px 5%;
padding: 40px 0px;
}

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

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

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


/*---INSIDE RIVAHLAX (POSTS): Resized---*/
@media (max-width:750px) {
.home-inside-posts-row {
flex-direction: column;
margin-left:calc(5% - 0px);
margin-right:calc(5% - 0px);
}

.home-inside-posts-col{
width:100%;
padding:0px;
margin-bottom: 16px;
}

.home-inside-posts-col .title{
font-size:20px;
}
}

















/*
UNUSED-----
=====================================================
*/

/*---LAYOUTS: PLAIN TEXT (LAYOUT)---*/
.home-layout-plaintext-row {
display: flex;
flex-direction: row;
margin:20px 0% 60px 0%;
margin-left:calc(5% - 20px);
margin-right:calc(5% - 20px);
justify-content:flex-start;
}

.home-layout-plaintext-col {
width: 33.33%;
padding:20px;
}

.home-layout-plaintext-col .title{
font-size:22px;
font-weight:500;
margin-bottom: 20px;
}

.home-layout-plaintext-col .info{
font-size:18px;
font-weight:400;
opacity:0.8;
margin-bottom: 20px;
}

@media (max-width:900px) {
.home-layout-plaintext-row {
flex-direction: column;
margin:10px 0px 0px 0px;
}

.home-layout-plaintext-col {
width:100%;
margin-bottom: 20px;
}

.home-layout-plaintext-col .info{
margin-bottom: 8px;
}
}


/*
UNUSED-----
--------------------------------------------------END
=====================================================
*/