@media (max-width: 1920px) {
body.temobile {
-webkit-text-size-adjust: 100%; }
body.temobile #forbottom {
min-height: 0;
} body.temobile .column-image {
overflow: visible;
}
body.temobile .column-image-inside {
display: none;
}
body.temobile .column-text {
position: relative;
top: 0;
left: 0;
display: table;
width: 100%;
margin: 0 auto;
padding: 10px 0;
color: inherit;
-webkit-transform: none;
transform: none;
-webkit-transition: none;
transition: none;
}
body.temobile .columnmore {
position: relative;
bottom: 0;
}
body.temobile .column-image:hover .columnmore {
bottom: 0;
}
}
@media (max-width: 800px) {
body {
-webkit-text-size-adjust: 100%;
}  .column-image {
overflow: visible;
}
.column-image-inside {
display: none;
}
.column-text {
position: static;
display: inline-block;
margin: 0 auto;
padding: 10px 0;
color: inherit;
-webkit-transform: none;
transform: none;
-webkit-transition: none;
transition: none;
}
.columnmore {
position: static;
margin-bottom: 10px;
}
#header,
#access,
#branding,
#topbar-inner,
#footer-widget-area {
width: 100%;
}
.topmenu {
float: left;
}
#header-full,
#footer {
min-width: 100%;
}
#wrapper,
#colophon,
#main,
article.post,
#container,
#linky {
width: auto;
}
#branding,
#bg_image {
min-height: 100px;
} #branding {
height: auto;
overflow: hidden;
padding: 10px 20px;
}
#header-widget-area {
position: relative;
top: 0;
left: 0;
width: 100%;
}
#header-widget-area .yoyo > li {
margin-bottom: 2px;
}
#footer2 {
margin-bottom: 0;
}
#footer {
margin-top: 0;
}
#forbottom,
#colophon {
margin: 0 20px;
}
.presentation-page .slider-wrapper {
margin: 0 auto;
}
.presentation-page #forbottom {
margin: 0;
}
.presentation-page #pp-afterslider {
margin: 0 20px;
}
#front-text1,
#front-text2 {
font-size: .8em;
padding: 20px 0;
}
.nivo-caption {
left: 0;
right: 0;
margin: auto;
width: 90%;
}
#bg_image {
width: 100%;
}
a#logo {
height: 100%;
display: block;
}
a#logo img {
width: auto;
max-width: 90%;
height: 80%;
}
#site-title span a {
font-size:.9em;
}
.safari a#logo img {
max-height: 80px;
height: auto;
}
.nivo-caption h2 {
margin-bottom: 5px;
}
#slefts,
#srights {
display: none;
}
#access .menu-header,
div.menu {
margin: 0 5px;
}
#container[class*='column'] #primary,
#container[class*='column'] #secondary,
#container[class*='column'] #content {
width: 100%;
float: none;
margin: 0;
clear: both;
}
#container[class*='column'] #content {
margin-bottom: 25px;
}
.slider-wrapper {
width: 100%;
}
#slider {
width: auto;
height: auto;
}
#forbottom #front-columns:not(.pp-columns1) > div {
width: 47%;
margin-bottom: 20px;
}
#forbottom #front-columns div.column1 {
clear: none;
}
#forbottom #front-columns > div.column3 {
margin-right: 5%;
}
#forbottom #front-columns > div:nth-child(2n+2) {
margin-right: 0;
}
.column-image img {
height: auto;
}
#forbottom #front-columns .column-header-image {
text-align: center;
margin-bottom: 10px;
}
#content img,
#content article.post img,
#content article .wp-caption,
article embed {
max-width: 100%;
}
#site-title,
#site-description {
margin-left: 5px;
}
article.post,
article.page {
padding: 20px 10px 10px;
}
article.sticky {
padding: 20px 5px 5px;
border-width: 5px;
}
.footertwo .widget-area,
.footerthree .widget-area,
.footerfour .widget-area {
width: 100%;
}
#header-container > div {
height: 100%;
margin: 0;
}
}
@media (max-width: 780px) {
body.tempera-topbarfixed.admin-bar #topbar {
top: 46px;
}
}
@media (max-width: 650px) {
body {
font-size: .9em;
}
#forbottom,
#colophon {
margin: 0 10px;
}
.presentation-page #forbottom {
margin: 0;
}
.presentation-page #pp-afterslider {
margin: 0 10px;
}
.nivo-caption h2 {
border-bottom: 0;
}
.nivo-caption h2,
.nivo-caption .slide-text {
text-align: inherit;
}
#branding {
height: auto;
padding: 10px;
}
a#logo img {
max-height: 75%;
max-width: 90%;
width: auto;
height: auto;
}
#front-text2 h1 {
margin-bottom: 0;
}
.nivo-directionNav {
display: none;
}
#header .socials a {
width: 20px;
height: 20px;
}
#header .socials a img {
width: 20px;
height: 20px;
}
#site-title span a {
font-size: .8em;
}
#slider {
border: 0;
}
.theme-default .nivoSlider {
background-image: none;
}
.nivo-caption {
position: relative;
padding: 15px 5px 10px;
background: transparent;
color: inherit;
top: 0;
}
.theme-default .nivo-controlNav {
position: static;
box-shadow: none;
background-color: transparent;
}
.column-header-image {
margin-bottom: 0;
}
.footermenu {
display: table;
margin: 0 auto;
float: none;
}
#main {
margin-top: 0;
}
#nav-toggle {
display: block;
float: left;
margin: 0 auto;
cursor: pointer;
width: 100%;
padding: 2px 4%;
}
#nav-toggle span::before {
content: "\e820";
font-family: "elusive";
font-size: 16px;
height: 40px;
line-height: 40px;
}
#nav-toggle.active span::before {
content: "\e814";
}
#access {
display: none;
margin-top: 0;
padding-bottom: 5px;
}
#access .menu ul,
#access .menu ul li {
width: 100%;
}
#access > .menu li ul {
position: inherit;
margin: 0;
overflow: hidden;
}
#access > .menu ul ul ul {
width: 95%;
left: 5%;
}
#access > .menu > ul > li > a > span {
border-width: 0 0 1px 0;
border-style: solid;
box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.tempera-menu-center #access > .menu > ul > li > a > span {
text-align: left;
}
#access > .menu ul li > a:not(:only-child) span:after {
font-family:"Elusive";
content: '\e80a';
position: absolute;
right: 5px;
top: 10px;
z-index: 251;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#access > .menu ul li:hover > a:not(:only-child) span:after {
top: 20px;
opacity: 0;
}
#access > .menu ul li > a:not(:only-child) span {
padding-right: 18px;
}
#access > .menu > ul ul > li a:not(:only-child) span:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
#access li.menu-main-search {
max-width: none;
}
}
@media (max-width: 600px) {
body.tempera-topbarfixed #header-full {
margin-top: 0;
}
body.tempera-topbarfixed.admin-bar #topbar,
body.tempera-topbarfixed #topbar {
position: relative;
top: 0;
}
}
@media (max-width: 480px) {
body {
padding: 0;
}
.nivo-caption h2 {
margin-bottom: 0;
}  #page {
margin-top: 0;
}
.magazine-layout #content article.post,
.magazine-layout .search #content article {
margin: 5px 0;
width: 100%;
}
#forbottom #front-columns > div.pp-column {
width: auto;
max-width: 98%;
float:none;
margin: 25px auto;
clear: both;
}
} @media (max-width: 480px) {
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}.button.pretix-button:hover{
cursor:pointer;
}
.pretix-widget-placeholder{
display:flex;
gap:20px;
align-items:center;
max-width:800px;
margin:auto;
padding:10px;
border:1px solid #ccc;
font-size:14px;
text-align:center;
}
.pretix-widget-placeholder > img{
width: 150px;
max-width:150px;
}
.pretix-widget-placeholder > .message{}
.pretix-widget-placeholder.error{
color:red;
}
.pretix-widget-no-script{
display:block;
max-width:800px;
margin:auto;
padding:10px;
border:1px solid #ccc;
font-size:14px;
text-align:center;
}
.pretix-widget-no-script a{
font-weight:bold;
}