/* 
 Theme Name:   Tracks Child Light
 Theme URI:    
 Description:  
 Author:       Honza
 Author URI:   
 Template:     tracks
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../tracks/style.css");

 /* == Add your own styles below this line ==
--------------------------------------------*/

body {
  font-family: "Exo 2", sans-serif;
  background-color: #eee;
  color: #505c92;
}

* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Exo 2", sans-serif;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

@media all and (max-width: 56.24em) {
    .site-footer h1 {
        font-size: 1.8em;
        letter-spacing: 0;
    }
    
    h2 {
        font-size: 1.4em;
    }
}

@media all and (max-width: 37.49em) {
    .site-footer h1 {
        font-size: 1.4em;
    }
    
    h2 {
        font-size: 1.2em;
    }
    
    h3, h4 {
        font-size: 1.15em;        
    }
}

.site-title img {
  max-width: 15em;
  max-height: 8em;
  width: 100%;
}

.site-title {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;    
}

.site-title, .menu-unset > ul a,
.menu-primary-items a, .excerpt-meta, .entry-meta, .excerpt-title, .entry-title, .more-link, .pagination, .further-reading,
.entry-categories,
.entry-tags, .author-meta .author span, .comments-number h2, .comment-author .author-name, .site-footer h1, .design-credit, .widget-title, .widget li, .menu-footer-items a, .menu-secondary-items a {
    font-weight: 600;
}

@media all and (min-width: 56.25em) {
    .excerpt {
        -webkit-transition: -webkit-opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
}

.excerpt-container {
    background: white;    
}

.excerpt {
    width: 100%;
}

.featured-image {
    overflow: hidden;
}

.featured-image img {
    display: none;
}

.excerpt a.featured-image-link {
    display: block;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 2px dotted #00000033; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext-right {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -25%;
  left: 110%;
}

.tooltip .tooltiptext-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext-right {
  visibility: visible;
}

/* 900px */
@media all and (min-width: 56.25em) {
    .excerpt-container {
        width: 100%;
    }

    .excerpt {
        width: calc(50% - 1.45em);
        margin: 0.7em;
    }

    .excerpt .featured-image {
        width: 100%;
        padding-bottom: 50%;
        position: relative;
        transform: none;
    }

    .excerpt.even .featured-image {
        left: 0px;
        right: 0px;
    }
    
    .excerpt.odd .featured-image {
        left: 0px;
        right: 0px;
    }
    
    .excerpt.even .excerpt-container {
        float: none;
    }
  
    .rtl .excerpt.odd .excerpt-container {
        float: none;
    } 
}

/* 2000px */
@media all and (min-width: 125em) {
    .excerpt {
        width: calc(33.33% - 1.45em);
    }    
    
    .blog .main,
    .archive .main,
    .search .main {
        max-width: 1800px;
    }
}

.menu-primary, .menu-primary-tracks {
  /*padding-top: 6em;*/
    width: 50%;
    display: inline-block;
    padding-right: 2%;
}

@media all and (max-width: 49.99em) {
  #menu-primary-tracks.menu-primary-tracks {
    display: none;
  }
  
  #menu-primary.menu-primary {
    background-image: none;
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 0;
  }
}

.menu-primary-items .sub-menu, .menu-primary-items .children {
  z-index: 1;
}

.site-title {
  opacity: 0.8;
  text-align: center;
}

.site-header .site-description {
    color: #222;
}

.site-header .container {
    max-width: 1280px;
    width: 97%;
}

.archive-header {
    text-align: center;
    color: #505c92;
}

.excerpt.sticky .excerpt-container {
    background: #fcfcfc none repeat scroll 0% 0%;
}

@media all and (min-width: 50em) {
  .title-info {
    width: 50%;
  }
}

/* Form styles */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="image"]),
textarea {
  font-family: "Exo 2", sans-serif;
}


input[type="submit"] {
  font-family: "Exo 2", sans-serif;
}

.gallery-caption {
  font-family: "Exo 2", sans-serif;
}

.bbp-submit-wrapper button {
  font-family: "Exo 2", sans-serif;
}

.excerpt-title, .entry-title {
  letter-spacing: -0.05em;
  word-spacing: 0.15em;
  margin: 0;
}

.entry-content {
  text-align: justify;
}

.comments-closed, .entry-categories {
  display: none;  
}

.entry-header h1 {
  margin: 10% 0% 10% 0%;
}

.entry-header {
    padding-top: 1%;
}

.singular .entry, .error404 .entry, .search .entry {
    padding-top: 0em;
}

a:visited, a:hover, a:active, a:focus {
    color: #505c92;
}

article a {
  text-decoration: none;
  box-shadow: inset 0 -0.1em 0 rgba(64, 80, 119, 0.3);  
  color: #505c92;
  transition: box-shadow 0.3s, color 0.3s;
}

article a:link {
    color: #505c92;
}

