/*
Theme Name: rugbyafrica
Theme URI: http://underscores.me/
Author: Web2Web
Author URI: https://www.web2web.co.za/
Description: A WordPress theme created for Rugby Africa.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rugbyafrica
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rugbyafrica is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Open Sans';
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    counter-reset: numbers;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #636363;
	font-family: 'Open Sans';
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #1a428a;
    text-decoration: none;
}

a:visited {
    color: #1a428a;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    background: #fff;
    padding: 15px 0;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
button.menu-toggle:before {
    font-family: "FontAwesome";
    content: "\f0c9";
    margin-right: 5px;
}
button.menu-toggle {
    padding: 15px 20px;
    text-transform: uppercase;
    margin-right: 15px;
    font-size: 22px;
    color: #1a428a;
    border-radius: 0;
    background: none;
    border: none;
}

@media screen and (min-width: 1131px) {
    .menu-toggle, .menu-mobile-menu-container {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin-bottom: 10px;
    background: #ebebeb;
    padding: 5px;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.rugbyaf-width {
    max-width: 1280px;
    margin: 0 auto;
}

/* GLOBAL */

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}
.clearit:after {
    content: "";
    display: block;
    clear: both;
}

.inner-transnav {
    padding: 16px 0;
    border-bottom: 1px solid #f2f2f2;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    align-items: baseline;
}
.translate { 
    min-height: 34px;
    flex-basis: 42%; 
}
.top-actions { 
    flex-basis: 480px;
    margin-left: auto; 
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    align-items: center;
}
.top-actions>.header-actions { margin-right: 20px; z-index:1;}
.top-actions>.header-actions:last-child { margin-right: 0; }
.top-actions #social-links {  margin-top: 0; }
.top-actions i { 
    font-family: "FontAwesome";
    font-style: normal; 
}
.top-actions #social-links .social-link { margin: 0 10px 0 0; }
.top-actions .widgettitle { display: none; }
.press-link { 
    font-style: italic; 
    font-weight: bold;
}
.press-link i {
    color: #fff;
    border-radius: 100%;
    background: #0d743a;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px;
}
.header-actions a:hover i.fas {
    background: #0160b8;
}
.header-actions button:hover { background: #0160b8; }

/* NAVIGATION */
.wrap-logomenu {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    align-items: center;
    height: 90px;
}
.menu-main-menu-container {
    max-width: 1280px;
    margin: 0 auto;
}
.site-header ul.menu li a {
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 500;
}
#site-navigation { width: auto; }
#site-navigation .menu-item { 
    margin-right: 30px; 
    margin-bottom: 5px;
}
#site-navigation .menu-item:last-child { margin-right: 0; } 
#site-navigation a {
    font-size: 22px;
    color: #1a428a; 
}
#site-navigation .menu-item:hover>a { color: #0160b8; }
#site-navigation:first-child { margin-left: auto; }
#site-navigation:last-child { margin-right: auto; }
#site-navigation .sub-menu .menu-item { 
    margin-bottom: 0; 
    margin-right: 0;
    padding: 10px 15px;
}
#site-navigation .sub-menu .menu-item:hover { background: #ebebeb; }
#site-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; }
#site-navigation .sub-menu a { font-size: 18px; }
.sub-menu .sub-menu { 
    padding: 0;
    background: #ebebeb; 
}
.sub-menu .sub-menu .menu-item:hover { background: #fff !important; }

ul#mobile .menu-item:hover .sub-menu { display: none; }
ul#mobile .menu-item.clicked>.sub-menu { 
    display: inline-block; 
    width: 100%;
    position: initial;
    float: none;
    box-shadow: none;
}
ul#mobile .menu-item>.sub-menu>.menu-item { float: none; }
ul#mobile ul.sub-menu ul.sub-menu a:before {
    content: "-";
    margin-right: 5px;
}

.site-branding { 
    padding: 0 20px 10px;
    background: #fff;
    margin-top: -70px;
    max-width: 260px;
}

a.rugby-button:before {
    font-family: "FontAwesome";
    content: "\f2b5";
    margin-right: 5px;
}
a.rugby-button {
    background: #0d743a;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: 500;
    transition: all .2s ease-in-out;
    min-width: 260px;
    text-align: center;
}
a.rugby-button:hover { background: #1a428a; }
a.rugby-more {
    background: #1a428a;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 500;
    transition: all .2s ease-in-out;
    min-width: 260px;
    text-align: center;
}
a.rugby-more:hover { background: #0d753a; }
a.rugby-more:after {
    font-family: "FontAwesome";
    content: "\f054";
    margin-left: 5px;
    font-size: 12px;
}
a.rugby-more.green { background: #0d753a; }
a.rugby-more.green:hover { background: #1a428a; }
a.rugby-more.yellow { 
    background: #f8ed31; 
    color: #0160b8;
}
a.rugby-more.yellow:hover { background: #e6e6e6; }

/* HOME PAGE */

#wonderplugincarousel-1 .amazingcarousel-prev, #wonderplugincarousel-1 .amazingcarousel-next { margin-top: -25px !important; }

.hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected {
    background: #1a428a;
    border-color: #1a428a;
}
.hephaistos .tp-bullet {
    background: #fff;
    border: 3px solid #fff;
}

.home-title {
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}
.home-title>span {
    display: block;
    content: "";
    background: url('img/green-curve.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    max-width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
}
.home-title span:before, .home-title span:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 40%;
    height: 1px;
    content: '\a0';
    background-color: #fff; /*#636363*/
}
.home-title span:before { left: 0;}
.home-title span:after { right: 0;}

.rugby-parallax {
    background: url('img/main-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.home-section { 
    padding: 40px 0; 
    background: #fff;
}
.home-section:after {
    content: "";
    display: block;
    clear: both;
}
.section1 { 
    text-align: center;
    padding: 30px 0;
    background-color: rgba(33, 64, 129, 0.8);
    position: relative;
    color: #fff;
}
.home-section h6 {
    font-size: 12px;
    line-height: 12px 
}

.home-section.section6 {
    overflow: hidden;
}

.masonry-width {
    max-width: 1280px;
    margin: 0 auto;
}
#masonry-wrap {
    width: 100%;
    display: grid;
    grid-gap: 10px;    
    grid-template-columns: calc(50% - 20px) 25% 25%;  
    grid-template-rows: 50% 50%;
    height: 500px;
    display: -ms-grid;
    -ms-grid-columns: 50% 25% 25%;
    -ms-grid-rows: 50% 50%;
}
.masonry-layout { 
    position: relative; 
    overflow: hidden;
}
.masonry-layout:first-child {
    grid-row: span 2;
    grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
}
.masonry-layout:nth-child(2) {
    grid-row: span 1;
    grid-column: span 2;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
}
.masonry-layout:nth-child(3) { 
    grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}
.masonry-layout:last-child { 
    grid-column: 3; 
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    margin-bottom: 0;
}
.masonry-content {
    background-size: cover;
    background-position: center;
    height: 100%;
    transition: transform .2s;
}
.post-overlay {
    background: rgba(0, 76, 147, 0.6);
    height: 54%;
    color: #fff;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.masonry-layout:first-child .post-overlay { height: 30%; }
.post-overlay .posts-title { 
    font-size: 20px; 
    line-height: 1em;
    margin-bottom: 10px;
    font-family: "Open Sans";
    font-weight: 500;
    text-transform: uppercase;
}
.masonry-layout:first-child .post-overlay .posts-title { font-size: 32px; }
.post-overlay .posts-category:before {
    font-family: "FontAwesome";
    content: "\f192";
    margin-right: 5px;
}
.posts-category.events:before { content: "\f274"; }
.posts-category.competitions:before { content: "\f091"; }
.posts-category.rugby-africa:before { content: "\f0c0"; }
.post-overlay .posts-category { 
    display: inline-block;
    font-size: 14px; 
    background: #0d753a;
    text-transform: uppercase;
    padding: 10px 15px;
    margin-right: 10px;
}

.posts-category.admin { background: #6d328e; }
.posts-category.admin:before { content: "\f007"; }
.posts-category.competitions { background: #234489; }
.posts-category.competitions:before { content: "\f091"; }
.posts-category.development { background: #ca8809; }
.posts-category.development:before { content: "\f00a"; }
.posts-category.news { background: #0d753a; }
.posts-category.news:before { content: "\f130"; }
.posts-category.press { background: #d00202; }
.posts-category.press:before { content: "\f1ea"; }
.posts-category.unions { background: #1cb3b5; }
.posts-category.unions:before { content: "\f0c0"; }

.posts-category.admin-fr { background: #6d328e; }
.posts-category.admin-fr:before { content: "\f007"; }
.posts-category.competitions-fr { background: #234489; }
.posts-category.competitions-fr:before { content: "\f091"; }
.posts-category.developpement { background: #ca8809; }
.posts-category.developpement:before { content: "\f00a"; }
.posts-category.presse { background: #d00202; }
.posts-category.presse:before { content: "\f1ea"; }
.posts-category.federations { background: #1cb3b5; }
.posts-category.federations:before { content: "\f0c0"; }

.post-overlay .posts-date { 
    display: inline-block;
    font-style: italic; 
    font-size: 14px;
}
.masonry-layout:first-child .post-overlay { height: 40%; }
.masonry-layout:first-child .posts-title { 
    font-size: 28px;
    line-height: 30px; 
}
.masonry-layout>a:hover>.masonry-content {
    transform:scale(1.05);
}

.section3 { 
    background: rgba(33, 64, 129, 0.8);
    color: #fff;
    text-align: center;
}

.feedbox {
    width: 100%;
    max-width: 32%;
    max-width: calc((100% - 40px) / 3);
    float: left;
    margin-right: 20px;
}
.feedbox:last-child { margin-right: 0; }
.feedbox .foot {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.feedbox .foot>div { 
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    text-align: center;
    padding: 15px 0;
}
.feedbox>h1 {
    font-size: 20px;
    color: #fff;
    padding: 15px;
    text-align: center;
    margin: 0;
}
.feedbox .handle { 
    color: #666; 
    background: #e1e1e1;
} 
.feedbox h1:before {
    font-family: "FontAwesome";
    margin-right: 15px;
    font-weight: normal;
}
.wrap-facebook>h1:before { content: "\f082"; }
.wrap-twitter>h1:before { content: "\e61b"; }
.wrap-instagram>h1:before { content: "\f16d"; }

.cff-wrapper {
    padding: 15px 15px 0;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.feedbox #ctf {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.feedbox #sb_instagram {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.wrap-facebook h1 {
    background: #395a9d;
}
.wrap-facebook .action { 
    color: #fff;
    background: #395a9d; 
    transition: all .2s ease-in-out;
} 
.wrap-twitter .action { 
    color: #fff;
    background: #55acef; 
    transition: all .2s ease-in-out;
} 
.wrap-twitter h1 {
    background: #55acef;
}
.wrap-twitter #twitter-feed-RugbyAfrique {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.wrap-instagram .action { 
    color: #fff;
    background: #ed008c; 
    transition: all .2s ease-in-out;
} 
.wrap-instagram h1 {
    background: #ed008c;
}
.socialink:hover .action { background: #0160b8; }

#social-links {
    margin-top: 20px;
}
#social-links .social-link { 
    font-family: "FontAwesome";
    background: #0160b8;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 10px 0;
    color: #fff;
    transition: all .2s ease-in-out;
}
#social-links .social-link:hover { 
    background: #1a428a;
    color: #fff;
}
#social-links .social-link:last-child { margin-right: 0; }
.social-link.instagram:before { content: "\f16d"; }
.social-link.facebook:before { content: "\f09a"; }
.social-link.twitter:before { content: "\e61b"; }
.social-link.youtube:before { content: "\f167"; }
.social-link.googleplus:before { content: "\f0d5"; }
.social-link.linkedin:before { content: "\f0e1"; }
#social-links>h3 { margin: 0 0 10px; }


.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget ._2p3a { width: 100% !important; }
.fb_iframe_widget ._2lqh { display: none; }

.section5 {
    text-align: center;
    padding: 30px 0;
    background-color: rgba(33, 64, 129, 0.8);
    position: relative;
    color: #fff;
}
.rugby-stats {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    justify-content: space-between;
}
.rugby-stats .statistics {
    flex: 1;   
    font-family: "Open Sans";
    font-weight: 500;
    padding: 0;
    background: none;
    position: initial;
}
.rugby-stats .statistics:last-child { margin-right: 0; }
.rugby-stats .number {
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 100%;
    font-size: 27px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    color: #fff;
}
.rugby-stats .count-title { 
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase; 
    margin-top: 10px;
    color: #fff !important;
}
.rugby-stats .statistics .stat {
    display: inline-block;
    margin: 0;
    line-height: initial;
    float: none;
    width: 100%;
}
.rugby-stats .statistics-inner {
    padding: 0;
}
.statistics>h3 { display: none; }

.section6 { text-align: center; }
.grey .home-title>span:before, .grey .home-title>span:after { background-color: #636363; }

/* PAGE */
.rugby-featuredimg {
    display: inline-block;
    content: "";
    height: 350px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
#rugby-pagecover { position: relative; }
#rugby-pagecover:before {
    content: "";
    display: inline-block;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,0.3), transparent, rgba(0,0,0,0.3));
    height: 100%;
    position: absolute;
    top: 0;
}
.cover-title-wrap {
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
    text-align: right;
}
.cover-title-wrap:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
h1.cover-title {
    color: #fff;
    font-size: 55px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: 2;
}
#rugby-pagecontent { 
    max-width: 1280px; 
    margin: 0 auto;
}
.type-page .home-title { margin-top: 30px; }
.single-calendar .home-title { margin-top: 0; }
#rugby-macthcontent .home-title { margin-top: 0; }
.type-page .home-title span:before, .type-page .home-title span:after { background-color: #636363; }
.home-title.white span:before, .home-title.white span:after { background-color: #fff; }
.entry-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.entry-content ul li {
    text-indent: -28px;
    padding-left: 28px;
    line-height: 2em;
}
.entry-content ul li:before {
    font-family: "FontAwesome";
    content: "\f058";
    margin-right: 15px;
    color: #1a428a;
}
.entry-content ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.entry-content ol li {
    text-indent: -28px;
    padding-left: 28px;
    line-height: 2em;
}
.entry-content ol li:before {
    counter-increment: numbers;
    content: counter(numbers);
    margin-right: 15px;
    color: #fff;
    background: #1a428a;
    padding: 1.5px 7px;
    border-radius: 100%;
}

#rugby-pagecontent { position: relative; }
#rugby-pagecontent:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    bottom: -25px;
    right: 0;
    background: url('img/logo.svg');
    background-repeat: no-repeat;
    background-position: 120% 55%;
    background-size: 55%;
    z-index: -1;
}
.page-carousel, .blog-carousel { border-top: 2px solid #ebebeb; }

/* ARCHIVE */
#rugby-archive {
    max-width: 1280px;
    margin: 0 auto;
}
#rugby-archive section.no-results { margin-bottom: 30px; }

/* BLOG */

.blog-page .home-title>span:before, .blog-page .home-title>span:after {
    background-color: #636363;
}
#rugby-blogposts {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}
article.type-post {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 48.828%;
    max-width: calc(50% - 15px);
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
}
article.type-post:nth-child(odd) { margin-right: 15px; }
article.type-post:nth-child(even) { margin-left: 15px; }
#masonry-wrap.page-blog { margin-bottom: 40px; }
.blog-img { 
    line-height: 0; 
    transition: all .2s ease-in-out;
}
article.type-post>a:hover>.blog-img {
    transform: scale(1.1); 
}
#rugby-blogposts .posts-title { font-size: 34px; }
#rugby-blogposts .post-overlay { height: 36%; }

body.blog[class*="page"] #masonry-wrap { display: none; }

.pagination { 
    clear: both; 
    margin: 30px 0;
}
.pagination ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.pagination ul li { 
    display: inline-block;
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.pagination a { 
    color: #1a428a; 
    text-decoration: none;
}
.pagination .current, .pagination ul li:hover {
    color: #fff;
    background: #1a428a;
    border-radius: 100%;
}
.pagination ul li:hover a { color: #fff; }

#rugby-blogposts:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    bottom: -25px;
    right: 0;
    background: url('img/logo.svg');
    background-repeat: no-repeat;
    background-position: 140% 200px;
    background-size: 64%;
    z-index: -1;
}
.blog-page .home-title, #rugby-archive .home-title { margin-top: 30px; }
.blog-carousel .home-title { margin-top: 0; }

/* SINGLE */
#single-page {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}
#single-page:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    bottom: -25px;
    right: 0;
    background: url('img/logo.svg');
    background-repeat: no-repeat;
    background-position: 120% 55%;
    background-size: 55%;
    z-index: -1;
}
#single-page article.type-post {
    max-width: none;
}
.single-carousel {
    border-top: 2px solid #ebebeb;
}
#single-page .entry-meta {
    text-align: center;
    display: inline-flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-inline-box;     /* NEW - Chrome */
    align-items: center;
    text-transform: uppercase;
    background: #ebebeb;
    padding: 10px 15px;
}
#single-page span.posted-on {
    display: inline-block;
    line-height: 41px;
}
#single-page span.posted-on:before {
    font-family: "FontAwesome";
    content: "\f073";
    margin-right: 10px;
}
#single-page .entry-header .sharebuttons {  
    margin-top: 15px;
}
#single-page .home-title { 
    margin-top: 30px; 
    margin-bottom: 0;
}
#single-page .home-title>span:before, #single-page .home-title>span:after { background-color: #636363; }
#single-page .posts-category { 
    display: inline-block;
    font-size: 14px; 
    text-transform: uppercase;
    padding: 10px 15px;
    margin-left: 10px;
    color: #fff;
}
#single-page .posts-category:before {
    font-family: "FontAwesome";
    margin-right: 5px;
}
#single-page .posted-by { margin: 0 10px; }

#single-page .post-navigation {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
}
#single-page .nav-previous, #single-page .nav-next {
    background: #ebebeb;
    padding: 10px 15px;
}
#single-page .nav-previous, #single-page .nav-next {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
#single-page .nav-links a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
}
#single-page .nav-previous { border-right: 5px solid #fff; }
#single-page .nav-next { border-left: 5px solid #fff; }
#single-page .nav-previous:before {
    font-family: "FontAwesome";
    content: "\f053";
    display: inline-block;
    font-size: 14px;
    color: #1a428a;
    line-height: 27px;
    width: 27px;
    height: 27px;
}
#single-page .nav-next:after {
    font-family: "FontAwesome";
    content: "\f054";
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    color: #1a428a;
    line-height: 27px;
    width: 27px;
    height: 27px;
}

/* 404 ERROR */

section.error-404 {
    margin: 0 auto 30px;
    max-width: 1280px;
}
.search-form .search-field {
    border: none;
    background: #e6e6e6;
    border-radius: 0;
    height: 30px;
    vertical-align: middle;
    padding: 0 15px 0 10px;
}
.search-form .search-submit {
    border-radius: 100%;
    background: #0d743a;
    color: #fff;
    border: none;
    line-height: normal;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    margin-left: -15px;
}
#searchsubmit i { 
    font-family: "FontAwesome"; 
    font-style: normal;
}
.search-field::-webkit-input-placeholder { color: #0160b8; }
.search-field::-moz-placeholder { color: #0160b8; }
.search-field:-ms-input-placeholder { color: #0160b8; }
.search-field:-moz-placeholder { color: #0160b8; }

/* SEARCH */

#search-page {
    max-width: 1280px;
    margin: 0 auto 30px;
}
#search-page article.type-post {
    max-width: none;
    margin: 0;
    float: none;
    position: initial;
}
#search-page>article:after {
    content: "";
    display: block;
    width: 300px;
    border-bottom: 2px solid #1a428a;
    margin: 10px auto 0;
}
#search-page .home-title { margin-top: 30px; }
#search-page .home-title>span:before, #search-page .home-title>span:after {
    background-color: #636363;
}
.head-search .search-form .search-field {
    height: 40px; 
    background: #fff;
}
.head-search .search-form .search-submit {
    width: 40px;
    height: 40px;
}
.head-search .search-form .search-submit i { font-size: 18px; }

#search-results-page .table-row {
    flex-wrap: wrap;
}
#search-results-page .wrap-comp-location {
    flex: 0 0 100%;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    padding-bottom: 5px;
    margin-top: 5px;
}
#search-results-page .competition-name {     
    background: #004c93;
    padding: 0 25px 0 5px; 
    font-family: "Open Sans";
    font-weight: 500;
    text-transform: uppercase;
}
#search-results-page .match-location {
    background: #004c93;
    padding-right: 5px;
}

/* FOOTER */

#footer-widgets { 
    color: #fff;
    background: rgba(0, 76, 147, 0.8);
} 
.footer-widgets-wrap {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    max-width: 1280px;
    margin: 0 auto;
}
.footer-section {
    flex-basis: 25%;
    margin-right: 5%;
}
#footer-widgets h1 {
    font-size: 24px;
	font-family: "Open Sans";
    font-weight: 500;
}

#footer-widgets .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer-widgets a {
    text-decoration: none;
    color: #fff;
}

#footer-widgets ul.menu>li:before {
    font-family: "FontAwesome";
    content: "\f054";
    font-size: 10px;
    margin-right: 10px;
}

#footer-widgets span.location {
    display: inline-block;
    padding-left: 23px;
    text-indent: -23px;
}
#footer-widgets span.location:before { 
    font-family: "FontAwesome";
    content: "\f041";
    width: 16px;
    margin-right: 10px;
}
#footer-widgets a.number:before { 
    font-family: "FontAwesome";
    content: "\f095";
    width: 16px;
    margin-right: 10px;
    display: inline-block;
}
#footer-widgets a.email:before { 
    font-family: "FontAwesome";
    content: "\f0e0";
    width: 16px;
    margin-right: 10px;
    display: inline-block;
}

#footer-widgets input, #footer-widgets textarea {
    border: 2px solid #fff;
    background: rgba(256,256,256,0.5);
    border-radius: 0;
    padding: 5px 10px;
}
#footer-widgets textarea { height: 100px; }
#footer-widgets input[type=button] {
    width: 100%;
    border: none;
    background: #0d753a;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 500;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.contactbutton input[type=button] {
    width: 100%;
    border: none;
    background: #0d753a;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 500;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    border-radius: 0px;
}

.entry-content span.location:before { 
    font-family: "FontAwesome";
    content: "\f041";
    width: 16px;
    margin-right: 10px;
    color: #0160b8;
}
.entry-content a.number:before { 
    font-family: "FontAwesome";
    content: "\f095";
    width: 16px;
    margin-right: 10px;
    display: inline-block;
    color: #0160b8;
}
.entry-content a.email:before { 
    font-family: "FontAwesome";
    content: "\f0e0";
    width: 16px;
    margin-right: 10px;
    display: inline-block;
    color: #0160b8;
}

.contactbutton input[type=button]:hover { background: #0160b8; }

#footer-widgets input[type=button]:hover { background: #0160b8; }
#footer-widgets .nf-field-container { margin-bottom: 10px; }
#footer-widgets input::-webkit-input-placeholder { color: #1a428a; }
#footer-widgets input::-moz-placeholder { color: #1a428a; }
#footer-widgets input:-ms-input-placeholder { color: #1a428a; }
#footer-widgets input:-moz-placeholder { color: #1a428a; }
#footer-widgets textarea::-webkit-input-placeholder { color: #1a428a; }
#footer-widgets textarea::-moz-placeholder { color: #1a428a; }
#footer-widgets textarea:-ms-input-placeholder { color: #1a428a; }
#footer-widgets textarea:-moz-placeholder { color: #1a428a; }
#footer-widgets a:hover { color: #0160b8; }

.site-info { 
    color: #27478a;
    text-align: center; 
    background: #fff;
    text-transform: uppercase;
    padding: 10px 0;
}
.site-info a { 
    color: #27478a; 
    text-decoration: none;
    font-weight: bold;
}
.site-info a:hover { color: #0d753a; }

/* Match's */
#pages-content {
    padding: 30px 0;
    margin-top: 0;
}
.rugby-table {
    max-width: 1280px;
    margin: 0 auto 30px;
    background-color: #0160b8; 
    color: #fff;
    padding: 20px;
}
.match-head { 
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.col-space { flex: 2; }
.col-heading {
    flex: 1;
    text-transform: uppercase;
    padding: 10px;
    font-size: 18px;
    text-align: center;
}
.match-head .scores { 
    margin-right: 10px; 
}
.table-row {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    margin-bottom: 10px;
    align-items: center;
}
.match-info {
    flex: 2;
    text-align: center;
}
.match-block {
    flex: 1;
    background-color: #004c93;
    padding: 16px 10px;
    text-align: center;
    position: relative;
}
.match-block:after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
    height: 90%;
    background: #0160b8;
}
.match-block.cards:after, .match-block:last-child:after { display: none; }
.match-block.cards { padding: 10px; }
.match-date {
    font-size: 12px;
    padding: 5px;
    background: #004c93;
    display: inline-block;
    line-height: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.match-teams { font-size: 18px; }
.match-teams>span {
    text-transform: uppercase;
    flex-basis: 50%;
}
.match-block.scores {
    background-color: #0d743a;
    margin-right: 10px;
}
.match-block.scores:after { display: none; }
.match-scores, .hscore, .ascore {
    font-size: 24px;
    font-weight: bold;
}
.halves { 
    display: flex; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.halves .half { flex-basis: 50%; }
.match-title { 
    text-transform: uppercase; 
    font-size: 22px;
    font-weight: bold;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.match-title .home-team, .match-title .away-team { 
    display: inline-block; 
    flex: 1;
}
.match-title .home-team>span.flag { 
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 100%;
}
.match-title .away-team>span{
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 100%;
}
.match-cards {
    display: inline-block;
    width: 100%;
    max-width: 50%;
    float: left;
}
.labels label, .cards>span { padding: 0 5px; }
.pages-text {
    max-width: 1280px;
    margin: 0 auto;
}
#rugby-macthcontent { 
    position: relative; 
    clear: both;
}
.match-block.links {
    flex: 0.5;
    display: flex;
    background: transparent;
    padding: 0;
    flex-direction: column;
}
.match-links i {
    background: #c8c8c8;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 32px;
    height: 32px;
}
.match-links i:before { 
    font-family: "FontAwesome"; 
    font-style: normal;   
    line-height: 32px;
}
.match-links a { color: #fff; }
.match-links.youtube { margin-bottom: 10px; }
.match-links a:hover i { background: #0d743a; }
.col-end { flex: 0.5; }
span.comp-sect {
    background: #f8ed31;
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-family: "Open Sans";
    font-weight: 500;
    color: #004c93;
}
span.comp-sect.north:after { content: 'N'; }
span.comp-sect.south:after { content: 'S'; }
span.comp-sect.west:after { content: 'W'; }
span.comp-sect.default { display: none; }

.algeria>span.flag { background-image: url('img/flags/algeria.jpg'); }
.benin>span.flag { background-image: url('img/flags/benin.jpg'); }
.botswana>span.flag { background-image: url('img/flags/botswana.jpg'); }
.burkina-faso>span.flag { background-image: url('img/flags/burkina-faso.jpg'); }
.burkina.faso>span.flag { background-image: url('img/flags/burkina-faso.jpg'); }
.burundi>span.flag { background-image: url('img/flags/burundi.jpg'); }
.cameroon>span.flag { background-image: url('img/flags/cameroon.jpg'); }
.cape-verde>span.flag { background-image: url('img/flags/cape-verde.jpg'); }
.central-african-republic>span.flag { background-image: url('img/flags/central-african-republic.jpg'); }
.central.africa>span.flag { background-image: url('img/flags/central-african-republic.jpg'); }
.chad>span.flag { background-image: url('img/flags/chad.jpg'); }
.comoros>span.flag { background-image: url('img/flags/comoros.jpg'); }
.congo>span.flag { background-image: url('img/flags/congo.jpg'); }
.democratic-republic-of-congo>span.flag { background-image: url('img/flags/democratic-republic-of-congo.jpg'); }
.drc>span.flag { background-image: url('img/flags/democratic-republic-of-congo.jpg'); }
.egypt>span.flag { background-image: url('img/flags/egypt.jpg'); }
.ethiopia>span.flag { background-image: url('img/flags/ethiopia.jpg'); }
.gabon>span.flag { background-image: url('img/flags/gabon.jpg'); }
.ghana>span.flag { background-image: url('img/flags/ghana.jpg'); }
.guinea>span.flag { background-image: url('img/flags/guinea.jpg'); }
.ivory-coast>span.flag { background-image: url('img/flags/ivory-coast.jpg'); }
.ivory.coast>span.flag { background-image: url('img/flags/ivory-coast.jpg'); }
.cote>span.flag { background-image: url('img/flags/ivory-coast.jpg'); }
.kenya>span.flag { background-image: url('img/flags/kenya.jpg'); }
.lesotho>span.flag { background-image: url('img/flags/lesotho.jpg'); }
.madagascar>span.flag { background-image: url('img/flags/madagascar.jpg'); }
.malawi>span.flag { background-image: url('img/flags/malawi.jpg'); }
.mali>span.flag { background-image: url('img/flags/mali.jpg'); }
.mauritania>span.flag { background-image: url('img/flags/mauritania.jpg'); }
.mauritius>span.flag { background-image: url('img/flags/mauritius.jpg'); }
.morocco>span.flag { background-image: url('img/flags/morocco.jpg'); }
.namibia>span.flag { background-image: url('img/flags/namibia.jpg'); }
.niger>span.flag { background-image: url('img/flags/niger.jpg'); }
.nigeria>span.flag { background-image: url('img/flags/nigeria.jpg'); }
.rwanda>span.flag { background-image: url('img/flags/rwanda.jpg'); }
.senegal>span.flag { background-image: url('img/flags/senegal.jpg'); }
.seychelles>span.flag { background-image: url('img/flags/seychelles.jpg'); }
.sierra-leone>span.flag { background-image: url('img/flags/sierra-leone.jpg'); }
.sierra.leone>span.flag { background-image: url('img/flags/sierra-leone.jpg'); }
.south-africa>span.flag { background-image: url('img/flags/south-africa.jpg'); }
.south.africa>span.flag { background-image: url('img/flags/south-africa.jpg'); }
.eswatini>span.flag { background-image: url('img/flags/swaziland.jpg'); }
.tanzania>span.flag { background-image: url('img/flags/tanzania.jpg'); }
.togo>span.flag { background-image: url('img/flags/togo.jpg'); }
.tunisia>span.flag { background-image: url('img/flags/tunisia.jpg'); }
.uganda>span.flag { background-image: url('img/flags/uganda.jpg'); }
.zambia>span.flag { background-image: url('img/flags/zambia.jpg'); }
.zimbabwe>span.flag { background-image: url('img/flags/zimbabwe.jpg'); }
.winner-north>span, .winner-south>span, .winner-match-1>span, .winner-match-2>span { background-color: #0d753a; }
.loser-match-1>span, .loser-match-2>span { background-color: #d11717; }
.mozambique>span.flag { background-image: url('img/flags/mozambique.jpg'); }


.algeria>span { background-image: url('img/flags/algeria.jpg'); }
.benin>span { background-image: url('img/flags/benin.jpg'); }
.botswana>span { background-image: url('img/flags/botswana.jpg'); }
.burkina-faso>span { background-image: url('img/flags/burkina-faso.jpg'); }
.burkina.faso>span { background-image: url('img/flags/burkina-faso.jpg'); }
.burundi>span { background-image: url('img/flags/burundi.jpg'); }
.cameroon>span { background-image: url('img/flags/cameroon.jpg'); }
.cape-verde>span { background-image: url('img/flags/cape-verde.jpg'); }
.central-african-republic>span { background-image: url('img/flags/central-african-republic.jpg'); }
.central.africa>span { background-image: url('img/flags/central-african-republic.jpg'); }
.chad>span { background-image: url('img/flags/chad.jpg'); }
.comoros>span { background-image: url('img/flags/comoros.jpg'); }
.congo>span { background-image: url('img/flags/congo.jpg'); }
.democratic-republic-of-congo>span { background-image: url('img/flags/democratic-republic-of-congo.jpg'); }
.drc>span { background-image: url('img/flags/democratic-republic-of-congo.jpg'); }
.egypt>span { background-image: url('img/flags/egypt.jpg'); }
.ethiopia>span { background-image: url('img/flags/ethiopia.jpg'); }
.gabon>span { background-image: url('img/flags/gabon.jpg'); }
.ghana>span { background-image: url('img/flags/ghana.jpg'); }
.guinea>span { background-image: url('img/flags/guinea.jpg'); }
.ivory-coast>span { background-image: url('img/flags/ivory-coast.jpg'); }
.ivory.coast>span { background-image: url('img/flags/ivory-coast.jpg'); }
.cote>span { background-image: url('img/flags/ivory-coast.jpg'); }
.kenya>span { background-image: url('img/flags/kenya.jpg'); }
.lesotho>span { background-image: url('img/flags/lesotho.jpg'); }
.madagascar>span { background-image: url('img/flags/madagascar.jpg'); }
.malawi>span { background-image: url('img/flags/malawi.jpg'); }
.mali>span { background-image: url('img/flags/mali.jpg'); }
.mauritania>span { background-image: url('img/flags/mauritania.jpg'); }
.mauritius>span { background-image: url('img/flags/mauritius.jpg'); }
.morocco>span { background-image: url('img/flags/morocco.jpg'); }
.namibia>span { background-image: url('img/flags/namibia.jpg'); }
.niger>span { background-image: url('img/flags/niger.jpg'); }
.nigeria>span { background-image: url('img/flags/nigeria.jpg'); }
.rwanda>span { background-image: url('img/flags/rwanda.jpg'); }
.senegal>span { background-image: url('img/flags/senegal.jpg'); }
.seychelles>span { background-image: url('img/flags/seychelles.jpg'); }
.sierra-leone>span { background-image: url('img/flags/sierra-leone.jpg'); }
.sierra.leone>span { background-image: url('img/flags/sierra-leone.jpg'); }
.south-africa>span { background-image: url('img/flags/south-africa.jpg'); }
.south.africa>span { background-image: url('img/flags/south-africa.jpg'); }
.eswatini>span { background-image: url('img/flags/swaziland.jpg'); }
.tanzania>span { background-image: url('img/flags/tanzania.jpg'); }
.togo>span { background-image: url('img/flags/togo.jpg'); }
.tunisia>span { background-image: url('img/flags/tunisia.jpg'); }
.uganda>span { background-image: url('img/flags/uganda.jpg'); }
.zambia>span { background-image: url('img/flags/zambia.jpg'); }
.zimbabwe>span { background-image: url('img/flags/zimbabwe.jpg'); }
.mozambique>span { background-image: url('img/flags/mozambique.jpg'); }

.rugby-leg {
    text-align: center;
    text-transform: uppercase;
}

/*  RANKING */

.ranking-wrap {
    max-width: 1280px;
    margin: 30px auto;
}
.ranking-table {
    background-color: #0160b8; 
    color: #fff;
    padding: 20px;
}
.ranking-head { 
    display: flex; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.ranking-head .col-heading {
    flex: 0.5;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    margin-right: 10px;
    background-color: #004c93;
    padding-bottom: 0;
}
.col-heading.teams { background-color: transparent; }
.ranking-head .col-heading:last-child { margin-right: 0; }
.rank-row {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    margin-bottom: 10px;
}
.ranking-info {
    flex: 2;
    text-align: center;
}
.ranking-team, .col-heading.teams { 
    flex: 0.8; 
    padding: 0 10px 0 0;
    margin-right: 10px;
}
.ranking-block {
    flex: 0.5;
    background-color: #004c93;
    position: relative;
    padding: 10px;
    text-align: center;
    margin-right: 10px;
    font-size: 20px;
}
.ranking-block:last-child {  margin-right: 0; }
.ranking-block.matchs, .col-heading.matchs { flex: 1.4; }
.ranking-block.scores, .ranking-head .scores { flex: 1.2; }
.ranking-block.tries, .ranking-block.conversions, .col-heading.tries, .col-heading.conv { flex: 0.7; }
.ranking-labels, .ranking-scores, .scores-labels { 
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.ranking-labels label, .ranking-scores>span { flex: 1; }
.scores-labels label { flex: 1; }
.ranking-team { 
    text-transform: uppercase; 
    font-size: 20px;
    font-weight: bold;
}
.ranking-title { 
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px;
    color: #636363;
}
.home-title.grey>span:before, .home-title.grey>span:after {
    background-color: #636363;
}
.ranking-team .flag {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 100%;
}
.sub-heads { text-transform: uppercase; }
.leg-data.second, .leg-data.third, .leg-data.fourth, 
.leg-data.fifth, .leg-data.sixth, .leg-data.seventh { display: none; }
.ranking-block>.labels { text-transform: uppercase; }
#leg-select {
    font-family: "Open Sans";
    font-weight: 500;
    border: none;
    background: transparent;
    text-transform: uppercase;
    font-size: 30px;
}
select#leg-select option { font-size: 20px; }
#leg-select::-ms-expand {
    background: transparent;
    border: none;
    color: #636363;
}

span.match-status:before { content: "Live"; }
span.match-status { 
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    line-height: 14px;
    text-transform: uppercase;
    vertical-align: middle;
    color: transparent;
    min-width: 70px;
}
span.Cancelled:before { content: 'Cancelled'; }
span.Cancelled {
    background: #d11717;
    color: #fff;
}
#rugby-calendar span.Cancelled { margin-bottom: 5px; }
#rugby-calendar.overall .Default.match-status { display: none; }
span.Annulé:before { content: 'Annulé'; }
span.Annulé {
    background: #d11717;
    color: #fff;
}
#rugby-calendar span.Annulé { margin-bottom: 5px; }
.single-calendar { margin: 0 auto; }

/* ASIDE WIDGET */
#rugby-aside-button {
    background: #0160b8;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    padding: 15px;
    width: 150px;
    height: 76px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    cursor: pointer;
}
#rugby-aside-button>span {
    font-size: 10px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}
.rugby-aside-wrap {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    display: none;
    width: 0;
    height: 100%;
    background: rgba(256,256,256,0.3);
}
.rugby-aside-wrap.shown { 
    display: inline-block; 
    width: calc(100% - 300px);
}
#rugby-aside {
    display: inline-block;
    width: 0;
    background: #0160b8;
    color: #fff;
    text-transform: uppercase;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-box-shadow: 0px 0 3px 0px #000;
    box-shadow: 0px 0 3px 0px #000;
    transition: all .2s ease-in-out;
}
.shown>#rugby-aside { 
    width: 300px; 
}
.row-aside {  
    background-color: #004c93;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.head-aside { 
    display: flex; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    margin-bottom: 15px;
}
.tab-aside {
    display: inline-block;
    width: 100%;
    max-width: 50%;
    border-bottom: 3px solid rgba(256, 256, 256, 0.3);
    text-align: center;
}
.tab-aside.active { border-bottom: 3px solid #fff; }
.head-aside h3 { margin-bottom: 0; }
.head-aside h4 { 
    font-weight: normal;
    margin-top: 0;
}
.title-aside { 
    font-family: "Open Sans";
    font-weight: 500;
}
.wrap-date-matchs { 
    display: flex; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    flex-direction: column;
}
.date-aside { 
    font-size: 22px;
    white-space: nowrap;
}
.matchs-aside { 
    width: 100%; 
}
.matchs-aside>.team>span {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;  
    vertical-align: -6px;
    border-radius: 100%;
}
.team.home>span { margin-right: 10px; }
.team.away>span { margin-left: 10px; }
.tab-aside-content { display: none; }
.tab-aside-content.active { display: block; }
.matchs-aside .team { 
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 500;
}
#rugby-aside .date-aside { font-size: 14px; }
a.all-comps {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: "Open Sans";
    font-weight: 500;
}
a.all-comps:after {
    font-family: "FontAwesome";
    content: "\f054";
    margin-left: 5px;
    font-size: 12px;
}

/* CALENDAR */
.rugby-calendar-wrap {
    background: url(img/main-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.rugby-calendar-wrap:before { 
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 76, 147, 0.5); 
}
#rugby-calendar {
    max-width: 1280px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    padding: 20px;
    position: relative;
}
#rugby-calendar .home-title>span {
    max-width: 170px;
}
#rugby-calendar .home-title span:before, 
#rugby-calendar .home-title span:after { height: 2px; }
.rugby-calendar-content {
    background: rgba(0,114,255,0.5);
    display: inline-block;
    width: 50%;
    padding: 30px;
}
.rugby-calendar-content.latest { margin-right: 30px; }
.row-calendar {
    padding: 10px;
    border-bottom: 2px solid #fff;
    margin-bottom: 10px;
    text-align: center;
}
.row-calendar .wrap-date-matchs {
    flex-direction: row;
	margin-bottom: 5px;
}
.row-calendar .title-aside { 
    text-transform: uppercase; 
    font-size: 20px;
}
.row-calendar .a_score, .row-calendar .h_score { 
    font-size: 20px; 
    padding: 0 5px;
}
.title-aside.location {
    text-align: left;
    font-size: 13px;
    font-family: 'Open Sans';
}

.row-calendar .date-aside { 
    flex: 1;
    text-align: left;
}
.row-calendar .matchs-aside { 
	flex: 3; 
	font-size: 22px;
}
.row-calendar .match-status { flex: 0.5; }

.row-calendar .team.home {
    float: left;
    padding-left: 15px;
}
.row-calendar .team.away { 
    float: right; 
    padding-right: 15px;
}

.page-comps #leg-select { 
    font-size: 28px; 
    margin-bottom: 10px;
}
/*.page-comps .rugby-leg .home-title { display: none; }*/
.page-comps .home-title { clear: both; }

.white-bg .rugby-calendar-content { background: #0160b8; }
.white-bg>.home-title {
    clear: both;
    color: #636363;
}
.home-title.alone { 
    margin-top: 15px;
    margin-bottom: 0; 
    padding-bottom: 0;
}

/* UNIONS */
.rugby-unions-wrap {
    max-width: 1280px;
    margin: 0 auto 30px;
    text-transform: uppercase;
}
#rugby-unions { 
    display: flex; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
}
.union-inner.left { 
    width: 40%; 
    margin-right: 30px;
    margin-bottom: 20px;
}
.union-inner.right { 
    width: 60%; 
    text-align: center;
}
.union-inner h2 {
    color: #0160b8;
    margin: 0 0 20px;
}
.union-names {
    height: 583px;
    overflow-y: scroll;
    border-bottom: 2px solid #ebebeb;
}
.union-names::-webkit-scrollbar-track {
    background-color: #ebebeb;
}
.union-names::-webkit-scrollbar {
    width: 12px;
    background-color: #ccc;
}
.union-names::-webkit-scrollbar-thumb {
    background-color: #0160b8;
}

.union-name {
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.union-name.display { 
    background: #ebebeb; 
    color: #0160b8;
}
.union-name>span {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
    border-radius: 100%;
    margin-right: 10px;
}
.union-infos { 
    display: none; 
    position: relative;
    padding: 20px;
}
.union-infos.display { display: block; }
.union-infos>span#flagicon {
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 5px 2px #909090;
    border-radius: 100%;
}
.union-infos>span#flagbg {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter: grayscale(1); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: gray; 
    filter: grayscale(100%);
    background-size: cover;
    background-position: center center;
    opacity: 0.1;
}
.union-infos h2 {
    color: #0160b8;
    margin: 0 0 20px;
}
.union-info {
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    padding: 5px 0;
}
.union-info label {
    color: #000;
    margin-right: 10px;
    width: 50%;
    text-align: right;
    font-weight: bold;
}
.union-info p {
    margin: 0;
    width: 50%;
    text-align: left;
}
.union-info.site, .union-info.mail { word-wrap: break-word; }
.pagination.unions {
    text-align: center;
}
.page-numbers {
    display: inline-block;
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.rugby-width-wrap {
	max-width: 1280px;
	margin: 0 auto;
}

#site-navigation.mobile-menu { display: none; }

.mobile-search { display: none; }
.search-icon {
    border-radius: 100%;
    background: #0d743a;
    color: #fff;
    border: none;
    line-height: normal;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}
.search-icon .fa-search:before { 
    font-family: "FontAwesome"; 
    font-style: normal;
}
.head-search { display: none; }
.head-search.active {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: -80px;
    left: 0;
    height: 80px;
    background: #ebebeb;
    z-index: 5;
    text-align: center;
}
.head-search .search-form { line-height: 80px; }
.head-search .search-field { 
    width: 100%;
    max-width: 250px;
}
i.fa:before, i.fas:before { 
    font-family: "FontAwesome"; 
    font-style: normal;
}

.advanced-search { background-color: #0160b8; }
.advanced-search>.widget {
    max-width: 1280px;
    margin: 0 auto;
}
.advanced-search form>ul { 
    display: flex; 
    justify-content: center;
    align-content: center;
    padding: 0;
    margin: 0;
}
li.sf-field-post-meta-comp_date { 
    padding: 10px 20px 10px 0 !important;
    flex-basis: 39%; 
}
.sf-field-post-meta-competition ,.sf-field-submit { flex-basis: 15%; }
.advanced-search .sf_date_field { display: flex; }
.sf_date_field { padding: 0; }
.sf_date_field li { 
    display: flex !important;
	align-items: center;
}
.advanced-search .sf-date-prefix { 
    color: #fff; 
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 21px;
    font-family: "Open Sans";
    font-weight: 500;
}
.advanced-search input {
    border-radius: 0;
    border: 2px solid #fff;
    background: rgba(256,256,256,0.5);
    color: #fff;
}
.sf-field-submit>input {
    background: #1a428a;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: 0;
    width: 100%;
    max-width: 150px;
    height: 42px;
    font-family: "Open Sans";
    font-weight: 500;
}
.sf-field-submit>input:hover { background: #0d743a; }
.sf-field-post-meta-competition select {
    border: 0;
    background: transparent;
    color: #fff;
    height: 42px;
    text-transform: uppercase;
    max-width: 150px;
    font-size: 21px;
    cursor: pointer;
    font-family: "Open Sans";
    font-weight: 500;
} 
.sf-field-post-meta-competition select option { 
    color: #000; 
    font-size: 18px;
}
.sf-field-post-meta-competition select::-ms-expand {
    background: transparent;
    border: none;
    color: #fff;
}

.board-member span.name {
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 500;
    color: #1a428a;
}
.divider { border-top: 2px solid #e4e3e3; }
.sresluts-page .rugby-leg { margin-top: 30px; }

#rugbyaf-slider { overflow: hidden; }
.tp-bgimg { position: relative; }
.tp-bgimg:after {
    display: inline-block;
    content: "";
    background: url(img/logo.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: calc(100% - -72%) calc(100% - -20%);
    opacity: 0.2;
    mix-blend-mode: unset;
}
._2lqh { display: none !important; }

/* DOCUMENTATION */
.table-wrap {
	display: inline-block;
	width: 100%;
}
table.table-docs {
    background: #0160b8;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0160b8;
    margin: 10px 0 !important;
}
thead.doc-heads {
    border-bottom: 1px solid #fff;
}
th.doc-head { 
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 18px;
    padding: 10px;
    white-space: nowrap;
}
th.doc-head:after {
    font-family: "FontAwesome";
    content: "\f0dd";
    margin-left: 10px;
    display: inline-block;
    font-size: 10px;
    vertical-align: super;
}
tr.doc-row { 
    background-color: rgba(256,256,256,0.1) !important;
    border-bottom: 1px solid rgba(256,256,256,0.5);
}
tr.doc-row:nth-child(odd) { background-color: rgba(256,256,256,0.2) !important; }
td.doc-cell {
    padding: 10px;
    text-align: center;
}
.doc-type, .doc-date, .doc-url, .head-type, .head-date, .head-url {  }
.doc-url a>i {
    background: #fff;
    padding: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    font-weight: normal;
    line-height: 26px;
}
.dataTables_wrapper { 
    margin-bottom: 30px; 
    background: #ebebeb;
    padding: 15px 20px;
}
.dataTables_filter { margin-bottom: 10px; }
.dataTables_wrapper select[name="DataTables_Table_0_length"], .dataTables_filter input[type="search"] {
    border: none;
    background: #fff;
    border-radius: 0;
    height: 30px;
    vertical-align: middle;
}   
.foot-title select, .foot-url select { display: none; }
.foot-cell select {
    font-family: "Open Sans";
    font-weight: 500;
    color: #fff;
    border: none;
    background: transparent;
    text-transform: uppercase;
}
.foot-cell select option, .dataTables_length, .dataTables_info, 
.dataTables_paginate, .dataTables_wrapper label  { color: #636363 !important; }
#documents .dataTables_wrapper a.paginate_button { 
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    margin: 0;
    min-width: inherit;
    padding: 0;
    border: none;
}
#documents .dataTables_wrapper span a.paginate_button {
    background: transparent;
    border: none;
    color: #fff;
    background-color: #1a428a;
    color: #fff !important;  
    font-size: 22px; 
}
#documents .dataTables_wrapper span a.paginate_button:hover {
    color: #fff;
    background: #1a428a;
    border-radius: 100%;
}
a.paginate_button i { font-weight: normal; }
#documents .dataTables_wrapper a.paginate_button.previous, #documents .dataTables_wrapper a.paginate_button.next { width: auto; }
#documents .dataTables_wrapper a.paginate_button.previous i, 
#documents .dataTables_wrapper a.paginate_button.next i { width: 40px; }
a.paginate_button.previous:hover, a.paginate_button.next:hover  {
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
}
#documents .dataTables_wrapper a.paginate_button.previous { padding-right: 5px; }
#documents .dataTables_wrapper a.paginate_button.next { padding-left: 5px; }

.custom-logo-link.fr, body.fr .custom-logo-link { display: none; }
body.fr .custom-logo-link.fr { display: inline-block; }

table.bt thead,
table.bt tbody th {
	display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	border: none;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	/* IE 9 */
	float: left\9;
	width: 100%\9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
	content: attr(data-th) ": ";
	display: inline-block;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: bold;
	padding-right: 10px;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	vertical-align: top;
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
	display: none;
}

@media screen and (max-width: 1580px) and (min-width:1135px) {
    .translate { margin-left: 130px; }
}
@media screen and (max-width:1300px) {
    .rugby-width, .home-section, .rugby-width-wrap, .cover-title-wrap, .rugby-unions-wrap, #pages-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .post-overlay .posts-title { font-size: 18px; }
}
@media screen and (max-width:1230px) {
    #rugby-blogposts .posts-title { font-size: 28px; }	
}
@media screen and (max-width:1211px) {
    .masonry-layout:nth-child(3) .posts-title, .masonry-layout:last-child .posts-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #rugby-blogposts .post-overlay { padding: 15px; }
}
@media screen and (max-width:1162px) {
    .top-actions { flex-wrap: wrap; }
}
@media screen and (max-width:1130px) {
    .tp-bgimg:after { display: none; }
    #rugby-aside-button { 
        padding: 5px; 
        height: 56px;
    }
    .inner-transnav { 
        height: 56px; 
        padding: 0 15px;
        align-items: center;
    }
    .translate { 
        flex-basis: 100%; 
        text-align: right;
        z-index: 1;
    }
    #site-navigation.left-nav, #site-navigation.right-nav { display: none; }
    .wrap-logomenu { height: auto; }
    button.menu-toggle { padding: 0; }
    #site-navigation.mobile-menu { 
        display: inline-block;
        width: 100%;
        max-width: 36%;
        max-width: calc(50% - 60px);
    }
    #site-navigation a { font-size: 20px; }
    .site-branding { 
        margin-top: -55px; 
        padding: 0;
        line-height: 0;
    }
    .site-branding img { width: 100px; }
    .site-header { position: relative; }
    .mobile-search { 
        text-align: right;
        width: 100%;
        max-width: 36%;
        max-width: calc(50% - 75.5px);
        display: inline-block;
    }
    .mobile-search .search-field { display: none; }
    .top-actions { display: none; }
    .wrap-logomenu { position: relative; }
    .menu-mobile-menu-container, .menu-french-mobile-menu-container {
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        width: 100%;
        background: #ebebeb;
        padding: 15px;
        margin-top: 30px;
        display: inline-block;
    }
    .menu-mobile-menu-container, .menu-french-mobile-menu-container { display: none; }
    .toggled .menu-mobile-menu-container, .toggled .menu-french-mobile-menu-container { 
        display: inline-block; 
        width: 100%;
        margin-right: 0;
        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
        margin-top: 3px;
    }
    .menu-mobile-menu-container .menu-item, .menu-french-mobile-menu-container .menu-item { width: 100% }
}
@media screen and (max-width:1120px) {
    #rugby-calendar { display: block; }
    .rugby-calendar-content { 
        width: 100%; 
		margin-right: 0;
        margin-bottom: 15px;
    }
    .rugby-calendar-content:last-child { margin-bottom: 0; }
}
@media screen and (max-width:1050px) {
    #rugby-blogposts .posts-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}
@media screen and (max-width:1000px) {
    .feedbox { 
        max-width: calc((100% - 40px) / 2); 
        margin-bottom: 20px;
    }
    .wrap-instagram {
        margin: 0 auto !important;
        float: none;
    }
}
@media screen and (max-width:900px) {
    .rugby-featuredimg { height: 200px; }
    .rugby-stats .number {
        font-size: 20px;
        width: 100px; 
        height: 100px;
        line-height: 100px;
    }
    .rugby-leg { margin-bottom: 20px; }
    .match-head { display: none; }
    .table-row { display: block; }
    .match-info {
        background: #004c93;
        padding: 16px 10px;
        margin-bottom: 10px;
    }
    .match-block {
        display: inline-block;
        width: 100%;
        max-width: 49.2%;
        max-width: calc( 100% / 2 - 7px );
        margin: 0 10px 10px 0;
        margin-right: 10px;
        margin-bottom: 10px;
        vertical-align: top;
        position: initial;
    }
    .match-block:nth-child(odd) { margin-right: 0; }
    .match-block:before {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
    }
    .match-block:after { display: none; }
    .match-block.scores:before { content: "scores"; }
    .match-block.tries:before { content: "tries"; }
    .match-block.conversions:before { content: "conv"; }
    .match-block.penalties:before { content: "pen"; }
    .match-block.drop:before { content: "drop"; }
    .match-block.cards:before { content: "cards"; }
    
    .match-links {
        width: 100%;
        max-width: 50%;
        float: left;
    }
    .match-block.links {
        display: inline-block;
        width: 100%;
        max-width: none;
        margin: 0 10px 10px 0;
        margin-right: 10px;
        margin-bottom: 10px;
        vertical-align: top;
        position: initial;
    }
    
    .ranking-head { display: none; }
    .rank-row { display: block; }
    .ranking-team {
        text-align: center;
        padding: 10px;
        margin-bottom: 10px;
        background: #004c93;
        margin-right: 0;
    }
    .ranking-block {
        display: inline-block;
        width: 100%;
        max-width: 49.2%;
        max-width: calc( 100% / 2 - 7px );
        margin: 0 10px 10px 0;
        vertical-align: top;
        position: initial;
    }
    .ranking-block:nth-child(even) { margin-right: 0; }
    .ranking-block.matchs { max-width: none; }
    .ranking-block:before {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
    }
    .ranking-block.matchs:before { content: "matchs"; }
    .ranking-block.scores:before { content: "scores"; }
    .ranking-block.tries:before { content: "tries"; }
    .ranking-block.conversions:before { content: "conv"; }
    .ranking-block.penalties:before { content: "pen"; }
    .ranking-block.drop:before { content: "drop"; }
    .ranking-block.cards:before { content: "cards"; }
    .sub-heads .ranking-block:before, .rank-row.sub-heads { display: none; }
    
    #rugby-unions { display: block; }
    #rugby-unions .union-inner { width: 100%; }
    .union-names { height: 350px; }
	   
    .footer-widgets-wrap { flex-wrap: wrap; }
    .footer-section { 
        flex-basis: calc( 100% / 2 - 10px ); 
        margin-right: 20px;
    }
    .footer-section:nth-child(even) { margin-right: 0; }
    #search-results-page .wrap-comp-location { justify-content: center; }
}
@media screen and (max-width:800px) {
    h1.cover-title { 
        font-size: 40px; 
        line-height: 1em;
    }
    #masonry-wrap { 
        display: block; 
        height: auto;
    }
    .masonry-layout { 
        height: 300px; 
        margin-bottom: 20px;
    }
    .masonry-content { height: 100%; }
    .masonry-layout .post-overlay { height: 40%; }
    .masonry-layout .post-overlay .posts-title { 
        font-size: 26px; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
	#masonry-wrap.page-blog { margin-bottom: 15px; }
	.masonry-layout:first-child .post-overlay .posts-title { font-size: 26px; }
	.feedbox { 
        max-width: 500px;
        margin: 0 auto 20px;
        float: none;
    }
    #rugby-blogposts .post { 
        max-width: none; 
        height: 300px;
        float: none;
        overflow: hidden;
        margin: 0 0 15px;
    }
    #rugby-blogposts .post-overlay { height: 40%; }
    #rugby-blogposts .posts-title {
        font-size: 28px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #rugby-blogposts .post .blog-img {
        display: flex;
        height: 100%;
    }
    .post .blog-img img { width: 100%; }
    .advanced-search form>ul { flex-wrap: wrap; }
    #single-page .nav-previous, #single-page .nav-next { 
        width: 100%;
        border: none;
    }
    #single-page .nav-previous { margin-bottom: 5px; }
    #single-page .entry-meta { width: 100%; }
    .advanced-search .sf-field-submit { padding-top: 0; }
}
@media screen and (max-width:727px) { 
    .advanced-search .sf-field-post-meta-competition { padding-bottom: 0; }
    .sf-field-post-meta-competition select { height: 30px; }
}
@media screen and (max-width:700px) {
    .footer-widgets-wrap { display: inline-block; }
    .rugby-stats {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: -15px;
    }
    .rugby-stats .statistics { 
        flex-basis: 33.333333%; 
        margin-bottom: 15px;
    }
    .advanced-search li.sf-field-post-meta-comp_date { padding-top: 0 !important; }
    .site-info { 
        padding-right: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:585px) {
    .row-calendar .wrap-date-matchs { flex-direction: column; }
    .row-calendar .match-status { display: none; }
    .row-calendar span.Cancelled { display: inline-block; }
    .row-calendar .date-aside { font-size: 20px; }
    .row-calendar .date-aside, .title-aside.location { text-align: center; }
}
@media screen and (max-width:500px) {
    .sf-field-post-meta-competition, .sf-field-submit {
        flex-basis: 100%;
        text-align: center;
    }
    #search-results-page .wrap-comp-location { flex-wrap: wrap; }
    #search-results-page .competition-name, #search-results-page .match-location { 
        flex-basis: 100%;
        text-align: center; 
        padding: 5px 0;
    }
    #search-results-page .match-location { padding: 0 0 5px; }
}
@media screen and (max-width:530px) {
    .sf_date_field li {
        justify-content: center;
    }
    .advanced-search .sf_date_field {
        display: flex;
        flex-flow: column;
    }
    .advanced-search li.sf-field-post-meta-comp_date {
        flex-basis: 100%;
    }
}
@media screen and (max-width:420px) {
    #rugby-aside-button { width: 117px; }
}
@media screen and (max-width:386px) {
	.matchs-aside .team { 
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media screen and (min-width:0\0) {
    img.custom-logo { width: 100%; }
    .masonry-layout:first-child { margin-right: 10px; }
    .masonry-layout:nth-child(2) { margin-bottom: 10px; }
    .masonry-layout:nth-child(3) { margin-right: 5px; }
    .masonry-layout:last-child { margin-left: 5px; }
}
@media not all and (min-resolution:.001dpcm) { @media {
    select#leg-select, .search-form .search-field, .sf-field-post-meta-competition select { -webkit-appearance: none; }
}}
@media screen and (max-width: 1076px) and (min-width:900px) {
    .ranking-table .ranking-team { 
        font-size: 14px; 
        line-height: 41px;
    }
    .ranking-table .ranking-block { font-size: 14px; }
    .ranking-table .ranking-head .col-heading { font-size: 16px; }
    .ranking-table .ranking-team .flag {
        width: 20px;
        height: 20px;
    }
}
#sb_instagram #sbi_images {
    width: auto !important;
    padding: 0 !important;
    margin-right: -5px;
    float: none !important;
}
#sb_instagram #sbi_images .sbi_item { padding: 0 5px 5px 0 !important; }
.max500 {
    display: block;
    max-width: 500px;
    margin: 0 auto;
}
/*Addons Stef*/
div#nf-field-1-container { margin-bottom: 0px; }
.maincontactform{
	padding: 5px 10px !important;
	border-radius: 0px !important;
	border: 2px solid #ebebeb !important;
}
div#nf-field-14-container{ margin-bottom: 0px !important; }
img.custom-logo { width: 100%; }
body.page-id-16508 div#nf-field-1-container { margin-bottom: 25px; }
.home-team.nigeria span.code, .ranking-team.nigeria span.code {
    font-size: 0;
    color: transparent;
}
.home-team.nigeria span.code:after,  .ranking-team.nigeria span.code:after {
    content: "NGR";
    color: #fff;
    font-size: 22px;
}

span.code {
    background: none;
}

span.position {
    background: none;
    position: relative;
}
span.rank-pos {
    position: absolute;
    right: 0px;
    background: #005FB8;
}

/*PROFILES PAGE STYLING*/
.intro-sctn {
    display: flex;
}

.intro-txt-side {
    flex-basis: 50%;
    margin-right: 15px;
}
.aftr-imgs-txt {
    padding: 15px 0;
}
.img-side {
    flex-basis: 50%;
}
.intro-images {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.img-sngle {
    flex-basis: calc(25% - 20px);
    margin: 10px;
}
div#plyr-videos-slider {
    padding-bottom: 40px;
    margin-bottom: 40px;
}
ul.featured-profiles {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
}
.featured-profiles li {
    flex-basis: calc(25% - 20px);
    margin: 0 10px 20px 10px;
    list-style: none;
}
.featured-profiles li a > img {
    vertical-align: middle;
    margin-bottom: 5px;
}
.featured-profiles li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.profile-dtls {
    background: #0d753a;
    padding: 10px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex: auto;
    align-items: center;
}
.ttle-pos span {
    display: block;
    line-height: 20px;
    font-weight: 600;
    font-size: 18px;
}
span.plyr-pos {
    font-size: 16px;
}
.single-plyr-profile {
    display: flex;
}
.profile-blocks {
    display: flex;
    flex-wrap: wrap;
}
.profile-blocks span {
    background: #0160b8;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin: 3px;
}
span.plyr-country, span.plyr-age {
    flex-basis: calc(50% - 6px);
}
.single-plyr-profile .profile-img, .profile-dsc {
    flex-basis: calc(50% - 30px);
    margin: 15px;
}
.profile-dtls .union-name {
	margin-bottom: 0;
}
.single-plyr-profile .profile-img {
    position: relative;
    background: #ebebeb;
}
.single-plyr-profile .profile-img .union-name {
    padding: 0;
    margin-bottom: 0;
}
.single-plyr-profile .plyr-img-main {
	width: 100%;
	vertical-align: middle;
}
.singl-plyr-video {
    margin-bottom: 10px;
}
.singl-plyr-gallery {
    padding-bottom: 40px;
}
.single-plyr-profile .union-name span {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 70px;
    height: 70px;
    /*background-position: unset;*/
    margin-right: 0px;
}
.profile-dtls .union-name span {
    width: 40px;
    height: 40px;
    margin-right: 0;
}
.singl-plyr-video .embed-container,
#plyr-videos-slider .embed-container { 
    position: relative; 
    padding-bottom: 46.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 
#plyr-videos-slider .embed-container {
    padding-bottom: 7.25%;
}
.singl-plyr-video .embed-container iframe,
#plyr-videos-slider .embed-container iframe,
.singl-plyr-video .embed-container object,
#plyr-videos-slider .embed-container object,
.singl-plyr-video .embed-container embed,
#plyr-videos-slider .embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.holding-plyr-gallery .slick-slide img, .singl-plyr-gallery img {
    max-height: 200px;
    object-fit: cover;
    width: 100%;
}
.slick-prev:before {
    background-image: url(img/left-slk.png) !important;
}
.slick-next:before {
    background-image: url(img/right-slk.png) !important;
}
.slick-prev:before, .slick-next:before {
    content: '' !important;
    background-size: cover;
    display: block;
    width: 40px;
    height: 40px;
}
.slick-prev {
    left: -50px !important;
}
.slick-lightbox .slick-next {
    right: 90px !important;
}
#plyr-videos-slider .slick-prev {
    bottom: 0px !important;
    left: 45% !important;
    top: unset !important;
}
#plyr-videos-slider .slick-next {
    right: 45% !important;
    bottom: 0 !important;
    top: unset !important;
    padding-left: 10px !important;
}
.ra-unstoppables {
	margin-top: 30px;
}
.blog div#rugby-blogposts {
    display: flex;
    flex-wrap: wrap;
}
.blog .pagination {
    margin: 30px auto;
}
@media only screen and (max-width: 768px)  {
	.intro-sctn, .single-plyr-profile { flex-direction: column; }
	.intro-txt-side, .single-plyr-profile .profile-img, .profile-dsc { margin: 0; }
	.img-side img { width: 100%; }
	.featured-profiles li { flex-basis: calc(50% - 20px); }
	.holding-plyr-gallery .slick-slide img, .singl-plyr-gallery .slick-slide img { max-height: 200px; min-height: 200px; object-fit: cover; }
}

@media only screen and (max-width: 520px) {
	.holding-plyr-gallery .slick-slide img, .singl-plyr-gallery .slick-slide img {
	    max-height: 130px;
	    min-height: 130px;
	    object-fit: cover;
	}
	.profile-dtls, .profile-blocks { display: block; }
	#plyr-videos-slider .slick-prev {
	    left: 35% !important;
	}
	#plyr-videos-slider .slick-next {
	    right: 35% !important;
	}
	.single-plyr-profile { margin-top: 20px; }
}

.union-info.news a {
    width: 50%;
    background: #2160b8;
    color: #fff;
    padding: 3px 20px;
    border-radius: 4px;
    font-size: 15px;
    text-wrap: balance;
}

/* New: Board Members Page */
.board-wrapper h2 {
	text-transform: uppercase;
}

.board {
	margin: 50px 0;
}

.board h3 {
	margin-top: 0;
	margin-bottom: 15px;
}

.members-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.members-wrapper .member img {
	width: 100%;
	height: 100%;
	max-height: 320px;
	object-fit: cover;
	object-position: top center;
}

.members-wrapper .member .member__info h4 {
	text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 500;
    color: #1a428a;
    margin: 0;
}

.members-wrapper .member .member__info p {
	margin: 0;
}

/* New: Union Filter */
.unions-filter-wrap {
	width: 100%;
	padding: 25px 0;
	background-color: #0160b8;
}

