#page .site-content{
    background-color: var(--e-global-color-75b9bae);
}

/* Container Styling */
.single-ast-container-custom {
/*     width: 100vw !important;
    max-width: 100% !important; */
	margin: auto !important;
    max-width: 1252px;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Container to align all items */
.single-article-container {
    margin: 0 !important;
	background-color: var(--e-global-color-6168db6);
}

/* Flex Container for Title, Date, and Social Icons */
.single-header-container {
    margin: 0 auto !important; /* Removed margin-bottom here for consistency */
    max-width: 1252px !important;
    padding: 40px 56px 32px !important;
}

/* Category and Title Styling */
.single-category-text {
    margin-bottom: 1rem !important;
    color: var(--e-global-color-0bb3489) !important;
    border: 1px solid var(--e-global-color-0bb3489) !important;
    border-radius: .25rem 0 .25rem 0 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    padding: .25rem .5rem !important;
}

/* Title Styling */
.single-hero-title {
    font-size: 3rem !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: var(--e-global-color-secondary) !important;
    font-family: "Red Hat Display", sans-serif !important; /* Simplified font-family declaration */
    margin: 0 0 24px !important;
}

.single-date-social-container {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

.single-divider {
    display: inline-block !important;
    width: 1px !important;
    height: 1.25rem !important; /* 5 * 0.25rem = 1.25rem, based on Tailwind's spacing scale */
    background-color: var(--e-global-color-b117ea4) !important; /* Mono-300 color in Tailwind CSS */
    margin: 0 1rem !important; /* mx-4 equivalent in rem units (4 * 0.25rem) */
}

.single-published-date {
    color: var(--e-global-color-de7564e) !important;
}

/* Hero Image */
.single-hero-container {
    position: relative;
    width: 100%;
    height: 60vh; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}

.single-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, black);
    background-blend-mode: overlay;
    pointer-events: none; /* Allows clicks to pass through to underlying content */
}

.single-hero-description {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

.single-article-content {
    margin: 0 auto !important; /* Removed margin-bottom here for consistency */
    padding: 0px 50px !important;
/*     max-width: 670px !important; */
}

/* Base styles for the share buttons container */
.single-share-buttons {
    display: flex !important;
    align-items: center !important;
}

.single-flex {
    display: flex !important;
}

/* Common Button Styles */
.single-social-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid !important;
    border-radius: 50% !important;
    border-color: var(--e-global-color-accent) !important; /* Turquoise Primary */
    color: var(--e-global-color-accent) !important; /* Turquoise Primary */
    background-color: var(--e-global-color-6168db6) !important;
    margin-right: 8px !important; /* Equivalent to 'mr-2' */
    transition: background-color 0.2s ease-in, color 0.2s ease-in !important;
}

/* Hover Effects */
.single-social-button:hover {
    background-color: #000 !important; /* Black */
}

.single-facebook-button:hover {
    color: #4267b2 !important; /* Facebook Color */
}

.single-twitter-button:hover {
    color: #1da1f2 !important; /* Twitter Color */
}

.single-whatsapp-button:hover {
    color: #25d366 !important; /* WhatsApp Color */
}

.single-linkedin-button:hover {
    color: #0077b5 !important; /* LinkedIn Color */
}

.single-email-button:hover {
    color: #d44638 !important; /* Email Color */
}

/* Social Icon */
.single-social-icon {
    width: 24px !important;
    height: 24px !important;
}


