html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub,  var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body{
line-height: 1.3em;
padding:10px;    
font-family: 'Arial', sans-serif;
font-size: 100%;
font-size: 14px;
}
#content a {
color: #009ddf;
text-decoration: none;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
#content ul, ol {
list-style-position: inside;
padding-left: 1.3em;
margin-left: 1.3em;
}
#content li{
list-style-type: disc;
list-style-position: inside;
text-indent: -2em;
padding-left: 1em;
}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{
color: #7f7f7f;
font-weight: 700;
}
#content h1 {
font-size: 1.6em;
line-height: 1.4em;
margin: 15px 0 0 0;
}
#content h2 {
font-size: 1.4em;
line-height: 1.3em;
margin: 10px 0 10px 0;
}
#content h3 {
font-size: 1.3em;
line-height: 1.2em;
margin: 5px 0 5px 0;
}
#content h4 {
font-size: 1.1em;
line-height: 1.1em;
margin: 5px 0 5px 0;
}
#content h5 {
font-size: 1em;
line-height: 1em;
margin: 5px 0 5px 0;
}
#content h6{
font-size: 0.8em;
line-height: 1em;
margin: 5px 0 5px 0;
}
#content table {
border-collapse: collapse;
width: 100%;
}
#content td, #content th {
padding: .5em;
border: 1px solid;
word-break: normal;
}
#content hr{
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
} #logo {
height: 152px;
width: 66px;
float: left;
background: url(//www.reinisch-graz.com/wp-content/themes/reinischv2/img_rc/reinisch_contemporary_logo_red.svg) no-repeat top right;
margin-right: 10px;
}
#home_logo_blue {    
background: url(//www.reinisch-graz.com/wp-content/themes/reinischv2/img_rc/reinisch_contemporary_logo_blue_text.svg) no-repeat bottom right;
height: 140px;    
width: 130px;    
float: left;    
}
#home_loewe {
position: absolute;
top: 0px;
left: 10px;
z-index: -999;
background: url(//www.reinisch-graz.com/wp-content/themes/reinischv2/img_rc/loewe.jpg) no-repeat top left;
width: 100%;
height: 100%;
background-size: 150%;
}
#home_current_exhib {
margin:auto auto; margin-top:30px;
}
#home_current_exhib img {
width: auto !important;
}
.clear {
clear: both;
} #menu_wrapper{
position: relative;
height: 153px;
}
#main-menu{
font-size: 1.5em;
z-index: 50;
position: absolute;
bottom: 0px;
left: 73px;
}
#main-menu ul{
list-style: none;
padding: 0;
line-height: 1;
display: block;
zoom: 1;
text-align: right;
}
#main-menu ul:after{
content: ' ';
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
#main-menu ul li{
float: left;
display: block;
padding: 0;
}
#main-menu  ul li a{
color: #7F7F7F;
text-decoration: none;
display: block;
padding: 10px 20px 10px 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: relative;
-webkit-transition: color .25s;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
transition: color .25s;
}
#main-menu ul li a:hover{
color: #E00024;
}
#main-menu ul li a:hover:before{
width: 100%;
}
#main-menu ul li a:after{
content: '';
display: block;
position: absolute;
right: -3px;
top: 19px;
height: 6px;
width: 6px;
background: #ffffff;
opacity: .5;
}
#main-menu ul li a:before{
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #E00024;
-webkit-transition: width .25s;
-moz-transition: width .25s;
-ms-transition: width .25s;
-o-transition: width .25s;
transition: width .25s;
}
#main-menu ul li.last > a:after,
#main-menu ul li:last-child > a:after{
display: none;
}
#main-menu ul li.active a{
color: #E00024;
}
#main-menu  ul li.active a:before{
width: 100%;
}
.textile_arts .menu_firstrow:hover{
color:#005a99 !important;
}
.textile_arts .menu_firstrow:before{
background: #005a99 !important;
}
.textile_arts.active .menu_firstrow{
color:#005a99 !important;
}
.textile_arts.active .menu_firstrow:before{
background: #005a99 !important;
}
.menu_secondrow{
font-size: 0.5em !important;
color:#C2C2C2 !important;
padding: 2px 20px 2px 50px !important;
}
.menu_secondrow:hover{
color:#7F7F7F !important;
background: #fff !important;
}
.menu_secondrow:before{
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #fff !important;
-webkit-transition: width .25s;
-moz-transition: width .25s;
-ms-transition: width .25s;
-o-transition: width .25s;
transition: width .25s;
}  .mobmenu-content .current_page_item a{
background: #888;
color: white !important;
} form{
width: 80%;
padding: 30px;
background: #FFFFFF;
margin: 15px auto;
border: 1px solid #C2C2C2;
}
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select 
{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
display: block;
width: 100%;
padding: 7px;
border: none;
border-bottom: 1px solid #ddd;
background: transparent;
margin-bottom: 10px;
font: 16px Arial, Helvetica, sans-serif;
height: 45px;
}
textarea{
resize:none;
overflow: hidden;
}
input[type="button"], 
input[type="submit"]{
background-color: #cf2e2e;
border: 1px solid #cf2e2e;
display: inline-block;
cursor: pointer;
color: #FFFFFF;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
padding: 8px 18px;
text-decoration: none;
}
input[type="button"]:hover, 
input[type="submit"]:hover {
background-color:#cf2e2e;
border: 1px solid #cf2e2e;
}
.wpcf7-not-valid-tip {
text-align: right;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: red;
}  #header{
max-width: 1100px;
margin: 1% auto 5px;
}
#footer{
color: #c2c2c2;
}
#footer a:not(.wp-block-button__link){
color: #c2c2c2;
text-decoration: none;
}
.has-vivid-red-color a{
color: #cf2e2e !important;
}
#footer a:not(.wp-block-button__link):hover{
color: #7F7F7F !important;
}
#content{
color: #7f7f7f;
margin-top: 30px;
}
#containertop{
position:relative;
padding-bottom: 10px;
text-align:left;
max-width: 1100px;
margin: 0 auto;
}
#containerbottom{
position:relative;
padding-bottom: 10px;
text-align:left;
max-width: 1100px;
margin: 0 auto;
}
.wp-block-image img {
height: auto;
max-width: none;
}
.wp-block-embed__wrapper {
position: relative;
text-align: center;
}
#logo_blue{
background: url(//www.reinisch-graz.com/wp-content/themes/reinischv2/img_rc/reinisch_contemporary_logo_blue.svg) no-repeat bottom right;
height: 152px;
width: 194px;
float: right;
} #container{
position:relative;
max-width:1100px;
margin:0 auto 25px;
padding-bottom: 10px;
text-align:left;
}
.textile_grid{
width:202px;
height:202px;
margin-right: 18px;
min-height:150px;
background:#fff;
margin:2px;
font-size:12px;
float:left;
border:1px solid #fcfcfc;
position: relative;
}
.category_grid{
width:204px;
height:204px;
padding: 0px;
background:#fff;
margin:8px;
font-size:12px;
float:left;
display:inline;
}
.artist_grid{
width:210px;
height:210px;
min-height:150px;
background:#fff;
margin:2px;
font-size:12px;
float:left;
border:1px solid #fcfcfc;
position: relative;
}
.artist_grid:hover{
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background: center center no-repeat #ededed;
}
.exhibition_grid{
width:263px;
min-height:150px;
background:#fff;
margin:2px;
font-size:12px;
float:left;
border:1px solid #fcfcfc;
position: relative;
}
.single_exibition_grid{
width:259px;
padding: 0px;
background:#fff;
margin:8px;
font-size:12px;
float:left;
}
.image_grid img {
width: 100%;
heigth: auto;
}
span.rollover {
opacity: 1;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background: center center no-repeat #E00024;
cursor: pointer;
position: absolute;
z-index: 10;
bottom: 4px;
width: 100%;
font-size: 1.2em;
color: white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
}
span.rollover1 {
opacity: 1;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background:center center no-repeat #005a99;
cursor: pointer;
position: absolute;
z-index: 10;
bottom:4px;
width:100%;
font-size:1.2em;
color:white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left:5px;
padding-right:5px;	padding-bottom:3px;
}
span.rollover2 {
opacity: .8;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition: -webkit-transform 1s;
background:center center no-repeat #fff;
cursor: pointer;
position: absolute;
z-index: 10;
bottom:4px;
width:100%;
font-size:1.2em;
color:black;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left:5px;
padding-right:5px;	padding-bottom:3px;
}
.polaroid .options {
max-width: 90px;
opacity: 0;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
-webkit-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; height: 50px;
z-index: 10;
width:100%;
}
.polaroid.optionsActive .options,
.polaroid:hover .options {
opacity: 1;
}
body.iPad .polaroid.optionsActive .options,
body.iPad .polaroid:hover .options {
opacity: 0;
}
html.no-opacity .polaroid .options {
display: none;
}
html.no-opacity .polaroid.optionsActive .options,
html.no-opacity .polaroid:hover .options {
display: block;
}
.polaroid .options .save, 
.polaroid .options .like,
.polaroid .options .magnify {
cursor: pointer;
float: left;
top: 0px;
width: 50%;
height: 50px;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.25s ease-out;
-webkit-transition: opacity 0.25s ease-out;
-ms-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
background-color: white; 
}
.polaroid .options span,
#lightbox .options span {
text-align: center;
width: 100%;
display: inline-block;
font-size: 9px;
color: #666666;
line-height: 9px;
margin: 2px 0 0 0;
}
#lightbox #tagOptions a {
float: left; 
width: 20%;
height: 52px;
border-left: 1px solid #dedede;
}
#lightbox #tagOptions a.saveButton {
border-left: 0px;
}
.polaroid .options .savea,
.polaroid .options .like {
border-left: 1px solid #dedede;
width: 49.999%;
}
.polaroid .options .like { right: 0px; }
.polaroid .options .like.active em,
.polaroid .options .save.active em,
.polaroid .options .comment.active em {
-webkit-animation: jump 0.75s 1;
-moz-animation: jump 0.75s 1;
-o-animation: jump 0.75s 1;
animation: jump .75s 1;
}
.polaroid .options .save.active,
.polaroid .options .like.active,
.polaroid .options .comment.active,
#lightbox #tagOptions a.active {
background-color: #008ed3;  
color: #ffffff;
}
.polaroid .options .like:hover span,
.polaroid .options .save:hover span,
.polaroid .options .magnify:hover span ,
.polaroid .options .comment:hover span,
#lightbox #tagOptions a:hover span {
color: #008ed3;
}
.polaroid .options .like.active span,
.polaroid .options .save.active span,
.polaroid .options .magnify.active span,
.polaroid .options .comment.active span,
#lightbox #tagOptions a.active span {
color: #ffffff;
}
.polaroid .options .like.loading,
.polaroid .options .save.loading,
.polaroid .options .comment.loading,
#lightbox #tagOptions a.loading {
background-image: url(//www.reinisch-graz.com/assets/loader-grey.gif);
background-repeat: no-repeat;
background-position: center 10px;
}
.polaroid .options .like.loading em,
.polaroid .options .save.loading em,
.polaroid .options .comment.loading em,
#lightbox #tagOptions a.loading em {
visibility: hidden;
}
.polaroid .options a {
display: block;
padding-bottom: 8px;
}
.polaroid .comments div {
position: relative;
}
.polaroid .comments .comment {
word-wrap: break-word;
}
.polaroid .comments .editComment {
position: absolute;
right: 0;
top: -2px;
display: none;
background-color: #ffffff;
}
.polaroid .comments div:hover .editComment {
display: block;
}
.polaroid .comments.empty {
display: none;
}
.polaroid .comments textarea {
width: 188px;
height: 50px;
font-size: 12px;
line-height: 16px;
font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 4px 4px 5px 5px;
color: #000000;
font-style: normal;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}
.polaroid .comments .formCreateComment {
padding: 5px 0 5px 18px;
}
.polaroid .options em,
#lightbox .options em {
background: transparent url(//www.reinisch-graz.com/wp-content/themes/reinischv2/images/icons.png) no-repeat left top;
width: 18px;
height: 18px;
display: block;
margin: 9px auto 1px auto;
}
#lightbox .options em {
margin-top: 11px;
}
.polaroid .options .magnify em { background-position: -18px 0; }
.polaroid .options .save em,
#lightbox #tagOptions .saveButton em { background-position: -36px 0; }
.polaroid .options .comment em,
#lightbox #tagOptions .noteButton em { background-position: -54px 0; }
#lightbox #tagOptions .shareButton em { background-position: -72px 0; }
#lightbox #tagOptions .flagButton em { background-position: -90px 0; }
.polaroid .options .like:hover em,
#lightbox #tagOptions .likeButton:hover em { background-position: 0 -36px; }
.polaroid .options .magnify:hover em { background-position: -18px -36px; }
.polaroid .options .save:hover em,
#lightbox #tagOptions .saveButton:hover em { background-position: -36px -36px; }
.polaroid .options .comment:hover em,
#lightbox #tagOptions .noteButton:hover em { background-position: -54px -36px; }
#lightbox #tagOptions .shareButton:hover em { background-position: -72px -36px; }
.polaroid .options .like.active em,
#lightbox #tagOptions .likeButton.active em { background-position: 0 -18px; }
.polaroid .options .magnify.active em { background-position: -18px -18px; }
.polaroid .options .save.active em,
#lightbox #tagOptions .saveButton.active em { background-position: -36px -18px; }
.polaroid .options .comment.active em,
#lightbox #tagOptions .noteButton.active em { background-position: -54px -18px; }
#lightbox #tagOptions .shareButton.active em { background-position: -72px -18px; }
.main-carousel {
overflow: hidden;
margin-top: 20px;
}
.main-carousel > div:not(:first-child) {
display: none;
}
.carousel-cell {
width: 100vw;
height: calc(100vw / 1.6);
display: flex;
align-items: center;
justify-content: center;
}
.carousel-cell img {
display: block;
width: 100%;
}
.carousel img {
display: block;
height: 200px;
}
.caption {
background: #FAFAFA;
margin: 0;
padding: 10px;
text-align: left;
color: #808080;
}
.flickity-page-dots {
bottom: -60px;
}
.flickity-prev-next-button {
width: 20px !important;
height: 20px !important;
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
height: auto;
}
@media screen and ( min-width: 768px ) {
.carousel img {
height: 400px;
}
}
@media all and (max-width: 768px)
{
.home_content {
width: 100%;
}
.carousel-cell {
height: 30vh;
}
#footer_contact {
display: none;
}
}