@font-face
{
font-family: 'SharpSansDispNo2';
font-weight: 100;
font-style: normal;
src: local('Sharp Sans Display No2 Thin'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-thin/ssdn2-thin.woff2) format('woff2'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-thin/ssdn2-thin.woff) format('woff');
} @font-face
{
font-family: 'SharpSansDispNo2';
font-weight: 300;
font-style: normal;
src: local('Sharp Sans Display No2'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-book/ssdn2-book.woff2) format('woff2'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-book/ssdn2-book.woff) format('woff');
} @font-face
{
font-family: 'SharpSansDispNo2';
font-weight: 600;
font-style: normal;
src: local('Sharp Sans Display No2 Semibold'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-semibold/ssdn2-semibold.woff2) format('woff2'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-semibold/ssdn2-semibold.woff) format('woff');
} @font-face
{
font-family: 'SharpSansDispNo2';
font-weight: 600;
font-style: italic;
src: local('Sharp Sans Display No2 SemiBold'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-semibold_italic/ssdn2-semibold_italic.woff2) format('woff2'),
url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/fonts/ssdn2-semibold_italic/ssdn2-semibold_italic.woff) format('woff');
} html
{
font-size: 62.5%;
line-height: normal; position: relative;
box-sizing: border-box;
min-height: 100%;
}
*,
*:before,
*:after
{
box-sizing: inherit;
}
body
{
font-family: 'SharpSansDispNo2', sans-serif;
font-size: 2rem;
margin-bottom: 100px; text-align: left;
color: #003570;
background-color: #dbc9ba;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol
{
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
font-weight: 600;
}
h1
{
font-size: 4.6rem;
}
h2
{
font-size: 2rem;
margin-bottom: 1rem;
}
h3
{
font-size: 2rem;
}
p
{
line-height: 2.8rem;
margin-bottom: 4rem;
}
p:last-child
{
margin: 0;
}
strong
{
font-weight: 600;
}
ul,
ol
{
padding: 0;
list-style-type: none;
counter-reset: counter;
}
a
{
transition: .5s;
text-decoration: none;
color: #003570;
}
a:hover
{
text-decoration: none;
color: #fff;
}
blockquote
{
font-size: 2.5rem;
font-weight: 600;
font-style: italic;
line-height: 3.8rem;
position: relative;
max-width: 700px;
margin: 0 auto 4rem auto;
padding: 30px 25px;
background: #c2b2a4;
}
blockquote p:before
{
content: '„';
}
blockquote p:after
{
content: '‟';
}
iframe
{
border: 0;
}
picture
{
display: block;
overflow: hidden;
}
img
{
max-width: 100%;
height: auto;
}
.lazyload
{
opacity: 0;
}
img.lazyloading
{
transition: .5s;
transform: scale(1);
opacity: .8;
filter: blur(30px);
}
.lazyloaded
{
transition: .5s;
opacity: 1;
}
::selection
{
color: #fff;
background: #f47f4f;
}
::selection
{
color: #fff;
background: #f47f4f;
}
.hidden
{
display: none;
}
.container
{
position: relative;
max-width: 1920px;
height: inherit;
margin: 0 auto;
padding: 0 35px;
}
.row
{
font-size: 0;
}
.row > *
{
font-size: 2rem; display: inline-block;
vertical-align: top;
}
.clearfix:before,
.clearfix:after
{
display: table;
content: '';
}
.clearfix:after
{
clear: both;
}
@media (max-width: 1150px)
{
p,
blockquote
{
margin-bottom: 3rem;
}
}
@media (max-width: 960px)
{
body
{
margin-bottom: 175px;
}
h1
{
font-size: 3rem;
}
.container
{
padding: 0 17px;
}
}
@media (max-width: 760px)
{
body,
h2,
h3,
.row > *
{
font-size: 1.6rem;
}
h1
{
font-size: 3rem;
}
p
{
line-height: 2.4rem;
margin-bottom: 2rem;
}
blockquote
{
font-size: 1.6rem;
line-height: 2.6rem;
margin-bottom: 3rem;
padding: 20px 25px;
}
}
@media (max-width: 600px)
{
body
{
margin-bottom: 310px;
}
} .table-wrapper
{
overflow-y: auto;
width: 100%;
margin-bottom: 15px;
}
.table-wrapper::-webkit-scrollbar
{
width: 14px;
height: 7px;
-webkit-appearance: none;
}
.table-wrapper::-webkit-scrollbar-thumb
{
border-radius: 8px;
background-color: #fff;
}
table
{
width: 100%;
min-width: 560px;
margin-bottom: 15px;
border-collapse: collapse;
}
table td,
table th
{
padding: 10px 7px;
border-bottom: 1px solid #003570;
}
table th,
table thead td
{
color: #fff;
} form
{
margin-bottom: 15px;
}
.form-field
{
margin: 0 0 45px 0;
}
label
{
font-weight: 600;
padding-bottom: 5px;
cursor: pointer;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='search'],
textarea
{
font-family: 'SharpSansDispNo2', sans-serif; font-size: 2rem; line-height: normal;
display: block;
width: 100%;
margin: 0;
padding: 0;
transition: .3s;
color: #003570;
border: none;
border-bottom: 1px solid #003570;
border-radius: 0;
background: none;
-webkit-appearance: none;
}
textarea
{
height: 130px;
padding: 0;
resize: none;
background:         linear-gradient(top, transparent, transparent 25px, #1a406f 0);
background: -webkit-linear-gradient(top, transparent, transparent 25px, #1a406f 0);
background-size: 100% 26px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='search']:focus,
textarea:focus
{
border-color: #fff;
outline: 0;
}
::-webkit-input-placeholder
{
color: #333;
}
::-moz-placeholder
{
color: #333;
}
:-ms-input-placeholder
{
color: #333;
}
button,
input[type='submit']
{
font-family: 'SharpSansDispNo2', sans-serif; font-size: 2rem; font-weight: 600;
line-height: normal; padding: 0;
cursor: pointer;
transition: .5s;
color: #003570;
border: none;
background: none;
}
button:hover,
input[type='submit']:hover
{
text-decoration: none;
color: #fff;
}
button:focus,
input[type='submit']:focus
{
outline: none;
}
input[type='submit']
{
text-transform: uppercase;
}
input[type='submit']:hover
{
text-decoration: none;
color: #ee7947;
}
.contact-form-requirement
{
display: block;
margin-top: 10px;
}
.form-trickie
{
display: none;
}
.wpcf7-not-valid-tip
{
font-size: 2rem;
display: block;
margin-top: 9px;
}
.form-checkbox .form-terms
{
display: none;
}
.form-checkbox label
{
position: relative;
display: block;
max-width: 770px;
padding: 19px 60px 19px 26px;
color: #fff;
background: #c3b3a5;
}
.form-checkbox label:before,
.form-checkbox label:after
{
position: absolute;
top: 50%;
display: block;
content: '';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-checkbox label:before
{
right: 26px;
width: 24px;
height: 24px;
background: #fff;
}
.form-checkbox label:after
{
right: 29px;
width: 18px;
height: 18px;
transition: .5s;
opacity: 0;
background: #1a3f6e;
}
.form-checkbox label.checked:after
{
opacity: 1;
}
.wpcf7-form-control-wrap.form-file
{
display: none;
}
.form-file .js-file-clear
{
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin-left: 15px;
cursor: pointer;
vertical-align: middle;
}
.form-file .js-file-clear:before,
.form-file .js-file-clear:after
{
position: absolute;
top: 0;
width: 1px;
height: 100%;
content: '';
transition: .5s;
background: #003570;
}
.form-file .js-file-clear:hover:before,
.form-file .js-file-clear:hover:after
{
background: #fff;
}
.form-file .js-file-clear:before
{
left: 14px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.form-file .js-file-clear:after
{
right: 14px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
div.wpcf7-response-output
{
font-weight: 600;
max-width: 770px;
margin: 15px 0 0 0;
padding: 19px 26px;
color: #fff;
border: none;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing
{
background: #f0534b;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted
{
background: #f8963a;
}
div.wpcf7-mail-sent-ok
{
background: #50b563;
}
@media (max-width: 1150px)
{
.form-field
{
margin: 0 0 30px 0;
}
textarea
{
height: 104px;
}
}
@media (max-width: 760px)
{
.form-field
{
margin: 0 0 20px 0;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='search'],
textarea,
button,
input[type='submit'],
.wpcf7-not-valid-tip
{
font-size: 1.6rem;
}
textarea
{
height: 84px;
background:         linear-gradient(top, transparent, transparent 20px, #1a406f 0);
background: -webkit-linear-gradient(top, transparent, transparent 20px, #1a406f 0);
background-size: 100% 21px;
}
} header
{
height: 170px;
}
.home header
{
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
}
header h1
{
line-height: 4.5rem;
position: absolute;
top: 34px;
left: 35px;
max-width: 380px;
}
header h1 a:hover
{
color: #003570;
}
header h1 .title-mobile
{
display: none;
letter-spacing: 7px;
}
.logo
{
font-size: 0;
position: absolute;
top: 34px;
left: 50%;
display: block;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-width: 0 24px 42px 24px;
border-style: solid;
border-color: transparent transparent #003470 transparent;
}
.logo:hover
{
border-color: transparent transparent #ee7947 transparent;
}
@media (max-width: 960px)
{
header,
.home header
{
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: #dbc9ba;
}
header h1
{
line-height: normal;
top: 11px;
left: 17px;
}
header h1 .title
{
display: none;
}
header h1 .title-mobile
{
display: block;
}
.logo
{
top: 18px;
border-width: 0 13px 22px 13px;
}
} .nav-primary
{
position: absolute;
top: 34px;
right: 90px;
width: 320px;
}
.main-menu,
.sub-menu
{
margin: 0;
}
.main-menu > li
{
font-size: 1.6rem;
position: relative;
}
.main-menu > li > a
{
font-size: 1.6rem;
display: inline-block;
min-width: 130px;
}
.main-menu > li:nth-child(1) a,
.main-menu > li:nth-child(4) > a
{
min-width: 120px;
}
.main-menu > li:nth-child(2) a,
.main-menu > li:nth-child(5) > a
{
min-width: 136px;
}
.main-menu > li:nth-child(3) a,
.main-menu > li:nth-child(6) > a
{
min-width: auto;
}
.main-menu > li:hover > a,
.main-menu .current-menu-item > a,
.main-menu .current-page-ancestor > a,
.single-program .main-menu .menu-item-object-program > a,
.tax-kategorie .main-menu .menu-item-object-program > a,
.page-template-program-archive .main-menu .menu-item-object-program > a
{
color: #fff;
}
.nav-title,
.nav-logo,
.nav-lang-box,
.nav-social
{
display: none;
}
@media (max-width: 960px)
{
.nav-wrapper
{
position: fixed;
z-index: 999;
top: 0;
right: 0;
display: none;
width: 100%;
height: 100vh;
padding-top: 90px;
background: #003570;
}
.nav-primary
{
position: static;
width: 100%;
}
.main-menu li
{
display: block;
}
.main-menu > li > a
{
line-height: 4.4rem;
display: block;
padding: 0 17px;
color: #fff;
background: none;
}
.main-menu .current-menu-item > a,
.main-menu .current-page-ancestor > a,
.single-program .main-menu .menu-item-object-program > a,
.tax-kategorie .main-menu .menu-item-object-program > a,
.page-template-program-archive .main-menu .menu-item-object-program > a
{
color: #ee7947;
}
.nav-title,
.nav-logo,
.nav-lang-box,
.nav-social
{
font-size: 1.6rem;
display: block;
color: #fff;
}
.nav-title
{
font-size: 3rem;
font-weight: 600;
position: absolute;
top: 11px;
left: 17px;
letter-spacing: 7px;
}
.nav-logo
{
font-size: 0;
position: absolute;
top: 18px;
left: 50%;
display: block;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-width: 0 13px 22px 13px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.nav-logo:hover
{
border-color: transparent transparent #ee7947 transparent;
}
.nav-lang-box
{
position: absolute;
bottom: 30px;
left: 17px;
}
.nav-lang-box .lang-list
{
margin: 0;
}
.nav-lang-box .current-lang-item
{
display: none;
}
.nav-lang-box a
{
color: #fff;
}
.nav-social
{
position: absolute;
right: 17px;
bottom: 30px;
}
}
@media (max-height: 450px)
{
.main-menu li
{
display: inline-block;
width: 47%;
}
.main-menu li:nth-child(even)
{
width: 53%;
}
.main-menu li:nth-child(even) a
{
padding-left: 0;
}
.main-menu li:nth-child(odd) a
{
padding-right: 0;
}
}
@media (min-width: 961px)
{
.nav-wrapper
{
display: block !important;
height: auto !important;
}
} .tools
{
position: absolute;
top: 34px;
right: 35px;
}
.tools-social
{
font-size: 1.6rem;
display: inline-block;
vertical-align: top;
}
.nav-btn
{
display: none;
} .lang-box ul
{
margin: 0;
}
.lang-box li
{
font-size: 1.6rem;
}
.lang-box .current-lang-item
{
display: none;
}
.lang-box a
{
font-size: 1.6rem;
text-transform: lowercase;
color: #003570;
}
.lang-box a:hover
{
color: #fff;
}
@media (max-width: 960px)
{
.tools
{
top: 18px;
right: 17px;
}
.tools-social
{
display: none;
}
.lang-box
{
display: none;
} .nav-btn
{
font-size: 0;
position: relative;
z-index: 999999;
display: block;
width: 24px;
height: 21px;
}
.nav-btn span,
.nav-btn:before,
.nav-btn:after
{
transition: .4s;
}
.nav-btn span
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
display: none;
width: 100%;
height: 3px;
margin: auto 0;
background: #003570;
}
.nav-btn.active span
{
right: 20px;
background: rgba(0,0,0,0);
}
.nav-btn:hover.active span
{
background: rgba(0,0,0,0);
}
.nav-btn:before,
.nav-btn:after
{
position: absolute;
left: 0;
display: block;
width: 100%;
height: 3px;
content: '';
background: #003570;
}
.nav-btn:before
{
top: 0;
}
.nav-btn:after
{
bottom: 0;
}
.nav-btn.active:before
{
top: 9px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn.active:after
{
bottom: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-btn.active:before,
.nav-btn.active:after
{
background: #fff;
}
} .content
{
position: relative;
padding: 15px 0 60px 0;
}
.content .container
{
max-width: 1080px;
padding: 0;
}
.content .text-field a
{
text-decoration: underline;
}
.content .text-field a:hover
{
text-decoration: none;
color: #003570;
}
.content .text-field ul li
{
font-weight: 600;
position: relative;
padding-left: 46px;
}
.content .text-field ul li:before
{
position: absolute;
top: 7px;
left: 0;
display: block;
width: 16px;
height: 16px;
content: '';
border-radius: 50%;
background: #003570;
}
.content .text-field .alignleft
{
float: left;
}
.content .text-field .alignright
{
float: right;
}
.content .text-field .aligncenter
{
display: block;
margin: 0 auto;
}
@media (max-width: 1150px)
{
.content .container
{
max-width: 690px;
}
.content .text-field ul li:before
{
top: 6px;
width: 15px;
height: 15px;
}
}
@media (max-width: 960px)
{
.content
{
padding: 80px 0 30px 0;
}
}
@media (max-width: 760px)
{
.content .container
{
padding: 0 17px;
}
.content .text-field ul li:before
{
top: 6px;
width: 12px;
height: 12px;
}
} .homepage.content
{
display: flex;
height: calc(100vh - 100px);
min-height: 700px;
padding: 0;
justify-content: center;
align-items: center;
}
.homepage h2
{
font-size: 16rem;
font-weight: 100;
margin: 0;
padding: 0 35px;
cursor: default;
text-align: center;
text-transform: none;
color: #fff;
}
.parallax
{
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: -100px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
margin: auto;
}
.parallax ul,
.parallax li
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.parallax .layer
{
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 1000px 500px;
}
.parallax .background
{
background-image: url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/img/parallax.png);
}
@media (max-width: 1150px)
{
.homepage.content
{
min-height: 600px;
}
.homepage h2
{
font-size: 10rem;
}
.parallax .layer
{
background-size: 700px 350px;
}
}
@media (max-width: 960px)
{
.homepage.content
{
height: calc(100vh - 175px);
min-height: 500px;
}
.homepage h2
{
padding: 0 17px;
}
}
@media (max-width: 760px)
{
.homepage.content
{
height: 100vh;
min-height: 500px;
}
.homepage h2
{
font-size: 5rem;
}
.parallax
{
bottom: -90px;
}
.parallax .layer
{
background-size: 240px 380px;
}
.parallax .background
{
background-image: url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/img/mobile_parallax.png);
}
} .slider-wrapper
{
position: relative;
padding-bottom: 100px;
}
.slider-wrapper .container
{
position: static;
}
.slider
{
overflow: hidden;
}
.slider img
{
width: 100%;
height: auto;
}
.slider .slide
{
outline: none;
}
.slider .slide span
{
font-size: 1.6rem;
display: block;
min-height: 2.1rem;
margin-top: 25px;
}
.slider-paging
{
font-size: 4rem;
font-weight: 600;
position: absolute;
right: 35px;
bottom: 25px;
}
.slider-paging button
{
font-size: 4rem;
font-weight: 600;
}
.slider-paging span
{
font-weight: 300;
}
.about-highlight
{
position: relative;
display: flex;
height: 1080px;
border: 1px solid #ee7947;
background: #fff;
justify-content: center;
align-items: center;
}
.about-highlight:before
{
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
margin: auto;
content: '';
background: #ee7947;
}
.object-diagonals
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.object-diagonals:before,
.object-diagonals:after
{
position: absolute;
top: 0;
left: 0;
display: block;
width: inherit;
height: inherit;
content: '';
}
.object-diagonals:before
{
background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%27100%25%27%20y1%3D%27100%25%27%20x2%3D%270%27%20y2%3D%270%27%20stroke%3D%27%23ee7947%27%20stroke-width%3D%271%27%2F%3E%3C%2Fsvg%3E') center center no-repeat;
}
.object-diagonals:after
{
background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%27100%25%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%27100%25%27%20stroke%3D%27%23ee7947%27%20stroke-width%3D%271%27%2F%3E%3C%2Fsvg%3E') center center no-repeat;
}
.about-highlight .text-field
{
z-index: 3;
height: auto;
}
.about-highlight .text-field p
{
font-size: 3rem;
line-height: 4.5rem;
margin: 0;
}
.about-info .text-field
{
padding-top: 70px;
}
@media (max-width: 1150px)
{
.about-highlight
{
height: 760px;
}
.about-highlight .text-field p
{
font-size: 2rem;
line-height: 3rem;
}
}
@media (max-width: 760px)
{
.slider-wrapper
{
padding-bottom: 50px;
}
.slider-paging
{
right: 17px;
bottom: 8px;
}
.slider-paging,
.slider-paging button
{
font-size: 3rem;
}
.about-highlight
{
height: 460px;
}
.about-highlight .text-field p
{
font-size: 1.6rem;
line-height: 2.6rem;
}
.about-info .text-field
{
padding-top: 30px;
}
} .gallery .container
{
position: static;
}
.gallery-item
{
margin-top: 100px;
}
.gallery-item:first-child
{
margin: 0;
}
.gallery-item h2
{
text-transform: none;
}
.gallery-item .text-field
{
margin-bottom: 60px;
}
.gallery-item picture
{
display: block;
margin-bottom: 60px;
}
.gallery-item img
{
display: block;
width: 100%;
height: auto;
}
@media (max-width: 1150px)
{
.gallery-item .text-field,
.gallery-item picture
{
margin-bottom: 30px;
}
.gallery-item
{
margin-top: 60px;
}
}
@media (max-width: 760px)
{
.gallery-item .text-field,
.gallery-item picture
{
margin-bottom: 20px;
}
.gallery-item
{
margin-top: 40px;
}
} .nav-projects
{
margin-bottom: 90px;
}
.nav-projects li
{
width: 25%;
text-align: center;
}
.nav-projects li:first-child
{
text-align: left;
}
.nav-projects li:last-child
{
text-align: right;
}
.nav-projects a
{
line-height: 5rem;
display: block;
text-transform: lowercase;
border-bottom: 1px solid #003570;
}
.nav-projects .current-menu-item a,
.nav-projects .current_page_item a
{
color: #fff;
}
.projects_form-before
{
font-weight: 600;
display: block;
margin: 90px 0 30px 0;
}
.projects_form-after
{
font-weight: 600;
font-style: italic;
display: block;
margin-top: 30px;
}
@media (max-width: 1150px)
{
.nav-projects
{
margin-bottom: 60px;
}
.nav-projects li
{
width: 48%;
text-align: left;
}
.nav-projects li:last-child
{
text-align: left;
}
.nav-projects li:nth-child(even)
{
width: 52%;
}
.projects_form-before
{
margin: 50px 0 30px 0;
}
}
@media (max-width: 760px)
{
.projects_form-before
{
margin: 25px 0 30px 0;
}
}
@media (max-width: 460px)
{
.nav-projects li,
.nav-projects li:nth-child(even)
{
width: 100%;
}
} .people-section
{
padding-top: 60px;
border-top: 1px solid #003570;
}
.people-section:first-child
{
padding-top: 0;
border-top: none;
}
.people-section_info h2
{
margin-bottom: 0;
}
.people-section_info
{
margin-bottom: 60px;
}
.people-section_person
{
width: 50%;
margin-bottom: 60px;
padding-right: 120px;
}
.people-section_person img
{
display: block;
width: auto;
height: 320px;
margin-bottom: 25px;
}
.people-section_person h3
{
margin-bottom: 0;
}
.people-section_person span
{
font-weight: 600;
font-style: italic;
display: block;
margin-bottom: 30px;
}
.people-section_person a
{
word-break: break-all;
}
@media (max-width: 1150px)
{
.people-section_person
{
padding-right: 30px;
}
}
@media (max-width: 760px)
{
.people-section
{
padding-top: 30px;
}
.people-section_info,
.people-section_person
{
margin-bottom: 30px;
}
.people-section_person img
{
height: 215px;
margin-bottom: 15px;
}
}
@media (max-width: 460px)
{
.people-section_info p br
{
content: ' ';
}
.people-section_person
{
width: 100%;
}
} .partners-section
{
padding-top: 60px;
border-top: 1px solid #003570;
}
.partners-section:first-child
{
padding-top: 0;
border-top: none;
}
.partners-section_info h2
{
margin-bottom: 40px;
}
.partners-section_info .text-field
{
margin-bottom: 60px;
}
.partners-section .table-wrapper
{
margin: 0;
}
.partners-section table
{
min-width: auto;
margin-bottom: 60px;
}
.partners-section table td
{
font-weight: 600;
line-height: 4rem;
padding: 0;
vertical-align: top;
border: none;
}
.partners-section table td:first-child
{
width: 540px;
padding-right: 17px;
}
@media (max-width: 1150px)
{
.partners-section
{
padding-top: 50px;
}
.partners-section_info .text-field,
.partners-section table
{
margin-bottom: 50px;
}
.partners-section_info h2
{
margin-bottom: 30px;
}
.partners-section table td
{
line-height: 3.6rem;
}
.partners-section table td:first-child
{
width: 460px;
}
}
@media (max-width: 760px)
{
.partners-section
{
padding-top: 40px;
}
.partners-section_info .text-field,
.partners-section table
{
margin-bottom: 40px;
}
.partners-section_info h2
{
margin-bottom: 25px;
}
.partners-section table td
{
line-height: 2.8rem;
}
.partners-section table td:first-child
{
width: 360px;
}
}
@media (max-width: 600px)
{
.partners-section table tr
{
display: block;
margin-bottom: 25px;
}
.partners-section table tr:last-child
{
margin: 0;
}
.partners-section table td
{
line-height: 2.4rem;
display: block;
}
.partners-section table td:first-child
{
width: auto;
}
.partners-section table td:last-child
{
font-weight: 300;
}
} .contact .text-field a
{
text-decoration: none;
}
.contact .text-field a:hover
{
color: #fff;
}
.contact-address
{
margin-bottom: 30px;
}
.contact-map
{
padding: 35px 0;
border-top: 1px solid #003570;
}
.contact-map .map-api
{
width: 100%;
height: 500px;
}
.contact-data
{
position: absolute;
top: 0;
right: 0;
padding-right: 140px;
}
.contact-data h2
{
margin-bottom: 4rem;
}
@media (max-width: 1150px)
{
.contact-data h2
{
margin-bottom: 3rem;
}
.contact-map .map-api
{
height: 350px;
}
.contact-data
{
padding-right: 0;
}
}
@media (max-width: 760px)
{
.contact-data
{
padding-right: 17px;
}
}
@media (max-width: 600px)
{
.contact-address
{
margin-bottom: 25px;
}
.contact-map
{
margin-bottom: 25px;
padding: 30px 0;
border-bottom: 1px solid #003570;
}
.contact-map .map-api
{
height: 260px;
}
.contact-data
{
position: static;
padding-right: 0;
}
.contact-data h2
{
margin-bottom: 1rem;
}
} .nav-program
{
margin-bottom: 90px;
}
.nav-program li
{
width: 25%;
}
.nav-program a
{
line-height: 5rem;
display: block;
text-transform: lowercase;
border-bottom: 1px solid #003570;
}
.nav-program .current-menu-item a,
.nav-program .current_page_item a,
.nav-program .current-program-ancestor a
{
color: #fff;
}
.event-row
{
padding: 15px 0;
border-bottom: 1px solid #003570;
}
.event-row:last-child
{
border: none;
}
.page-template-program-archive .event-row
{
opacity: .7;
}
.event-date
{
font-weight: 600;
width: 260px;
}
.event-date time
{
display: inline-block;
}
.event-date_day
{
display: inline-block;
min-width: 70px;
}
.event-date_hour
{
display: block;
padding-left: 75px;
}
.event-recurring
{
width: 100px;
}
.event-recurring img
{
width: 29px;
height: auto;
margin-top: -2px;
}
.event-title
{
width: calc(100% - 400px);
}
.event-title h2
{
margin-bottom: 0;
text-transform: none;
}
.event-url
{
width: 40px;
text-align: right;
}
@media (max-width: 1150px)
{
.event-date
{
width: 225px;
}
.event-recurring
{
width: 55px;
}
.event-title
{
width: calc(100% - 310px);
}
.event-url
{
width: 30px;
}
.event-recurring img
{
width: 20px;
margin-top: 0;
}
}
@media (max-width: 760px)
{
.nav-program
{
margin-bottom: 60px;
}
.event-date
{
width: 185px;
}
.event-date_day
{
min-width: 50px;
}
.event-date_hour
{
padding-left: 54px;
}
.event-title
{
width: calc(100% - 240px);
}
.event-url
{
display: none;
}
}
@media (max-width: 600px)
{
.nav-program li
{
width: 50%;
}
.event-date
{
width: calc(100% - 30px);
}
.event-date time
{
display: flex;
width: 100%;
justify-content: space-between;
}
.event-date_hour
{
display: inline-block;
padding: 0;
}
.event-recurring
{
width: 30px;
text-align: right;
}
.event-title
{
width: 100%;
padding: 10px 0 0 0;
}
.event-title span,
.event-title br
{
display: none;
}
} .event-single
{
position: relative;
}
.event-single .event-row:first-child
{
padding-top: 0;
}
.event-single .event-row:last-child
{
border-bottom: 1px solid #003570;
}
.event-meta
{
margin: 25px 0 50px 0;
}
.event-single .event-url
{
width: auto;
text-align: left;
}
.event-row.event-date-row
{
padding: 0;
}
.event-date-row .event-date
{
padding: 15px 0;
}
.event-date-row .event-date:nth-child(3n+1)
{
width: 360px;
}
.event-date-row .event-date:nth-child(3n+2),
.event-date-row .event-date:nth-child(3n+3)
{
width: calc(50% - 180px);
}
.event-meta
{
padding-left: 360px;
}
.event-meta .event-organizers
{
margin-bottom: 30px;
}
.event-meta address
{
font-weight: 300;
font-style: normal;
}
.event-meta .event-url
{
position: absolute;
top: 0;
right: 0;
}
.event-link-back
{
font-size: 0;
position: relative;
display: block;
width: 22px;
height: 25px;
margin: 25px 0 10px 0;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.event-link-back:before,
.event-link-back:after
{
position: absolute;
display: block;
width: 25px;
height: 1px;
content: '';
transition: .5s;
background: #003570;
}
.event-link-back:before
{
bottom: 0;
left: 0;
}
.event-link-back:after
{
top: 13px;
left: -6px;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.event-link-back:hover:before,
.event-link-back:hover:after
{
background: #fff;
}
@media (max-width: 1150px)
{
.event-date-row .event-date:nth-child(3n+1)
{
width: 280px;
}
.event-date-row .event-date:nth-child(3n+2),
.event-date-row .event-date:nth-child(3n+3)
{
width: calc(50% - 140px);
}
.event-date-row .event-date:nth-child(3n+3)
{
text-align: right;
}
.event-row.event-date-row
{
padding: 5px 0;
}
.event-date-row .event-date
{
padding: 10px 0;
}
.event-date-row .event-date time
{
text-align: left;
}
.event-meta
{
margin: 15px 0 30px 0;
padding-left: 280px;
}
.event-meta .event-organizers
{
margin-bottom: 20px;
}
}
@media (max-width: 760px)
{
.event-date-row .event-date:nth-child(3n+1)
{
width: 240px;
}
.event-date-row .event-date:nth-child(3n+2),
.event-date-row .event-date:nth-child(3n+3)
{
width: calc(50% - 120px);
}
.event-meta
{
padding-left: 240px;
}
.event-meta .event-url
{
font-weight: 600;
position: static;
display: block;
margin-top: 25px;
}
}
@media (max-width: 600px)
{
.event-date-row .event-date
{
width: 100% !important;
padding-right: 30px;
}
.event-meta
{
padding-left: 0;
}
} .pagination
{
display: block;
height: 50px;
margin-top: 20px;
text-align: center;
}
.pagination a
{
display: none;
}
.pagination a:hover
{
text-decoration: none;
border-color: #00a2bf;
}
.infinite-scroll
{
position: absolute !important;
z-index: 999;
bottom: 0;
left: 0;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
#infscr-loading
{
font-size: 0;
display: inline-block;
width: 30px;
height: 30px;
animation: spin 1s infinite linear;
background: transparent url(//www.prazskekreativnicentrum.cz/wp-content/themes/ds-prime/img/ico_loading.svg) center center no-repeat;
background-size: cover;
}
@keyframes spin
{
from
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#infscr-loading img
{
display: none !important;
} footer
{
position: absolute;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100px;
padding: 30px 0;
color: #fff;
background: #003570;
}
footer .row > *
{
font-size: 1.6rem;
}
footer a
{
color: #fff;
}
footer a:hover
{
text-decoration: none;
color: #ee7947;
}
.footer-column
{
width: 25%;
}
.footer-column_place
{
font-weight: 600;
}
.footer-column_place .text-field
{
max-width: 90px;
}
.footer-column_partners
{
text-align: right;
}
.footer-column_partners .text-field
{
display: inline-block;
text-align: left;
}
@media (max-width: 1300px)
{
.footer-column_place,
.footer-column_entry
{
width: 17%;
}
.footer-column_contact,
.footer-column_partners
{
width: 33%;
}
}
@media (max-width: 960px)
{
footer
{
height: 175px;
}
.footer-column
{
width: 50%;
text-align: left;
}
.footer-column .text-field
{
margin-top: 35px;
}
.footer-column_place .text-field,
.footer-column_entry .text-field
{
margin: 0;
}
}
@media (max-width: 600px)
{
footer
{
height: 310px;
}
.footer-column
{
width: 100%;
}
.footer-column .text-field
{
display: block;
max-width: none;
}
.footer-column_entry .text-field
{
margin-top: 35px;
}
.footer-column_place .text-field
{
margin: 0;
}
}  .scroll-to-top-wrapper
{
display: none;
padding: 0 0 60px 0;
text-align: center;
}
.scroll-to-top
{
font-size: 0;
display: inline-block;
width: 0;
height: 0;
border-width: 0 24px 42px 24px;
border-style: solid;
border-color: transparent transparent #003470 transparent;
}
.scroll-to-top:hover
{
border-color: transparent transparent #ee7947 transparent;
}
@media (max-width: 960px)
{
.scroll-to-top-wrapper
{
display: none;
}
} .cookie-notice
{
font-size: 1.6rem;
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
display: none;
width: 100%;
padding: 6px 34px;
color: #fff;
background: #c3b3a5;
}
.cookie-notice_text
{
float: left;
}
.cookie-notice_buttons
{
float: right;
}
.cookie-notice button
{
font-size: 1.6rem;
font-weight: 600;
display: inline-block;
margin-left: 20px;
vertical-align: middle;
color: #1a3f6e;
}
.cookie-notice button:first-child
{
margin: 0;
}
.cookie-notice button:hover
{
text-decoration: none;
color: #fff;
}
@media (max-width: 960px)
{
.cookie-notice
{
padding: 6px 17px;
}
}
@media (max-width: 760px)
{
.cookie-notice,
.cookie-notice button
{
font-size: 1.3rem;
}
.cookie-notice button
{
margin-left: 15px;
}
}
@media (max-width: 600px)
{
.cookie-notice_buttons
{
float: left;
}
} @media print
{
header,
nav,
.tools,
footer,
.slider-wrapper,
.scroll-to-top-wrapper,
.event-link-back,
.event-url
{
display: none !important;
}
.content {
padding: 50px 0 0 0;
}
.about-highlight {
height: auto;
padding: 25px 0;
}
} .no-js picture
{
display: none;
}