.single-hero-container.is-fallback {
    height: 650px;
}

	.single-article-container button{
		background-color: transparent !important;
		color:#00CDE6 !important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}

	.share-network-facebook button:hover{
		background-color:black !important;
		color: rgb(51 122 183 / var(--tw-text-opacity))!important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}
	.share-network-twitter button:hover{
		background-color:black !important;
		color: rgb(30 157 236 / var(--tw-text-opacity))!important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}
	.share-network-whatsapp button:hover{
		background-color:black !important;
		color: rgb(37 211 102 / var(--tw-text-opacity)) !important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}
	.share-network-linkedin button:hover{
		background-color:black !important;
		color: rgb(0 127 177 / var(--tw-text-opacity)) !important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}
	.share-network-email button:hover{
		background-color:black !important;
		color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
		border-color: rgb(0 205 230 / var(--tw-border-opacity)) !important;
	}

	.ease-in {
		transition-timing-function: cubic-bezier(.4,0,1,1);
	}  
	.duration-200 {
		transition-duration: .2s;
	}
	.text-turquoise-primary {
		--tw-text-opacity: 1;
		color: rgb(0 205 230 / var(--tw-text-opacity));
	}
	.border-turquoise-primary {
		--tw-border-opacity: 1;
		border-color: rgb(0 205 230 / var(--tw-border-opacity));
	}
	.border-solid {
		border-style: solid;
	}
	.border {
		border-width: 1px;
	}
	.rounded-\[50\%\] {
		border-radius: 50%;
	}
	.justify-center {
		justify-content: center;
	}
	.items-center {
		align-items: center;
	}
	.w-\[38px\] {
		width: 38px;
	}
	.h-\[38px\] {
		height: 38px;
	}
	.mr-2 {
		margin-right: .5rem;
	}
	[role=button], button {
		cursor: pointer;
	}

	.w-5{
		width:1.25rem;
	}
	.h-5{
		height:1.25rem;
	}

	.single-article-container button {
		-webkit-appearance: button;
		background-color: transparent;
		background-image: none;
	}
	.single-article-container button, select {
		text-transform: none;
	}
	.single-article-container button {
		color: inherit;
		font-family: inherit;
		font-feature-settings: inherit;
		font-size: 100%;
		font-variation-settings: inherit;
		font-weight: inherit;
		letter-spacing: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
		margin-right:10px;
	}
	/* :bg-black:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
	} */

	.inner1{display:flex;
		color:var(--e-global-color-de7564e) !important;
		align-items:center;
		justify-content: space-between;
		gap:2px;}
	.inner{
		display:flex;
		align-items:center;
		justify-content: space-between;
		gap:20px;
	}
	.ast-container {
		max-width: 100vw !important;
		flex-direction: column !important;
	}

#page .site-content{
    background-color: var(--e-global-color-75b9bae);
}
	.single-published-date {
		color: var(--e-global-color-de7564e) !important;
		padding: 0px !important;
		padding-left:5px !important;
	}


	/* Container Styling */
	.single-ast-container-custom {
		width: 100vw !important;
		max-width: 100% !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	/* Container to align all items */
	.single-article-container {
		margin: auto !important;
		width:1252px;
		max-width: 1252px;
		background-color: var(--e-global-color-6168db6);
		padding-bottom: 50px;
	}

	/* Flex Container for Title, Date, and Social Icons */
	.single-header-container {
		margin: 0 auto !important; /* Removed margin-bottom here for consistency */
		max-width: 1252px !important;
		padding: 40px 56px 32px !important;
	}
	/* 
	/* Category and Title Styling */
	.single-category-text {
		margin-bottom: 1rem !important;
		color: var(--e-global-color-0bb3489) !important;
		border: 1px solid var(--e-global-color-0bb3489) !important;
		border-radius: .25rem 0 .25rem 0 !important;
		font-weight: 700 !important;
		letter-spacing: 1px !important;
		font-size: .875rem !important;
		line-height: 1.25rem !important;
		text-transform: uppercase !important;
		display: inline-block !important;
		padding: .25rem .5rem !important;
	}

	/* Title Styling */
	.single-hero-title {
		font-size: 3rem !important;
		line-height: 1 !important;
		font-weight: 700 !important;
		color: var(--e-global-color-secondary) !important;
		font-family: "Red Hat Display", sans-serif !important; /* Simplified font-family declaration */
		margin: 0 0 24px !important;
	}

	.single-date-social-container {
		display: flex !important;
		gap: 10px !important;
		align-items: center; !important;
		flex-wrap: nowrap; !important;
		flex-direction: row; !important;
		justify-content: space-between; !important;
	}

	.single-divider {
		display: inline-block !important;
		width: 1px !important;
		height: 1.25rem !important; /* 5 * 0.25rem = 1.25rem, based on Tailwind's spacing scale */
		background-color: var(--e-global-color-b117ea4) !important; /* Mono-300 color in Tailwind CSS */
		margin: 0 1rem !important; /* mx-4 equivalent in rem units (4 * 0.25rem) */
	}

	.single-published-date {
		color: var(--e-global-color-de7564e) !important;
	}
	.single-read-time-minutes{
		color: var(--e-global-color-de7564e) !important;
	}
	.spons{
		color: var(--e-global-color-de7564e) !important;
	}

	/* Hero Image */
	.single-hero-container {
		position: relative;
		width: 100%;
		height: 60vh; /* Adjust height as needed */
		background-size: cover;
		background-position: center;
		display: flex;
		align-items: flex-end;

	}

	img.single-hero-container{
		padding-bottom:20px!important;
	}
	.single-hero-image {
		object-fit: cover;
		object-position: top;
		width:100%;
		height:100%;
	}

	.single-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(transparent, black);
		background-blend-mode: overlay;
		pointer-events: none; /* Allows clicks to pass through to underlying content */
	}

	.single-hero-description {
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}

	/* Base styles for the share buttons container */
	.single-share-buttons {
		display: flex !important;
		align-items: center !important;
	}

	.single-flex {
		display: flex !important;
	}

	/* Common Button Styles */
	.single-social-button {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 38px !important;
		height: 38px !important;
		border: 1px solid !important;
		border-radius: 50% !important;
		border-color: var(--e-global-color-accent) !important; /* Turquoise Primary */
		color: var(--e-global-color-accent) !important; /* Turquoise Primary */
		background-color: var(--e-global-color-6168db6) !important;
		margin-right: 8px !important; /* Equivalent to 'mr-2' */
		transition: background-color 0.2s ease-in, color 0.2s ease-in !important;
	} */

	/* Hover Effects */
	.single-social-button:hover {
		background-color: #000 !important; /* Black */
	}

	/* .single-facebook-button:hover {
	color: #4267b2 !important; /* Facebook Color */
	}

	.single-twitter-button:hover {
		color: #1da1f2 !important; /* Twitter Color */
	}

	.single-whatsapp-button:hover {
		color: #25d366 !important; /* WhatsApp Color */
	}

	.single-linkedin-button:hover {
		color: #0077b5 !important; /* LinkedIn Color */
	}

	.single-email-button:hover {
		color: #d44638 !important; /* Email Color */
	} */

	/* Social Icon */
	.single-social-icon {
		width: 24px !important;
		height: 24px !important;
	}
	#single-download {
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		background-color: transparent;
		background: var(--e-global-color-75b9bae) !important;
		border: 1px solid var(--e-global-color-accent);
		color: #fff !important;
		padding: 12px 18px 13px 18px !important;
		border-radius: 8px 0px 8px 0px !important;
		font-family: var(--e-global-typography-accent-font-family);
		letter-spacing:2px;
	}
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%; /* 16:9 aspect ratio */
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
	}
	.embed-container iframe, 
	.embed-container object, 
	.embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}

	/* Style for the bullet points */
	.single-article-container ul {
		list-style-type: disc; /* Use black circles for bullets */
		padding-left: 20px; /* Add some left padding */
	}

	.single-article-container li {
		margin-bottom: 10px; /* Add some space between list items */
	}

	/* Style for links */
	a.content-block-text-link {
		color: #000; /* Black color for the link text */
		text-decoration: underline; /* Underline the link */
	}
	.twitter-embed {
		margin-bottom: 10px;
		font-size: 16px;
		color: #333;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 10px;
	}

	.twitter-image img {
		max-width: 100%;
		height: auto;
		margin-bottom: 10px;
		border-radius: 8px;
	}

	.twitter-tweet {
		font-family: 'Arial', sans-serif;
		font-size: 14px;
		color: #555;
	}


	a.twitter-timeline-link {
		color: #1DA1F2; /* Twitter blue for the links */
		text-decoration: none;
	}

	a.twitter-timeline-link:hover {
		text-decoration: underline;
	}

	.center-block {
		display: flex;
		justify-content: center;
		margin: 20px 0;
	}

	.center-block blockquote {
		width: 100%;
		max-width: 670px; /* Adjust max-width as needed */
	}

	.embed-container {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 ratio */
		height: 0;
		overflow: hidden;
		max-width: 100%;
		background: #f0f0f0;
	}

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

	.single-hero-description {
		font-size: 1.5rem !important;
		line-height: 2rem !important;
		padding: 32px 0px;
	}

	.single-article-content ol, ul {
		margin: 0 ;
	}
	.embed-container {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 aspect ratio */
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}
	.embed-container iframe, 
	.embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.text-block{
		font-family: 'Red Hat Display' !important;
		font-weight: 400;
		font-size: 18px !important;
		font-size: 1rem;
		line-height: var(--ast-body-line-height, 1.65);
	}


	.promo-block {
		padding: 32px 0px;
	}

	.single-article-content {
		margin: 0 auto !important;
		padding: 0px 128px !important;
		width: 926px !important;
	}

	.single-button-block {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		border: 1px solid rgb(0 205 230);
		padding: .625rem 22px;
		font-size: 1rem;
		font-family: 'URC Sans';
		width: fit-content;
		border-radius: 10px 0px 10px 0px;

		margin: 15px auto;
	}


	.single-article-container .button-block a {
		color: #000!important;
	}
	.single-article-content img {
		height: auto;
		max-width: 926px;
		padding: 32px 0px;
		margin: 0px;
		overflow: hidden;
		/* margin-right: -38px; */
		margin-left: -130px;
	}
