/* Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.body {        
font-family: 'Oswald', sans-serif;    
}
/* Header Below */
.Header__header {
    background-image: url("https://myokosnowsports.com/arai/wp-content/uploads/MSS25-Skiing-Powder-web-139.jpg");
  background-size: cover; /* Keeps the image filling the whole area */
  
    background-position: center; /* Moves image 50px higher */
}
.Header__homeContent .Header__searchSection{
padding: 13rem 0 13rem;
}
/* Style of the tabs on the header bar */
.Header__tabs__link {
  font-family: Oswald,Arial,Helvetica,sans-serif;
    color: inherit;
  letter-spacing: 1px;
    font-weight: 400;
  	text-transform: uppercase;
}
/* Hiding the Help Centre on the header bar, maybe better in HTML */
.Header__name {
  visibility:hidden;
    font-family: Oswald,Arial,Helvetica,sans-serif;
    color: #0085b5;
  letter-spacing: 1px;
    font-weight: 500;
  	text-transform: uppercase;

  margin-left:-125px;
}
.Header__description{
  visibility:hidden;
}
.Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__tabsTab:hover{
color:#0085b5;
}
/* Sign In Tab at the top's style */
.LoginDetail__tabLink {
    color: inherit;
  font-family: Oswald,Arial,Helvetica,sans-serif;
    text-decoration: none;
letter-spacing: 1px;
    font-weight: 400;
  	text-transform: uppercase;
}
/* Style for the text above search bar */
.Header__searchTitle {
    font-family: Oswald, Arial, Helvetica, sans-serif;
    margin-right: auto;
    font-size: 2.25rem; /* Default font size */
    color: #f5f5f5;
    text-shadow: 1px 1px 2px #000000;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    max-width: 100%; /* Ensure text does not exceed container width */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide any overflow */
    text-overflow: ellipsis; /* Show ellipsis (...) for truncated text */
}
.Header__globalSearch{
 width:60%; 
}
/* Color the search button blue */
.commonStyle__zt3BrandBg {
    background-color: #0085b5;
}
.SearchContainer__searchButtonText{
border-radius:0px 4px 4px 0px;
  padding: 1rem;
  font-weight: 500;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  text-align: center;
  color: white;
}
.Header__globalSearchAlt{
 justify-content:center;
 width: 70%;
}

/* Header Above */
/* Widgets / Main Content Below */

/* Custom Widget Css Here */
/*.CustomWidget__customDescription{
    font-family: Oswald,Arial,Helvetica,sans-serif;
    font-size: 1.25rem;
  	color: #545454;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
  
}*/
.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse{
min-height:0px;
  padding: 0px 0px 3.125rem;
}
.WidgetContainer__contentList+.WidgetContainer__contentList{
margin-top:0px;
}
.main-widget-container{
justify-content:center;
  align-items: center;
}
/* Container for the items */

/* Individual item */
/* Container for the items */
.ss_container {
    width: 100%; /* Full width */
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Horizontally center items */
    max-width: 1100px; /* Maximum width */
  margin-left:auto;
  margin-right:auto;
}

/* Individual item */
.ss_col {
    background-color: #0085b5;
    width: calc(33.33% - 20px);
    margin: 10px;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
    border-radius: 5px; /* Adjust border radius as needed */
    transition: background-color 0.3s; /* Smooth transition for background color change */
}

.ss_col:hover {
    background-color: #0099cc; /* Change to your desired hover color */
}

.ss_col:hover .ss_desc {
    transition: font-size 0.3s; /* Smooth transition for font size change */
}

.ss_col:hover img {
    transform: scale(1.2); /* Scale up the image by 20% on hover */
    transition: transform 0.3s; /* Smooth transition for image scale */
}

.ss_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ss_logo {
    max-width: 100px !important;
    filter: invert(1);
}

.ss_midLine {
    height: 1px;
    background: #fff;
    width: 90px;
    margin: 20px 0;
}

.ss_desc {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Oswald, Arial, Helvetica, sans-serif;
    transition: font-size 0.3s; /* Smooth transition for font size change */
}

