/*
Theme Name: neoven filia
Description: Child Theme
Author: Dominic Hostettler
Author URI: www.dominic-hostettler.ch
Template: neoven
*/



/* ---------------------------- */
/* Variables */
/* ---------------------------- */


/* FONTS */

/* Paragraph */

@font-face {
  font-family: Light Font;
  src: url(/wp-content/themes/neoven-filia/assets/fonts/MYRIADPRO-LIGHTSEMIEXT.TTF);}

@font-face {
  font-family: Regular Font;
  src: url(/wp-content/themes/neoven-filia/assets/fonts/MYRIADPRO-SEMIEXT.TTF);}

@font-face {
  font-family: Medium Font;
  src: url(/wp-content/themes/neoven-filia/assets/fonts/MYRIADPRO-BOLDSEMIEXT.TTF);}

@font-face {
  font-family: Bold Font;
  src: url(/wp-content/themes/neoven-filia/assets/fonts/MYRIADPRO-BOLDSEMIEXT.TTF);}

@font-face {
  font-family: Arial;
  src: url(/wp-content/themes/neoven-filia/assets/fonts/ARIALMT.TTF);}



:root {

--dark-font: #444;
--bright-font: #868686;
--very-bright-font: #a2a2a2;


/* COLORS */

/* C1*/

--c1-150: #306214;
--c1-130: #3f7f1b;
--c1-120: #458c1e;
--c1-110: #4a9522;
--c1-100: #55ab26;
--c1-099: #55ab26;
--c1-090: #90d26c;
--c1-080: #abdf8e;
--c1-070: #c8e5b8;

--c1-007: #ebf0e9;
--c1-002: #ebf0e9;

/* C2*/

--c2-100: #55ab26;
--c2-099: #55ab26;
--c2-090: #90d26c;
--c2-080: #abdf8e;
--c2-070: #c8e5b8;

--c2-007: #ebf0e9;
--c2-002: #ebf0e9;

/* C0 */

--c0-100: #000;
--c0-095: #0f0f0f;
--c0-090: #1e1e1e;
--c0-085: #2f2f2f;
--c0-080: #3c3c3c;
--c0-075: #484848;
--c0-070: #606060;
--c0-050: #a6a6a6;
--c0-030: #d8d8d8;
--c0-020: #e2e2e2;
--c0-010: #eee;
--c0-007: #f7f7f7;
--c0-002: #f9f9f9;
--c0-001: #fbfbfb;
--c0-000: #ffffff;
--c0-t002: rgba(0, 0, 0, .02);
--c0-t004: rgba(0, 0, 0, .04);
--c0-t006: rgba(0, 0, 0, .06);
--c0-t008: rgba(0, 0, 0, .08);
--c0-t010: rgba(0, 0, 0, .1);
--c0-t020: rgba(0, 0, 0, .2);


/* OBJECTS */

/* Corners */
--corner-small: 0px;
--corner-medium: 0px;

/* Tags */
--tag-padding-small: .3em .5em .4em .9em;
--tag-padding-medium: .5em 1em .6em 1.3em;
--tag-padding-big: .8em 1em .9em;

--tag-edges: polygon( 10px 0%, 0% 0%, calc(100%) 0%, 100% 0px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 10px 100%, 0 calc(50%) );

/* Shadows */
--shadow-small: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
--shadow-medium: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;

/* Movements */
--transition-slow: .4s ease-in-out;
--transition-normal: .2s ease-in-out;
--transition-fast: .1s ease-in-out;
}



/* BODY */

body {
  background-color: var(--c1-007);
  line-height: 1.4;
}

#page-content, #post-content {
  padding-top: 0;
  padding-bottom: 0;
}

#page, #post {
  padding-top: 0;
}

#page #page-content, #post #post-content-box {
  box-shadow: var(--shadow-medium);
}

.page-content-container {
  display: flow-root;
  background-color: #fff;
  padding: 15px 40px 40px;
}

h1 {
  font-size: 35px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 18px;
}

h3, h4, h5, h6 {
  margin: 2em 0 .5em 0;
}


