/*
Theme Name: divi-child-pn-start_ohne_sinnvollen_inhalt 2020 (perfect:net Divi Child)
Theme URI: http://www.perfectnet.at/
Template: Divi
Author: perfect:net (Urs)
Author URI: http://www.perfectnet.at
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.2.0
Updated: 2020-04-27 13:37:00

*/

/*** CUSTOM VARS ***/
:root {
    --pn-highlight-color1:#;
    --pn-highlight-color2:#;
    --pn-background-color1: rgba(255,255,255,0.5);
    --pn-background-color1-nonopac: #ffffff;
    --pn-background-color2: rgba(255,255,255,0.5);
    --pn-background-color2-nonopac: #ffffff;
    --pn-background-color3: rgba(255,255,255,0.95);
    --pn-background-color3-nonopac: #ffffff;
    --pn-background-dark1: rgba(0,0,0,1);
    --pn-background-light1: rgba(255,255,255,1);
    --pn-text-on-dark1: rgba(255,255,255,1);
    --pn-text-on-light1: #000000;
    /*desktop*/
    --menu-bg-color-lighter:rgba(255,255,255,0.7);
    --menu-bg-color-lighter-non-opacity:rgba(60,60,60,1);
    --menu-bg-color-darker: rgba(255,255,255,0.95); /*weiss wenig opac */
    --menu-bg-color-darker-non-opacity:rgba(0,0,0,1); /*mobile fullwidth header color _ none if floating*/
    --menu-border-color:rgba(0,0,255,0.8);
    --submenu-border-color:rgba(128,128,128,0.9);
/*    --top-menu-border-color:rgba(255,0,0,0.8); */
    --top-menu-float-border-style:10px solid;
    --top-menu-float-border-color:rgba(0,0,0,0.8);
    --top-menu-fullw-border-style:1px solid; /* DO NOT SET TO "0px"!!! _BUGS WITH GALLERY _ONLY DISABLE WITH BORDER-COLOR OPACITY 0!!! */
    --top-menu-fullw-border-color:rgba(0,0,0,0);
    --menu-text-color-lighter:rgba(255,255,255,0.8);
    --menu-text-color-darker:#464540;
    --menu-text-color-active:#00a16f; /*wdg-grün*/
    /*mobile+tab*/
    --top-menu-mobile-bg-color-fixed:rgba(0,0,0,0.9);
    --top-menu-mobile-floating-border-color:rgba(0,0,0,0.9);
    --top-menu-mobile-floating-border-style: 1px solid;
    --top-menu-mobile-fullwidth-border-style: 1px solid;
    /*diverse variablen*/
    --pn_box-shadow-menu:0px 12px 18px -6px rgba(0,0,0,0.3) !important;
}

/* _SAMPLE only
#foo {
    color: var(--main-color);
}*/


/** DIVI FIXES WEIL FAIL _START **/
/* uge fix divi4 theme-builder header fail <p> if 2 sections | 2019-12-10 */
header.et-l.et-l--header div.et_builder_inner_content.et_pb_gutters3 p {
  padding-bottom: 0em;
}
/* uge fix divi4 theme-builder header fail <p> if 2 sections | 2019-12-10 */
/*test fix divi overflow-y fail scroll animationen aktiv */
div#page-container.et-animated-content {
  overflow-y: unset !important;
}
/** DIVI FIXES WEIL FAIL _ENDE **/


/***** Divi4 Header Responsive Styles *****/
.header-f-wrapper {
  display:none;
}

@media only screen and (min-width: 768px)  { /* fixed only for deviced > 480px, feel free to change the value */
  .header-f-wrapper {
    z-index: 99999; /* display at the top */
    position: fixed;
    width:100%;
    top: 0;
    -webkit-animation: fadein 0.5s ease-in;
    -moz-animation: fadein 0.5s ease-in;
    animation: fadein 0.5s ease-in;
  }
  .header-f-wrapper.header-show {
    display:block;
  }
}

@media only screen and (min-width: 782px) {
  .admin-bar #header-fixed {
    top: 32px;
  }
}

/*@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}*/

