/* https://www.svgbackgrounds.com/tools/svg-to-css/ */
/*
.bebas-neue-regular {
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
}
.montserrat {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
background: #006A72 url('../img/circ.png') top right no-repeat padding-box;
}
*/
/* general settings */
input:focus, textarea:focus {
outline: none;
}
.dHide{
display:none;
}
* {
color: #323232;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin:0;
padding:0;
box-sizing: border-box;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:hover .title{
color:#D04200 !important;
}
body {
background-color:#FFF7F0;
}
.button {
display:inline-block;
border-radius: 34px;
border: 1px solid #D04200;
background: #D04200;
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 13px 39px 14px 39px;
text-transform:uppercase;
text-align:center;
}
.button:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #D04200;
text-decoration:none;
color:#fff;
}
/* /general settings */
/* header */
#head_top {
background-color:#7C141C;
}
#link_row {
max-width:1270px;
margin:0 auto;
padding: 12px 20px;
}
#link_row a {
font-size: 12px;
font-weight: 500;
color: #fff;
text-transform:uppercase;
display:inline-block;
margin-right:25px;
margin-right:5px;
padding-left:30px;
background: url('data:image/svg+xml,') 0 4px no-repeat padding-box;
opacity:0.60;
}
#link_row a:hover {
opacity:1;
text-decoration:none;
}
#link_row a#instagram {
background: url('data:image/svg+xml,') 0 3px no-repeat padding-box;
padding-left:25px;
}
#link_row a#substack {
background: url('data:image/svg+xml,') 0 4px no-repeat padding-box;
padding-left:25px;
}
#link_row a#subscribe {
margin-right:0;
float:right;
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
}
#link_row a#ham {
margin-right:0;
float:right;
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
display:none;
}
#link_row a#moblogo {
margin-right:0;
float:left;
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
opacity:1;
display:none;
}
menu {
max-width:1270px;
margin:0 auto;
padding: 32px 20px 12px 20px;
}
menu div {
display:inline-block;
border-bottom: solid 1px #653820;
width : calc(50% - 97px);
position:relative;
top:-40px;
}
menu div a {
display:inline-block;
margin-left:20px;
text-transform:uppercase;
font-size: 14px;
font-style: normal;
font-weight: 600;
color: #653820;
padding-bottom:10px;
}
menu div a:hover, menu div a.active {
text-decoration: none;
border-bottom:solid 3px #7C141C;
padding-bottom:7px;
}
menu div#menu_right {
text-align:right;
}
menu div#menu_right a {
margin-left:0;
margin-right:20px;
}
menu a#logo {
width:125px;
height:105px;
display:inline-block;
background: url('../p/logo.svg') center center no-repeat padding-box;
margin: 0 30px;
}
#mobil_menu {
display:none;
}
@media screen and (max-width: 768px) {
#link_row {
text-align:right;
padding: 9px 12px 4px 12px;
}
#link_row a {
width:30px;
overflow:hidden;
color: transparent;
height: 29px;
background-position: center !important;
margin-right: 4px;
}
#link_row a#ham {
margin-left:10px;
display:inline-block;
}
#link_row a#moblogo {
display:inline-block;
width:83px;
}
#menu_left a, #menu_right a {
display:none;
}
menu div {
width : calc(50% - 65px);
}
menu a#logo, #mobil_menu_content a.logo {
width:90px;
height:68px;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
margin: 0 15px;
}
#mobil_menu_content a {
display:block;
margin: 30px auto 0 auto !important;
color: #653820;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#mobil_menu_content a.logo {
position:relative;
top:-15px;
}
#mobil_menu {
display:none;
}
#mobil_menu_bg {
position:fixed;
top:50px;
left:0;
z-index:999;
opacity: 0.9;
background: #F4E1D1;
width:100%;
height: 100%;
}
#mobil_menu_content {
position:fixed;
top:50px;
left:0;
border-radius: 0px 0px 432px 432px;
background: #F4E1D1;
box-shadow: 0px 4px 90px 13px rgba(0, 0, 0, 0.15);
z-index:1000;
width:100%;
height: 512px;
text-align:center;
}
#link_row a#ham.hamAct {
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
}
header {
margin-top:49px;
}
#head_top {
position:fixed;
top:0;
left:0;
z-index:1000;
width:100%;
}
}
/* /header */
/* FOOTER */
footer {
background-color: #7C141C;
display: block;
width:100%;
padding: 53px 0 0 0;
}
footer a#footer_logo {
width: 125px;
height: 105px;
display: block;
background: url('../p/logo_main.svg') center center no-repeat padding-box;
margin: 0 auto 0 auto;
}
footer .footer_menu {
margin-top:43px;
border-top: solid 1px #933c40;
padding: 33px 0 33px 0;
text-align:center;
}
footer .footer_policy {
background-color: #651B21;
padding: 10px 0 11px 0;
text-align:center;
}
footer .footer_menu a, footer .footer_policy a {
color: #EEDED1;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display:inline-block;
margin-right:20px;
}
footer .footer_policy a {
color: rgba(238, 222, 209, 0.30);
font-size: 12px;
font-weight: 400;
}
@media screen and (max-width: 768px) {
footer {
padding: 23px 0 0 0;
}
footer .footer_menu {
margin-top:24px;
border-top: solid 1px #933c40;
padding: 23px 0 3px 0;
text-align:center;
}
footer .footer_menu a {
display:block;
margin-right:0;
margin-bottom:20px;
}
}
/* /FOOTER */
/* HOME */
/* home menu */
body#home {
width:100%;
overflow-x:hidden;
}
#home menu {
position:relative;
z-index:100;
}
#home menu a#logo {
background: url('../p/logo_main.svg') center center no-repeat padding-box;
}
#home menu div {
border-bottom: solid 1px #F3E9E1;
}
#home menu div a {
color: #F3E9E1;
}
#home menu div a:hover, #home menu div a.active {
border-color: #FFF;
color: #FFF;
}
@media screen and (max-width: 768px) {
menu {
padding: 11px 20px 12px 20px;
}
menu div {
top: -9px;
}
#home menu a#logo {
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
}
/* /home menu */
/* home subscribe */
#main_subscribe {
height:820px;
background: #a58a6c url('../p/home_bg2.jpg') bottom center no-repeat padding-box;
width:100%;
position:relative;
margin-top:-167px;
z-index:99;
}
#main_subscribe form{
display:block;
max-width:690px;
padding: 650px 20px 20px 20px;
text-align:center;
margin:0 auto;
}
#main_subscribe form p{
color: #EEDED1;
text-align: center;
text-shadow: 0px 0px 41px rgba(0, 0, 0, 0.25);
font-family: Montserrat;
font-size: 16px;
margin-bottom:10px;
}
#main_subscribe form input#email, #main_subscribe form input#submit{
display:inline-block;
text-transform:uppercase;
border:0;
color: #A58A6C;
font-size: 14px;
font-weight: 400;
padding: 22px 0;
}
#main_subscribe form input#email {
display:inline-block;
border-radius: 70px 0 0 70px;
background-color: #fff;
padding-left:45px;
width : calc(100% - 234px);
}
#main_subscribe form input#submit {
border-radius: 0px 70px 70px 0px;
background-color: #00A2BB;
color: #EEDED1;
text-align:center;
min-width:230px;
margin-left:-4px;
cursor: pointer;
}
#main_subscribe form input#submit:hover {
color:#fff;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #00A2BB;
}
@media screen and (max-width: 768px) {
#main_subscribe {
height: 660px;
background: #a58a6c url(../p/home_bg.jpg) top center no-repeat padding-box;
width: 100%;
position: relative;
margin-top: -98px;
z-index: 99;
background-size: cover;
}
#main_subscribe form {
padding: 522px 20px 20px 20px;
}
}
@media screen and (max-width: 530px) {
#main_subscribe {
height: 530px;
}
#main_subscribe form {
padding: 390px 20px 20px 20px;
}
#main_subscribe form input#email, #main_subscribe form input#submit{
display:inline-block;
text-transform:uppercase;
border:0;
color: #A58A6C;
font-size: 12px;
font-weight: 400;
padding: 22px 0;
padding: 11px 0;
}
#main_subscribe form input#email {
display:inline-block;
border-radius: 70px 0 0 70px;
background-color: #fff;
padding-left:25px;
width : calc(100% - 134px);
border-radius: 35px 0 0 35px;
}
#main_subscribe form input#submit {
border-radius: 0px 70px 70px 0px;
background-color: #00A2BB;
color: #EEDED1;
text-align:center;
min-width:130px;
margin-left:-4px;
cursor: pointer;
border-radius: 0px 35px 35px 0px;
}
}
@media screen and (max-width: 430px) {
#main_subscribe {
height: 430px;
}
#main_subscribe form {
padding: 290px 20px 20px 20px;
}
}
/* home subscribe */
/* timeline */
#tl {
background: url('data:image/svg+xml,') 100% 326% no-repeat padding-box;
}
h2.main {
color: #7C141C;
text-align: center;
font-family: "Bebas Neue";
font-size: 62px;
line-height: 62px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
text-align:center;
height:200px;
padding-top:92px;
margin-bottom:-3px;
}
h2.main p {
color: #7C141C;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.28px;
text-transform: uppercase;
}
#tl h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
}
#timeline-embed {
height:600px;
max-width:1230px;
margin: 0 auto;
background-color:transparent;
}
#tl .tl-text-headline-container h2.tl-headline, #tl .tl-text-headline-container h2.tl-headline a {
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
color: #7C141C;
font-size: 32px;
}
#tl .tl-text-content p {
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#tl h3.tl-headline-date {
color: #7C141C;
font-family: Montserrat;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
#tl .tl-timemarker-content-container {
height:28px !important;
width: 150px;
flex-shrink: 0;
border-radius: 26px;
border: 1px solid #7C141C;
background: #FFF;
margin-left:-30px;
padding: 0 0 0 12px;
}
#tl .tl-timemarker-content-container:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #FFF;
}
#tl .tl-timemarker-content-container .tl-headline {
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
-webkit-line-clamp: 1 !important;
text-overflow: clip;
color:#7C141C;
}
#tl .tl-timemarker-content-container .tl-timemarker-text::after {
background: linear-gradient(to right,#fff0 0%,rgb(255 255 255) 100%);
content: " ";
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: -10px;
}
#tl .tl-timemarker-content-container:hover .tl-timemarker-text::after {
background: linear-gradient(to right,#fff0 0%,rgb(229 229 229) 100%);
}
#tl .tl-timemarker-active .tl-timemarker-content-container {
border: 1px solid #D04200;
background: #D04200;
}
#tl .tl-timemarker-active .tl-timemarker-content-container:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #D04200;
}
#tl .tl-timemarker-active .tl-timemarker-content-container .tl-headline {
color:#fff;
}
#tl .tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-text::after {
background: linear-gradient(to right,#fff0 0%,rgb(208 66 0) 100%);
}
#tl .tl-timemarker-active .tl-timemarker-content-container:hover .tl-timemarker-text::after {
background: linear-gradient(to right,#fff0 0%,rgb(187 59 0) 100%);
}
#tl .tl-timemarker-media-container, #tl .tl-timeline .tl-attribution, #tl .tl-slidenav-description {
display:none;
}
#tl [class^="tl-icon-"], #tl [class*=" tl-icon-"] {
color: #7C141C;
}
#tl [class^="tl-icon-"]:hover, #tl [class*=" tl-icon-"]:hover {
color: #D04200;
}
#tl .tl-menubar-button {
background-color: #FFF7F0;
}
#tl .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick .tl-timeaxis-tick-text, #tl .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {
color: #7C141C;
font-family: Montserrat;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
#tl .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {
font-weight: 500;
}
#tl .tl-slidenav-title {
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 500;
text-transform: none;
}
#tl .tl-slidenav-next .tl-slidenav-icon:before {
content: "\e64f";
content: "";
}
#tl .tl-slidenav-previous .tl-slidenav-icon:before {
content: "\e650";
content: "";
}
#tl .tl-slidenav-previous .tl-slidenav-content-container, #tl .tl-slidenav-next .tl-slidenav-content-container {
width: 100px;
position: relative;
top: -23px;
}
#tl .tl-slidenav-previous .tl-slidenav-icon, .slick-prev, .slick-prev:hover, .slick-prev:focus {
height:64px;
background: url('data:image/svg+xml,') top left no-repeat padding-box;
}
.slick-prev:hover {
background: url('data:image/svg+xml,') top left no-repeat padding-box;
}
#tl .tl-slidenav-next .tl-slidenav-icon, .slick-next, .slick-next:hover, .slick-next:focus {
margin-left: 36px;
height:64px;
background: url('data:image/svg+xml,') top right no-repeat padding-box;
}
.slick-next:hover {
background: url('data:image/svg+xml,') top right no-repeat padding-box;
}
#tl .tl-slider-container-mask { /* Timeline tartalom háttere */
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(234, 216, 201, 0.40) 53%, rgba(255, 255, 255, 0.00) 100%);
background-color: #FFF7F0;
background-position: center;
}
#tl .tl-timenav-slider-background { /* Timeline háttere */
background: linear-gradient(90deg, rgba(234, 216, 201, 0.00) 5%, rgba(124, 20, 28, 0.09) 52.5%, rgba(234, 216, 201, 0.00) 100%);
background-color: #FFF7F0;
background-attachment: fixed;
background-position: center;
height: calc(100% - 39px);
}
#tl .tl-timeaxis-background { /* Timeline dátumok háttere */
background-color: #FFF7F0;
border-top: 1px solid #7C141C;
}
#tl .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before, #tl .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {
border-left: 1px solid #7C141C;
}
#tl .tl-timenav {
border-top: 0px solid #e5e5e5;
}
#tl .tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {
background-color: #D04200;
width: 1px;
}
#tl .tl-timemarker .tl-timemarker-line-left, #tl .tl-timemarker .tl-timemarker-line-right {
border-left: 0;
box-shadow: none;
}
#tl .tl-timemarker .tl-timemarker-timespan {
background-color: #7C141C;
width: 1px;
z-index:6;
}
.tl-timemarker .tl-timemarker-line-left:after, .tl-timemarker .tl-timemarker-line-right:after, .tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-left:after, .tl-timemarker:focus .tl-timemarker-timespan .tl-timemarker-line-left:after, .tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-right:after, .tl-timemarker:focus .tl-timemarker-timespan .tl-timemarker-line-right:after {
background-color: transparent !important;
}
@media screen and (max-width: 530px) {
h2.main {
font-size: 42px;
line-height: 42px;
height:140px;
padding-top:50px;
}
#tl h2.main {
background-position: center;
background-size: 54%;
}
#timeline-embed {
height:784px;
}
#tl .tl-skinny .tl-slide {
padding-top: 0;
}
#tl .tl-skinny .tl-text {
margin-top: 0;
position:relative;
top:20px;
padding: 0px 20px;
}
#tl .tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
border-top: 0;
}
#tl .tl-text-content p {
color: #323232;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 21px;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
}
#tl .tl-message-full {
background-color: hsl(0deg 4% 53% / 80%);
}
#tl .tl-message-full .tl-message-container .tl-message-content {
color: #eee;
}
}
/* /timeline */
/* Blog */
section#blog {
background: url('data:image/svg+xml,') -10% 20% no-repeat padding-box, url('data:image/svg+xml,') 100% 180% no-repeat padding-box;
background-size: 46%, 30%;
padding-bottom:80px;
}
section#blog h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
}
section#blog h3 {
color: #7C141C;
text-align: center;
font-family: "Bebas Neue";
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom:26px;
}
section#blog .button {
display:block;
margin: 30px auto 30px auto;
width:187px;
}
.post_list {
display:flex;
max-width:1270px;
margin: 0 auto;
padding: 0 20px;
gap:24px;
}
.post_list .post_item {
width:33%;
background-color:#fff;
min-height:523px;
overflow:hidden;
border-radius: 16px;
margin-bottom: 30px;
}
.post_list .post_item a.post_img{
display:block;
}
.post_list .post_item a.post_img::after{
content: " ";
display:block;
width: 42px;
height: 42px;
background: #D18400 url('data:image/svg+xml,') center center no-repeat padding-box;
border-radius:42px;
position:relative;
left: calc(100% - 60px);
top:-21px;
}
.post_list .post_item.listen a.post_img::after{
background: #009988 url('data:image/svg+xml,') center center no-repeat padding-box;
}
.post_list .post_item.video a.post_img::after{
background: #1A0E6A url('data:image/svg+xml,') center center no-repeat padding-box;
}
.post_list .post_item a.post_img img{
width:100%;
aspect-ratio: 3 / 2;
display:block;
}
.post_list .post_item a.post_item_text{
display:block;
padding: 24px;
margin-top:-48px;
min-height: 280px;
}
.post_list .post_item a.post_item_text:hover{
text-decoration:none;
}
.post_list .post_item a.post_item_text .subtitle{
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom:5px;
display: none;
}
.post_list .post_item a.post_item_text .title{
color: #7C141C;
font-family: "Bebas Neue";
font-size: 32px;
font-weight: 400;
text-transform: uppercase;
margin-bottom:15px;
line-height:2.1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top:10px;
}
.post_list .post_item a.post_item_text p{
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post_list .post_item .timetoread{
color: #B5A79A;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
display:block;
padding: 1px 0 0 31px;
margin: 0 0 24px 24px;
background: url('data:image/svg+xml,') top left no-repeat padding-box;
}
.post_list .post_item .timetoread:after{
content: " read";
}
.post_list .post_item.listen .timetoread:after{
content: " listen";
}
.post_list .post_item.video .timetoread:after{
content: " watch";
}
@media screen and (max-width: 768px) {
section#blog {
padding-bottom:70px;
}
section#blog h3 {
font-size: 36px;
margin-bottom:20px;
}
.post_list {
display:block;
}
.post_list .post_item {
width:100%;
margin-bottom:24px;
min-height:auto;
}
.post_list .post_item a.post_item_text{
min-height: auto;
}
section#blog .button {
margin: 30px 20px 30px 20px;
width:auto;
}
}
@media screen and (max-width: 530px) {
section#blog h2.main {
background-position: center;
background-size: 92%;
}
}
/* Blog */
/* book recommendation */
#book_recom {
background-color: #7C141C;
height:375px;
}
#book_recom span {
float:right;
width:721px;
height:429px;
aspect-ratio: 721 / 429;
display:block;
background: url('../p/book_in_hand.png') center center no-repeat padding-box;
background-size: cover;
position:relative;
top:-54px;
}
#book_recom .book_recom_text {
margin-left: calc(45% - 300px);
width : 300px;
padding-top:50px;
float:left;
}
#book_recom .book_recom_text .subtitle {
color: #FDF0E5;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
text-transform:uppercase;
margin-bottom:8px;
}
#book_recom .book_recom_text .title {
color: #FDF0E5;
font-family: "Bebas Neue";
font-size: 62px;
font-weight: 400;
line-height: 42px;
text-transform: uppercase;
margin-bottom:21px;
}
#book_recom .book_recom_text p {
color: #FDF0E5;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 24px;
min-height:120px;
}
#book_recom .book_recom_text p b {
color: #FDF0E5;
font-weight: 600;
}
#book_recom {
background-color: #7C141C;
height:auto;
}
#book_recom div.canvas {
background-color: #7C141C;
display:flex;
max-width:800px;
margin: 0 auto;
padding: 0 30px 50px 30px;
}
#book_recom .book_recom_text {
margin-left: 0;
width : 300px;
padding-top:50px;
float:none;
}
#book_recom .book_recom_image {
margin-left: 50px;
padding-top:50px;
}
#book_recom .book_recom_image a img{
display:block;
border-radius:20px;
width:470px;
height:264px;
}
@media screen and (max-width: 1440px) {
/*
#book_recom {
background-color: #7C141C;
aspect-ratio: 1440 / 375;
height:auto;
max-height:375px;
}
#book_recom span {
float:right;
height:auto;
aspect-ratio: 721 / 429;
max-height:429px;
width:50%;
display:block;
background: url('../p/book_in_hand.png') center center no-repeat padding-box;
background-size: cover;
position:relative;
top:-14%;
}
*/
#book_recom .book_recom_text {
padding-top:30px;
}
#book_recom .book_recom_text p {
min-height:auto;
margin-bottom:21px;
}
}
@media screen and (max-width: 1180px) {
#book_recom .book_recom_text {
margin-left: 30px;
width : 45%;
padding-top:20px;
}
#book_recom .book_recom_text .title {
font-size: 42px;
margin-bottom:16px;
}
#book_recom .book_recom_text p {
margin-bottom:16px;
}
#book_recom {
min-height:245px;
}
}
@media screen and (max-width: 768px) {
#book_recom, #book_recom .book_recom_text, #book_recom span {
float:none;
width : 100%;
height:auto;
max-height:auto;
min-height:auto;
}
#book_recom .book_recom_text {
margin:0;
padding: 30px 20px 10px 20px;
}
#book_recom .book_recom_text .subtitle {
margin-bottom: 0;
}
#book_recom .book_recom_text .button {
margin: 20px auto 10px auto;
display:block;
width:150px;
}
#book_recom .book_recom_text .subtitle, #book_recom .book_recom_text .title, #book_recom .book_recom_text p {
text-align:center;
}
#book_recom span {
top: 0%;
left: 20px;
}
#book_recom div.canvas {
display:block;
padding: 0 20px 50px 20px;
}
#book_recom .book_recom_text {
width : 100%;
padding-top:30px;
}
#book_recom .book_recom_image {
margin-left: 0;
padding-top:20px;
}
#book_recom .book_recom_image a img{
width:100%;
height:auto;
border-radius:10px;
}
}
/* /book recommendation */
/* /events+slider */
#events {
background: url('data:image/svg+xml,') -10% 20% no-repeat padding-box;
background-size: 46%, 30%;
padding-bottom:80px;
}
#events h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
background-size: 81%;
}
.slick-slide {
margin: 0px 20px;
}
.slick-prev, .slick-next {
height:64px;
width:64px;
}
.slick-prev:before, .slick-next:before {
content: '';
}
.slick-prev {
left: 10px;
z-index: 1;
}
.slick-next {
right: 10px;
}
.slide_events {
max-width:1270px;
margin: 0 auto;
padding: 0 100px;
}
.event_item {
background-color:#fff;
width:100%;
border-radius:16px;
overflow:hidden;
display:flex;
}
.event_item .event_content {
width:calc(100% - 600px);
padding:42px;
}
.event_item .event_content .subtitle{
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
margin-bottom:8px;
text-transform: uppercase;
}
.event_item .event_content .title{
color: #7C141C;
font-family: "Bebas Neue";
font-size: 62px;
font-style: normal;
font-weight: 400;
line-height: 52px; /* 83.871% */
letter-spacing: 1.24px;
text-transform: uppercase;
margin-bottom:12px;
}
.event_item .event_content p{
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.event_item .event_content p b{
font-weight: 600;
display:block;
margin-bottom:20px;
}
.event_item .event_img {
/*aspect-ratio: 500 / 390; */
overflow:hidden;
height:468px;
width:600px;
background-color:#eee;
}
.event_item .event_img img {
width:100%;
display:block;
}
.event_item .event_content .badges {
margin-bottom:10px;
}
.event_item .event_content .badges span{
display:inline-block;
padding: 6px 18px 7px 19px;
text-align:center;
text-transform:uppercase;
border-radius: 26px;
border: 1px solid #7C141C;
background: #FFFBF7;
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 500;
line-height: 12px;
margin-right:10px;
margin-bottom:10px;
}
.event_item .event_content .badges span.everyone{
border: 1px solid #E2A233;
background: #E2A233;
color: #FFFFFF;
}
.event_item .event_content .badges span.advanced{
border: 1px solid #D04200;
background: #D04200;
color: #FFFFFF;
}
.event_item .event_content .button{
border: 1px solid #7C141C;
background: #7C141C;
color: #FFFFFF;
position:absolute;
bottom:40px;
}
.event_item .event_content .button:hover{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #7C141C;
}
#events .button {
display: block;
margin: 30px auto 30px auto;
width: 187px;
}
@media screen and (max-width: 1240px) {
.event_item .event_content .title{
font-size: 52px;
}
.event_item .event_img {
/*aspect-ratio: 500 / 390; */
overflow:hidden;
height:468px;
width:500px;
background-color:#ddd;
text-align:center;
}
.event_item .event_img img {
width:600px;
height:100%;
display:block;
position:relative;
left:-100px;
}
.event_item .event_content {
width:calc(100% - 500px);
padding:25px;
}
}
@media screen and (max-width: 1024px) {
.event_item {
display:block;
}
.event_item .event_content {
width:100%;
padding:25px;
}
.event_item .event_content * {
text-align:center;
}
.event_item .event_content p b, .event_item .event_content .subtitle{
margin-bottom:5px;
}
.event_item .event_img img {
width:100%;
height:100%;
left:0;
}
.event_item .event_content .button{
border: 1px solid #7C141C;
background: #7C141C;
color: #FFFFFF;
position:static;
bottom:0;
}
}
@media screen and (max-width: 620px) {
.slide_events {
margin-top:100px;
}
}
@media screen and (max-width: 530px) {
#events h2.main {
background: url('data:image/svg+xml,') center 30px no-repeat padding-box;
background-size: 81% 76%;
padding-left:20px;
padding-right:20px;
min-height:150px
}
.slide_events {
padding: 0 10px;
margin-top:50px;
}
.slick-prev, .slick-next {
margin-top:60px;
}
.event_item .event_content .subtitle{
margin-bottom:0;
}
#home #events .button {
margin: 20px auto 0 auto;
width: auto;
}
}
/* /events+slider */
/* Shop */
#shop {
background: #fff url('data:image/svg+xml,') 100% 0% no-repeat padding-box;
background-size: 46%, 30%;
padding-bottom:80px;
}
#shop h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
}
.slide_shop .slick-slide {
margin: 0px 10px;
}
.slide_shop {
max-width:1270px;
margin: 0 auto;
padding: 0 100px;
}
.shop_item {
border-radius: 13.222px;
background: #FFF;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.19);
margin-top:35px;
margin-bottom:35px;
overflow:hidden;
}
.shop_item a.shop_img{
display:block;
}
.shop_item a.shop_img:hover{
text-decoration:none;
}
.shop_item.discount a.shop_img::after{
content: "%";
display:block;
width: 42px;
height: 42px;
border-radius:42px;
position:relative;
left: calc(100% - 60px);
top:-47px;
color: #7C141C;
font-family: "Bebas Neue";
font-size: 90px;
}
.shop_item a.shop_img img{
width:100%;
aspect-ratio: 3 / 2;
display:block;
}
.shop_item a.post_item_text{
display:block;
padding: 16px;
min-height: 124px;
}
.shop_item.discount a.post_item_text{
margin-top:-48px;
}
.shop_item a.post_item_text:hover{
text-decoration:none;
}
.shop_item a.post_item_text .subtitle{
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom:5px;
}
.shop_item a.post_item_text .title{
color: #7C141C;
font-family: "Bebas Neue";
font-size: 32px;
font-weight: 400;
text-transform: uppercase;
margin-bottom:5px;
line-height:2.1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.shop_item .price{
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
padding:16px;
}
.shop_item .price span{
color: #B4B4B4;
display:inline-block;
float:right;
text-decoration: line-through;
}
@media screen and (max-width: 530px) {
#shop {
padding-bottom: 20px;
}
#shop h2.main {
background-size: 81%;
padding-left:20px;
padding-right:20px;
min-height:150px
}
.slide_shop {
padding: 0 10px;
margin-top:50px;
}
.slide_shop .slick-prev, .slide_shop .slick-next {
margin-top: -50px;
}
}
/* /Shop */
/* /HOME */
/* INDU ARORA */
body#indu {
background: #FFF7F0 url('data:image/svg+xml,') top center no-repeat padding-box;
background-size: 100%;
}
body#indu #maincontent{
background: url('data:image/svg+xml,') bottom right no-repeat padding-box, url('data:image/svg+xml,') 100% 50% no-repeat padding-box, url('data:image/svg+xml,') 0% 85% no-repeat padding-box;
padding:0 20px;
}
body#indu #maincontent.subs_mail{
background: none;
padding:0 20px;
}
body#indu #maincontent h1 {
color: #7C141C;
text-align: center;
font-family: "Bebas Neue";
font-size: 62px;
line-height: 62px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
text-align:center;
padding-top:22px;
margin-bottom:23px;
}
body#indu #maincontent h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
background-size: 66%;
padding-top: 58px;
margin-bottom:50px;
background-position: center 30px;
}
body#indu #maincontent.subs_mail h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
background-size: 600px;
padding-top: 58px;
margin-bottom:0px;
background-position: center 30px;
}
body#indu p.subs_mail_text {
color: #323232;
text-align: center;
font-family: Montserrat;
font-size: 20px;
font-weight: 600;
line-height: 29px; /* 145% */
margin: 0 auto 100px auto;
max-width:740px;
padding:0 20px;
}
body#indu #maincontent h1 p {
color: #7C141C;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.28px;
text-transform: uppercase;
}
#maincontent .hero_image, #contact .hero_image {
margin: 0 auto;
max-width:1050px;
text-align:center;
color: #323232;
text-align: center;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#maincontent .hero_image img, #contact .hero_image img {
display:block;
width:100%;
border-radius:16px;
margin-bottom:48px;
}
#maincontent .hero_image p{
margin: 0 auto;
max-width:808px;
}
.text-content {
margin: 80px auto;
max-width:900px;
clear:both;
}
.text-content.big{
max-width:1220px;
}
.text-content h2 {
color: #7C141C;
font-family: "Bebas Neue";
font-size: 46px;
line-height: 62px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
margin-bottom:13px;
display:inline-block;
}
.text-content h2 p {
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.28px;
text-transform: uppercase;
margin-bottom:3px;
}
.text-content p {
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
margin-bottom:20px;
}
.image_left img{
display:block;
float:left;
width:40%;
margin-right:4%;
border-radius:16px;
}
.image_right img{
display:block;
float:right;
width:40%;
margin-left:4%;
border-radius:16px;
}
#maincontent .quote {
margin: 50px auto;
max-width:550px;
color: #323232;
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-weight: 400;
line-height: 32px; /* 133.333% */
clear:both;
background: url('data:image/svg+xml,') top center no-repeat padding-box;
padding-top:110px;
}
#maincontent .quote span {
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
display:block;
margin-top:10px;
}
@media screen and (max-width: 768px) {
body#indu #maincontent h2.main {
background-size: 90%;
padding-top: 58px;
margin-bottom:30px;
background-position: center center;
}
body#indu #maincontent.subs_mail h2.main {
background-size: 500px;
padding-top: 58px;
margin-bottom:0px;
background-position: center 40px;
}
}
@media screen and (max-width: 530px) {
body#indu {
background-size: 117%;
}
body#indu #maincontent h1 {
background: url('data:image/svg+xml,') center center no-repeat padding-box;
background-size: 94%;
font-size: 42px;
line-height: 42px;
padding-top:8px;
}
body#indu #maincontent.subs_mail h2.main {
background-size: 300px;
padding-top: 18px;
margin-bottom:0px;
background-position: center 10px;
height: auto;
}
body#indu p.subs_mail_text {
line-height: 23px;
margin: 20px auto 40px auto;
font-size: 16px;
}
.image_left img, .image_right img{
display:block;
float:none;
width:100%;
margin-right:0;
margin-left:0;
margin-bottom:20px;
}
.text-content {
margin: 50px auto;
}
#maincontent .quote {
margin: 0 auto 0 auto;
font-size: 18px;
font-weight: 400;
line-height: 24px; /* 133.333% */
background-size: 100%;
padding-top:60px;
}
}
/* /INDU ARORA */
/* BLOG POST */
body#blogpost {
background: #FFF7F0 url('data:image/svg+xml,') top center no-repeat padding-box;
background-size: 100%;
}
#blogcontent {
/* min-height:3000px;*/
padding:0 20px;
}
#blogcontent .post_hero_image {
margin:10px auto;
max-width: 1015px;
border-radius: 16px;
aspect-ratio: 1015/571;
overflow:hidden;
clear:both;
position: relative;
}
#blogcontent .post_hero_image img {
display:block;
width:100%;
}
#blogcontent .columns {
display:flex;
gap:78px;
margin: 47px auto 80px auto;
max-width: 1015px;
}
#blogcontent .columns .right_col {
/* min-width:238px; */
width:280px;
}
@media screen and (max-width: 1000px) {
#blogcontent .columns {
gap:38px;
}
#blogcontent .columns .right_col {
width:238px;
}
}
#blogcontent h1 {
color: #7C141C;
font-family: "Bebas Neue";
font-size: 62px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom:5px;
margin-top:-13px;
}
#blogcontent p {
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom:15px;
}
#blogcontent p strong {
font-weight: 700;
}
#blogcontent strong {
font-weight: 700;
}
#blogcontent ul, #blogcontent p ul {
margin-left: 20px;
margin-bottom: 20px;
}
#blogcontent ol li, #blogcontent p ol li {
margin-bottom: 10px;
}
#blogcontent ol, #blogcontent p ol {
margin-left: 20px;
margin-bottom: 20px;
}
#blogcontent p.lead {
font-size: 20px;
font-weight: 600;
margin-bottom:50px;
}
#blogcontent .left_col a {
color:#D04200;
font-weight:600;
}
#blogcontent .left_col h2, #blogcontent .left_col h3, #blogcontent .left_col h4, #blogcontent .left_col h5, #blogcontent .left_col h6{
color:#323232;
font-weight:600;
margin-top:20px;
margin-bottom:5px;
text-transform: uppercase;
}
#blogcontent .left_col figure.image {
margin: 40px 0 40px 0;
border-radius: 16px;
overflow:hidden;
max-width:100%;
display:block !important;
}
#blogcontent .left_col figure.image img {
display:block;
max-width:100%;
}
#blogcontent .left_col figure.image figcaption {
text-align:center;
padding:5px 20px;
background-color: #F4E1D1;
font-size:12px;
text-transform:uppercase;
}
#blogcontent .left_col .author {
margin-bottom:20px;
}
#blogcontent .left_col .author img {
display:inline-block;
margin-right:12px;
border-radius:21px;
}
#blogcontent .left_col .author span {
display:inline-block;
color: #7C141C;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
position:relative;
top:-6px;
}
#blogcontent .left_col .author span b {
display:block;
font: inherit;
font-weight: 600;
line-height: 14px;
}
#blogcontent .left_col .bord_left{
border-left: solid 1px #7C141C;
padding-left:32px;
color: #7C141C;
font-family: Montserrat;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 28px; /* 175% */
margin: 30px 0 50px 0;
}
#blogcontent .left_col hr {
margin: 30px 0 30px 0;
border-top: 1px solid #653820;
}
#blogcontent .video-container {
aspect-ratio: 16 / 9;
width: 100%;
/* max-width: 800px; opcionális max szélesség */
margin: 0 auto;
}
#blogcontent .video-container iframe {
width: 100%;
height: 100%;
border: 0;
}
#blogcontent .audio-container {
margin-bottom:40px;
}
#blogcontent .audio-container p{
display:none;
}
#blogcontent .left_col .bigtext {
color: #7C141C;
font-family: "Bebas Neue";
font-size: 32px;
line-height: 42px;
font-weight: 400;
margin: 30px 0 30px 0;
}
.stay_in_touch, .newsletter_post {
border-radius: 16px;
border: 1px solid #9B7762;
background: linear-gradient(273deg, rgba(124, 20, 28, 0.10) 0%, rgba(124, 20, 28, 0.00) 83.77%);
margin-bottom:30px;
padding:32px;
color: #000;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.stay_in_touch .title, .newsletter_post .title{
color: #7C141C;
font-family: "Bebas Neue";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform:uppercase;
margin-bottom:20px;
}
.stay_in_touch a{
font:inherit;
}
#blogcontent .right_col h2 {
color: #323232;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 200% */
text-transform: uppercase;
}
.newsletter_post {
border-radius: 16px;
border: 1px solid #9B7762;
background: linear-gradient(343deg, rgba(124, 20, 28, 0.10) 0%, rgba(124, 20, 28, 0.00) 69.11%);
font-weight: 400;
font-size:16px;
line-height: 24px; /* 150% */
text-transform:none;
}
.newsletter_post form {
margin: 20px 0 0 0;
}
.newsletter_post form input#email, .newsletter_post form input#submit {
border-radius: 70px;
background: #FFF;
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 400;
display:block;
padding: 12px;
border:0;
margin-bottom:12px;
width:100%;
}
.newsletter_post form input#submit {
background: #E8B55C;
color: #7C141C;
text-transform: uppercase;
text-align:center;
cursor: pointer;
}
.newsletter_post form input#submit:hover {
color: #FFFFFF;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #E2A233;
}
#blogcontent .right_col .slide_shop {
max-width: 1270px;
margin: 0 auto;
padding: 0 0;
}
#blogcontent .right_col .slide_shop .slick-slide {
margin: 0px 0px;
}
#blogcontent .right_col .shop_item.discount a.post_item_text{
margin-top:-42px;
}
#blogcontent .right_col .slide_shop .shop_item {
border-radius: 13.222px;
background: #FFF;
margin-top: 5px;
margin-bottom: 3px;
overflow: hidden;
border: 1px solid #9B7762;
background: linear-gradient(165deg, rgba(124, 20, 28, 0.00) 54.54%, rgba(124, 20, 28, 0.10) 100%);
box-shadow: none;
border: 1px solid #9B7762;
}
#blogcontent .right_col .slide_shop .slick-prev, #blogcontent .right_col .slide_shop .slick-next {
top:-16px;
height: 20px;
width: 20px;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
#blogcontent .right_col .slide_shop .slick-prev{
left: 168px;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
.recommend_list {
margin-top:40px;
}
.recommend_list h2 {
margin-bottom:15px;
}
.recommend_list .recommend_item {
margin-bottom:30px;
}
.recommend_list .recommend_item a {
display:block;
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 28px; /* 175% */
}
.recommend_list .recommend_item img {
border-radius: 16px;
margin-bottom:10px;
display:block;
}
@media screen and (max-width: 768px) {
#blogcontent .columns {
display:block;
gap:0;
margin: 27px auto 40px auto;
}
#blogcontent .columns .right_col {
display:none;
}
.stay_in_touch, .newsletter_post {
padding:22px;
}
.stay_in_touch .title, .newsletter_post .title{
margin-bottom:12px;
}
}
@media screen and (max-width: 530px) {
body#blogpost {
background-size: 170%;
}
#blogcontent h1 {
font-size: 42px;
line-height: 38px; /* 90.476% */
margin-top:40px;
}
#blogcontent .left_col .author {
margin-bottom:20px;
margin-top:20px;
}
}
a.pdf_open_book, a.pdf_download_article {
display:block;
/*
position:relative;
left:30px;
top: calc(-55% + 120px);
*/
position: absolute;
left: 30px;
bottom: 30px;
width: 194px;
height: 62px;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
a.pdf_download_article {
width: 226px;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
@media screen and (max-width: 768px) {
a.pdf_open_book, a.pdf_download_article {
/* top: calc(-70% + 50px); */
left: 10px;
bottom: 10px;
}
}
@media screen and (max-width: 420px) {
a.pdf_open_book, a.pdf_download_article {
/* top: calc(-60% + 0px); */
}
}
/* Overlay háttér */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(100, 100, 100, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
overflow: hidden;
}
/* Iframe tartó konténer */
.overlay-content {
position: relative;
width: 98%;
/* max-width: 1100px; */
height: 98%;
max-height: 789px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
background: white;
border-radius: 8px;
overflow: hidden;
}
/* Iframe stílus */
.overlay-content iframe {
width: 100%;
height: 100%;
border: none;
}
/* Bezáró gomb */
.overlay-close {
position: absolute;
top: 8px;
right: 12px;
font-size: 32px;
font-weight: bold;
color: #333;
cursor: pointer;
z-index: 10000;
background: transparent;
border: none;
}
.overlay-close:hover {
color: #000;
}
/* Letiltjuk a háttér scrollozást, ha overlay aktív */
body.no-scroll {
overflow: hidden;
}
/* /BLOG POST */
/* POST LIST */
body#post_list {
background: #FFF7F0 url('data:image/svg+xml,') top center no-repeat padding-box;
background-size: 100%;
}
#searchform_bord {
margin: 0 20px;
}
#searchform {
max-width:650px;
margin: 10px auto 0px auto;
}
#searchform input {
color: #A58A6C;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
display:block;
padding: 22px 22px;
text-align:center;
border-radius: 70px;
border:0;
width:100%;
}
#list_content .post_item{
margin-bottom:30px;
}
#list_content .button {
display:block;
margin: 30px auto 60px auto;
width:287px;
}
.newsletter_subs{
display:block;
padding: 77px 20px 82px 20px;
text-align:center;
background-color:#7C141C;
margin-bottom:100px;
}
.newsletter_subs form{
display:block;
max-width:690px;
text-align:center;
margin:0 auto;
}
.newsletter_subs form h2{
color: #FDF0E5;
text-align: center;
font-family: "Bebas Neue";
font-size: 42px;
font-weight: 400;
line-height: 42px; /* 91.304% */
letter-spacing: -1.38px;
text-transform:uppercase;
margin-bottom:30px;
}
.newsletter_subs form input#email, .newsletter_subs form input#submit{
display:inline-block;
text-transform:uppercase;
border:0;
color: #A58A6C;
font-size: 14px;
font-weight: 400;
padding: 22px 0;
}
.newsletter_subs form input#email {
display:inline-block;
border-radius: 70px 0 0 70px;
background-color: #fff;
padding-left:45px;
width : calc(100% - 234px);
}
.newsletter_subs form input#submit {
border-radius: 0px 70px 70px 0px;
background-color: #E8B55C;
color: #EEDED1;
text-align:center;
min-width:230px;
margin-left:-4px;
cursor: pointer;
}
.newsletter_subs form input#submit:hover {
color: #FFFFFF;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #E2A233;
}
@media screen and (max-width: 768px) {
body#post_list {
background-size: 170%;
}
section#blog .button {
margin: 30px 20px 30px 20px;
width:auto;
}
}
@media screen and (max-width: 530px) {
body#post_list {
background-size: 250%;
}
.newsletter_subs{
margin-bottom:50px;
padding: 37px 20px 42px 20px;
}
.newsletter_subs form h2{
font-size: 42px;
margin-bottom:20px;
}
.newsletter_subs form input#email, .newsletter_subs form input#submit{
color: #A58A6C;
font-size: 12px;
padding: 22px 0;
padding: 11px 0;
}
.newsletter_subs form input#email {
padding-left:25px;
width : calc(100% - 134px);
border-radius: 35px 0 0 35px;
}
.newsletter_subs form input#submit {
min-width:130px;
border-radius: 0px 35px 35px 0px;
}
}
/* /POST LIST */
/* EVENT LIST */
#events.eventlist h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
height: 153px;
padding-top: 46px;
}
.eventlead {
max-width:700px;
margin: 20px auto 60px auto;
color: #323232;
text-align: center;
font-family: Montserrat;
font-size: 20px;
font-weight: 400;
padding: 0 10px;
}
.slide_events.listing .event_item {
margin-bottom:32px;
}
#events.eventlist .event_item .event_content .button, #list_content .event_item .event_content .button {
margin:30px 0;
position: static;
width: 187px;
}
#ratingsComments {
background: url('data:image/svg+xml,') 0% 10% no-repeat padding-box;
background-size: 46%, 30%;
padding-bottom:80px;
}
#ratingsComments h3{
color: #7C141C;
text-align: center;
font-family: "Bebas Neue";
font-size: 42px;
line-height: 52px;
font-weight: 400;
text-transform:uppercase;
margin: 100px 0 40px 0;
}
.comment_events {
max-width: 1270px;
margin: 0 auto;
padding: 0 20px;
}
.comment_item {
border-radius: 16px;
background: #FFF;
padding:24px;
}
#ratingsComments .slick-slide {
margin: 0px 10px;
}
.slick-dots {
width:calc(100% - 60px);
bottom: -55px;
}
.slick-dots li {
margin: 0 8px;
}
.slick-dots li button:before {
width: 12px;
height: 12px;
content: ' ';
border-radius:12px;
border: solid 1px #89161F;
opacity: .99;
}
.slick-dots li.slick-active button:before {
opacity: .99;
background: #89161F;
}
.commenter {
font-family: Montserrat;
display:flex;
margin-bottom:16px;
}
.commenter .comment_monogram {
width: 42px;
height: 42px;
background: #D04200;
border-radius:42px;
text-align:center;
padding-top:10px;
color: #FFF;
font-size: 12px;
text-transform:uppercase;
margin-right:20px;
font-weight: 600;
}
.commenter .comment_name {
color: #7C141C;
font-size: 16px;
font-weight: 600;
padding-top:10px;
}
.comment_item .comment_text {
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.comment_item .comment_text a {
color: #84151D;
font-size: 16px;
font-weight: 600;
line-height: 24px;
display:inline-block;
}
.comment_item .comment_rating {
display:flex;
margin-top:10px;
}
.comment_item .comment_rating {
display:flex;
}
.comment_text {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.read_more_link {
display: none;
text-decoration: underline;
cursor: pointer;
color: #84151D;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.read_more_link.visible {
display: inline-block;
}
.comment_item .comment_rating p {
width: 24px;
height: 24px;
padding:0;
margin:0;
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
}
.comment_item .comment_rating p.in {
background: url('data:image/svg+xml,') 0 0 no-repeat padding-box;
}
@media screen and (max-width: 768px) {
#events.eventlist .event_item .event_content .button {
margin:30px auto;
}
}
/* /EVENT LIST */
/* CONTACT */
#contact h2.main {
background: url('data:image/svg+xml,') bottom center no-repeat padding-box;
height: 153px;
padding-top: 46px;
background-size: 500px, 100%;
margin-bottom:60px;
}
#contact h2.main p {
max-width:500px;
margin: 0 auto;
}
#formcontent{
display:flex;
max-width:1270px;
margin: 0 auto;
}
#formcontent .contactImage{
border-radius: 16px;
margin-right:30px;
max-width:494px;
}
#formcontent .contacElements{
border-radius: 16px;
background-color:#fff;
width:100%;
padding: 45px 45px 30px 45px;
}
#formcontent .contacElements input, #formcontent .contacElements textarea {
display:block;
width:100%;
border:0;
border-bottom: solid 1px #653820;
color: #A58A6C;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
margin-bottom:30px;
}
#formcontent .contacElements input {
padding-bottom:15px;
}
#formcontent .contacElements textarea {
border-bottom: 0;
height:450px;
}
#formcontent .contacElements input#submit {
border-radius: 70px;
background: #E8B55C;
color: #7C141C;
font-family: Montserrat;
font-size: 12px;
font-weight: 400;
display:block;
padding: 12px;
border:0;
margin-bottom:12px;
max-width:185px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
float:right;
}
#formcontent .contacElements input#submit:hover {
color: #FFFFFF;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #E2A233;
}
#contact_soclinks {
max-width:1270px;
margin: 30px auto 100px auto;
border-radius: 16px;
background: linear-gradient(90deg, #F4E1D1 0%, rgba(244, 225, 209, 0.00) 100%);
text-align:center;
padding:44px;
}
#contact_soclinks a {
font-size: 14px;
font-weight: 500;
color: #7C141C;
text-transform:uppercase;
display:inline-block;
margin-right:45px;
padding-left:44px;
background: url('data:image/svg+xml,') 0 1px no-repeat padding-box;
}
#contact_soclinks a#instagram_cont {
background: url('data:image/svg+xml,') 0 0px no-repeat padding-box;
padding-left:34px;
}
#contact_soclinks a#substack_cont {
background: url('data:image/svg+xml,') 0 1px no-repeat padding-box;
margin-right:0;
padding-left:34px;
}
@media screen and (max-width: 1325px) {
#formcontent{
margin: 0 30px;
}
#contact_soclinks {
margin: 30px 30px 60px 30px;
}
}
@media screen and (max-width: 1024px) {
#formcontent .contactImage, #formcontent .contactImage img {
max-width:294px;
}
#formcontent .contacElements textarea {
height:154px;
}
}
@media screen and (max-width: 768px) {
#contact h2.main {
background-size: 270px, 100%;
background-position: center 30px;
}
#formcontent{
margin: 0 20px;
display:block;
}
#formcontent .contactImage, #formcontent .contactImage img {
max-width:100%;
margin-right:0;
text-align:center;
margin-bottom:15px;
}
#contact_soclinks {
margin: 20px 20px 60px 20px;
padding: 16px 16px 1px 16px;
}
#contact_soclinks a {
margin-right: 25px;
margin-bottom: 15px;
}
#formcontent .contacElements{
border-radius: 16px;
background-color:#fff;
width:100%;
padding: 25px 25px 15px 25px;
}
}
/* /CONTACT */
/* SUBSCRIBE */
.subs_mail form{
display:block;
max-width:690px;
padding: 0px 20px 20px 20px;
text-align:center;
margin: 0 auto 60px auto;
}
.subs_mail form input#email, .subs_mail form input#submit{
display:inline-block;
text-transform:uppercase;
border:0;
color: #A58A6C;
font-size: 14px;
font-weight: 400;
padding: 22px 0;
}
.subs_mail form input#email {
display:inline-block;
border-radius: 70px 0 0 70px;
background-color: #fff;
padding-left:45px;
width : calc(100% - 234px);
}
.subs_mail form input#submit {
border-radius: 0px 70px 70px 0px;
background-color: #00A2BB;
color: #EEDED1;
text-align:center;
min-width:230px;
margin-left:-4px;
cursor: pointer;
}
.subs_mail form input#submit:hover {
color:#fff;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #00A2BB;
}
@media screen and (max-width: 768px) {
.subs_mail form {
padding: 0px 20px 20px 20px;
}
}
@media screen and (max-width: 530px) {
.subs_mail form {
margin: 30px auto 30px auto;
}
.subs_mail form input#email, .subs_mail form input#submit{
display:inline-block;
text-transform:uppercase;
border:0;
color: #A58A6C;
font-size: 12px;
font-weight: 400;
padding: 11px 0;
}
.subs_mail form input#email {
display:inline-block;
border-radius: 70px 0 0 70px;
background-color: #fff;
padding-left:25px;
width : calc(100% - 104px);
border-radius: 35px 0 0 35px;
}
.subs_mail form input#submit {
border-radius: 0px 70px 70px 0px;
background-color: #00A2BB;
color: #EEDED1;
text-align:center;
min-width:100px;
margin-left:-4px;
cursor: pointer;
border-radius: 0px 35px 35px 0px;
}
}
/* /SUBSCRIBE */
/* TEXTPAGE */
#textpage {
max-width:740px;
padding: 0 20px 0 20px;
color: #323232;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 28px; /* 175% */
margin: 50px auto 100px auto;
}
#textpage h1, #textpage h2, #textpage h3, #textpage h4{
color: #7C141C;
font-family: "Bebas Neue";
font-size: 62px;
font-weight: 400;
text-transform: uppercase;
margin-bottom:15px;
margin-top:30px;
}
#textpage h1{
margin-bottom:40px;
}
#textpage h2{
font-size: 52px;
}
#textpage h3{
font-size: 42px;
}
#textpage h4{
font-size: 32px;
}
#textpage p{
margin-bottom:20px;
}
/* /TEXTPAGE */
/* /EXIT POPUP */
#exit_popup {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background: rgba(196, 177, 160, 0.90);
backdrop-filter: blur(2px);
z-index:10000;
display:none;
}
#exit_content {
border-radius: 16px;
background: #FDF0E5;
width:800px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding:16px;
}
.close_x {
width: 32px;
height: 32px;
flex-shrink: 0;
aspect-ratio: 1/1;
display:block;
margin:8px;
float:right;
background: url('data:image/svg+xml,') center center no-repeat padding-box;
}
.close_x::after {
content: "";
clear: both;
display: table;
}
#exit_content h2 {
color: #7C141C;
text-align: center;
font-family: "Bebas Neue";
font-size: 62px;
font-weight: 400;
text-transform: uppercase;
margin-top:70px;
}
#exit_content p {
color: #7C141C;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
max-width:414px;
margin: 20px auto 40px auto;
}
#exit_image {
width: 100%;
height: 237px;
flex-shrink: 0;
border-radius: 0px 0px 10px 10px;
background: url('../p/exit_popup.jpg') no-repeat;
background-position: center;
}
@media screen and (max-width: 863px) {
#exit_content {
width : calc(100% - 40px);
}
}
@media screen and (max-width: 530px) {
#exit_content h2 {
font-size: 42px;
margin-top:60px;
}
#exit_content p {
margin: 20px auto 20px auto;
}
#exit_popup .subs_mail form {
padding: 0px 0 20px 0;
}
}
/* /EXIT POPUP */
/* BLOG AUTOCOMP. SEARCH */
#searchform_bord #autocompleteList {
position: absolute;
top: calc(100% + 3px);
left: 29px;
right: 29px;
z-index: 1000;
background-color: white;
border: 1px solid #ccc;
border: 0;
max-height: 300px;
overflow-y: auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
#searchform_bord .result-item {
display: flex;
align-items: center;
padding: 10px;
text-decoration: none;
color: black;
border-bottom: 1px solid #eee;
}
#searchform_bord .result-item:hover {
background-color: #f0f0f0;
text-decoration: none;
}
#searchform_bord .result-item img {
width: 50px;
height: 50px;
object-fit: cover;
margin-right: 10px;
border-radius: 4px;
}
#searchform_bord .result-text {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
}
#searchform_bord .result-text .title {
font-weight: normal;
font-family: "Bebas Neue";
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
color: #7C141C;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
#searchform_bord .result-text .title b {
color: #000;
font-family: "Bebas Neue";
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
#searchform_bord .result-item:hover .result-text .title {
color: #D04200 !important;
}
#searchform_bord .result-item:hover .result-text .title b {
color: #000 !important;
}
#searchform_bord .result-text .date {
font-size: 0.85em;
color: #323232;
}
/* /BLOG AUTOCOMP. SEARCH */
/* CONTACT ERROR */
.errorList {
border-bottom: solid 1px #eee;
padding-bottom: 30px;
margin-bottom: 30px;
}
#maincontent .errorList {
max-width:800px;
margin: 0 auto 50px auto;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
text-align:center;
padding-top: 30px;
}
.errorList b, .errorList li {
color:#c30811 !important;
}
.errorList b {
font-weight:700;
}
/* /CONTACT ERROR */