a {
  color: var(--dark-font);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

a:hover {
  color: var(--c1-100);
}

hr {
  border-top: 1px solid var(--c0-030);
  border-right: none;
  border-left: none;
  border-bottom: none;
  margin: 30px 0;
}

.has-medium-font-size {
  font-size: 1.15em;
}

.wp-block-image.image-medium img {
  max-width: 300px;
  width: 100%;
}

.has-width-33 .wp-block-button__link {
  padding: 1em;
}

/* Button */

button, .button, .submit, .wp-block-button__link, .wp-block-button__link:visited, input[type="submit"] {
  pointer-events: unset;
  padding: .4em 1em .4em;
  background-color: var(--c1-120);
  color: #fff;
  text-decoration: none;
}

.wp-block-button {
  box-sizing: border-box;
}

button:hover, .button:hover, .submit:hover, .wp-block-button__link:hover, input[type="submit"]:hover {
  background-color: var(--c1-100);
  color: #fff;
}

.wp-block-button__link::after {
  content: "";
  position: absolute;
  transition: var(--transition-fast);
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  height: .6em;
  width: .6em;
  transform: scale(.6) rotate(45deg);
  margin-top: .3em;
  opacity: 0;
  margin-left: -10px;
}

.wp-block-button__link:hover::after {
  opacity: 1;
  margin-left: 0px;
}

.negative .wp-block-button__link::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}

.wp-block-button__link:hover {
  padding: .4em 1.3em .4em .7em;
}

/* Button Back */

.button-back {
  background-color: var(--c1-120);
  text-decoration: none;
  overflow-wrap: break-word;
  box-sizing: border-box;
  color: #fff;
}

.button-back::before {
  content: "";
  position: absolute;
  transition: var(--transition-fast);
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  height: .6em;
  width: .6em;
  transform: scale(.6) rotate(-135deg);
  margin-top: .3em;
  opacity: 0;
  margin-right: -10px;
}

.button-back:hover::before {
  opacity: 1;
  margin-left: -15px;
}

.button-back:hover {
  padding: .4em .7em .4em 1.3em;
  background-color: var(--c1-100);
  color: #fff;
}

/* 0 - S */
@media (max-width: 599px) {

.has-width-33 .wp-block-button {
  width: 100%
}
}




/* HEADER & BODY */

#header-content, #footer-content, .full-width-template #page-content > *, #post-content, .gallerieobkekt #page-content, .sidebar-right-template #page-content, .block-template #page-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
  width: 95%;
}


/* M */
@media (min-width: 600px) and (max-width: 781px) {

#header-content, #footer-content, .full-width-template #page-content > *, #post-content, .gallerieobkekt #page-content, .sidebar-right-template #page-content, .block-template #page-content {
  width: 90%;
}
}

/* L - XL */
@media (min-width: 782px) {

#header-content, #footer-content, .full-width-template #page-content > *, #post-content, .gallerieobkekt #page-content, .sidebar-right-template #page-content, .block-template #page-content {
  width: 80%;
}
}

/* HEADER */

#header-bar {
  position: relative;
  height: auto;
  background: transparent;
  box-shadow: none;
}

/* Logged In status */

#wpadminbar {
  position: fixed;
}

/* LOGO */

#logo {
  margin: 20px 0px 20px;
  max-height: 80px;
  max-width: 180px;
  width: 40%;
  min-width: 130px;
}

#logo-bar {
  display: flow-root;
}

/* PRIMARY MENU */

#primary-menu a {
  text-underline-offset: 2px;
  text-decoration-color: transparent !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-transform: uppercase;
  letter-spacing: 1;
}

#primary-menu a, #primary-menu::after {
  color: var(--c1-100);
}

#primary-menu li a:focus, #primary-menu li:hover > a, #primary-menu li, #primary-menu li.current-menu-item > a, #primary-menu li.current_page_item > a, #primary-menu li.current-menu-ancestor > a, #primary-menu .sub-menu a {
  background-color: transparent;
  color: var(--c1-100);
}

#primary-menu li a:hover {
  color: var(--c1-090);
}

#primary-menu li a:focus, #primary-menu li a:hover, #primary-menu li.current-menu-item > a, #primary-menu li.current_page_item > a, #primary-menu li.current-menu-ancestor > a {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  text-decoration-color: currentcolor !important;
}
/* Only Desktop */

