/*
Theme Name: Ersor Template
Theme URI: http://www.ersor.sk/webdesign
Description: Responzívny Template vytvorený na mieru agentúrou ersor s.r.o.
Version: 1
Author: ersor s.r.o.
Author URI: http://www.ersor.sk
Tags:
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright { float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.alignright { float: right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption { background: #fff; border: 1px solid #f0f0f0;  max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute !important; white-space: nowrap;	height: 1px;	width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;	left: 5px;ine-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}

/* Global */
* { margin: 0; padding: 0; }
body { background-color: #fff; font-size: 18px; font-family: 'Playfair Display', serif; font-weight: 400; color: #484848; }
p { margin: 5px 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; width: auto; height: auto; max-width: 100%; max-height: 100%;}
a { text-decoration: none; color: #111; }
a:hover { text-decoration: undeline; }
.wrap { width: 1220px; margin: 0 auto; }
.cleared:after { content: ''; display: block; visibility: hidden; width: 0; height: 0; clear: both; }


/* Header */
#header { }
.logo { display: block; }
.logo img { display: block; }

/* Content */
#content_container {  }

.popup {display: flex;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);align-items: center;justify-content: center;overflow:auto;z-index: 99999999;}
.popup .close_overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;cursor: pointer;}
.popup_wrap {margin: auto;padding: 40px 0;}

