.wu19chhexagon {
  width: 220px;
  border-radius: 50% / 25%;
  corner-shape: bevel;
  aspect-ratio: cos(30deg);
  border: 10px solid purple;
  box-sizing: border-box;
}
.wu19chhexagon-alt {
  width: 100%;
  border-radius: 50% / 25%;
  corner-shape: bevel;
  /* aspect-ratio: 1/cos(30deg); */
  aspect-ratio: cos(30deg);
  border: 10px solid purple;
  box-sizing: border-box;
}
img {
  /* object-fit:cover; */
}
.wu19chhexagon {
  display: inline-grid;
  place-content: center;
  font: bold 22px system-ui,sans-serif;
}

.wu19chavatar {
    display: block;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: #DDD;
    border: 10px solid purple;
	margin-left:auto;
	margin-right:auto;
}

.wu19ch-border {
	border: 5px solid #c2c2c2;
	border-radius: 100%;
	transition: border-color 0.3s ease;
}

.wu19ch-border:hover {
            border-color: purple; 
        }

.wu19ch-div-centered {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wu19chalign-center {
    text-align: center;
}

section, .wu19chcontainer, .wu19chcontainer-fluid {
    position: relative;
    word-wrap: break-word;
}

.wu19chjustify-content-center {
    justify-content: center !important;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.wu19ch-cust-bott-pad {
	/*padding-bottom: 2rem;*/
	padding-top: 2rem;
}

.wu19-cust-lr-pad {
	padding-left:2rem;
	padding-right:2rem;
}

.wu19ch-wrapper-cust-pad-all {
	padding:2rem;
}

.wu19ch-wrapper-cust-pad {
	padding-left:0rem;
	padding-right:0rem;
}

.wu19ch-img-grayscale {
  filter: grayscale(100%); /* Image starts in full grayscale */
  transition: filter 0.3s ease-in-out; /* Smooth transition for the filter property */
}

.wu19ch-img-grayscale:hover {
  filter: grayscale(0%); /* Image becomes full color on hover */
}

.wu19chcontainer {
  position: relative;
  text-align: center;
  color: white;
}

.wu19chcentered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wu19ch-h4{
	color: darkmagenta;
}

.wu19chhero-section {
    background-image: url('/images/WU19CH-2026/images/sect_background.jpg'); /* Specify the image path */
    background-size: cover; /* Scale the image to cover the entire section */
    background-position: center; /* Center the image within the section */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    height: auto; /* Set a height for the section to make the background visible */
    display: flex; /* For centering content vertically */
    justify-content: center; /* For centering content horizontally */
    align-items: center; /* For centering content vertically */
    color: white; /* Example: set text color for readability */
    text-align: center;
}

.wu19ch-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
	/* background-color: #fff; */
    background-clip: border-box;
    /* border: 1px solid rgba(0, 0, 0, .125); */
    border-radius: .25rem;
}

.slider-wrapper {
	background-image: url('/images/WU19CH-2026/images/sect_background.jpg');
}

.wu19ch-h3 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: inherit;
	line-height: 1.1;
	color: inherit;
}

.banner_sticky_left {
    /* margin-left: -10px; */
    left: 58%;
    /* text-align: right; */
}

.banner_sticky_left div {
    float: left;
	width:95%;
	margin-left:14px;
}

.banner_sticky_right {
    margin-right: -1095px;
    right: 58%;
    text-align: left;
}

.banner_sticky_right div {
    float: left;
    width: 95%;
	margin-left:3px;
}

.banner_sticky {
    top: 0;
    width: 350px;
    height: 1080px;
    position: absolute;
}

.wu19ch-sticky-div-custom {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7rem;
    background-color: #3e1f4b;
    opacity: 80%;
    border-radius: 30px;
}

.wu19ch-grupe {
	color:#c2c2c2;
}

.wu19ch-grupe:hover {
	color:#ffe14d;
	/*background-color: transparent;*/
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#sp-categories-wrapper {
    margin-top: 50px;
    position: relative;
}


#sp-categories-wrapper #sp-categories {
    background: #990066;
	border-color: #990066;
}

#sp-bottom-wrapper, #sp-partner-wrapper {
    background: #990066 url(../images/presets/preset2/bottom-patternWU19CH.png);
    color: #fff;
}

.wu19ch-video-container {
	position: relative;
	padding-bottom: 56.25%; /* For a 16:9 aspect ratio (9/16 * 100%) */
	height: 0;
	overflow: hidden;
	max-width: 100%; /* Optional: to limit the maximum width */
}

.wu19ch-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.wu19ch-nat_sel_img {
		width:120px;
		height:120px;
	}


@media (max-width: 991px) {
	#sp-main-body-wrapper {
		position: relative;
		margin-top: 12px;
	}
	
	.wu19ch-nat_sel_img {
		width:120px;
		height:120px;
	}
}

@media (max-width: 767px) {
	#sp-categories-wrapper {
		display:none;
	}
	
	.responsive #sp-scroller-wrapper {
        display: block;
		margin-top:0px;
    }
	
	.responsive #sp-main-body-wrapper {
		padding-top: 70px;
    }
	
	.bckgrnd-sm-xs {
		background-image: url('/images/WU19CH-2026/images/sect_background_clear.jpg');
	}
	
	.wu19ch-nat_sel_img {
		width:80px;
		height:80px;
	}
}

@media (max-width: 576px) {
	.wu19ch-wrapper-cust-pad {
		padding-left:3rem;
		padding-right:3rem;
		padding-bottom:2rem;
	}
	
	#sp-categories-wrapper {
		display:none;
	}
	
	.responsive #sp-main-body-wrapper {
		padding-top: 70px;
    }
	
	.bckgrnd-sm-xs {
		background-image: url('/images/WU19CH-2026/images/sect_background_clear.jpg');
	}
	
	.wu19ch-nat_sel_img {
		width:80px;
		height:80px;
	}
}

@media (max-width: 480px) {
    .responsive {
	}
	
	#sp-categories-wrapper {
		display:none;
	}
	
	.responsive #sp-scroller-wrapper {
        display: block;
		margin-top:0px;
    }
	
	.responsive #sp-main-body-wrapper {
		padding-top: 70px;
    }
	
	.bckgrnd-sm-xs {
		background-image: url('/images/WU19CH-2026/images/sect_background_clear.jpg');
	}
	
	.wu19ch-nat_sel_img {
		width:80px;
		height:80px;
	}

}






