/*!
Theme Name: trideni
Theme URI: https://www.najfus.com
Author: Najfus.com
Author URI: https://www.najfus.com
Description: Description
Version: 1.0.0
Text Domain: trideni
*/


@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-THIN.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-THIN.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-THIN.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-THIN.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-LIGHT.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-LIGHT.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-LIGHT.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-LIGHT.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-REGULAR.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-REGULAR.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-REGULAR.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-REGULAR.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-MEDIUM.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-MEDIUM.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-MEDIUM.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-MEDIUM.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-BOLD.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-BOLD.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-BOLD.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-BOLD.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'pfd';
  src: url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-XBLACK.svg) format("svg"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-XBLACK.woff) format("woff"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-XBLACK.woff2) format("woff2"), url(/wp-content/themes/trideni/./fonts/PFDINTEXTCONDPRO-XBLACK.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }


body.home {
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-position: center;
  background-image: url(/wp-content/themes/trideni/./img/2.jpg);
  background-color: #1e6c57;/*#3f4d2b*/
  font-family: pfd, sans-serif;
}

a,h3 { color: #1e6c57; }
a:hover,a:focus { color: #1e6c57; }

#frame {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    padding-top: 4%;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  /*background-image: url(/wp-content/themes/trideni/./img/1.jpg);*/
}

svg path {
  cursor: pointer;
  transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

svg path:hover,svg .a:hover {
  fill: #316966 !important;
  /*stroke-width:3;*/
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

svg .a {
  /*clip-path:url(#SVG_CP_1);*/ /* zpusobovalo nefunknost ve firefoxu */
  fill: rgba(49, 105, 102, 0.65);/*#316966*/
  stroke:#fff;
}
svg .b {
  clip-path:url(#SVG_CP_1);
  fill:none;
  stroke-linejoin:round;
  stroke-width:2;
  stroke:#FFF;
}

.svg {
  display: block;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
}

h1 {
  color: #fff;
  font-size: 3vw;
  /*margin-bottom: 0;*/
  position: absolute;
  top: 0;
  left: 24%;
  margin: 0;
}

h1 img {
  /*position: fixed;
  left: 10px;*/
}

.text_pod_mapou, .text_pod_mapou a { color: #fff; }

.logo-wrap p {
  color: #fff;
  font-size: 1.2vw;
  text-shadow: 2px 1px 7px #000;/*1px 1px #000*/
}

.text-wrapper {
  position: absolute;
  width: 30%;
  left: 49%;
  top: 8%;
}

.popover-title {
  font-weight: bold;
    text-align: center;
    background-color: #fff;
}
.popover-content { max-width: 230px;  }
.popover-content p { padding-top: 4px; }
.popover-content img { display: block; margin: 0 auto; }

footer { text-align: right; color: #fff; }
footer p { padding-right: 10px; }

iframe { width: 100%; }

.popup-overlay {
  display: none;
  position: fixed;
  top:0;left:0;bottom: 0;right: 0;
  width: 100%; height: 100%;
  background-color: rgb(0, 0, 0, 0.70);
  z-index: 8;
}
.popup {
    display: none;
    position: fixed;
    width: 40%;
    min-height: 300px;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9;
}

.popup img {
  max-width: 100%;
  height: auto;
}

.popup-close {
    background-color: #000;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 10;
    color: #fff;
    font-size: 21px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.popup-close:hover, .popup-close:focus {
  text-decoration: none;
  color: #fff;
}

#rotate-me {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1e6c57;/*#3f4d2b*/
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
}

#rotate-me div {
  position: relative;
  top: 35%;
  font-size: 45px;
  color: #fff;
  width: 100%;
  height: auto;
  float: left;
}

#rotate-me div img {
  margin: 0 auto;
}

#rotate-me div span {
  width: 100%;
  height: auto;
  float: left;
}

@media (max-width: 1889px){
  h1 { left: 19%; }
}

@media (max-width: 1400px){
  .logo-wrap h1 img { max-width: 250px; }
}

@media (max-width: 1160px){
  .logo-wrap h1 img { max-width: 180px; }
}

@media (max-width: 900px){
  .logo-wrap h1 img { max-width: 140px; }
}

@media (max-width: 667px){
  .logo-wrap h1 img { max-width: 125px; }
}

@media (max-width: 640px){
  .logo-wrap h1 img { max-width: 120px; }
}

@media (max-width: 568px){
  .logo-wrap h1 img { max-width: 100px; }
}

@media (max-width: 700px) and (min-height: 1024px){
  .logo-wrap h1 img { max-width: 100px; }
  /*.logo-wrap h1 img { max-width: 100px; top: auto; bottom: 0; }
  .logo-wrap p { font-size: 2vw; }*/
  html, body { background-size: cover; }
}

@media (max-width: 414px){
  #rotate-me { display: block; }
}


/**
 * EKO tablet
 */
@media screen and (min-width: 962px) and (max-width: 962px)
              and (min-height: 420px) and (max-height: 601px) {
  html, body { background-size: auto; }
}

@media screen and (min-height: 962px) and (max-height: 962px)
              and (min-width: 420px) and (max-width: 601px) {
  .text-wrapper { top: 3%; }
  .logo-wrap h1 img { max-width: 110px; }
}



/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 0;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    overflow: hidden; /* zajistí, že floaty se obejdou bez clearfix */
}

.gallery-item {
    float: left;
    text-align: center;
    margin-bottom: 1.5em;
    padding: 15px;
}

/* Columns */
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6667%; }
.gallery-columns-7 .gallery-item { width: 14.2857%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.1111%; }

.gallery-caption {
    display: block;
    margin-top: 0.5em;
}



/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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


.eko_cc_w .eko_cc_intro_text h3 { color: #fff; }