.weather_alert {width: 300px;background: #fff;padding: 30px;border-radius: 15px;text-align: center;position: relative;}
.weather_alert i.temperature {font-size: 90px;}
.weather_alert i.close {font-size: 30px;position: absolute; right: 10px; top: 10px; width: 40px; line-height: 40px; display: block; text-align: center; cursor: pointer;}
.weather_alert h2 {font-size: 40px;}
.weather_alert p {font-size: 20px;}



.block_uvod {background: url(images/zaciatok.jpg) no-repeat center top;/* padding-top: 100px; */padding-bottom: 200px;}

.uvodne_info { text-align: center; }
.uvodne_info h1 {font-size: 48px;letter-spacing: 20px;text-align: center;font-weight: 400;padding: 100px 0;}
.uvodne_info h2 { font-size: 30px; text-align: center; color: #484848; margin-bottom: 40px; }
.uvodne_info h2 strong { font-size: 48px; display: block; font-style: italic; }
.uvodne_info p { line-height: 1.8; margin: 30px 0;  }
.uvodne_info .uzsie { margin: 0 auto; max-width: 660px; font-style: italic; }
.uvodne_info .rozum { margin: 110px auto 160px; max-width: 580px; }
.uvodne_info .rozum h2 { color: #8b8b8b; font-size: 48px; font-style: italic; }

.foto_sekcia {background: url(images/fotky.png) no-repeat center top;background-size:100%;height: 50vw;position: relative;}
.foto_sekcia .popistok {position: absolute;bottom: -8%;left: 52%;max-width: 610px;}
.foto_sekcia .popistok p { line-height: 1.7; }
.foto_sekcia .popistok h2 { text-align: right; font-size: 48px; color: #bcbcbc; font-style:italic;}

.foto_sekcia .roky { position: absolute; top: 1%; left: 67%; }
.foto_sekcia .roky p { font-size: 33px; }

.zenich_nevesta {margin: 200px 0 0; text-align: center;color: #8a8a8a; }
.zenich_nevesta h2 {font-style: italic;font-size: 42px;}
.zenich_nevesta h3 {font-size: 32px;}
.zenich_nevesta p {font-size: 26px;}
.zenich_nevesta > * > * {clear: both;margin-bottom: 60px;}
.zenich_nevesta > * > * > * { width: 50%; float: left; }
.zenich_nevesta .line_1 {color: #595959; }
.zenich_nevesta .line_1 h2 {font-size: 52px;}
.zenich_nevesta .line_1 h3 {font-size: 35px;}
.zenich_nevesta .line_last .side_center {width: 100%; float: none;}

.infoboxy {margin: 150px 0 0;}
.infoboxy .infobox {margin-bottom: 100px;background: rgba(228, 228, 228, 0.6);padding: 10px 30px 30px;text-align: center;}
.infoboxy .infobox h2 {font-style: italic;font-size: 70px;line-height: 100px;margin-top: -70px;}

.dresscode_dary .wrap > * { width: 50%; float: left; }
.dresscode_dary .inside { margin: 0 100px; text-align: center; padding-bottom: 100px; }
.dresscode_dary h2 { font-style: italic; font-size: 70px; position: relative; }
.dresscode_dary h2:after {content: '';position: absolute;left: 0;right: 0;bottom: 10px;height: 35px;background: #f0f0f0;z-index: -1;}
.dresscode_dary p { line-height: 1.7; margin: 20px 0;}

.dresscode .inside { background: url(images/dresscode.png) no-repeat center top 100px; background-size: contain; }
.dary .inside { background: url(images/dary.png) no-repeat center top 100px; background-size: contain; }


.pravidla {text-align: center;padding: 150px 0; background: url(images/pravidla.png) no-repeat center; background-size: 1200px; margin-top: -150px;}
.pravidla .pravidla_inside {border: 3px solid #484848;border-top: none;position: relative;padding: 30px 60px;}
.pravidla .pravidla_inside:before,
.pravidla .pravidla_inside:after { position: absolute; content: ''; top: 0; width: calc(50% - 250px); height: 3px; background: #484848; }
.pravidla .pravidla_inside:before { left: 0; }
.pravidla .pravidla_inside:after { right: 0; }
.pravidla h2 {font-size: 100px;font-style: italic;color: #484848;margin-top: -100px;}
.pravidla .pravidlo { margin: 30px 0; }

.prosba { text-align: center; margin-bottom: 100px;}
.prosba .prosba_inside { padding: 50px 100px; background: #f1f1f1; }
.prosba h2 { font-size: 100px;font-style: italic; margin-top: -130px;}
.prosba p { font-style: italic; font-weight: 700; margin: 30px 0; }

.harmonogram { text-align: center; }
.harmonogram h2 { font-style: italic; font-size: 94px; }
.harmonogram ul { list-style-type: none; }
.harmonogram iframe { margin-top: 20px; display: block; }
.harmonogram .infobox:nth-child(1) ul { display: table; margin: 0 auto; }
.harmonogram .infobox:nth-child(1) ul li { text-align: left; padding-left: 60px;}
.harmonogram .infobox:nth-child(1) ul li strong { width: 40px; display: inline-block; margin-left: -60px;}



	/* Footer */
#footer { display: none;}






/* 1560px = under 1700px */
@media only screen and (max-width: 1699px) {
	.block_uvod { background-size: 1800px; }
	.uvodne_info h1 {padding: 80px 0;}
	.uvodne_info .rozum {margin: 70px auto 160px;}




}

/* 1440px = under 1560px */
@media only screen and (max-width: 1559px) {

	.block_uvod { background-size: 1600px; }
	.uvodne_info h1 {padding: 55px 0;}
	.uvodne_info .rozum {margin: 40px auto 120px;max-width: 470px;}
	.uvodne_info .rozum h2 {font-size: 40px;}

}

/* 1360px = under 1440px */
@media only screen and (max-width: 1439px) {
	.foto_sekcia .popistok {bottom: -12%;}

	.block_uvod { background-size: 1500px; }
	.uvodne_info h1 {padding: 45px 0;}
	.uvodne_info .rozum {margin: 30px auto 110px;max-width: 410px;}
	.uvodne_info .rozum h2 {font-size: 35px;}
	.uvodne_info p {margin: 20px 0;}

}

/* 1200px = under 1366px */
@media only screen and (max-width: 1360px) {
	.wrap { width: auto; margin: 0 50px;}

	.block_uvod { background-size: 1400px; }
	.uvodne_info h1 {padding: 45px 0;}
	.uvodne_info .rozum {margin: 30px auto 110px;max-width: 410px;}
	.uvodne_info .rozum h2 {font-size: 35px;}
	.uvodne_info p {margin: 20px 0;line-height: 1.5;}
	.foto_sekcia .roky p {font-size: 26px;}
	.foto_sekcia .popistok {bottom: -19%;max-width: 500px;font-size: 17px;}
	.dresscode_dary .inside {margin: 0 50px;}
}

/* 1024px = under 1200px */
@media only screen and (max-width: 1199px) {
	.wrap { width: auto; margin: 0 40px;}

	.block_uvod { background-size: 1260px; }
	.uvodne_info p {margin: 15px 0;line-height: 1.4;font-size: 17px;}
	.uvodne_info h2 {margin-bottom: 25px;}
	.foto_sekcia .popistok {bottom: -20%;max-width: 430px;font-size: 16px;}
	.foto_sekcia .popistok p {line-height: 1.5;}
	.foto_sekcia .popistok h2 {font-size: 40px;}



}

/* 768px = under 1024px */
@media only screen and (max-width: 1023px) {
	.wrap { width: auto; margin: 0 30px;}

	.block_uvod { background-size: 1100px; }
	.uvodne_info h1 {padding: 30px 0;}
	.uvodne_info p {margin: 10px 0;line-height: 1.3;font-size: 16px;}
	.uvodne_info h2 {margin-bottom: 25px;font-size: 27px;}
	.uvodne_info h2 strong {font-size: 40px;}
	.uvodne_info .rozum {margin: 20px auto 110px;max-width: 281px;}
	.uvodne_info .rozum h2 {font-size: 25px;}

	.foto_sekcia .roky p {font-size: 18px;margin: 0;}
	.foto_sekcia .popistok {bottom: -30%;max-width: 330px;font-size: 15px;}
	.foto_sekcia .popistok p {line-height: 1.3;}
	.foto_sekcia .popistok h2 {font-size: 33px;}

	.zenich_nevesta h2 {font-size: 35px;}
	.zenich_nevesta h3 {font-size: 21px;}
	.zenich_nevesta p {font-size: 23px;}
	.zenich_nevesta .line_1 h2 {font-size: 45px;}
	.zenich_nevesta .line_1 h3 {font-size: 26px;}

	.dresscode_dary .wrap > * {width: 100%;float: none; max-width: 500px; margin: 0 auto;}


}
/* 640px = under 768px */
@media only screen and (max-width: 767px) {
	.wrap { width: auto; margin: 0 20px;}
	.block_uvod { background-size: 800px; }
	.uvodne_info h2 {margin-bottom: 15px;font-size: 22px;}
	.uvodne_info h2 strong {font-size: 35px;}
	.uvodne_info p {margin: 5px 0;line-height: 1.2;font-size: 14px;}


	.foto_sekcia .popistok {bottom: -160px;left: 0;right: 0; text-align: center; max-width: 480px; margin: 0 auto;}
	.foto_sekcia .popistok h2 { text-align: center; }
	.foto_sekcia .roky {top: -60px;left: 0;right: 0;text-align: center;}

	.zenich_nevesta > * > * > * {width: 100%;float: none;}
	.zenich_nevesta > * > * { margin-bottom: 30px; }

	.infoboxy .infobox h2 {font-size: 55px;}
	.uvodne_info h1 { padding: 15px 0;font-size: 40px;}

	.pravidla h2 {font-size: 70px;margin-top: -80px;}
	.pravidla .pravidla_inside:before, .pravidla .pravidla_inside:after {width: calc(50% - 170px);}

	.prosba .prosba_inside {padding: 30px 50px;}
	.prosba h2 {font-size: 70px;margin-top: -80px;}

	.harmonogram h2 {font-size: 70px;}
	.harmonogram h3 {font-size: 50px;}


}

/* 425px = under 640px */
@media only screen and (max-width: 639px) {
	.block_uvod { background-size: 640px; }


	.foto_sekcia .popistok p {margin: 0 20px;}
	.foto_sekcia .popistok {bottom: -195px;}

	.zenich_nevesta {margin: 250px 0 0;}

	.infoboxy {margin: 70px 0 0;}
	.infoboxy .infobox h2 {font-size: 40px;margin-top: -60px;}
	.infoboxy .infobox {margin-bottom: 50px;padding: 10px 20px 30px;}

	.dresscode_dary .inside {margin: 0 20px;}
	.dresscode_dary h2 {font-size: 45px;}
	.dresscode_dary p {line-height: 1.5;font-size: 16px;}
	.dresscode_dary h2:after {bottom: 5px;height: 20px;}

	.pravidla h2 {font-size: 45px;margin-top: -60px;}
	.pravidla .pravidla_inside:before, .pravidla .pravidla_inside:after {width: calc(50% - 115px);}
	.pravidla .pravidla_inside {padding: 30px 25px;}
	.pravidla .pravidlo {margin: 20px 0;}
	.pravidla .pravidlo p { font-size: 16px; }
	.pravidla {padding: 70px 0;background-size: 600px;}
	.prosba p {margin: 20px 0;}
	.prosba .prosba_inside {padding: 30px 25px;}


	.zenich_nevesta h2 {font-size: 30px;}
	.zenich_nevesta h3 {font-size: 18px;}
	.zenich_nevesta p {font-size: 20px;}
	.zenich_nevesta .line_1 h2 {font-size: 40px;}
	.zenich_nevesta .line_1 h3 {font-size: 22px;}


	.harmonogram h2 {font-size: 45px;}
	.harmonogram h3 {font-size: 32px;}


}

/* 375px = under 425px */
@media only screen and (max-width: 423px) {

	.infoboxy .infobox h2 {font-size: 35px;margin-top: -60px;}


}

/* 320px = under 375px */
@media only screen and (max-width: 374px) {

	.harmonogram h2 {font-size: 40px;}
	.harmonogram h3 {font-size: 28px;}

	.foto_sekcia .popistok {bottom: -225px;}

	.infoboxy .infobox h2 {font-size: 30px;margin-top: -60px;}

	.prosba h2 {font-size: 60px;}


	.weather_alert {width: 250px;padding: 20px;}
	.weather_alert h2 {font-size: 35px;}
	.weather_alert i.temperature {font-size: 75px;}
	.weather_alert p {font-size: 18px;}




}