/* Theme Name: Mill at Sonning Author: Bryn Davies Author URI: http://piggy.co.uk Description: Theme Styles for Mill at Sonning. Version: 0.1 */ @font-face { font-family: 'GothamBold'; src: url('assets/fonts/Gotham_Bold.eot'); src: url('assets/fonts/Gotham_Bold.eot?') format('embedded-opentype'), url('assets/fonts/Gotham_Bold.woff') format('woff'), url('assets/fonts/Gotham_Bold.ttf') format('truetype'), url('assets/fonts/Gotham_Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamMedium'; src: url('assets/fonts/Gotham-Medium.eot'); src: url('assets/fonts/Gotham-Medium.eot?') format('embedded-opentype'), url('assets/fonts/Gotham-Medium.woff') format('woff'), url('assets/fonts/Gotham-Medium.ttf') format('truetype'), url('assets/fonts/Gotham-Medium.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBook'; src: url('assets/fonts/Gotham-Book.eot'); src: url('assets/fonts/Gotham-Book.eot?') format('embedded-opentype'), url('assets/fonts/Gotham-Book.woff') format('woff'), url('assets/fonts/Gotham-Book.ttf') format('truetype'), url('assets/fonts/Gotham-Book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BudmoJiggler'; src: url('assets/fonts/BudmoJiggler-Regular.eot'); src: url('assets/fonts/BudmoJiggler-Regular.eot?') format('embedded-opentype'), url('assets/fonts/BudmoJiggler-Regular.woff') format('woff'), url('assets/fonts/GBudmoJiggler-Regular.ttf') format('truetype'), url('assets/fonts/BudmoJiggler-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ChampionHTF'; src: url('assets/fonts/Champion-HTF-Middleweight.eot'); src: url('assets/fonts/Champion-HTF-Middleweight.eot?') format('embedded-opentype'), url('assets/fonts/Champion-HTF-Middleweight.woff') format('woff'), url('assets/fonts/Champion-HTF-Middleweight.ttf') format('truetype'), url('assets/fonts/Champion-HTF-Middleweight.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KlinicSlab-MediumItalic'; src: url('assets/fonts/KlinicSlab-MediumItalic.eot'); src: url('assets/fonts/KlinicSlab-MediumItalic.eot?') format('embedded-opentype'), url('assets/fonts/KlinicSlab-MediumItalic.woff') format('woff'), url('assets/fonts/KlinicSlab-MediumItalic.ttf') format('truetype'), url('assets/fonts/KlinicSlab-MediumItalic.svg') format('svg'); font-weight: normal; font-style: normal; } body { margin:0; padding:0; background-color:#e9e9e9; color:#464646; font-family: 'GothamBook', Arial, sans-serif; font-size:13px; } h1 {font-family: 'BudmoJiggler', Arial, sans-serif; font-size: 2.5em; color: #c18862;letter-spacing: 0.6em;text-transform:uppercase;margin-top:0px;padding-top:10px;} h2 {font-family: 'GothamBold', Arial, sans-serif;font-size: 1.8em; color: #c18862; line-height: 1.6em;letter-spacing: 0.1em;text-transform:uppercase;} h3 {font-family: 'GothamMedium', Arial, sans-serif;font-size: 1.1em; color: #c18862; line-height: 1.6em;letter-spacing: 4.5px;text-transform:uppercase;} h4 {font-family: 'GothamBold', Arial, sans-serif;font-size: 1.0em; color:#464646; letter-spacing: 0.25em;text-transform:uppercase;} p {line-height:20px;} a {color:#464646;} strong {color: #464646;font-family: 'GothamMedium', Arial, sans-serif; font-weight: 100;} .page-template-template-homepage P {line-height:20px; font-size:15px;} /*notice */ .page-id-806 #col1text p { width: 100%; margin: 0 auto; margin-bottom: 0px; margin-bottom: 20px; } #gform_wrapper_7 input {width:100%; padding:10px; background-color: #ffffff; border: 1px solid black;} #gform_wrapper_7 select {width:100%; padding:7px; background-color: #ffffff; border: 1px solid black;} #gform_wrapper_7 textarea {width:100%; padding:7px;background-color: #ffffff; border: 1px solid black;} #choice_7_7_1 {width:auto!important;} #choice_7_7_2 {width:auto!important;} /*.gform_body td {font-size:16px; font-weight:bold;}*/ @media only screen and (min-width: 641px) { html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) { width: 80%!important; margin-left: 19%!important; } .gform_wrapper ul.gform_fields:not(.top_label) .gfield_label { float: left; width: 19%!important; padding-right: 16px; margin-bottom: 16px; } } #gform_wrapper_7 input[type=submit] { padding: 10px 20px 8px 20px!important; border-radius: 0px!important; color: #ffffff!important; font-family: 'GothamMedium', Arial, sans-serif!important; letter-spacing: 3px!important; background-color: #c18862!important; border: 0px!important; text-transform: uppercase!important; width:250px; margin-left:-63px; font-size:14px; } #gform_wrapper_7 label.gfield_label { font-weight: 700!important; font-size: inherit!important; font-size:16px!important; margin-top:5px; } .homenotice p {text-align:center;font-size:15px;line-height:24px;} .hpimg {width:55%;} .page-id-806 h3 {letter-spacing: .8px!important; font-size: 1.2em!important;} #showWrap.winterseason {} #showWrap.winterseason #showsDate {color:#145d84;} #showWrap.winterseason #showsDate span {color:#145d84!important;} #showWrap.winterseason #showTitle {color:#172a3e!important;} #showWrap.winterseason #showTitle span {color:#172a3e!important;} #showWrap.winterseason #showsTickets {color:#172a3e!important;} .covidbut {padding:8px 15px; color:#ffffff; background-color:#ba774e; text-transform:uppercase; clear:left; text-decoration: none; font-size:18px; margin:0 auto; margin-top:70px;} /* Header Content styling */ #header {max-width:1064px; overflow: hidden;padding-top:25px;padding-bottom:10px;padding-left:20px; padding-right:20px; height:auto; display:block; margin:0 auto;position:relative;margin-bottom:0px;} #masLogo {float:left; position:relative; width:50px; height:auto;margin-left:30px;} #masSocials {float:left; position:relative; width:150px; height:auto;margin-top:0px;} #masSocials img {width:28px;height:auto;} #masLogoHeader {position:absolute; left:50%; margin-left:-148px;} #masHeaderRight {float:right; position:relative;text-align:center;letter-spacing: 2px; font-family: 'GothamMedium', Arial, sans-serif;margin-right:30px;margin-top:-5px;} #masHeaderRight span{letter-spacing:1px;} #masHeaderRight h3 {margin-top:0px;margin-bottom:0px;} /* Navigation Content styling */ #masNav {max-width:1064px; padding-left:0px; text-align:center;padding-right:0px; height:auto; display:block; margin:0 auto;position:relative;background-color:#d5d5d5;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;margin-top:0px;} #masNav ul {margin-left:0px;padding-left:0px; margin-bottom:0px;margin-top: 0px;display:block;} #masNav ul li {display:inline-block; padding-top: 8px;padding-left:15px; padding-right:15px;padding-bottom:8px;background-color:#d5d5d5;} #masNav ul li a {color:#464646; font-size: 12px; letter-spacing:2px; text-decoration: none;text-transform:uppercase;font-family: 'GothamMedium',Arial, sans-serif;} #masNav ul li:hover {background-color: #c18862;} #masNav ul li a:hover {color:#ffffff; } /*#masNav ul li ul {display:none;} #masNav ul li ul li {display:block; text-align: center;padding-top: 12px;padding-left:auto!important; padding-right:auto!important;padding-bottom:12px;background-color:#464646; border-bottom:1px solid #c1c1c1;} #masNav ul li ul li a {color:#9c9c9c; font-size: 12px; letter-spacing:2px;text-decoration: none;text-transform:uppercase;font-family: 'GothamMedium',Arial, sans-serif;} #masNav ul li ul li:hover {background-color: #c18862;} #masNav ul li ul li a:hover {color:#ffffff; }*/ /*new mas nave stuff*/ #masNav ul li ul {display:none; list-style-type: disc;} #masNav ul li ul li {display:block; text-align: center;padding-top: 17px;padding-left:8px; padding-right:8px;padding-bottom:17px;background-color:#464646; border-bottom:1px solid #c1c1c1;} #masNav ul li ul li a {color:#ffffff; font-size: 11px; letter-spacing:2px;text-decoration: none;text-transform:uppercase;font-family: 'GothamMedium',Arial, sans-serif;} #masNav ul li ul li:hover {background-color:transparent;color:#ffffff; } #masNav ul li ul li:hover a {color:#ffffff; } #masNav ul li ul li a:before { content:"• "; color:#c18862; } .becomeafriend {position:absolute; left:100px; top: 60px; width:auto;padding:3px 7px; border:1px solid #c18862; color:#c18862;font-size:10px; text-transform:uppercase; text-decoration: none; font-weight: bold;} .becomeafriend:hover {background-color:#c18862; color:#ffffff;} /*.sub-menu {position:absolute; display:none; z-index:1000;} ul.sub-menu {margin-left: -35px!important; width:auto; padding-left: 20px!important; padding-right:20px; padding-top:10px; margin-top: 13px;} ul.sub-menu li {background-color: #464646; display:block!important; padding-left:10px!important; padding-right:10px!important;} ul.sub-menu li:hover {} ul.sub-menu li a {color:#9c9c9c;} ul.sub-menu li a:hover {}*/ /*new submenustuff */ .sub-menu {position:absolute; display:none; z-index:1000; left: 0px; margin: 0 auto; top: 32px; background-color: #464646;max-width:1064px;} ul.sub-menu {/*margin-left: -35px!important; width:160px;*/ list-style-type: disc; padding-left: 20px!important; padding-right:20px; /*padding-top:10px; padding-bottom:10px;*/ margin-top: 20px;width: 100%;} ul.sub-menu li { background-color: #464646; display:inline-block!important;border-bottom:0px solid #c1c1c1!important;} #showsMegaMenu {display:none;width:1053px;height:260px; overflow:hidden;background-color: #464646; position:absolute; left:50%;margin-left:-532px;top:130px;z-index: 50000;padding:5px;} ul.megamenu {margin-left:2px;padding-left:10px;list-style: disc!important;padding-bottom:5px;margin-bottom:0px;} ul.megamenu li {padding-top:3px; padding-bottom:3px;padding-left:5px; padding-right:5px;/*background:url('assets/menudot.png" ?>'); background-repeat:no-repeat; background-position:1px 5px;*/} /*ul.megamenu li a {color:#ffffff;text-decoration:none; text-transform:uppercase;font-size:13px;}*/ ul.megamenu li a { font-size: 11px; letter-spacing: 1px; color:#ffffff;text-decoration:none; text-decoration: none; text-transform: uppercase; font-family: 'GothamMedium',Arial, sans-serif; } ul.megamenu li a:before { content:"• "; color:#c18862; } /*ul.megamenu li:nth-child(even) a {color:#d5d5d5;text-decoration:none; text-transform:uppercase;font-size:12px;}*/ #showsMegaMenu h4 {color: #c18862;padding-left:10px;margin-bottom:10px;margin-top:10px;font-weight:normal;} #quarterBlock {width:24.7%; height:100%; float:left; border-right:1px solid #909594;} #quarterBlock:nth-of-type(4) {border-right:0px solid #909594;} /*li.waterwheelMenu ul.sub-menu {margin-left:-15px!important;} li.aboutMenu ul.sub-menu {margin-left:-70px!important;} li.getinvolvedMenu ul.sub-menu {margin-left:-58px!important;} li.contactMenu ul.sub-menu {margin-left:-58px!important;} li.bookingMenu ul.sub-menu {margin-left:-30px!important;}*/ /* li.waterwheelMenu ul.sub-menu {width: 180px!important;left: 417px!important;} li.aboutMenu ul.sub-menu li {} */ #mobNav {display:none;} #mobbut {display:none;} .vidOverlay {position:fixed; top:0px; left:0%; width:100%; height:100vh;padding-top:50px; padding-bottom:25px; background-color:rgba(0,0,0,0.9);display:none;z-index:50;} .vidholster {margin:0 auto;width:80%;overflow: hidden;} .vidwrap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .vidwrap iframe, .vidwrap object, .vidwrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .closeVidOverlay {position:absolute; right:40px; top:20px; width:27px; height:27px;background-image:url('/wp-content/themes/milltheme/assets/closeOverlayicon.png'); background-repeat: no-repeat;} /* sallys notice */ .starborderbox100 { margin:0 auto; max-width:1024px; margin-top:25px; margin-bottom:25px; height:auto; border: 35px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: round repeat; border-image-slice: 27; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .starborderbox100b { margin:0 auto; width:60%; float:left; margin-bottom:25px; height:auto; border: 35px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: round repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .sallynotice {width:auto;padding:4%;margin:0px; background-color:#ffffff;display:inline-block;} .notice60 {width:60%;float:left;overflow: hidden;} .notice40 {width:40%;float:left;overflow: hidden;} .notice25 {width:25%;float:left;overflow: hidden;} .notice75 {width:75%;float:left;overflow: hidden;} .sallynotice h3 {font-size: 1.5em; color:#48474C;font-weight:normal;margin-top:0px;padding-top:0px;} .sallynotice h3 span {color:#AE6138;} .sallynotice .button {color:#ffffff; padding:8px 20px; background-color: #C18862;margin-top:10px;text-decoration:none;display: inline-block;} .sallytitle{padding: 10px; font-size: 22px!important; text-transform: uppercase; font-family: 'GothamBook', Arial, sans-serif;} .starborder { width:auto; height:auto; border: 32px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .starborderbox30 { display:block; float:left; margin:0 auto; width:auto; height:auto; border: 32px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .starborderbox30b { display:block; float:left; margin:0 auto; width:auto; height:auto; border: 32px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .starborderbox50 { display:block; float:left; margin:0 auto; width:auto; height:auto; border: 35px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 28; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } #newShowBlock { display: block; width: 50%; height: auto; margin: 0%; float: left; position: relative; } #newgridImageBlock { display: block; width: 33.3%; height: auto; margin: 0%; float: left; position: relative; } .sGridTxt {width:94%;padding:3%;background-color:#ffffff;margin-top:-4px;margin-bottom:0px;height:60px;color:#AE6138; font-family: 'GothamMedium', Arial, sans-serif;font-size:16px!important;} .sGridTxt span {color:#48474C;} .sGridTxt p {font-size:17px;} .goldbutton {color:#ffffff; padding:8px 20px; background-color: #C18862;margin-top:10px;text-decoration:none;display: inline-block;} .starborderbox50 .title {padding:10px; font-size:22px; text-transform: uppercase;} .starborderbox50 .date {padding-left:10px;padding-top:10px; font-family: 'GothamMedium', Arial, sans-serif;font-size:15px;} .starborderbox50 .description {padding-left:10px;min-height:210px;} .starborderbox50 .goldbutton {margin-left:10px;padding:8px 40px;} @media only screen and (max-width: 1084px) { .starborderbox30b { display:block; float:left; margin:0 auto; width:85%; height:auto; border: 32px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } .starborderbox100b { margin:0 auto; width:auto; float:left; margin-bottom:25px; height:auto; border: 35px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: round repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } #newgridImageBlock { display: block; width: 50%; height: auto; margin: 0%; float: left; position: relative; } } @media only screen and (max-width: 970px) { } @media only screen and (max-width: 660px) { #newShowBlock { display: block; width: 100%; height: auto; margin: 0%; float: left; position: relative; } #newgridImageBlock { display: block; width: 100%; height: auto; margin: 0%; float: left; position: relative; } .sGridTxt {height:auto;} .starborderbox30 {width: 85%;} .sallynotice .notice40 {width:100%;} .sallynotice .notice40 img {width:100%;} .sallynotice .notice60 {width:100%;} } @media only screen and (max-width: 455px) { .starborderbox30 {width: auto;} .starborderbox30b { display:block; float:left; margin:0 auto; width:auto; height:auto; border: 32px solid transparent; border-image-source: url('assets/starborder-squpd.png'); border-image-repeat: repeat; border-image-slice: 29; border-image-width: 29px; background-color: #D5D5D5; overflow: hidden; } } /* Support with stars styles */ .hstars {width:32%; height:auto; display:inline-block; text-align:center;} .hstars img {width:68%; margin:0 auto;} .hstars p {width:70%; margin:0 auto;font-size:15px;} .hstarCar {max-width:950px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px; margin-bottom:15px;} .hstarCar .slick-prev {float:left; margin-top:100px;} .hstarCar .slick-next {float:right; margin-top:-100px;} .prev{ float: left; margin-top: 100px; background-image: url('assets/starprev.png'); border: 0; height: 80px; background-color: transparent; } .next {float: right; margin-top: 100px; background-image: url('assets/starnext.png'); border: 0; height: 80px; background-color: transparent;} .hstarCar .slick-prev { left:0px; background-image: url('assets/starprev.png'); border: 0; height: 50px!important; width:30px; background-repeat:no-repeat!important; background-color: transparent; position:absolute; background-size: contain; z-index:2000; cursor:pointer; } .hstarCar .slick-next { right:0px; top: 200px; background-image: url('assets/starnext.png'); width:30px; background-repeat:no-repeat!important; border: 0; height: 50px!important; background-color: transparent; position:absolute; background-size: contain; z-index:2000; cursor:pointer; } .stars {width:24%; height:auto; display:inline-block; text-align:center;margin-bottom:30px;} .stars img {width:68%; margin:0 auto;} .stars p {width:80%; margin:0 auto;font-size:15px;} .starsname {font-weight:bold; color:#ba774e; padding-bottom:10px;padding-top:10px;text-transform: uppercase;font-size:20px;} .videoSwitcher {cursor:pointer;} .podSwitcher {cursor:pointer;text-decoration: none;} .watchVideo {padding:8px 15px; color:#ffffff; background-color:#ba774e; text-transform:uppercase;display:block; text-decoration: none; font-size:14px;width:130px; margin:0 auto;margin-top:15px;} .listenNow {padding:8px 15px; color:#ffffff; background-color:#ba774e; text-transform:uppercase;display:block; text-decoration: none; font-size:14px;width:130px; margin:0 auto;margin-top:15px;} .unlockVideos {padding:8px 15px; color:#ffffff; background-color:#ba774e; text-transform:uppercase; clear:left; text-decoration: none; font-size:18px; margin:0 auto; margin-top:40px;} .sectionbreak {max-width:1024px; height:1px; border-top:1px solid #c7c7c7;margin:0 auto;margin-top:30px; margin-bottom:30px;} #videoModal {position:fixed; top:30px; left:10%; width:80%; height:auto;padding-top:25px; padding-bottom:25px; background-color:rgba(255,255,255,0.9);display:none; border-radius:10px; border:2px solid #ba774e;} #videoPlayer {width:95%; margin:0 auto; text-align: center;margin-top:0px;position: relative; padding-bottom: 56.25%; /* 16:9 */height:0;} #milldonate {position:fixed; top:100px; left:50%; margin-left:-300px;width:600px; height:auto;padding-top:25px; padding-bottom:10px; padding-left:10px; padding-right:10px; background-color:#ffffff;display:none; border-radius:0px; border:2px solid #fffff; text-align:center;box-shadow: 7px 7px 7px grey;} .dholder {width:100%;background-color:#ba774e; color:#ffffff;overflow:hidden; font-size:16px;} .puDonatebut {padding:8px 15px; color:#ba774e; background-color:#ffffff; text-transform:uppercase; clear:left; text-decoration: none; font-size:18px; margin:0 auto; margin-top:40px;} .clDonate { width: 20px; height: 20px; background-color: #ffffff; border-radius: 0px; border: 2px solid #464646; text-align: center; font-size: 22px; float: right; padding: 2px; margin-right: 0px; margin-top: -15px; padding-top: 0px; cursor:pointer; margin-bottom:10px; } .clVmodal { width: 20px; height: 20px; background-color: #ffffff; border-radius: 20px; border: 2px solid #ba774e; text-align: center; font-size: 22px; float: right; padding: 8px; margin-right: -15px; margin-top: -43px; padding-top: 6px; cursor:pointer; } #videoPlayer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* carousel styling */ #masCarousel {max-width:1064px; padding-left:0px; padding-right:0px; height:auto; overflow: hidden;margin:0 auto;margin-bottom: 0px;} #masSlide {width:100%; max-height:420px; text-align:center; overflow: hidden; position:relative;} .#masSlide {width:100%; max-height:420px; text-align:center; overflow: hidden; position:relative;} .carousel_image {width: 100%; height:auto;} .carousel_text-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #fff; font-family: "GothamMedium"; font-size: 0.5em; } .carousel_slide-heading { color: #fff; text-transform: uppercase; font-size: 3em; letter-spacing: 0.53em; margin-bottom: 0; text-align: center; margin-top: -300px; position: relative; } .carousel_slide-subheading { color: #fff; text-transform: uppercase; margin-top: -5px; font-size: 1.2em; letter-spacing: 0.3em; margin-bottom: 0; text-align: center; } p.carousel_slide-text { color: #fff; font-size: 14px; max-width: 50%; margin: 0 auto; margin-top: 0px; margin-top: 0.4%; line-height: 1.5em; text-align: center; } .carousel_slide-button { text-transform: uppercase; color:#fff; text-decoration: none; margin-top: 2%; font-size: 0.8em; border: 3px solid #fff; display: inline-block; word-spacing: -0.1em; letter-spacing: 0.4em; padding: 0.4% 0.6%; text-align: center; } .carousel_slide-link {text-align:center; width:100%;margin-bottom:95px;} .slick-dots { position: absolute; top: 5px; right:10px; display: inline-flex; padding: 10; margin: 0; list-style: inside; text-align: right; color:#fff; font-size: 2em; } .slick-dots button {display:none;} /* Main Content styling */ #mainContent {max-width:1064px; padding-left:20px; padding-right:20px; height:auto; display:block; overflow: hidden; margin:0 auto;padding-bottom: 20px;} #gridContent {max-width:1064px; padding-left:20px; padding-right:20px; height:auto; display:block; overflow: hidden; margin:0 auto;padding-bottom: 20px;} #gridImageBlock {display:block; width: 31.9%;height: auto;margin: 0.7%;float: left;padding-top: 19%;position: relative;} .gridTypeIcon {position:absolute;bottom:0;left:0;z-index: 1;width:40px;height:auto;} .gridTitleTxt {display:none;position:absolute;bottom:0;margin-bottom: 0px;padding-bottom:12px;padding-top:5px;width:100%;text-align:center; letter-spacing:3px;font-size:15px;text-transform:uppercase;color: #c18862; font-family: 'GothamMedium', Arial, sans-serif;background: linear-gradient(to bottom, rgba(58, 58, 57, 0) 0%, rgba(58, 58, 57, 0.75) 48%, #3a3a39 100%);} #gridContent h1 {margin-top: 20px; padding-top: 10px; clear: left; padding-bottom: 0px; margin-bottom: 10px;margin-left: 20px;} #col1text {max-width:960px;margin:0 auto;} #col1text p {width:80%;margin:0 auto;margin-bottom:20px;} #col3text {max-width:1000px;margin:0 auto;column-count: 3;column-gap: 20px;} #col3text p {width:95%;margin:0 auto;margin-bottom:20px;} h3.join-intro {color:#464646!important;font-size:1.2em;letter-spacing:2px;} #gallerySection {max-width:1064px; padding-left:20px; padding-right:20px; height:auto; display:block; overflow: hidden; margin:0 auto;padding-bottom: 20px;} #gallerySection img {} #galleryImageBlock {display:none; width: 31.9%;height: auto;margin: 0.7%;float: left;padding-top: 19%;position: relative;} #galleryImageBlock:nth-of-type(1) {display:block;} #galleryImageBlock:nth-of-type(2) {display:block;} #galleryImageBlock:nth-of-type(3) {display:block;} .wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #blockWrap {width:100%; height:auto;overflow:hidden; text-align: center;} #thirdBlock {width:30%;padding:1%;height:auto;display:block;float: left;text-align:center;margin-top:20px;} #contactBlock {width:30%;padding:1%;height:auto;display:block;float: left;text-align:left;padding-top: 0px;margin-top:0px;} #contactBlock p{margin-top:5px;} .individuals {padding-left:40px;color:#c18862;padding-bottom:0px;letter-spacing:2px;margin-bottom:5px;font-family:'GothamMedium', Arial, sans-serif;} #howitworksSection {max-width:1064px; padding-left:20px; padding-right:20px; height:auto; display:block; overflow: hidden; margin:0 auto;padding-bottom: 20px;padding-top: 20px;margin-top:20px;border-top: 1px solid #c7c7c7;} #section30 {width:30%; height:auto; float:left;padding-top:100px;} #section70 {width:70%; height:auto; float:left;} #map{max-width:1064px; height:420px!important;padding-left:0px; padding-right:0px; height:auto; overflow: hidden;margin:0 auto;margin-bottom: 15px;display:block;} #pointBlock {width:90%; height:auto; padding:left:5%;padding-right:5%;clear:left;margin-bottom:30px;display: block;overflow: hidden;} #pbLeft {width:80px;height:auto; border-right:1px solid #c7c7c7;text-align: left;float:left;display:inline-block;} #pbRight {float:right;width:83%;text-align: left;display:inline-block;} #pbRight h3 {padding-bottom:0px; margin-bottom:0px;padding-top: 0px;margin-top: 5px;} img.howdoesitworkimg {width:70%; height:auto;padding-left:20%;} .join-number {font-size:24px; color:#c18862;font-weight: unset;} .single-shows #masCarousel {margin-bottom:0px;} #TitleWrapper {max-width:1064px;height:61px; padding-left:0px;padding-right:0px; height:auto; overflow: hidden;margin:0 auto;margin-bottom: 0px;} #showtypeicon {width:60px; height:61px;float:left;display:inline-block;} #showtypedisplay {width: 14%; display:block;letter-spacing: 2px; padding-left:0%;text-align:center;float:left;height:38px; padding-top:23px; font-family: 'GothamMedium', Arial, sans-serif;color:#c18862; text-transform: uppercase;font-size:14px;} #theShowTitle {position: relative;width:60%; height:55px;padding-top:0px;display:block;margin: 0 auto;margin-top:3px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 34px;font-weight: unset;text-transform: uppercase;letter-spacing: 2px;text-align:center;line-height:24px;} #stfl {} #theShowTitleFlex {display: flex; justify-content: center; flex-direction: column; height: 55px; /* account for padding and border if not using box-sizing: border-box; */} #theShowTitle span:nth-child(2) {color:#c18862;} #theShowTitle span:nth-child(6) {color:#c18862;} #theShowTitle span:nth-child(10) {color:#c18862;} #theShowTitle span:nth-child(14) {color:#c18862;} #theShowTitle span:nth-child(18) {color:#c18862;} #theShowTitle span:nth-child(22) {color:#c18862;} #theShowTitle span:nth-child(26) {color:#c18862;} #theShowTitle span:nth-child(32) {color:#c18862;} #theShowTitle span:nth-child(36) {color:#c18862;} #theShowTitle span:nth-child(40) {color:#c18862;} #theShowTitle span:nth-child(44) {color:#c18862;} #theShowTitle span:nth-child(48) {color:#c18862;} #show30 {width:30%; height:auto; float:left;} #theatreCover {margin-top:10px;width:85%;padding: 9% 9%;background-image:url('assets/poster_border.png'); background-repeat: no-repeat;background-size: contain;} #theatreCover img {border:2px solid #c18862;} #show70 {width:66%; height:auto;padding:2%;padding-top: 0%; float:left;} #showDate {line-height: 22px;font-family: 'GothamBold', Arial, sans-serif;color:#868786;width:50%; height:115px; float:left;/*display: flex;justify-content: center;flex-direction: column;*/text-align: center; font-size:16px; text-transform: uppercase;margin-bottom:0px;} #showTimes {border-left:1px solid #c7c7c7; width:49%; height:100px; color:#868786; font-size:12px; float:left;/*display:flex;*/justify-content: center;flex-direction: column;text-align: center;margin-bottom:0px;} #showInfo {width:96%;padding:2%;padding-left:0px;height:auto; display:block; overflow: hidden;border-top:1px solid #c7c7c7;margin-top:0px;} #castCrew {width:96%; padding:2%; height:auto; overflow:hidden;background-color:#d7d7d7;line-height:20px;margin-bottom:20px;} .crole {color:#c18862;float:left;font-size:12px; text-transform:uppercase;font-family:'GothamBook', Arial, sans-serif;} .cname {padding-left:40px;color:#464646;font-size:12px; text-transform:uppercase;font-family:'GothamBold', Arial, sans-serif;} .arole {color:#464646;font-size:12px;font-family:'GothamBook', Arial, sans-serif;} .aname {color:#464646;font-size:12px; text-transform:uppercase;font-family:'GothamBold', Arial, sans-serif;} .mrole {color:#464646;font-size:12px;font-family:'GothamBook', Arial, sans-serif;} .mname {color:#464646;font-size:12px; text-transform:uppercase;font-family:'GothamBold', Arial, sans-serif;} #thenameblock {float:left;margin-left:40px;} #reviewsSection {max-width:1024px; margin:0 auto; padding:2%; height:auto; overflow:hidden; text-align:center; border-top:1px solid #c7c7c7;margin-top:30px;} #revblock {width:100%; margin:0 auto; height:auto; clear:left; text-align:center;} #revblock h2 {color:#c18862; font-family: 'KlinicSlab-MediumItalic', Arial, sans-serif;font-size:28px;line-height:32px;margin-bottom:0px;text-transform: none;letter-spacing: normal;font-weight: normal;} #revblock p {color:#464646;font-size:12px;text-align:center;margin-top:0px;} #showWrap {width:100%; height:auto; display:block;clear: left; margin-bottom: 15px;overflow: hidden;} #showImage {width:30%; height:auto; display:block; float:left;position:relative;} #listshowicon {width:40px;height:40px;position:absolute;left:0; bottom:5px;} #showImage img {width:100%; height:auto;} #showDetails {width:68%; height:auto; display:block; float:left; border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;} #showTitle {width:98%; line-height: 34px;padding-left:2%;height:70px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 30px;font-weight: unset;text-transform: uppercase;letter-spacing: 2px;border-bottom:1px solid #c7c7c7;} #showTitle span:nth-child(2) {color:#c18862;} #showTitle span:nth-child(6) {color:#c18862;} #showTitle span:nth-child(10) {color:#c18862;} #showTitle span:nth-child(14) {color:#c18862;} #showTitle span:nth-child(18) {color:#c18862;} #showTitle span:nth-child(22) {color:#c18862;} #showTitle span:nth-child(26) {color:#c18862;} #showTitle span:nth-child(32) {color:#c18862;} #showTitle span:nth-child(36) {color:#c18862;} #showTitle span:nth-child(40) {color:#c18862;} #showTitle span:nth-child(44) {color:#c18862;} #showTitle span:nth-child(48) {color:#c18862;} #showsDate {width:98%; padding-left:2%; padding-top:12px; padding-bottom:10px;height:auto;font-family:'GothamMedium', sans-serif;letter-spacing:2px; text-transform:uppercase;border-bottom:1px solid #c7c7c7;} #showsBlurb {width:68%; float:left;padding-left:2%;font-size: 11px;padding-top:5px; padding-bottom:3px;line-height:13px;} #showsTickets {width:24%; float:right; text-align:left; color:#c18862; padding-top:23px; padding-bottom:20px;padding-left:5%;font-family:'GothamMedium', sans-serif;letter-spacing:2px; text-transform:uppercase;background-repeat: no-repeat;} /* Footer Content styling */ #footer {max-width:1024px; padding-bottom: 30px;clear: both; padding-left:20px; padding-right:20px; height:auto; display:block; overflow: hidden; margin:0 auto;border-top: 1px solid #c7c7c7;marign-top:15px;} #footer h3 {color:#464646; text-align: center;font-family: 'GothamMedium', Arial, sans-serif;} #ftLeft {width:31%; height:auto;float: left; padding:1%;padding-top:26px;} #ftLeft ul {margin-left:0px;padding-left:0px; margin-bottom:0px;margin-top: 15px;display:block;width:auto;float:left;} #ftLeft ul li {display:block; text-align: left;clear:left;} #ftLeft ul li a {color:#464646; font-size: 0.9em; text-decoration: none;padding-top:0px;padding-bottom:5px;} #ftLeft ul li:hover {} #ftLeft ul li a:hover {} #ftLeft a {float:left;} #footer .menu {float:left;margin-left:15px;} #ftCenter {width:31%; height:auto;float: left; padding:1%;} #ftCenter p {width:70%; padding-left:15%; padding-right:15%;text-align:center;font-size: 0.9em;} #ftRight {width:31%; height:auto;float: left; padding:1%;} #ftRight p {width:70%; padding-left:15%; padding-right:15%;text-align:center;font-size: 0.9em;} #modal {display:none; z-index:4000;position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(0,0,0,0.8); text-align:center;justify-content: center;flex-direction: column;} #openingTimes {width:65%; display:block;height:auto;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} #openingTimes h4 {color:#c18862; font-family: 'GothamBook', Arial, sans-serif;letter-spacing: normal; font-size:14px;} #openingTimes h3 {color:#c18862; font-family: 'GothamBook', Arial, sans-serif;letter-spacing: normal; font-size:18px;} #closeModal {position:absolute;right:0px;} #closeModal img {opacity:0.7;} #closeModal img:hover {opacity:1;} #termsmodal {display:none; z-index:4000;position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(0,0,0,0.8); text-align:center;justify-content: center;flex-direction: column;} #termsconditions {width:65%; display:block;height:auto;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} #privacymodal {display:none; z-index:4000;position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(0,0,0,0.8); text-align:center;justify-content: center;flex-direction: column;} #privacyetc {width:65%; display:block;height:auto;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;overflow:scroll;} #cookiesmodal {display:none; z-index:4000;position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(0,0,0,0.8); text-align:center;justify-content: center;flex-direction: column;} #cookiesetc {width:65%; display:block;height:auto;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} .imageloader {margin-left:-40000px;display:none;} .page-template-template-homepage #theShowTitle {width:60%; height:55px;padding-top:0px;display:block;margin: 0 auto;margin-top:3px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 34px;font-weight: unset;text-transform: uppercase;letter-spacing: 3px;text-align:center;line-height: 34px;} #thedate {position:absolute; bottom:53px;width: 14.4%; text-align: center; text-transform:uppercase;letter-spacing:3px;} .page-template-template-homepage #thedate { position: relative; top: -17px; width: 80%;text-align: center;text-transform: uppercase;letter-spacing: 3px; } #theBarShowTitle {width:60%; height:55px;padding-top:0px;display:block;margin: 0 auto;margin-top:3px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 28px;font-weight: unset;text-transform: uppercase;letter-spacing: 2px;text-align:center;margin-left:24%;} #theBarShowTitle span:nth-child(2) {color:#c18862;} #theBarShowTitle span:nth-child(6) {color:#c18862;} #theBarShowTitle span:nth-child(10) {color:#c18862;} #theBarShowTitle span:nth-child(14) {color:#c18862;} #theBarShowTitle span:nth-child(18) {color:#c18862;} #theBarShowTitle span:nth-child(22) {color:#c18862;} #theBarShowTitle span:nth-child(26) {color:#c18862;} #theBarShowTitle span:nth-child(32) {color:#c18862;} #theBarShowTitle span:nth-child(36) {color:#c18862;} #theBarShowTitle span:nth-child(40) {color:#c18862;} #theBarShowTitle span:nth-child(44) {color:#c18862;} #theBarShowTitle span:nth-child(48) {color:#c18862;} #bardate {position:absolute; text-align: center;margin-top: -20px; left: 50%; padding-top: 0px;} .mailjet_widget_front_container {text-align:center;} input#mailjet_widget_email {width:80%; height:20px;} .mailjet_widget_front_container input[type=submit] {padding: 6px 15px!important; border-radius: 0px!important;color:#ffffff!important; font-family: 'GothamMedium', Arial, sans-serif!important;letter-spacing:3px!important;background-color:#c18862!important;border:0px;text-transform:uppercase!important;} #millPostBlock {width:100%; height:auto; display:block;clear:left;overflow:hidden;margin-top:40px;position:relative;} #post30 {width:30%;float:left; height:auto;} #post30 img {width:98%; height:auto;} #post70 {width:68%;padding-left:1%;float:left; height:auto;position:relative; font-size:13px;} #post70 h3 {color:#c18862;font-family: 'GothamBook', Arial, sans-serif;letter-spacing:3px;font-size:18px;margin-bottom:0px;margin-top:0px;} #post70 h4 {color:#464646;font-size:15px;font-family: 'GothamBook', Arial, sans-serif;text-transform: none;margin-top:0px;letter-spacing:0px;font-weight:unset;} #postLink {position:absolute; left:31%; bottom:5px;} #postLink a {color:#c18862;} #postmodal {display:none; z-index:4000;position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color: rgba(0,0,0,0.8); text-align:center;justify-content: center;flex-direction: column;} #thePost {max-width:775px; display:block;height:80vh;color:#464646; margin:0 auto; background-color: #fff;margin-top:50px;padding:30px;font-size:12px;position: relative;overflow:scroll;text-align:left;} #closePost {position:absolute;right:10px;top: 10px;} #closePost img {opacity:0.7;} #closePost img:hover {opacity:1;} /* Theatre Seating Plan */ #masSeatingplan {margin:0 auto; max-width:1064px; height:630px; display:block; position:relative;background-image:url('assets/theatre-seating-bg.png'); background-repeat:no-repeat; background-size: contain;} #seatingwrap {} .seat {width:1.7%; padding-top:1.7%; background-image:url('assets/seat-off.png'); background-repeat:no-repeat; background-size: cover; display:inline-block;} /*.seat:hover {background-image:url('assets/seat-on.png'); background-repeat:no-repeat; background-size: cover;}*/ .page-template-template-theatreseating #mainContent {padding-left:0px; padding-right:0px;} #seatnumber {width:100%; text-align:center; position:absolute; margin-top:53%; color:#fff;font-size:22px;font-family:'GothamMedium', arial, sans-serif;} #seatnumber span {font-family:'GothamBook', arial, sans-serif;color:#eee;} #A1 {position:absolute; left: 25.1%; margin-top: 45%; transform: rotate(-88deg);} #A2 {position:absolute; left: 25.2%; margin-top: 42.8%; transform: rotate(-83deg);} #A3 {position:absolute; left: 25.6%; margin-top: 40.5%; transform: rotate(-78deg);} #A4 {position:absolute; left: 26.4%; margin-top: 38.3%; transform: rotate(-66deg);} #A5 {position:absolute; left: 27.6%; margin-top: 36.3%; transform: rotate(-60deg);} #A6 {position:absolute; left: 28.9%; margin-top: 34.4%; transform: rotate(-51deg);} #A7 {position:absolute; left: 30.7%; margin-top: 32.9%; transform: rotate(-37deg);} #A8 {position:absolute; left: 37.2%; margin-top: 29.3%; transform: rotate(-25deg);} #A9 {position:absolute; left: 39.5%; margin-top: 28.8%; transform: rotate(-10deg);} #A10 {position:absolute; left: 41.7%; margin-top: 28.7%; } #A11 {position:absolute; left: 43.9%; margin-top: 28.7%; } #A12 {position:absolute; left: 46.2%; margin-top: 28.7%; } #A13 {position:absolute; left: 48.4%; margin-top: 28.7%; } #A14 {position:absolute; left: 50.7%; margin-top: 28.7%; } #A15 {position:absolute; left: 53%; margin-top: 28.7%; } #A16 {position:absolute; left: 55.3%; margin-top: 28.7%; } #A17 {position:absolute; left: 57.4%; margin-top: 28.7%; } #A18 {position:absolute; left: 59.6%; margin-top: 28.8%; transform: rotate(10deg);} #A19 {position:absolute; left: 61.8%; margin-top: 29.3%; transform: rotate(25deg);} #A20 {position:absolute; left: 68.2%; margin-top: 32.8%; transform: rotate(35deg);} #A21 {position:absolute; left: 70%;margin-top: 34.2%;transform: rotate(45deg);} #A22 {position:absolute; left: 71.6%;margin-top: 36.2%;transform: rotate(55deg);} #A23 {position:absolute; left: 72.5%; margin-top: 38.4%; transform: rotate(64deg);} #A24 {position:absolute; left: 73.3%; margin-top: 40.7%; transform: rotate(73deg);} #A25 {position:absolute; left: 73.8%; margin-top: 43%; transform: rotate(80deg);} #A26 {position:absolute; left: 74%; margin-top: 45.4%; transform: rotate(85deg);} #B1 {position:absolute; left: 21.1%; margin-top: 44.7%; transform: rotate(-88deg);} #B2 {position:absolute; left: 21.2%; margin-top: 42.5%; transform: rotate(-83deg);} #B3 {position:absolute; left: 21.4%; margin-top: 40.4%; transform: rotate(-79deg);} #B4 {position:absolute; left: 21.8%; margin-top: 38.2%; transform: rotate(-72deg);} #B5 {position:absolute; left: 22.5%; margin-top: 36.1%; transform: rotate(-70deg);} #B6 {position:absolute; left: 23.5%; margin-top: 34%; transform: rotate(-64deg);} #B7 {position:absolute; left: 24.9%; margin-top: 31.9%; transform: rotate(-54deg);} #B8 {position:absolute; left: 26.5%; margin-top: 30.1%; transform: rotate(-45deg);} #B9 {position:absolute; left: 28.4%; margin-top: 28.5%; transform: rotate(-35deg);} #B10 {position:absolute; left: 35.2%; margin-top: 25.3%; transform: rotate(-26deg);} #B11 {position:absolute; left: 37.4%; margin-top: 24.8%; transform: rotate(-10deg);} #B12 {position:absolute; left: 39.5%; margin-top: 24.7%; } #B13 {position:absolute; left: 41.7%; margin-top: 24.7%; } #B14 {position:absolute; left: 43.9%; margin-top: 24.7%; } #B15 {position:absolute; left: 46.2%; margin-top: 24.7%; } #B16 {position:absolute; left: 48.4%; margin-top: 24.7%; } #B17 {position:absolute; left: 50.7%; margin-top: 24.7%; } #B18 {position:absolute; left: 53%; margin-top: 24.7%; } #B19 {position:absolute; left: 55.3%; margin-top: 24.7%; } #B20 {position:absolute; left: 57.4%; margin-top: 24.7%; } #B21 {position:absolute; left: 59.6%; margin-top: 24.7%; } #B22 {position:absolute; left: 61.7%; margin-top: 24.8%; transform: rotate(3deg);} #B23 {position:absolute; left: 63.9%; margin-top: 25.2%; transform: rotate(20deg);} #B24 {position:absolute; left: 70.7%; margin-top: 28.4%; transform: rotate(32deg);} #B25 {position:absolute; left: 72.5%; margin-top: 30.1%; transform: rotate(42deg);} #B26 {position:absolute; left: 74.2%; margin-top: 31.8%; transform: rotate(48deg);} #B27 {position:absolute; left: 75.6%; margin-top: 33.9%; transform: rotate(56deg);} #B28 {position:absolute; left: 76.7%; margin-top: 36.1%; transform: rotate(60deg);} #B29 {position:absolute; left: 77.4%; margin-top: 38.3%; transform: rotate(68deg);} #B30 {position:absolute; left: 78%; margin-top: 40.5%; transform: rotate(74deg);} #B31 {position:absolute; left: 78.2%; margin-top: 42.6%; transform: rotate(83deg);} #B32 {position:absolute; left: 78.5%; margin-top: 44.7%; transform: rotate(85deg);} #C1 {position:absolute; left: 16.9%; margin-top: 43.9%; transform: rotate(-88deg);} #C2 {position:absolute; left: 17%; margin-top: 41.6%; transform: rotate(-83deg);} #C3 {position:absolute; left: 17.3%; margin-top: 39.4%; transform: rotate(-79deg);} #C4 {position:absolute; left: 17.8%; margin-top: 37.1%; transform: rotate(-78deg);} #C5 {position:absolute; left: 18.5%; margin-top: 34.5%;transform: rotate(-70deg);} #C6 {position:absolute; left: 19.7%; margin-top: 32%; transform: rotate(-64deg);} #C7 {position:absolute; left: 21%; margin-top: 29.7%; transform: rotate(-60deg);} #C8 {position:absolute; left: 22.7%; margin-top: 27.7%; transform: rotate(-50deg);} #C9 {position:absolute; left: 24.5%; margin-top: 26%; transform: rotate(-40deg);} #C10 {position:absolute; left: 26.5%; margin-top: 24.7%; transform: rotate(-35deg);} #C11 {position:absolute; left: 33.2%; margin-top: 21.6%; transform: rotate(-28deg);} #C12 {position:absolute; left: 35.2%; margin-top: 21%; transform: rotate(-15deg);} #C13 {position:absolute; left: 37.4%; margin-top: 20.7%; transform: rotate(0deg);} #C14 {position:absolute; left: 39.5%; margin-top: 20.7%; } #C15 {position:absolute; left: 41.7%; margin-top: 20.7%; } #C16 {position:absolute; left: 43.9%; margin-top: 20.7%; } #C17 {position:absolute; left: 46.2%; margin-top: 20.7%; } #C18 {position:absolute; left: 48.4%; margin-top: 20.7%; } #C19 {position:absolute; left: 50.7%; margin-top: 20.7%; } #C20 {position:absolute; left: 53%; margin-top: 20.7%; } #C21 {position:absolute; left: 55.3%; margin-top: 20.7%; } #C22 {position:absolute; left: 57.4%; margin-top: 20.7%; } #C23 {position:absolute; left: 59.6%; margin-top: 20.7%; } #C24 {position:absolute; left: 61.7%; margin-top: 20.8%; transform: rotate(3deg);} #C25 {position:absolute; left: 63.8%; margin-top: 21.1%; transform: rotate(12deg);} #C26 {position:absolute; left: 65.8%; margin-top: 21.7%; transform: rotate(20deg);} #C27 {position:absolute; left: 72.8%; margin-top: 25.2%; transform: rotate(35deg);} #C28 {position:absolute; left: 74.6%; margin-top: 26.7%; transform: rotate(40deg);} #C29 {position:absolute; left: 76.2%; margin-top: 28.3%; transform: rotate(45deg);} #C30 {position:absolute; left: 77.8%; margin-top: 30.1%; transform: rotate(50deg);} #C31 {position:absolute; left: 79.2%; margin-top: 32.2%; transform: rotate(56deg);} #C32 {position:absolute; left: 80.2%; margin-top: 34.3%; transform: rotate(62deg);} #C33 {position:absolute; left: 81.2%; margin-top: 36.5%; transform: rotate(68deg);} #C34 {position:absolute; left: 81.8%; margin-top: 38.8%; transform: rotate(75deg);} #C35 {position:absolute; left: 82%; margin-top: 41.3%; transform: rotate(80deg);} #C36 {position:absolute; left: 82.1%; margin-top: 43.8%; transform: rotate(83deg);} #D1 {position:absolute; left: 12.7%; margin-top: 43.5%; transform: rotate(-88deg);} #D2 {position:absolute; left: 12.8%; margin-top: 41.2%; transform: rotate(-83deg);} #D3 {position:absolute; left: 13.2%; margin-top: 38.9%; transform: rotate(-79deg);} #D4 {position:absolute; left: 13.6%; margin-top: 36.7%; transform: rotate(-78deg);} #D5 {position:absolute; left: 16.1%; margin-top: 30%; transform: rotate(-60deg);} #D6 {position:absolute; left: 17.2%; margin-top: 28%; transform: rotate(-57deg);} #D7 {position:absolute; left: 18.6%; margin-top: 26.1%; transform: rotate(-54deg);} #D8 {position:absolute; left: 20.1%; margin-top: 24.3%; transform: rotate(-48deg);} #D9 {position:absolute; left: 22%; margin-top: 22.6%; transform: rotate(-41deg);} #D10 {position:absolute; left: 23.9%; margin-top: 21.2%; transform: rotate(-37deg);} #D11 {position:absolute; left: 31.3%; margin-top: 17.8%; transform: rotate(-25deg);} #D12 {position:absolute; left: 33.3%; margin-top: 17.2%; transform: rotate(-10deg);} #D13 {position:absolute; left: 35.3%; margin-top: 16.9%; transform: rotate(-5deg);} #D14 {position:absolute; left: 37.4%; margin-top: 16.8%; transform: rotate(-3deg);} #D15 {position:absolute; left: 39.5%; margin-top: 16.8%; } #D16 {position:absolute; left: 41.7%; margin-top: 16.8%; } #D17 {position:absolute; left: 43.9%; margin-top: 16.8%; } #D18 {position:absolute; left: 46.2%; margin-top: 16.8%; } #D19 {position:absolute; left: 48.4%; margin-top: 16.8%; } #D20 {position:absolute; left: 50.7%; margin-top: 16.8%; } #D21 {position:absolute; left: 53%; margin-top: 16.8%; } #D22 {position:absolute; left: 55.3%; margin-top: 16.8%; } #D23 {position:absolute; left: 57.4%; margin-top: 16.8%; } #D24 {position:absolute; left: 59.6%; margin-top: 16.8%; } #D25 {position:absolute; left: 61.7%; margin-top: 16.9%; transform: rotate(3deg);} #D26 {position:absolute; left: 63.7%; margin-top: 17%; transform: rotate(6deg);} #D27 {position:absolute; left: 65.8%; margin-top: 17.3%; transform: rotate(9deg);} #D28 {position:absolute; left: 67.8%; margin-top: 17.9%; transform: rotate(25deg);} #D29 {position:absolute; left: 74.2%; margin-top: 20.8%; transform: rotate(30deg);} #D30 {position:absolute; left: 75.9%; margin-top: 21.8%; transform: rotate(33deg);} #D31 {position:absolute; left: 77.6%; margin-top: 23.1%; transform: rotate(38deg);} #D32 {position:absolute; left: 79.1%; margin-top: 24.7%; transform: rotate(44deg);} #D33 {position:absolute; left: 80.5%; margin-top: 26.5%; transform: rotate(50deg);} #D34 {position:absolute; left: 81.9%; margin-top: 28.2%; transform: rotate(54deg);} #D35 {position:absolute; left: 82.9%; margin-top: 30.2%; transform: rotate(58deg);} #D36 {position:absolute; left: 83.9%; margin-top: 32.1%; transform: rotate(62deg);} #D37 {position:absolute; left: 84.8%; margin-top: 34.1%; transform: rotate(69deg);} #D38 {position:absolute; left: 85.9%; margin-top: 38.9%; transform: rotate(75deg);} #D39 {position:absolute; left: 86.2%; margin-top: 41.1%; transform: rotate(83deg);} #D40 {position:absolute; left: 86.3%; margin-top: 43.3%; transform: rotate(87deg);} #E1 {position:absolute; left: 8.4%; margin-top: 43.1%; transform: rotate(-88deg);} #E2 {position:absolute; left: 8.5%; margin-top: 40.7%; transform: rotate(-83deg);} #E3 {position:absolute; left: 8.8%; margin-top: 38.3%; transform: rotate(-79deg);} #E4 {position:absolute; left: 9.1%; margin-top: 36%; transform: rotate(-78deg);} #E5 {position:absolute; left: 12.2%; margin-top: 28.2%; transform: rotate(-63deg);} #E6 {position:absolute; left: 13.3%; margin-top: 26.1%; transform: rotate(-59deg);} #E7 {position:absolute; left: 14.8%; margin-top: 24.1%; transform: rotate(-56deg);} #E8 {position:absolute; left: 16.3%; margin-top: 22.3%; transform: rotate(-50deg);} #E9 {position:absolute; left: 17.9%; margin-top: 20.7%; transform: rotate(-45deg);} #E10 {position:absolute; left: 19.7%; margin-top: 19.2%; transform: rotate(-38deg);} #E11 {position:absolute; left: 21.7%; margin-top: 17.8%; transform: rotate(-35deg);} #E12 {position:absolute; left: 29.4%; margin-top: 14.4%; transform: rotate(-25deg);} #E13 {position:absolute; left: 31.3%; margin-top: 13.7%;transform: rotate(-21deg);} #E14 {position:absolute; left: 33.3%; margin-top: 13.2%; transform: rotate(-10deg);} #E15 {position:absolute; left: 35.3%; margin-top: 13%; transform: rotate(-5deg);} #E16 {position:absolute; left: 37.4%; margin-top: 12.8%; transform: rotate(-3deg);} #E17 {position:absolute; left: 39.5%; margin-top: 12.8%; } #E18 {position:absolute; left: 41.7%; margin-top: 12.8%; } #E19 {position:absolute; left: 43.9%; margin-top: 12.8%; } #E20 {position:absolute; left: 46.2%; margin-top: 12.8%; } #E21 {position:absolute; left: 48.4%; margin-top: 12.8%; } #E22 {position:absolute; left: 50.7%; margin-top: 12.8%; } #E23 {position:absolute; left: 53%; margin-top: 12.8%; } #E24 {position:absolute; left: 55.3%; margin-top: 12.8%; } #E25 {position:absolute; left: 57.4%; margin-top: 12.8%; } #E26 {position:absolute; left: 59.6%; margin-top: 12.8%; } #E27 {position:absolute; left: 61.7%; margin-top: 12.9%; transform: rotate(3deg);} #E28 {position:absolute; left: 63.7%; margin-top: 13%; transform: rotate(6deg);} #E29 {position:absolute; left: 65.6%; margin-top: 13.3%; transform: rotate(9deg);} #E30 {position:absolute; left: 67.6%; margin-top: 13.7%; transform: rotate(15deg);} #E31 {position:absolute; left: 69.5%; margin-top: 14.3%; transform: rotate(23deg);} #E32 {position:absolute; left: 76.1%; margin-top: 17%; transform: rotate(30deg);} #E33 {position:absolute; left: 77.8%; margin-top: 18.2%;transform: rotate(33deg);} #E34 {position:absolute; left: 79.5%; margin-top: 19.6%; transform: rotate(35deg);} #E35 {position:absolute; left: 81.2%; margin-top: 21.1%; transform: rotate(40deg);} #E36 {position:absolute; left: 82.7%; margin-top: 22.7%; transform: rotate(45deg);} #E37 {position:absolute; left: 84.2%; margin-top: 24.3%; transform: rotate(48deg);} #E38 {position:absolute; left: 85.4%; margin-top: 26%; transform: rotate(55deg);} #E39 {position:absolute; left: 86.7%; margin-top: 28%; transform: rotate(58deg);} #E40 {position:absolute; left: 87.7%; margin-top: 30.1%; transform: rotate(66deg);} #E41 {position:absolute; left: 90.1%; margin-top: 38%; transform: rotate(78deg);} #E42 {position:absolute; left: 90.5%; margin-top: 40.1%; transform: rotate(82deg);} #E43 {position:absolute; left: 90.7%; margin-top: 42.5%; transform: rotate(82deg);} #F1 {position:absolute; left: 4%;margin-top: 40.5%;transform: rotate(-85deg);} #F2 {position:absolute; left: 4.2%;margin-top: 38.1%;transform: rotate(-83deg);} #F3 {position:absolute; left: 4.8%;margin-top: 35.8%;transform: rotate(-79deg);} #F4 {position:absolute; left: 8.6%;margin-top: 26.1%;transform: rotate(-60deg);} #F5 {position:absolute; left: 9.9%;margin-top: 23.9%;transform: rotate(-55deg);} #F6 {position:absolute; left: 11.3%;margin-top: 22%;transform: rotate(-54deg);} #F7 {position:absolute; left: 12.8%;margin-top: 20.2%;transform: rotate(-47deg);} #F8 {position:absolute; left: 14.5%;margin-top: 18.5%;transform: rotate(-43deg);} #F9 {position:absolute; left: 16.4%;margin-top: 16.9%;transform: rotate(-38deg);} #F10 {position:absolute; left: 18.2%;margin-top: 15.5%;transform: rotate(-35deg);} #F11 {position:absolute; left: 20%;margin-top: 14.3%;transform: rotate(-33deg);} #F12 {position:absolute; left: 27.4%;margin-top: 10.9%;transform: rotate(-25deg);} #F13 {position:absolute; left: 29.4%;margin-top: 10.1%;transform: rotate(-20deg);} #F14 {position:absolute; left:33.3%; margin-top:9.3%; transform: rotate(-10deg);} #F15 {position:absolute; left:35.3%; margin-top:9%; transform: rotate(-4deg);} #F16 {position:absolute; left:37.3%; margin-top:8.9%;} #F17 {position:absolute; left:39.4%; margin-top:8.9%;} #F18 {position:absolute; left:41.5%; margin-top:8.9%;} #F19 {position:absolute; left:45.2%; margin-top:8.9%;} #F20 {position:absolute; left:47.3%; margin-top:8.9%;} #F21 {position:absolute; left:49.5%; margin-top:8.9%;} #F22 {position:absolute; left:51.7%; margin-top:8.9%;} #F23 {position:absolute; left:54%; margin-top:8.9%;} #F24 {position:absolute; left:58%; margin-top:8.9%;} #F25 {position:absolute; left:60%; margin-top:8.9%;} #F26 {position:absolute; left: 62%; margin-top: 8.9%;transform: rotate(3deg);} #F27 {position:absolute; left: 64%; margin-top: 9%; transform: rotate(5deg);} #F28 {position:absolute; left: 66%; margin-top: 9.2%; transform: rotate(10deg);} #F29 {position:absolute; left: 69.7%; margin-top: 10.2%; transform: rotate(20deg);} #F30 {position:absolute; left: 77.8%; margin-top: 13.4%; transform: rotate(30deg);} #F31 {position:absolute; left: 79.7%; margin-top: 14.6%; transform: rotate(33deg);} #F32 {position:absolute; left: 81.5%; margin-top: 15.8%; transform: rotate(35deg);} #F33 {position:absolute; left: 83.2%; margin-top: 17.2%; transform: rotate(39deg);} #F34 {position:absolute; left: 84.7%; margin-top: 18.7%; transform: rotate(43deg);} #F35 {position:absolute; left: 86.2%; margin-top: 20.3%; transform: rotate(45deg);} #F36 {position:absolute; left: 87.6%; margin-top: 22%; transform: rotate(49deg);} #F37 {position:absolute; left: 89%; margin-top: 23.8%; transform: rotate(53deg);} /* resposive media queries */ @media only screen and (max-width: 1105px) { .individuals {padding-left:5px;color:#c18862;padding-bottom:0px;letter-spacing:2px;margin-bottom:5px;font-family:'GothamMedium', Arial, sans-serif;} } @media only screen and (max-width: 990px) { #termsconditions {width:85%; display:block;height:75vh; overflow:scroll;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} #privacyetc {width:85%; display:block;height:75vh; overflow:scroll;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} #cookiesetc {width:85%; display:block;height:75vh; overflow:scroll;color:#868786; margin:0 auto; background-color: #fff;padding-bottom:70px;font-size:12px;position: relative;} #showsMegaMenu {display: none; width: 98%; height: auto; overflow: hidden; background-color: #464646; position: absolute; margin-left: 0px; left:0%; top: 130px; z-index: 50000; padding: 10px; } #theBarShowTitle {width: 80%; margin-left:10%;} } @media only screen and (max-width: 860px) { #masSeatingplan {height: 540px;} #post70 {padding-bottom: 25px;} #pbRight {float: right;width: 75%;text-align: left;display: inline-block;} #ftLeft {width:48%;float:left;} #ftCenter {width:48%;float:right;} #ftRight {width:100%;text-align:center;} #showtypedisplay {width: 13%; display: block; padding-left: 0%; text-align: center; float: left; height: 38px; padding-top: 23px; font-family: 'GothamMedium', Arial, sans-serif; color: #c18862; text-transform: uppercase; font-size: 12px;} } @media only screen and (max-width: 800px) { .carousel_slide-heading {margin-top:-250px;font-size: 2em;} #contactBlock {width:100%;} #theBarShowTitle {font-size:20px!important; line-height:21px;} #bardate {position: absolute;text-align: center;margin-top: -14px;left: 50%;padding-top: 0px;} #thePost {width:90%;} #thePost img {width:90%!important; height:auto;clear:left!important;} } @media only screen and (max-width: 750px) { .stars {width:32%; height:auto; display:inline-block; text-align:center;margin-bottom:30px;} } @media only screen and (max-width: 690px) { #masSeatingplan {height: 430px;} .becomeafriend {display:none;} #header {max-width:1064px; overflow: hidden;padding-top:0px;padding-bottom:10px;padding-left:20px; padding-right:20px; height:auto; display:block; margin:0 auto;position:relative;margin-bottom:0px;} #masLogoHeader {position: relative;clear: left;text-align: center;left:0%;margin-left:0px;padding-top:70px;} #masHeaderRight {float: none;position: absolute;text-align: center;letter-spacing: 2px;font-family: 'GothamMedium', Arial, sans-serif;top: 10px;left: 50%; margin-left: -72px;} #masLogo {float: left;position: relative;width: 50px;height: auto;margin-left: 0px;padding-left: 37%;margin-bottom: 10px;display:none;} #masSocials {float:left; position:relative; width:150px; height:auto;margin-top:7px;display:none;} #masNav {display:none;} /* Mobile Navigation Content styling */ #mobbut {display:block;position:absolute; width:40px; height:40px;top:0px; right:0px;z-index:30001;} #mobbut img {width:100%; height:auto;} #mobNav {display:none; width:100%; padding-left:0px; text-align:center;padding-right:0px; height:auto;margin:0 auto;position:absolute; top:40px; left:0px; z-index:30000; background-color:#d5d5d5;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;margin-top:0px;} #mobNav ul {margin-left:0px;padding-left:0px; margin-bottom:0px;margin-top: 0px;display:block;} #mobNav ul li {display:block; padding-top: 10px;padding-bottom:10px;background-color:#d5d5d5; border-bottom:1px solid #c1c1c1;} #mobNav ul li a {color:#464646; font-size: 12px; letter-spacing:2px; text-decoration: none;text-transform:uppercase;font-family: 'GothamMedium',Arial, sans-serif;} #mobNav ul li:hover {background-color: #d5d5d5;} #mobNav ul li a:hover {color:#c18862; } #mobNav ul li ul {display:none;} #mobNav ul li ul li {display:block; text-align: center;padding-top: 12px;padding-left:15px; padding-right:15px;padding-bottom:12px;background-color:#464646; border-bottom:1px solid #c1c1c1;} #mobNav ul li ul li a {color:#e9e9e9; font-size: 12px; letter-spacing:2px;text-decoration: none;text-transform:uppercase;font-family: 'GothamMedium',Arial, sans-serif;} #mobNav ul li ul li:hover {} #mobNav ul li ul li a:hover {color:#c18862; } #mobNav .sub-menu {position:relative; display:none; z-index:1000;margin-bottom: -10px;} #mobNav ul.sub-menu {margin-left: 0!important; width:100%; padding-left: 0px!important; padding-right:0px; padding-top:10px; margin-top: 13px;} #mobNav ul.sub-menu li {background-color: #464646; display:block!important; padding-left:15%!important; padding-right:15%!important;} #mobNav ul.sub-menu li:hover {} #mobNav ul.sub-menu li a {} #mobNav ul.sub-menu li a:hover {} #gridContent h1 {font-size:24px;margin-bottom:5px;margin-top:8px;} #gridImageBlock {display:block; width: 98%;height: auto;margin: 1%;float: left;padding-top: 56.25%;position: relative;} #showWrap {width:100%; height:auto; display:block;clear: left; margin-bottom: 15px;overflow: hidden;} #showImage {width:100%; height:auto; display:block; float:left;} #showImage img {width:100%; height:auto;} #showDetails {width:100%; height:auto; display:block; float:left; border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;} #showsDate {width:98%; padding-left:2%; padding-top:12px; padding-bottom:10px;height:auto;font-family:'GothamMedium', sans-serif;letter-spacing:2px; text-transform:uppercase;border-bottom:1px solid #c7c7c7;} #showsBlurb {width:68%; float:left;padding-left:2%;font-size: 11px;padding-top:5px; padding-bottom:3px;line-height:13px;} #showsTickets {width:130px; float:right; text-align:left; color:#c18862; padding-top:23px; padding-bottom:20px;padding-left:5%;font-family:'GothamMedium', sans-serif;letter-spacing:2px; text-transform:uppercase;background-repeat: no-repeat;} #show30 {width:100%; height:auto; float:left;} #show30 img {width:70%; height:auto; margin:0 auto;padding-bottom:20px;} #show70 {width:100%; height:auto; float:left;} #show70 p {width:98%;margin-left:0px; margin-bottom: 10px;} #theatreCover img {border: 0px solid #c18862;} #showtypedisplay {width:11%; display:block; text-align:center;float:left;height:38px; padding-top:24px; font-family: 'GothamMedium', Arial, sans-serif;color:#c18862; text-transform: uppercase;font-size:10px;} #theShowTitle {width:70%; margin-left:23%;height:55px;padding-top:0px;display:block;margin-top:3px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 28px;line-height:24px;font-weight: unset;text-transform: uppercase;letter-spacing: 2px;text-align:center;} #showTitle {width:98%; line-height: 30px;padding-left:2%;height:auto;padding-top: 8px;padding-bottom: 8px;font-family: 'ChampionHTF', Arial, Sans-serif;font-size: 28px;font-weight: unset;text-transform: uppercase;letter-spacing: 2px;border-bottom:1px solid #c7c7c7;} } @media only screen and (max-width: 660px) { p.carousel_slide-text {color: #fff;font-size: 13px;max-width: 80%;} .carousel_slide-heading {margin-top:-200px;font-size: 2em;} .page-template-template-aboutpage #masCarousel {margin-bottom: -3%;} #milldonate {position:fixed; top:100px; left:2%; margin-left:0px;width:90%; height:auto;padding-top:25px; padding-bottom:10px; padding-left:10px; padding-right:10px; background-color:#ffffff;display:none; border-radius:0px; border:2px solid #fffff; text-align:center;box-shadow: 7px 7px 7px grey;} .dholder {width:100%;background-color:#ba774e; color:#ffffff;overflow:hidden; font-size:16px;} .puDonatebut {padding:8px 15px; color:#ba774e; background-color:#ffffff; text-transform:uppercase; clear:left; text-decoration: none; font-size:16px; margin:0 auto; margin-top:40px;} } @media only screen and (max-width: 600px) { #post70 {width:100%;} #post30 {width:100%;} #postLink {position:absolute; left:0%; bottom:5px;} #col3text { max-width: 1000px; margin: 0 auto; column-count: 2; column-gap: 20px;} #thirdBlock {width: 80%;padding: 1%;height: auto;display: block;float: none;text-align: center;margin-top: 20px;margin: 0 auto;} #galleryImageBlock {display: none;width: 100%;height: auto;margin: 0.7%;float: left;padding-top: 56.25%;position: relative;margin-bottom:20px;} p.carousel_slide-text {color: #fff;font-size: 13px;max-width: 80%; display:none;} .carousel_slide-heading {margin-top:-180px;font-size: 2em;} .carousel_slide-subheading {color: #fff; text-transform: uppercase; margin-top: -5px; font-size: 0.9em; letter-spacing: 0.2em; margin-bottom: 0; text-align: center;} #revblock h2 {font-size: 20px;line-height: 24px;} #theBarShowTitle {font-size:20px!important; line-height:21px;margin-left:17%;} } @media only screen and (max-width: 590px) { .stars {width:49%; height:auto; display:inline-block; text-align:center;margin-bottom:30px;} } @media only screen and (max-width: 570px) { #pbRight {float: right;width: 65%;text-align: left;display: inline-block;} #ftLeft {width:100%;float:left;} #ftCenter {width:100%;float:left;text-align:center;} #ftRight {width:100%;text-align:center;} #showsBlurb {width:98%; float:left;padding:1%;font-size: 11px;padding-top:5px; padding-bottom:3px;line-height:13px;} #showtypedisplay {display:none;} #theShowTitle {width: 70%;margin-left: 21%;} .page-template-template-homepage #thedate { position: relative; top: -17px; width: 90%; text-align: center; text-transform: uppercase; letter-spacing: 3px; } } @media only screen and (max-width: 500px) { .hpimg {width:85%;} #masSeatingplan {height: 330px;} .carousel_slide-heading {margin-top:-150px;font-size: 2em;} /*#masCarousel {height: 200px;}*/ #masLogo {float: left;position: relative;width: 50px;height: auto;margin-left: 0px;padding-left: 30%;margin-bottom: 10px;} #theShowTitle {font-size: 21px; line-height: 18px;} .page-template-template-homepage #theShowTitle {font-size: 24px; line-height: 18px;padding-top:10px;} #thedate {font-size:11px;letter-spacing: 2px;} h1 {font-family: 'BudmoJiggler', Arial, sans-serif;font-size: 1.5em;color: #c18862;letter-spacing: 0.4em;text-transform: uppercase;margin-top: 0px;padding-top: 10px;} #section30 {width:100%; height:auto; float:left;padding-top:20px;} #section70 {width:100%; height:auto; float:left;} #pbLeft {width: 50px;} img.howdoesitworkimg {width:70%; height:auto;padding-left:15%; margin:0 auto; padding-bottom:20px;} .page-template-template-homepage #thedate { position: relative; top: -26px; width: 99%; text-align: center; text-transform: uppercase; letter-spacing: 2px; } } @media only screen and (max-width: 450px) { #showDate {font-family: 'GothamMedium', Arial, sans-serif;color:#868786;width:100%; height:50px; float:left;display: flex;justify-content: center;flex-direction: column;text-align: center; font-size:16px; text-transform: uppercase;margin-bottom:0px;} #showTimes {border-left:0px solid #c7c7c7; width:100%; height:100px; color:#868786; font-size:11px; float:left;display:flex;justify-content: center;flex-direction: column;text-align: center;margin-bottom:0px;} #theBarShowTitle {font-size: 16px !important;line-height: 18px;margin-left: 20%;} #seatnumber { width: 100%; text-align: center; position: absolute; margin-top: 52%; color: #fff; font-size: 16px; font-family: 'GothamMedium', arial, sans-serif; } } @media only screen and (max-width: 430px) { .carousel_slide-heading {margin-top:-120px;font-size: 1.5em;} #col3text { max-width: 1000px; margin: 0 auto; column-count: 1; column-gap: 20px;} } @media only screen and (max-width: 400px) { /*#masCarousel {height: 170px;}*/ .page-template-template-homepage #theShowTitle {font-size: 24px; line-height: 18px;padding-top:10px;} #thedate {font-size:10px;letter-spacing: 1px;bottom: 58px;} #bardate {left:48%;} .page-template-template-aboutpage #masCarousel {margin-bottom: -17%;} #masSeatingplan {height: 230px;} } @media only screen and (max-width: 390px) { .stars {width:99%; height:auto; display:inline-block; text-align:center;margin-bottom:30px;} } @media only screen and (max-width: 385px) { #theBarShowTitle {font-size: 14px !important;line-height: 14px;} } @media only screen and (max-width: 350px) { .page-template-template-homepage #thedate { position: relative; top: -26px; width: 99%; text-align: center; text-transform: uppercase; letter-spacing: 0px; } } @media only screen and (max-width: 340px) { .carousel_slide-heading {margin-top:-100px;font-size: 1.5em;} #masLogo {float: left;position: relative;width: 50px;height: auto;margin-left: 0px;padding-left: 25%;margin-bottom: 10px;} #gridContent h1 {font-size:20px;margin-bottom:5px;margin-top:8px;} } @media only screen and (max-width: 320px) { .page-template-template-homepage #theShowTitle { font-size: 20px; line-height: 18px; } }