/*
Theme Name: 2016 Child Simple Clean Design
Theme URI: https://www.tipsandtricks-hq.com/wordpress-twenty-sixteen-2016-child-theme-simple-clean-design-8509
Template: twentysixteen
Description: This Twenty Sixteen child theme uses a very simple and clean design for the blog posts and pages.
Version: 3.1.6
License: GNU General Public License v2 or later
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen
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.
*/

html, button, input, select, textarea, body,.main-navigation{font-family: "Open Sans",sans-serif,verdana;font-size:1em}

.home .site-main{margin-top:2em;}
body #content .post .entry-content {
    float: none;
    width: 100%;
}
body {
    background: #fff;
}
body #content .post .entry-footer {
    display: none;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after{height:0}.site{margin:0; background: #fff}
.site-header {
    padding: 0 20px;border-bottom: 1px solid #ccc;
}
.big {font-size:120%; font-weight:bold;}
hr{margin:1.75em 0;}
p{line-height:1.9em; text-align: justify;}
.entry-content h3{font-size:1.2em; font-weight:bold}

.logotext, a.logotext, a.logotext:visited {
    margin: 0;
    line-height: 2em;
    text-decoration: none;
    color: #000;
}
a.logotext:hover{color:#666;}
.red {
    color: #dd0000;
}


ul.max_flag_menu {
    list-style: none;
    float: left;
    margin-bottom: 0;
}
ul.max_flag_menu li {
    float: left;
    margin-left: 5px;
}

#maxfooter .widget-area #menu-temp-flags li{float: left}
#maxfooter .widget-area #menu-temp-flags li a,#maxfooter .widget-area #menu-temp-flags li a:hover{
	background-repeat:no-repeat;max-height:15px;padding:0;
    background-image: url("https://www.footballticketsbarcelona.fr/blog/wp-content/themes/twentysixteen-child/img/static/banderas.png");
    width: 80px;padding-left:25px;
    height: 15px;
    margin: 0 15px 0 0;
    background-size: 21px 150px;
}
#maxfooter .widget-area #menu-temp-flags li.flaguk a{background-position: 0 0;}
#maxfooter .widget-area #menu-temp-flags li.flagfr a{background-position: 0 -15px;}
#maxfooter .widget-area #menu-temp-flags li:nth-child(2) a{background-position: 0 -135px;}

.metrobcn{
	color: #fff;
    padding: 0;
    width: 1.5em;
    text-align: center;
    font-size: 1.2em;
    height: 1.5em;
    line-height: 1.5em;
    float: left;
    margin: 0 5px 5px 0;
}
.metrobcn3{background: none repeat scroll 0 0 #1EB53A;}
.metrobcn5{background: none repeat scroll 0 0 #005a97;}

.small{font-size:0.8em;}
.entry-title{
    font-family: "Open Sans",sans-serif,verdana;
    }

.site-inner{ max-width:none;}
.site-branding{max-width: 300px;
    margin: 10px auto !important;
    float: left;
    display: block;
    text-align: left;
    width: 100%;}
.site-branding .site-title a{
	font-family: "Open Sans", sans-serif; font-weight:normal;
}

.site-description{color: #888; text-transform: uppercase; font-size: 0.7em}
.site-header-menu {
    margin:0
}

#nav_menu-6{border-top:none; margin:0}
#menu-social{clear: both;text-align: center;list-style:none; font-size:2em; float:none;margin-left:0}
.fa-facebook{color:#3A5795;}
.fa-pinterest{color:#c02424;}
.fa-linkedin{color:#3376ea;}
.fa-youtube{color:#c02424;}
.fa-twitter{color:#0098FD;}
#menu-social:after{content:""; display:block; clear:both; float:none;}
#menu-social li{float:left;}
.arrowtop,#maxfooter{background:  #145d9b}
.arrowtop {color:#fff;
    border-radius: 1em 1em 0 0;
    cursor: pointer;
    display: block;
    margin: 80px auto 0;
    padding: 10px 0;
    text-align: center;
    width: 60px;
}
/*MY SHARE BUTTONS*/
#mysharebtns{height:32px;width:140px; background:none;}
.mysharebtnleft{float:left;margin-top:-20px;margin-bottom:20px;}
.mysharebtnright{float:right;margin-top:0px;}
#mysharebtns .platform_btn{height: 27px;
    width: 30px;margin-right:2px;
    color: #fff;
    display: inline-block;
    text-align: center;}
#mysharebtns .facebook_share{background-color: #3b5998;}
#mysharebtns .twitter_share{background-color: #1da1f2;}
#mysharebtns .fa-twitter{color:#fff;}
#mysharebtns .linkedin_share{background-color: #0077b5;}
#mysharebtns .email_share{background-color: #999;}
#mysharebtns a:hover{background-color:#666;}
/*END MY SHARE BUTTONS*/




@media screen and (max-width: 910px){
.entry-header,.entry-content{margin:0 4.6923%;}
/*.home .entry-header,*/
.page-id-23 .entry-header,.page-id-19 .entry-header,
.page-id-170 .entry-header,
.page-id-21 .entry-header,
.page-id-6 .entry-header,
.page-id-55 .entry-header,
.page-id-9 .entry-header,
.page-id-59 .entry-header{margin:0;}
}

@media screen and (min-width: 44.375em){
	.site-branding .site-title a{padding-left:20px;}
.site-header-menu {
    margin: 0;
}
}
/*breadcrumbs*/
#breadcrumbs{margin:0 0 15px;font-size:0.8em;}
h1.entry-title{margin-bottom:3px; font-size: 1.6em}
.addthis_sharing_toolbox {margin:5px 0 15px; height:30px;}
/*------NAV------*/
.site-header nav{
background-color: #099e7d;
    box-shadow: 0 4px 5px -3px #333333 inset;
    -moz-box-shadow: 0 4px 5px -3px #333333 inset;
    -webkit-box-shadow: 0 4px 5px -3px #333333 inset;
border-top: none;
margin: 0; 
}
.menu-principal-container{max-width:440px;margin: 0 auto;}
.main-navigation a{color: #fff; font-size: 1em; padding: 1.1em 0.8em;text-transform: uppercase}
.main-navigation li:hover > a,main-navigation li.focus > a{background: #159;color: #fff;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{font-weight: normal;color: #112331;background:#fff}


.site-header-menu{flex:1 100%}

.main-navigation ul ul{background: #fff; margin-left:0}
.main-navigation ul ul a{color: #1a1a1a}
.main-navigation ul ul:before,.main-navigation ul ul:after{border:0;}
.dropdown-toggle:after{color:#fff;border:0}
table{border:0}
table p{margin-bottom: 0}
td{border:none;}
tr.hotelbtn td{padding-bottom:30px }
tr.hotelname td, tr.hoteladdress td{border-bottom: 1px solid #eee }
a.btn{color:#fff;float:right;max-width:250px; padding:10px;display: block;text-decoration:none}
a.btn{background: #dd0000;}
a.btn:hover{background:#b00;}


.right{float:right;}
.left{float:left;}
.red{color:#dd0000}
.green{color:#099e7d}
.orange{color: orange}
#warning-container,.warning-container {
   	display: block;
    width: 90%;
    margin: 20px auto 20px;
    background: #ffeeab;
    padding: 15px 20px;
    border: 1px solid #ffdf65;
    text-align: center;
}
.entry-content a{box-shadow: none}
ul.addlink li span, ul.addinfo li span{display:inline-block;max-width:350px;}
	ul.addlink .big, ul.addinfo .big{font-size:1.2em; text-transform: uppercase;display: block;font-weight:bold;max-width: none;text-align:center}
	ul.addinfo {list-style: none; padding:0; margin-top:0; margin-bottom:15px; clear:both;float:none}
	ul.addinfo li{text-align: center; border: none; padding :30px 15px;}
	ul.addinfo li:nth-child(1), ul.addinfo li:nth-child(3){border-bottom: 8px solid #b01e3f;}
	ul.addinfo li:nth-child(2){border-bottom: 8px solid #005982; margin-left:0; margin-right:0}

	
	ul.addlink {list-style: none; padding:0; margin-top:0; margin-bottom:15px; clear:both;float:none}
	ul.addlink a{text-decoration: none; color:inherit;display:block;}
	ul.addlink li{text-align: center; border: none; padding :30px 15px;}
	ul.addlink li:nth-child(1), ul.addlink li:nth-child(3){border-bottom: 8px solid #b01e3f;}
	ul.addlink li:nth-child(2){border-bottom: 8px solid #005982; margin-left:0; margin-right:0}
	
	ul.addlink li:nth-child(1):hover, ul.addlink li:nth-child(3):hover{background:#005982; color: #fff}
	ul.addlink li:nth-child(2):hover{background:#b01e3f;color:#fff}
	
/*CALENDAR*/
.ui-widget{font-family: inherit !important;}
.match {
    border: 1px solid #ddd;
    display: block;
    float: left;
    height: 332px;
    margin: 0 1% -1px 0;
    padding: 10px 8px;
    width: 70%;}

#matchlist{
width: auto;
margin: 0;
border: 0;
padding: 0;
overflow:hidden;}
#matchlist h2, #matchlist h1{line-height:120%;}

#matchlist ul{font-size:1em;margin:0 ;}
#matchlist ul, #pricelist ul {list-style:none outside none; margin: 6px 0; padding: 0;}
#matchlist ul{clear:left;}
#matchlist li{line-height:inherit; border-bottom:1px dotted #ccc; margin:0;padding:8px}

#menu-sidebar-fcb{list-style:none;}
#menu-sidebar-fcb li a{float: none;display: block;padding:10px;}

#matchlist li.selected{background: rgba(120,120,120,0.5);}
#matchlist li span.summary {
    display: block;
    float: none;
    font-size: 1.05em;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    text-transform: uppercase;
}


#matchlist li .competition, #matchlist li span.thevenue{font-size:0.8em;} 


#matchlist li.selected span.summary, #matchlist li.selected span.competition{color:#fff;}
#matchlist li, #matchlist li span.summary{
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;}

#matchlist li span.date{font-size:0.9em; margin: 0 0 0 5px;padding: 0;color:#888;}
#matchlist li span.date .genericon-time{margin: 5px 0 0 5px;font-size:1.3em;}
#matchlist li span.competition{margin: 0 0 0 3px}

#matchlist li span.full{padding: 0 ;color:#888; text-transform: uppercase; padding: 14px 0 0; display: block;}


#matchlist li.selected span.date{color:#000;}
span.thedate{font-size:2.5em;}
span.theday{font-size:0.8em;}
span.themonth{font-size:1.2em;}
#matchlist a.remaininglink{margin-left:105px;}
#matchlist span.mentiontime{display:inline-block;padding: 1px 0 2px 20px; color: #84C139; font-size:0.9em; font-style: italic; margin: 10px 0 0 10px;}

img.logocomp{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 0 none;
       margin: 2px 3px 0 4px;
    padding: 0;
    text-align: center;
}
    .entry-header .type{font-size:1.2em;}
img.logocompgame{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 0 none;
    float: left;
    height: 20px;
    margin: 4px 6px 0 0;
    padding: 0;
    text-align: center;}
 img.logocomphome{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 0 none;
    float: left;
    height: 15px;
    margin: 2px 3px 0 4px;
    padding: 0;
    text-align: center;
    width: 15px;}
#match-info p{font-size:0.9em; font-style:italic; margin-top:6px}.matchinfo{padding: 0px;}
.mention {clear: right; display: inline-block;font-size: 0.9em; margin: 3px 0 0;}
img.logocompetition{margin: 0 auto; width: 100px; height: 100px;}

#matchlist ul a.greybtn{background-color: #888;color:#fff;display:block}
#matchlist ul a.greybtn:hover{text-decoration:none; background-color: #aaa;}
#matchlist ul a {
    float: right;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;
    font-size: 1.1em;margin: 24px 10px 0;
	min-width: 100px;max-width:80%;
    text-transform: uppercase;padding: 0.5em 0.8em;text-align: center;}

#matchlist ul a.all {
    margin: 12px 6px 12px 0;
}


#matchlist li.monthlydate {
    clear: left;background: #fff;
    padding:5px 5px 5px 10px;
    display: block;
    font-size: 1.3em;
    margin: 0;
    text-transform: uppercase;
}

.page-id-6 #matchlist li.monthlydate{
    border-bottom: 3px solid #b01e3f; 
    color: #000;
}
.page-id-9 #matchlist li.monthlydate{
    border-bottom: 3px solid #34669d; 
    color: #000;
}    
    
#matchlist li.monthlydate:not(:first-child) {
    margin-top:35px;
}





.blackbackground{padding:10px;margin:0 auto; width:100%;}

#pres-calendar h1{font-size: 3.7em;}

.entry-content .redtobluebtn,.redtobluebtn, .button, a.greybtn,input[type="submit"],input[type="button"], input[type="reset"] {
    background: #b01e3f;color: #fff;
    /*background-image: -moz-linear-gradient(right center , #CF0A2D, #82030A);*/
}
.tovipbtn {
    display: block;
    margin: 40px auto;
    padding: 20px;
    font-size: 1.2em;
    color: #000;
    background: #f1c626;
    max-width: 400px;text-align:center
}
.stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 20px;
}
.stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: #bbb;
}
.stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: gold;
    overflow: hidden;
}
.bluetoredbtn,.button, .redtobluebtn, input[type="submit"],input[type="button"], input[type="reset"]{
	    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    padding: 0.5em 0.8em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;font-size: 1.1em;
}
a.btncenter{max-width:360px; width:100%; margin-left:auto; margin-right:auto;}


.redtobluebtn:hover, .button:hover,input[type="submit"]:hover{color:#ffd757}
.redtobluebtn{max-width:400px;}
.ui-widget-content a.fcbbtn,a.fcbbtn{background:#b01e3f;color:#fff;}
.ui-widget-content a.fcbbtn:hover,a.fcbbtn:hover{background:#b01e3f;color:#ffd757;}
.ui-widget-content a.rcdebtn,a.rcdebtn{background:#34669d;color:#fff;}
.ui-widget-content a.rcdebtn:hover, a.rcdebtn:hover{color:#ffd757;}



.sidebar,
	.widecolumn {
		padding-right: 7.6923%;
	}

.post-thumbnail{margin-left: 0;margin-right:0}

/** MERCH **/
a.product{    border: 1px solid #ddd;
    display: block;color:#333;
    float: left;
    height: 375px;
    margin: 0 0 -1px -1px;
    overflow: hidden;
    padding: 20px 15px 35px;
    width: 33.3%;text-align:center;}
a.product img { border:none;}
a.product {
    text-decoration: none;
    box-shadow: none;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1;}
a.product .price{color:#666; font-weight:normal; display:inline-block;padding:8px 15px;margin:10px auto 0;max-width:250px;}
a.product:hover {background:#333; color:#fff;}
a.product:hover .price {color:#000; background: #fff;}
.jersey {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    display: block;
    padding: 0;width:100%; max-width:256px;
    text-decoration: none;
    margin: 0 auto;
    background-color: #eee;
    height: auto;
}  
.discount {
    background: #d00;
    color: #fff;
    padding: 5px;
    display: block;
    top: -230px;
    font-size: 1.3em;
    width: 60px;
    position: relative;
}

	  
 @media only screen and (max-width: 643px){
a.product {
    width: 50%;
    margin: 0 0 10px;
}
#matchlist ul .pricefrom{float: none;font-size:0.9em;margin: 0px auto 20px;text-align: center;width: 100%;display: block;} 
#matchlist ul .pricefrom span{} 
#matchlist ul .priceavailsoon{float: none;font-size: 0.9em;padding: 0;margin: 0px 0 20px 0;text-align: center; display: block;}
#matchlist li{font-size:1.2em;text-align:center;}
#matchlist li.monthlydate{font-size:1.4em;text-align:left}
#matchlist .matchinfo{margin:0 auto; width:100%;text-align:center;}
#matchlist li span.competition, #matchlist li span.additionalinfo{float:none; text-align:center;}
#matchlist li span.summary{margin:10px 0;float:none; font-size:1em}
#matchlist li span.summaryhome{font-size:1.05em}
#matchlist ul a, #matchlist ul a.greybtn {width: 80%;float: none;text-align: center;margin: 5px auto 5px;font-size: 1.2em;padding: 0.5em 0;}

#homematchlist ul a,#homematchlist ul a.greybtn{width: 50%;float: none;
text-align: center;margin: 5px auto 5px;font-size:1.4em;padding:0.5em 0;} 

}
@media only screen and (max-width: 568px){
	.ui-tabs .ui-tabs-nav{font-size:1.1em;}
a.product {
    width: 90%;
    margin: 0 auto -1px;
    float: none;
    padding: 20px 5%;}
a.product {font-size: 1em;}
}
    
/** SOCCERINFO 
	div.sitable - Standings table - BEGIN **/
div.sitable table tr.odd,
div.sifixtures table tr.odd,
div.siresults table tr.odd {
}

div.sitable {
	font-size: 12px;
	line-height: 20px;
	width: 320px;
	color: #444 !important;
}
div.sitable.siwidget {
	width: auto;
}
div.sitable table {
	border: none;
	border-spacing: 0px !important;
	width: 100%;
	border-color: transparent !important;
}
div.sitable table thead th,
div.sitable table tbody td {
	padding:2px;
	text-align:center;
	color: #444 !important;
}
div.sitable table thead th.team,
div.sitable table tbody td.team {
	text-align:left;
}
div.sitable table tbody td.rank {
	padding-right:4px;
	text-align:right;
}

div.sitable table thead,
div.sitable table thead th {
	background-color: #DDD;padding: 10px 5px;
}
div.sitable table tr.highlight {
	background-color: #EEE;
	font-weight: bold;
}

/** div.sitable - Standings table - END **/

/** div.sitable - Fixtures table - BEGIN **/
div.sifixtures {
	font-size: 12px;
	line-height: 20px;
	float:left;
	width: 320px;
	color: #444 !important;
}
div.sifixtures.siwidget {
	float:none;
	width: auto;
}
div.sifixtures table {
	border: none;
	border-spacing: 0px !important;
	width: 100%;
	border-color: transparent !important;
}
div.sifixtures table tbody td {
	padding:2px;
	text-align:left;
}
div.sifixtures table tbody td.team_a {
	width: 40%;
	text-align:right;
}
div.sifixtures table tbody td.team_b {
	width: 40%;
	text-align:left;
}
div.sifixtures table tbody td.time {
	white-space:nowrap;
	text-align:center;
}

div.sifixtures table tr.date {
	background-color: #DDD;
}
div.sifixtures table tr.highlight {
	background-color: #EEE;
}
/** div.sitable - Fixtures table - END **/

/** div.sitable - Results table - BEGIN **/
div.siresults {
	font-size: 12px;
	line-height: 20px;
	float:left;
	width: 320px;
	color: #444 !important;
}
div.siresults.siwidget {
	float:none;
	width: auto;
}
div.siresults table {
	border: none;
	border-spacing: 0px !important;
	width: 100%;
	border-color: transparent !important;
}
div.siresults table tbody td {
	padding:2px;
	text-align:left;
}
div.siresults table tbody td.team_a {
	width: 40%;
	text-align:right;
}
div.siresults table tbody td.team_b {
	width: 40%;
	text-align:left;
}
div.siresults table tbody td.team_bold {
	/*font-weight: bold;*/
	color: #090;
}
div.siresults table tbody td.result {
	white-space:nowrap;
	text-align:center;
}

div.siresults table tr.date {
	background-color: #DDD;
}
div.siresults table tr.highlight {
	background-color: #EEE;
}
/** div.sitable - Results table - END **/
/*FIX SOCCER INFO*/
.siresults img,.sifixtures img{max-width:20px;}
.sitable img{max-width:30px;}
.sitable tr,.sifixtures tr, .siresults tr{height:45px;vertical-align: middle}
div.sifixtures table tr.date td, div.siresults table tr.date td{padding: 10px !important;}
div.sifixtures table tr.highlight,div.sitable table tr.highlight{background: #CCDEE8 !important}
div.siresults table tbody td.team_bold{color:#005A8C !important}
div.sitable table tr.odd, div.sifixtures table tr.odd, div.siresults table tr.odd{}

div.sitable tr{border-bottom:1px solid #aaa}

table tr.match:nth-child(2n+1), div.sifixtures table tr.even {background-color: #fff !important;}

div.sitable table td, div.siresults table td, div.sifixtures table td{ border-width: 0 0 1px;}
div.sitable table tbody td.rank{text-align:center !important}
div.sitable table tbody img{float:left; display: block;margin-right: 4px;margin-top: -5px}
div.sitable table tbody td.team{padding:7px 0 0; width:200px}
div.sitable table tbody td.rank{width: 15px;}
div.sitable table tr.highlight{font-weight:normal !important}
div.sitable table tbody td.points{font-weight: bold !important;}
div.siresults table tr, div.sifixtures table tr{font-size:11px;} 
.sifixtures tr.date, .siresults tr.date{background:#fff !important;  color:#333 !important; font-size: 14px; border-bottom: 1px solid #ddd}
div.sifixtures table tr.date td, div.siresults table tr.date td{padding: 15px 0 0 15px !important;font-weight:bold !important}

div.sitable, div.siresults{font-size: 1em}

/*
div.sitable table tr:nth-child(1){background:#86bef9;}
div.sitable table tr:nth-child(2),div.sitable table tr:nth-child(3),div.sitable table tr:nth-child(4){background:#b2d7ff}
div.sitable table tr:nth-child(5){background:#ffe1b2}
div.sitable table tr:nth-child(18),div.sitable table tr:nth-child(19),div.sitable table tr:nth-child(20){background:#ffcece}
*/

.widget{border-color:#fff}
table{border-collapse:collapse}

.widget-title{font-weight:bold}

#maxfooter{width:100%; padding:30px 15px 30px; margin:0 0px; }
#maxfooter .widget{    margin-bottom: 20px}
	#maxfooter .widget-area{max-width:980px; width:100%; margin:0 auto; border: none}	
	#maxfooter .widget-area a{color: #fff;}
	#maxfooter .widget-area ul li{text-align:left; font-size:1em; line-height:1.7em;list-style: none}
	#maxfooter .widget-area ul li a{width: 100%; line-height: 15px; height: 40px;display: block}
	#maxfooter .widget-area .widget{border: none}
	#maxfooter .widget-title{color:#fff;font-weight:700;}

	#maxfooter .copyright{text-align:center; font-size:0.9em; color: #fff; padding:20px 0 0}
	#maxfooter .widget-area .site-title a{box-shadow: none; color:#2b95ff}
	#maxfooter .widget-area .site-title a span{color:#ffffff}
	#maxfooter blockquote{ border-color:#2b95ff; color: #eee;}
	#maxfooter{color:#fff;}
	#maxfooter .name{color:#eee}
	
/* The Overlay (background) */
.overlayclick{cursor: pointer}
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 999999999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay_exit {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 999999999999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay-content {
    position: relative;
    top: 5%; /* 25% from the top */
    width: 800px; /* 100% width */
    text-align: center; /* Centered text/links */
    margin: 0 auto 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.overlay_exit .overlay-content {
    position: relative; background: #fff;
    margin:15px auto; /* 25% from the top */
    width: 96%;
    padding: 10px 2% 25px;
    max-width: 600px; /* 100% width */
    text-align: left; /* Centered text/links */
}
.overlay-content address{color:#fff; float:none; text-align: left}

.overlay a, .overlay_exit a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay_exit a.button{font-size:15px; 0 22px;
    line-height: 32px;padding: 2px 15px}
.overlay a:hover, .overlay a:focus, .overlay_exit a:hover, .overlay_exit a:focus {
}
.overlay .closebtn, .overlay_exit .closebtn {
    font-size: 36px;color:#fff;
    position: absolute;
    right: 2%;
    top: 0;
}



.fourtyfivepercent{width:50%; padding:0 0 0 1%; margin: 0;}
.fiftyfivepercent{width:50%; padding:0; margin: 0;}
.page-template-game .content-area {
    float: left;
    margin-right: -100%;
    width: 100%;
}
.post-thumbnail img{margin:0 auto;}
	
.overlaybigmap {
    background: rgba(0, 0, 0, .8)repeat scroll 0 0;
    display: none;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%; top: 0; left:0;
    }
.overlayinfo {
    position: relative;
    background: #fff;margin:5% auto 0;
    border-radius: .7em;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border: none;
    padding: 10px 20px;
    box-shadow: 0 0 23px -11px #000 inset;max-width:820px;}
.overlayinfo img.mapzoom {width: 100%; max-width:780px; margin:0 auto;display:block;}
a.closeoverlay {background: none repeat scroll 0 0 #FFFFFF;float: right;color:#000;text-decoration: none;font-size:1.5em;line-height:1em;box-shadow: none;}
a.closeoverlay:hover{color: #CF0A2D;}
img.seatingplan:hover{cursor: pointer;}
img.nomap:hover{cursor: default !important;}

img.seatingplan {
width: 100%;
display: block;
border: 0;
margin: 0px auto;
max-width: 780px;
}

@media only screen and (max-width :800px){
	.fourtyfivepercent,.fiftyfivepercent{float:none; width:auto; margin-bottom:30px; clear:both;padding:0}
	img.seatingplan:hover{cursor:auto;}
	.overlaybigmap{display: none;}
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

.entry-content h2{font-size: 1.4em; font-weight: 700;}
.nomobile{display:none}


.menu-toggle{color:#014d91;border-color:#014d91;font-size:0.9em}.menu-toggle:hover{border-color:#ccc; color:#ccc}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus{
    border-color: #007acc;background: #fff;
    color: #007acc;
}

.menu-toggle:after {
    font-family: "Genericons";
    content: "\f419";
    font-size: 1.3em;
    padding-left: 0;
}

.toggled-on .menu-toggle:after {
    content: "\f432";
    vertical-align: 2px;
}



/*PRIVACY POLICY*/
.page-id-12 table td{border: 1px solid #ddd}
.page-id-12 table tr:first-child td{text-align: center}

.page-id-3 h2{border-bottom:2px solid #ddd; padding-bottom:5px}
.page-id-3 h3{margin-top:1.5em}

/* ------- Responsive code here ------- */
.widget-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget-area ul li a{padding: 5px;
    font-size: 1em;
    display: block;}
.widget-area ul li a:hover{text-decoration:underline;}  
  

@media screen and (min-width: 320px) {

#matchlist ul .pricefrom{float: none;font-size:0.9em;
    margin: 0px auto 20px;
    text-align: center;
    width: 100%;
    display: block;} 
	#matchlist ul .pricefrom span{} 
#matchlist ul .priceavailsoon{float: none;
    font-size: 0.9em;
    padding: 0;
    margin: 0px 0 20px 0;
    text-align: center;
    display: block;	
}

    
#matchlist ul a {
    float: none;
    font-size: 1.2em;
    margin: 5px auto 5px; min-width: 100px;
-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;
    text-transform: uppercase;padding: 0.5em 0.8em;text-align: center;}
    
        
	div.sitable, div.siresults{font-size: 0.7em}
	div.sitable table thead th.team{width:90px; line-height: 1em}
	div.sitable table thead th.first{width:20px}
	.sitable img{max-width:20px;}
		.half,.one_third,.third,.two_third{width:100%; padding: 0%;}
		.left,.right{float:none}
		.site-title{font-size:1.2em;}
	.site-footer{padding:0;}
	
	.matchinfo{float:none;text-align:center;}
img.logocomp{height:25px; width:25px;float:none}


	#matchlist ul .pricefrom{font-size:0.9em;}
	#matchlist ul .pricefrom span {font-size: 1.5em;color: #004b95;}

#matchlist li span.thevenue{margin: 0 0 0 5px ;}
#breadcrumbs{margin-top:15px;}
}
@media screen and (min-width: 450px) {
 .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }.site-description {
		display: none;
	}
	div.sitable, div.siresults{font-size: 0.8em}
	div.sitable table thead th.team{width:120px}
	.site-title{font-size:1.5em;}

	
}
@media screen and (min-width: 568px) {

	div.sitable, div.siresults{font-size: 0.9em}
	div.sitable table thead th.team{width:135px}
		div.sitable table thead th.first{width:30px}
		.sitable img{max-width:30px;}
		
.site-title{font-size:2em;}
.left{float:left}
.right{float:right}

}

@media screen and (min-width: 780px) {
#matchlist ul a {
    float: right;margin: 24px 6px 0 0;font-size:1em; width:auto;}
img.logocomp{width: 20px;float: left;height: 20px;}
	.matchinfo{float:left;text-align:left;}
	
	
	#matchlist ul .pricefrom{float:right; font-size: 0.8em;padding: 0; margin: 18px 50px 0 0;text-align: right;width:auto} 
#matchlist ul .pricefrom span{font-size: 1.5em; color: #004b95;} 
#matchlist ul .priceavailsoon{float:right; font-size: 0.8em;padding: 0; margin: 36px 50px 0 0;}
#matchlist li span.competition, #matchlist li span.additionalinfo{font-size:0.85em;}

.half{width:50%; padding: 0 1%;}

}
@media screen and (min-width: 56.875em){
	.site-content {padding: 0 20px;}
	.site-header {padding: 0;}
	.main-navigation {margin: 0;}
}

h1.entry-title {
    margin-bottom: 20px;
    font-size: 2.4em;
    margin-top: 20px;
}
.widget img{margin:0 auto;}
.wp-block-table td {
    border-width: 1px 1px 1px !important;
}



@media screen and (min-width: 320px) {
#nextseasonnew h1,#newhome h1 { font-size: 1.3em;}
}
@media screen and (min-width: 450px) {
#nextseasonnew h1,#newhome h1 { font-size: 1.5em;}
}
@media screen and (min-width: 568px) {
#nextseasonnew h1,#newhome h1 { font-size: 2em;}
}
@media screen and (min-width: 44.375em) {/* 710px */
#nextseasonnew h1,#newhome h1 { font-size: 2.5em;}
}

#nextseasonnew {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll ;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;
    margin: 0 auto 20px;
    padding: 0;
    text-transform: uppercase;
}
#nextseasonnew .black{
    padding: 70px 20px 30px;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}

#newhome {
    margin: 0 auto 20px;
    padding: 0;
    text-transform: uppercase;
}

#newhome.home, #newhome.champions {
	 background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: scroll ;
    background-color: #11222f;
    background-size: cover;
	
}
#newhome.clasico, #newhome.rcde, #newhome.fcb,#newhome.tour{
	 background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll ;
    background-color: #11222f;
    background-size: cover;	
}
@media screen and (max-width: 56.875em){/*910px*/
	#nextseasonnew { background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/info-proxima-temporada-fc-barcelona-768x384.jpg');}
    #newhome.home {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/compara-entradas-futbol-barcelona-768x384.jpg');}
    #newhome.champions {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-fc-barcelona-champions-league-768x384.jpg');}
    #newhome.clasico {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/informacion-clasico-fc-barcelona-real-madrid-camp-nou-768x384.jpg');}
	#newhome.rcde {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-rcd-espanyol-visitante-768x384.jpg');}
	#newhome.fcb {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-fc-barcelona-visitante-768x384.jpg');}
	#newhome.tour {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/camp-nou-experience-768x384.jpg');}
}

@media screen and (min-width: 56.875em){/*910px*/
	#nextseasonnew {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/info-proxima-temporada-fc-barcelona.jpg');}
	#newhome.home {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/compara-entradas-futbol-barcelona.jpg');}
	#newhome.champions {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-fc-barcelona-champions-league.jpg');}
	#newhome.clasico {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/informacion-clasico-fc-barcelona-real-madrid-camp-nou.jpg');}
	#newhome.rcde {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-rcd-espanyol.jpg');}
	#newhome.fcb {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/entradas-fc-barcelona.jpg');}
	#newhome.tour {background-image: url('https://www.footballticketsbarcelona.es/wordpress/wp-content/uploads/2021/01/camp-nou-experience.jpg');}
}

#nextseasonnew h1 {
    color: #fff;
    margin: 0px 0 10px;
    background:rgba(0,0,0,0.6);
    text-align:center;
    padding: 0 0 0 0px;
    line-height: 1.2em;text-shadow: 2px 2px 0px #000;hyphens:none;
}




#newhome .black {
    padding: 70px 20px 30px;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}
#newhome h1 {
     color: #fff;
    margin: 0px 0 10px;
    background:rgba(0,0,0,0.6);
    text-align:center;
    padding: 0 0 0 0px;
    line-height: 1.2em;text-shadow: 2px 2px 0px #000;hyphens:none;

}


@media screen and (min-width: 61.5625em){
.site-header-menu{
	margin-bottom:0
}
.one_third, .third{width:33.33%; padding:0 1%; margin: 0;}
.two_third{width:66.6%; padding:0 1%; margin: 0;}
}
@media screen and (min-width: 44.375em) {/* 710px */
	
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets,
	.pagination {
		margin-right: 7.6923%;
	}

.entry-content ul{margin-left:1.25em;}
}
@media screen and (min-width: 48.9375em) {/* 783px */




}
.site-content{max-width: 1000px;
    margin: 0 auto;
    background: #fff; background:#fff;
    -webkit-border-radius:0 0 25px 25px;
    -moz-border-radius:0 0 25px 25px;
	border-radius:0 0 25px 25px;
    }
@media screen and (min-width: 56.875em) {/*910px*/

.main-navigation a{font-size:0.9em;text-transform: uppercase;}.site-description {display: block}
	.site-header{background:#fff;border-bottom:none}
	#breadcrumbs{margin-top:0;}
	.nomobile{display:block}
	.sidebar,
	.widecolumn {
		padding-right: 0;
	}
	




	/*.home .content-area,*/
	.page-id-59 .content-area,.page-id-9 .content-area,.page-id-170 .content-area,
	.page-id-19 .content-area,.page-id-23 .content-area,
	.page-id-55 .content-area,
	.page-id-6 .content-area,
	.page-id-21 .content-area{
    float: left;
    margin-right: -100%;
    width: 100%;
}
	.third{width:33.33%; padding:0 1%; margin: 0;}
		.two_third{width:66.6%; padding:0 1%; margin: 0;}
	.entry-header{margin-right: 0;}	.entry-content{margin-right: 0;}
	
.no-sidebar .entry-header,.no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0 !important;
    margin-left: 0 !important;}
.post-52 .entry-header,.post-6 .entry-header,.post-9 .entry-header,.post-19 .entry-header,.post-21 .entry-header,.post-23 .entry-header,.post-55 .entry-header{ margin-right: -20px !important;
    margin-left: -20px !important;}

}
@media only screen and (max-width:909px){
	#newhome .black{padding:70px 20px;}
	#theflags{display: none;}
    body #content .post .entry-content {
        float: none;
        margin: 0 7.6923%;
        width: auto;
    }
    .site-header{background-color: #fff;}
    .site-branding{width:auto; float:none; text-align:left;margin:0.875em auto 0.875em 0}
}

@media only screen and (min-width:909px) and (max-width: 1000px) {

#matchlist li span.summary{font-size:0.95em;}
#matchlist ul .pricefrom{margin-right:20px;font-size:0.7em}
#matchlist ul .pricefrom span{font-size:1.6em;}	
}