.elementor-5381 .elementor-element.elementor-element-1e835f84{--display:flex;--min-height:111px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5381 .elementor-element.elementor-element-1e835f84:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-1e835f84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142837;}.elementor-5381 .elementor-element.elementor-element-6634889a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 20px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5381 .elementor-element.elementor-element-6634889a:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-6634889a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#142837;}.elementor-5381 .elementor-element.elementor-element-6634889a.e-con{--align-self:center;}.elementor-5381 .elementor-element.elementor-element-a425e11{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-5381 .elementor-element.elementor-element-34e44cec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5381 .elementor-element.elementor-element-34e44cec:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-34e44cec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F212F;}.elementor-5381 .elementor-element.elementor-element-89d121c{--display:flex;--min-height:43px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5381 .elementor-element.elementor-element-89d121c:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-89d121c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button{background-color:#00CDE600;font-family:"Red Hat Display", Sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;line-height:1rem;letter-spacing:0.1px;fill:#808F9F;color:#808F9F;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 20px 0px 0px;}.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button:hover, .elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button:hover svg, .elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-5381 .elementor-element.elementor-element-3b2ebf67{--display:flex;--min-height:68px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:18px;--padding-right:0px;}.elementor-5381 .elementor-element.elementor-element-3b2ebf67:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-3b2ebf67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e126f7 );}.elementor-5381 .elementor-element.elementor-element-3b2ebf67.e-con{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5381 .elementor-element.elementor-element-2d8139be{width:var( --container-widget-width, 168px );max-width:168px;--container-widget-width:168px;--container-widget-flex-grow:0;}.elementor-5381 .elementor-element.elementor-element-2d8139be.elementor-element{--align-self:center;}.elementor-5381 .elementor-element.elementor-element-2d8139be .elementor-heading-title{font-family:"URC Sans", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-5381 .elementor-element.elementor-element-5b06be8b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-5381 .elementor-element.elementor-element-5b06be8b.e-con{--align-self:stretch;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-element{--align-self:center;}.elementor-5381 .elementor-element.elementor-element-76ab9613 .elementor-icon-wrapper{text-align:end;}.elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-view-framed .elementor-icon, .elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-view-framed .elementor-icon, .elementor-5381 .elementor-element.elementor-element-76ab9613.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-5381 .elementor-element.elementor-element-76ab9613 .elementor-icon{font-size:22px;}.elementor-5381 .elementor-element.elementor-element-76ab9613 .elementor-icon svg{height:22px;}.elementor-5381 .elementor-element.elementor-element-1c808438{text-align:end;}.elementor-5381 .elementor-element.elementor-element-1c808438 .elementor-heading-title{font-family:"URC Sans", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-5381 .elementor-element.elementor-element-4b057b83{--display:flex;--min-height:50px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-5381 .elementor-element.elementor-element-4b057b83:not(.elementor-motion-effects-element-type-background), .elementor-5381 .elementor-element.elementor-element-4b057b83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1922;}@media(max-width:1024px){.elementor-5381 .elementor-element.elementor-element-46ddd1d1 .elementor-button{font-size:18px;line-height:25px;}}@media(min-width:541px){.elementor-5381 .elementor-element.elementor-element-6634889a{--width:260px;}.elementor-5381 .elementor-element.elementor-element-a425e11{--content-width:195px;}.elementor-5381 .elementor-element.elementor-element-34e44cec{--width:992px;}.elementor-5381 .elementor-element.elementor-element-5b06be8b{--width:11%;}}/* Start custom CSS for container, class: .elementor-element-4b057b83 */.page-id-3526 .filter-container{
    display: none!important;
}/* End custom CSS */
/* Start custom CSS */.select2-search--dropdown {
    display: none !important;
}

.select2-container--default .select2-selection--single {
    background: none;
    border: none;
    border-radius: 0;
    height: auto;
    padding: 5px 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF;
    font-family: 'URC SANS';
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.select2-container--open .select2-dropdown--below {
    background-color: var(--e-global-color-a839e30);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0.5px;
}
.select2-container--default .select2-results__option--selected :hover{
    color: #00CDE6;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: none;
    overflow-y: auto;
    font-family: 'URC Sans';
}

.select2-container--default .select2-results__option--selected {
    border-bottom: 0.5px;
    border-color: #00CDE6;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color:#00CDE6 transparent transparent transparent;
    
}
.select2-results__option--selectable {
    font-size: 14px;
    color: var(--e-global-color-primary);
}

/* Filter Form */
/* Main filter container */
.main-filter-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Unified filters section */
.filter-section {
    display: flex;
    flex-direction: row;
    gap: 0px;
    padding: 15px;
    
    border-bottom: 2px solid #ddd;
}

/* Filter form */
#filter-form {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Filter labels and selects */
#filter-form label {
    margin-right: 5px;
}

#filter-form select {
    padding: 5px;
}

/* Articles grid section */
.content-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Articles container */
.articles-section {
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #ffffff!important;
}

/* Articles grid */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3-column grid layout */
    gap: 20px;
}

/* Article item */
.article-item {
    border-radius: 15px 0px 15px 0px;
    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: 0px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
	max-width: 372px!important;
}
	
/* Card item link */
.article-item a {
    background-color: #fff !important; /* Consistent background color */
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color */
}

.article-item a:hover {
    background-color: #fff !important; /* Consistent background color on hover */
}
/* Title alignment */
.article-item h3 {
    color: var(--e-global-color-secondary);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    text-align: left;
    padding: 0px 10px 0px 20px; /* Adjusted padding */
}

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

/* 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: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}

/* 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 Image */
.article-item img {
    width: 100%;
    height: 222px; /* Image covers half of the card */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    margin-bottom: 15px; /* Added margin for spacing */
}

/* Article content */
.article-content {
    flex-grow: 1; /* Allows content to take remaining space */
}

/* Read Time */
.article-read-time {
    color: #747474;
    font-size: 12px;
    padding: 20px; /* Adjusted padding */
    text-align: left; /* Ensures proper alignment */
    display: block; /* Ensure block display */
}
/* Remove background color and adjust border radius on hover */
.article-item a {
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr); /* 2-column grid layout for medium screens */
    }
}

@media (max-width: 768px) {
    .articles-grid {
        grid-template-columns: 1fr; /* Single column layout for small screens */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Red Hat Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mediacentre.unitedrugby.com/wp-content/uploads/2024/08/RedHatDisplay-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Red Hat Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mediacentre.unitedrugby.com/wp-content/uploads/2024/08/RedHatDisplay-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Red Hat Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mediacentre.unitedrugby.com/wp-content/uploads/2024/08/RedHatDisplay-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Red Hat Display';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://mediacentre.unitedrugby.com/wp-content/uploads/2024/08/RedHatDisplay-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */