/***** RESET EVERYTHING *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 1em;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
.clearfix:after,.navigation:after,#content:before,.navbar:after,.acf-style:after,.entry:after,.social-wrapper:after,section:after,.box:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
/***** ACCESSIBILITY *****/
.screen-reader-text {
color: #000;
background: #FFF;
}
/***** COLOURS *****/
#commentform #submit,.signoffcta,.hometopcta,h4 a,.entry a.more-link,.entry a.more-link:visited,.acf-style #submit {
background: #001A39;
color:#FFF;
}
h4 a:hover,.entry a.more-link:hover,#commentform #submit:hover,.acf-style #submit:hover{
background: #FFB400;
}
nav a,footer .inner,.hometop.signoff,footer {
color:#343848;
}
#logo-title,h1,.comment-content b {
color: #001A39;
}
#logo-tagline,.signoff a,.entry .signoff p a {
color:#FFB400
}
body {
color:#343838;
background:#FFFfff;
}
.signoff {
background:#FFF;
}
h1 a:link,h1 a:hover ,h1 a:visited {
color: #1A82C7;
}
/***** TYPOGRAPHY AND LINKS *****/
@font-face {
font-family: AerinFont;
src: url(../font/MuseoSans_500.otf);
}
html {
-webkit-text-size-adjust: 100%;
/* Prevent font scaling in landscape while allowing user zoom */
}
body {
text-align: left;
font-family: AerinFont, Arial, sans-serif;
font-size:1.0rem;
}
h1 {
font-size: 2rem;
font-weight: 900;
text-align: left;
text-decoration: none;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
}
h1 a:link,h1 a:hover ,h1 a:visited {
text-decoration: none;
}
h2 {
font-size: 2rem;
font-weight: 900;
text-align: left;
text-decoration: none;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
}
h2 a:link,h1 a:hover ,h1 a:visited {
text-decoration: none;
}
h2 {
font-size: 1.0rem;
font-weight: 300;
text-align: left;
padding: 6px 0 6px 0;
margin-bottom: 6px;
}
h2 a:link,h2 a:hover, h2 a:visited {
text-decoration: none;
}
h3{
color: #1A82C7;
font-weight: bold;
margin: 3px 0 3px 0;
font-size: 1.2rem;
}
h3 a:link, h3 a:visited{
color: #1A82C7;
text-decoration: none;
}
h5, h6 {
color: #D4726A;
font-weight: bold;
margin: 0 0 6px 0;
clear: both;
}
h4 {
margin: 12px 0 20px 0;
line-height: 280%;
}
h4 a {
text-decoration:none;
padding:7px 12px 7px 12px;
margin: 0;
white-space: nowrap;
background: #001A39;
color: #FFF;
}
h4 a:hover {
background: #FFB400;
color:#FFF;
}
code, pre {
font-family: courier;
padding: 4px 0;
}
blockquote {
font-style: italic;
padding: 0 6px 0 6px
}
cite, strong {
font-weight: bold;
}
q {
font-style: italic;
}
input {
font-family:AerinFont;
}
.aligncenter,.text-center{
text-align: center;
}
.alignright,.text-right{
text-align: right;
}
.alignnone {
text-align: inherit;
height: 100%;
}
/***** PAGE STRUCTURE *****/
.container,
#content {
max-width: 960px;
margin: 0 auto;
}
/***** NAVIGATION *****/
.menu,
.sub-menu{
margin: 0;
padding: 0;
list-style: none outside;
}
.menu li {
position: relative;
display: inline-block;
}
.menu li a {
padding: 7px 18px;
display: block;
text-align: left;
text-decoration: none;
}
.sub-menu {
left: 0;
opacity: 0;
z-index: 99999;
padding: 5px 0;
width: 13.75rem;
visibility: hidden;
position: absolute;
background-color: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.sub-menu.menu-open {
opacity: 1;
visibility: visible;
}
.sub-menu li {
display: block;
}
.sub-menu li a {
color: #001a39;
padding: 10px 12px 10px 20px;
border-bottom: 1px solid #eee;
}
.sub-menu li:last-child a {
border-bottom: none;
}
/***** MAIN MENU *****/
#main-menu .menu{
text-align: center;
border: 1px solid #ddd;
border-bottom: none;
}
#main-menu .menu li a {
padding: 12px 20px;
border-bottom: 3px solid transparent;
}
#main-menu .menu li a:hover,
#main-menu .menu li a:focus,
#main-menu .menu li.current-menu-item a,
#main-menu .menu li.current-menu-ancestor a,
#main-menu .menu li.current_page_item a,
#main-menu .menu li.current_page_ancestor a {
border-bottom-color: #ef2f00;
}
#main-menu .sub-menu a {
}
/***** USER MENU *****/
#header .user-menu .user-avatar {
width: 24px;
height: 24px;
float: left;
margin-right: 10px;
border-radius: 50%;
}
#header .user-menu a {
font-size: 1.3rem;
}
#header .user-menu .menu-icon{
min-width: 30px;
margin-right: 5px;
text-align: center;
}
#header .user-menu .sub-menu{
border-radius: 3px;
}
#header .user-menu .sub-menu:before {
width: 0;
height: 0;
top: -6px;
left: 65px;
content: "";
display: block;
position: absolute;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
}
#header .user-menu .sub-menu a {
font-size: 1rem;
}
#header .user-menu .sub-menu{
top: 5rem;
transition: all ease .3s;
}
#header .user-menu .sub-menu.menu-open{
top: 3rem;
}
/***** HEADER *****/
#header{
background-color: #f9f9f9;
box-shadow: 0 .125rem .5rem 0 rgba(8,31,44,.1);
}
#header > .container {
display: flex;
align-items: center;
}
#header .logo-title {
color: #001A39;
}
#header .logo-tagline {
color: #ef2f00;
}
#header .user-menu,
#header .logo {
flex: 1 auto;
}
#header .logo-link{
text-decoration: none;
}
#header .logo {
margin: 0 29px 0 0px;
text-align: right;
}
.tagline-pro span.logo-tagline {
display: inline-block !important;
}
#header .logo .inner{
text-align: center;
display: inline-block;
}
#header .logo img {
max-height:100px;
width:auto;
overflow:hidden;
margin:0 12px 4px 0;
}
#header .logo-title {
display: block;
font-size:3rem;
font-weight: 900;
}
#header .logo-tagline {
display: block;
font-size: 0.9rem;
line-height: 1;
}
#header.dark {
background-color: #001A39;
}
#header.dark .user-menu .menu li a {
color: #fff;
}
#header.dark .logo-title{
color: #fff;
}
#header.dark .logo-tagline {
color: #ffe500;
padding: 5px 10px;
border: 1px solid #ffe500;
text-transform: uppercase;
}
#header.dark #main-menu .menu {
border-color:#3A5677;
}
#header.dark #main-menu .menu li a {
color: #FFF;
border-bottom-color: #001A39;
}
#header.dark #main-menu .menu li a:hover,
#header.dark #main-menu .menu li a:focus,
#header.dark #main-menu .menu li.current-menu-item a,
#header.dark #main-menu .menu li.current-menu-ancestor a,
#header.dark #main-menu .menu li.current_page_item a,
#header.dark #main-menu .menu li.current_page_ancestor a {
border-bottom-color: #ef2f00;
}
#header.dark #main-menu .sub-menu {
}
#header.dark #main-menu .sub-menu a {
color: #001a39;
}
/***** Table *****/
table{
width: 100%;
border-spacing: 0;
border: 1px solid #EEE;
border-collapse: separate;
}
table th{
background-color: #EEE;
}
table th,table td{
padding: 12px 12px;
}
table td{
border-bottom: 1px solid #EEE;
}
table tr:last-child td{
border-bottom: none;
}
tbody tr:nth-child(2n+0) td{
background-color: #f9f9f9;
}
/***** SEARCH *****/
#searchform input {
margin: 3px 0 0 0;
padding: 6px;
color: #343838;
font-size: 1.1rem;
border: 1px solid #343838;
width:100%;
}
#searchform span {
display: none;
}
/***** ENTRY *****/
#primary {
min-height: 620px;
margin: 10px auto;
}
#primary section {
padding: 30px;
background: #FFF;
margin-bottom: 13px;
}
.entry {
text-align:left;
}
.entry p, .entry ul, .entry ol, .summary p {
margin-bottom: 15px;
line-height: 160%;
}
.entry ul, .entry ol{
margin: 0 0 8px 2em;
}
.entry ul ul{
margin-left: 1em;
}
.notsingle h1, .notsingle h2 {
padding: 0;
margin: 0;
}
.dummy {
height:1px;
padding: 0;
}
.entry .navigation {
clear:both;
}
.navigation #left a{
margin:12px 0 ;
float:right;
color: #ef2f00;
}
.navigation #right a{
margin: 12px 0 ;
float:left;
color: #ef2f00;
}
.navigation a, .navigation a:visited, .entry a.more-link, .entry a.more-link:visited {
text-decoration:none;
padding:6px 12px;
margin: 0;
text-align:right;
color: #ef2f00;
background: #000000;
}
.entry .nextpages a, a.more-link{
margin: 1em 0;
text-align: right;
}
p.postmetadata, .date, .tags {
font-size: 0.9rem;
color: #607890;
margin:0 0 8px 0;
padding:0;
font-style: italic;
}
p.postmetadata a {
color: #607890;
}
.aside {
margin: 0 10px;
padding: 8px;
border-left: 5px solid #7CB490;
background: #FFF2AF;
}
/***** SPACER *****/
.mb-20{
margin-bottom: 20px;
}
/***** BUTTON *****/
.button,a.button{
padding: 10px;
color: #ef2f00;
border: 1px solid #ddd;
background-color: #FFF;
box-sizing: border-box;
display: inline-block;
border-radius: 3px;
transition: all .4s ease;
}
.button:hover,a.button:hover{
color: #FFF;
border-color: #ef2f00;
background-color: #ef2f00;
}
.button-primary,a.button-primary{
color: #FFF;
border-color: #ef2f00;
background-color: #ef2f00;
}
.button-primary:hover,a.button-primary:hover{
color: #ef2f00;
border: 1px solid #ddd;
background-color: #FFF;
}
.button-wide{
width: 100%;
text-align: center;
}
a.button{
text-decoration: none;
}
/***** PAGINATIONS *****/
.sp-table-wrapper .dataTables_paginate{
margin-top: 20px;
}
.sp-table-wrapper .dataTables_paginate .paginate_button{
margin: 0 2px;
padding: 5px 10px;
min-width: 30px;
text-align: center;
display: inline-block;
background-color: #EEE;
border: 1px solid #DDD;
}
.sp-table-wrapper .dataTables_paginate .paginate_button.current{
background-color: #FFF;
}
/***** ENTRY IMAGES *****/
.entry img.avatar {
width:40px;
height:40px;
float:left;
margin-right: 20px;
border-radius: 50%;
}
div.event-comment {
border: 1px solid #333;
padding: 10px;
margin-bottom:10px;
background:#FFF;
}
div.event-comment a {
color: #343848;
}
div.event-comment a h2 {
color: #343848;
margin:0;
padding:0
}
div.event-comment a p {
color: #343848;
}
div.event-comment a p.comment_content {
font-size:110%;
}
.single img.event-comment {
max-height:85px;
width:auto;
}
#primary section img.clubicon {
float:left;
margin: 0 15px 15px 0;
width:85px;
height: 85px
}
.entry .alignright {
float: right;
margin: 0 0 1% 3%;
padding: 1%;
}
.wp-block-image .alignright {
float: right;
margin: 0 0;
padding: 0;
}
.entry .alignleft {
float: left;
margin: 0.4em 3% 1% 0;
}
.entry .aligncenter{
display: block;
margin: 5px auto;
}
a img {
padding: 0px;
background: none;
border: none;
}
.wp-caption {
max-width: 100%;
padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-style: italic;
}
.sticky, .bypostauthor {
}
alt{
color:red
}
/****** AVATAR *****/
.profile_image {
max-width:100px;
}
/***** BLOCKS *****/
/***** GRID *****/
.fanzalive_block {
display: grid;
grid-template-columns: 22.75% 22.75% 22.75% 22.75%;
grid-gap: 3%;
grid-row-gap: 1em;
margin-top: 12px;
}
.box {
position: relative;
}
.box .overlay {
position: absolute;
bottom: 23px;
left: 23px;
right: 23px;
padding: 6px;
background: rgba(52,56,72,0.7);
display:block;
}
.box a {
text-decoration: none;
}
.box h2, .box p {
margin:0 !important;
padding:0 !important;
border-bottom: none !important;
}
.box a h2 {
color: #FFF;
font-size:1.2rem;
}
.box p {
color: #F5F5F5 !important;
font-size:0.8rem;
}
.eventgrid p{
margin-bottom: 5px;
line-height: 110%;
font-size: 80%;
}
.eventgrid a {
text-decoration: none;
}
.event-comment:hover {
background: #CCC;
}
@media only screen and (max-width : 700px) {
.fanzalive_block {
grid-template-columns: 31.333% 31.333% 31.333%;
}
}
@media only screen and (max-width: 400px) {
.fanzalive_block {
grid-template-columns: 48.5% 48.5%;
}
}
/***** FOOTER *****/
footer {
background: rgba(52,56,72,0.9);
}
footer .inner{
text-align:left;
padding: 10px;
}
footer .inner h2 {
color: rgb(26, 130, 199);
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}
footer .inner p,footer .inner .textwidget {
margin: 0 0 8px 0;
line-height: 150%;
}
footer .inner img {
max-width:100%;
height:auto;
overflow: hidden;
}
footer .inner p a:hover {
text-decoration: underline;
}
footer .widget_nav_menu ul{
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}
footer .widget_nav_menu ul li {
display: inline;
}
footer .widget_nav_menu ul li a {
color: #CCC;
padding: 4px;
line-height: 22px;
display: inline-block;
text-decoration: none;
}
footer .widget_nav_menu ul li a:hover {
color: #FFF;
}
footer .widget_nav_menu li + li:before{
content: " / ";
padding: 0 10px;
color: #FFF;
}
/* Home Widget */
.hometop-background {
background-image: url(assets/bg.png);
background-position: center;
background-size: cover;
opacity:1;
transform: translateZ(0);
}
.hometop {
clear: both;
padding: 32px;
text-align:left;
}
.hometopcontent {
margin: 0 auto;
max-width: 1100px;
}
.hometopcontent a:active, .hometopcontent a:visited {
color: #FFB400;
}
.hometopcontent a:hover {
color: #FFF;
}
.hometop h1 {
color: #FFF;
}
.hometop p, .signoff h2{
margin-bottom:8px;
padding:0;
}
/* CTA Widget */
.hometopcta {
float:right;
width: 300px;
height: auto;
background: #001A39;
padding: 12px;
margin-left: 32px;
}
.hometopcta .telephone {
font-size: 1.4em;
}
.hometopcta .button a {
display:block;
padding: 6px;
text-align:center;
text-decoration:none;
}
/* signoff */
.signoff {
padding: 32px 32px 24px 32px;
text-align:left;
}
.signoffcontent {
margin: 0 auto;
}
.signoff h1 {
color: #343848;
}
.signoff p, .signoff h2{
margin-bottom:8px;
padding:0;
}
.signoff img {
float:left;
margin: 0 15px 15px 0;
}
.signoffcta {
float:right;
width: 300px;
height: 300px;
}
/***** SOCIAL *****/
div .social-wrapper {
list-style-type:none;
margin:0 0 12px 0;
padding:0;
}
header .social-wrapper {
float: right;
}
.social-wrapper .social-link {
float: left;
width: 38px;
height: 38px;
margin: 0 5px 0 0;
background: #FFF url(/assets/sm-icons.png) no-repeat 0 0;
background: rgba(255,255,255,0) url(assets/sm-icons.png) no-repeat 0 0;
filter: alpha(opacity=80);
opacity: 0.8;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
header .social-wrapper .social-link {
margin: 0 0 0 5px;
}
.social-wrapper .social-link.round {
border-radius: 19px;
}
.social-wrapper .social-link.grey {
filter: gray;
/* IE6-9 */
filter: grayscale(1);
/* Firefox 35+ */
-webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
}
.social-wrapper .social-link.roundgrey {
border-radius: 19px;
filter: gray;
/* IE6-9 */
filter: grayscale(1);
/* Firefox 35+ */
-webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
}
.social-wrapper .social-link.grey:hover, .social-wrapper .social-link.roundgrey:hover{
filter: none;
-webkit-filter: grayscale(0);
}
.social-wrapper .social-link:hover {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.social-wrapper .social-link a {
display: block;
width: 38px;
height: 38px;
text-indent: -9999px;
overflow: hidden;
}
.social-wrapper .social-link.facebook {
background-position: -247px -50px;
}
.social-wrapper .social-link.flickr {
background-position: -149px -2px;
}
.social-wrapper .social-link.gplus {
background-position: -198px -100px;
}
.social-wrapper .social-link.instagram {
background-position: -149px -100px;
}
.social-wrapper .social-link.linkedin {
background-position: -100px -2px;
}
.social-wrapper .social-link.pinterest {
background-position: -51px -100px;
}
.social-wrapper .social-link.rss {
background-position: -50px -2px;
}
.social-wrapper .social-link.skype {
background-position: -198px -50px;
}
.social-wrapper .social-link.tumblr {
background-position: -100px -50px;
}
.social-wrapper .social-link.twitter {
background-position: -2px -2px;
}
.social-wrapper .social-link.vimeo {
background-position: -2px -50px;
}
.social-wrapper .social-link.youtube {
background-position: -247px -100px;
}
/***** COMMENTS *****/
#comments {
margin-top:18px;
}
#comments ol, #comments ul{
margin: 0;
padding: 0;
list-style: none;
}
#comments li{
margin:0;
padding:0;
}
#comments ol.commentlist {
}
#comments ol.commentlist li {
margin-bottom: 18px;
padding: 18px;
background:#FFF;
}
#comments ol.commentlist li:last-of-type {
margin-bottom: 0
}
#comments ul.children li {
margin: 0 0 16px 60px;
padding:0;
}
#comments .comment-content {
margin: 0;
padding:0
}
#comments .comment-content button {
background: #343848;
color:#FFF;
padding: 6px;
border:none;
}
#comments.comment-notes, #comments.form-allowed-tags, #comments.comment-form-comment label {
display: none;
}
#comments div.reply {
text-align: right;
}
#comments div a.comment-reply-link {
text-decoration: none;
color: #888888;
}
#comments p {
margin: 3px 0 12px 0;
}
#commentform {
margin: 0;
}
.comment-meta {
color: #888;
font-style: italic;
}
h3.comment-reply-title {
color: #343848;
margin: 10px 0 0 0;
padding:0;
}
h3.comment-reply-title a {
color: #343848;
margin: 10px 0 0 0;
padding:0;
}
/***** TESTIMONIALS *****/
.testimonial {
margin-bottom: 12px;
}
.testimonial p {
margin: 0;
padding: 6px 0 0 0;
}
.testimonial p img {
width:20px !important;
height:20px !important;
}
.testimonials-form input, .testimonials-form textarea, .testimonials-form input[type=submit], #commentform input, #commentform textarea, #commentform #submit {
margin: 2px 0 3px 0;
padding: 6px;
height:auto;
color: #465069;
border:2px solid #415063;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family:AerinFont
}
#commentform #submit, .testimonials-form input[type=submit] {
color: #FFF;
background: #001A39;
text-align: center;
cursor: pointer;
padding: 6px 0;
border:none;
}
.form-allowed-tags {
display:none;
}
/***** CONTACT FORM *****/
.acf-widget th{
text-align:center;
}
/***** SEO *****/
.fanzaliveseo {
width:100%;
box-sizing: border-box;
}
/***** CONTACT FORM *****/
.acf-main.acf-style {
}
.acf-style {
text-align: left;
margin: 0 0 10px 0;
max-width:100%;
overflow:hidden;
width:100%;
}
.acf-style input[type=text], .acf-style input[type=number], .acf-style input[type=password], .acf-style textarea, .acf-style select, .acf-style #submit {
font-size: 100%;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family:inherit;
line-height:normal;
height:auto;
margin: 2px 0 3px 0;
padding: 6px;
}
.smallinput {
width:3em !important;
}
.acf-style .acfcontainer input + label, .acf-style .acfcontainer textarea + label {
color: #343848;
}
.acf-style input:focus, .acf-style textarea:focus {
background:#FFFfff;
}
.acf-style .acf-empty input[type=text].required, .acf-style .acf-empty select.required, .acf-style .acf-empty textarea.required {
border: 2px solid #FFB400 !important;
}
.acf-style p span, .acf-style .error {
color:#D31900;
clear:both;
}
.acf-style p {
margin: 4px 0;
}
.acf-style p, .acf-style select{
color: #343848;
height:auto;
line-height:normal;
height:auto;
}
.acf-style input[type=text].error, .acf-style select.error, .acf-style textarea.error {
border: 2px solid #FFFfff !important;
}
.acf-style .validator {
margin-left: -999px;
height:0;
}
.acf-style #submit {
height:auto;
overflow:hidden;
border:none !important;
}
.acf-style #submit, .acf-style #submit:hover{
text-align: center;
cursor: pointer;
}
.acf-text-input input, .acf-text-input textarea {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.acf-text-input label {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.acf-text-input {
position: relative;
width: 100%;
}
.acf-text-input input, .acf-text-input textarea {
padding-top: 1em !important;
outline: none;
}
.acf-text-input label {
position: absolute;
top: 2px;
left: 0;
margin: 6px;
font-size: 0.6em;
}
.acf-text-input label:hover {
cursor: text;
}
.acf-empty input, .acf-empty textarea {
padding-top: 6px !important;
}
.acf-empty label {
font-size: 1em;
}
.acf-empty label:hover {
cursor: text;
}
#ui-datepicker-div {
display:none;
}
.acf-main.acf-style h2 {
color: #FFFfff;
}
/***** LIGHTBOX *****/
#lightbox {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
z-index:901;
}
#lightbox #content {
width: 100%;
height: 100%;
}
#lightbox img {
display: block;
max-width: 90vw;
max-height: 90vh;
}
#lightbox p {
margin:0;
padding:0;
}
#boxything {
position: absolute;
display: inline-block;
text-align: center;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
top: 50%;
left: 50%;
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
}
#boxything p {
position:absolute;
bottom: 0.3em;
padding: 0.3em;
max-width: 100%;
text-align:center;
background: rgba(255,255,255,.5);
left: 0.3em;
right: 0.3em;
}
#lightbox p span {
}
#boxyclose {
position: fixed;
top: 0.3em;
right: 0.3em;
width: 30px;
height: 30px;
background-image: url('assets/close.png');
cursor: pointer;
}
/***** TOGGLE *****/
h3.fanzalive-toggle {
cursor: pointer;
}
h3.fanzalive-toggle a {
text-decoration: none;
display: block;
}
.toggle {
clear:both;
margin: 0;
overflow: hidden;
}
.toggle {
border:1px solid #343848;
padding: 8px;
background: rgba(255,255,255,1);
}
.toggle img {
margin-top: 0.7em;
}
/***** CLONED MENU *****/
.cloned {
top: 0;
left: 0;
right: 0;
position: fixed;
margin: 0 auto;
display: none;
}
.breadcrumbs{
margin: 20px 0;
}
/* CLUB COLOURS */
.clubentry {
padding: 0;
margin: 2px 0;
border:1px solid #CCC;
}
.clubcategory {
padding: 6px 6px 4px 6px;
margin: 0;
}
.clubcategory h1 {
padding: 0 0 0 12px;
color: #FFFfff;
}
.clubcategory a {
text-decoration: none;
}
.clubbanner {
padding: 10px;
margin-top:1px;
background-color: #282828;
background-image: url("../images/fanza-fixture-bg-sm.png");
}
.clubbanner h1 {
margin: 0 auto;
max-width: 960px;
text-align: center;
color: #FFF;
}
/* SCORES */
.scorersleft {
float:left;
width:49%;
text-align:right;
}
.scorersright {
float:right;
width:49%;
text-align:left;
}
.scoretime {
text-align:center;
}
.scores {
font-size: 200%;
text-align:center;
}
h1 span {
float:right;
padding-right:10px;
font-style:oblique;
color:#FFF;
}
h1 span.live {
color:white
}
.arsenal {
background: #ef0107;
border-bottom: 8px solid #9c824a;
}
.afc-bournemouth {
background: #DA291C;
border-bottom: 8px solid #9c824a;
}
.brighton-and-hove-albion {
background: #005daa;
border-bottom: 8px solid #FFF;
}
.burnley {
background: #6C1D45;
border-bottom: 8px solid #99D6EA;
}
.cardiff-city {
background: #0070b5;
border-bottom: 8px solid #d40000;
}
.chelsea {
background: #034694;
border-bottom: 8px solid #dba111;
}
.crystal-palace {
background: #1B458F;
border-bottom: 8px solid #A7A5A6;
}
.everton {
background: #ef0107;
border-bottom: 8px solid #9c824a;
}
.fulham {
background: #CC0000;
border-bottom: 8px solid #000000;
}
.huddersfield-town {
background: #0E63AD;
border-bottom: 8px solid #FFFFFF;
}
.leicester-city {
background: #003090;
border-bottom: 8px solid #FDBE11;
}
.liverpool {
background: #C8102E;
border-bottom: 8px solid #00B2A9;
}
.manchester-city {
background: #6CABDD;
border-bottom: 8px solid #1C2C5B;
}
.manchester-united {
background: #DA291C;
border-bottom: 8px solid #FBE122;
}
.newcastle-united {
background: #241F20;
border-bottom: 8px solid #FFFFFF;
}
.southampton {
background: #ef0107;
border-bottom: 8px solid #9c824a;
}
.tottenham-hotspur {
background: #ef0107;
border-bottom: 8px solid #9c824a;
}
.watford {
background: #FBEE23;
border-bottom: 8px solid #ED2127;
}
.watford h1{
color:#343848
}
.west-ham-united {
background: #7c2c3b;
border-bottom: 8px solid #f8d742;
}
.wolverhampton-wanderers{
background: #FDB913;
border-bottom: 8px solid #231F20;
}
.aston-villa {
background: #122F67;
border-bottom: 8px solid #FFFFFF;
}
.birmingham-city {
background: #3a50a6;
border-bottom: 8px solid #FFFFFF;
}
.blackburn-rovers {
background: #384dd1;
border-bottom: 8px solid #FFFfff;
}
.bolton-wanderers {
background: #0d2356;
border-bottom: 8px solid #FFFfff;
}
.brentford {
background: #c10000;
border-bottom: 8px solid #FFFfff;
}
.bristol-city {
background: #db0008;
border-bottom: 8px solid #FFFfff;
}
.burton-albion {
background: #FFF200;
border-bottom: 8px solid #000000;
}
.derby-county {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.hull-city {
background: #f6a22e;
border-bottom: 8px solid #1d1d1b;
}
.ipswich-town {
background: #0000ff;
border-bottom: 8px solid #f16d00;
}
.leeds-united {
background: #FFFfff;
border-bottom: 8px solid #dde020;
}
.leeds-united h1{
color:#343848
}
.middlesbrough {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.millwall {
background: #03215f;
border-bottom: 8px solid #FFFfff;
}
.norwich-city {
background: #00a650;
border-bottom: 8px solid #FFF200;
}
.nottingham-forrest {
background: #dc0202;
border-bottom: 8px solid #FFFfff;
}
.preston-north-end {
background: #FFFfff;
border-bottom: 8px solid #040040;
}
.preston-north-end h1{
color:#343848
}
.queens-park-rangers{
background: #0000d4;
border-bottom: 8px solid #ff0380;
}
.reading {
background: #0000ff;
border-bottom: 8px solid #000000;
}
.rotherham-united {
background: #e31720;
border-bottom: 8px solid #000000;
}
.sheffield-united {
background: #eb1c24;
border-bottom: 8px solid #000000;
}
.sheffield-wednesday{
background: #0000ff;
border-bottom: 8px solid #000015;
}
.stoke-city {
background: #E03A3E;
border-bottom: 8px solid #1B449C;
}
.swansea-city {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.west-bromwich-albion{
background: #122F67;
border-bottom: 8px solid #FFFFFF;
}
.wigan-athletic {
background: #0000ff;
border-bottom: 8px solid #ffef00;
}
.accrington-stanley {
background: #B30A00;
border-bottom: 8px solid #FFFFFF;
}
.afc-wimbledon {
background: #0000ff;
border-bottom: 8px solid #FFFf00;
}
.barnsley {
background: #e21e28;
border-bottom: 8px solid #FFFfff;
}
.blackpool {
background: #fd743d;
border-bottom: 8px solid #FFFfff;
}
.bradford-city {
background: #810000;
border-bottom: 8px solid #000000;
}
.bristol-rovers {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.charlton-athletic {
background: #d50017;
border-bottom: 8px solid #000000;
}
.coventry-city {
background: #78bcff;
border-bottom: 8px solid #FFFfff;
}
.doncaster-rovers {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.fleetwood-town {
background: #ff0000;
border-bottom: 8px solid #FFF200;
}
.gillingham {
background: #0e00f7;
border-bottom: 8px solid #000000;
}
.oxford-united {
background: #ffe000;
border-bottom: 8px solid #00003e;
}
.peterborough-united{
background: #0000f0;
border-bottom: 8px solid #FFFfff;
}
.plymouth-argyle {
background: #0000ff;
border-bottom: 8px solid #febe20;
}
.portsmouth {
background: #403382;
border-bottom: 8px solid #e5e6ed;
}
.rochdale {
background: #0000ff;
border-bottom: 8px solid #000000;
}
.scunthorpe-united {
background: #880015;
border-bottom: 8px solid #74daeb;
}
.shrewsbury-town {
background: #0000ff;
border-bottom: 8px solid #ff6000;
}
.southend-united {
background: #003067;
border-bottom: 8px solid #FFFfff;
}
.sunderland {
background: #121212;
border-bottom: 8px solid #1B449C;
}
.walsall {
background: #ed1a38;
border-bottom: 8px solid #a59560;
}
.wycombe-wanderers {
background: #99ccff;
border-bottom: 8px solid #001f44;
}
.bury {
background: #3f5a95;
border-bottom: 8px solid #FFFfff;
}
.cambridge-united {
background: #ffcd00;
border-bottom: 8px solid #000000;
}
.carlisle-united {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.cheltenham-town {
background: #F10000;
border-bottom: 8px solid #000000;
}
.colchester{
background: #2a56ff;
border-bottom: 8px solid #FFFfff;
}
.crewe-alexandra {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.crawley-town {
background: #fb0000;
border-bottom: 8px solid #000000;
}
.exeter-city {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.forest-green-rovers{
background: #aeff2b;
border-bottom: 8px solid #000000;
}
.grimsby-town {
background: #000000;
border-bottom: 8px solid #ff0000;
}
.lincoln-city {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.luton-town {
background: #fd5125;
border-bottom: 8px solid #FFFfff;
}
.macclesfield-town {
background: #0000cd;
border-bottom: 8px solid #FFFfff;
}
.mansfield-town {
background: #ffbf00;
border-bottom: 8px solid #0000ff;
}
.milton-keynes-dons {
background: #FFFfff;
border-bottom: 8px solid #c5b35d;
}
.milton-keynes-dons h1{
color:#343848
}
.morecambe {
background: #ff0000;
border-bottom: 8px solid #000000;
}
.newport-county {
background: #ffd100;
border-bottom: 8px solid #000000;
}
.northampton-town {
background: #800000;
border-bottom: 8px solid #000000;
}
.notts-county {
background: #000000;
border-bottom: 8px solid #FFF200;
}
.oldham-athletic {
background: #0000bf;
border-bottom: 8px solid #FFFfff;
}
.port-vale {
background: #000000;
border-bottom: 8px solid #fecb01;
}
.stevenage {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.swindon-town {
background: #d80000;
border-bottom: 8px solid #FFFfff;
}
.tranmere-rovers {
background: #001489;
border-bottom: 8px solid #FFFfff;
}
.yeovil-town {
background: #008000;
border-bottom: 8px solid #FFFfff;
}
.afc-fylde {
background: #f52a2d;
border-bottom: 8px solid #1a2f5c;
}
.aldershot-town {
background: #ff0000;
border-bottom: 8px solid #0000ff;
}
.barrow {
background: #FFFfff;
border-bottom: 8px solid #000081;
}
.barnet {
background: #ffa500;
border-bottom: 8px solid #000000;
}
.braintree-town {
background: #ff8300;
border-bottom: 8px solid #0000ff;
}
.boreham-wood {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.bromley {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.chesterfield {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.dagenham-redbridge {
background: #0000ff;
border-bottom: 8px solid #d00000;
}
.dover-athletic {
background: #FFFfff;
border-bottom: 8px solid #FFFfff;
}
.eastleigh {
background: #0000ff;
border-bottom: 8px solid #000d5b;
}
.ebbsfleet-united {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.halifax-town {
background: #1035b4;
border-bottom: 8px solid #FFFfff;
}
.gateshead {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.hartlepool-united {
background: #60c3ff;
border-bottom: 8px solid #FFFfff;
}
.harrogate-town {
background: #ffdb22;
border-bottom: 8px solid #000000;
}
.havant-waterlooville{
background: #0080ff;
border-bottom: 8px solid #FFFfff;
}
.leyton-orient {
background: #fd5125;
border-bottom: 8px solid #FFFfff;
}
.maidstone-united {
background: #ffce00;
border-bottom: 8px solid #FFFfff;
}
.maidenhead {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.salford-city {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.solihull-moors {
background: #fd5125;
border-bottom: 8px solid #FFFfff;
}
.sutton-united {
background: #fcde00;
border-bottom: 8px solid #000000;
}
.wrexham-afc {
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.aberdeen {
background: #ed1d24;
border-bottom: 8px solid #FFFFFF;
}
.celtic {
background: #00992b;
border-bottom: 8px solid #FFFfff;
}
.dundee {
background: #000049;
border-bottom: 8px solid #000030;
}
.hamilton-academical{
background: #ff0000;
border-bottom: 8px solid #FFFfff;
}
.heart-of-midlothian{
background: #820000;
border-bottom: 8px solid #FFFfff;
}
.hibernian {
background: #003e00;
border-bottom: 8px solid #FFFfff;
}
.kilmarnock {
background: #0e00f7;
border-bottom: 8px solid #FFFfff;
}
.livingston {
background: #000000;
border-bottom: 8px solid #eabf07;
}
.motherwell {
background: #feb300;
border-bottom: 8px solid #9f0000;
}
.rangers {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.st-johnstone {
background: #0030ff;
border-bottom: 8px solid #FFFfff;
}
.st-mirren {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.alloa-athletic {
background: #ffa500;
border-bottom: 8px solid #000000;
}
.ayr-united {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.ayr-united h1{
color:#343848
}
.dundee-united {
background: #ff5f00;
border-bottom: 8px solid #000000;
}
.dunfermline {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.falkirk {
background: #00003e;
border-bottom: 8px solid #FFFfff;
}
.greenock-morton {
background: #0645d9;
border-bottom: 8px solid #FFFfff;
}
.inverness-caledonian-thistle{
background: #0000ff;
border-bottom: 8px solid #e90000;
}
.partick-thistle {
background: #ff0000;
border-bottom: 8px solid #ffef00;
}
.queen-of-the-south {
background: #024a9f;
border-bottom: 8px solid #FFFfff;
}
.ross-county {
background: #011d6a;
border-bottom: 8px solid #FFFfff;
}
.airdrieonians {
background: #FFFfff;
border-bottom: 8px solid #ff0000;
}
.airdrieonians h1{
color:#343848
}
.arbroath {
background: #a32f70;
border-bottom: 8px solid #FFFfff;
}
.brechin-city {
background: #ff0000;
border-bottom: 8px solid #000000;
}
.dumbarton {
background: #000000;
border-bottom: 8px solid #ffc90e;
}
.east-fife {
background: #ffcc00;
border-bottom: 8px solid #000000;
}
.forfar-athletic {
background: #0b1f40;
border-bottom: 8px solid #84d1ef;
}
.montrose {
background: #0000ff;
border-bottom: 8px solid #ff0000;
}
.raith-rovers {
background: #00133e;
border-bottom: 8px solid #FFFfff;
}
.stenhousemuir {
background: #750d32;
border-bottom: 8px solid #FFFfff;
}
.stranraer {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.albion-rovers {
background: #FFFf00;
border-bottom: 8px solid #ff0000;
}
.annan-athletic {
background: #ffbf00;
border-bottom: 8px solid #000000;
}
.berwick {
background: #fd9512;
border-bottom: 8px solid #000000;
}
.clyde{
background: #fa2236;
border-bottom: 8px solid #fa2236;
}
.cowdenbeath {
background: #085bb7;
border-bottom: 8px solid #FFFfff;
}
.edinburgh-city {
background: #FFFfff;
border-bottom: 8px solid #000000;
}
.edinburgh-city h1{
color:#343848
}
.elgin-city {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.peterhead {
background: #0000ff;
border-bottom: 8px solid #FFFfff;
}
.queens-park {
background: #000000;
border-bottom: 8px solid #FFFfff;
}
.stirling-albion {
background: #ff0000;
border-bottom: 8px solid #262a35;
}
/**** TABS ****/
/**** TABS ****/
.tabs .tabcontent > div, .twotabs .tabcontent > div{
display:none;
}
.tabs input[type=radio], .twotabs input[type=radio] {
display: none;
}
.tabs label {
display: inline-block;
padding: 15px 0;
text-align: center;
width:30%;
text-decoration: none;
color: #333;
font-family: AerinFont, Arial, sans-serif;
font-size: 16px;
font-size: 1.0rem;
line-height: 20px;
font-weight: 500;
}
.twotabs label {
display: inline-block;
padding: 15px 0;
font-weight: 500;
text-align: center;
width:49%;
}
.tabs label:hover, .twotabs label:hover {
background: #FFF;
cursor: pointer;
}
.tabs input:checked + label, .twotabs input:checked + label {
background: #FFF;
color: #343848;
}
.tabs #tab1:checked ~ .tabcontent #tabcontent1,.tabs #tab2:checked ~ .tabcontent #tabcontent2,.tabs #tab3:checked ~ .tabcontent #tabcontent3,.twotabs #tab1:checked ~ .tabcontent #tabcontent1,.twotabs #tab2:checked ~ .tabcontent #tabcontent2 {
display: block;
}
/* Widget - Common */
.widget-title{
color: #333;
font-size: 1.2rem;
font-weight: 300;
text-align: left;
padding: 6px 0 6px 0;
margin-bottom: 6px;
}
/* Widget - Leagues */
.widget_fanzalive_leagues li {
margin: 6px 0;
display: block;
background-repeat: no-repeat;
}
.widget_fanzalive_leagues li a{
color: #FFF;
padding: .5em;
display: block;
font-size: 20px;
text-decoration: none;
background-color:#001a39;
}
/* Form */
.fanzalive-form h3{
margin-bottom: 20px;
}
.fanzalive-form label{
padding: 0;
width: auto;
font-weight: normal;
display: block;
text-align: left;
margin-bottom: 5px;
}
.fanzalive-form .form-field,.fanzalive-form .form-submit{
margin-bottom: 20px;
}
.fanzalive-form input[type="text"],.fanzalive-form input[type="password"],.fanzalive-form input[type="number"],.fanzalive-form select,.fanzalive-form textarea{
padding: 10px;
line-height: 20px;
border: 1px solid #CCC;
}
.fanzalive-form input[type="text"],.fanzalive-form input[type="password"],.fanzalive-form input[type="number"],.fanzalive-form select{
height: 40px;
}
.fanzalive-form input[type="text"],.fanzalive-form input[type="password"],.fanzalive-form input[type="number"],.fanzalive-form textarea{
width: 100%;
}
.fanzalive-form input[type="submit"]{
color: #FFF;
border: none;
cursor: pointer;
padding: 12px 20px;
display: inline-block;
background: #001A39;
}
.fanzalive-form .field-label{
display: block;
margin-bottom: 5px;
}
.fanzalive-form .field-description{
color: #999;
font-size: 12px;
}
.registration-form .field-teams .field-input-wrap,.profile-edit-form .field-teams .field-input-wrap{
display: flex;
flex-wrap:wrap;
}
.registration-form .field-teams .field-input-wrap label,.profile-edit-form .field-teams .field-input-wrap label{
flex: 1 auto;
min-width: 100%;
max-width: 100%;
font-size: 14px;
}
@media (min-width:768px){
.registration-form .field-teams .field-input-wrap label,.profile-edit-form .field-teams .field-input-wrap label{
min-width: 25%;
max-width: 25%;
}
}
@media (min-width:480px) and (max-width:767px){
.registration-form .field-teams .field-input-wrap label,.profile-edit-form .field-teams .field-input-wrap label{
min-width: 50%;
max-width: 50%;
}
}
.registration-form .field-teams .tabs-dropdown,.profile-edit-form .field-teams .tabs-dropdown{
width: 100%;
margin-bottom: 20px;
}
/* Template: Home */
img{
max-width: 100%;
}
.tagline-pro {
margin-bottom: 10px;
}
@media (min-width:768px) {
.home-col-one{
min-width: 34%;
}
.home-col-two{
min-width: 64%;
}
.home-col-three{
min-width: 49%;
max-width: 50%;
}
.home-col-four{
max-width: 50%;
min-width: 50%;
}
/* .custom_radio_button_section{
max-width:50%;
}
*/
}
@media (min-width:481px) {
#header.dark .logo-tagline {
padding: 8px 8px !important;
}
.home-cols{
display: flex;
margin: 0 -15px;
}
.home-col{
flex: 1 auto;
box-sizing: border-box;
padding: 0 15px;
}
}
.tagline-pro a.logo-link {
display: inline-block;
}
@media (min-width: 481px) and (max-width: 767px) {
.home-col-one{
min-width: 50%;
}
.home-col-two{
min-width: 50%;
}
.home-col-three{
min-width: 100%;
}
.home-col-four{
min-width: 100%;
}
.home-col .home-cols{
display: block;
}
}
.set-flex label.custom_radio_label:nth-child(2) {
display: none;
}
@media (max-width:480px) {
div#mceu_22-body {
white-space: normal;
}
.home-col2{
min-width: 100%;
padding: 0 20px;
}
.match-tabs > .tabs-menu li a {
padding: 8px 4px !important;
font-size: 11px !important;
}
.score-inputs .form-field.score-field, .set-flex .form-field{
flex: 100% !important;
max-width: 100% !important;
}
}
@media (max-width:768px) {
#header.dark .logo-tagline{
font-size: 9px;
}
.menu li a {
padding: 5px 0 !important;
}
.menu {
justify-content: left !important;
}
.code-block, .code-block ins, .code-block iframe {
width:100% !important;
}
}
.home-team-advertise .code-block,
.home-team-advertise .code-block ins,
.home-team-advertise .code-block iframe {
width:100% !important;
}
/* League Fixtures Table */
.fanzalive-league-fixtures-table .col-time a{
color: #333;
text-decoration: none;
}
.fanzalive-league-fixtures-table .live{
color: red;
}
.fanzalive-league-fixtures-table .col-home{
text-align: right;
}
.fanzalive-league-fixtures-table .team a{
color: #333;
text-decoration: none;
}
.fanzalive-league-fixtures-table .team a:hover{
text-decoration: underline;
}
.fanzalive-league-fixtures-table .row-no-results td{
color: #ff0000;
}
.league-date-row{
color: #FFF;
padding: 10px;
text-align: center;
position: relative;
background-color: #001a39;
}
.league-date-row .prev-link {
color: #FFF;
position: absolute;
left: 0;
top: 0;
padding: 10px 100px 10px 20px;
}
.league-date-row .next-link {
color: #FFF;
position: absolute;
right: 0;
top: 0;
padding: 10px 20px 10px 100px;
}
.report-it a {
color: #999;
text-decoration: none;
}
@media(min-width: 768px) {
.fanzalive-league-fixtures-table .col-home{
width: 30%;
}
.fanzalive-league-fixtures-table .col-away{
width: 50%;
}
}
/* Widget */
.widget + .widget{
margin-top: 20px;
}
/* Test Widget */
.box-wrap,.ad-wrap{
padding: 10px;
background-color: #FFF;
}
/* Event Commentary */
.event-commentaries{
}
.event-commentary{
padding: 10px 10px 20px;
position: relative;
background-color: #FFF;
border-bottom: 1px solid #999;
}
.event-commentary .comment-heading{
color: #ef2f00;
}
.event-commentary .event-link{
text-decoration: none;
}
.event-commentary .comment-content,.event-commentary .comment-author-wrap .comment-author,.event-commentary .event-time,.event-commentary .comment-scores,.event-commentary .event-league{
font-size: 14px;
}
.event-commentary .comment-author-wrap .comment-time{
font-size: 12px;
}
.event-commentary .comment-content {
margin: 5px 0;
color: #555;
font-weight: normal;
}
.event-commentary .comment-author-wrap{
margin-bottom: 10px;
}
.event-commentary .comment-author-wrap .comment-author{
color: #555;
}
.event-commentary .comment-author-wrap .comment-time{
color: #999;
}
.event-commentary .event-time{
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #EEE;
border: 1px solid #ddd;
margin: 0 10px 7px 0;
}
.event-commentary .comment-images {
margin-top: 10px;
text-align: center;
}
.event-commentary .cld-like-dislike-wrap{
display: none;
margin-bottom: 0;
}
.event-commentary .comment-images img {
max-width: 100%;
height: auto;
}
.event-commentary .comment-scores{
display: flex;
margin: 5px 0;
}
.event-commentary .comment-scores .team-wrap{
flex: 1 50%;
display: flex;
justify-content: space-between;
}
.event-commentary .comment-scores .away-team-wrap{
flex-direction: row-reverse;
}
.event-commentary .comment-scores .away-team-wrap .team-name{
text-align: right;
}
.event-commentary .comment-scores .team-score{
padding: 0 5px;
}
.commentary-team-away .home-team-wrap,.commentary-team-home .away-team-wrap{
color: #999;
}
.event-commentary .event-league{
width: 100%;
display: block;
}
.comment-scores .team-name{
font-size: 18px;
font-weight: bold;
}
.comment-scores .team-score{
color: #000000;
font-size: 18px;
font-weight: bold;
}
.event-commentary .comment-content{
color: #000000;
font-size: 18px;
overflow: hidden;
}
/* Singe even page */
.match-reporter{
clear: both;
overflow: hidden;
margin-bottom: 20px;
}
/* Singe even page commentaries */
.single-event-commentaries .event-link,.single-event-commentaries .comment-scores,.single-event-commentaries .event-league{
display: none;
}
.single-event-commentaries .event-commentary{
padding: 10px;
margin-bottom: 10px;
box-shadow: 0 0px 2px #CCC;
background-color: #F9F9F9;
}
.single-event-commentaries .cld-like-dislike-wrap{
display: block;
}
.single-event-commentaries .comment-heading,.single-event-commentaries .comment-author-wrap .comment-author{
font-size: 18px;
margin-bottom: 5px;
}
.single-event-commentaries .event-time{
font-size: 18px;
width: 48px;
height: 48px;
line-height: 48px;
}
.single-event-commentaries .comment-content{
overflow: hidden;
}
.single-event-commentaries .commentary-type-gamestarted .comment-author{
display: block;
}
@media(max-width: 767px) {
.single-event-commentaries .comment-heading,.single-event-commentaries .comment-content{
clear: both;
}
.popup-main a, .popup-main p {
font-size: 15px;
}
#header .logo {
margin: 0px 8px 12px !important;
}
.menu li a{
padding: 12px 0;
}
.popup-main {
padding: 30px 0 !important;
max-width: 80% !important;
}
}
@media(min-width: 768px) {
.single-event-commentaries .comment-content{
margin-right: 200px;
}
.single-event-commentaries .event-commentary{
padding: 30px;
margin-bottom: 20px;
}
.single-event-commentaries .comment-author-wrap{
float: right;
text-align: right;
}
}
@media (min-width: 600px) {
.visible-mobile{
display: none !important;
}
}
@media (max-width: 599px) {
.tab-mobile .tab-content{
display: none;
font-size: 18px;
}
.tab-mobile .tab-content.active{
display: block;
}
.tab-content-wrap.tab-mobile{
background-color: #FFF;
padding: 10px 20px 20px;
}
.wp-block-image img {
max-width: 100%;
height: 275px;
}
}
ul.tabs-menu{
margin: 0;
padding: 0;
list-style: none outside;
display: flex;
}
.tabs-menu li{
margin: 0;
padding: 0;
flex: 1 auto;
}
.tabs-menu li a{
padding: 15px 20px;
display: block;
text-decoration: none;
text-align: center;
color: #333;
/*font-family: AerinFont, Arial, sans-serif;
font-size: 16px;
font-size: 1.0rem;
line-height: 20px;
*/
font-weight: 700;
}
.tabs-menu li.active a{
background-color: #FFF;
}
.tab-all .tab-content{
display: none;
}
.tab-all .tab-content.active{
display: block;
}
/* Tab style one */
.tab-style-one > .tabs-menu{
margin-bottom: 20px;
}
.tab-style-one > .tabs-menu li a{
margin: 2px;
padding: 12px 0;
position: relative;
background-color: #EEE;
}
.tab-style-one > .tabs-menu li.active a {
background-color: #FFF;
}
/* Tab style two */
.tab-style-two .tabs-menu{
margin-bottom: 20px;
border: 2px solid #f2f2f2;
}
.tab-style-two .tabs-menu li a{
position: relative;
;
border-right: 1px solid #f2f2f2;
}
.tab-style-two .tabs-menu li.active a::after {
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 6px;
background: #237610;
content: '';
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translate3d(0,150%,0);
transform: translate3d(0,150%,0);
}
/* Tab style three */
.tab-style-three > .tabs-menu{
margin-bottom: 10px;
}
.tab-style-three > .tabs-menu li a{
margin: 2px;
padding: 12px 0;
position: relative;
background-color: #EEE;
}
.tab-style-three > .tabs-menu li.active a {
color: #FFF;
background-color: #001A39;
}
.home-tabs li a{
font-size: 18px;
}
.form-notice{
font-size: 14px;
}
.error{
color: red;
}
/* Form */
.login-form input[type="text"],.login-form input[type="password"]{
max-width: 360px;
}
.registration-form input[type="text"],.registration-form input[type="password"],.registration-form select{
max-width: 360px;
}
i.circle {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #888;
padding: 0.5em 0.6em;
}
.maintext{
text-align: center;
text-decoration: none;
}
.fanzalive-form .custom_radio_button_section label.custom_radio_label{
color: #000;
margin: 10px;
font-size: 15px;
}
.custom_radio_button_section input[type=radio]:checked + label {
background-image: none;
border: 3px solid #001A39;
}
.tabs .custom_radio_button_section .custom_radio_button{
float: right;
display: block;
}
.hasan_league_link{
float: left;
padding: 5px 10px 10px;
margin-right: 10px;
margin-bottom: 10px;
color: #333;
border-bottom:1px solid #999;
text-decoration: none;
}
.hasan_league_link:hover{
color:red;
}
@media only screen and (min-width: 1024px) and (max-width: 1600px) {
.hasan_league_link{
width:22%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hasan_league_link{
width:30%;
}
}
@media only screen and (max-width: 767px) {
.hasan_league_link{
width:42%;
}
form.fanzalive-form.registration-form {
margin-top: 50px;
}
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
.entry .alignright {
float: left;
margin: 0;
clear: both;
display: block;
width: 100%;
height: auto;
}
.wp-block-image img {
max-width: 100%;
clear: both;
width: 100%;
height: auto;
}
}
@media (max-width: 480px){
#primary form a {
margin-top: 50px;
margin-left: 25px;
}
.score-inner a{
margin:0 !important;
}
.set-flex a.dropp-header__btn.js-dropp-action {
margin-top: 8px !important;
}
}
.icon {
display: block;
position: relative;
width: 1.2em;
height: 1.2em;
margin: 0 auto;
}
.icon:before,.icon:after {
content: "";
position: absolute;
}
.dropp {
max-width: 25em;
line-height: 20px;
border: 1px solid #CCC
}
.dropp-body label:hover, .dropp-body label.js-open {
background: #00b9eb66 !important;
}
.dropp-body label:first-child {
box-shadow: none;
display: none;
}
.dropp-header {
color: #333;
border-bottom: none;
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
-ms-flex-align: stretch;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.dropp-header__title {
display: block;
padding: 0.8em 0.5em;
-webkit-box-flex: 8;
-moz-box-flex: 8;
box-flex: 8;
-webkit-flex: 8;
-moz-flex: 8;
-ms-flex: 8;
flex: 8;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.dropp-header__btn {
display: block;
color: #333;
padding: 0.8em 0.5em;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dropp-header__btn .icon {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dropp-header__btn .icon:before,.dropp-header__btn .icon:after {
top: 30%;
left: 25%;
width: 50%;
height: 15%;
background: #333;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.dropp-header__btn .icon:after {
top: 55%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.dropp-header__btn.js-open {
background: #e1e1e;
}
.dropp-header__btn.js-open .icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropp-header__btn.js-open .icon:before,.dropp-header__btn.js-open .icon:after {
background: #222;
}
.dropp-header__btn:focus {
outline: none;
}
.dropp-body {
overflow: hidden;
width: 100%;
max-height: 0;
color: #333;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dropp-body.js-open {
max-height: 20em;
overflow-y: scroll;
}
.dropp-body label {
display: block;
font-size: 0.875em;
color: #FFF;
text-decoration: none;
padding: 1em 0.5em;
font-weight: 400;
box-shadow: 0 -1px 0 #EEE, inset 0 1px 0 #e1e1e1;
cursor: pointer;
}
.dropp-body label:first-child {
box-shadow: none;
}
.dropp-body label:hover,.dropp-body label.js-open {
background: #FFF;
}
fieldset {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
min-inline-size: min-content;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
margin-bottom: 10px;
}
legend {
display: block;
padding-inline-start: 2px;
padding-inline-end: 2px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
}
img.size-adv_image{
width: 100%;
}
.advertisement_section > img{
width: 100%;
}
.heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul{
float: right;
}
/* Single Match */
.match-content{
}
/* Match Statistics */
.match-statistics .label{
text-align: center;
margin-bottom: 10px;
}
.match-statistics .bar{
display: flex;
margin-bottom: 15px;
}
.match-statistics .home_bar,.match-statistics .away_bar{
flex: 1 auto;
padding: 5px;
min-width: 50px;
box-sizing: border-box;
}
.match-statistics .home_bar{
color: #FFF;
padding-left: 20px;
background-color: #ff0000;
}
.match-statistics .away_bar{
color: #FFF;
text-align: right;
padding-right: 20px;
background-color: #000;
}
/* Match Players */
.match-players .team .label{
margin-bottom: 10px;
}
.match-players .players{
padding: 0;
margin: 0 0 20px;
list-style: none outside;
}
.match-players .players .sp-icon{
width: 14px;
height: 14px;
font-size: 14px;
}
.match-players .players .player{
display: flex;
line-height: 1;
padding: 8px 12px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.match-players .players .joursey{
flex-basis: 20px;
text-align: right;
}
.match-players .players .name{
flex-basis: auto;
padding-left: 10px;
}
.match-players .players .card-yellow,.match-players .players .card-red{
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}
.match-players .players .card-yellow{
color: yellow;
}
.match-players .players .card-red{
color: red;
}
.match-players .players .goal{
color: green;
}
.match-players .players .goal + .goal{
margin-left: -5px;
}
.match-players .players .owngoal{
color: red;
}
.match-players .players .sp-icon-card + .sp-icon-card{
margin-left: -13px;
}
@media (min-width: 600px) {
.match-players{
display: flex;
}
.match-players .team{
flex: 1 auto;
margin: 10px;
min-width: 50px;
box-sizing: border-box;
}
}
@media (max-width: 599px) {
.match-players .team{
margin-bottom: 20px;
}
.match-tabs > ul.tabs-menu{
flex-wrap: wrap;
justify-content: center;
}
.match-tabs > .tabs-menu li{
flex:0 auto;
}
.match-tabs > .tabs-menu li a {
padding: 8px 12px;
white-space: nowrap;
}
}
.menu_item_report {
float: right;
}
header .navbar {
width: 50%;
}
/*============================================css for widget home============================================*/
.home-col-one .widget_custom_html {
margin: 0px;
}
.home-col-one .widget_custom_html a {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
color: #FFF;
background-color: #c42e2e;
margin-top: -5px;
transition: all 0.3s;
cursor: pointer;
text-decoration: none;
}
.home-col-one .widget_custom_html a:hover {
background-color: #241696;
}
/*================================================CSS FOR BOX COMMENT HOME================================================*/
.comment-footer{
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 2;
padding-top: 20px;
width: 80% !important;
margin: 0 auto;
}
.comment-footer a{
text-decoration: none;
}
.comment-footer .comment-footer-left{
width: 30%;
}
.comment-footer .comment-footer-left a{
color: #d8d8d8
}
.comment-footer .comment-footer-left a span{
margin-right: 5px;
}
.comment-footer .comment-footer-right{
width: 70%;
display: flex;
justify-content: flex-end;
}
.comment-footer .comment-footer-right .icon_fb a {
color: #7272e6;
}
.comment-footer .comment-footer-right .icon_tw a {
color: #31d2d7;
}
.comment-footer .comment-footer-right .icon_share a {
color: #2bd35d;
}
/* Single Event */
.fanzalive-team-scores-form{
margin-bottom: 30px;
}
.fanzalive-team-scores-form .score-inputs{
display: flex;
}
.fanzalive-team-scores-form .score-submit{
padding: 0 15px;
box-sizing: border-box;
}
.fanzalive-team-scores-form .score-field{
padding: 0 15px 0 0;
box-sizing: border-box;
}
.fanzalive-team-scores-form .score-submit{
margin-top:25px
}
/* Match Calendar + Table */
.fanzalive-matches .calendar {
margin-bottom: 13px;
}
.fanzalive-matches .calendar .calendar-date{
padding: 8px;
text-align: center;
border: 1px solid #ddd;
text-transform: uppercase;
}
.fanzalive-matches:not(.loading-matches) .calendar .calendar-date:hover:not(.date-active){
cursor: pointer;
background-color: #EEE;
}
.fanzalive-matches.loading-matches .calendar .calendar-date:hover{
cursor: wait;
}
.fanzalive-matches .calendar .date-active{
color: #FFF;
background-color: #001A39;
border-color: #001A39;
}
.fanzalive-matches .calendar .calendar-date .desc {
margin-top: 3px;
white-space: nowrap;
}
.fanzalive-matches .calendar .owl-carousel{
padding-right: 40px;
padding-left: 40px;
}
.fanzalive-matches .calendar .owl-prev,
.fanzalive-matches .calendar .owl-next{
top: 0;
width: 38px;
height: 100%;
text-align: center;
position: absolute;
border:1px solid #DDD !important;
}
.fanzalive-matches .calendar .owl-prev span,
.fanzalive-matches .calendar .owl-next span{
font-size: 40px;
}
.fanzalive-matches .calendar .owl-prev{
left: 0;
}
.fanzalive-matches .calendar .owl-next{
right: 0;
}
.fanzalive-matches .calendar .owl-prev.disabled,
.fanzalive-matches .calendar .owl-next.disabled{
opacity: 0.3;
cursor: not-allowed;
}
.fanzalive-matches table {
margin: 0;
width: 100%;
clear: both;
border: 1px solid #dedede;
border-spacing: 0;
}
.fanzalive-matches table a{
text-decoration: none;
}
.fanzalive-matches .row-league td {
color: #FFF;
background-color: #001A39;
}
.fanzalive-matches .row-match td {
background-color: #FFF;
border-bottom: 1px solid #EEE;
}
.fanzalive-matches .row-none td{
color: red;
text-align: center;
}
.fanzalive-matches .col-home{
width: 45%;
text-align: right;
}
.fanzalive-matches .col-away{
width: 45%;
text-align: left;
}
.fanzalive-matches .col-status{
width: 120px;
text-align: center;
}
.fanzalive-matches .match-team-link{
color: #000;
}
.fanzalive-matches .col-status .scores{
font-size: inherit;
display: flex;
}
.fanzalive-matches .scores span{
color: #333;
margin: 1px;
flex: 1 auto;
padding: 8px 5px;
background-color: #EEE;
}
.fanzalive-matches .status-live .scores span,
.fanzalive-matches .status-completed .scores span{
color: #000;
background-color: yellow;
}
.fanzalive-matches .hours{
color: #333;
text-align: center;
padding: 8px 5px;
background-color: #EEE;
}
.fanzalive-matches .status-code,
.fanzalive-matches .status-text,
.fanzalive-matches .match-day,
.fanzalive-matches .team-reporter,
.fanzalive-matches .team-reporting-live a{
color: #999;
font-size: 12px;
}
.fanzalive-matches .match-day{
margin-bottom: 5px;
}
.fanzalive-matches .status-code,
.fanzalive-matches .status-text,
.fanzalive-matches .team-reporter,
.fanzalive-matches .team-reporting-live{
margin-top: 5px;
}
.fanzalive-matches .status-code{
font-size: inherit;
}
.fanzalive-matches .live,
.fanzalive-matches .minutes-played,
.fanzalive-matches .team-reporting-live a{
color: red;
}
/***** Standing Table *****/
.fanzalive-standing + .fanzalive-standing {
margin-top: 30px;
}
.fanzalive-standing .standing-title{
color: #fff;
padding: 12px 12px;
background-color: #001A39;
}
.fanzalive-standing .col-pos,
.fanzalive-standing .col-played,
.fanzalive-standing .col-won,
.fanzalive-standing .col-lost,
.fanzalive-standing .col-draw,
.fanzalive-standing .col-goalfor,
.fanzalive-standing .col-goalagainst{
width: 50px;
text-align: center;
}
.fanzalive-standing .col-points{
width: 60px;
text-align: center;
}
.fanzalive-standing .col-form{
width: 140px;
}
.fanzalive-standing .col-form span{
width: 18px;
height: 18px;
padding: 2px;
font-size: 12px;
text-align: center;
line-height: 16px;
margin-right: 2px;
text-align: center;
display: inline-block;
}
.fanzalive-standing .col-form .result-win{
color: #fff;
background-color: #00ac77;
}
.fanzalive-standing .col-form .result-loss{
color: #fff;
background-color: #f21d07;
}
.fanzalive-standing .col-form .result-draw{
color: #fff;
background-color: #d0d6d5
}
.fanzalive-standing .standing-footer{
text-align: right;
border: 1px solid #EEE;
border-top: none;
}
.fanzalive-standing .standing-footer a{
color: #333;
padding: 12px 12px;
text-decoration: none;
display: inline-block;
}
.fanzalive-standing .standing-footer a i{
margin-left: 10px;
}
/***** Styles for screen 769px and higher *****/
@media screen and (min-width: 769px) {
body.blog div.entry {
vertical-align:top;
}
.fanzalive-matches .calendar .calendar-date .desc {
font-size: 12px;
}
.report-it a {
font-size: 14px;
}
}
/***** Styles for screen 1150px and lower *****/
@media only screen and (max-width : 1150px) {
body {
font-size:1rem;
}
header {
margin: 0;
padding-top: 16px;
}
.hometop {
padding: 16px;
}
#primary {
padding: 16px;
margin: 0 auto;
}
#content {
width:100%;
padding: 0 4px;
margin: 0px auto;
}
.imagegrid {
margin-top: 16px;
}
.entry p, .signoff p {
margin-bottom: 8px;
}
.signoff {
padding: 16px;
}
#comments ul.children li {
margin: 0 0 0 20px;
}
#logo-title {
font-size:2rem
}
#logo-tagline {
font-size:1.3rem
}
.taglinetwo {
font-size: 1.4rem;
}
h1 {
font-size: 1.0rem;
}
h2 {
font-size: 1.2rem;
}
.box a h2 {
color: #FFF;
font-size:1rem;
}
.box p {
font-size:0.6rem;
}
.acf-main.acf-style {
}
}
/***** Styles for screen 960px and lower *****/
@media (max-width: 960px){
.container{
padding: 0 20px;
}
#header .logo{
margin-right: 0;
}
}
/***** Styles for screen 768px and lower *****/
@media only screen and (max-width: 768px) {
.score-field br {
display: block;
}
body {
font-size:0.9em;
}
header {
margin: 0;
padding-top: 12px;
}
.hometop {
padding: 12px;
}
#primary {
padding: 0;
margin: 0 auto;
}
#primary section {
padding:18px;
margin-bottom: 8px;
}
.menu-main-container {
width:100%;
}
.menu {
font-size: 0.9rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#content {
width:100%;
padding: 0 12px;
margin: 12px auto;
}
.imagegrid {
margin-top: 12px;
}
.entry p, .signoff p {
margin-bottom: 6px;
}
.signoff {
padding: 12px;
}
#comments {
margin-top:12px;
}
#comments ul.children li {
margin: 0 0 0 12px;
}
#comments ol.commentlist li {
margin-bottom: 12px;
padding: 8px;
}
#logo-title {
font-size:1.6rem
}
#logo-tagline {
font-size:1rem
}
.taglinetwo {
font-size: 1.1rem;
}
.logo {
margin-bottom:6px;
}
.logo img {
max-height:50px;
}
h2 {
font-size: 1.2rem;
}
.box a h2 {
color: #FFF;
font-size:0.8rem;
}
.box p {
font-size:0.5rem;
}
.acf-main.acf-style {
}
#primary section img.clubicon {
margin: 0 10px 10px 0;
width:60px;
height: 60px
}
.entry img.avatar {
width:60px;
height:60px;
float:left;
margin-right: 10px;
border-radius: 50%;
}
.tab-style-three > .tabs-menu{
margin-bottom: 5px;
}
.fanzalive-matches .col-home{
width: 40%;
}
.fanzalive-matches .col-away{
width: 40%;
}
#main-menu .menu li a{
padding: 12px 15px;
}
.fanzalive-standing .col-goalfor,
.fanzalive-standing .col-goalagainst,
.fanzalive-standing .col-form{
display: none;
}
}
/***** Styles for screen 480px and lower *****/
@media only screen and (max-width: 480px) {
.score-field br {
display: block;
}
body {
font-size:0.7em;
}
#content {
width:100%;
padding: 0 6px;
margin: 6px auto;
}
#primary {
max-width:100%;
}
#primary section {
padding:8px;
margin-bottom: 6px;
}
.hometopcta {
clear:both;
width:40%;
margin-left:10px;
}
.hometopcta .telephone {
font-size: 1.1em;
}
.entry p, .entry ul, .entry ol, .summary p, .signoff p {
margin-bottom: 4px;
line-height: 110%;
}
.attachment-post-thumbnail{
width:100% !important;
}
h1 {
font-size: 1.2rem;
}
h2 {
font-size: 1.1rem;
padding:4px 0;
}
h4 {
margin: 8px 0;
padding: 0;
}
.entry .navigation a {
font-size: 0.8rem;
}
footer .widget_nav_menu li + li:before{
padding: 0 4px;
}
#primary section img.clubicon {
margin: 0 5px 5px 0;
width:40px;
height: 40px
}
.entry img.avatar {
width:40px;
height:40px;
float:left;
margin-right: 5px;
border-radius: 50%;
}
#header .logo-title{
font-size: 2rem;
}
#header .logo-tagline{
font-size: 0.7rem;
}
#header .user-menu a{
font-size: 1rem;
}
.fanzalive-standing .col-draw,
.fanzalive-standing .col-lost{
display: none;
}
.container{
padding: 0 6px;
}
}
.calendar button:focus{
outline: 0;
}
.calendar button{
transition: all 0.4s ease-in-out;
}
.calendar button:hover {
color: #fff !important;
background-color: #001a39 !important;
}
ul#tabs-nav {
list-style: none;
margin: 0;
overflow: auto;
}
#tabs-nav li {
margin-right: 7px;
margin-left: 0;
display: inline-block;
}
#tabs-nav li a {
text-decoration: none;
color: #FFF;
background-color: #ccc;
color: #000;
padding: 10px 20px;
display: block;
width: 100%
}
/*.tab-content {
padding: 10px;
border: 1px solid #dedede;
}*/
.wp-block-image figure {
position: relative;
padding-bottom: 0 !important;
}
.report-btn {
float: left;
position: absolute;
right: 0;
left: 0;
top: 100%;
color: #fff;
background: red;
text-align: center;
padding: 15px 20px;
text-decoration: none;
font-size: 18px;
letter-spacing: 1px;
transition: all 0.4s ease-in-out;
width: 100%;
margin: -4px auto;
}
.report-btn:hover {
background-color: #001a39;
}
.report-btn:focus{
background-color: #000;
}
.tabs-menu li {
flex-basis: 100%;
}
nav#main-menu {
overflow: hidden;
}
.news-section .news-details a {
color: #000;
font-size: 24px;
}
@media(max-width: 480px){
#header #main-menu .menu li a {
padding: 10px 3px;
font-size: 12px;
}
.news-section .news-img {
width: 28% !important;
margin-bottom: 15px;
}
.news-section .news-details {
width: 68% !important;
}
.news-section .news-details a{
font-size: 16px;
}
.news-section .news-details h1 {
margin-bottom: 0;
line-height: 17px;
}
.tabs-menu li a {
font-size: 12px !important;
}
.match-col .match-report-in{
flex: auto !important;
max-width: 100% !important;
margin-bottom: 15px;
}
.match-col .match-report-in #follow_btn {
display: block;
margin: 0;
margin-bottom: 7px;
}
.match-col .match-report-in:nth-child(2) {
width: 0%;
}
}
.match-statistics, #lineup, .sp-table-caption {
font-size: 17px;
}
.standing-table td a {
text-decoration: none;
}
.reporter-section {
display: block;
vertical-align: middle;
width: 100%;
border: 1px solid #ccc;
padding: 15px;
}
.reporter-section .report-img {
display: inline-block;
vertical-align: middle;
}
.reporter-section .reporter-details {
display: inline-block;
vertical-align: middle;
}
.fanza-author-menu {
padding: 13px 0;
border: 1px solid #ccc;
border-right: 0;
border-left: 0;
text-align: center;
margin-bottom: 30px;
}
.fanza-author-menu ul li {
display: inline-block;
}
.fanza-author-menu ul li a {
text-decoration: none;
padding-right: 5px;
color: #000;
}
.fanza-author-menu ul li a:hover {
color: #ff8d00;
}
.fanza-author-menu ul li a .post-count.red {
margin-left: -3px;
color: red;
}
.fanza-author-menu ul li a .post-count.green {
margin-left: -3px;
color: green;
}
.tab-content .col-md-9 {
max-width: 75.66%;
display: inline-block;
overflow: hidden;
width: 100%;
vertical-align: top;
}
.tab-content .col-md-3 {
max-width: 22.33%;
width: 100%;
display: inline-block;
margin-left: 1.5%;
}
.team-advertise {
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.news-section {
border: 1px solid #ccc;
padding: 15px;
margin-bottom: 13px;
}
.news-section .news-img {
display: inline-block;
width: 13%;
vertical-align: top;
}
.team-tabs {
padding: 0px 0 !important;
}
.news-section .news-details {
display: inline-block;
width: 72%;
vertical-align: top;
margin-left: 2%;
}
.entry.single {
margin-top: 12px;
}
.entry.single h1 {
font-size: 21px;
}
.follow-details {
clear: both;
display: block;
width: 100%;
overflow: hidden;
}
.form-group {
margin-bottom: 20px;
}
.green {
color: green;
}
#blog-news.tab-content .home-cols .col-md-9 {
max-width: 77.66%;
display: inline-block;
overflow: hidden;
width: 100%;
vertical-align: top;
}
#blog-news.tab-content .home-cols .col-md-3 {
max-width: 22.33%;
width: 100%;
display: inline-block;
margin-left: 0;
}
.code-block {
overflow: hidden;
}
.news-action {
display: block;
clear: both;
width: 100%;
}
.news-btn {
display: inline-block;
margin-right: 7px;
margin-top: 5px;
}
.entry.single img {
height: auto;
}
#latest-news img {
width: 100%;
height: auto;
}
.single-sp_event .heateor_sss_standard_follow_icons_container .heateorSssFacebookSvg, .single-sp_event .heateor_sss_horizontal_sharing .heateorSssFacebookSvg, .single-sp_event #heateor_sss_rearrange .heateorSssFacebookSvg{
background: transparent !important;
}
.single-sp_event .heateor_sss_standard_follow_icons_container .heateorSssFacebookSvg:before, .single-sp_event .heateor_sss_horizontal_sharing .heateorSssFacebookSvg:before, .single-sp_event #heateor_sss_rearrange .heateorSssFacebookSvg:before {
content: '\f09a';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #333;
text-align: center;
margin: 0 auto;
padding: 9px;
line-height: 30px;
}
.single-sp_event .heateor_sss_standard_follow_icons_container .heateorSssTwitterSvg, .single-sp_event .heateor_sss_horizontal_sharing .heateorSssTwitterSvg, .single-sp_event #heateor_sss_rearrange .heateorSssTwitterSvg {
background: transparent !important;
}
.single-sp_event .heateor_sss_standard_follow_icons_container .heateorSssTwitterSvg:before, .single-sp_event .heateor_sss_horizontal_sharing .heateorSssTwitterSvg:before, .single-sp_event #heateor_sss_rearrange .heateorSssTwitterSvg:before {
content: '\f099';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #333;
text-align: center;
margin: 0 auto;
padding: 9px;
line-height: 30px;
}
.single-sp_event .heateorSssSharingRound a i:before, .single-sp_event .heateorSssSharingRound a:hover i:before {
color: #333;
text-align: center;
margin: 0 auto;
padding: 6px;
line-height: 30px;
}
@media (max-width: 767px) {
#blog-news.tab-content .home-cols .col-md-3 {
display: none;
}
.match-report-tabs .tabs-menu li a{
font-size: 13px !important;
}
.match-statistics, #lineup {
text-align: center;
}
#blog-news.tab-content .home-cols .col-md-9 {
width: 100%;
display: block;
max-width: 100%;
}
.tab-content .col-md-9 {
width: 100%;
display: block;
max-width: 100%;
}
.tab-content .col-md-3 {
display: none;
}
.news-section p {
line-height: 18px;
font-size: 15px;
}
#header #main-menu .menu{
display: flex;
align-items: normal;
flex-wrap:wrap;
}
#header #main-menu .menu li {
flex: 1 auto;
}
#header #main-menu .menu li a{
text-align: center;
white-space: nowrap;
}
#latest-news .home-cols .home-col-four{
order: 1;
width: 100%;
}
#latest-news .home-cols .home-col-three{
order: 2;
border:none;
}
#latest-news .home-cols {
display: flex;
flex-wrap: wrap;
}
.fanzalive-matches table a {
font-size: 14px;
}
.sp-data-table tbody a {
font-size: 15px;
}
.sp-event-league, .sp-event-season {
font-size: 12px;
}
}
#latest-news .home-cols .home-col.home-col-three {
border-right: 1px solid #d0c3c3;
}
/* form design */
.score-inputs, .set-flex {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.score-inputs .form-field.score-field, .set-flex .form-field {
flex: 50%;
max-width: 50%;
padding: 0 15px;
}
.score-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
border: 2px solid #d7e1ec;
border-radius: 5px;
}
.score-inner input {
width: 80%!important;
border-top: none !important;
border-bottom: none !important;
border-left: 2px solid #d7e1ec !important;
border-right: 2px solid #d7e1ec !important;
color: #ccc7ce;
text-align: center;
font-size: 17px;
}
.score-inner input:focus, .sp-template-player-selector select:focus, .set-flex .form-field #commentary-time:focus{
outline:0;
}
.score-inner a {
max-width: 10%;
flex: 10%;
display: block;
height: 40px;
transition: all 0.4s ease-in-out;
}
.quantity__minus1,
.quantity__plus1,
.quantity__minus2,
.quantity__plus2 {
text-decoration: none;
text-align: center;
line-height: 40px;
color: #000;
font-size: 20px;
}
.quantity__minus1:hover,
.quantity__plus1:hover,
.quantity__minus2:hover,
.quantity__plus2:hover{
background: #575b71;
color: #fff;
}
.quantity__minus1, .quantity__minus2 {
border-radius: 3px 0 0 3px;
}
.quantity__plus1, .quantity__plus2 {
border-radius: 0 3px 3px 0;
}
.quantity__input {
width: 32px;
height: 19px;
margin: 0;
padding: 0;
text-align: center;
border-top: 2px solid #dee0ee;
border-bottom: 2px solid #dee0ee;
border-left: 1px solid #dee0ee;
border-right: 2px solid #dee0ee;
background: #fff;
color: #8184a1;
}
.set-flex .form-field #commentary-time {
border: 2px solid #d7e1ec !important;
border-radius: 5px;
height: 50px !important;
color: #ccc7ce;
font-size: 17px;
}
.set-flex .dropp{
max-width:100%;
border: 2px solid #d7e1ec !important;
border-radius: 5px;
}
.set-flex .custom_radio_button_section .custom_radio_label {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 10px !important;
}
.set-flex .dropp .dropp-header__title, .set-flex .form-field input::placeholder{
color: #ccc7ce;
font-size: 17px;
}
.set-flex .dropp-body label.js-open, .set-flex .dropp-body label:hover {
background: #001a39 !important;
color: #fff !important;
}
.sp-template.sp-template-player-selector.sp-template-profile-selector {
text-align: left !important;
}
.sp-template-player-selector select option {
color: #000;
}
.sp-template-player-selector select {
width: 100%;
border: 2px solid #d7e1ec !important;
border-radius: 5px;
height: 50px;
color: #ccc7ce;
font-size: 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: transparent url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_arrow_drop_down_48px-512.png) no-repeat right center;
background-position: 100% center;
background-size: 26px;
}
#blog-news .home-cols {
display: flex;
margin: 0 -15px;
flex-wrap: wrap;
}
#blog-news .home-cols .col-md-12 {
padding: 0 19px;
max-width: 100%;
flex: 100%;
}
#blog-news .home-cols .col-md-9, #blog-news .home-cols .col-md-3 {
padding: 0 15px;
}
.set-flex .dropp-header__btn.js-dropp-action img {
max-width: 11px;
}
.set-flex .dropp-header__btn.js-dropp-action {
text-align: right;
}
.mce-btn .mce-txt {
color: #000 !important;
}
.mce-btn.mce-active i{
color: #2a2a2a !important;
}
.mce-active {
border: 1px solid #e6e6e6 !important;
}
#type_blank_away{
display:none;
}
#author-news .news-section .news-details {
display: inline-block;
width: 80%;
vertical-align: top;
margin-left: 2%;
}
#author-news .news-section .news-img {
display: inline-block;
width: 8%;
vertical-align: top;
}
.comment-icon {
max-width: 18px;
vertical-align: middle;
}
.match-col{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.match-reporter a h2 {
padding: 4px 0 0;
margin-bottom: 0;
}
.match-col .match-report-in{
flex: 50%;
max-width: 50%;
}
.score-inner input::-webkit-outer-spin-button,
.score-inner input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
/* 17-10-2020*/
.join-us.report-us-btn {
padding-bottom: 49px;
}
.img-report {
position: relative;
}
.join-btn {
position: absolute;
color: #fff;
background-color: red;
width: 100%;
left: 0;
right: 0;
padding: 14px;
text-align: center;
font-size: 19px;
bottom: -47px;
transition: all 0.4s ease-in-out;
}
.join-btn:hover {
background-color: #001a39;
}
.join-btn:active, .join-btn:focus {
background-color: #000;
}
.img-report img {
width: 100%;
}
.sp-league-table .col-form span {
width: 18px;
height: 18px;
padding: 2px;
font-size: 12px;
text-align: center;
line-height: 16px;
margin-right: 2px;
text-align: center;
}
.sp-sortable-table .result-win {
color: #fff;
background-color: #00ac77;
}
.sp-league-table .col-form .result-loss {
color: #fff;
background-color: #f21d07;
}
.sp-league-table .col-form .result-draw {
color: #fff;
background-color: #d0d6d5;
}
/*popup*/
#follow-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 50%);
display: table;
bottom: 0;
}
.popup-follow-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.popup-main {
background-color: #fff;
padding: 50px 0;
max-width: 30%;
margin: 0 auto;
border-radius: 6px;
position: relative;
}
.popup-main a {
transition: all 0.4s ease-in-out;
}
.popup-main a:hover {
color: red;
}
.popup-main a.follow-close {
position: absolute;
right: -14px;
top: -13px;
background-color: rgb(0 0 0);
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
padding-top: 0px;
}
.user-messages .messages-data {
border: 1px solid #ccc;
padding: 9px;
margin-bottom: 13px;
overflow: hidden;
}
.user-messages .user-img {
margin-right: 10px;
float: left;
text-align: center;
min-width: 14%;
max-width: 14%;
}
.user-messages .user-img h4 {
line-height: 22px;
}
.user-messages .messag {
overflow: hidden;
border-left: 1px solid #ccc;
padding-left: 20px;
display: block;
max-width: 83%;
float: left;
width: 100%;
}
html, body {touch-action: pan-y;}
.news-advertise {
border: 1px solid #ccc;
margin-bottom: 15px;
overflow: hidden;
}
.advertise {
overflow: hidden;
}
.author-followers {
border: 1px solid #ccc;
padding: 10px;
display: block;
margin-bottom: 15px;
}
.author-followers img {
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
.author-followers h1 {
display: inline-block;
width: 83%;
}
.user-messages .messag .msg {
border-bottom: 1px solid #f1f1f1;
padding: 6px 12px;
}
.user-messages .messag .msg p {
margin-bottom: 0;
}
.user-messages .messag .msg.odd {
border-bottom: 1px solid #f1f1f1;
background-color: #fbfbfb;
}
body {
overflow-x:hidden;
}
.league-advertise, .league-advertise td {
padding: 0;
box-shadow: none;
}
.fanzalive-matches table {
border: 0;
}
.alignnone {
text-align: inherit;
height: auto;
}
@media(max-width: 640px) {
.clubbanner {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.tabs-menu li a {
font-size: 14px;
}
.entry.single p {
font-size: 15px;
}
}
.wp-post-image {
height: auto;
}
.col-md-3.mar70 {
margin-top: 78px;
}
.col-md-3.mar78 {
margin-top: 78px;
}
.sucess-msg {
max-width: 45%;
}
.fanzalive-form .form-field.half {
max-width: 49%;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.fanzalive-form .form-field.half input[type="text"] {
max-width: 100%;
}
.fanzalive-form.registration-form .form-field.field-submit {
float: right;
}
.matches .fa-smile-o {
color: #dede00;
}
.do-smile img {
vertical-align: middle;
}
.wp-block-image .alignright {
float: right;
margin: 0 0;
padding: 0;
margin-top: 76px;
}
.wp-block-image img {
height: auto;
width: 90%;
text-align: left;
float: left;
}
.single-post .entry.single img {
margin-bottom: 25px;
}
#google_pedestal_container {
display: none;
}
@media (max-width: 767px) {
#latest-news .home-cols .home-col.home-col-three {
border-right: 0;
width: 100%;
}
.wp-block-image .alignright {
margin-top: 0;
}
.page-template-registration p.sucess-msg {
max-width: 100%;
line-height: 21px;
}
.user-messages .user-img {
max-width: 100%;
}
.user-messages .user-img h4 {
font-size: 24px;
line-height: 30px;
}
.user-messages .messag {
padding-left: 0;
max-width: 100%;
}
.user-messages .messag .msg p {
padding-top: 15px;
line-height: 20px;
}
.user-messages .messag .msg {
font-size: 15px;
}
.fanza-author-menu ul {
margin: 0;
}
.fanzalive-form .field-label {
display: block;
margin-bottom: 5px;
font-size: 15px;
}
.fanzalive-form .form-group input {
width: 100%;
}
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
white-space: pre-wrap !important;
}
.fanzalive-form legend {
font-size: 20px;
}
.fanzalive-form .form-group input[type="checkbox"] {
width: auto;
}
.fanzalive-form .form-field.half {
max-width: 100%;
display: block;
}
#primary .fanzalive-form .form-field.half a {
margin-left: 0;
font-size: 15px;
}
.comment-content iframe {
width: 100% !important;
}
}
@media (max-width: 1023px) {
.tab-content .col-md-9 {
width: 100%;
display: block;
max-width: 100%;
}
.tab-content .col-md-3 {
display: none;
}
}
.tab-content.show {
display: block !important;
}
.event-commentary .comment-content iframe {
width: 100%;
}