/*
	.single-article-content	p {
		margin-bottom: 0;
	}
*/

	.single-article-content	a {
		color: #000 !important;
		text-decoration: underline!important;
	}

	.related-articles{
                margin-bottom:25px;
		margin-top:32px;
	}
@media screen and (max-width: 1252px) {
    /* Hide the .single-article-container for smaller screens */
    .single-article-container {
        display: none !important;
    }

    /* Ensure the .break-point is visible */
    .break-point {
        display: block !important;
    }
}
s
@media screen and (min-width: 1253px) {
    /* Show the .single-article-container for larger screens */
    .single-article-container {
        display: block !important;
    }

    /* Hide the .break-point on larger screens */
    .break-point {
        display: none !important;
    }
}

.single-article-container .related-articles.no-print {
    background-image: url(https://www.unitedrugby.com/wp-content/uploads/2025/06/658335cb-3fb2-4620-af57-f42c25af4ced.jpeg);
    background-position: center;
    background-size: cover;
    text-align: center !important;
    padding: 70px 20px;
}
.single-article-container.related-articles.no-print	.article-slide {
    background-color: #fff !important;
    height: 358px !important;
    border-radius: 0px 0px 15px 0px;
}

	
	.single-article-container .related-articles.no-print h2.elementor-heading-title.elementor-size-default {
    line-height: 1.3em;
    text-align: center;
    font-weight: 400;
    font-family: 'URC Sans';
    font-size: 42px;
    padding-bottom: 50px;
}
	.single-article-container .related-articles.no-print .elementor-widget-button .elementor-button {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    background-color: #0f212f;
    margin-top: 10px;
}
	
	/* Article slide */
.article-slide {
    border-radius: 15px 0px 15px 0px!important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    max-width: 372px !important;
    cursor: pointer;
}

/* Article image */
.article-slide img {
    width: 100%;
    height: 222px;
    object-fit: cover;
    object-position: top center;
    margin-bottom: 5px;
    overflow: hidden;
    transition: transform 0.3s ease;
	border-radius: 15px 0px 0px 0px;

}

.article-slide img:hover {
    transform: scale(1.05);
}

/* Article meta */
.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 20px 20px 0px 20px;
}


