/* Variables */
/* Reset */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
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,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-text-size-adjust: none !important;
}
* {
  outline: none;
  -webkit-appearance: none;
}
b,
strong {
  font-weight: 700;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Typography */
html {
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  html {
    font-size: 14px;
    /* mobilon kisebb */
  }
}
@media screen and (min-width: 2000px) {
  html {
    font-size: 1vw;
    /* nagy kijelzőn dinamikus */
  }
}
p {
  line-height: 1.5;
  margin-bottom: 01rem;
  /* 16px, body font-size fele */
}
a {
  color: #1d8eb0;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
a:hover {
  color: #1dbf79;
}
h1,
h2,
h3 {
  font-family: 'Alata';
  color: #1d8eb0;
  margin-bottom: 0.5rem;
}
h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5rem;
}
.boats-home h2 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.about h2 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.events-home h2 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.overlay h2 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
main ul {
  margin-bottom: 1rem;
}
main ul li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.3;
}
main ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.25rem;
  /* 16px */
  height: 0.25rem;
  background: #1d8eb0;
  border-radius: 50%;
}
.align-center {
  text-align: center;
}
align-left {
  text-align: left;
}
align-right {
  text-align: right;
}
.decor {
  font-family: 'Quick Signature Personal Use';
  font-size: 8rem;
  color: #fff;
  text-shadow: 0 1px 20px rgba(110, 200, 225, 0.5);
  margin-bottom: -2.5rem;
}
.bigger {
  max-width: 40rem;
  margin: 0 auto 2rem auto;
  font-size: larger;
}
.wp-block-table table {
  widht: 100%;
}
td {
  padding: 0.5rem;
  border: solid 1px #eee;
  text-align: left;
}
/* Main Navigation */
#menu-icon {
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  cursor: pointer;
}
#menu-icon span {
  width: 1.25rem;
  height: 0.25rem;
  background: #1d8eb0;
  border-radius: 10px;
  margin: 0.1rem auto;
}
#main-menu {
  position: fixed;
  top: 0;
  right: -17rem;
  width: 16rem;
  height: 100%;
  z-index: 2;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: center;
  padding: 2rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#main-menu.open {
  right: 0;
}
#main-menu ul li a {
  padding: 1rem 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  display: block;
  text-transform: uppercase;
}
#close {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #1d8eb0;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
/* Grid */
.column-9 > div {
  width: calc(11.11111111% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-9 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-8 > div {
  width: calc(12.5% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-8 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-7 > div {
  width: calc(14.28571429% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-7 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-6 > div {
  width: calc(16.66666667% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-6 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-5 > div {
  width: calc(20% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-5 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-4 > div {
  width: calc(25% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-4 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-3 > div {
  width: calc(33.33333333% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-3 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-2 > div {
  width: calc(50% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.column-90 {
  width: calc(90% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-80 {
  width: calc(80% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-70 {
  width: calc(70% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-60 {
  width: calc(60% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-50 {
  width: calc(50% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-40 {
  width: calc(40% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-30 {
  width: calc(30% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-20 {
  width: calc(20% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
.column-10 {
  width: calc(10% - 2rem);
  margin-right: 1rem;
  margin-left: 1rem;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .column-9 > div,
  .column-8 > div,
  .column-7 > div {
    width: calc(16.66666667% - 2rem);
  }
  .column-6 > div,
  .column-5 > div {
    width: calc(33.33333333% - 2rem);
  }
}
@media screen and (max-width: 479px) {
  .column-9 > div,
  .column-8 > div,
  .column-7 > div {
    width: calc(33.33333333% - 2rem);
  }
  .column-6 > div,
  .column-5 > div,
  .column-4 > div,
  .column-3 > div {
    width: calc(50% - 2rem);
  }
  .column-3 > div,
  .column-2 > div {
    width: calc(98%);
  }
}
/* Grid */
@font-face {
  font-family: 'weathericons';
  src: url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/weathericons-regular-webfont.eot');
  src: url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://siren.livandart.com/wp-content/themes/alapsablon}/fonts/weathericons-regular-webfont.woff2') format('woff2'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/weathericons-regular-webfont.woff') format('woff'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/weathericons-regular-webfont.ttf') format('truetype'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#weather ul li {
  display: inline-block;
  margin-right: 1.5rem;
}
#weather ul li:before {
  font-size: 1.25rem;
  margin-right: 0.25rem;
  color: #1d8eb0;
  display: inline-block;
  font-family: 'weathericons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-humidity:before {
  content: "\f07a";
}
.wi-strong-wind:before {
  content: "\f050";
}
.wi-thermometer:before {
  content: "\f055";
}
.wi-owm-200:before {
  content: "\f01e";
}
.wi-owm-201:before {
  content: "\f01e";
}
.wi-owm-202:before {
  content: "\f01e";
}
.wi-owm-210:before {
  content: "\f016";
}
.wi-owm-211:before {
  content: "\f016";
}
.wi-owm-212:before {
  content: "\f016";
}
.wi-owm-221:before {
  content: "\f016";
}
.wi-owm-230:before {
  content: "\f01e";
}
.wi-owm-231:before {
  content: "\f01e";
}
.wi-owm-232:before {
  content: "\f01e";
}
.wi-owm-300:before {
  content: "\f01c";
}
.wi-owm-301:before {
  content: "\f01c";
}
.wi-owm-302:before {
  content: "\f019";
}
.wi-owm-310:before {
  content: "\f017";
}
.wi-owm-311:before {
  content: "\f019";
}
.wi-owm-312:before {
  content: "\f019";
}
.wi-owm-313:before {
  content: "\f01a";
}
.wi-owm-314:before {
  content: "\f019";
}
.wi-owm-321:before {
  content: "\f01c";
}
.wi-owm-500:before {
  content: "\f01c";
}
.wi-owm-501:before {
  content: "\f019";
}
.wi-owm-502:before {
  content: "\f019";
}
.wi-owm-503:before {
  content: "\f019";
}
.wi-owm-504:before {
  content: "\f019";
}
.wi-owm-511:before {
  content: "\f017";
}
.wi-owm-520:before {
  content: "\f01a";
}
.wi-owm-521:before {
  content: "\f01a";
}
.wi-owm-522:before {
  content: "\f01a";
}
.wi-owm-531:before {
  content: "\f01d";
}
.wi-owm-600:before {
  content: "\f01b";
}
.wi-owm-601:before {
  content: "\f01b";
}
.wi-owm-602:before {
  content: "\f0b5";
}
.wi-owm-611:before {
  content: "\f017";
}
.wi-owm-612:before {
  content: "\f017";
}
.wi-owm-615:before {
  content: "\f017";
}
.wi-owm-616:before {
  content: "\f017";
}
.wi-owm-620:before {
  content: "\f017";
}
.wi-owm-621:before {
  content: "\f01b";
}
.wi-owm-622:before {
  content: "\f01b";
}
.wi-owm-701:before {
  content: "\f014";
}
.wi-owm-711:before {
  content: "\f062";
}
.wi-owm-721:before {
  content: "\f0b6";
}
.wi-owm-731:before {
  content: "\f063";
}
.wi-owm-741:before {
  content: "\f014";
}
.wi-owm-761:before {
  content: "\f063";
}
.wi-owm-762:before {
  content: "\f063";
}
.wi-owm-771:before {
  content: "\f011";
}
.wi-owm-781:before {
  content: "\f056";
}
.wi-owm-800:before {
  content: "\f00d";
}
.wi-owm-801:before {
  content: "\f041";
}
.wi-owm-802:before {
  content: "\f041";
}
.wi-owm-803:before {
  content: "\f013";
}
.wi-owm-804:before {
  content: "\f013";
}
.wi-owm-900:before {
  content: "\f056";
}
.wi-owm-901:before {
  content: "\f01d";
}
.wi-owm-902::before {
  content: "\f073";
}
.wi-owm-903::before {
  content: "\f076";
}
.wi-owm-904::before {
  content: "\f072";
}
.wi-owm-905::before {
  content: "\f021";
}
.wi-owm-906::before {
  content: "\f015";
}
.wi-owm-957::before {
  content: "\f050";
}
.wi-owm-day-200::before {
  content: "\f010";
}
.wi-owm-day-201::before {
  content: "\f010";
}
.wi-owm-day-202::before {
  content: "\f010";
}
.wi-owm-day-210::before {
  content: "\f005";
}
.wi-owm-day-211::before {
  content: "\f005";
}
.wi-owm-day-212::before {
  content: "\f005";
}
.wi-owm-day-221::before {
  content: "\f005";
}
.wi-owm-day-230::before {
  content: "\f010";
}
.wi-owm-day-231::before {
  content: "\f010";
}
.wi-owm-day-232::before {
  content: "\f010";
}
.wi-owm-day-300::before {
  content: "\f00b";
}
.wi-owm-day-301::before {
  content: "\f00b";
}
.wi-owm-day-302::before {
  content: "\f008";
}
.wi-owm-day-310::before {
  content: "\f008";
}
.wi-owm-day-311::before {
  content: "\f008";
}
.wi-owm-day-312::before {
  content: "\f008";
}
.wi-owm-day-313::before {
  content: "\f008";
}
.wi-owm-day-314::before {
  content: "\f008";
}
.wi-owm-day-321::before {
  content: "\f00b";
}
.wi-owm-day-500::before {
  content: "\f00b";
}
.wi-owm-day-501::before {
  content: "\f008";
}
.wi-owm-day-502::before {
  content: "\f008";
}
.wi-owm-day-503::before {
  content: "\f008";
}
.wi-owm-day-504::before {
  content: "\f008";
}
.wi-owm-day-511::before {
  content: "\f006";
}
.wi-owm-day-520::before {
  content: "\f009";
}
.wi-owm-day-521::before {
  content: "\f009";
}
.wi-owm-day-522::before {
  content: "\f009";
}
.wi-owm-day-531::before {
  content: "\f00e";
}
.wi-owm-day-600::before {
  content: "\f00a";
}
.wi-owm-day-601::before {
  content: "\f0b2";
}
.wi-owm-day-602::before {
  content: "\f00a";
}
.wi-owm-day-611::before {
  content: "\f006";
}
.wi-owm-day-612::before {
  content: "\f006";
}
.wi-owm-day-615::before {
  content: "\f006";
}
.wi-owm-day-616::before {
  content: "\f006";
}
.wi-owm-day-620::before {
  content: "\f006";
}
.wi-owm-day-621::before {
  content: "\f00a";
}
.wi-owm-day-622::before {
  content: "\f00a";
}
.wi-owm-day-701::before {
  content: "\f003";
}
.wi-owm-day-711::before {
  content: "\f062";
}
.wi-owm-day-721::before {
  content: "\f0b6";
}
.wi-owm-day-731::before {
  content: "\f063";
}
.wi-owm-day-741::before {
  content: "\f003";
}
.wi-owm-day-761::before {
  content: "\f063";
}
.wi-owm-day-762::before {
  content: "\f063";
}
.wi-owm-day-781::before {
  content: "\f056";
}
.wi-owm-day-800::before {
  content: "\f00d";
}
.wi-owm-day-801::before {
  content: "\f002";
}
.wi-owm-day-802::before {
  content: "\f002";
}
.wi-owm-day-803::before {
  content: "\f013";
}
.wi-owm-day-804::before {
  content: "\f013";
}
.wi-owm-day-900::before {
  content: "\f056";
}
.wi-owm-day-902::before {
  content: "\f073";
}
.wi-owm-day-903::before {
  content: "\f076";
}
.wi-owm-day-904::before {
  content: "\f072";
}
.wi-owm-day-906::before {
  content: "\f004";
}
.wi-owm-day-957::before {
  content: "\f050";
}
.wi-owm-night-200::before {
  content: "\f02d";
}
.wi-owm-night-201::before {
  content: "\f02d";
}
.wi-owm-night-202::before {
  content: "\f02d";
}
.wi-owm-night-210::before {
  content: "\f025";
}
.wi-owm-night-211::before {
  content: "\f025";
}
.wi-owm-night-212::before {
  content: "\f025";
}
.wi-owm-night-221::before {
  content: "\f025";
}
.wi-owm-night-230::before {
  content: "\f02d";
}
.wi-owm-night-231::before {
  content: "\f02d";
}
.wi-owm-night-232::before {
  content: "\f02d";
}
.wi-owm-night-300::before {
  content: "\f02b";
}
.wi-owm-night-301::before {
  content: "\f02b";
}
.wi-owm-night-302::before {
  content: "\f028";
}
.wi-owm-night-310::before {
  content: "\f028";
}
.wi-owm-night-311::before {
  content: "\f028";
}
.wi-owm-night-312::before {
  content: "\f028";
}
.wi-owm-night-313::before {
  content: "\f028";
}
.wi-owm-night-314::before {
  content: "\f028";
}
.wi-owm-night-321::before {
  content: "\f02b";
}
.wi-owm-night-500::before {
  content: "\f02b";
}
.wi-owm-night-501::before {
  content: "\f028";
}
.wi-owm-night-502::before {
  content: "\f028";
}
.wi-owm-night-503::before {
  content: "\f028";
}
.wi-owm-night-504::before {
  content: "\f028";
}
.wi-owm-night-511::before {
  content: "\f026";
}
.wi-owm-night-520::before {
  content: "\f029";
}
.wi-owm-night-521::before {
  content: "\f029";
}
.wi-owm-night-522::before {
  content: "\f029";
}
.wi-owm-night-531::before {
  content: "\f02c";
}
.wi-owm-night-600::before {
  content: "\f02a";
}
.wi-owm-night-601::before {
  content: "\f0b4";
}
.wi-owm-night-602::before {
  content: "\f02a";
}
.wi-owm-night-611::before {
  content: "\f026";
}
.wi-owm-night-612::before {
  content: "\f026";
}
.wi-owm-night-615::before {
  content: "\f026";
}
.wi-owm-night-616::before {
  content: "\f026";
}
.wi-owm-night-620::before {
  content: "\f026";
}
.wi-owm-night-621::before {
  content: "\f02a";
}
.wi-owm-night-622::before {
  content: "\f02a";
}
.wi-owm-night-701::before {
  content: "\f04a";
}
.wi-owm-night-711::before {
  content: "\f062";
}
.wi-owm-night-721::before {
  content: "\f0b6";
}
.wi-owm-night-731::before {
  content: "\f063";
}
.wi-owm-night-741::before {
  content: "\f04a";
}
.wi-owm-night-761::before {
  content: "\f063";
}
.wi-owm-night-762::before {
  content: "\f063";
}
.wi-owm-night-781::before {
  content: "\f056";
}
.wi-owm-night-800::before {
  content: "\f02e";
}
.wi-owm-night-801::before {
  content: "\f081";
}
.wi-owm-night-802::before {
  content: "\f086";
}
.wi-owm-night-803::before {
  content: "\f013";
}
.wi-owm-night-804::before {
  content: "\f013";
}
.wi-owm-night-900::before {
  content: "\f056";
}
.wi-owm-night-902::before {
  content: "\f073";
}
.wi-owm-night-903::before {
  content: "\f076";
}
.wi-owm-night-904::before {
  content: "\f072";
}
.wi-owm-night-906::before {
  content: "\f024";
}
.wi-owm-night-957::before {
  content: "\f050";
}
.wi {
  display: inline-block;
  font-family: 'weathericons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-yahoo-0:before {
  content: "\f056";
}
.wi-yahoo-1:before {
  content: "\f00e";
}
.wi-yahoo-2:before {
  content: "\f073";
}
.wi-yahoo-3:before {
  content: "\f01e";
}
.wi-yahoo-4:before {
  content: "\f01e";
}
.wi-yahoo-5:before {
  content: "\f017";
}
.wi-yahoo-6:before {
  content: "\f017";
}
.wi-yahoo-7:before {
  content: "\f017";
}
.wi-yahoo-8:before {
  content: "\f015";
}
.wi-yahoo-9:before {
  content: "\f01a";
}
.wi-yahoo-10:before {
  content: "\f015";
}
.wi-yahoo-11:before {
  content: "\f01a";
}
.wi-yahoo-12:before {
  content: "\f01a";
}
.wi-yahoo-13:before {
  content: "\f01b";
}
.wi-yahoo-14:before {
  content: "\f00a";
}
.wi-yahoo-15:before {
  content: "\f064";
}
.wi-yahoo-16:before {
  content: "\f01b";
}
.wi-yahoo-17:before {
  content: "\f015";
}
.wi-yahoo-18:before {
  content: "\f017";
}
.wi-yahoo-19:before {
  content: "\f063";
}
.wi-yahoo-20:before {
  content: "\f014";
}
.wi-yahoo-21:before {
  content: "\f021";
}
.wi-yahoo-22:before {
  content: "\f062";
}
.wi-yahoo-23:before {
  content: "\f050";
}
.wi-yahoo-24:before {
  content: "\f050";
}
.wi-yahoo-25:before {
  content: "\f076";
}
.wi-yahoo-26:before {
  content: "\f013";
}
.wi-yahoo-27:before {
  content: "\f031";
}
.wi-yahoo-28:before {
  content: "\f002";
}
.wi-yahoo-29:before {
  content: "\f031";
}
.wi-yahoo-30:before {
  content: "\f002";
}
.wi-yahoo-31:before {
  content: "\f02e";
}
.wi-yahoo-32:before {
  content: "\f00d";
}
.wi-yahoo-33:before {
  content: "\f083";
}
.wi-yahoo-34:before {
  content: "\f00c";
}
.wi-yahoo-35:before {
  content: "\f017";
}
.wi-yahoo-36:before {
  content: "\f072";
}
.wi-yahoo-37:before {
  content: "\f00e";
}
.wi-yahoo-38:before {
  content: "\f00e";
}
.wi-yahoo-39:before {
  content: "\f00e";
}
.wi-yahoo-40:before {
  content: "\f01a";
}
.wi-yahoo-41:before {
  content: "\f064";
}
.wi-yahoo-42:before {
  content: "\f01b";
}
.wi-yahoo-43:before {
  content: "\f064";
}
.wi-yahoo-44:before {
  content: "\f00c";
}
.wi-yahoo-45:before {
  content: "\f00e";
}
.wi-yahoo-46:before {
  content: "\f01b";
}
.wi-yahoo-47:before {
  content: "\f00e";
}
.wi-yahoo-3200:before {
  content: "\f077";
}
@font-face {
  font-family: 'Quick Signature Personal Use';
  src: url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.eot');
  src: url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.eot?#iefix') format('embedded-opentype'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.woff2') format('woff2'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.woff') format('woff'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.ttf') format('truetype'), url('https://siren.livandart.com/wp-content/themes/alapsablon/fonts/QuickSignaturePersonalUse.svg#QuickSignaturePersonalUse') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body,
footer {
  font-family: 'Kulim Park', sans-serif;
  background: #f0f8fa url('https://siren.livandart.com/wp-content/themes/alapsablon/img/top.jpg') top center no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 1300px) {
  body {
    background-size: 1300px auto;
  }
  .content-box {
    padding: 0 20px;
  }
}
.content-box {
  padding: 0 8vw;
}
.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .space-between {
    display: block;
    position: relative;
  }
  header {
    text-align: center;
  }
  #logo {
    margin: 0 auto 2rem auto;
  }
  #menu-icon {
    position: absolute;
    top: 0;
    right: 0;
  }
}
#top-line {
  background: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/cloud-top.png') bottom center repeat-x;
  padding: 1rem 0 1.5rem 0;
  background-size: 1200px auto;
  margin-bottom: 2rem;
}
header {
  margin-bottom: 2rem;
}
#contact svg {
  height: 1rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
}
#contact svg path {
  fill: #1d8eb0;
}
#contact ul li {
  display: inline-block;
  margin: 0 1rem;
  vertical-align: middle;
}
#logo {
  width: 12rem;
  display: block;
}
#logo svg #brand {
  fill: #1d8eb0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#logo svg #tagline {
  fill: #333;
}
#logo:hover svg #brand {
  fill: #1dbf79;
}
#lang-switch li {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
#lang-switch li img {
  vertical-align: middle;
}
footer {
  color: #fff;
  background: #f0f8fa url('https://siren.livandart.com/wp-content/themes/alapsablon/img/water.jpg') top center no-repeat;
  background-size: 100% auto;
  padding: 5rem 0 0 0;
  margin-top: 2rem;
}
@media screen and (max-width: 1300px) {
  footer {
    background-size: cover;
  }
}
#copyright {
  padding: 1rem 0;
  text-align: center;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  margin-top: 2rem;
}
.card > div {
  background-color: #fff;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  position: relative;
  text-align: center;
  margin-bottom: 2rem;
}
.card > div img {
  margin-bottom: 1rem;
}
.card > div:before {
  content: "";
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  border-radius: 1rem;
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  display: block;
  background-image: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/border1.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/border2.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/border3.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/border4.png');
  background-position: left center, right center, bottom center, top center;
  background-repeat: repeat-y, repeat-y, repeat-x, repeat-x;
  background-size: 0.5rem auto, 0.5rem auto, auto 0.5rem, auto 0.5rem;
}
.boat-tags {
  display: block;
  margin-bottom: 2rem;
}
.boat-tags li:before {
  content: none;
}
#filter {
  text-align: center;
  margin-bottom: 2rem;
}
#filter li {
  display: inline-block;
  margin: 0 1rem;
  text-align: center;
  padding: 0.5rem;
  border-radius: 4rem;
}
#filter li:before {
  content: none;
}
.prog-title {
  float: left;
  width: 70%;
  text-align: left;
}
.calendar {
  display: inline-block;
  background: #eee;
  float: right;
  width: 25%;
}
.month,
.year {
  font-size: smaller;
  padding: 0.25rem 0.5rem;
}
.day {
  font-size: larger;
  background: #f5f5f5;
  padding: 0.5rem;
}
.out-of-date * {
  color: #999;
}
.out-of-date img {
  filter: grayscale(1);
  opacity: 0.5;
}
.home section {
  padding: 5rem 0;
}
#verseny {
  background: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/hangulat1.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  padding: 5rem 0;
}
#vizsga {
  background: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/hangulat2.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  padding: 5rem 0;
}
.overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1d8eb0;
  opacity: 0.5;
}
.overlay:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/cloud-edge.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/cloud-edge.png');
  background-position: top -50px left, bottom -50px center;
  background-repeat: repeat-x, repeat-x;
  background-size: auto 100px;
}
.overlay .content-box {
  position: relative;
  z-index: 2;
}
#block-13,
#block-11 {
  width: 60%;
  background-color: #fff;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  position: relative;
  padding: 3rem;
  text-align: center;
}
#block-13:before,
#block-11:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 1rem;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  background: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/rope3.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/rope4.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/rope3.png'), url('https://siren.livandart.com/wp-content/themes/alapsablon/img/rope4.png');
  background-position: top left, bottom left, top left, top right;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: auto 3px, auto 3px, 3px auto, 3px auto;
}
#block-13 {
  background-image: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/tower.png');
  background-position: bottom -50px left -50px;
  background-repeat: no-repeat;
  background-size: 400px auto;
}
#block-11 {
  background-image: url('https://siren.livandart.com/wp-content/themes/alapsablon/img/wheel.png');
  background-position: bottom -150px right -100px;
  background-repeat: no-repeat;
  background-size: 400px auto;
}
.button {
  display: inline-block;
  background: #1d8eb0;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
}
footer li a {
  color: #fff;
}
footer li {
  margin-bottom: 0.25rem;
}
#filter li.active {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
/* másik effect
#filtering div {
    opacity: 1;
    position: relative;
    max-height: 9999px;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}

#filtering .hide {
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    max-height: 0;
    top: -150%;
} */
#filtering div {
  opacity: 1;
  position: relative;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#filtering .hide {
  opacity: 0;
  transform: scale(0);
  animation: hidden 0.6s ease-in-out 0.5s forwards;
}
@keyframes hidden {
  100% {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }
}
input[type="submit"] {
  background-color: #1d8eb0;
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 3rem;
  font-family: inherit;
  border-color: #1d8eb0;
  border-style: none;
  font-size: 16px;
}
input[type="email"] {
  font-family: inherit;
  border: solid 1px #949494;
  padding: 0.5rem;
  height: 2rem;
  max-width: 170px;
}
#weather ul li {
  display: inline-block;
  margin-right: 1.5rem;
}
#weather ul li:before {
  font-size: 1.25rem;
  margin-right: 0.25rem;
  color: #1d8eb0;
  display: inline-block;
  font-family: 'weathericons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