.unions-filter-wrap .unions-filter {
    width: 100%;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    max-width: 1280px;
}

.unions-filter-wrap .unions-filter p {
    margin: 0 auto;
    font-size: 21px;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1;
    font-family: "Open Sans";
    font-weight: 500;
    text-transform: uppercase;
}

.unions-filter form {
	margin: 0 auto;
}

.unions-filter form ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
	gap: 16px;
}

.unions-filter form ul li {
    padding: 0;
}

.unions-filter form ul li label {
    height: 42px;
}

.unions-filter form ul li label input,
.unions-filter form ul li label select {
    min-width: 215px !important;
    height: 100%;
    border-radius: 0;
}

.unions-filter form ul li.sf-field-submit input {
	min-width: 215px;
	height: 100%;
	border: none;
	outline: none;
	font-size: 16px;
	padding: 10px;
	text-transform: uppercase;
	border-radius: 0;
}


.union-sreslts-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;  
    padding: 20px 0 50px 0;
}

.page-template-page-union-search .home-title {
    margin-top: 35px;
}

article.union-col {
    width: 100% !important;
    max-width: 100% !important;
}

article.union-col .posts-title {
    font-size: 34px;
}

article.union-col .post-overlay {
    height: 36% !important;
}

article.union-col .blog-img img {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    object-position: top center;
}

