@font-face {
font-family: 'Oleo Script';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.eot); src: local('Oleo Script'), local('OleoScript-Regular'), url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.woff2) format('woff2'), url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.woff) format('woff'), url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.ttf) format('truetype'), url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/fonts/oleo-script/oleo-script-v8-latin-regular.svg#OleoScript) format('svg'); } .mod-advent-calendar {
position: relative;
padding-top: 60px;
padding-bottom: 260px;
background: url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/images/snow-bg.png) #213242 fixed;
}
@media (max-width: 767px) {
.mod-advent-calendar {
padding-bottom: 200px;
}
}
@media (max-width: 399px) {
.mod-advent-calendar {
padding-top: 30px;
padding-bottom: 105px;
}
}
.mod-advent-calendar .xmas-card {
font-family: 'Oleo Script', 'Heebo', SansSerif, Tahoma, "Times New Roman";
}
.mod-advent-calendar .xmas-card--bottom-spaced {
margin-bottom: 44px;
}
@media (max-width: 767px) {
.mod-advent-calendar .xmas-card--bottom-spaced {
margin-bottom: 30px;
}
}
.mod-advent-calendar span.xmas__year,
.mod-advent-calendar span.xmas__ribbon-headline {
display: block;
color: #fff;
font-family: 'Oleo Script', 'Heebo', SansSerif, Tahoma, "Times New Roman";
}
.mod-advent-calendar span.xmas__ribbon-headline {
margin-bottom: 60px;
}
.mod-advent-calendar #advent-calendar__footer {
position: absolute;
left: 0;
bottom: -109px;
right: 0;
display: block;
margin: 0 auto;
}
@media (max-width: 599px) {
.mod-advent-calendar #advent-calendar__footer {
max-width: 100%;
}
}
@media (max-width: 339px) {
.mod-advent-calendar .xmas-card {
width: 130px;
}
}
@media (max-width: 499px) {
.col-xxs-6 {
width: 50% !important;
}
}
span.modal-title--xmas {
font-family: 'Oleo Script', 'Heebo', SansSerif, Tahoma, "Times New Roman";
text-transform: none !important;
font-size: 55px;
line-height: 62px;
}
@media (max-width: 399px) {
span.modal-title--xmas {
font-size: 45px;
line-height: 52px;
}
}
.modal-header--xmas {
background: url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/images/snow-bg.png) #213242 left center;
}
button.xmas-num-button {
width: 80px;
height: 80px;
text-align: center;
background-color: #FC6F54;
color: #fff;
font-family: 'Oleo Script', 'Heebo', SansSerif, Tahoma, "Times New Roman";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 50px;
line-height: 84px;
position: absolute;
top: 50%;
margin-top: -40px;
}
button.xmas-num--right {
right: -30px;
}
button.xmas-num--prev {
left: -30px;
} .xmas-event {
background: url(//www.gwharburg.de/wp-content/themes/wp-gwharburg/assets/images/snow-bg.png) #213242 fixed;
padding: 77px 0;
}
@media (max-width: 991px) {
.xmas-event {
padding: 50px 0;
}
}
@media (max-width: 399px) {
.xmas-event {
padding: 30px 0;
}
}
.xmas-event span:not(.xmas-notice) {
display: block;
color: #fff;
font-family: 'Oleo Script', 'Heebo', SansSerif, Tahoma, "Times New Roman";
}
.xmas-event span.xmas-card,
.xmas-event .xmas-card__notice {
display: inline-block;
}
span.xmas__year,
span.xmas__ribbon-headline {
text-align: center;
}
span.xmas__year {
font-size: 76px;
line-height: 81px;
}
@media (max-width: 767px) {
span.xmas__year {
font-size: 66px;
line-height: 71px;
}
}
span.xmas__ribbon-headline {
font-size: 42px;
line-height: 48px;
background-color: #FC6F54;
position: relative;
padding: 6px 8px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
span.xmas__ribbon-headline {
margin-left: 30px;
margin-right: 30px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
span.xmas__ribbon-headline {
margin-bottom: 40px;
}
}
@media (min-width: 768px) {
span.xmas__ribbon-headline br {
display: none;
}
}
@media (max-width: 767px) {
span.xmas__ribbon-headline {
margin: 0 auto 60px auto;
max-width: 360px;
font-size: 32px;
line-height: 38px;
}
}
@media (max-width: 469px) {
span.xmas__ribbon-headline {
max-width: 218px;
margin: 0 auto 40px auto;
}
}
span.xmas__ribbon-headline:before,
span.xmas__ribbon-headline:after {
border-style: solid;
height: 0;
width: 0;
display: block;
content: "";
position: absolute;
border-color: #FC6F54 transparent;
top: 0;
}
span.xmas__ribbon-headline:before {
left: -30px;
border-width: 30px 0 30px 30px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
span.xmas__ribbon-headline:before {
left: -54px;
border-width: 54px 0 54px 54px;
}
}
@media (max-width: 767px) {
span.xmas__ribbon-headline:before {
left: -44px;
border-width: 44px 0 44px 44px;
}
}
span.xmas__ribbon-headline:after {
right: -30px;
border-width: 30px 30px 30px 0;
}
@media (min-width: 1200px) and (max-width: 1439px) {
span.xmas__ribbon-headline:after {
right: -54px;
border-width: 54px 54px 54px 0;
}
}
@media (max-width: 767px) {
span.xmas__ribbon-headline:after {
right: -44px;
border-width: 44px 44px 44px 0;
}
}
.xmas-card {
border-width: 2px;
border-style: dotted;
border-color: #fff;
height: 142px;
width: 142px;
text-align: center;
font-size: 108px;
line-height: 149px;
position: relative;
}
.xmas-card:before,
.xmas-card:after {
position: absolute;
content: '';
opacity: 0;
}
.xmas-card:before {
left: -14px;
right: -14px;
top: -2px;
height: 40px;
background-color: #047C42;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.xmas-card:after {
top: 38px;
left: -2px;
right: -2px;
height: 10px;
background-color: rgba(0, 0, 0, 0.22);
}
.xmas-card:hover {
background-color: #047C42;
border-color: #047C42;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.xmas-card:hover:before,
.xmas-card:hover:after {
opacity: 1;
}
.xmas-card:hover a:after,
.xmas-card:hover a:before {
opacity: 1;
}
.xmas-card:hover a i {
opacity: 1;
}
.xmas-card a {
display: block;
color: #fff;
height: 100%;
position: relative;
}
.xmas-card a:after,
.xmas-card a:before {
opacity: 0;
position: absolute;
content: '';
background-color: #FC6F54;
}
.xmas-card a:before {
top: -2px;
bottom: -2px;
width: 26px;
left: 50%;
margin-left: -13px;
}
.xmas-card a:after {
left: -2px;
right: -2px;
top: 50%;
height: 26px;
margin-top: -13px;
}
.xmas-card a i {
opacity: 0;
position: absolute;
top: -42px;
left: 0;
right: 0;
height: 40px;
overflow: hidden;
}
.xmas-card a i:after,
.xmas-card a i:before {
position: absolute;
top: 2px;
content: '';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 69px;
height: 57px;
border-width: 16px;
border-color: #FC6F54;
border-style: solid;
}
.xmas-card a i:after {
right: 7px;
}
.xmas-card a i:before {
left: 7px;
}
.xmas-card--today {
background-color: #FC6F54;
}
.xmas-card__notice {
color: #fff;
line-height: 142px;
}
@media (max-width: 767px) {
.xmas-card__notice {
line-height: normal;
display: block !important;
}
}
.xmas-card__notice span {
display: inline-block;
vertical-align: middle;
font-size: 34px;
line-height: 41px;
font-weight: 500;
}
@media (max-width: 767px) {
.xmas-card__notice span {
margin-top: 15px;
text-align: center;
display: block;
font-size: 24px;
line-height: 31px;
}
}
.xmas-card--floated {
float: left;
margin-right: 42px;
}
@media (max-width: 767px) {
.xmas-card--floated {
margin: 0 auto;
display: block !important;
float: none;
}
}
.xmas-card--blocked {
display: block;
margin: 0 auto;
}