/* XL */
@media (min-width: 1100px) {

#primary-menu a {
  padding: 15px 10;
}

#primary-menu .menu-points {
  margin: -75px 0 0;
  height: 0;
}
}


/* Mobile */

/* 0 - L */
@media (max-width: 1099px) {

#primary-menu a {
  padding: 5px 0;
}

span.mobile-toggle {
  top: 5px;
}

#primary-menu a.burger {
  margin-top: 0;
}
}




/* Fancy Burger Animation */

/* 0 - L */
@media (max-width: 1099px) {

#primary-menu-bar {
  height: 60px;
  margin-top: -60px;
}

#primary-menu {
  height: 0px;
}

#primary-menu a.burger .line {
  transition: 0.2s;
  transform-origin: center;
  transform: rotate(0deg);
  background-color: var(--c1-100);
  height: 2px;
  margin-bottom: 6px;
}

#primary-menu a.burger.toggled-on .line:nth-child(1){
  transform: rotate(135deg);
  top: 100%;
}

#primary-menu a.burger.toggled-on .line:nth-child(2){
  transform: rotate(45deg);
}

#primary-menu a.burger.toggled-on .line:nth-child(3){
  transform: rotate(135deg);
  top: -100%;
  opacity: 0;
}
}




/* BLOCK EDITOR ELEMENTS */

/* Block Quote */

blockquote {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-quote p {
  margin-bottom: 8px;
  margin-left: 20px;
  font-style: italic;
}

.wp-block-quote p::before, .wp-block-quote p::after {
  content: "„";
  font-family: 'Arial';
  font-size: 50px;
  line-height: 0;
  position: relative;
  opacity: .3;
  top: -0.25em;
}

.wp-block-quote p:before {
  margin-left: -20px;
}

.wp-block-quote p::after {
  margin-left: 5px;
}

.wp-block-quote cite {
  font-style: inherit;
  display: inline-flex;
  margin-left: 10px;
}

.wp-block-quote cite:before {
  content: "~";
  margin: 0 5px 0 -5px;
}



/* BLOCK TEMPLATE */

.color-bar {
  height: 5px;
  position: relative;
  background-color: var(--c1-100);
}




/* FOOTER */

footer {
  background-color: transparent;
}

.footer-bar {
  display: grid;
  padding: 0;
}

#footer-menu-bar {
  background-color: var(--c0-t008);
}

#footer-content-bar {
  background-color: var(--c0-t006);
}

#footer-content-bar p, #footer-content-bar h4 {
  color: var(--dark-font);
}

.footer-area-one, .footer-area-two {
  padding: 15px 0;
}

.footer-area p {
  opacity: .7;
  color: inherit;
}

.footer-area-one a {
  color: var(--c1-120);
  text-decoration: none;
}

#footer-menu li a {
  opacity: .5;
  margin: 0 10px;
  color: var(--c1-150);
  font-family: Light Font;
}

.footer-area {
  width: 100%;
}

#footer-menu .menu-points {
  text-align: center;
  position: inherit;
  padding: 8px 0;
}

.designer-page-link {
  opacity: .7;
}

/* provisorium Formular *//*

.wp-block-columns.are-vertically-aligned-center {
  opacity: .3;
  pointer-events: none;
}

#footer-content {
  position: relative;
}

.footer-area.footer-area-two::before {
  content: "Funktion ist noch nicht freigeschaltet";
  position: absolute;
  text-align: center;
  width: 100%;
  opacity: 1;
  color: #000;
  top: 120px;
}


/* M - XL */
@media (min-width: 600px) {

.designer-page-link {
  position: absolute;
  right: 0;
}
}



/* POST PAGE and POST BLOG */


.date a , .categories a, .author a {
  text-decoration: none;
  pointer-events: none;
  color: var(--c1-120);
}

.post-meta .categories div {
  display: none;
}

.date, .categories, .author {
  color: var(--c1-120);
  margin-top: 0 !important;
}

.post-content-content {
  padding-top: 30px;
}

#post-content-box {
  display: flow-root;
  background-color: #fff;
  padding: 40px 40px 40px;
}

.custom-field-details {
  font-size: 20px;
  color: var(--bright-font);
}

