/*
Theme Name: Holidays 2025
Theme URI: https://solace.com
Author: Solace
Author URI: https://solace.com
Description:  Holidays 2025 | Solace
Version: 2025
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: holidays2025
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize  @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Quattrocento+Sans:wght@400;700&display=swap');
--------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Quattrocento+Sans:wght@400;700&display=swap');
@import url("https://use.typekit.net/mfz8ahi.css");
*/
@import url("https://use.typekit.net/vio8onh.css");


/*
font-family: "professor-minty", sans-serif;
font-weight: 700;
font-style: normal;
font-family: "professor-minty", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "haboro-contrast-normal", sans-serif;
font-weight: 200;
font-style: normal;

font-family: haboro-contrast-extended, sans-serif;
font-family: haboro-contrast-normal, sans-serif;
*/

:root {
/*  --blush-red-color: #FFA318;  - yellow */
/*  --blush-red-color:#fc5b00;  */
--blush-red-color:#de0100 ;  
  
  --blush-red-bg-color: #b03e40; 

  --dark-color: #151617;    
  --dark-bg-color: #151617;    

  --orange-color: #ff5c00;
/*  --navy-color: #B6D6D8;*/
  --navy-color: #9fb542;
/*  --dark-blue-color: #00171e;*/
  --dark-blue-color: #083938;
  --font-text: haboro-contrast-extended, "arial", sans-serif;
  --font-titles: "professor-minty", sans-serif;

  /* --bg-one: #B6D6D8; light green*/
  --bg-one: #f3eee8; /*light green*/
  --bg-two: #083938; /*dark green*/
}
::-moz-selection{background-color: var(--orange-color);color:#fff;}
::selection {background-color: var(--orange-color);color:#fff;}
body {
  font-family: haboro-contrast-normal, sans-serif;
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: var(--font-text);
  font-weight: 400;
  font-style: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  color: var( --blush-red-color);
  transition: color .5s ease-in-out
}
a:hover{color: var( --dark-color);}
a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.25em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: var( --blush-red-color);
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 15px;
  font-family: var(--font-titles);
}
h1 {
  font-size: 3rem;
  padding-bottom: 10px;
  line-height: 1.4;
  color:#fff;
  text-shadow: 0 2px 5px rgba(0,0,0,0.8)
}
h2 {
  font-size: 26px;
  font-weight: normal;
  line-height: 1.25;
  padding-bottom: 0.3em;
}
h1, h2{
  margin: 0 0 30px;
  position: relative;
}

h3 {
  font-size: 18px;
  line-height: 25px;
  font-family: var(--font-titles);
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
  font-size: 18px;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}
.home h1 {
  font-size: 2rem;
  margin-bottom: 10px
}

@media all and ( min-width: 1024px){
  .home h1 {font-size: 2rem;margin-bottom: 10px}
  
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}
@media (min-width: 992px){
  .container {max-width: 1040px;}
}

@media (min-width: 1100px){
  .container {max-width: 1040px;}
}

@media (min-width: 1200px){
  .container {max-width: 1140px;}
}
@media (min-width: 1300px){
  .home .container {max-width: 1240px;}
  .container {max-width: 1240px;}
}
@media (min-width: 1400px){
  .container {max-width: 1340px;}
}
@media (min-width: 1500px){
  .container {max-width: 1440px;}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 1);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
}
.navbar-brand{padding-top: 10px}
.navbar-brand > a,
.navbar-brand > a:active,
.navbar-brand > a:focus{
  outline:  0!important;
  outline-color:#000;
  box-shadow: none
}
@media screen and (max-width: 992px) {
  header#masthead {padding: .1rem 1rem;}
}

@media screen and (max-width: 1200px) {
  .navbar-brand{max-width: 100%}
}
@media screen and (min-width: 992px) {
  header#masthead {height: 85px}
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline:none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  display: block;
  max-width: 200px;
  position: relative;
  top: -10px;
  width: 100%;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  background-color:#000!important;
  background-repeat:repeat!important;
  background-position: center bottom!important;
  background-size: cover!important;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.25rem;
  color:#fff;
}
#page-sub-header:after,
#page-sub-header:before{
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  bottom: -160px;  
  content: '';
  position: absolute;
  width:200px;height: 220px;
  z-index: 2;
  display: none;
}
/*#page-sub-header:before{
  background-image: url(images/b-home-gr-left.png);
  left:0;
}
#page-sub-header:after{
  background-image: url(images/b-home-gr-right.png) ;
  right:0;
}
*/@media(min-width:1200px){
  #page-sub-header:after,
  #page-sub-header:before{display: block;}
}
.home-gr-center{
/* background:transparent url(images/grinch-hand.png) no-repeat center center / 100% auto;*/
 background:transparent url(images/holidaygram1.png) no-repeat center center / 100% auto;
   width: 120px;
  height: 120px;
  position: fixed;
  top:268px;right:0;
  margin: auto;
  z-index: 222;

}
@media(min-width:800px){
  .home-gr-center{
     width: 200px;
    height: 200px;
  }
}
@media(min-width:1600px){
  .home-gr-center{
     width: 300px;
    height: 300px;
  }
}
a.home-gr-center-link{
  
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}
.home-header-content{
  width: 100%;
  padding: 30px 0;
  position: relative;
  text-align: center;
}

.home .home-header-content{
  padding: 30px;
/*  background-color: rgba(0, 0, 0, 0.5); */
min-height: 140px;
}

.day-header h1{
  font-size: 50px;
  text-align: left;
  left:10px;
}
#pageinner-sub-header {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 40px;
  font-size: 1.25rem;
  background-size: cover !important;
  background-position: center bottom;
  color:#fff;
}


@media screen and (min-width: 768px) {
  .header-white-block1{margin-right: 1px;border-bottom: 0}
  .home-elevante-logo,
  .home-elevante-pass{display: block;}

}
@media screen and (min-width: 992px) {
  .home-header-content{width: 55%; text-align:left}
  .home-elevante-pass{width:250px;}
  #page-sub-header {padding-top: 30px; padding-bottom: 30px;}
  .day-header h1{text-align: left;left:auto;font-size: 80px}

}
@media screen and (min-width: 1200px) {
  
  .home-header-content{width: 49%;max-width: 870px;  margin-left: -30px;}
}
@media screen and (min-width: 1400px) {
  .home-elevante-pass{width:360px;}  

}

@media screen and (max-width: 767px) {
   #wpadminbar{display: none;}
   html:lang(en-US) {margin-top: 0!important;}

}

.list-socials{list-style: none; text-align: center;margin: 0;padding: 0}
.list-socials li{display: inline-block;}
.list-socials li a{display: block;font-size: 25px;padding: 15px 15px 10px}
.list-socials li a:focus,
.list-socials li a:active,
.list-socials li a:hover{color:#fff;}
@media screen and (min-width: 425px) {
  .header-socials-block{margin-bottom: 15px}
}
.page-edit-link{display: none}
@media screen and (min-width: 992px) {
  .header-socials-block{display: none}
  .page-edit-link{position: absolute;top:10px;display: inline-block;}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;

}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #fff;
  padding: 5px 30px;
  font-size: 25px;
  font-weight: 500;
  transition: color 0.3s ease-in-out;
  position: relative;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:after{
  border-bottom: solid 1px #000;
  bottom: -5px;
  display: block;
  content: '';
  left:0;right: 0;
  margin: auto;
  position: absolute;
  width: 60%;height: 1px;
  transition: bottom 0.3s ease-in-out
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.current-page-ancestor > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current-menu-parent > a {
  color: var(--blush-red-color);
  /*background: #f9f9f9;*/
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:hover > a:after{
  border-bottom:solid 2px var(--blush-red-color);
  bottom: 0px;
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.nav-link{
  padding-top: 1rem 1rem 0
}

@media all and (min-width: 991px){
  .footer-nav .menu-item-notext a,
  body:not(.theme-preset-active) #masthead .navbar-nav > li.menu-item-notext > a{
    font-size: 0;
    padding: 5px 20px 5px 5px;
  }
  .footer-nav .menu-item-notext a i,
  body:not(.theme-preset-active) #masthead .navbar-nav > li.menu-item-notext > a i{
    font-size: 20px
  }
  .nav-link{padding-top: 0.5rem 1rem   }
  
}
@media all and (min-width: 992px){
  .navbar-expand-lg .navbar-nav{padding-right: 30px}
}
@media all and (min-width: 1100px) and (max-width: 1340px){
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding: 5px 30px;}
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {display: none;}
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {right: -9.875rem;top: 1.375rem;}
  .admin-bar .sticky-top{top: 32px;}
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding: 5px 15px;}
}
@media screen and (max-width: 991.8px) {
  .navbar-nav .dropdown-menu {border: medium none;margin-left: 1.250rem;padding: 0;}
   body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding:1rem;}
   .dropdown-menu li a {padding: 0;}
  #masthead .navbar-nav > li > a {padding-bottom: 0.625rem;padding-top: 0.313rem;}
  #main-nav{background-color: #000;margin-top: 2px;margin-bottom: 15px}
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a{display: inline-block;}
  .navbar-brand{max-width: 350px;}
}

.navbar-nav .dropdown-menu{
  margin: 0
}
.navbar-nav .dropdown-menu a:focus{
  text-shadow: none;
  outline: none
}

.navbar-nav  .dropdown-menu a{
  text-align: center;
  padding:10px 20px;
  color: #fff;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .navbar-nav .dropdown-menu{background-color: #222}
  .navbar-nav .dropdown-menu a{text-align: left}
}


.sticky-top{transition: all 0.3s ease-in-out}


@media screen and (min-width: 992px) {
  .sticky-top-header .navbar-nav{transition: all 0.3s ease-in-out;}  
  .pages-stream-button{display: block;}

}

  #wp-admin-bar-csmm{display: none!important}
  .navbar-toggler {
    border: medium none;
    outline: none;
    border:solid 1px var(--orange-color);
    background-color:var(--orange-color);
    font-size: 18px;
    position: relative;
    top:-2px;
  }
   .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-toggler.collapsed{
    background-color: transparent;
  }
  .navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 92, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .navbar-nav{
    text-align: center;
  }


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
a:focus,
.navbar-toggler:focus{
  /*box-shadow: 0 0 2px 2px rgba(253, 90, 0, 0.6);*/
  outline: none
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding: 0;
  position: relative;
}
.page_section{
  padding: 80px 0 60px;
}
.page_section h2{
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
  font-size: 60px;
  /*font-family: "Landa", serif;*/
  font-family: haboro-contrast-condensed, sans-serif;
  
  line-height: 1;

}
.home-raffle.page_section h2 {
  font-size: 25px;
  font-weight: 700;
}

