@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.green {
	color: #000;
}
.green-cap {
	color: #7BB92A !important;
}
body {
	font-family: 'Merriweather Sans', Gill Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.75;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction:  column;
	color: #636E72;

}
body#rozvrh, body#registrace {
	margin-top: 10.5rem;
	background-image: url("../img/insea2019/SVG/insea2019.svg");
	background-repeat: no-repeat;
	background-position: 100% -1%;
	background-size: 85%;
	line-height: 1.25;
}
body#ubytovani {
	margin-top: 14.4rem;
	background-image: url("../img/insea2019/SVG/insea2019.svg");
	background-repeat: no-repeat;
	background-position: 100% 44.6%;
	background-size: 85%;
	line-height: 1.25;
}
body:before {
	white-space: pre;
	position: fixed;
	top: 50vh;
	color: #7BB92A;
	left: 7rem;
	font-weight: 100;
	line-height: 1.5;
	font-size: 0.8rem;
	transform: translate(-50%, -50%) rotate(-90deg);
	content:'Česká sekce InSEA, Plzeň 2019: 17.–18. 6. 2019 \A Ilustrační foto: založení 1. československé galerie \A dětského výtvarného projevu v Plzni, 1978';
	z-index: 600;
	padding:  0rem 0.2rem;
}
strong {
	font-weight: 700;
	color: #111;
}
.center {
	justify-content: space-around !important;
}
input:required, textarea:required {
    box-shadow:none !important;
}
/*{.sazba {
	background: url("../img/web52.png");
	background-size: cover;
}

.wbg {
	background-color: rgba(255, 255, 255, 0.4);
}*/