.currency {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  float: left;
  padding: 0px 9px 0px 10px;
  background: var(--c0-020);
  color: var(--c0-070);
}

.custom-field-price {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px 0px 9px;
  background: var(--c0-010);
  display: inline-block;
}



/* POST PAGE */
#post-content-box .text {
  margin-top: 10px;
}

#post-content-box .text .wp-block-group__inner-container *:first-child {
  margin-top: 0;
}

.post-thumbnail img {
    margin-bottom: 15px;
}

/* L - XL */
@media (min-width: 782px) {

.sidebar-left-template #main-area {
  margin-right: 15%;
}

.sidebar-left-template #sidebar {
  margin-right: 2%;
  width: 13%;
}
}

/* Comment Area */

.comment-author.vcard a, .comment-meta a:first-of-type {
  text-decoration: none;
  pointer-events: none;
}

.comment-author.vcard {
  font-family: Bold Font;
}

.comment-meta a:first-of-type::before {
  content: "am ";
}

.comment-meta.commentmetadata a {
  font-size: 14;
}

.comment-author.vcard, .comment-meta {
  line-height: 20px;
}

.comment .comment-text {
  background-color: #fff;
}

.comment .comment-text, #commentform textarea, #commentform input:not([type="submit"]) {
  box-shadow: var(--shadow-medium) !important;
  outline: none;
}

#commentform textarea, #commentform input:not([type="submit"]) {
  background-color: #fff8;
}

#commentform textarea:focus, #commentform input:not([type="submit"]):focus {
  background-color: #fff;
}

.comment-respond label.cptch_label {
  display: block !important;
}



/* POST BLOG */


/* Grid */

.wp-block-getwid-custom-post-type.has-layout-grid .wp-block-getwid-custom-post-type__post .wp-block-group {
  padding: 20px !important;
  box-shadow: var(--shadow-small);
  border-top: 3px solid var(--c1-100);
}

.wp-block-getwid-custom-post-type.has-layout-grid .wp-block-getwid-template-post-title {
  margin: .8em 0 .2em;
}

.wp-block-getwid-custom-post-type.has-layout-grid .wp-block-getwid-template-post-featured-image {
  position: relative;
  height: 150px !important;
  overflow: hidden;
  width: 300px;
  max-width: 100%;
}

.wp-block-getwid-custom-post-type.has-layout-grid .wp-block-getwid-template-post-featured-image img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

/* List */

.wp-block-getwid-custom-post-type.has-layout-list {
  margin-top: 45px;
}

.wp-block-getwid-custom-post-type.has-layout-list .listing-item {
  max-width: 600px;
}

.wp-block-getwid-custom-post-type.has-layout-list .listing-item > .wp-block-columns > .wp-block-column:first-child{
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}

.wp-block-getwid-custom-post-type.has-layout-list .wp-block-column:nth-child(2n) {
  margin-left: 0;
}

.wp-block-getwid-custom-post-type.has-layout-list .wp-block-getwid-template-post-featured-image {
  position: relative;
  height: 210px !important;
  overflow: hidden;
  width: 300px;
  max-width: 100%;
}

.wp-block-getwid-custom-post-type.has-layout-list .wp-block-getwid-template-post-featured-image img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

.wp-block-getwid-custom-post-type.has-layout-list .wp-block-getwid-template-post-title {
  margin: .8em 0 .4em;
}

/* Placeholder */

/* L - XL */
@media (min-width: 782px) {

.wp-block-getwid-custom-post-type.has-layout-list .listing-item > .wp-block-columns > .wp-block-column:first-child {
    background-image: url(/wp-content/themes/neoven-filia/assets/images/placeholder-01.jpg);
    background-size: calc(100% - 10px);
    background-repeat: no-repeat;
    height: 210;
}
}

/* Pagination */

.nav-links {
  text-align: center;
}

.page-numbers {
  background-color: var(--c1-070);
  padding: 1px 5px;
  text-decoration: none;
}

a.page-numbers:hover {
  opacity: .6;
}

.page-numbers.current {
  color: var(--c1-130);
  opacity: .5;
}

.next.page-numbers, .prev.page-numbers {
  color: #fff;
  background-color: var(--c1-120);
  padding: 1px 5px;
}