.bg-red-snow.page_section h2{
  color: #fff;
  text-shadow: 0 3px 4px rgba(0,0,0,0.6)
}
.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{min-height: 100vh;
  position: relative;
  margin: 0;
  font-weight: 400
}

footer.kf-footer {
  position: relative;
  bottom: 0;
  width: 100%
}

.bg-orange{background-color: var(--orange-color); color:#fff;}
.bg-dark-blue{background-color:  var(--dark-blue-color);}
.bg-dark-blue h2{color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,0.6);}
.bg-gray{
  background: #EEFFEF url(images/bg-snwofl2.png) repeat center;
}
.bg-gray h2{color:#fc5b00;}

.bg-red{background-color: #b83e3f;}
.bg-red-snow{
/*  background: #f3eee8 url(images/s-bg-snow-mountains2.png) no-repeat bottom / 100% auto;*/
  background: #b83e3f url(images/s-bg-snow-mountains2.png) no-repeat bottom / 100% auto;
  /*background: #b83e3f url(images/bg-snow-no.png) no-repeat bottom / 100% auto;*/
  padding-bottom: 420px;
  position: relative;
}
.home .bg-red-snow{background: none!important; padding-bottom: 50px}
/*.home .bg-red-snow:after{
  position: absolute;
  background: transparent url(images/s-bg-snow-mountains2.png) no-repeat bottom / 100% auto;
  bottom: 0;
  width: 100%;
  height: 50%;
  content: '';
  z-index: 2;
}
*/
.bg-red-snow:before{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
/*  background: transparent url(images/bg-snowflakes-top2.png) no-repeat top center/ 1600px auto;*/
  background: #0B684B url(images/snow-bg-none30.png) repeat top center/ 100% auto;
  top:0;
  left:0;
  z-index: -1;
}
.bg-snow{position: relative;}
.bg-snow:before{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/holiday2025/images/snow-bg-none.png);
    background-size: cover;
    z-index: -2;
    opacity: 0.5;
}
.bg-houses{
  position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(/wp-content//themes/holidays2025/images/bg-houses2.png) repeat-x left bottom;
    z-index: 1;
}
.btm-solly{
  display: block;
 position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  height: 150px;
  margin: auto;
  left:0;
  right: 0;
}
.bg-navy{background-color: var(--navy-color);}
.text-right {text-align: right;}
.text-center{text-align: center;}
.button-red{
  background-color: var(--blush-red-color);
  font-family: var(--font-titles);
  border-radius: 4px;
  color:#fff;
  display:inline-block;
  font-weight: 600;
  font-size: 22px;
  margin: 10px auto;
  
  padding: 10px 35px;
  text-shadow: 0 2px 3px rgba(0,0,0,0.52);
  text-decoration: none;
  
}
.button-red:hover{
  text-decoration: none;
  color:#fff;
  text-shadow: 0 2px 3px rgba(0,0,0,0.8);
  box-shadow: inset 0 0 15px rgba(0,0,0,0.4);
  
}

.button{
  transition: box-shadow 0.3s ease-in-out;
}
.button:hover{
  box-shadow: inset 40px 0 rgba(0,0,0,0.03), inset 90px 0px rgba(0,0,0,0.06), inset 140px 0px rgba(0,0,0,0.09), inset 190px 0px rgba(0,0,0,0.12), inset 240px 0px rgba(0,0,0,0.15);
}

.kf-slack-icon{
  bottom: 0;
  border-radius: 8px;
  color: #fff;
  display: block;
  height: 55px;
  max-width: 270px;
  margin:auto; 
  padding: 5px 60px 5px 20px;
  position: relative;
  top:0;  
  width: auto;  
}
.kf-slack-icon:before {
  border-radius: 8px;
position: absolute;
content: '';
height: 100%;
width: 100%;
z-index: 1;
background-color:var(--blush-red-color);
transition: all .4s cubic-bezier(.54,1.51,.71,.75);
bottom: 0;
left: 0;
}

.kf-slack-icon:hover:before {
height: 2px;
}
.kf-slack-icon:hover{
  color: #fff;
  background-color: transparent;
  text-decoration: none
}
.kf-slack-icon span{
  font-size: 20px;
  font-family: var(--font-titles);
  font-weight: 400;
  line-height: 2.5;
  position: relative;
  z-index: 2
}

.kf-slack-icon svg{
  display: inline-block;
  margin-left: 7px;
  top:6px;right: 10px;
  position: absolute;
  width: 40px;  height: 40px;
  z-index: 2

}
.kf-slack-icon:hover{

}
.page-default-content{
  text-align: center;
  margin: 70px auto;
  max-width: 80%;
}
.page-default-content h2:after{
  margin: auto;
  right: 0;
}
.page-default-content p{
  font-size: 1.3em;
  line-height: 1.3;
}
.three-column{
  margin-bottom: 30px
}
.three-block{
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  height: 100%;
  padding:0;
  overflow: hidden;
}
.three-image{
  background-size: cover;
  background-position: center;
  height: 320px;
  width: 100%;
}
.home .three-image{
  background-position: top center;
}
.three-content{
  padding: 1px 30px 10px 30px;
  background-color: #fff
}
.three-content h3{
  font-size: 40px;
  font-weight: 500;
  color: #00171E;
  line-height: 1;
  margin-bottom: 20px;
  /*font-family: 'landa', sans-serif;*/
   font-family: var(--font-text);
  
}
.three-content strong{
  display: block;
  margin-bottom: 10px
}
.three-content p{
  font-size: 20px;
  line-height: 1.1;
  color: #424242;
  
}
.orange-cta{
  font-family: var(--font-titles);
  font-weight: 600;
  display: inline-block;
  position: relative;
  /*text-transform: uppercase;*/
  font-size: 24px;

}
.orange-cta:hover{
  text-decoration: none
}
.orange-cta:after{
  content: '>';
  display: inline-block;
  position: absolute;
  right: -15px;
  top:-1px;
  transition: right 0.3s ease-in-out;
}
.orange-cta:hover:after{
  right: -15px
}
.full-block{
  background-color: #fff;
  border-radius: 10px;
  border:solid 2px #FFA318;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  margin-bottom: 50px;
  overflow: hidden;
}
.bg-red-snow .full-block{
  margin-bottom: 0px;
}
.full-block .logo{
  display: block;
  margin: 30px auto 0 0;
  float: none;
  height: 50px;
  width: auto; 
}
.full-image{
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 300px;
  position: relative;
}
.home .page_section.tree_blocks_section.bg-navy .full-image{background-position:  left center}

.full-image-content h4{
  color: #fff;
  font-size: 18px;
  font-family: var(--font-titles);
  margin: 10px 0;
}
.full-image-content p{
  font-size: 0.95em;
  line-height: 1.3;
}
.full-image-content{
  position: absolute;
  background-color: rgba(0,56,62,0.6);
  color: #fff;
  width: 100%;
  bottom: 0;
  padding: 15px 25px;
}
.full-content{
  padding-bottom: 30px;
}
.full-content p{
  font-size: 20px
}
.full-content p,
.full-content h3{
  padding-right: 30px;}
.image-right .full-content p,
.image-right .full-content h3{
  padding-left: 30px;}

.orange-button{
  background-color: var(--orange-color);
  border: solid 5px var(--orange-color);
  color: #fff;
  display: inline-block;
  font-family: var(--font-titles);
  padding:10px 45px; 
  text-transform: uppercase;
  transition: all 0.3s ease-in-out
}
.orange-button:hover{
  text-decoration: none;
  background-color: #fff;
  color: var(--orange-color);
}

.navy-button{
  background-color: var(--navy-color);
  border: solid 5px var(--navy-color);
  color: #fff;
  display: inline-block;
  font-family: var(--font-titles);
  padding:10px 45px; 
  text-transform: uppercase;
  transition: all 0.3s ease-in-out
}
.navy-button:hover{
  text-decoration: none;
  background-color: #fff;
  color: var(--navy-color);
}
.image-right .full-content .orange-button{margin-left: 30px}
.full-content-inner{padding-top: 15px}
.full-content-inner h3{font-size: 40px; padding: 20px 0; line-height: 1.1}

.full-content-inner .mp_off{
  margin-left: 30px
}
.full-content-inner .mp_off .mejs-container {
    background: #1d4e56!important;
  }

.home .container{position: relative; z-index: 10}  

@media only screen and (min-width: 768px) {
  footer .kf-streaming-block{margin: auto 0 auto auto;}
  .page_section h2{font-size: 70px;}
  .home-raffle.page_section h2 {font-size: 35px}

}
@media only screen and (min-width: 992px) {
  .image-right .full-image{right: -1px}
  .page_section h2{font-size: 70px;}
  .home-raffle.page_section h2 {font-size: 40px}
}
@media only screen and (max-width: 350px) {
  .kf-streaming-block {max-width: 85%;min-width: 85%;text-align: center;}
  .kf-streaming-block a{padding: 20px 20px 0}
  .kf-streaming-icon{position: relative;display: block;margin: auto;right: 0;left: 0;}
  #page-sub-header .kf-streaming-block{text-align: center;}
}
@media only screen and (max-width: 550px) {
  .bg-red-snow{background-size:  300% auto;}
  .bg-red-snow:before{background-size:  300% auto;background-position: right top;}
}
@media only screen and (max-width: 991.8px) {
  .full-content-inner{padding-left: 30px;padding-right: 30px}
  .bg-red-snow{background-size:  140% auto;}
  .bg-red-snow:before{background-size: 200% auto;background-position: right top;}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.kf-footer {
  color: #fff;
  background: #151616 url(images/gr-bg.png) repeat center center;
  border-top: solid 10px #001704;
}
.site-info{
  padding: 10px 0;
}
.site-info a,
.site-info {
  color: #888;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  text-align: center;  
}
.footer-nav{
  text-align: center;
}
.footer-nav a{
  color:#fff;
  font-size: 25px;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.footer-nav a:hover{
  color:#fd5b00
}
.footer-nav .current_page_item a{
 color:#fd5b00 
}
ul.footer-nav{
  margin: 0;
  padding: 0;
}
.footer-nav li{
  list-style: none;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {padding-bottom: 0.938rem;padding-top: 0.938rem;}
  footer.kf-footer .kf-streaming-block{margin: 10px auto 20px}
}
@media screen and (min-width: 768px) {
  .before-footer{padding-bottom: 90px}
  footer.kf-footer {position: absolute;bottom: 0;width: 100%}
}
@media screen and (max-width: 600px) {
  .footer-nav li {display: block;text-align: center;}
}
@media screen and (min-width: 992px) {
  .footer-button .kf-slack-icon{margin-right: 0}
  .footer-nav{text-align: left;}

  .footer-button{padding-top: 10px}

}



/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
.head-content{
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  font-family:  var(--font-titles);
}
.home-header-content h1{
  font-family:  var(--font-text);
  font-weight: 400;

  letter-spacing: 1px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.home .home-header-content.day-header h1{
  font-family:  var(--font-titles);
  font-size: 80px;
}
.day-header h1{
  font-family:  var(--font-titles);
}


.three-content p,
.three-content h3,
.home-raffle.page_section h2{
  font-family: var(--font-text);
  font-weight: 700;

}
.page_section h2,
.three-content h3 span{
  font-family: var(--font-titles);
}

.bg-navy.page_section h2,
.bg-navy .three-content h3 span{
  color: var(--dark-blue-color);
}

.inner-header-content h1{
  font-family: var(--font-titles);
  font-weight: 400;
  font-size: 3em;
  text-align: center;
}
#page-sub-header .container{
  position: relative;
}
.home-snowman{
  margin: auto;
  max-width: 450px;
  padding:30px 20px 60px ; 
  position: relative;
  text-align: center;
  width:90%;
  margin-bottom: 100px
}
.home-snowman-content>div{
  color: var(--blush-red-color);
  font-size: 40px;
  font-weight: 700;
  line-height: 1
}
.home-snowman-content h2{
  font-size: 32px;
  font-weight: 700;
  color: #000;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 15px; 
}
.home-snowman-icon{
  bottom: -190px;
  /*height: 180px;*/
  margin: auto;
  left: 0;
  position: absolute;
  right: 0;
  width: 450px;
  z-index: 2
}

@media screen and (min-width: 992px) {
  .home-snowman{position: absolute;bottom:-130px;right: 15px;}
  .head-content{font-size: 60px;}
  .inner-header-content h1{font-size: 4.4em;text-align: left;}
  .home-header-content h1 {font-size: 65px;}
  .home .home-header-content h1 {font-size: 35px;}
  .home-snowman-icon{bottom: -148px;}


}

/*--------------------------------------------------------------
# AGENDA
--------------------------------------------------------------*/


.event {
  padding: 10px 0;
  border-bottom: solid 2px #cbd0d1;
}
.event h3{
  font-size: 27px;
  font-family: 'wreath', sans-serif;
  line-height: 1.3;
  margin: 5px 0 10px;
  text-transform: capitalize;
}
.event.event-type2 h3{
  color: var(--orange-color)
}
.event-time{
  font-weight: bold;
  font-size: 21px;
  letter-spacing: 1.4px;
  margin: 8px 10px 2px;
  text-align: center;
  text-transform: uppercase;
}
.event-buttons{
  margin:50px 0 10px 
}
.event.event-type1 .buttonev{
  background-color: #b7bfbf;
  border: solid 5px #b7bfbf;
  cursor: not-allowed;
  pointer-events: none;
}
.event.event-type1 .buttonev:hover{
  color: #b7bfbf;
}

.event.event-type2 .buttonev{ /* */
  background-color: var(--orange-color);
  border: solid 5px var(--orange-color);
}
.event.event-type2 .buttonev:hover{
  color: var(--orange-color);
}

.event.event-type3 .buttonev{
  background-color: var(--dark-blue-color);
  border: solid 5px var(--dark-blue-color);
}
.event.event-type3 .buttonev:hover{
  color: var(--dark-blue-color);
}
.event-type4{
background-color: #f5f5f5;
}
.event.event-type4 .buttonev{
  background-color: var(--navy-color);
  border: solid 5px var(--navy-color);
}

.event .buttonev{
  background-color: var(--orange-color);
  border: solid 5px var(--orange-color);
  display: block;
  color: #fff;
  font-family: 'landa', sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  transition: all .3s ease-in-out;
}
.event .buttonev:hover{
  background-color: #fff;
  text-decoration: none
}
.event.event-type4 .buttonev:hover{
    color: var(--navy-color);
}
.event-speakers{
  display: block;
  height: 150px;
  margin: auto;
  position: relative;
  width: 220px;
}
.event-speakers img{
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: solid 5px #fff;
  box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
.event-speakers img.event-speaker{
  position: relative;
  margin: auto;
}
.event-speaker21,
.event-speaker22{
  position: absolute;
  top:10px;
  left:0;
}
.event-speaker22{
  right:0;
  left:auto;
}
.event-spname{
  margin-bottom: 10px;
  font-weight: bold;
}
.tabs-container{
  position: relative;
  margin-top: 50px
}
.tabs-section{
 position: -webkit-sticky;
 position: sticky;
 top: 86px;
 background-color: #fff;
 z-index: 2
}


.admin-bar .tabs-section{top:118px;}
#tabs {
   width: 100%;
   margin: 0;
   padding: 0;
}
#tabs li {
    display: inline-block;
    list-style:none; 
    margin:0 -4px 0 0; 
    outline:none;
    width: 20%;
}
#tabs li a.tabttl{
  text-transform: uppercase;
  font-family: 'landa', sans-serif;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 20px 10px;
   border-bottom: solid 3px var(--dark-blue-color);  
  transition: background-color .1s ease-in-out;
}
#tabs li a.tabttl span{
  display: block;
}
#tabs li a.tabactive{
  background-color: var(--dark-blue-color);
  color: var(--orange-color);

}
#tabs li a:hover{
  color: var(--orange-color);
  cursor: pointer;
}
.tabcnt-section{
  clear:both;           
  position: relative;
  width:100%; 
  min-height: 500px
  top:0;
}
.tabcnt {
  padding-top: 20px;
  position: absolute;
  width: 100%;
  opacity: 0;
  display: none;
  top:0;min-height: 500px
}
.tabcnt.activecnt{
  display: block;
  opacity: 1;
  position: relative;
}
.tree_blocks_section{overflow: hidden;}