.ss_midLine::after {
    content: "";
    display: flex;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: -3px;
    left: calc(50% - 3px);
}

.ss_link {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

.ss_logo.ss_logo_2,
.ss_logo.ss_logo_3 {
    width: 60px;
}

.ss_logo.ss_logo_6 {
    width: 65px;
}

.ss_logo.ss_logo_4 {
    width: 70px;
}

.dd_midLine {
    height: 1px;
    background: #0085b5;
    width: 90px;
    margin: 20px 0;
}
.dd_midLine::after {
    content: "";
    display: flex;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #0085b5;
    position: relative;
    top: -2px;
    left: calc(50% - 3px);
}
.outer-widget-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  
   font-family: Oswald,Arial,Helvetica,sans-serif;
    font-size: 1rem;
  	color: #545454;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
}

h2 {
  font-family: Oswald,Arial,Helvetica,sans-serif;
    font-size: 1.5rem;
  	color: #545454;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
  text-transform: uppercase;
}
.call-widget{
 padding: 2rem; 
}





/* Widgets / Main Content Above */

/* Footer Below */

/* Footer BG image below */
.Footer__container{
	padding:0 0.9375rem;
	max-width:70rem;
}
.Footer__footerBg {
    /* Set background image */
    background-image: url('https://myokosnowsports.com/akakura/wp-content/uploads/Test-Image-HelpCenter-1920x1080-1.jpg');
    /* Center the background horizontally and vertically */
    background-position: center 35%;
    /* Ensure the background covers the entire element */
    background-size: cover;
    /* Add padding as needed */
    padding: 1.875rem 0;
}
/* Footer BG above */
/* Footer Question */
.Footer__footerQus {
    /* Hide the original text */
    font-size: 0; /* Set font size to 0 to hide text */
}

/* Add new text using ::before pseudo-element */
.Footer__footerQus::before {
/*    content: "Can't find what you're looking for?"; /* Replace with new text */
font-family: Oswald,Arial,Helvetica,sans-serif;
  	margin-right:auto;
    font-size: 2.25rem;
  	color: #f5f5f5;
  text-shadow: 1px 1px 2px #000000;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
}
/*Footer Description*/
.Footer__footerDescription {
    /* Position the existing text off-screen */
    position: relative;
    overflow: hidden;
}

.Footer__footerDescription span {
    /* Hide the existing text */
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}

.Footer__footerDescription::before { 
    /* Add new text */
    /*content: "Please get in touch with us, and we'll be sure to assist you promptly.";*/
    font-weight: 400;
  font-family: Oswald, Lato,Arial,Helvetica,sans-serif;
} 
/*Footer Description above */
/* Footer button */
.Footer__footerInfo{
  display:flex;
justify-content:center;
}

/* Hide original footer */
/* This rule targets the content block of the first footer and hides it. */
/* It must be placed in your custom CSS area. */
.Footer__footerBg {
    display: none !important;
}
/* New Footer here */
/* Target the new container to apply the background */
.Custom-Site-Footer .Footer__footerBg1 {
    /* Set background image from your previous CSS */
    background-image: url('https://myokosnowsports.com/akakura/wp-content/uploads/Zoho-Desk-Suginohara-Footer-2600x-scaled.jpg');
    background-position: center 70%;
    background-size: cover;
    padding: 3rem /* Adjust height here */
}
.Button__footerBtn {
    display: flex; /* CHANGE: Use flexbox for perfect centering */
    align-items: center; /* NEW: Vertically centers content (text) */
    justify-content: center; /* NEW: Horizontally centers content (text) */
    font-family: Oswald,Lato,Arial,Helvetica,sans-serif;
  	text-align: center;
    
    /* STYLING */
    background-color: #636363; 
    color: white;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    
    /* Removed redundant text-align: center and line-height */
    
    border-radius: 5px; 
    font-size: 1.25rem; 
    font-weight: 400;
    transition: background-color .15s ease;
}
.Button__footerBtn:hover{
	background:#0085b5;
	border:1px solid transparent
}
.Button__footerBtn:hover::after {
    background-color: #0085b5; /* New background color on hover */
  outline-color: #0085b5;
}
.Button__footerBtn button {
    visibility: hidden; /* Hide the original button */
}
/* Footer button above */

