html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,button,input,optgroup,select,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:active,a:hover{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.main-navigation{display:block;width:100%}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.page,.post{margin:0 0 1.5em}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
body{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 18px;
line-height: 30px;
color: #222222;
background: #E5E5E5;
}
input,
select,
textarea,
button{
font-family: 'Open Sans', sans-serif;
}
::selection {
background: #23281B;
color: white;
}
strong{
font-weight: 600;
}
.site-title,
.site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.container{
padding: 0 15px;
width: 100%;
max-width: 1230px;
box-sizing: border-box;
margin: 0 auto;
}
.container.container-wide{
max-width: 1730px;
}
.container .container{
padding-left: 0;
padding-right: 0;
max-width: 1200px;
}
.container .container.container-wide{
max-width: 1700px;
}
.entry-content,
.entry-summary,
.page-content,
.page,
.post{
margin: 0;
}
.site{
overflow: hidden;
}
img[lazy]{
transition-duration: 0.3s;
}
img[lazy]:not([data-loaded="true"]):not(.no-fade-in){
opacity: 0;
}
.default-hero .default-hero-img img[lazy]:not([data-loaded="true"]){
opacity: 1;
}
body.dark-page{
background: #23221E;
}
body.dark-page .desc-block,
body.dark-page .desc-block h3,
body.dark-page .desc-block .bttn-blog strong,
body.dark-page .desc-block .bttn-blog span{
color: #FFFFFF;
}
body.dark-page .desc-block .bttn-blog span:before{
background-color: white;
}
body.dark-page .default-hero .default-hero-flex,
body.dark-page .default-hero .default-hero-text,
body.dark-page .desc-block .bttn.bttn-dark{
color: white;
}
body.dark-page .desc-block .bttn.bttn-dark:before,
body.dark-page .desc-block .bttn.bttn-dark:after,
body.dark-page .desc-block .bttn span:before,
body.dark-page .desc-block .bttn span:after{
border-color: white;
}
body.dark-page .default-hero .default-hero-info .site-social-messenger,
body.dark-page .default-hero .default-hero-info .site-social-email {
filter: invert(0);
}
.site-header .site-nav-buttons,
.site-header .site-branding,
.site-header .site-social-buttons{
mix-blend-mode: difference;
z-index: 10;
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.site-header a{
color: #FFFFFF;
text-decoration: none;
}
.site-header img{
display: block;
}
.site-header .site-nav-buttons,
.site-header .site-branding{
position: fixed;
top: 130px;
transform: translate(0, -50%);
}
.site-header .site-branding{
left: 80px;
}
.site-header .site-nav-buttons{
right: 70px;
display: flex;
align-items: center;
}
.site-header .site-nav-buttons .menu-toggler{
display: flex;
padding: 10px;
}
.site-header .site-nav-buttons .menu-toggler span{
margin: 0 16px 0 0;
}
.site-header .site-nav-buttons .contact-link{
margin-right: 50px;
}
body.scroll-block{
overflow: hidden;
}
.main-navigation{
background: #1D2216;
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: -100%;
left: 0;
width: 100%;
height: 100%;
transition-duration: 0.5s;
z-index: 20;
overflow: auto;
}
.main-navigation.menu-open{
top: 0;
}
.main-navigation .menu-toggler{
position: absolute;
top: 40px;
right: 10px;
padding: 10px;
}
.main-navigation ul.menu{
margin: 20px 0 30px;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.main-navigation ul.menu ul{
display: none;
}
.main-navigation li{
font-family: 'Cormorant Infant';
font-style: italic;
font-weight: 500;
font-size: 35px;
line-height: 35px;
text-align: center;
letter-spacing: -0.02em;
text-transform: uppercase;
margin: 8px 0;
}
.site-footer{
background: #23281B;
color: #FFFFFF;
padding: 38px 0 26px;
text-align: center;
}
.site-footer a{
color: #FFFFFF;
text-decoration: none;
}
.site-footer .footer-branding{
margin: 0 0 34px;
text-align: center;
}
.site-footer .menu{
padding: 0;
list-style: none;
margin: 0 0 35px;
font-style: italic;
}
.site-footer .menu li{
letter-spacing: 0.02em;
text-transform: uppercase;
}
.site-footer .footer-copy{
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
margin: 26px 0 0;
}
.site-footer .h2-styles{
font-size: 35px;
line-height: 37px;
}
.site-footer .footer-column-info .h2-styles{
margin: 0 0 16px;
}
.site-footer .site-social-facebook,
.site-footer .site-social-instagram{
margin: 0 20px 30px;
display: inline-block;
}
.site-footer .site-social-messenger,
.site-footer .site-social-email{
margin: 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.site-footer .site-social-messenger img,
.site-footer .site-social-email img{
margin-right: 6px;
display: block;
}
.site-footer .site-social-messenger{
margin: 0 0 40px;
}
.site-footer .bttn{
margin: 0 auto;
}
.h1-styles,
.h2-styles,
h1,
h2,
.font-cormorant{
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
font-weight: 500;
font-style: italic;
}
.h1-styles,
h1,
.default-hero .default-title{
font-size: 35px;
line-height: 38px;
letter-spacing: -0.02em;
margin: 0;
display: block;
}
.h2-styles,
h2{
font-size: 25px;
line-height: 30px;
letter-spacing: -0.02em;
margin: 0 0 30px;
display: block;
}
h3,
h4{
font-weight: 600;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #000000;
margin: 0 0 5px;
}
p + h3,
p + h4{
margin-top: 16px;
}
p{
margin: 0 0 30px;
}
ul,
ol{
padding: 0 0 0 30px;
margin: 0 0 30px;
list-style: none;
}
ul li,
ol li{
font-size: 18px;
line-height: 30px;
margin: 0 0 5px;
position: relative;
}
ul li:after,
ol li:after{
position: absolute;
content: "";
display: block;
box-sizing: border-box;
width: 10px;
height: 10px;
left: -20px;
top: 10px;
border: 1px solid #222222;
}
p + ul,
p + ol{
margin-top: -16px;
}
.wp-block-quote{
margin: 0 0 30px;
text-align: center;
}
.wp-block-quote > p{
font-size: 30px;
line-height: 35px;
font-family: 'Cormorant Infant', serif;
font-style: italic;
font-weight: normal;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #222222;
margin: 0;
}
.wp-block-quote cite{
margin: 30px 0 0;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #222222;
display: block;
}
.entry-content .wp-block-image{
margin: 0 auto 30px;
}
.bttn,
.wp-block-button__link{
font-style: italic;
font-weight: 600;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
padding: 15px;
box-sizing: border-box;
border: 0;
width: 300px;
max-width: 100%;
border-radius: 0;
background-color: rgba(255,255,255,0);
transition-duration: 0.3s;
position: relative;
z-index: 2;
overflow: hidden;
text-decoration: none;
display: block;
font-size: 14px;
line-height: 20px;
cursor: pointer;
opacity: 1;
}
.bttn:hover,
.bttn:visited,
.wp-block-button__link:hover{
color: #FFFFFF;
}
.bttn:before,
.wp-block-button__link:before,
.bttn:after,
.wp-block-button__link:after{
height: 25px;
width: calc(100% - 25px);
display: block;
position: absolute;
z-index: -1;
content: "";
box-sizing: border-box;
transition-duration: 0.3s;
}
.bttn:before,
.wp-block-button__link:before{
left: 0;
top: 0;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
}
.bttn:after,
.wp-block-button__link:after{
right: 0;
bottom: 0;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.bttn.bttn-dark{
color: #222222;
}
.bttn.bttn-dark:hover,
.bttn.bttn-dark:visited{
color: #222222;
}
.bttn.bttn-dark:after,
.bttn.bttn-dark:before,
.bttn.bttn-dark:hover:after,
.bttn.bttn-dark:hover:before{
border-color: #222222;
}
.default-hero{
margin: 0 0 30px;
position: relative;
}
.default-hero .default-hero-img{
width: 100%;
height: 0;
padding: 0 0 100%;
position: relative;
margin: 0 0 30px;
background: #23221E;
}
.default-hero .default-hero-img:after{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(35, 35, 35, 0.3);
content: "";
display: block;
pointer-events: none;
}
.default-hero .default-hero-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: absolute;
}
.default-hero .default-title{
text-align: center;
}
.default-hero ::selection{
color: inherit;
background-color: rgba(255,255,255,0);
}
.default-hero .default-hero-text{
font-weight: 600;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
color: #000000;
margin: 16px 0 0;
}
.default-hero .default-hero-info .site-social-messenger,
.default-hero .default-hero-info .site-social-email{
margin: 10px 0 0;
display: flex;
align-items: center;
justify-content: flex-start;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}
.default-hero .default-hero-info .site-social-messenger img,
.default-hero .default-hero-info .site-social-email img{
margin-right: 6px;
display: block;
}
.default-hero .hero-bttn{
text-align: center;
margin: 30px auto 0;
}
.default-hero .hero-bttn .bttn{
margin: 0 auto;
}
.photos-nav{
font-style: italic;
font-weight: 600;
font-size: 15px;
line-height: 25px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #585858;
margin: 0 -8px 35px;
width: auto;
display: flex;
align-items: center;
justify-content: flex-start;
overflow: auto;
}
.photos-nav .photos-nav-item{
margin: 0 8px;
padding: 0 0 16px;
cursor: pointer;
transition-duration: 0.3s;
border-bottom: 1px solid rgba(255,255,255,0);
white-space: nowrap;
}
.photos-nav .photos-nav-item.active-item{
color: #000000;
border-bottom: 1px solid #000000;
}
.photos-listing .photos-list-item{
display: none;
}
.photos-listing .photos-list-item.active-item{
display: block;
}
.default-listing{
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 0 25px;
}
.fishing-block.mode-dark + .photos-block{
margin-top: 50px;
}
.photos-block .default-listing{
margin-bottom: 0;
}
.default-listing .listing-item{
position: relative;
text-decoration: none;
z-index: 2;
margin: 0 -15px 5px;
width: calc(100% + 30px);
min-height: 200px;
}
.default-listing .listing-item:after{
content: "";
position: absolute;
display: block;
width: 100%;
height: 150px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
left: 0;
bottom: 0;
}
.default-listing .listing-item .listing-item-img{
z-index: -1;
}
.default-listing .listing-item .listing-item-img img{
display: block;
width: 100%;
}
.default-listing .listing-item .listing-item-inner{
position: absolute;
bottom: 14px;
left: 30px;
right: 30px;
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
z-index: 2;
}
.default-listing .listing-item .listing-item-title{
font-family: 'Cormorant Infant', serif;
font-style: italic;
font-weight: 500;
font-size: 20px;
line-height: 25px;
letter-spacing: -0.02em;
text-transform: uppercase;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
color: #FFFFFF;
margin: 0 0 5px;
}
.default-listing .listing-item .listing-item-more{
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
margin: 11px 0 0;
padding-left: 90px;
position: relative;
}
.default-listing .listing-item .listing-item-more:before{
content: "";
position: absolute;
display: block;
width: 60px;
height: 1px;
background: white;
left: 0;
top: 50%;
}
.default-listing .listing-item .listing-item-subtitle{
font-style: italic;
font-weight: 600;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
margin: 0;
}
.photos-desc,
.desc-block{
margin: 0 0 50px;
}
.photos-desc .photos-desc-item{
display: none;
}
.photos-desc .photos-desc-item.active-item{
display: block;
}
.photos-desc .photos-title,
.desc-block .photos-title{
margin: 0 0 16px;
}
.photos-desc .bttn-blog,
.desc-block .bttn-blog{
text-decoration: none;
}
.photos-desc .bttn-blog strong,
.desc-block .bttn-blog strong{
font-weight: 600;
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #000000;
margin: 0 0 16px;
display: block;
}
.photos-desc .bttn-blog span,
.desc-block .bttn-blog span{
display: flex;
align-items: center;
justify-content: flex-start;
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #585858;
}
.photos-desc .bttn-blog span:before,
.desc-block .bttn-blog span:before{
display: block;
margin: 0 13px 0 0;
width: 60px;
height: 1px;
background-color: #585858;
content: "";
}
.photos-desc .bttn-blog + .bttn,
.desc-block .bttn-blog + .bttn{
margin-top: 25px;
} .fishing-block{
position: relative;
color: #FFFFFF;
padding: 40px 0;
}
.fishing-block::before{
background: #23221E;
position: absolute;
left: 50%;
top: 0;
z-index: -1;
width: 100vw;
height: 100%;
transform: translate(-50%, 0);
content: "";
display: block;
}
.fishing-block p{
margin: 25px 0 0;
}
.fishing-block .bttn{
margin: 40px 0 0;
}
.fishing-block.mode-light{
color: #222222;
}
.fishing-block.mode-light::before{
background: #E5E5E5;
}
.film-block{
margin: 0 -15px 10px;
}
body.dark-page .film-block{
margin: 0 -15px 50px;
}
.film-block .block-item{
position: relative;
overflow: hidden;
padding-top: 41.7708%;
padding-top: 56.25%;
z-index: 2;
height: 0;
box-sizing: border-box;
min-height: 300px;
}
.film-block .block-item .block-img{
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition-duration: 0.3s;
transition-delay: 0.3s;
}
.film-block .block-item .block-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.film-block.film-block-init .block-img{
opacity: 0.2;
}
.film-block .block-item .block-video{
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 50%;
opacity: 0;
transition-duration: 0.3s;
transition-delay: 0.3s;
text-align: center;
}
.film-block .block-item .block-video iframe{
transform: translate(0, -50%);
}
.film-block .block-item .block-inner{
position: absolute;
left: 30px;
right: 30px;
bottom: 100px;
width: auto;
color: #FFFFFF;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
z-index: 3;
text-align: center;
transition-duration: 0.3s;
transition-delay: 0.3s;
}
.film-block.film-block-init .block-inner,
.film-block.film-block-init .block-item .block-play,
.film-block.film-block-init .block-item:after{
opacity: 0;
pointer-events: none;
}
.film-block.film-block-init .block-item .block-video{
opacity: 1;
}
.film-block .block-item .block-title{
color: #FFFFFF;
margin: 0 0 6px;
}
.film-block .block-item .block-subtitle{
margin: 0;
text-transform: uppercase;
}
.film-block .block-item:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 250px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
left: 0;
bottom: 0;
z-index: 2;
transition-duration: 0.3s;
transition-delay: 0.3s;
}
.film-block .block-item .block-play{
position: absolute;
z-index: 3;
left: 50%;
top: 36%;
transform: translate(-50%, -50%);
cursor: pointer;
width: 80px;
transition-duration: 0.3s;
transition-delay: 0.3s;
}
.photos-desc-block ul li:after{
background-image: url(//waszehistorie.com/wp-content/themes/historie2022/images/ico_place_b.svg);
background-size: 24px auto;
background-position: center;
background-repeat: no-repeat;
width: 24px;
height: 24px;
left: -30px;
border: 0;
top: 3px;
}
.share-block{
margin: 0 0 30px;
}
.share-block .block-title{
padding-left: 90px;
position: relative;
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.02em;
text-transform: uppercase;
display: block;
margin: 0 0 15px;
width: 100%;
box-sizing: border-box;
}
.share-block .block-title:after{
width: 60px;
height: 1px;
top: 50%;
left: 0;
content: "";
display: block;
position: absolute;
background: black;
}
.share-block .social-share-button{
margin: 0 15px 0 0;
}
.share-block .block-inner{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.share-block .social-share-button img{
display: block;
}
.post-password-required .default-hero .default-hero-text{
display: none;
}
.protected-post-form{
margin: 0 0 60px;
}
.protected-post-form .protected-title{
display: none;
}
.protected-post-form p{
margin: 0;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
text-align: center;
}
.protected-post-form p.protected-error{
margin: 10px 0 0;
}
.protected-post-form input{
border: 0;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #B2B2B2;
border-bottom: 1px solid #7D7D7D;
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
height: 70px;
background: rgba(255,255,255,0);
outline: 0;
box-shadow: none;
margin: 20px 0 0;
transition-duration: 0.3s;
}
.protected-post-form input:focus{
color: white;
border-color: white;
}
.protected-post-form .bttn{
width: 100%;
margin: 30px auto 0;
}
.addons-block{
margin: 0 auto 50px;
max-width: 700px;
}
.addons-block .block-title{
margin: 0 0 30px;
text-align: center;
}
.info-table > div:first-of-type{
border-top: 1px solid #7D7D7D;
}
.info-table > div{
border-bottom: 1px solid #7D7D7D;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
min-height: 57px;
padding: 15px 10px;
margin: 0 -10px;
width: auto;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
position: relative;
}
.info-table .info-table-value{
text-align: right;
}
.info-table .info-table-more{
margin: -1px 0 1px 16px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.info-table .info-table-more .info-table-ico{
background-image: url(//waszehistorie.com/wp-content/themes/historie2022/images/ico_more.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 21px auto;
width: 21px;
height: 21px;
display: block;
}
.info-table .info-table-more .info-table-popup{
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
pointer-events: none;
opacity: 0;
background: #E5E5E5;
width: 100%;
box-sizing: border-box;
padding: 10px;
z-index: 2;
border: 1px solid #7D7D7D;
text-transform: none;
line-height: normal;
font-weight: 400;
}
.info-table .info-table-more:hover .info-table-popup{
visibility: visible;
pointer-events: all;
opacity: 1;
}
.offer-block{
margin: 0 0 50px;
padding: 0 0 10px;
position: relative;
}
.offer-block:after{
background: #23221E;
content: "";
display: block;
position: absolute;
width: 100vw;
height: 400px;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
z-index: -1;
}
.offer-block .block-bttns .bttn{
margin: 0 auto 20px;
}
.offer-block .block-title{
text-align: center;
margin: 0 0 30px;
}
.offer-block .block-item{
background: #FFFFFF;
box-sizing: border-box;
padding: 30px 20px;
text-align: center;
margin: 0 0 30px;
}
.offer-block .block-item .block-pretitle{
font-weight: 600;
font-size: 18px;
line-height: 35px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #575757;
margin: 0 0 5px;
display: block;
}
.offer-block .block-item .block-subtitle{
font-family: 'Cormorant Infant', sans-serif;
font-style: italic;
font-weight: 500;
font-size: 40px;
line-height: 45px;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #000000;
margin: 0 0 16px;
display: block;
}
.offer-block .block-item ul{
padding: 0;
margin: 0 0 30px;
}
.offer-block .block-item ul li{
font-weight: 400;
font-size: 18px;
line-height: 30px;
margin: 0 0 5px;
}
.offer-block .block-item ul li:after{
display: none;
}
.offer-block .block-item .block-price{
padding: 16px 0 0;
display: block;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
position: relative;
}
.offer-block .block-item .block-price:after{
width: 120px;
left: 50%;
top: 0;
height: 1px;
background: black;
content: "";
display: block;
transform: translate(-50%, 0);
position: absolute;
}
h3.form-title{
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
font-weight: 500;
font-style: italic;
font-size: 40px;
line-height: 47px;
text-align: center;
letter-spacing: -0.02em;
color: #000000;
margin: 0 auto 16px;
}
.wpcf7 .wpcf7-form{
width: 100%;
max-width: 700px;
margin: 0 auto 100px;
border-top: 1px solid #7D7D7D;
}
.wpcf7 .wpcf7-form p{
margin: 0;
}
.wpcf7 .fancy-field{
border-bottom: 1px solid #7D7D7D;
display: flex;
align-items: flex-end;
justify-content: flex-start;
min-height: 82px;
position: relative;
}
.wpcf7 .fancy-field br{
display: none;
}
.wpcf7 .fancy-field .wpcf7-not-valid-tip{
position: absolute;
right: 0;
top: -20px;
font-size: 12px;
text-align: right;
line-height: normal;
width: 45%;
}
.wpcf7 .fancy-field span{
display: block;
width: 100%;
}
.wpcf7 .fancy-field .fancy-field-label{
cursor: pointer;
position: absolute;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #B2B2B2;
width: 100%;
height: auto;
left: 0;
top: 41px;
transform: translate(0, -50%);
transition-duration: 0.3s;
z-index: 2;
}
.wpcf7 .fancy-field input,
.wpcf7 .fancy-field textarea{
border: 0;
padding: 16px 0;
margin: 0;
background-color: rgba(255,255,255,0);
box-shadow: none;
outline: 0;
cursor: pointer;
height: 57px;
width: 100%;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
display: block;
}
.wpcf7 .fancy-field.fancy-input-focused .fancy-field-label,
.wpcf7 .fancy-field.fancy-input-filled .fancy-field-label{
top: 28px;
}
.wpcf7 .fancy-field.fancy-input-focused .fancy-field-label{
color: #616161;
}
.wpcf7 .radio-group{
margin: 16px 0 32px;
}
.wpcf7 .radio-group > p:first-of-type{
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
margin: 0 0 15px;
}
.wpcf7 .radio-group .wpcf7-list-item{
display: block;
width: 100%;
margin: 0 0 5px;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
position: relative;
}
.wpcf7 .radio-group .wpcf7-list-item label{
cursor: pointer;
padding-left: 36px;
overflow: hidden;
}
.wpcf7 .radio-group .wpcf7-list-item label input{
position: absolute;
left: -100vw;
}
.wpcf7 .radio-group .wpcf7-list-item > label span:after{
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
box-sizing: border-box;
left: 0;
top: 2px;
border: 1px solid #7D7D7D;
}
.wpcf7 .radio-group .wpcf7-list-item label input:checked + span:after{
background-image: url(//waszehistorie.com/wp-content/themes/historie2022/images/ico_close_b.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 14px auto;
}
.wpcf7 input[type="submit"]{
background: #000000;
width: 100%;
max-width: 410px;
margin: 60px auto 0;
display: block;
height: 70px;
padding: 0;
border: 0;
line-height: 70px;
font-style: italic;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
cursor: pointer;
border-radius: 0;
transition-duration: 0.3s;
}
.wpcf7 input[type="submit"]:hover{
opacity: 0.8;
}
.wpcf7 form .wpcf7-response-output{
margin: 10px 0;
}
body.error404{
background: #23221E;
}
.default-hero.hero-404{
text-align: center;
}
.default-hero.hero-404 .page-title{
font-weight: 500;
font-size: 35px;
line-height: 35px;
font-family: 'Cormorant Infant', serif;
font-style: italic;
margin: 0 0 8px;
color: #FFFFFF;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.default-hero.hero-404 .bttn{
margin: 30px auto 0;
}
.custom-popup-wrap{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0,0,0,0.1);
opacity: 1;
transition-duration: 0.3s;
transition-property: opacity;
}
.custom-popup-wrap.custom-popup-hide{
pointer-events: none;
opacity: 0;
}
.custom-popup-wrap .custom-popup{
padding: 50px 20px 50px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 10px;
width: 700px;
max-width: 96vw;
}
.custom-popup .custom-popup-head{
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
color: #000000;
margin: 0 0 15px;
}
.custom-popup .custom-popup-close{
background-image: url(//waszehistorie.com/wp-content/themes/historie2022/images/ico_close_b.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 14px auto;
height: 30px;
width: 30px;
border: 1px solid black;
position: absolute;
right: 20px;
top: 20px;
border-radius: 50%;
cursor: pointer;
}
@media (min-width: 768px) {
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background-color: #23221E;
box-shadow: none;
}
body::-webkit-scrollbar-thumb {
background-color: #E5E5E5;
outline: 0;
border-radius: 2px
}
.mobile-only{
display: none !important;
}
.force-full-width{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.wp-block-columns{
margin-bottom: 100px;
justify-content: center;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: 60px;
}
.wp-block-columns.align-center{
align-items: center;
}
.wp-block-columns .wp-block-column>*:first-child{
margin-top: 0;
}
.wp-block-columns .wp-block-column>*:last-child{
margin-bottom: 0;
}
.wp-block-columns .wp-block-column{
max-width: 700px;
}
.entry-content > .container > p,
.entry-content > .container > h3,
.entry-content > .container > h4,
.entry-content > .container > ul,
.entry-content > .container > ol{
width: 700px;
margin-left: auto;
margin-right: auto;
}
.site-header .site-social-buttons{
right: 80px;
position: fixed;
bottom: 130px;
display: flex;
align-items: center;
justify-content: flex-end;
pointer-events: none;
transform: translate(0, 50%);
}
.site-header .site-social-buttons a{
pointer-events: all;
margin: 0 -5px 0 45px;
padding: 5px;
position: relative;
transition-duration: 0.3s;
border-radius: 50%;
}
.site-header .site-social-buttons a img{
transition-duration: 0.3s;
filter: invert(0);
}
.site-header .site-social-buttons a:hover{
background-color: white;
}
.site-header .site-social-buttons a:hover img{
filter: invert(1);
}
.main-navigation{
overflow-y: scroll;
opacity: 0;
transition-property: opacity;
transition: opacity 0.3s linear 0s, top 0s linear 0.3s;
}
.main-navigation.menu-open{
opacity: 1;
transition: opacity 0.3s linear 0s, top 0s linear 0s;
}
.main-navigation li{
font-size: 90px;
line-height: 65px;
margin: 15px 0;
position: relative;
}
.main-navigation li:after{
content: "";
display: block;
position: absolute;
right: -20px;
left: auto;
top: 50%;
transform: translate(0, -50%);
height: 2px;
width: 0;
background-color: white;
border: 0;
transition: width 0.4s linear 0s, left 0s linear 0s, right 0s linear 0s;
}
.main-navigation li:hover:after{
left: -20px;
right: auto;
width: calc(100% + 40px);
}
.main-navigation .menu-toggler{
width: 72px;
height: 72px;
border: 1px solid #FFFFFF;
border-radius: 50%;
padding: 23px;
top: 100px;
transform: translate(0, -50%);
right: 100px;
transition-duration: 0.3s;
}
.main-navigation .menu-toggler img{
transition-duration: 0.3s;
filter: invert(0);
}
.main-navigation .menu-toggler:hover{
background-color: #FFFFFF;
}
.main-navigation .menu-toggler:hover img{
filter: invert(1);
}
body.menu-is-open .site-header .site-branding,
body.menu-is-open .site-header .site-social-buttons{
z-index: 21;
}
.main-navigation li .menu-item-special:after{
background-image: linear-gradient(0deg, rgba(35, 35, 35, 0.2), rgba(35, 35, 35, 0.2));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.main-navigation li .menu-item-special{
visibility: hidden;
opacity: 0;
position: absolute;
width: 360px;
height: 240px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1.3);
max-width: unset;
display: block;
z-index: -1;
filter: blur(6px);
transition: opacity 0.6s ease 0s, visibility 0s ease 0.6s, filter 0.6s ease 0s, transform 0.6s ease 0s;
pointer-events: none;
}
.main-navigation li .menu-item-special img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main-navigation li:hover .menu-item-special{
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
filter: blur(0px);
transition: opacity 0.8s ease 0s, visibility 0s ease 0s, filter 0.6s ease 0s, transform 0.6s ease 0s;
}
.site-footer{
padding: 20px 0;
min-height: 100vh;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
text-align: left;
position: relative;
}
.site-footer > .container{
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.site-footer .site-social-facebook,
.site-footer .site-social-instagram{
margin: 0 40px 0 0;
}
.site-footer .site-social-messenger,
.site-footer .site-social-email{
justify-content: flex-start;
margin: 0 0 20px;
}
.site-footer .site-social-messenger{
margin: 0 0 60px;
}
.site-footer .site-social-messenger img,
.site-footer .site-social-email img{
margin: 0;
}
.site-footer .site-social-messenger .footer-hover,
.site-footer .site-social-email .footer-hover{
margin: 0 21px 0 0;
}
.site-footer .h2-styles{
font-size: 47px;
line-height: 52px;
margin: 0 0 30px;
}
.site-footer .menu{
margin: 0;
}
.site-footer .menu li{
font-size: 20px;
line-height: 35px;
}
.site-footer .footer-column-form{
width: 360px;
}
.site-footer .footer-column-form .h2-styles{
margin: 0 0 60px;
}
.site-footer .footer-copy{
margin: 0;
width: 100%;
text-align: left;
position: absolute;
left: 0;
right: 0;
bottom: 120px;
}
.site-footer .footer-copy a:hover{
background-color: white;
color: #222222;
}
.site-footer .footer-hover,
.site-footer .footer-hover img{
display: block;
transition-duration: 0.3s;
}
.site-footer .footer-hover img{
filter: invert(0);
}
.site-footer .footer-hover{
margin: -5px;
padding: 5px;
border-radius: 50%;
}
.site-footer a:hover .footer-hover{
background-color: white;
}
.site-footer  a:hover .footer-hover img{
filter: invert(1);
}
.h1-styles,
h1,
.default-hero .default-title{
font-size: 100px;
line-height: 110px;
}
.h2-styles,
h2{
font-size: 52px;
line-height: 60px;
}
.entry-content > .container > h2{
margin-top: 100px;
margin-bottom: 60px;
}
.wp-block-quote{
margin: 100px 0;
}
.wp-block-quote > p{
font-size: 90px;
line-height: 90px;
}
.bttn,
.wp-block-button__link{
padding: 22px 20px;
font-size: 20px;
line-height: 26px;
width: 360px;
}
.bttn:before,
.wp-block-button__link:before,
.bttn:after,
.wp-block-button__link:after{
height: 35px;
width: calc(100% - 35px);
transition-duration: 0s;
}
.bttn span:before,
.wp-block-button__link span:before,
.bttn span:after,
.wp-block-button__link span:after{
height: 0;
width: 0;
display: block;
position: absolute;
z-index: -1;
content: "";
box-sizing: border-box;
transition-duration: 0s;
opacity: 0;
}
.bttn span:before,
.wp-block-button__link span:before{
left: 0;
bottom: 0;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.bttn span:after,
.wp-block-button__link span:after{
right: 0;
top: 0;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
}
.bttn.bttn-dark span:after,
.bttn.bttn-dark span:before,
.bttn.bttn-dark span:hover:after,
.bttn.bttn-dark span:hover:before{
border-color: #222222;
}
.bttn:hover:before,
.wp-block-button__link:hover:before{
animation: bttn-hover-before 0.6s linear 0s forwards;
}
.bttn:hover span:before,
.wp-block-button__link:hover span:before{
animation: bttn-hover-before-2 0.6s linear 0s forwards;
}
.bttn:hover:after,
.wp-block-button__link:hover:after{
animation: bttn-hover-after 0.6s linear 0s forwards;
}
.bttn:hover span:after,
.wp-block-button__link:hover span:after{
animation: bttn-hover-after-2 0.6s linear 0s forwards;
}
.default-hero{
margin: 0 0 100px;
z-index: 2;
min-height: 100vh;
display: flex;
align-items: center;
color: #FFFFFF;
}
.default-hero .container{
padding: 0 45px;
max-width: 1290px;
}
.default-hero .default-hero-img{
margin: 0;
height: 100%;
padding: 0;
position: absolute;
margin: 0;
z-index: -1;
}
.default-hero .default-title{
color: #FFFFFF;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
text-align: right;
}
.default-hero .default-hero-flex{
display: flex;
align-items: flex-start;
justify-content: center;
}
.default-hero .default-hero-flex .default-title{
}
.default-hero .default-hero-text{
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
text-align: left;
flex: none;
}
.default-hero .default-hero-flex .default-hero-text{
width: 360px;
margin: 13px 0 0 40px;
}
.default-hero .default-hero-base .default-hero-text{
text-align: center;
margin: 0;
}
.default-hero .default-hero-base .default-title{
text-align: center;
margin: 0 0 30px;
}
.default-hero .default-hero-scroll{
position: absolute;
display: block;
left: 50%;
bottom: 40px;
transform: translateX(-50%);
height: 100px;
width: 2px;
overflow: hidden;
}
.default-hero .default-hero-scroll:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
animation: hero-scroll 3s ease-in-out infinite;
background-color: #E5E5E5;
}
.hero-block .default-hero-scroll{
display: none;
}
.default-hero.contact-hero .default-title{
margin: 0 0 30px;
}
.default-hero.contact-hero .default-hero-info{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.default-hero.contact-hero .default-hero-info .site-social-messenger,
.default-hero.contact-hero .default-hero-info .site-social-email{
margin: 0 0 6px;
justify-content: flex-start;
}
.default-hero.contact-hero .default-hero-info .site-social-messenger img,
.default-hero.contact-hero .default-hero-info .site-social-email img{
margin: 0;
transition-duration: 0.3s;
filter: invert(0);
}
.default-hero.contact-hero .default-hero-info .site-social-messenger .footer-hover,
.default-hero.contact-hero .default-hero-info .site-social-email .footer-hover{
margin: 0 21px 0 0;
}
.default-hero.contact-hero .default-hero-info .footer-hover{
margin: -5px;
padding: 5px;
border-radius: 50%;
transition-duration: 0.3s;
}
.default-hero.contact-hero .default-hero-info a:hover .footer-hover{
background-color: white;
}
.default-hero.contact-hero .default-hero-info  a:hover .footer-hover img{
filter: invert(1);
}
.default-hero.contact-hero .default-hero-text img{
display: block;
margin: 5px 20px 0 auto;
}
.default-hero:not(.hero-block):not(.front-hero):before,
.default-hero:not(.hero-block):not(.front-hero):after{
width: 0;
height: 0;
box-sizing: border-box;
animation: drop-border 1s ease 0.6s forwards;
content: "";
pointer-events: none;
position: absolute;
}
.default-hero:not(.hero-block):not(.front-hero):after{
right: 0;
bottom: -40px;
border-right: 40px solid #E5E5E5;
border-top: 40px solid #E5E5E5;
}
.default-hero:not(.hero-block):not(.front-hero):before{
left: 0;
top: -40px;
border-left: 40px solid #E5E5E5;
border-bottom: 40px solid #E5E5E5;
}
body.dark-page .default-hero:before,
body.dark-page .default-hero:after{
border-color: #23221E !important;
}
.default-hero .hero-bttn{
margin: 40px auto -110px;
}
.default-hero.hero-block{
margin: 0;
}
.default-hero .default-hero-flex .default-title .line-right{
display: block;
margin-right: -375px;
}
.default-hero.photos-hero .default-hero-text{
margin-top: 125px;
}
.default-hero .default-hero-logo{
text-align: center;
margin: -60px auto 22px;
}
.default-hero .default-hero-logo img{
width: 150px;
}
.container.container-wide .photos-nav,
.container.container-wide .photos-desc{
max-width: 1200px;
}
.photos-nav{
margin: 0 auto 60px;
justify-content: space-between;
flex-wrap: wrap;
}
.photos-nav .photos-nav-item{
padding: 0 0 22px;
}
.default-listing{
margin: 0 0 90px;
align-items: stretch;
}
.fishing-block.mode-dark + .photos-block{
margin-top: 100px;
}
.default-listing .listing-item{
margin: 0 0 10px;
width: calc(50% - 5px);
}
.default-listing .listing-item:nth-of-type(2n+2){
margin-left: 10px;
}
.default-listing .listing-item .listing-item-img{
height: 100%;
}
.default-listing .listing-item .listing-item-img img{
min-height: 100%;
object-fit: cover;
}
.default-listing .listing-item .listing-item-inner{
bottom: 39px;
left: 33px;
right: auto;
max-width: 520px;
width: calc(100% - 66px);
}
.default-listing .listing-item .listing-item-title{
font-size: 30px;
line-height: 35px;
}
.default-listing .listing-item .listing-item-subtitle{
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.default-listing .listing-item:after{
height: 235px;
}
.photos-desc,
.desc-block{
margin: 0 auto 100px;
}
.photos-desc .photos-desc-item.active-item,
.desc-block{
display: flex;
}
.photos-desc .photos-desc-item,
.desc-block{
align-items: flex-end;
justify-content: flex-start;
}
.photos-desc .photos-desc-item .block-side,
.desc-block .block-side{
width: 360px;
margin-left: 144px;
}
.photos-desc .photos-desc-item .block-inner,
.desc-block .block-inner{
flex: 1;
}
.photos-desc .photos-desc-item .block-inner p,
.desc-block p{
margin: 0;
}
.fishing-block{
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 100px 0 120px;
}
.fishing-block .block-side{
width: 360px;
margin-left: 140px;
}
body.dark-page .film-block{
margin: 0 0 180px;
}
.film-block .block-item .block-play{
width: auto;
top: 50%;
}
.film-block .block-item .block-inner{
bottom: 120px;
}
.film-block .block-item .block-title{
margin: 0 0 16px;
}
.film-block .block-item:after{
height: 400px;
}
.film-block .block-wrap{
max-width: 183vh;
}
.photos-desc-block{
margin: 0 0 60px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.photos-desc-block .block-inner{
flex: 1;
}
.photos-desc-block .block-side{
width: 360px;
margin-left: 140px;
}
.photos-desc-block p,
.photos-desc-block ul{
margin-bottom: 0;
}
.share-block{
margin: 0 0 90px;
}
.share-block .block-title{
width: auto;
margin: 0 24px 0 0;
}
.post-password-required .default-hero{
margin: 0 auto;
}
.post-password-required .entry-content{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
align-items: center;
}
.post-password-required .default-hero .default-title{
display: none;
}
.protected-post-form{
margin: 0;
}
.protected-post-form .protected-title{
display: block;
font-family: 'Cormorant Infant', serif;
font-style: italic;
font-weight: 500;
font-size: 90px;
line-height: 90px;
text-align: center;
letter-spacing: -0.02em;
text-transform: uppercase;
color: #FFFFFF;
margin: 0 0 30px;
}
.protected-post-form p{
color: #FFFFFF;
}
.protected-post-form input,
.protected-post-form .bttn{
max-width: 360px;
}
.addons-block{
margin: 0 auto 100px;
}
.info-table > div{
padding: 15px 60px;
margin: 0 -60px;
}
.offer-block{
padding: 0 0 90px;
margin: 0 0 100px;
}
.offer-block .fancy-scroll{
position: absolute;
display: block;
left: 50%;
bottom: 0;
transform: translateX(-50%);
height: 100px;
width: 2px;
overflow: hidden;
}
.offer-block .fancy-scroll:after{
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
animation: hero-scroll 3s ease-in-out infinite;
background-color: white;
}
.offer-block .block-inner{
display: flex;
align-items: center;
justify-content: center;
}
.offer-block .block-item{
margin: 0 0 50px;
width: 360px;
padding: 60px 20px;
}
.offer-block .block-item:nth-of-type(2){
margin: 0 30px 50px;
flex: 1;
}
.offer-block .block-bttns{
display: flex;
align-items: center;
justify-content: space-between;
}
.offer-block .block-bttns .bttn{
margin: 0;
}
.wpcf7 .wpcf7-form{
max-width: 830px;
border-top: 1px solid #7D7D7D;
padding: 0 65px;
}
.wpcf7 .fancy-field{
padding: 0 65px;
margin: 0 -65px;
}
.wpcf7 .fancy-field .fancy-field-label{
max-width: 700px;
left: 65px;
}
.default-hero.hero-404{
margin: 0;
flex-direction: column;
align-items: center;
justify-content: center;
}
.default-hero.hero-404 .page-title{
font-size: 100px;
line-height: 110px;
}
.lp-wrap{
position: relative;
}
body.home .lp-wrap .hero-block{
position: static;
}
body.home .lp-wrap .hero-block + .hero-block{
margin-top: -45vh;
}
body.home .lp-wrap .hero-block .default-hero-img{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2;
opacity: 0;
transition: none;
}
body.home .lp-wrap .hero-block.lp-current .default-hero-img{
opacity: 1;
z-index: -1;
}
body.home .lp-wrap.lp-transitions .hero-block .default-hero-img{
transition: opacity 0.8s ease 0s, z-index 0s ease 0.8s;
}
body.home .lp-wrap .hero-block .container{
opacity: 0.1;
transition: none;
}
body.home .lp-wrap .hero-block.lp-current .container{
opacity: 1;
}
body.home .lp-wrap.lp-transitions .hero-block .container{
transition: opacity 0.8s ease 0s;
}
body.home .lp-wrap .hero-block:not(.lp-current) .hero-bttn{
opacity: 0;
transition-duration: 0.3s;
}
.site-header .site-nav-buttons .contact-link,
.site-header .site-social-buttons{
transition-duration: 0.3s;
}
body.after-half-page .site-header .site-nav-buttons .contact-link,
body.after-half-page .site-header .site-social-buttons{
opacity: 0;
pointer-events: none;
}
body.after-half-page .site-header .site-social-buttons a{
pointer-events: none;
}
}
@media (max-width: 767px) {
.desktop-only{
display: none !important;
}
h3,
.info-table > div{
font-size: 16px;
line-height: 22px;
}
.site-header .site-nav-buttons .menu-toggler img{
width: 36px;
}
.site-header .site-branding{
top: 32px;
left: 50%;
transform: translate(-50%, 0);
position: absolute;
}
.site-header .site-nav-buttons{
right: 0;
top: 30px;
transform: none;
}
.main-navigation .navigation-social{
display: flex;
align-items: center;
justify-content: center;
}
.main-navigation .navigation-social a{
margin: 0 30px;
padding: 10px;
}
.main-navigation li .menu-item-special{
display: none;
}
.site .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
margin-left: 0 !important;
}
.default-hero .default-hero-img.default-hero-empty{
padding: 0;
height: 100px;
}
.default-hero .default-hero-info .site-social-messenger,
.default-hero .default-hero-info .site-social-email{
filter: invert(1);
font-size: 15px;
justify-content: center;
}
.entry-content > .container > .wp-block-image{
margin: 0 -15px 20px;
}
.default-hero.hero-block{
margin: 0 0 60px;
}
.default-hero.hero-block .default-hero-img{
margin: 0;
}
.default-hero.hero-block .default-hero-flex{
position: relative;
padding-top: 18px;
}
.default-hero.hero-block .default-title{
position: absolute;
left: 0;
width: 100%;
bottom: calc(100% - 18px);
}
.default-listing .listing-item{
height: 0;
padding: 0 0 100%;
}
.default-listing .listing-item .listing-item-img img{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}
.film-block .block-item{
min-height: 0;
height: 0;
padding: 0 0 100%;
}
.default-listing .listing-item .listing-item-more{
font-size: 15px;
}
}
@keyframes hero-scroll{
0%{
transform:translateY(-100%)
}
100%{
transform:translateY(100%)
}
}
@keyframes drop-border {
0%{
height: 0;
width: 0;
}
50%{
height: calc(100% + 40px);
width: 0;
}
100%{
height: calc(100% + 40px);
width: 100%;
}
}
@keyframes bttn-hover-before {
0%{
width: calc(100% - 35px);
height: 35px;
top: 0px;
}
20%{
height: 70px;
width: calc(60% - 35px);
top: 0px;
}
40%{
width: 0;
height: 70px;
top: 0px;
}
50%{
width: 0;
height: 35px;
top: 35px;
}
60%{
width: 0;
height: 0;
top: 70px;
}
100%{
width: 0;
height: 0;
top: 70px;
}
}
@keyframes bttn-hover-before-2 {
0%{
width: 0;
height: 0;
opacity: 0;
}
40%{
width: 0;
height: 0;
opacity: 0;
}
41%{
width: 0;
height: 0;
opacity: 1;
}
80%{
width: calc(100% - 35px);
height: 0px;
opacity: 1;
left: 0;
}
90%{
width: calc(100% - 35px);
height: 0px;
opacity: 1;
left: 35px;
}
100%{
width: calc(100% - 35px);
height: 35px;
opacity: 1;
left: 35px;
}
}
@keyframes bttn-hover-after {
0%{
width: calc(100% - 35px);
height: 35px;
bottom: 0px;
}
20%{
height: 70px;
width: calc(60% - 35px);
bottom: 0px;
}
40%{
width: 0;
height: 70px;
bottom: 0px;
}
50%{
width: 0;
height: 35px;
bottom: 35px;
}
60%{
width: 0;
height: 0;
bottom: 70px;
}
100%{
width: 0;
height: 0;
bottom: 70px;
}
}
@keyframes bttn-hover-after-2 {
0%{
width: 0;
height: 0;
opacity: 0;
}
40%{
width: 0;
height: 0;
opacity: 0;
}
41%{
width: 0;
height: 0;
opacity: 1;
}
80%{
width: calc(100% - 35px);
height: 0px;
opacity: 1;
right: 0;
}
90%{
width: calc(100% - 35px);
height: 0px;
opacity: 1;
right: 35px;
}
100%{
width: calc(100% - 35px);
height: 35px;
opacity: 1;
right: 35px;
}
}