.home .tree_blocks_section.bg-white .full-column-free p{
  font-size: 1.2rem;
  line-height: 1.6;
}
.home-speakers-section{
  padding: 70px 0 50px
}

.home-speakers{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.home-speakers .home-circle{
  display: block;
  width: 700px;
  height: 700px;
  position: absolute;
  bottom: --325px;
  left:0px;
  background:url(images/bg-circle.png) no-repeat top left / 100% auto; 
  animation: rotation 100s infinite linear;
  -webkit-animation: rotation 100s infinite linear;
}
.home-speakers .home-sp:hover{
  width: 125px;
  height: 125px;
}
.home-speakers .home-sp{
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  border:solid 4px #fff;
  display: block;
  left:20px;
  height: 120px;
  overflow: hidden;
  position: absolute;
  top:0;
  width:120px;
  transition: all .3s ease-in-out
}

.home-lounge{
  width: 100%;
  max-width: 950px;
  margin: 50px auto 80px;
}
.home-lounge h2:after{
  left:0;right: 0;
  margin: auto;
}
.home-lounge p{
  font-size: 1.2em;
}
.home-lounge p>a{
  font-size: 16px;
}
.home-l-section{
  padding-bottom: 170px
}

.page-id-8 .bg-navy .full-image{
  min-height: 450px;
}

.l-col-block h3{
  color: var(--blush-red-color);
  font-family: 'landa', sans-serif;
  font-size: 23px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.home-l-section .l-col-block h3 a:hover{
  color:#fff;
  text-decoration: none
}  

.l-col-block{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
  margin-bottom: 14px;
  min-height: 200px;
  padding: 15px;
  position: relative;
  text-align: center;
  width: 100%;
  transition: all .5s ease-in-out
}
.l-col-block p{
  line-height: 1.2
  font-size:18px;
}
.l-col-blockv1{min-height:260px}
.l-col-blockv2{height:300px}
.col4-block1,
.col2-block1,
.col2-block2{height: 400px}
.col4-block2,
.col4-block3{height:23.45%}
.col4-block2{background-size: auto 100%;}
.l-col-block-text{position: relative;}
.l-col-block-textinner{
  margin: auto;
  width: 80%;
  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: auto;  width: 80%;
}
.l-col-block-texthover{
  position: absolute;  top: 50%;  left: 0;  right: 0;  margin: auto;  width: 80%;
  opacity: 0;
  -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
  transition: opacity 0.55s, transform 0.55s;
  -webkit-transform: scale(1.3) translateY(-50%);
  transform: scale(1.3)  translateY(-50%);

}
.l-col-block{
  overflow: hidden;
}

.l-col-block:hover .l-col-block-texthover{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1) translateY(-50%);
  transform: scale3d(1,1,1) translateY(-50%);
}

.l-col-block:hover{
  opacity: 1;
}

.l-col-block.l-col-block-bg:before{
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  opacity: 0;
  -webkit-transform: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.l-col-block.l-col-block-bg:hover:before{
 opacity: 1;
}

/*
.l-col-block.l-col-block-bg:before{
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid #ff9500;
  box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.4,1.4,1);
  transform: scale3d(1.4,1.4,1);
}
.l-col-block.l-col-block-bg:hover:before{
 opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}*/


.row.l-gutter {
  margin-left: 10px;
  margin-right: 10px;
}
.row.l-gutter .col-12{
  padding-left: 7px;
  padding-right: 7px;
}
.home .tree_blocks_section.bg-dark-blue .full-block{
  /*background-color: transparent!important;*/
}
.home .tree_blocks_section.bg-dark-blue .full-block .full-content,
.home .tree_blocks_section.bg-dark-blue .full-block .full-content-inner{
/*  padding: 0!important;*/
}
.home .tree_blocks_section.bg-dark-blue .full-block .full-content-inner>p{
/*  padding: 0 15px!important;
  margin: 0!important;
*/  position: relative;
}
@media only screen and (min-width: 576px) {
  .col4-block1,.col2-block1,.col2-block2{height: 48.2%}


}
@media only screen and (min-width: 520px) and (max-width: 760px) {
  .home-speakers .home-sp{margin:2px 10px}
}
@media only screen and (min-width: 992px) {
.home-speakers .home-sp1{  top: 15%; left: 5%; animation: mface 4s infinite linear;}
.home-speakers .home-sp2{  top: 60%; left: 10%; animation: mface2 6s infinite linear;}
.home-speakers .home-sp3{  top: 12%; left: 40%; animation: mface3 5s infinite linear;}
.home-speakers .home-sp4{  top:-50px;left: 70%; animation: mface4 6s infinite linear;}
.home-speakers .home-sp5{  top: 43%; left: 69%; animation: mface5 4.5s infinite linear;}
.home-l-section{padding-bottom: 50px}

  
}
@keyframes mface {
  50% {transform: translateX(10px);transform: translateY(4px);}
}
@keyframes mface2 {
  50% {transform: translateX(-8px);}
}
@keyframes mface3 {
  50% {transform: translateY(-5px);}
}
@keyframes mface4 {
  50% {transform: translateX(12px);transform: translateY(7px);}}
}
@keyframes mface5 {
  50% {transform: translateX(-10px);}
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
@media only screen and (max-width: 991.8px) {
  .home-speakers{text-align: center;}
  .home-speakers .home-sp{position: relative;top:auto;left:auto;display: inline-block;}
   .home-speakers .home-sp:hover{width: 120px;height: 120px}
  .home-speakers .home-circle{display: none;}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .event h3{text-align: center;}
  .event-buttons{text-align: center;}
  .event .button{display: inline-block; width: 40%;}
}
@media only screen and (min-width: 600px) {
  #tabs li a.tabttl{  font-size: 18px;}
  
}
@media only screen and (min-width: 768px) {
  #tabs li a.tabttl{ font-size: 22px;}
  #tabs li a.tabttl span{display: inline-block;}
}

@media only screen and (min-width: 1024px) {
  #tabs li a.tabttl{  font-size: 26px;}
}

/*--------------------------------------------------------------
# Award Accordion
--------------------------------------------------------------*/
.page-id-279 h1{font-size: 3.5rem}
#accordionAward{margin: 50px 0}
#accordionAward .card-header h2{
  line-height: 1.2;
  margin: 0; padding:0; 
}
.card-descr{
  width:90%;
  max-width:850px;
  margin: 0 auto 30px;
}
#accordionAward .card-header h2 button:after,
#accordionAward .card-header h2:after{display: none}
#accordionAward .card-header h2 button{
  border-radius: 0;
  display: block; 
  font-size: 2rem;
  line-height: 50px;
  height: 100%;
  padding: 20px 20px;
  text-transform: uppercase;
  width: 100%;
}
.award_icon_block{
  background: #222 url(images/solace-bg2.png) no-repeat top right / auto 135%;
  padding: 20px;
  width: 100%;
}
.award_icon{
  display: block;
  margin-right: 20px;
  height: auto;
  width: 100%;
  margin: auto;
  max-width: 900px;
}

