@font-face{font-display:swap;font-family:'fontawesome';src:url(/wp-content/themes/barcelonaparty/css/fonts/fontawesome.eot);src:url('/wp-content/themes/barcelonaparty/css/fonts/fontawesome.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/barcelonaparty/css/fonts/fontawesome.svg#fontawesome') format('svg'),url(/wp-content/themes/barcelonaparty/css/fonts/fontawesome.woff) format('woff'),url(/wp-content/themes/barcelonaparty/css/fonts/fontawesome.ttf) format('truetype');font-weight:400;font-style:normal}body,html{font-size:100%;padding:0;margin:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}body{font-family:'Lato',Calibri,Arial,sans-serif}a{text-decoration:none}a:hover{color:#000}.container>header{padding:2.875em 1.875em 1.875em}.container>header h1{font-size:2.125em;line-height:1.3;margin:0;float:left;font-weight:400}.container>header span{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.5em;padding:0 0 .6em .1em}.container>header nav{float:right}.container>header nav a{display:block;float:left;position:relative;width:2.5em;height:2.5em;background:#fff;border-radius:50%;color:#fff0;margin:0 .1em;border:4px solid #47a3da;text-indent:-8000px}.container>header nav a:after{content:attr(data-info);color:#47a3da;position:absolute;width:600%;top:120%;text-align:right;right:0;opacity:0;pointer-events:none}.container>header nav a:hover:after{opacity:1}.container>header nav a:hover{background:#47a3da}.main>section{max-width:260px;width:90%;margin:0 auto}.main>section h2{font-weight:300;color:#ccc}.main>section button{border:none;background:#47a3da;color:#fff;padding:1.5em;display:block;width:100%;cursor:pointer;margin:10px 0;font-size:.8em}.main>section button:hover{background:#258ecd}.main>section button.active{background:#0d77b6}.main>section button.disabled{background:#aaa;pointer-events:none}.icon-drop:before,.icon-arrow-left:before{font-family:'fontawesome';position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:400;line-height:2;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased;text-indent:8000px;padding-left:8px}.container>header nav a:hover:before{color:#fff}.icon-drop:before{content:"\e000"}.icon-arrow-left:before{content:"\f060"}