/* Article category */
.article-category {
    color: var(--e-global-color-0bb3489);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid var(--e-global-color-0bb3489);
    padding: 0.2px 5px;
    border-radius: 5px 0;
    display: inline-block;
}

/* Article date */
.article-date {
    color: var(--e-global-color-de7564e);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 13.23px;
    letter-spacing: 0.5px;
}

/* Article title */
.article-slide h3 {
    color: var(--e-global-color-secondary);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    text-align: left;
    padding: 0px 10px 0px 20px;
}

/* Read time */
.article-read-time {
    color: #747474;
    font-size: 12px;
    padding: 0px 20px 10px 20px;
    text-align: left;
    display: block;
}

/* Remove background color and adjust border radius on hover */
.article-slide a {
    background-color: #fff !important;
    text-decoration: none;
    color: inherit;
}

.article-slide a:hover {
    background-color: #fff !important;
}

.splide__arrow {
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.related-articles.no-print button {
    color: rgb(0 205 230) !important;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    gs: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    margin-right: 33px;
    padding: 5px 10px;
    top: 0;
    right: 4px;
    /* left: 900px; */
    margin-top: -70px;
    margin-left: 1033px;
    border: 1px solid #000;
    border-radius: 0px 20px 20px 0px;
}
.single-article-container.related-articles.no-print h3 {
    margin-top: 10px;
    font-size: 20px;
    color: #000;
    text-align: left;
    font-weight: 900;
    padding: 0px 20px 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
	.single-article-container .elementor-button {
    display: inline-block;
    /* line-height: 1; */
    background-color: #204055 !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: 'URC Sans';
    width: 136px;
    height: 50px;
	margin-top:30px;
}
	button.splide__arrow.splide__arrow--prev { 
		border-radius: 20px 0px 0px 20px !important; 
		width:4em;
		border: 1px solid #000 !important;
	} 
	button.splide__arrow.splide__arrow--next:hover{
		background:#000;
		color:#fff;
		 fill: #fff;
	}
	button.splide__arrow.splide__arrow--next { 
		border-radius: 0px 20px 20px 0px; 
		width:4em;
		border: 1px solid #000 !important;
	}
	.splide__arrow svg {
    fill: #000;
    height: 0.7em;
    width: 1.2em;
}

.splide__arrow.splide__arrow--next:hover,
.splide__arrow.splide__arrow--prev:hover {
    background-color: rgb(20, 40, 55) !important;
    color: #fff !important;
}

.splide__arrow.splide__arrow--next:hover svg,
.splide__arrow.splide__arrow--prev:hover svg {
    fill: #fff !important;
}

	.wysiwyg-with-title-decorations h1 {
    color: black !important;
}