#accordionAward  .btn-link.collapsed {
    background:#fff;
    color: var(--orange-color);
    text-decoration: none;
    transition: all 0.2s ease-in-out
}
#accordionAward  .header-winners .btn-link.collapsed {
    background:var(--orange-color);
    color: #fff;
}
.bnt-nominees{
  position: absolute;
  right: 30px;
  bottom: 10px;
  font-family: 'wreath', sans-serif;
  font-size:20px 
}

#accordionAward  .btn-link.collapsed:hover{
    background:var(--orange-color);
    color: #fff;
    text-decoration: none
}

#accordionAward .btn-link:not(.collapsed) {
    background:var(--orange-color);
    color:#fff;
    transition: all 0.2s ease-in-out
}
#accordionAward .btn-link:not(.collapsed):hover {
    color:#fff;
     text-decoration: none
}
#accordionAward .btn-link.active, #accordionAward .btn-link:active ,
#accordionAward .btn-link.focus, #accordionAward .btn-link:focus {
    text-decoration: none;
}

#accordionAward .card-header h2 button i{
  color: #777;
  display: inline-block;
  margin-right: 20px
}
#accordionAward .card-header {
    padding: 0!important;
}    
#accordionAward.accordion>.card{
  border-color: #eee; 
  color: var(--dark-blue-color); 
}
#accordionAward.accordion .card-header{
    border:none!important;
    border-bottom: solid 2px var(--dark-blue-color);
}
#accordionAward .card-descr{
  font-size: 20px;
  margin: 10px auto 0px;
  color: #fff;
  letter-spacing: 0.5px
}
.region{position: relative;}
.region{
  padding: 7px 0;
  border-bottom: dashed 2px #eee;
}
.region:last-child{
  border-bottom: dashed 0px #eee; 
}
.region h3 {
    color: var(--orange-color);
    display: block;
    font-size: 2.5em;
    left: -120px;
    line-height: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    transform: rotate(-90deg);
    top: 100px;
    width: 250px;
}
.persons{
  padding-left:5%
}
.ap_persons{
  padding: 20px 30px;
  vertical-align: top;
}
.ap_person{
  display: inline-block;
  margin: 5px 10px;
  width: 36%;
  vertical-align: top;
  padding: 10px;
  text-align: center;
}

.ap_persons:nth-child(even) { 
  background-color: #f2f2f2;
  
}
.ap_person img{
  width: 100%;
  height: auto;
}
.ap_photo{
  width: 100%;
  max-width: 180px;
  max-height: 180px;
  margin: 0 auto;
    border-radius: 50%;
    border: solid 5px #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5);  
    overflow: hidden;
}
.ap_photo img{
  width: 100%;
  height: auto;
}
.ap_name{
  font-weight: 700;
  font-size:1.3rem;
  margin: 10px auto 0;
  line-height: 1.3;
}
.accordion-btns{
  text-align: center;
  padding: 10px 0
}
.page-id-527 .accordion-btns{
  display: none
}
.ap-flag{
  display: block;
  width: 60px;
  height: 30px;
  margin: 5px auto;
  background:url(images/flag-no.jpg) no-repeat center / 100% auto ; 
  box-shadow:   2px 2px 10px rgba(0,0,0,0.3)
}
.ap-flag-ca{background-image:url(images/flag-ca.jpg) }
.ap-flag-us{background-image:url(images/flag-us.jpg) }
.ap-flag-ge{background-image:url(images/flag-ge.jpg) }
.ap-flag-mexico{background-image:url(images/flag-me.jpg) }
.ap-flag-en{background-image:url(images/flag-en.jpg) }
.ap-flag-sw{background-image:url(images/flag-sw.jpg) } /*swiz*/
.ap-flag-in{background-image:url(images/flag-in.jpg) }
.ap-flag-hong-kong{background-image:url(images/flag-gh.jpg) }
.ap-flag-fr{background-image:url(images/flag-fr.jpg) }
.ap-flag-singopore{background-image:url(images/flag-sing.jpg) }
.ap-flag-japan{background-image:url(images/flag-ja.jpg) }
.ap-flag-taiwan{background-image:url(images/flag-taiwan.jpg) }
.ap-flag-china{background-image:url(images/flag-china.jpg) }
.ap-flag-australia{background-image:url(images/flag-austr.jpg) }


.winners{
  width: 100%;
 background: rgb(2,0,36);
background: linear-gradient(148deg, rgba(2,0,36,1) 0%, rgba(245,245,245,1) 0%, rgba(210,210,210,1) 100%);
  text-align:center;
  border-bottom: solid 25px #fff;  
}
.winners .winner{
  display: inline-block;
}
.winners .region h3 {
    font-size: 2em;
    left: -100px;
    top: 80px;
    width: 240px;
    color: #909090
}
.winners .ap_person{
  position: relative;
  display: inline-block;
  margin: auto;
  padding:5px 5px 10px 5px;
}
.winner-icon{
  position: absolute;
  top:80px;
  right: -10%;
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;

}
.winner-icon i{
  font-size: 55px;
  color: #00c895;
}
#collapse5 .region h3{display: none}
#collapse1 .region,

#collapse11 .region,
#collapse6 .region,
#collapse3a .region{  display: inline-block;  width: 48%; border-bottom: none}

#collapse1 .region .ap_person,

#collapse11 .region .ap_person,
#collapse6 .region .ap_person,
#collapse3a .region .ap_person{ width: 100% }

.games-board{
  text-align: right;
}
.games-board .card{
  border:none;
  padding: 0;
  margin-bottom: 30px
}
.um-profile-meta span.um-bio-limit,
.um-profile-meta textarea#um-meta-bio{
  display: none!important
}
@media only screen and (min-width: 768px) {
  .persons {padding-left: 10%;}
  .region h3{font-size: 2.6em;    left: -100px;    top: 90px;    width: 250px;}
  .ap_person{width: 20%;}
  .accordion-btns{text-align: right}
  .winners .region h3 {font-size: 2.3em;}
  .winners .ap_person{display: inline-block;margin: 5px}

}

@media only screen and (min-width: 992px) {
  .persons {padding-left:72px;}
  .region h3{font-size: 3em;left: -80px;top: 120px; width: 250px;}
  .ap_person{width: 17%;}
  .winner-icon{right: -15px;top:110px;}  
  .winners .region h3 {font-size: 3em;}
  .card-winners{margin-left: 30px}

}
@media only screen and (min-width: 1200px) {
  .winner-icon{right: -5px;    top: 130px;}
  
  #collapse1 .region,
  #collapse6 .region,
  #collapse3a .region{  display: inline-block;  width: 23%}
  #collapse1 .region .ap_person,
  #collapse6 .region .ap_person,
  #collapse3a .region .ap_person{ width: 100% }

}
@media only screen and (min-width: 1200px) {
  .winner-icon{right: 10px;    top: 140px;}
}

/*--------------------------------------------------------------
# Recipes
--------------------------------------------------------------*/
.page-id-360 .event-time i{
  font-weight: 500;
  font-style: normal;
}
.page-id-360 .event-speakers{
  height: auto;width: 100%;
  overflow: hidden;
  border: solid 5px var(--dark-blue-color);
}
.page-id-360  .event-speakers img{
  display: block;
  border-radius: 0;
  border: none;
  box-shadow:none;
  height: auto;
  width: 100%;
-webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}
.page-id-360 .event:hover .event-speakers img{
    -webkit-transform: rotate(3deg) scale(1.1);
  transform: rotate(3deg) scale(1.1);
}

.page-id-360 .event h3{
  margin: 5px 0 10px;
  text-transform: uppercase;
}

.page-id-360  .event {
    padding: 10px 0 40px;
  }
.page-id-360  .event:last-child{
  border-bottom: none;
}
.page-id-360 #tabs{
border-bottom: solid 3px var(--dark-blue-color);
}
.page-id-360 #tabs li a.tabttl{border-bottom: none}

.page-id-360 #tabs li a#tab5.tabttl,
.page-id-360 #tabs li a#tab8.tabttl{display: none}
/*--------------------------------------------------------------
# games
--------------------------------------------------------------*/

.ctl-arcade-rank-table{
  text-shadow: none;
  box-shadow: none
}
.ctl-arcade-rank-row{
  font-size: 16px
}
.ctl-arcade-rank-body .ctl-arcade-rank-row:last-child,
.ctl-arcade-rank-body{
    border-radius: 0;
}
.ctl-arcade-rank-table-green {
    background-color: var(--dark-blue-color);
    border-color: var(--dark-blue-color);
    border-radius: 0;
}
.ctl-arcade-rank-table p {
  padding: 20px;
  color: var(--orange-color);
  }