@media only screen and (max-width: 991px) {
    .ss_col {
        width: calc(49% - 20px);
    }
  .Header__searchTitle {
        font-size: 2rem; /* Adjusted font size for smaller screens */
    }
  .Header__header {
  
    background-position: center 70%; /* Moves image 50px higher */
}
}

@media only screen and (max-width: 768px) {
  .ss_col {
        width: 100%;
    }
   .ss_container {
     	justify-content:center;
        width: 100%; /* Full width on smaller screens */
        height: auto; /* Auto height */
    }
   .Header__searchTitle {
        font-size: 1.5rem; /* Adjusted font size for smaller screens */
    }
  .Header__globalSearch{
   width: 80%; 
  }
  .Footer__footerQus::before {
    font-size:1.3rem;
}
  .Footer__footerDescription::before {
   font-size:1.0rem;
}
}

/* All code I don't need but don't want to lose incase I need to refer to it > */
/*
#Capa3 path.commonStyle__zt3BrandFill {
    fill: #00ff00; 
}
.Header__description {
    color: #f5f5f5;
  text-shadow: 2px 2px 2px #000000;
}
/* How to directly affect each tab along the header top *//*
.Header__menuTab ul li:nth-child(2){
  visibility:hidden;
  margin-left:-50px;
  font-family: Oswald,Arial,Helvetica,sans-serif;
    color: #777777;
  letter-spacing: 1px;
    font-weight: 400;
  	text-transform: uppercase;
}
.Header__menuTab ul li:nth-child(2):after{
  visibility:visible;
  content:"Test";
  
}
.mainContainer Ul li:first-child span:first-child{
  visibility:hidden;
  margin-left:-50px;
}
.mainContainer Ul li:first-child span:first-child:after{
  visibility:visible;
  content:"Test";
}

*/
.commonStyle__zt3BrandBorder {
    border-color:#0085b5;
}
.commonStyle__zt3Brand {
    color: #0085b5;
}
.Readingprogress__progressBar {
    height: 4px;
    transition: all .2s;
    background: linear-gradient(90deg, #4cb0d3 16%, #0085b5 75.89%, #006b8f 99.8%);  /* gradient from light to darker blue */
    box-shadow: rgba(0, 0, 0, 0.24) 0 8px 18px;
    border-radius: 0 5px 5px 0;
}

.Icon__icon {
    fill: #0085b5;
}
.Icon__white {
    fill: #ffffff !important; /* Ensure it stays white */
}


/* Ticket page css below */
.TicketFormLeftContainer__sectionName{
 color: #636363;
}

/* 1. Hide the original text by pushing it off-screen */
.TicketFormLeftContainer__formHeader {
  /* Push text far to the left */
  text-indent: -9999px !important; 
  /* Prevent horizontal scrolling from revealing the text */
  overflow: hidden !important; 
  /* Ensure the element still takes up its original height */
  height: 50px !important; /* Adjust this height to match the desired height of the heading */
  position: relative;
  /* Reset the color/font size that might interfere */
  font-size: 0 !important; /* Keep this as an extra measure */
  margin-bottom: 1rem;
}

/* 2. Insert the new text using the ::before pseudo-element */
.TicketFormLeftContainer__formHeader::before {
  /* Insert your new content */
  content: "Akakura - Submit an Enquiry";
  font-weight: 500;
  letter-spacing: 1px;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  text-align: center;
  /* Positioning is crucial after using text-indent */
  position: absolute;
  top: 50%; /* Center vertically */
  left: 0;
  transform: translateY(-50%); /* Center vertically */
  
  /* Restore the desired font styling */
  text-indent: 0 !important; /* IMPORTANT: Reset text-indent so the new text is visible */
  font-size: 1.5rem !important; 
  color: #0085b5 !important; 
  line-height: normal; /* Ensure text doesn't collapse */
}