@media screen and (min-width: 1024px) {
	.members-wrapper {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}

@media screen and (min-width: 700px) {
    .unions-filter form ul {
        flex-direction: row;
    }
}

@media screen and (min-width: 550px) {
	.members-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
    .union-sreslts-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.post-slider { 
  width: 100%; 
  margin: 20px 0;
}

.main-slider .slide { position: relative; }

.main-slider .slide img {
    width: 100%;       
    height: 250px;     
    object-fit: contain; 
    object-position: center;  
    background: #efefef;
}

/* Thumbnail Slider */
.thumbnail-slider {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.thumbnail-slider .thumb {
    width: 80px;
    height: 100px;  
    margin: 0 10px;
    cursor: pointer;
    overflow: hidden; 
}

.thumbnail-slider .thumb img {
    width: 100%;
    height: 100%;     
    object-fit: cover;
    object-position: center;
    opacity: 0.6; 
    transition: opacity 0.3s ease;
}

.thumbnail-slider .thumb:hover img,
.thumbnail-slider .thumb.selected img,
.thumbnail-slider .thumb.slick-current img {
    opacity: 1;
}

@media screen and (min-width: 600px) {
    .main-slider .slide img { height: 550px; }
    .thumbnail-slider .thumb { height: 200px; }
}

#rugby-tickets,
#page-container {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
	padding-left: 15px;
  	padding-right: 15px;
}

table.tickets-table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.tickets-table tr {
    padding: .35em;
}

table.tickets-table th,
table.tickets-table td {
    padding: .625em;
    text-align: center;
}

table.tickets-table tbody td {
    background: #f4f4f4;
}

table.tickets-table th {
    font-size: 1rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

table.tickets-table thead tr {
    background-color: #1a428a;
    color: #FFF;
}

table.tickets-table td[data-label="Logo"] img {
    max-width: 180px;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}

table.tickets-table td[data-label="Purchase"] a.cta {
    width: 100%;
    max-width: 125px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #2160b8;
    padding: .6em .4em;
    border-radius: 4px;
}

table.tickets-table tbody tr td .td-inner {
    width: 100%;
    height: 100%;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 1px 3px 1px #e2e2e2;
}
  
@media screen and (max-width: 600px) {
    table.tickets-table {
      border: 0;
    }
  
    table.tickets-table caption {
      font-size: 1.3em;
    }
    
    table.tickets-table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    table.tickets-table tr {
      display: block;
      margin-bottom: 2.5rem;
    }
    
    table.tickets-table td {
      display: block;
      font-size: .8em;
      text-align: right;
    }
    
    table.tickets-table td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    table.tickets-table td:last-child {
      border-bottom: 0;
    }

    table.tickets-table td[data-label="Purchase"] a.cta {
        margin: 0;
    }

    table.tickets-table tbody td {
        border-right: none;
    }
}

.tickets-grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.tickets-grid .ticket-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 1px 3px 1px #e2e2e2;
    padding: 15px 15px 50px 15px;
    border-bottom: 5px solid #2160b8;
	overflow: hidden;
	transition: all ease-in-out 300ms;
}

.ticket-card img {
    max-width: 200px;
    min-height: 190px;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    margin: 0 auto;
}

.ticket-card h4,
.ticket-card p {
    text-align: center;
    margin: 0;
}

.ticket-card h4 {
    font-weight: 500;
}

.ticket-card p {
	color: #636363;
	font-size: 14px;
}

.ticket-card a.cta {
	position: absolute;
	inset: 0;
}

.ticket-card a.cta span {
    display: block;
    width: 100%;
    padding: 10px 15px 5px 15px;
    background: #2160b8;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    transition: all ease-in-out 300ms;
    font-size: 14px;
}

.tickets-grid .ticket-card:hover a.cta span {
	bottom: 0;
	transition: all ease-in-out 300ms;
}

@media screen and (min-width: 648px) {
     .tickets-grid {
	grid-template-columns: repeat(2, 1fr);
     }
     .ticket-card a.cta span {
        bottom: -40px;
     }
}

@media screen and (min-width: 1024px) {
     .tickets-grid {
	grid-template-columns: repeat(4, 1fr);
     }
}

.flex-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.block-group {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0;
    font-size: 14px;
    font-weight: 500;
    padding-left: 17px;
    justify-content: flex-end;
    z-index: 999;
    flex-direction: column;
}

.block-group p {
    margin: 0; 
    color: #1a428a;
    display: none;
}

.block-group a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.block-group a svg {
    display: none;
}

.block-group span.pipe {
    display: none;
}

.block-group .pipe {
    color: #1a428a;
}

.menu-wrapper {
    width: 100%;
    display: flex;
}

@media screen and (min-width: 750px) {
    .block-group {
        gap: 20px;
        align-items: center;
        flex-direction: row;
    }

    .block-group p {
        display: block;
    }

    .block-group a svg {
        display: block;
    }

    .block-group span.pipe {
        display: inline-block;
    }

    .flex-col {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1135px) {
    .block-group {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 1580px) and (min-width: 1135px) {
    .block-group {
        padding-left: 147px;
    }
}

.single-post h1.cover-title {
	display: none;
}