article a:hover {
  color: #eee;
  box-shadow: inset 0 -1.5em 0 rgba(64, 80, 119, 1.0);
  /* box-shadow: inset 0 -1.5em 0 rgba(255, 176, 60, 0.8); */
}

.wp-playlist-light a.wp-playlist-caption:hover {
  color: #eee;    
}

.more-link {
    box-shadow: none;
}

.more-link:link, .more-link:visited {
    color: #505c92;
}

.more-link:hover, .more-link:focus {
    box-shadow: none;
    color: #28377b;
}

.more-link:after {
    background-color: #505c92;
}


blockquote {
  background-color: #F7F7F7;
  padding: 0.1em 1.5em;
  border-left-color: #505c92;
}

blockquote img.alignleft {
    /* profilovky -> kolecka */
    display: inline-block;
    width: 9em;
    height: 9em !important;
    overflow: hidden;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

blockquote h4 {
    margin: 1.5em 0;
}

div.avatar {
    float: left;
    margin: 0 1.5em 1.5em 0;   
    
    width: 9em;
    height: 9em;
    position: relative;
    overflow: hidden;
    border-radius: 50%;   
    z-index: 0;
}

blockquote.author-block.sektor-mv {
    border-left-color: #505c92;
}

blockquote.author-block.sektor-mz {
    border-left-color: #8e94ac;
}

blockquote.author-block.sektor-vp {
    border-left-color: #1c2655;
}

blockquote.author-block div.avatar {
    margin: 0.5em 1.5em 0.5em 0;   
    width: 6em;
    height: 6em;
}

div.avatar img {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    height: auto;
    width: 100%;
}

blockquote:after {
    /* pro profilovku vetsi nez blok */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

blockquote.info {
  color: white;
  background-color: #505c92;
  border-left: 0.75em solid rgb(255, 211, 107);
}

@media all and (min-width: 50em) {
  blockquote.info {
    background-image: url("/wp-content/themes/tracks-child-light/info_icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6em auto;
  }
  
  blockquote.info p {
    margin-right: 6em;
    margin-left: 6em;
  }
  
  blockquote.info strong {
    display: inline-block;
    min-width: 5.5em;
    margin-right: 0.5em;
	margin-left: -6em;
  }
}

blockquote.info a {
  box-shadow: inset 0 -0.1em 0 rgba(255, 255, 255, 0.3);  
  color: white;
  transition: box-shadow 0.3s, color 0.3s;
}

blockquote.info a:hover {
  color: rgb(190, 157, 80);
  box-shadow: inset 0 -1.5em 0 rgba(255, 255, 255, 1.0);
}

blockquote.video {
  background-color: transparent;
  border-left: none;
  border-right: 0.75em solid rgb(255, 211, 107);
  padding-left: 0em;
}

blockquote.video .wpvl_auto_thumb_play {
    background-image: url("/wp-content/themes/tracks-child-light/link.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

blockquote.video .wpvl_auto_thumb_play img.wpvl_playbutton {
    visibility: hidden;
}

blockquote.link {
    margin: 0;
    
    background-color: transparent;
    border: none;
  
    background-image: url("/wp-content/themes/tracks-child-light/link.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 3em auto;
}

blockquote.link p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 3em;
}

/* obrazky jsou neobtekane a na stredu pokud je mala obrazovka */
@media all and (min-width: 25em) {
    .alignright, .alignleft {
        max-width: 50%;
    }
}

@media all and (max-width: 24.99em) {
    .alignright, .alignleft {
        text-align: center;
        margin: 1.5em auto;
        display: block;
        max-width: 100%;
        float: none;
    }
    
    blockquote img.alignleft {
        display: block;
        text-align: center;
    }
}

.excerpt-meta, .entry-meta {
  display: none;
}

.excerpt-title {
    padding-top: 1.5em;
}

.excerpt-content {
    padding-bottom: 1.5em;
}

.excerpt {
    background-color: #eee;
    opacity: 1.0;
}

.excerpt:hover {
  opacity: 1;
}

.excerpt-header:after, .entry-header:after {
    background: #505c92;
}

.excerpt-container:hover {
  background-color: #fff;
}

.excerpt-title a:link, .entry-title a:link, .excerpt-title a:visited, .entry-title a:visited {
  color: #505c92;
}
.excerpt-title a:hover, .entry-title a:hover, .excerpt-title a:active, .entry-title a:active, .excerpt-title a:focus, .entry-title a:focus {
  color: #28377b;
}

.sidebar-after-post-content, .author-meta, .entry-meta-bottom, .comments {
  display: none;
}

/* 700px */
@media all and (max-width: 43.75em) {
    .entry-content {
        margin-bottom: 5%;
    }
}

/*.entry-header h1 {
  margin: 5% 0%;   
}

.entry-container {
  margin: 0% 0% 7% 0%;
}*/

.site-footer h1 {
    margin-bottom: 1.3em;
}    

@media all and (max-width: 56.24em) {
    .site-footer h1 {
        margin-bottom: 2.5em;
    }
}

@media all and (max-width: 37.49em) {
    .site-footer h1 {
        margin-bottom: 4em;
    }
}

.site-footer img {
  height: 3em;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.site-footer a {
  opacity: 0.8;
}

.site-footer a:hover {
  opacity: 1.0;
}

.site-footer .design-credit {
  background: none;
}

.site-footer .design-credit p {
  opacity: 1.0;
}

.site-footer input.search-submit[type="submit"] {
  background: #8c8c8c none repeat scroll 0% 0%;
  color: #fff;
  opacity: 0.4;
  margin: 1em;
}

.site-footer input.search-submit[type="submit"]:hover {
  opacity: 1.0;
}

.site-footer input.search-field[type="search"] {
  background: #fff;
  opacity: 0.6;
  margin: 0;
  outline: none !important;
}

.site-footer input.search-field[type="search"]:hover, input.search-field[type="search"]:active, input.search-field[type="search"]:focus {
  opacity: 1.0;
}

form.search-form {
    margin: 0 5.55%;
}


.main {
  background: #eee;
}

.site-header {
  border-top-color: #eee;
}

.site-title a:link, .site-title a:visited, .site-title a:hover, .site-title a:active, .site-title a:focus {
    color: #505c92;
}

.menu-unset > ul a:link, .menu-unset > ul a:visited, .menu-primary-items a:link, .menu-primary-items a:visited {
    opacity: 1.0;
    color: #505c92;
}

@media all and (min-width: 50em) {
    .menu-unset > ul .sub-menu li a,
    .menu-unset > ul .children li a,
    .menu-primary-items .sub-menu li a,
    .menu-primary-items .children li a {
        opacity: 0.8;
    }
}

.menu-unset > ul > li::after, .menu-primary-items > li::after {
    color: #505c92;
}

.menu-unset > ul ul, .menu-primary-items ul {
    background: #fff;
}

.toggle-navigation {
    color: #505c92;
}

/* kontaktni formular */
.wpcf7 em {
    font-weight: bold;
    font-style: normal;
}

.wpcf7 textarea {
    max-width: 100%;
}

blockquote.author-block table.contact, th, td {
    border: none;
    padding: 0 1em 0 0;
    text-align: left;
}

blockquote.author-block h4, blockquote.author-block p, blockquote.author-block table {
    margin: 0.5em 0;
}

blockquote.author-block h4 {
    font-weight: bold;
}

blockquote.author-block img.user-custom-link {
    width: 1em;
    height: auto;
}

blockquote.author-block h4 a, blockquote.author-block h4 a:hover {
    box-shadow: none;
}

/* video */
.wpvl_auto_thumb_box_wrapper {
    float: left;
    margin-right: 1.5em;
}

article .wpvl_auto_thumb_box a,
article .wpvl_auto_thumb_box a:hover {
    box-shadow: none;
}

@media print {  
    @page {
        margin: 0;
    }
    
    .entry, .entry-content, .main {
        padding-bottom: 0;
    }
    
    .post {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
        height: 100%;
    }
    
    p {
        font-size: 140%;
        margin: 1em 0em;
    }

    .site-header, .site-footer, .return-top {
        display: none;
    }
    
    .featured-image {
        padding-bottom: 70%;   
    }
    
    .featured-image img {
        display: block;
        width: 100%;
        min-height: 100%;
        position: absolute;
        object-fit: cover;
    }
    
    .entry-header h1 {
        font-size: 3.5em;
        line-height: 1.06;
        margin: 6% 0% 9% 0%;
    }
    
    .entry-container {
        padding: 0 11.11%;
    }
    
    .entry-container h2 {
        margin-top: -4%;
    }
    
    .excerpt-header::after, .entry-header::after {
        border-left: 4.5em solid #505c92;
    }
}

@media print and (orientation:landscape) { 
    .featured-image {
        padding-bottom: 35%;   
    }
    
    .entry-header h1 {
        margin: 3% 0% 5% 0%;
    }
}

/* fotogalerie special */
/* 600px */
@media all and (min-width: 37.5em) {
    body.page-id-48 .entry-container {
        padding: 0 5.55%;
    }
}

/* 700px */
@media all and (min-width: 43.75em) {
    body.page-id-48 .entry-container {
        padding: 0 7%;
    }
}

/* 900px */
@media all and (min-width: 56.25em) {
    body.page-id-48 .entry-container {
        padding: 0 10%;
    }
}

/* 1100px */
@media all and (min-width: 68.75em) {
    body.page-id-48 .entry-container {
        padding: 0 13%;
    }
}

/* 1200px */
@media all and (min-width: 75em) {
    body.page-id-48 .entry-container {
        padding: 0 15%;
    }
}