@charset"utf-8";

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/static/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/static/fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(/static/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(/static/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


@media all{
}

@media screen{
	#background
	{
	    background: none repeat scroll 0% 0% rgba(37, 78, 140, 0.4);
	    height:16em;
	}
	#logo{display:block;height:auto;width:100%;max-height:7.5em;	}
	#hfigure {position:relative;margin:0 auto;max-width:12.5em;	min-width:7.5em;	max-height:7.5em;	}
}

@media screen {
	#hfigure{max-width:11.25em;	}
	#hfigure{height:6.75em;	}
}

#cornerBanner {visibility:hidden;}

@media screen and (max-width:33.75em){
#hfigure { height: 1em; }
}

@media screen and (min-width:33.75em){

#hfigure {visibility:visible; height: 7.5em; }

#cornerBanner {
        visibility:visible;
        color: white;
        background-color: rgba(177, 30, 92, 0.72);
        -moz-box-shadow: 2px 2px 20px #888;
        -moz-transform: rotate(-45deg);
        -moz-transform-origin: 50% 50%;
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 50% 50%;
        transform: rotate(-45deg);
        position: absolute;
        width: 300px;
        top: 45px;
        left: -75px;
        text-align: center;
        z-index:10;
        letter-spacing:0.3em;
        font-weight:bold;
      }
}

@media screen and (min-width:80em){

#CornerBannerOPOK {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:10;
    pointer-events: none;
    width: 100%;
}

}

@media screen and (max-width:80em){

#CornerBannerOPOK {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:10;
    pointer-events: none;
    width: 15%;
}

}

.subtitle {
    position: absolute;
    bottom: 0px;
    left: 1.25em;
    right: 1.25em;
    text-align: center;
    color: #868686;
    background: #333;
}

/*
.dropdown-content li > a, .dropdown-content li > span {
    color: #2196F3;
}
*/

.wrappr {
    display: table-cell;
    vertical-align: middle;
}

.brand-logo > img {
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
}

input[type="checkbox"] ~ .on {
    display: none;
}
input[type="checkbox"] ~ .off {
    display: inline;
}
input[type="checkbox"]:checked ~ .on {
    color: black;
    display: inline;
}
input[type="checkbox"]:checked ~ .off {
    display: none;
}

html {
    background: url('/static/trampolin_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.flags {
  vertical-align: middle;
}
.flaga {
    padding-left: 2px; padding-right:2px;
}
nav ul a {
    padding: 0 5px;
}


h1 {
  font-size: 2.0rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.0rem;
}

.row .col {
    padding: 4px 4px 4px 4px;
}

.row {
    margin-bottom: 0px;
}

.outer-nav {
    padding: 0px 4px 0px 4px;
}

.nav-wrapper {
    padding-right: 4px;
    padding-left: 4px;

}

.card .card-title {
    font-weight: 400;
}

strong {
    font-weight: bolder;
}