@keyframes fadein {
  from {
    opacity: 0;
    transform: translate3d(0, -40%, 0);
  } to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*** menu nav hover ***/
/*
#pn_top-menu .et-menu a:hover {
  opacity: .9;
}
#pn_top-menu .et-menu-nav li > a:after {
  content: '|';
  padding-left: 6px;
  font-size: 24px;
  color: transparent;
  font-weight: 300;
}
#pn_top-menu .et-menu-nav li > a:hover::after {
  content: '|';
  padding-left: 6px;
  font-size: 24px;
  color: var(--pn-highlight-color);
  font-weight: 300;
}*/
/*** menu nav hover ***/
/***** Divi4 Header Responsive Styles *****/



/*** Custom Top & Vertical Navigation Widget Area styling _functions.php _START ***/
#pn-widget-area-wrap {
  display: none;
  float: right;
  max-width: 500px;
  clear: right;
  position: relative;
}
#pn-widget-area-wrap .et_pb_widget { margin-right:0px }
#pn-widget-area-wrap .et_pb_widget:last-child { margin-bottom: 18px; }
.et-fixed-header #pn-widget-area-wrap .et_pb_widget:last-child { margin-bottom: 10px; }
/* mobile disabled */
@media only screen and ( max-width: 980px ) {
   #pn-widget-area-wrap .et_pb_widget:last-child { display:none; margin-bottom: 0px; }
}
@media only screen and ( max-width: 768px ) {
  #pn-widget-area-wrap .et_pb_widget:first-child { display;none; margin-top: 18px; }
}
/*** Custom Top & Vertical Navigation Widget Area styling _functions.php _END ***/


/* pn - custom divider */
.pn_hr {
  overflow: hidden;
  margin: 30px 0px;
  height: 1px;
  background: var(--pn-highlight-color2);
  font-size: 0;
  line-height: 0;
  opacity: .1;
}
/* pn - custom divider */

/* line break at mobile */
.pn_m_br {
  display: none;
}
@media (max-width: 420px) {
  .pn_m_br{
    display: inline-block;
  }
}


/*** top menu style  ***/
/* PN wdg theme menu addons _START*/
header#main-header {
  box-shadow: none !important;
  background: var(--menu-bg-color-lighter);
}
header#main-header.et-fixed-header {
  box-shadow: var(--pn_box-shadow-menu) !important;
  background: var(--menu-bg-color-darker);
}

/* PN wdg theme menu addons _ENDE*/

/*
.et_vertical_nav .container.et_menu_container {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-color: none;
  background: none;
}
.et_vertical_nav #page-container #main-header {
  background: var(--menu-bg-color-darker-non-opacity);
}*/

/* pn dev info */
.pndevinfo {color: var(--pn_highlight-text-color); font-weight: 700;}
/* pn dev info **/

/*** fonts ***/
@font-face {
  font-display: swap !important;
}
@font-face {
  font-family: 'FontAwesome';
  font-display: swap !important;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: swap !important;
}
@font-face {
  font-family: 'ETmodules';
  font-display: swap !important;
}

@import url('');

:root {
  --pn_font_head: 'Open Sans', sans-serif;
  --pn_font_body: 'Open Sans', sans-serif;
  --pn_font_menu: 'Open Sans', sans-serif;
  --pn_highlight-text-color: #00a16f; /*wdg grün*/
  --pn_body_dark-font-color: #464540; /*wdg dark grey*/
}

#top-menu a {
  color: var(--pn_body_dark-font-color) !important;
}
#top-menu a:hover {
  color: var(--pn_highlight-text-color) !important;
}
#et-top-navigation {
  font-family: var(--pn_font_menu) !important;
  text-transform: uppercase !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--pn_font_head) !important;
  font-weight: 700 !important;
/*  text-transform: uppercase !important;*/
  color: var(--pn_body_dark-font-color) !important;
}
h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
sup { vertical-align: super !important; bottom: unset !important; }
body {
  font-family: var(--pn_font_body) !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: var(--pn_body_dark-font-color) !important;
/* hyphens -> body-default */ /**later - testing **/
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.hyphens-none,
.hyphens-disabled,
.no-hyphens {
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

#pn_footer_section {
  margin-top: -15px !important;
}
#pn_footer_section,
#pn_footer_section a {
  color: #ffffff !important;
  transition: color 300ms ease 0ms !important;
}
#pn_footer_section a:hover {
  color: var(--pn_highlight-text-color) !important;
  transition: color 300ms ease 0ms !important;
}
/*#pn_footer_section a::before {
  color: #ffffff !important;
  transition: color 300ms ease 0ms !important;
}*/

/*small mobile screen font sizes*/
@media (max-width: 360px) {
  h1 { font-size: 32px; }
  h2 { font-size: 28px; }
  h3 { font-size: 25px; }
  h4 { font-size: 22px; }
  h5 { font-size: 18px; }
  h6 { font-size: 15px; }
  body { font-size: 14px; }
}

.pn_hr {
  background: var(--pn_highlight-text-color) !important;
}


/** font overrides **/
/** font overrides _ende **/


/*** DESKTOP VIEW bzw. ALLES UNDEFINIERTES _START ***/
/* anderes logo auf mobile - fixed theme-header.php - desktop _START */
.showonmobile {
  display: none;
}
/* anderes logo auf mobile - fixed theme-header.php - desktop _ENDE */
@media (min-width: 981px) {
}
@media only screen and (min-width: 981px) {
}
/***** DESKTOP VIEW _END *****/

/***** MOBILE (+TAB) VIEW *****/
@media (max-width: 980px) {
}

/***** MOBILE (verry small) VIEW *****/
 @media (max-width: 319px) {
}