/* 
Theme Name: Football plugin general styles
Theme URI: http://www.etts365.com
Description: Football plugin general for footballticketsliverpool.com
Template: twentythirteen
Version: 2.0.1045
Author: Max
Author URI: http://www.idcmsweb.com
License: GNU General Public License
License URI: license.txt
*/
/*THEME CORRECTIONS*/

/*SITE ARCHITECTURE MAX*/
.one_third{width:33.3%; padding:0 2% 2% 2%; margin: 0;background:#eee}
.two_third{width:66.6%; padding:0 2% 0 0; margin: 0;}
.fourtyfivepercent{width:50%; padding:0; margin: 0;}
.fiftyfivepercent{width:50%; padding:0; margin: 0;}
.half{float:left; width:50%; padding: 0 1%;}
.right{float:right;}
.left{float:left;}
.small{font-size:0.8em}

.big{font-size:1.2em;}
.none{float:none;}

.a_aboveheader {padding: 10px;background-color: #eee;width:100%;text-align:center;z-index:11;font-size:0.85em;}
.aboveprices{padding: 10px;background-color: #eee;width:100%;text-align:center;font-size:0.9em;}
.poweredby{padding: 30px;background-color:#171c22;width:100%;text-align:center;font-size:1em;color:#fff}
.poweredby a{color:#fff; text-decoration: underline;}
.poweredby a:visited{color:#fff;}
.poweredby a:hover{color:#CF0A2d;}
img.powered{cursor: pointer;}
.a_aboveheadermobile {height:0;width:100%;text-align:right;font-weight:bold;z-index:11;top:0;position:fixed;}
body:not(.search) .entry-header {background: rgba(0,0,0,0.4);}

h1.entry-title{color: #fff;line-height: 1em;padding: 5% 0;margin: 0;text-shadow: 1px 1px 1px #000, 1px 1px 5px #000;text-transform: uppercase;font-style: normal;clear:none;font-size: 3em;text-align: center;}


span.theticket,.button, a.greybtn, input[type="submit"],input[type="button"], input[type="reset"]{
color: #ffffff !important;
cursor: pointer;max-width:240px;width:100%; -webkit-border-radius:20px; border-radius:20px;
display: block;
padding: 0.5em 0.8em;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;font-size: 1.1em;border:none;
background:#333;
cursor: pointer;
-webkit-transition: all 0.23s ease-in-out 0s;
transition:all 0.23s ease-in-out 0s;
}
.button_center{margin:0 auto;}

span.theticket:hover, .redtobluebtn:hover, .button:hover,input[type="submit"]:hover,input[type="button"]:hover, input[type="reset"]:hover{background:#555}
table.table_categories td{padding:5px 0;}
table.table_categories tr td:first-child{width:20px;padding-left:0; padding-right:0;}
table.table_categories tr td:nth-child(2){width:90px;}


/*Event info part fictures and match top nav*/
.eventinfo {
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
    color: #555;
    font-size: 1em;
    position: relative;clear:both;width:100%; display: block
}
.timemention,.citynobreak{display:inline-block;}
.oneline {margin:0;display:inline-block; float: left; width:33.3%;padding:15px 0;border-bottom:none;}
.eventinfo .oneline:nth-child(2){text-align: center;}
.eventinfo a{text-decoration :underline; text-align: right;}
@media screen and (max-width: 700px){
	.oneline {display:block;font-size: 1em;width:100%; float: none;text-align: center;border-bottom:1px solid #eee}
	.eventinfo a{text-align: center;border-bottom:none;}	
}


body:not(.sidebar) .wp-block-cover > .wp-block-cover__inner-container > .homecolumns{margin-bottom:0;width:100%;max-width:1080px;}
.wp-block-cover.homecover{padding:0 ;margin-top:50px;}
.homecolumns .wp-block-column:first-child:not(.half){padding:0 0 0 3%;max-width:320px; margin:0 auto;}

.homecover .wp-block-cover__inner-container{width:100%}

.wp-block-cover.stadiuhome{max-height:264px;}
.wp-block-cover.alignfull .wp-block-column p{max-width: 560px;margin-left:auto; margin-right:auto;}
.wp-block-cover.alignfull .fa-stack{background: #fff;-webkit-border-radius: 15px; border-radius:15px;height:3em; width:3.5em; padding-top:0.5em;overflow: hidden;}
.wp-block-cover.alignfull .fa-stack-max{background: #fff;height:1.5em; width:1.7em;padding-top:0;}

.custom-html-widget .fa-stack-max{background: #fff;-webkit-border-radius: 15px; border-radius:15px;padding:0.2em 0.15em;display: block;overflow: hidden;}

.fa-futbol.white{color:#fff}
.page-id-792 .wp-block-cover .wp-block-cover__inner-container{width:100%;}

.fa-search { x-transition: all 1s linear;
  animation: ani 2.4s infinite;
  }

.nooverflow .fa-stack{overflow:hidden;}

.tickslide {
	transition: all 0.5s ease-in-out;
  animation: slidee 2.25s linear infinite;
	
}
.tickslide1 {
	transition: all 0s linear;
  animation: slid 2.75s ease-in-out infinite;
	
}
.fa-mouse-pointer{color:#20B0A8;filter:drop-shadow(-1px -1px 0px #fff)}
.fa-hand-point-up {color:#fff;filter:drop-shadow(1px 1px 0px #CF0A2D)}

.fa-stack:hover > .max-futbol-bounce {color: #CF0A2D;}
.fa-stack:hover > .fa-hand-point-up {color: #20B0A8;}
.max-futbol-bounce,.fa-hand-point-up {transition: all 0.5s linear;}
.redfonce{color:rgba(80,0,15,0.5);}
.max-futbol-bounce-2 {
        animation: bounce 2.1s 0.4s ease infinite;
    }
.max-futbol-bounce {
        animation: bounce 2s ease infinite;
    }
    @keyframes bounce {
         0%   { transform: scale(1,1)      translateY(0)  rotate(0deg); }
        10%  { transform: scale(1.1,.9)   translateY(0) rotate(1deg);}
        30%  { transform: scale(.9,1.1)   translateY(-40px) rotate(3deg); }
        50%  { transform: scale(1.05,.95) translateY(0)  rotate(5deg);}
        57%  { transform: scale(.95,1.05)      translateY(-7px) rotate(4deg);}
        64%  { transform: scale(1,1)      translateY(0) rotate(3deg);  }
        100% { transform: scale(1,1)      translateY(0) rotate(0deg);}
    }

    
      
/*
  .fa-hand-point-up {animation: bounce 1.5s ease infinite;}

*/
@keyframes slidee{
     0% {left: -130px;}
     100% {left:  105px;}
}
@keyframes slid{
     0% {left: 82px;}
     100% {left: -95px;}
}


@keyframes ani {
  0% {
    left: 25%;
  }
  50% {
    left: 5%;
  }
  100% {
    left: 25%;
  }
}


/*CALENDAR*/

.background{background-repeat:no-repeat;background-size: 100%}
 .lazy{background-color:#fff}
 


.nomobile{display:block;}
.mobile{display:none;}
#warning-container {background: #ffeeab;border: 1px solid #ffdf65;}
#warning-container, #warning-ok, #warning-error, #errorticket {
border-radius: 3px;color: #000000;margin: 20px auto;width: 100%;padding:2%;text-align: center;}
#warning-container p{margin:0 auto;text-align:center;font-size:0.9em;}
#warning-container a.redtobluebtn{margin:10px auto 0}
#warning-container-mini {
    display: block;
    width: 90%;
    margin: 20px auto;
    background: #ffeeab;
    padding: 10px;font-size:0.85em;
    border: 1px solid #ffdf65;
}
#arrowup {display:none;position: fixed;font-weight: bold;font-size:1.5em;bottom: 8px;right:8px;padding: 3px 5px;
color:#fff;-webkit-border-radius: 20px; border-radius:20px;z-index:100;opacity:0.6;background:#333;}
#arrowup:hover {opacity:1}

.entry-content p.bighome{color:#fff; font-size:1.2em;line-height:1em;text-transform:uppercase;margin:0 auto; text-align:left}

@media only screen and (max-width :960px) {
	.a_aboveheader{font-size:0.8em;}
}
@media only screen and (max-width :900px) {
h1.entry-title{font-size:2.5em}
.two_third, .one_third{float:none; width:auto; margin-bottom:20px; clear:both}
}
@media only screen and (max-width :850px) {
.half {
    width: 98% !important;
    float: none !important;
    flex-basis: 100% !important;
}
.a_aboveheader{font-size:0.75em;}
	
}
@media only screen and (max-width :800px){
	.fourtyfivepercent,.fiftyfivepercent{float:none; width:auto; clear:both;padding:0}
	.fiftyfivepercent{margin-bottom:0}
	.fourtyfivepercent{margin-bottom:30px}
}


@media only screen and (max-width :643px) {
.nomobile{display:none;}
.mobile{display:block;}
.home .entry-content h2{font-size:1.6em;}
table{font-size:11px;}

}
@media only screen and (max-width :568px) {
h1.entry-title {font-size:1.6em;line-height: 1.2em;}
.right{float:left}
}
@media screen and (max-width: 460px) {
h1.entry-title  {font-size:1.3em}
}