.searchform input[type="search"]
{
font-size: 20px;
line-height: 24px;
color: black;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.searchform input[type="search"]::-webkit-input-placeholder
.searchform input[type="search"] {
color: black;
}
.searchform input[type="search"]::-webkit-input-placeholder,
.searchform input[type="search"]:-ms-input-placeholder,
.searchform input[type="search"]::placeholder
.searchform input[type="search"] {
color: black;
}
::-webkit-input-placeholder {
color: black;
}
:-ms-input-placeholder {
color: black;
}
::-moz-placeholder {
color: black;
}
::-ms-input-placeholder {
color: black;
}
::placeholder {
color: black;
}
@media (max-width: 960px) {
header, aside,main {
padding-left: 17px;
padding-right: 17px;
}
header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 20px 10px 17px;
}
.searchform input[type="search"] {
font-weight: 600;
}
.mobile-nav {
display: block;
position: relative;
width: 23.59px;
height: 23.59px;
-webkit-transition: -webkit-transform 250ms ease-in;
transition: -webkit-transform 250ms ease-in;
-o-transition: transform 250ms ease-in;
transition: transform 250ms ease-in;
transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
}
.mobile-nav span {
display: block;
background: black;
position: absolute;
}
.mobile-nav .vert {
width: 3px;
height: 23px;
left: 10px;
}
.mobile-nav .hor {
width: 23px;
height: 3px;
top:10px;
}
.mobile-nav.active {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-top {
display: none;
}
header h2 a,
header h2{
font-weight: 800;
font-size: 25px;
line-height: 30px;
}
aside {
display: none;
}
aside.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: fixed;
background: white;
width: 100vw;
min-height: calc( 100vh - 30px );
overflow: auto;
height:  calc( 100% - 30px );
padding-bottom: 80px;
top: 84px;
padding-bottom: 33%;
}
aside.active > div {
padding: 20px 34px;
}
aside.active > div:first-child,
aside.active .menu-main-menu-container {
border-top: 1px solid black;
padding: 20px 34px;
}
aside.active .bottom {
padding: 37px 34px;
}
a.prihlaska {
font-size: 20px;
line-height: 24px;
color: black;
font-weight: 600;
}
aside.active li a {
font-weight: 600;
}
html.active {
overflow: hidden;
}
html.active main{
display: none;
}
.thumb_wrapper {
margin-left: -17px;
margin-right: -17px;
}
aside form:after {
top: 14px;
}
.main_wrap {
min-height: calc( 100vh - 54px);
}
h4 {
font-size: 24px;
line-height: 28px;
margin: 46px 31px 20px 31px;
font-weight: 600;
}
.links {
margin-top: 40px;
}
}
@media (min-width: 960px) {
header {
padding: 74px 68px 7px 97px;
}
.main_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
aside > div {
max-width: 240px;
}
aside, .title {
min-width: 380px;
max-width: 380px;
}
aside {
min-height: 600px;
margin-bottom: 140px;
}
}
@media (min-width: 1460px) {
aside, .title {
min-width: 444px;
}
}
@media (min-width: 1360px) {
aside > div {
max-width: 380px;
}
}