/* ----------------------------------------- */ /* View slug: current-main-gallery-exhibition - start */ /* ----------------------------------------- */ .no-items { text-align: center; } /* ----------------------------------------- */ /* View slug: current-main-gallery-exhibition - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: coming-exhibitions - start */ /* ----------------------------------------- */ .no-items { text-align: center; } /* ----------------------------------------- */ /* View slug: coming-exhibitions - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: upcoming-performances-event-page - start */ /* ----------------------------------------- */ .no-items { text-align: center; } /* ----------------------------------------- */ /* View slug: upcoming-performances-event-page - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-current-main-gallery-exhibition - start */ /* ----------------------------------------- */ .main-gallery-box { position: relative; } .object-fit_cover { object-fit: cover } .main-gallery-image img { display: block; vertical-align: middle; width: 100%; height: 450px; } .main-gallery-image { margin-left:500px; height: 450px; width: 50%; float: right; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .main-gallery-titles { width: 50%; display: flex; justify-content: center; flex-direction: column; height: 450px; position: absolute; float:left; padding: 0px 25px 0px 0px; z-index:1; } .main-gallery-titles .subheading-title { font-size:1rem; color:#a13423; letter-spacing:3px; padding-bottom: 10px; } .main-gallery-titles h2 { font-size: 2.5rem; line-height: 100%; color: #262626; } .main-gallery-titles h5 { font-size: 1rem; line-height: 1; padding-top: 10px; padding-bottom: 10px; color: #a13423; text-transform: uppercase; } .main-gallery-button { padding: 15px 45px 15px 45px; color: #a13423; border-style: solid; border-width: 1px; border-color: #a13423; background-color: rgba(0,0,0,0); font-family: default; font-size: 1rem; font-weight: 300; text-align: center; letter-spacing: 3px; } .main-gallery-button:hover { background-color: #000000; border-color: #000000; color: white; } @media only screen and (max-width: 765px) { .main-gallery-image img { display: block; vertical-align: middle; width: 100%; height: 200px; } .main-gallery-image { margin-left: 0px; height: 200px; width: 100%; margin-bottom: 20px; float: left; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .main-gallery-titles { width: 100%; position: relative; height: auto; float: left; padding: 20px 0; z-index:1; margin-top: 0px; margin-bottom: 50px; text-align:center; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-current-main-gallery-exhibition - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-coming-exhibitions - start */ /* ----------------------------------------- */ .coming { text-align: center; margin-bottom: 20px; width:33%; float: left; padding: 10px; } .object-fit_cover { object-fit: cover } .coming-img img { display: block; width: 100%; height: 250px; } .coming-text h3 { font-size:1.5rem; line-height: 100%; margin-top: 20px; } .coming-text h3 a {color:#262626;} /* unvisited link */ .coming-text h3 a:visited {color:#262626;} /* visited link */ .coming-text h3 a:hover {color:#a13423;} /* mouse over link */ .coming-text h3 a:active {color:#a13423;} .coming-date h5 { font-size:1rem; line-height: 1; padding-top: 10px; padding-bottom: 10px; color: #a13423; text-transform: uppercase; } @media only screen and (max-width: 765px) { .coming { text-align: center; margin-bottom: 20px; width:100%; float: left; padding: 0px 10px 0px 10px; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-coming-exhibitions - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-current-k-space - start */ /* ----------------------------------------- */ .kspace-box { position: relative; } .object-fit_cover { object-fit: cover } .kspace-image img { display: block; vertical-align: middle; width: 100%; height: 450px; } .kspace-image { margin-left:500px; height: 450px; width: 50%; float: right; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .kspace-titles { width: 50%; display: flex; justify-content: center; flex-direction: column; position: absolute; height: 450px; position: absolute; float:left; padding: 0px 25px 0px 0px; z-index:1; } .kspace-titles .subheading-title { font-size:1rem; color:#a13423; letter-spacing:3px; padding-bottom: 10px; } .kspace-titles h2 { font-size: 2.5rem; line-height: 100%; padding-bottom: 10px; color: #262626; } .kspace-titles h5 { font-size: 1rem; line-height: 1; padding-top: 10px; padding-bottom: 10px; color: #a13423; text-transform: uppercase; } .kspace-button { padding: 15px 45px 15px 45px; color: #a13423; border-style: solid; border-width: 1px; border-color: #a13423; background-color: rgba(0,0,0,0); font-family: default; font-size: 1rem; font-weight: 300; text-align: center; letter-spacing: 3px; } .kspace-button:hover { background-color: #000000; border-color: #000000; color: white; } @media only screen and (max-width: 765px) { .kspace-image img { display: block; vertical-align: middle; width: 100%; height: 200px; } .kspace-image { margin-left: 0px; height: 200px; width: 100%; margin-bottom: 20px; float: left; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .kspace-titles { width: 100%; height: auto; position: relative; float: left; padding: 20px 0; z-index:1; margin-top: 0px; margin-bottom: 50px; text-align:center; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-current-k-space - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-upcoming-performances-excluding-next - start */ /* ----------------------------------------- */ .object-fit_cover { object-fit: cover; } .event-list-image img { display: block; vertical-align: middle; width: 100%; height: 400px; } .event-list-image { margin-left: 500px; margin-bottom: 50px; height: 400px; width: 40%; float: right; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .event-list-titles { width: 55%; display: flex; justify-content: center; flex-direction: column; margin-top: -450px; height: 400px; float:left; padding: 0px 25px 0px 0px; z-index:1; } .event-list-titles h2 { color: #262626; line-height: 100%; } .event-list-titles h5 { color: #a13423; text-transform: uppercase; line-height: 1; padding-top: 10px; padding-bottom: 10px; } .event-list-titles .button { padding: 15px 45px 15px 45px; color: #a13423; border-style: solid; border-width: 1px; border-color: #a13423; background-color: rgba(0,0,0,0); font-size: 1rem; letter-spacing: 3px; text-align: center; } .event-list-titles .button:hover { background-color: #000000; border-color: #000000; color: white; } @media only screen and (max-width: 765px) { .event-list-image img { display: block; vertical-align: middle; width: 100%; height: 300px; } .event-list-image { margin-left: 0px; height: 300px; width: 100%; margin-bottom: 20px; float: left; z-index:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); } .event-list-titles { width: 100%; height:auto; position: relative; float:left; padding: 20px 0; z-index:1; margin-top: 0px; margin-bottom: 50px; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-upcoming-performances-excluding-next - end */ /* ----------------------------------------- */