.page-numbers.dots {
  background-color: transparent;
}



/* PLUGINS */

/* GETWID SLIDER */

.full-width-slider {
  display: block;
  width: calc(100% + 80px) !important;
  margin: -15px -40px 0 !important;
}

.full-width-slider > div {
animation: Animation-01 ease-out 1s;
}

@keyframes Animation-01 {
  0% {
  opacity: 0;
  }
  50% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
}

.slick-initialized .slick-slide {
  display: table;
}

.full-width-slider .slick-slider {
  padding: 0 !important;
  margin-bottom: 30px !important;
}

.full-width-slider .slick-slide {
  overflow: hidden;
}

.full-width-slider .wp-block-getwid-media-text-slider-slide-content__content {
  opacity: 1 !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}

.full-width-slider .wp-block-getwid-media-text-slider-slide__content {
  padding-left: 0;
  padding-right: 0;
}

.full-width-slider .page-title {
  background-color: rgba(24, 166, 173, .8);
  border-left-color: rgba(24, 166, 173, 0);
}


.full-width-slider .slick-slide figure {
  width: 103%;
  animation: Animation-03 ease-out 2s;
}

@keyframes Animation-03 {
  0% {
  left: -3%;
  }
   100% {
   left: 0;
  }
}

/* Navigation */

.full-width-slider .slick-arrow {
  box-shadow: none !important;
  height: 80px;
  background-color: #fff4;
  width: 40px !important;
  opacity: 1;
  transition: var(--transition-normal);
}

.full-width-slider .slick-arrow:hover {
  background-color: #fff6;
}

.full-width-slider .slick-next::before,.full-width-slider .slick-prev::before {
  content: "";
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  display: block;
  margin: auto;
}

.full-width-slider .slick-next.slick-arrow {
  right: 0;
  left: unset;
  border-radius: 40px 0 0 40px;
  padding-left: 10px;
}

.full-width-slider .slick-next::before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.full-width-slider .slick-prev.slick-arrow {
  left: 0;
  right: unset;
  border-radius: 0 40px 40px 0;
  padding-right: 10px;
}

.full-width-slider .slick-prev::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}

.full-width-slider .slick-dots li {
  height: 25px;
}

.full-width-slider .slick-dots li button {
  box-shadow: none;
}

.full-width-slider .slick-dots li button:before {
  font-size: 12px;
  color: #fff !important;
  opacity: .6;
  transition: var(--transition-fast);
}

.full-width-slider .slick-dots li.slick-active button:before, .full-width-slider .slick-dots li button:hover:before {
  opacity: 1 !important;
}


/* 0 - M */
@media (max-width: 781px) {

.full-width-slider .full-width-slider .slick-arrow {
  display: none;
}
}


/* Form */

input[type="submit"] {
  float: left;
  margin-top: 10px;
}

#commentform #submit[disabled] {
  opacity: .5;
  color: var(--c1-070);
}

input[name="esfpx_es_hp_email"] {
  display: none;
}

.mailpoet_form form.mailpoet_form {
  padding: 0 !important;
}

.mailpoet_form .mailpoet_paragraph {
  margin-bottom: 10px !important;
}

.mailpoet_submit {
  padding: .4em 1em .4em !important;
}



/* COOKIE BAR */

#cookie-notice {
  min-width: auto;
  right: 0;
  left: unset;
  background-color: var(--c1-130) !important;
  background-color: var(--c1-007) !important;
  font-family: Regular Font;
  box-shadow: var(--shadow-small);
}

.cookie-notice-container {
  padding: 10px 30px;
}

.cn-text-container {
  margin: 0;
}

#cn-notice-text {
  color: var(--bright-font);
}

#cookie-notice .cn-button:not(.cn-button-custom) {
  background-color: var(--c0-t008) !important;
  cursor: pointer;
  border: none;
  display: inline-block;
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  border-radius: var(--corner-small);
  padding: .25em .9em;
  transition: var(--transition-fast);
  color: var(--bright-font);
  box-shadow: none;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover {
  background-color: var(--c0-t010);
}

#cn-notice-buttons {
  margin-right: 10px;
}

.cn-close-icon::before, .cn-close-icon::after {
  background-color: #fff;
}