/* General */
body{font-family: 'Open Sans', sans-serif; color: #222; font-size: 1rem; font-weight: 400;}
b, strong{font-weight: 800;}

a{color: #0065ae;}
a:hover{color: #025693; text-decoration: underline;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 700;}

h1{margin: 0 0 30px 0; font-size: 2.25rem; text-transform: uppercase; color: #e2b13e;}

/* Buttons */
.btn{font-size: 0.8125rem;}
.btn.btn-lg{font-size: 1rem;}
.btn.btn-primary{background: #0065ae; border: 0; padding-left: 1rem; padding-right: 1rem;}
.btn.btn-primary:hover{background: #025693;}
.btn.btn-outline-primary{border-color: #0065ae; color: #0065ae;}
.btn.btn-outline-primary:hover{background: #0065ae; color: #fff;}
.btn.btn-outline-light:hover{color: #0065ae;}

/* Gutenberg buttons */
.wp-block-button__link{border-radius: 0.25rem;}
.wp-block-button__link.has-blue-background-color{background: #0065ae; color: #fff;}
.wp-block-button__link.has-blue-background-color:hover{background: #025693;}
.wp-block-button__link.has-gold-background-color{background: #e2b13e; color: #fff;}
.wp-block-button__link.has-gold-background-color:hover{background: #c6992f;}

/* Header */
body > header{background: #e2b13e;}
body > header .logo{position: absolute; top: 10px; z-index: 1000;}
body > header .top{background: #0065ae;}
body > header .top ul{padding-top: 10px; padding-bottom: 10px;}
body > header .top ul li{margin-right: 30px;}
body > header .top ul li:last-child{margin-right: 0;}
body > header .top ul li a{color: #81b1d3; font-size: 0.8125rem;}
body > header .top ul li a:hover{color: #fff;}
body > header nav ul{padding-top: 20px; padding-bottom: 20px;}
body > header nav ul li{margin-right: 30px;}
body > header nav ul li:last-child{margin-right: 0;}
body > header nav ul li a{color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;}
body > header nav ul li a:hover{color: #fff;}
body > header nav .btn.btn-primary{text-transform: uppercase; color: #fff; padding: 0.75rem 1rem;}

/* Home - slider: fix minimal height */
body.home .n2-ss-layers-container{height: 100% !important;}

/* Home - what we offer */
body.home #what-we-offer{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%); padding-top: 35px;}
body.home #what-we-offer .widget{position: relative; margin-bottom: 20px;}
body.home #what-we-offer .widget > div{background: #e2b13e; padding: 20px 20px 40px 20px; position: relative; overflow: hidden;}
body.home #what-we-offer .widget > div a{font-family: 'Oswald', sans-serif; font-weight: 700; color: #222; text-transform: uppercase; font-size: 1.5rem;}
body.home #what-we-offer .widget > div:after{content: ''; padding-bottom: 200px; width: 110%; bottom: -200px;  left: 0px; background-color: #222; position: absolute; z-index: 2; transform-origin: 0 0; transform: rotate(-5deg);}
body.home #what-we-offer .widget p{color: #ccc; font-size: 0.9375rem; background: #222; padding: 20px 20px 40px 20px; margin: 0;}
body.home #what-we-offer .widget .btn{position: relative; top: -20px;}

/* Home - about us */
body.home #about-us{padding: 50px 0; background: #e2b13e url('https://www.czechvikings.cz/wp-content/themes/czechvikings.eu/assets/img/about-us-background-2019-06-10.jpg') no-repeat center 20px;}
body.home #about-us h1{color: #fff;}
body.home #about-us .left .text{padding-right: 150px; color: #fff;}
body.home #about-us .left .points .point{border-radius: 50%; background: #fff; color: #0065ae; width: 150px; height: 150px; overflow: hidden;}
body.home #about-us .left .points .point h3{font-size: 2.5rem; margin-top: 30px;}
body.home #about-us .left .points .point p{margin: 0; font-size: 0.9375rem; line-height: normal;}
body.home #about-us .right iframe{min-height: 300px;}

/* Home - news */
body.home #news{padding-top: 50px; padding-bottom: 50px; background: #fff ;}
body.home #news .posts .post .picture{height: 175px; display: block; background: #fff; background-size: cover; background-position: center center;}
body.home #news .posts .post .text{background: #222; padding: 20px;}
body.home #news .posts .post .text h2{font-size: 1.2rem; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px;}
body.home #news .posts .post .text h2 a{color: #fff;}
body.home #news .posts .post .text p{color: #ccc; font-size: 0.9375rem; height: 70px; overflow: hidden; margin: 0;}

body.home #actions{padding-top: 50px; padding-bottom: 50px; color: #fff;  background: #0065ae url('https://www.czechvikings.cz/wp-content/themes/czechvikings.eu/assets/img/actions-background.jpg') no-repeat center bottom;}
body.home #actions h1{color: #fff; margin: 0;}
body.home #actions header{margin-bottom: 30px;}
body.home #actions table thead th{border-top: 0;}
body.home #actions table tbody tr td{background: #fff; color: #0065ae;}
body.home #actions table tbody tr td ul{list-style: none; margin: 0; padding: 0;}

/* Footer */
body > footer{background: #222; color: #999; font-size: 0.8125rem;}
body > footer > .container{padding-top: 50px; padding-bottom: 50px;}
body > footer > .container a{color: #999;}
body > footer > .container a:hover{color: #fff;}
body > footer > .container h4{font-size: 1rem;}
body > footer > .container ul li{line-height: 1.5rem;}
body > footer > .container iframe{width: 100%; height: 180px;}
body > footer > .container .iframe-outer{overflow: hidden;}
body > footer > .copyright{background: #000; line-height: 50px; color: #444;}

/* Page - general */
body.page > article{padding-top: 50px; padding-bottom: 50px;}
body.page > article h1{color: #e2b13e;}

/* What we offer */
article#post-15{padding-bottom: 0;}
article#post-15 .points h4{color: #0065ae; margin-bottom: 20px;}
article#post-15 h2{color: #e2b13e; line-height: 46px;}
article#post-15 h2 img{float: right;}
article#post-15 .skates{background: #0065ae; padding-top: 50px; padding-bottom: 15px; color: #fff;}
article#post-15 .playground{background: #0e7fcf; padding-top: 50px; padding-bottom: 15px; color: #fff;}
article#post-15 .sticks{background: #0065ae; padding-top: 50px; padding-bottom: 15px; color: #fff;}
article#post-15 .dumbbell{background: #0e7fcf; padding-top: 50px; padding-bottom: 15px; color: #fff;}
article#post-15 .dumbbell a{color: #e2b13e;}

/* About us */
article#post-13{padding-bottom: 0;}
article#post-13 .trainers-title h1{margin: 0px 0px -7px 0px; color: #0065ae;}
article#post-13 .trainer{background: #0065ae; padding-top: 50px; padding-bottom: 15px; color: #fff;}
article#post-13 .trainer h2{color: #e2b13e; margin-bottom: 10px;}
article#post-13 .trainer .wpb_text_column{margin-bottom: 50px;}
article#post-13 .trainer.light{background: #0e7fcf;}
article#post-13 .trainer a{color: #fff;}

/* Contacts */
article#post-22{padding-bottom: 15px;}
article#post-22 .contacts h2{margin-bottom: 20px;}
article#post-22 .contacts ul{list-style: none; margin: 0; padding: 0;}
article#post-22 .contacts ul li{margin-bottom: 5px;}
article#post-22 .contacts a{font-size: 1.5rem; color: #0065ae;}
article#post-22 .contacts a i{padding-right: 10px;}

/* News: list */
body.archive section{padding-top: 50px;}
body.archive section article h2 a{color: #0065ae;}
body.archive section article .image{border-radius: 5px;}
body.archive section article{margin-bottom: 50px;}

/* News: detail */
body.single article{padding-top: 50px; padding-bottom: 50px;}
body.single article .pagination{border-top: 1px solid #ddd; border-radius: 0; padding-top: 30px; margin-top: 30px; color: #bbb;}
body.single article .pagination i{color: #0065ae;}
body.single article h2{margin-top: 30px;}
body.single article h3,
body.single article h4,
body.single article h5,
body.single article h6{font-weight: 300;}

/* Events: list */
table.events thead th{color: #0065ae; border: 0; padding-bottom: 5px;}
table.events tbody tr{background: #0065ae;}
table.events tbody tr td{border: 0; color: #fff;}
table.events tbody tr td a{color: #fff;}
table.events tbody tr td ul{list-style: none; padding: 0; margin: 0;}
table.events tbody tr:nth-of-type(odd){background: #0e7fcf;}
table.events tbody tr td:nth-of-type(3){font-weight: bold;}

/* Events: detail */
body.single-event article .event-categories{list-style: none; margin: 0; padding: 0;}
body.single-event article .information{margin-bottom: 30px;}
body.single-event article .information h3{font-weight: 700;}
body.single-event article .information > div{margin-right: 30px; background: #0065ae; color: #fff; padding: 20px;}
body.single-event article .information > div p{margin-bottom: 0;}
body.single-event article .information > div:last-child{margin-right: 0;}
body.single-event article .information > div{background: none; border: 1px solid #0065ae; color: #0065ae;}

/* Events: detail - reservation */
body.single-event article .reservation{min-width: 300px;}
body.single-event article .reservation .reservation-inner{background: #0065ae; padding: 30px; color: #fff;}
body.single-event article .reservation .reservation-inner h3{color: #fff; margin-bottom: 30px; font-weight: 700;}
body.single-event article .reservation .reservation-inner a{color: #e2b13e;}
body.single-event article .reservation .reservation-inner .em-booking{margin: 0;}
body.single-event article .reservation .reservation-inner .em-booking .clear{clear: none; display: none;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details{width: auto; float: none; padding: 0;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details label{width: auto; float: none; display: block; margin-bottom: 5px;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details label .em-form-required{color: #e2b13e;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .input-group.input-textarea{display: block;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .input-user-field input,
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .input-text input,
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .input-textarea textarea{width: 100%; padding: 5px;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .em-tickets-spaces select{width: 100%;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .em-booking-buttons input{width: 100%; padding: 20px; background: #e2b13e; border: 0; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;  }
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .em-booking-buttons input:hover{background: #fff; color: #e2b13e; cursor: pointer;}
body.single-event article .reservation .reservation-inner .em-booking .em-booking-form .em-booking-form-details .input-field-data_privacy_consent br{display: none;}

/* Events: reservation - alerts */
body.single-event article .reservation .reservation-inner .em-booking div.em-booking-message{border: 0; border-radius: 0; max-width: 400px;}
body.single-event article .reservation .reservation-inner .em-booking div.em-booking-message.em-booking-message-error p{color: #c00;}
body.single-event article .reservation .reservation-inner .em-booking div.em-booking-message.em-booking-message-success{background: #d4fcd1;}
body.single-event article .reservation .reservation-inner .em-booking div.em-booking-message.em-booking-message-success p{color: #5b751d;}

/* Image */
body article img.alignleft{float: left; margin-right: 20px; margin-bottom: 20px;}
body article img.alignright{float: right; margin-left: 20px; margin-bottom: 20px;}
body article figure.alignleft,
body article figure.alignright{display: inline;}
body article figure.alignleft iframe{float: left; margin-right: 20px; margin-bottom: 20px;}
body article figure.alignright iframe{float: right; margin-left: 20px; margin-bottom: 20px;}