.ctl-arcade-rank-header-green {
    background-color: #b7b7b7;
    color: #222;
    text-shadow: none;
    border-bottom: 1px solid var(--dark-blue-color);
    font-size: 18px;
}
.ctl-arcade-rank-table-green .ctl-arcade-rank-row:hover {
    text-shadow: none;
  background-color: var(--orange-color)!important;
}
.ctl-arcade-btn-green {
  background-color: var(--orange-color)!important;
    border-color: var(--orange-color);
}
.ctl-arcade-btn-mini:hover,
.ctl-arcade-btn-mini {
    font-size: 16px;
    padding: 7px 30px;
    line-height: 13px !important;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border:solid 5px  var(--orange-color);
    text-transform: uppercase;
    font-family: 'landa', sans-serif;
}
.ctl-arcade-btn-mini:hover{
  background-color: #fff;
  color: var(--orange-color) 
}
/*--------------------------------------------------------------
# Registration
--------------------------------------------------------------*/
.modal-dialog {
    max-width: 650px;
  }
.modal-dialog  #pills-tab{
    border-bottom: solid 2px var(--orange-color);
  }
.modal-dialog .um-250.um {
    max-width: 650px;
}  

.modal-dialog .um-field-label label {
    font-size: 18px !important;  
    color: #222;
}
.modal-dialog .nav-pills .nav-link, 
.modal-dialog .nav-pills .show > .nav-link {
    text-transform: uppercase;
    border-radius: 0;
     font-family: 'wreath', sans-serif;
}   
.modal-dialog .nav-pills .nav-link.active{
    background-color: var(--orange-color);  
    color: #FFF;
}

.um .um-button{
   text-transform: uppercase!important;
   font-family: 'landa', sans-serif!important;
   font-size: 1.2rem!important
}
.modal-dialog .um-field-label{
  margin: 0
}

.um input[type="submit"].um-button{
    background-color: var(--orange-color)!important;  
    border:solid 5px var(--orange-color)!important;
    color: #FFF!important;
}
.um input[type="submit"].um-button:hover{
    background-color: var(--dark-blue-color)!important;  
    border:solid 5px var(--dark-blue-color)!important;  
}
.um-directory .um-members-wrapper .um-members .um-member{
  border-radius: 17px!important
}
.um-member-cover{
  background:url(/wp-content/themes/kickoff20/images/Elevate_Boarding-Pass1.jpg) no-repeat top center / 100% auto;
  height: 152px!important;
  background-color: #fff!important;
}
.um-cover-e{
  background:url(/wp-content/themes/kickoff20/images/Elevate_Boarding-Pass1.jpg) no-repeat top center / 100% auto;
  height: 380px!important; 
}
.um-cover-add{
  display: none!important
}
.um-cover .um-dropdown{
  display: none!important;
  z-index: -999!important
}

.um a.um-link,
[class^="um-faicon-"]::before, 
.um-profile-edit .um-faicon-gear::before, 
.um-profile-edit .um-faicon-cog::before{
  color: var(--orange-color)!important;
}

.um-profile.um .um-profile-headericon a {
    color: #222!important;
}

.um-profile-meta{
  position: relative;
}
.um-name{
  font-family: 'wreath', sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: var(--orange-color)!important;
}
.um-profile.um .um-name a{
  color: var(--orange-color)!important;
}

.um-field-error {
    background: var(--orange-color)!important;
  }
.modal-content .um-right a.um-alt{
  display: none
}

.modal-content  .um-left.um-half{
  width: 100%
}
.page .um-meta-text{
  font-size: 16px;
  text-align:left;
}
.solace-tshort{
  border: solid 1px #eee;
    padding: 30px;
    border-radius: 20px;
}
.solace-tshort h2{
  text-align: center;
}
.solace-tshort strong,
.solace-tshort li{
  font-size: 1rem;
  color: #222
}
.solace-tshort img{
  display: block;
  width: 200px;
}

@media only screen and (min-width: 500px) {
  .modal-dialog .um-register #um_field_250_last_name,
  .modal-dialog .um-register #um_field_250_user_email,
  .modal-dialog .um-register #um_field_250_confirm_user_password{
    margin-left: 22px;
  }
  .modal-dialog .um-register .um-field{
    width: 48%;
    display: inline-block;
    vertical-align: top
  }
  
}

@media only screen and (min-width: 768px) {
  .um-name{  position: absolute;  top:-70px;  right: 26%; font-size: 1.2rem;  }
}

@media only screen and (min-width: 900px) {
  .um-name{  top:-80px;  right: 28%; }
}
@media only screen and (min-width: 1100px) {
  .um-name{  top:-100px;  right: 28%; }
}
@media only screen and (min-width: 1300px) {
  .um-name{  right: 29%; }
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
.gallery-section{
  padding: 0;margin: 0;
  width: 100%;
  overflow: hidden;
  display: block;
  
}
.slick-slider{
  display: none;
  
}
.slick-initialized .slick-slider {
  display: block;
  height: 100%
}
.galleryoff{

}
.galleryoff div{
  background:#222 no-repeat center / cover;
  display: block;
  width: 100%;
  height: 90vh;
}
.galleryoff>div img{
  width: 120%;
  height: auto;
}
.slick-dotted.slick-slider{
  /*background-color: #151616;
  padding-bottom: 30px;
  margin-bottom: 0 */
}
.slick-dots li button:before {
  background-color: var(--orange-color)!important;
  border-radius: 50%;
  font-size: 0
}
.slider-nav-thumbnails{

}
.slider-nav-thumbnails .slick-slide {
  opacity: 0.8;
  border:solid 5px #222;
  height: 80px;
  overflow: hidden;
  background:#222 no-repeat center / cover ;
  border-radius: 0
}

.slider-nav-thumbnails .slick-slide.slick-current {
  opacity: 1;
 border:solid 5px var(--orange-color);
 border-radius: 0!important;
 outline:0;
 box-shadow: none; 
}
.custom3 img{
  margin: auto;
  display: block;
}
.custom3{
  background-color: #f5f5f5;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  overflow: hidden;
  height: 100%
}
.custom3 h3,
.custom3 p{
  padding-left: 15px;
  padding-right: 15px; 
  color: #222;
}
@media only screen and (max-width: 992px) {
  .custom3{margin-bottom: 40px}
}

@media only screen and (min-width: 1400px) {
  .slider-nav-thumbnails .slick-slide {height: 120px;}
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    
  }
}

/*** Snow ***/
.home-cartoons{
  padding-bottom: 100px
}
.snowflakes1{
  position: relative;
  /*top:-1px;*/
}
.bg-dark-blue .sf,
.bg-white .sf,
.bg-red-snow .sf{
  display: none
}
.sf{
  display: block;
  height: 30px;
  width: 30px;
  background: url(images/sf1.png) no-repeat center;
  background-size: 90%;
  position: absolute;
  top:2%;
  left:20%;
}
.sf0{background-image: url(images/sf0.png);top:3%; left:2%;height: 40px;width:40px;}
.sf1{background-image: url(images/sf1.png);top:10%; left:12%;height: 40px;width:40px;}
.sf2{background-image: url(images/sf4.png);top:7%; left:25%;height: 25px;width:25px;}
.sf3{background-image: url(images/sf3.png);top:6%; left:32%;}
.sf4{background-image: url(images/sf4.png);top:7%; left:40%;height: 45px;width:45px;}
.sf5{background-image: url(images/sf5.png);top:6%; left:62%;}
.sf6{background-image: url(images/sf1.png);top:9%; left:75%;}
.sf7{background-image: url(images/sf7.png);top:1%; left:87%;}
.sf8{background-image: url(images/sf8.png);top:20%; left:89%;}
.sf9{background-image: url(images/sf9.png);top:15%; left:97%;}

.sf11{background-image: url(images/sf0.png);top:93%; left:4%;height: 40px;width:40px;}
.sf12{background-image: url(images/sf1.png);top:50%; left:2%;height: 30px;width:30px;}
.sf13{background-image: url(images/sf4.png);top:96%; left:25%;height: 25px;width:25px;}
.sf14{background-image: url(images/sf3.png);top:92%; left:33%;}
.sf15{background-image: url(images/sf4.png);top:93%; left:40%;height: 45px;width:45px;}
.sf16{background-image: url(images/sf5.png);top:86%; left:62%;}
.sf17{background-image: url(images/sf1.png);top:62%; left:64%;}
.sf18{background-image: url(images/sf7.png);top:91%; left:87%;}
.sf19{background-image: url(images/sf8.png);top:93%; left:93%;}
.sf20{background-image: url(images/sf9.png);top:65%; left:97%;}
/*** Snow - end ***/