h1, h2, h3, h4 {
	font-weight: 700;
	color: #000;
}
h1, h2.titulek-sekce {
	font-size: 1.5rem;
	color: #7BB92A;
	line-height: 2rem;
	margin: 2rem 0;
}
h1.main-title {
	margin-bottom: 1rem !important;
}
h2 sub {
	display: block;
	color: #636E72;
}
h3 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
h3.main-title-sub {
	line-height: 1.5;
	margin-bottom: 1rem;
}
#ubytovani .main-title-sub {
	font-size: 1.5rem;
}
p {
	margin-bottom: 1rem;
}
.hc {
	text-align: center;
}
.row {
	/*background: #F00;*/
	width: 72.5vw;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.ucastnik .selection {
	width:21.5vw;
}
.ucastnik .selection select {
	width: 100%;
}
.ucastnik .selection label:before {
	top: 32px;
}
.row.bottom-gap {
	margin-bottom: 3rem;
}
.row.bottom-gap-inner {
	margin-bottom: 6rem;
}
.column {
	position: relative;
}
.column.c-1 {
	flex-basis: 14.2%;
	padding-top: 2rem;
}
.column.c-1-5 {
	flex-basis: 100%;
}
.column.c-1 p:before {
	content: '';
	display: block;
	margin-top: 2.2rem;
	height: 2px;
	width: 1rem;
	background: #636E72;
	margin-bottom: 1.2rem;
}
.column.cl-1 {
	margin-left: 17.2%;
}
.column.c-3 {
	flex-basis:32.25%;
}
.column.c-4 {
	flex-basis: 82.8%;
	
}
.column.c-4.heading {
	margin-left: 17.2%;	
	margin-top: 3rem;
}
.column.c-4.heading h1, h2.titulek-sekce  {
	color: #000 !important;
}
.column > ul {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.column .row-inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding: 2rem 0 2rem;
}
.column .row-inner .ci-3-5:after {
	content:'';
	position: absolute;
	height: 1px;
	width: 82%;
	background: #636E72;
	margin: 1.618rem 0 0 7.9%;
	left: 3%;
}
.column .row-inner.long:after{
	margin: 8rem 6.4% 0;
}
.column .row-inner.sekce:after{
	margin: 6rem 6.4% 0;
}

.column .row-inner .ci-1 {
	flex-basis: 17.1%;
}
.column .row-inner .ci-4 {
	flex-basis: 79.34%;
}
.column .row-inner .ci-3-5 {
	flex-basis: 66.5%;
}
.column .row-inner .speaker {
	font-size: 0.625rem;
	margin-top: 1em;
}
.column .row-inner p.caption {
	font-size: 0.75rem;
} 
.registration-form .row {
	width: auto;
	display: flex;
	justify-content: space-around;
	margin-bottom: 1rem;
}
.registration-form .c-1 {
	padding-top: 0rem;	
}
.registration-form .column.horizontal {
	justify-content: space-around;
	display: flex;
}
footer, .footer {
	margin-top: 6.25rem;
	margin-bottom: 4rem;
	background: #7CB929;
}
footer img.f-logo, .footer img.f-logo  {
	width: 80%;
	margin: 1rem 0;
}
.column.cf-2 {
	flex-basis: 31.3%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.column.cf-4 {
	flex-basis: 65.7% ;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.f-menu {
	margin-right: 2rem !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
}
ul.f-menu li {
	margin-left: 1rem;
}
ul.f-menu li:after {
	content:'|';
	margin-left: 1rem;
	color: white
}
ul.f-menu li:last-child::after {
	content:'';
	display: none;
}
ul.f-menu li a {
	color: #fff;
	text-decoration: none;
}
ul.f-menu li a:hover {
	text-decoration: underline;
}
.cd-popup-trigger1,
.cd-popup-trigger2,
.cd-popup-trigger3 {
}
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}
.map {
	width: 50vw;
}
.c-4 p {
	text-align: justify;
}
/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup1,
.cd-popup2,
.cd-popup3
{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(124, 181, 41, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup1.is-visible,
.cd-popup2.is-visible,
.cd-popup3.is-visible{
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.not-visible {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 50vw;
  margin: 4em auto;
  background: #FFF;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup2 .cd-popup-container {
	width: 20vw;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
/*form*/
.your-message {
	display: block;
}
.register-form input[type="text"], .register-form input[type="email"], .register-form input[type="password"], .register-form select, .register-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	padding: 1rem;
    border: 2px solid #7CB929;
    border-radius: 0;
    background: #FFF;
	font-size: 1rem;
}
.register-form input:invalid {
  border-color: red;
}

.register-form {
	margin: 1rem;
	padding: 0.5rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.register-form label {
	font-size: 0.75rem;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 2em 0 0;
	text-align: left;
	display: inline;
}
.register-form input[type="submit"], button.submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #7CB929;
	color: #ffffff;
	border: none;
	cursor: pointer;
	padding: 1em 1.8em;
	text-transform: uppercase;
	font-size: 1rem;
	display: block;
}
.register-form input[type="submit"]:disabled, button.submit:disabled {
	background-color: #eee;
	color: #AAA;
	cursor: default;
}
/* comparison wrapper */
body .comparison-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
 z-index: 0;
}
#logoinsea {
	display: block;
	position: absolute;
	width: 60%;
	height: auto;
	top: 16%;
	z-index: 300;
	left: 60%;
	margin-left: -30%;
	-webkit-filter: drop-shadow( 1px 10px 7px #000 );
	-moz-filter: drop-shadow( 1px 10px 7px #000 );
	-ms-filter: drop-shadow( 1px 10px 7px #000 );
	-o-filter: drop-shadow( 1px 10px 7px#000 );
       filter: drop-shadow( 1px 10px 7px #000 ); 
	
}

body .comparison {
  position: absolute;
  overflow: hidden;
}
body .comparison.dev {
  transform: skew(-30deg);
  margin-left: -500px;
  width: calc(50vw + 500px);
  border-right: 1rem solid #7CB929;
}

body .comparison.dev .comparison-content {
  transform: skew(30deg);
  margin-left: 500px;
}

body .comparison .comparison-content { height: 100vh; background: #FFF; }

body .comparison img { width: 100vw; background: #FFF; opacity: 1 }

.main-menu {
	display: flex;
	position: fixed;
	align-items:flex-end;
	flex-direction: column;
	top: 2rem;
	right: 5%;
	z-index: 900;
}
.main-menu a {
	padding: 0.2rem 0.5rem;
	background: white;
	color:#80B72A;
	text-decoration: none;
	z-index: 900;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.main-menu a:hover {
	background:#80B72A;
	color: white;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	#comparison-wrapper {
		display: none;
	}
}
#galerie .column img {
	margin-bottom: 0.5rem;
	height: 200px;	
}
#galerie footer .column img {
	height: auto;
}
#galerie .column.c-3 {
	overflow:hidden;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}
/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(124, 181, 41, 0.9);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;
	/** Unhide lightbox **/
	display: block;
}
.list-title {
	margin-bottom: 0.5rem;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.container {
	display:flex;
}
.container:hover .image {
  opacity: 0.3;
}
.container:hover .middle {
  opacity: 1;
}
.mapa {
	width: 100%;
	height: auto !important;
}

.sekce .sekce-obsah {
	 display:none;
}
.off {
	display: none;
}
.sekce input:checked ~ .sekce-obsah {
	display:block;
}
.sekce input:checked ~ label .on {
	display: none;
}
.sekce input:checked ~ label .off {
	display: block;
}
.sekce input {
	display: none;
}
.sekce-obsah {
	margin-bottom: 2rem;
}
.sekce-obsah ul {
	margin-bottom: 1rem;
	margin-left: 2rem;
	margin-right: 2rem;
}
.sekce-obsah ul li {
	line-height: 1.2;
	margin-bottom: 0.5rem;
	margin-left: 1rem;
}
.sekce-obsah ul li:before {
	content: "-";
	margin-left: -1.6rem;
	margin-right:1rem;
}
.list-title {
	margin-bottom: 0.5rem;
}
.sekce h2 {
	font-size: 1.5rem;
}
.sekce > div {
	margin-bottom: 1rem;
}
.selections .selection {
	position: relative;
	flex-basis: 50%;
	width: 10rem;
	margin-right: 1rem;
	display: flex;
	align-self: flex-start;
	flex-direction: column;
}
.selections .selection:nth-of-type(2) {
	margin-right: 0;
}
.selection label:before {
  content: '>';
  font: 24px "Arial", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 27px;
  right: 16px;
  /*Adjust for position however you want*/
  padding: 0 0 4px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}