.home-cartoons-video,
.home-cartoons-image{
  background-color: #fff;
  border:solid 7px #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(0,0,0,0.2);
  max-width: 600px;
  margin: 20px auto 40px;
  position: relative;
  width: 90%;
}
.home-cartoons-image img{
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.divider_flakes{
  width: 100%;
  background:url(images/bg-three-flakes.png) no-repeat center / auto 100%;
  height: 20px;
  margin: 10px auto 60px
}

.r_card{
  min-height: 300px;
  color: #fff;
  margin-bottom: 30px;
}
.home-raffle-image{
  /*background:url(/wp-content/uploads/2020/11/hl-day2.png) no-repeat center / cover;*/
  border-radius: 10px;
  min-height: 100%;
  
  position: relative;
  width: 100%;
}
.r_card_closed{
  height: 300px
}
.r_card_closed .home-raffle-image{
  background:transparent no-repeat center / cover;
  border-radius: 10px
}
.r_card_closed .home-raffle-image:before{
  background-color: rgba(0,0,0,0.4);
  border-radius: 10px;
  display: block;
  content: '';
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  transition: background-color 0.3s ease-in-out
}
.r_card_closed:hover .home-raffle-image:before{
  background-color: rgba(0,0,0,0.7);
  cursor: not-allowed
}
.r_card_closed:hover{
  cursor: not-allowed 
}


.r_card_opened .lock .fa-lock{
  display: none
}
.r_card_closed .lock .fa-unlock{
  display: none
}
.r_card .star,
.r_card .lock{
  display: block;
  font-size: 30px;
  color: #fff;
  height: 30px;
  line-height: 1;
  position: absolute;
  right: 25px;
  bottom:20px;
  text-shadow: 0 3px 5px rgba(0,0,0,0.4);
  width: 30px;
}
.r_card_opened.r_card .lock{
  bottom: -72px
}
.r_card .star{display: none}
.r_card_featured.r_card .star{
  display: none;
  color: #ffd800;
  bottom:auto;
  top:15px;
}
.r_card_opened.r_card_featured.r_card .star{
  top:-75px;
}

.home-raffle-image .number{
  color: #fff;
  font-size: 52px;
  font-family:var(--font-titles);
  font-weight: 600;
  left: 30px;
  line-height: 1;
  position: absolute;
  top:0px;
}
.r_card_opened .home-raffle-image .number{
  top:-95px; 
}

.r_card_opened:hover {
  
}
.r_text{
  position: absolute;
  top:0;bottom: 0;left: 0;right: 0;
  margin: auto;
}
.r_text h3{
  font-size: 35px;
  line-height: 25px;
  font-weight: 400;
  text-shadow: 0 0 5px rgba(0,0,0,0.5)
}
.r_text p{
  margin: 0;
  line-height: 1.2;
  font-size: 50px;
  font-family:var(--font-titles);
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 15px rgba(0,0,0,0.9)
}
.home-giftbox_text {
  display: block;
  position: absolute;
  top: 0;
  bottom:0;
  left:0%; 
  right: 0;
  font-size: 42px;
  margin: auto;
  color: #6a0909;
  transition: text-shadow .3s ease;
}
.home-giftbox a:hover .home-giftbox_text span{
  text-shadow: 0px 7px 3px rgb(0 0 0 / 60%)
}
.home-giftbox-open .home-giftbox_text span{
  left: 22%;
  right: auto;
}

.home-giftbox_text a{
  display: block;
  height: 100%;
  width: 100%;
}

.card-vertical .home-giftbox_text span{
  color: #fff;
  display:block;
  font-family:var(--font-titles);
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 1px;
  left:auto;right:auto;
  margin: auto;
  position: relative;
  top:48%;
  transition: all 0.3s ease;
  width:170px;
}
.home-card.hide-9{display: none}
@media (max-width:991.9px){
  .day-9.card-vertical {display: none}
}
.card-vertical.day-open .home-giftbox_text span{
  top:58%;
 color:#410409
}

.r_text_flip{
  margin: 0;
  line-height: 1.2;
  font-size: 30px;
  font-family:var(--font-titles);
  font-weight: 400;
  text-shadow: 0 0 5px rgba(0,0,0,0.5)

}
.r_text_flip p{
  margin-bottom: 0
}
.r_text_flip .button-red{
  width: 180px;
  padding: 10px 5px;
  position: relative;
  letter-spacing: 1px;
}
.page-id-7 .bg-dark-blue .sf{
  display: none
}
.page-id-7  .three-content h3 {
    font-size: 32px;
}
.home-raffle-image-mob .r_text{
  top:20%;
}
.r_card_opened .home-raffle-image.home-raffle-image-mob .number {
    top: 0px;
}
.r_card_opened.r_card .home-raffle-image-mob .lock{
  bottom: 20px;
}
.visible-lg{display: none;}
.hidden-lg{display: block;}
@media (min-width: 1024px){
 .visible-lg{display: block;}
 .hidden-lg{display: none;}
}

@media (min-width: 1200px){
 
}
/*** Flip card ***/

.faria-flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.faria-flip-box .flip-box-front[data-text-color="dark"], .faria-flip-box .flip-box-back[data-text-color="dark"] {
  color: #676767;
}
.faria-flip-box .flip-box-front[data-text-color="light"], .faria-flip-box .flip-box-back[data-text-color="light"], .faria-flip-box .flip-box-front[data-text-color="light"] h1, .faria-flip-box .flip-box-back[data-text-color="light"] h1, .faria-flip-box .flip-box-front[data-text-color="light"] h2, .faria-flip-box .flip-box-back[data-text-color="light"] h2, .faria-flip-box .flip-box-front[data-text-color="light"] h3, .faria-flip-box .flip-box-back[data-text-color="light"] h3, .faria-flip-box .flip-box-front[data-text-color="light"] h4, .faria-flip-box .flip-box-back[data-text-color="light"] h4, .faria-flip-box .flip-box-front[data-text-color="light"] h5, .faria-flip-box .flip-box-back[data-text-color="light"] h5, .faria-flip-box .flip-box-front[data-text-color="light"] h6, .faria-flip-box .flip-box-back[data-text-color="light"] h6 {
  color: #fff;
}
.faria-flip-box .flip-box-front, .faria-flip-box .flip-box-back {
  background-size: cover;
  background-position: center;
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.faria-flip-box[data-shadow="light_visibility"] .flip-box-back, .faria-flip-box[data-shadow="light_visibility"] .flip-box-front {
  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.2);
}
.faria-flip-box[data-shadow="heavy_visibility"] .flip-box-back, .faria-flip-box[data-shadow="heavy_visibility"] .flip-box-front {
  box-shadow: 0px 30px 75px rgba(0, 0, 0, 0.4);
}
.faria-flip-box .flip-box-back[data-bg-overlay="true"]:after, .faria-flip-box .flip-box-front[data-bg-overlay="true"]:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  display: block;
  opacity: 0.3;
  background-color: inherit;
  backface-visibility: hidden;
  border-radius: 10px
}
.faria-flip-box:hover .flip-box-front, .faria-flip-box:hover .flip-box-back {
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.faria-flip-box .flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.faria-flip-box .faria-button {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.faria-flip-box[data-h_text_align="center"] .flip-box-back, .faria-flip-box[data-h_text_align="center"] .flip-box-front {
  text-align: center;
}
.faria-flip-box[data-h_text_align="right"] .flip-box-back, .faria-flip-box[data-h_text_align="right"] .flip-box-front {
  text-align: right;
}
.faria-flip-box[data-v_text_align="center"] .flip-box-back .inner, .faria-flip-box[data-v_text_align="center"] .flip-box-front .inner {
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
}
.faria-flip-box[data-v_text_align="bottom"] .flip-box-back .inner, .faria-flip-box[data-v_text_align="bottom"] .flip-box-front .inner {
  -ms-transform: translateZ(60px) scale(0.94);
  transform: translateZ(60px) scale(0.94);
  -webkit-transform: translateZ(60px) scale(0.94);
  bottom: 0;
}
.faria-flip-box[data-v_text_align="top"] .flip-box-back .inner, .faria-flip-box[data-v_text_align="top"] .flip-box-front .inner {
  -ms-transform: translateZ(60px) scale(0.94);
  transform: translateZ(60px) scale(0.94);
  -webkit-transform: translateZ(60px) scale(0.94);
  top: 0;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back .inner, .faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front .inner {
  -ms-transform: translateZ(50px) scale(0.95);
  transform: translateZ(50px) scale(0.95);
  -webkit-transform: translateZ(50px) scale(0.95);
}
.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back .inner, .faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front .inner {
  -ms-transform: translateZ(50px) scale(0.95);
  transform: translateZ(50px) scale(0.95);
  -webkit-transform: translateZ(50px) scale(0.95);
}
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-back .inner, .faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-front .inner {
  -ms-transform: translateY(-50%) translateZ(50px) scale(0.95);
  transform: translateY(-50%) translateZ(50px) scale(0.95);
  -webkit-transform: translateY(-50%) translateZ(50px) scale(0.95);
}
.faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-back .inner, .faria-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-front .inner {
  -ms-transform: translateY(-50%) translateZ(50px) scale(0.95);
  transform: translateY(-50%) translateZ(50px) scale(0.95);
  -webkit-transform: translateY(-50%) translateZ(50px) scale(0.95);
}
.faria-flip-box .flip-box-back .inner, .faria-flip-box .flip-box-front .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 60px 30px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}
.faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-radius: 10px;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-front, .owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-back {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-front {
  -ms-transform: rotateY(180deg) !important;
  -webkit-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
}
.faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-radius: 10px
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-back, .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front, body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-right"]:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-left"] .flip-box-front, .owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-back, .faria-flip-box[data-flip-direction="horizontal-to-right"].flipped .flip-box-back {
  -ms-transform: rotateY(0deg) !important;
  -webkit-transform: rotateY(0deg) !important;
  transform: rotateY(0deg) !important;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="horizontal-to-left"]:hover .flip-box-front, .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back, .owl-carousel.moving .faria-flip-box[data-flip-direction="horizontal-to-right"] .flip-box-back {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="horizontal-to-left"].flipped .flip-box-front {
  -ms-transform: rotateY(-180deg) !important;
  -webkit-transform: rotateY(-180deg) !important;
  transform: rotateY(-180deg) !important;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-back {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-front {
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-front {
  -ms-transform: rotateX(180deg) !important;
  -webkit-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
}
.faria-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front {
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-back, .faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front, body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-back {
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-back, .faria-flip-box[data-flip-direction="vertical-to-bottom"].flipped .flip-box-back {
  -ms-transform: rotateX(0deg) !important;
  -webkit-transform: rotateX(0deg) !important;
  transform: rotateX(0deg) !important;
}

body:not(.using-mobile-browser) .faria-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-front {
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.faria-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-back {
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.faria-flip-box[data-flip-direction="vertical-to-top"].flipped .flip-box-front {
  -ms-transform: rotateX(-180deg) !important;
  -webkit-transform: rotateX(-180deg) !important;
  transform: rotateX(-180deg) !important;
}

/*** Flip card - end ***/
iframe.game-hor{
  width:90%;
  max-width: 1200px;
  height: 200px;
  border:none;
}
iframe.game-vert{
  width:90%;
  max-width: 720px;
  min-width: 400px;
  height: 600px;
  border:none;
}
@media (min-width: 500px){
  iframe.game-hor{ height: 250px;}
}
@media (min-width: 700px){
  iframe.game-hor{ height: 350px;}
}

@media (min-width: 992px){
  iframe.game-hor{ height: 592px;}
}
@media (min-width: 1200px){
  iframe.game-hor{ height: 676px;}
  iframe.game-vert{width: 420px; height:700px;}
}
/*** Page block - cartoon ***/
.car-content{
  max-width: 900px;
  margin: auto;
}
.car-content h3{
  font-size: 35px;
  font-family: var(--font-text);
  color: #000;
  line-height: 1;
}
.car-content h4{
  font-size: 30px;
  font-family: var(--font-text);
  color: #000
}
.car-content p{
  font-size: 22px
}
.tree_blocks_section.bg-dark-blue .car-content p em strong{
  font-size: 32px
}

.bg-red-snow .car-content a,
.bg-red-snow .car-content,
.bg-red-snow .car-content p,
.bg-red-snow .car-content h4,
.bg-red-snow .car-content h3,
.bg-dark-blue .car-content a,
.bg-dark-blue .car-content,
.bg-dark-blue .car-content p,
.bg-dark-blue .car-content h4,
.bg-dark-blue .car-content h3{
  color: #fff
}

.bg-red-snow .car-content .button-red,
.bg-dark-blue .car-content .button-red{
  border:solid 4px #fff;
}
/*** Page block - cartoon -end ***/

/*** Page block - recipe ***/
.rec_video h3,
.recipe h3{
  font-size: 38px;
    font-family: var(--font-text);
  line-height: 1;
  text-align: left;
}
.recipe h3{
  color: #000
}
.recipe h4{
    font-family: var(--font-text);
  font-size: 24px;
  text-transform: uppercase;
}
.rec_video{
  text-align: center;
  padding: 10px
}
.rec_video h3{
  text-align: center;
  margin: 10px 0 30px
}

.rec_video iframe{
  margin: 10px auto;
  display: block;
}
.full-column.recipe{
  padding-bottom: 100px
}
.recipe-item{
  background-color: #fff;
  overflow: hidden;
  border:solid 1px #f5f5f5;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.recipe-item h3{
  margin-top: 0
}
.bg-red-snow .full-column.recipe,
.bg-dark-blue .full-column.recipe{
  
}
/*** Page block - recipe ***/
/*** donation block ***/
.donate-section{
    position: relative;    
    padding:0; margin: 0;
    background-color: var(--dark-blue-color); 
}
.donate-section-cont{
    position: relative;
    top: -90px
}
.dd-day{
    position: relative;
}
.dd-amount{
    font-size: 30px;
    font-weight: 700;
    border-radius: 15px; 
    background-color: #fff;
    left: -35px;    
    line-height: 1.3;
    padding:10px;
    position: absolute;
    top: -98px;
    width: 180px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
}
.dd-amount-day{
    color: #666;
    font-size:20px;
    position: relative;
    display: block;
}
.dd-amount-day:after{
    display: block;
    content: '';
    position: absolute;
    background-color: #fff;
    width: 20px;height: 20px;
    left:60px;
    transform: rotate(45deg);
}
.dd-num{
    background-color: #fff;
 /*   border-radius: 50%;
    border:solid 2px #fff;*/
    display: block;
    font-size: 40px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    /*box-shadow: 1px 2px 10px rgba(0,0,0,0.3);*/
    width: 60px;
    z-index: 5;
    background: transparent url(images/dd-ball14.png) no-repeat bottom center / 100% auto; 
}
.dd-amount-btn{
    background-color: var(--dark-blue-color);
    color: #fff!important;
    display: block;
    padding: 20px 0;
    position: absolute;
    transition: all 0.3s ease; 
    top:0; left:0;
    width: 100%;
    border:solid 2px #fff;
    opacity: 0;
    z-index: 2;
}
.dd-amount-btn:hover{
    text-decoration: none;
        opacity: 1
}
.dd-day.dd-day-active{display: block;}
.dd-day-progress{position: relative;}
.dd-day-progress:after{
  content: '';
  display: block;
  width: 100%;
  background-color:#73bb1f;
  height: 10px;
  left: 30px;
  top: 30px;
  z-index: 0;
  position: absolute;

}
@media all and (max-width: 992px){
    .dd-day{display: none;}
    .dd-amount{top:-20px;left: 100px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2)}
    .dd-amount-day:after{top:-10px;left:-20px;z-index: 0}
}

/*** donation block - end ***/
/** 2022 update ***/

.bg-dark-blue-garland{
  background-color: var(--bg-two)
}
.bg-dark-blue-garland .three-block{
  background-color: transparent!important;
  box-shadow: none!important;
}
.bg-dark-blue-garland .three-block h3{
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-family: var(--font-text);
  line-height: 1.3;
}
.bg-dark-blue-garland .three-block h3 span{
    font-family: var(--font-titles);
    font-size: 40px;
}

.three-content-image-custom img{
  border:dashed 3px #9b2f25;
}

.bg-dark-blue-garland .three-content p{margin-bottom: 0px}

.home .page_section.bg-dark-blue-garland  h2{color: #fff}

.bg-with-lights{
  position: relative;
}
.bg-with-lights .three-block{
  border:solid 2px var(--blush-red-color)!important;
  border-radius: 10px!important;
}
@media all and (min-width: 992px){
  .bg-dark-blue-garland .container,
  .bg-with-lights .container{position: relative;}
  /*.bg-dark-blue-garland .container:before,
  .bg-with-lights .container:before{
    content: '';
    background: url(images/s-bg-gr-lights1-2023.png) no-repeat top center / 100% auto ;
    width: 110%;
    height: 300px;
    position: absolute;
    top:10px;
    left:-5%;right: 0;
    margin:0 auto;
    z-index: 2}

  .bg-dark-blue-garland .container:before{background: url(images/s-bg-special-days-2023.png) no-repeat top center / 100% auto ;}
*/

  .bg-dark-blue-garland .three-column:nth-child(3) .three-block,
  .bg-with-lights .three-column:nth-child(3) .three-block{
    position: relative;
    top:40px;
  }
  .bg-dark-blue-garland .three-column:nth-child(4) .three-block,
  .bg-with-lights .three-column:nth-child(4) .three-block{
    position: relative;
    top:-10px;
  }
}

.dd-candycane{
  display: block;
  position: relative;
  top: -50px;
  left: 0
}
.dd-lollypop-block{position: relative; display: none}
.dd-lollypop{  display:none;}

.dd-lollypop-text{
  color: #fff;
  font-size: 45px;
  left:-30px;
  line-height: 1;
  position: absolute;
  top: 10px;
  z-index: 5;
  width: 180px;
  text-align: center;
}
.dd-lollypop-text-mob{
  position: absolute;
  top: 60px;
  left: 0; right: 0;
  margin: auto;
  color: #fff;
  font-size: 30px
}
.dd-lollypop-text-mob a{color:red;}
.home .page_section.tree_blocks_section.bg-dark-blue.bg-with-lights{padding-top: 80px}
.header-button{text-align: center; padding-top: 10px}
@media all and (min-width: 550px){
  .dd-lollypop-text-mob{font-size: 50px;}
}
@media all and (min-width: 768px){
  .dd-lollypop-text-mob{top:140px;}
}
@media all and (min-width: 992px){
  .dd-lollypop-text-mob{display: none}
  .dd-candycane{top: -60px;left: 0px}
  .dd-lollypop-block{position: relative; display: block}
  .dd-lollypop{display: block; position: absolute; width: 240px; top:auto; bottom:50px;left: -90px}
  .dd-lollypop-text{ left:-80px;  line-height: 1;  top: 50px;  z-index: 5;  width: 145px;font-size: 30px}
  .dd-lollypop-text a{display: block; color: #222}
  .dd-lollypop-text a:hover{cursor: pointer;}
  .navbar-expand-lg .navbar-collapse{padding-right: 260px}
  .home .navbar-expand-lg .navbar-collapse{padding-right: 60px}
  .header-button{position: absolute; right: 0; padding-top: 0px}

}
@media all and (min-width: 1300px){
  .dd-lollypop-text-mob{display: none}
  .dd-candycane{top: -60px;left: -50px}
  .dd-lollypop{display: block; position: absolute; width: 320px; top:-70px; left: -50px}
  .dd-lollypop-text{ left:-30px;  line-height: 1;  top: 10px;  z-index: 5;  width: 180px;}
  .page_section.tree_blocks_section.bg-dark-blue.bg-with-lights{padding-top: 0px}

}

.solly-winner-content h2{margin-bottom: 5px}
.solly-winner-content{
  bottom: 30px;
  text-align: center;
  position: absolute;
  top: auto;
  left:0;right: 0;
  margin: auto;
  color:  var(--dark-blue-color);
  font-size: 40px;
  line-height: 1.4;
  font-weight: 500
}
.s-solly-fs-inner,
.s-solly-www{position: relative;}

.s-solly-fs{
  position: absolute;
  right: 55px;
  top:245px;
  width: 65px
}
.s-solly-fs-left{
  position: absolute;
  left: 55px;
  top:246px;
  width: 63px
}

.solly-finger{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.solly-finger1{
  top:0px;
  z-index: 1;
  animation: finger1 7s infinite;
}
.solly-finger2{
  top:0px;
  z-index: 2;
  animation: finger2 7s infinite;

}
.solly-finger3{
  top:0px;
  z-index: 3;
  animation: finger3 7s infinite;
}
.solly-finger4{
  top:0px;
  z-index: 4;
  animation: finger4 7s infinite;
}

@keyframes finger1 {
  11% {top:0px;}
  12% {top:-8px;}
  14% {top:0}
}
@keyframes finger2 {
  12% {top:0px;}
  13% {top:-8px;}
  15% {top:0}
}
@keyframes finger3 {
  13% {top:0px;}
  14% {top:-8px;}
  16% {top:0}
}
@keyframes finger4 {
  14% {top:0px;}
  15% {top:-8px;}
  17% {top:0}
}

.solly-finger-left1{
  top:0px;
  z-index: 1;
  animation: finger-left1 7s infinite;
}
.solly-finger-left2{
  top:0px;
  z-index: 2;
  animation: finger-left2 7s infinite;

}
.solly-finger-left3{
  top:0px;
  z-index: 3;
  animation: finger-left3 7s infinite;
}
.solly-finger-left4{
  top:0px;
  z-index: 4;
  animation: finger-left4 7s infinite;
}

@keyframes finger-left1 {
  7% {top:0px;}
  8% {top:-8px;}
  10% {top:0}
}
@keyframes finger-left2 {
  8% {top:0px;}
  9% {top:-8px;}
  11% {top:0}
}
@keyframes finger-left3 {
  9% {top:0px;}
  10% {top:-8px;}
  12% {top:0}
}
@keyframes finger-left4 {
  10% {top:0px;}
  11% {top:-8px;}
  13% {top:0}
}

.solly-must{
  position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
}
.solly-must img{
  position: absolute;
  display: inline-block;
}
.solly-must img.solly-mustashe-left{
  left:10px; top:12px;
  animation: m-left 7s infinite;
}
.solly-must img.solly-mustashe-right{
  right: 8px; top: 7px;
  animation: m-right 7s infinite;
}
.solly-glasses{
  right: 39px; top: -36px; margin: auto;
  animation: glasses 7s infinite;

}

@keyframes m-left {
  40% { transform: rotate(0deg); transform-origin: right center; }
  41% { transform: rotate(5deg); transform-origin: right center; }
  42% { transform: rotate(-2deg); transform-origin: right center; }
  45% { transform: rotate(0deg); transform-origin: right center; }

  48% { transform: rotate(0deg); transform-origin: right center; }
  49% { transform: rotate(5deg); transform-origin: right center; }
  50% { transform: rotate(-2deg); transform-origin: right center; }
  63% { transform: rotate(0deg); transform-origin: right center; }
}

@keyframes m-right {
  40% { transform: rotate(0deg); transform-origin: left center; }
  41% { transform: rotate(5deg); transform-origin: left center; }
  42% { transform: rotate(-2deg); transform-origin: left center; }
  45% { transform: rotate(0deg); transform-origin: left center; }
  48% { transform: rotate(0deg); transform-origin: left center; }
  49% { transform: rotate(5deg); transform-origin: left center; }
  50% { transform: rotate(-2deg); transform-origin: left center; }
  53% { transform: rotate(0deg); transform-origin: left center; }
}
@keyframes glasses {
  40% { top:-36px; }
  41% { top:-38px; }
  43% { top:-36px; }

  48% { top:-36px; }
  49% { top:-38px; }
  51% { top:-36px; }
}


.rec-subtitle p {font-size: 25px}
.three-content-image-custom{position: relative;}
.image-large{
    position: absolute;
    bottom: 5px;
    left: 20px;
    font-size: 30px;
    color: #fff;
    transition: all 0.3s ease;
        background: #00746f;
    padding: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 20px;

}
.image-large i{font-size: 30px;}
.three-content-image-custom a:hover .image-large{color:#f43f47;}

/**  CF 7 **/

.mailbox-form .wpcf7 form.failed .wpcf7-response-output{
  border-color: #00c895
}

.mailbox-form .wpcf7-response-output{
  background: #fff;
  bottom: 0px;
  font-size: 18px;
  margin: auto!important;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70%;
}
/*#edd9b7*/
.mailbox-form{
  /*background-color: rgba(237,216,183,0.6);*/
  background-color: rgba(0,0,0,0.6);
  color: #222
}
.mailbox-form .modal-dialog {
    max-width: 1155px;
}
.mailbox-form .modal-header{
  border:none;
  padding-bottom: 10px;
}
.mailbox-form h3.modal-title{
  color: #222;
  font-size: 50px;
  font-weight: 700;
  padding-right: 100px
}
.mailbox-form .btn-close:focus{
  outline: none;
  border:solid 2px #222;
  color: #222;
}
.mailbox-form .btn-close{    
  background-color: #eb2c3c;
  border:solid 2px #eb2c3c;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 60px;
  line-height: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  width: 60px; 
  text-align: center;
  z-index: 5
}
.mailbox-form label{margin-bottom: 20px}
.mailbox-form label .lbl{display: inline-block; 
  width: 100px; 
  font-size: 26px;}
.mailbox-form label .wpcf7-form-control-wrap{display: inline-block;}
.mailbox-form label .lbl-ta{
  font-size: 26px;
}
.mailbox-form label.ta{
  width: 100%
}
.mailbox-form label.ta .wpcf7-form-control-wrap{
 width: 100% 
}
.mailbox-form .modal-header{
  padding-top: 50px
}
.mailbox-form .modal-header,
.mailbox-form .modal-body{
  padding-right: 50px;
  padding-left: 50px
}
.mailbox-form .modal-body{
  padding-bottom: 30px 
}
.mailbox-form .modal-content{
/*  background-color: #edd9b7;*/
background-color: #EEFFEF;
  /*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EB2C3CFF' stroke-width='20' stroke-dasharray='40%2c 100' stroke-dashoffset='23' stroke-linecap='square'/%3e%3c/svg%3e");*/
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23b03e40FF' stroke-width='21' stroke-dasharray='40%2c 100' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  
  padding: 0;
}
.mailbox-form .modal-content:before{
  display: block;content: '';
  position: absolute;
  width: 100%;
  height: 100%;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%239fb542FF' stroke-width='21' stroke-dasharray='10%2c 130' stroke-dashoffset='59' stroke-linecap='square'/%3e%3c/svg%3e");}

.mailbox-form textarea,
.mailbox-form input{
  background-color: #fff;
  border-color:#8a9f34;
  color: #8a9f34;
  font-size: 22px;
}
.mailbox-form input[type="submit"]{
  color: #222;
}
.mailbox-form input[type="submit"]:hover{
  color: #fff;
}


.mailbox-form .modal-close-btn{
  position: relative;
}
.mailbox-form .modal-close-btn .btn{
  position: relative;
  top: -60px;
  right: 0;
  background-color:#b03e40;
}
@media(min-width: 486px){
  .mailbox-form .modal-close-btn .btn{top: -30px;}
}

@media(min-width: 700px){
  .mailbox-form .modal-close-btn .btn{position:absolute; top: -90px;}
}

.mailbox-form .form-control:focus {
    border-color: #4aa79d;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(74 167 157 / 25%);
}
.mailbox-form  .wpcf7-not-valid-tip{
  position: absolute;
}
.mailbox-form input[type="submit"]{
  font-family: var(--font-titles);
  font-weight: 600;
  font-size: 22px;
  background-color: #9fb542;
  padding:10px 30px;
  border:solid 1px  #9fb542; 
  position: relative;
  z-index: 2;
}
.mailbox-form input[type="submit"]:focus,
.mailbox-form input[type="submit"]:hover{
  background-color: #222;
}
.mailbox-form .form-to{
  margin-bottom: 18px;
  border-bottom: dashed 2px #f9f1cf;
}
.stamp-solly{
  position: absolute;
  top: 40px;
  right: 40px
}
.mailbox{
  bottom: 20px;
  position: absolute;
  left: 10%;
  width: 140px;
  height: 225px;
  z-index: 3;
}

.mailbox-sign{
  display: none;
}

@media(min-width: 991px){
  .mailbox-sign{
    display: block;
    width: 100px;
    height: 180px;
    position: absolute;
    bottom: -60px;
    right: -35px;
  }
}

@media(min-width: 1200px){
  .mailbox-sign{
    width: 150px;
    height: 220px;
    bottom: -45px;
    right: -85px;
  }
}

@media(min-width: 1400px){
  .mailbox-sign{
    bottom: -35px;
    right: -85px;
  }
}

.bg-red-snow .solly-sking{
  bottom: 20px;
  position: absolute;
  right: 0;
  width: 200px;
  height: 123px;
  z-index: 3;
}
.bg-dark-blue.section-cartoons .solly-sking,
.bg-dark-blue.section-cartoons .mailbox{display: none}

.mailbox .mailbox-letter1,
.mailbox .mailbox-letter2{
  position: absolute;
  display: block;
  padding-top: 10px
}
.mailbox .mailbox-letter2{
  animation: letter 2s infinite linear;
  top: -5px;
  transition: all 0.3s ease;
}
.mailbox:hover .mailbox-letter2{
 animation: none;
 top:-8px;
}
.mailbox:hover .mailbox-letter1{
 left:-1px;
 top: -5px;
}

.mailbox-hover{
  position: absolute;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease
}
.mailbox:hover .mailbox-hover{
  opacity: 1
}

@keyframes letter{
  11% {  top: -5px}
  13% {top:-10px;}
  16% {  top: -5px}
  19% {top:-10px;}
  20% {top: -5px}
}

@media(max-width: 650px){
  .stamp-solly{width: 200px; top: 80px}
}
@media(max-width: 450px){
  .stamp-solly{width: 200px; top: 130px}
}


@media(min-width: 550px){
  .bg-red-snow .solly-sking{bottom: 50px}
  .mailbox{bottom: 50px; left:15%;}
}

@media(min-width: 650px){
  .mailbox{bottom: 50px;left: 18%;width: 165px;height: 270px;}
  .bg-red-snow .solly-sking{bottom:30px;width: 200px;height: 173px;}
}

@media(min-width:992px ){
  .mailbox{bottom: 60px;left: 26%;width: 180px;height: 290px;}
  .bg-red-snow .solly-sking{bottom: 65px;right: 7%;width: 320px;height: 198px;}
}

@media(min-width:1200px ){
  .mailbox{bottom: 60px;left: 26%;width: 200px;height: 325px;}
  .bg-red-snow .solly-sking{bottom: 80px;right: 10%;width: 350px;height: 215px;}
}
@media(min-width:1500px ){
  .bg-red-snow .solly-sking{bottom: 110px; right: 15%}
}
@media(min-width:1740px ){
  .mailbox{bottom: 80px;}
  .bg-red-snow .solly-sking{bottom: 130px; right: 17%}
}
@media(min-width:2000px ){
  .bg-red-snow .solly-sking{bottom: 150px;}
  .mailbox{bottom: 120px;}
  .bg-red-snow{padding-bottom: 450px}
}
@media(min-width:2300px ){
  .bg-red-snow .solly-sking{bottom: 170px;right: 20%}
  .bg-red-snow{padding-bottom: 470px}
}
.page-id-107 .tree_blocks_section.bg-white,
.page-id-123 .tree_blocks_section.bg-white,
.page-id-125 .tree_blocks_section.bg-white,
.page-id-127 .tree_blocks_section.bg-white,
.page-id-129 .tree_blocks_section.bg-white,
.page-id-131 .tree_blocks_section.bg-white,
.page-id-132 .tree_blocks_section.bg-white{
  position: relative;
  padding-bottom: 140px
}
.page-id-107 .tree_blocks_section.bg-white:after,
.page-id-123 .tree_blocks_section.bg-white:after,
.page-id-125 .tree_blocks_section.bg-white:after,
.page-id-127 .tree_blocks_section.bg-white:after,
.page-id-129 .tree_blocks_section.bg-white:after,
.page-id-131 .tree_blocks_section.bg-white:after,
.page-id-132 .tree_blocks_section.bg-white:after{
  display: block;
  width: 1000%;
  height: 120px;
  content: "";
  background:#B6D6D8 url(images/bg-ornaments.png) repeat-x 0 -3px / auto 100% ;
  position: absolute;
  bottom: 0
}

body.page-id-125{background-color: #083938}
.page-id-125 .page_section.tree_blocks_section.bg-dark-blue.section-cartoons{
  top:-1px;
}

/** 2023 ***/
.home-card .inner{
  display: block;
  margin-bottom: 35px;
  padding: 0;
}
. home-card:hover{
  animation: animationFrames ease-in-out 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% -2em;

}

@keyframes animationFrames{
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(15deg);
  }
  70% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.card-horizontal .home-card .inner:hover .home-giftbox_text span, 
.card-vertical .home-card .inner:hover .home-giftbox_text span{
  color: #fff;
}

.home-card a{display: block;}
.home-card .inner img{
  width: 100%;
}

.three-content-image-custom img{
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;  
}
.page_section-daily-cheers{
      border-top: dashed 15px var(--dark-blue-color);
}
.page-video{background-color:#222; padding:15px;text-align:center; border-radius: 10px}
.page-video .wp-video{width: 260px!important;margin: auto;max-width: 100%;}