@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

#mx-top {
  position: relative;
   
}



.fleadh-23 .item_innerDiv {
    max-width: 250px;
    float: left;
    margin: 0 1% 0 1%;
}

#showlist .topcop {
    position: absolute;
    top: 2%;
    background-color: rgba(250, 250, 250, 0.85);
    left: 0;
    right: 0;
    padding: 5px;
    word-break: break-word;
}


.sign-box2 {
    background-color: #ffffff;
    padding: 10px;
    width: 45%;
    max-width: 500px;
    color: #014f9c;
    margin-left: 20px;
}

.twinp {
  max-width: 1024px;
    margin: 0 auto;
    display: flex;
}



#splash {
  background-repeat: no-repeat;
  background-size: contain;
  display: table;
 width: 20%;
      max-width: 300px;
    height: 400px;
  position: absolute;
  top: 120px;
    right: 100px;
  z-index: 500;
}

.splash-copy {
  padding: 10px;
    color: #fff;
    background-color: #000;
    text-align: center;
    margin-top: -25px;
    z-index: 1005;
    position: absolute;
    border: solid 3px #fff;
}

.splash-copy p {
  font-size: 12px;
    margin: 0;
}

.splash-copy a {
  color: #fff !important;
}

.splash-copy a:hover {
  color: #BCDAE9 !important;
}


.mac-rm {
  text-align: center;
    bottom: 0;
    background-color: rgba(10, 68, 170, 0.89);
    height: auto!important;
    color: #fff;
    width: 80% !important;
    left: 10%;
    right: auto;
}

.mac-click {
  width: 100%;
    position: absolute;
    height: 100%;
}

.mac-show{
  position: relative;
}

.mac-show #lat_news .date_news {
  margin: 0;
    font-size: 20px;
}

.macmag-layout {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.mac-1 {
    flex-grow: 1;
    width: 315px;
    height: 600px;
    overflow: hidden;
    margin: 20px 0 30px 0;
    max-width: 50%;
    background-color: #ddd;
}

.mac-2 {
    flex-grow: 1;
    width: 315px;
    height: 600px;
    overflow: hidden;
    margin: 20px 0 30px 0;
    max-width: 50%;
}
.mac-3 {
    flex-grow: 1;
    width: 315px;
    height: 600px;
    overflow: hidden;
    max-width: 50%;
    margin: 20px 0 30px 0;
    background-color: #ddd;
}




.standard li {
  margin-bottom:10px;
}


.readmore {
  margin-bottom: 20px;
}

.dir-ltr +div {
  display: none !important;
}
/*
.macmag .cols-4 {
column-count: 4;
  column-width: 200px;
column-fill: balance;
  -webkit-column-count: 4;
    -webkit-column-width: 200px;
    -webkit-column-fill: balance;
    width: 100%;
    z-index: 450;
}*/

.column-1 .news-article h1 {
  font-size: 30px;
    font-weight: 500;
}

.column-1 header {
  display: none;
}

.column-1 .date_news {
  margin: 0;
    font-size: 20px;
}

.column-1 .leading_news {
  font-size: 16px;
}

.macmag #lat_news {

 -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.macmag .item {
  min-width: 100px;
    float: none;
   width: 100%;
}

.macmag header {
  margin: 35px auto 0 auto !important;
}

.macmag .item .first {
    margin-left: 30px;
}


.director .item-inner {
  display: flex;
  flex-wrap: wrap;
}

.director .item-page {
  width: 50%;
}

.director h1{
 background-color: rgb(140, 113, 130);
    color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 3px 0 4px 0;
    font-size: 36px;
    border-top: 4px solid #0A44AA;
}


.director .directors .pic_news {
    float: left;
    width: 30%;
    margin: 10px;
    border: solid 4px #fff;
    -webkit-box-shadow: 5px 5px 20px #000;
    -moz-box-shadow: 5px 5px 20px #000;
    box-shadow: 5px 5px 20px #000;
    padding: 0;
}

.dir-pic {
  width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
  display: table;
  position: relative;
  border-top: 4px solid #0A44AA;
}

.dir-title {
  position: absolute;
    right: 20px;
}

.dir-title h2 {
  text-align: right !important;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 110%;
    margin-top: 20px;
  color: #Fff;
  
}

.dir-copy {
  margin-top: 10px;
}

.dir-copy p {
  font-size: 15px;
    line-height: 135%;
    text-rendering: optimizeLegibility;

}



.firstcharacter{
  float: left;
    font-weight: 900;
    font-size: 34pt;
    line-height: 27pt;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 3px;
}



figure {
    
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
  
  margin: 6pt 0 6pt 0;
}

figcaption {
font-size: 9pt;
    margin-bottom: 9pt;
}

.newspaper {
 -webkit-column-count: 4;
    -moz-column-count: 4;
   column-count: 4;
     -webkit-column-fill: balance;
     -webkit-column-gap: 32px;
     -webkit-column-width: 200px;
     -webkit-column-rule: 1px solid #000;
  
   
    -moz-column-fill: balance;
    -moz-column-gap: 32px;
    -moz-column-width: 200px;
    -moz-column-rule: 1px solid #000;
  
   
    column-fill: balance;
    column-gap: 32px;
    column-width: 200px;
    column-rule: 1px solid #000;
}

/* Extra-wide grid-posts */
.news-article{
 column-span: all; 
   -webkit-column-span: all; 
  -moz-column-span: all; 
}

.news-article2{
  
}

.news-article3{
  
}

.news-article4{
  
}

.news-article h1{
  font-weight: 700;
  line-height: 110%;
}

/* Single column display for phones 
@media (max-width: 459px) {
  .newspaper {
    display: flex;
    flex-direction: column;
  }
}

*/








.slides h3 {
  display: none;
}

.postponed {
  position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
}

.postponed p {
    font-size: 25px;
    font-weight: 700;
    color: #FF1717;
    padding: 5px;
    border: solid 3px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.79);
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.7);
}


.slide-bgimg::after {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0 !important;
    content: '';
}


#slides {
   margin-top: -5px !important;
    margin-bottom: 25px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  max-width: 1600px;
}

.slide-bgimg img {
    max-width: 1600px;
}
body.bg {
    background-color: #111;
}

/*

.main-slider .swiper-slide .content {
    max-width: 1000px !important;
}

.mt-4 {
right: 1%;
    bottom: 2%;
    position: absolute;
    margin: 0 auto; 
    width: 100%;
}

.mt-4:after{
  content: "15/11/2020";
}
*/


.directors .pic_news {
  float: left;
    width: 30%;
    margin: 10px;
    border: solid 4px #fff;
    -webkit-box-shadow: 5px 5px 20px #000;
    -moz-box-shadow: 5px 5px 20px #000;
    box-shadow: 5px 5px 20px #000;
  padding: 0;
}

.news_copy {
  text-align: justify;
 text-indent: 6pt;
    margin: 0;
    font-size: 12pt;
}

.news_copy1 {
 text-align: justify;
    margin: 0;
    font-size: 12pt;
}

.leading_news {
  font-size: 20px;
    line-height: 130%;
}

.leading_news a {
color: #FD9601;
}

.leading_news a:hover, .leading_news a:active, .leading_news a:focus {
color: #F6CDA4;
}

.mag {
  margin-top: 40px;
    background-color: #0A44AA;
    padding: 5px 0 15px 0;
    color: #fff;
  margin-bottom: 5px;
}

article header ul {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 80%;
}

.boxcopy hr,{
margin: 15px 0;
    border: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff;
}

.boxoffice h3::before,
.boxcopy h3::before,
.workshop2 h3::before  {
  display: none;
}

.round-shads{
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.62);
-webkit-border-radius: 50%;
-webkit-border-style: solid;
-webkit-border-color: #fff;
-webkit-border-width: 2px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.62);
  border-radius: 50%;
  border-style: solid;
    border-color: #fff;
    border-width: 2px;
}

header h1 {
  font-size: 33px;
    color: #ffffff;
    background-color: #0A44AA;
 
}


.item-page:nth-child(even) {
   background-color: #fafafa;
}

.item-page:nth-child(odd) {
   background-color: #fafafa;
}

li.print-icon, li.email-icon {
    background-color: #681E41;
}

article header {
   
  margin: 0 auto !important;
}

.school-pics {
    margin-left: 5%;
    width: 45%;
    float: left;
  display: table;
}


.fixed-bg {
display: table;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    height: 100%;
   top: 0;
}

#content_description {

}

#content_pictures {
 display: none;
 
}

#content_programme {
 display: none;
 
}

#content_video {
 display: none;
 
}

#content_holder  {
   margin-top: 20px;
    position: relative;
  clear: both;
}

#content_holder:before  {
content: 'SPACE';
   visibility: hidden;
}


#inner_content {
    background-color: #fafafa;
}



.scamp {
   height: 650px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  background-color: #fff;
    width: 23%;
    float: left;
  position: relative;
}

.scamp img {
  max-height: 450px;
  width:100%;
}


.jes-bot {
  position: absolute;
  bottom: 5px;
  width: 100%;
}

.jes-holder {
  width: 100%;
  height: 750px;
}

#logo img {
  padding: 5px 0 0 0;
  margin: 0;
}

#soc_div {
      float: left;
}

#top-right {
  color: #fff;
    /* text-align: right; */
    float: right;
    margin: 12px 10% 0 0;
}

.bloops {
  z-index: 50;
}


.home-3 #mx-basebody {
    background-color: #0A44AA;
}

 .home-box {
    height: 251px;
    overflow: hidden;
    padding: 0 10px 10px 10px;
       background-color: #fff;
  }


.sign-box{
background-color: #ffffff;
    padding: 10px;
    width: 60%;
    max-width: 500px;
    color: #014f9c;
    margin-left: 20px;
}

#mx-mainbottom-grid-bottom {
  width: 80%;
    margin: 0 auto;
}

.button-jes, button-jes, input[type="button-jes"], button[type="button-jes"], input[type="submit-jes"] {
	line-height: 24px;
    color: #fafafa;
    text-transform: uppercase;
    border: 0;
    font-size: 11px !important;
    cursor: pointer;
    zoom: 1;
    vertical-align: top;
    outline: none;
    text-align: center;
    text-decoration: none;
    padding: 4px 15px !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.74);
    -webkit-border-radius: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #333 inset;
    -ms-box-shadow: 0 0 0 1px #bbbbbb inset;
    box-shadow: 0 0 0 1px #333 inset;
    background: #fafafa;
    background-image: -webkit-linear-gradient(top, rgba(0, 136, 204, 0.34), #0352A0);
    background-image: -moz-linear-gradient(top, rgba(0, 136, 204, 0.34), #0352A0);
    background-image: -ms-linear-gradient(top, rgba(0, 136, 204, 0.34), #0352A0);
    background-image: -o-linear-gradient(top, rgba(0, 136, 204, 0.34), #0352A0);
}

.btn-jes {
	text-transform: uppercase;
  border-bottom-color: transparent;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.06);
  padding: 5px 20px !important;
  background-repeat: repeat-x;
}
.btn-jes:hover,
.btn-jes:focus {
  background-color: #333;
    background-position: 0 0;
    border-color: #222;
}
.btn-jes:active,
.btn-jes.active {
  background-color: #555;
  border-color: #555;
  -webkit-box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.12);
}


.custommbot h2 a{
  font-size: 26px;
  font-weight: 500;
}


.customcovid a {
  color:#000000
}

.customcovid a:hover {
  color: #F40303
}


#mx-bottom3 .nav-child {
  margin-left: 30px;
}


#mx-bottoms li a {
    border-bottom: none;
  display: list-item;
      list-style: disc;
      padding: 0;
}

a:-webkit-any-link {
    text-decoration: none;
}

#mx-bottom1, #mx-bottom3, #mx-bottom6 {
margin: 0 0 0 80px;
 
}

#mx-bottom3 li {
    background: none;
    padding: 0;
  color:#ffffff;
}

#mx-bottom3 li a, .cp a, #mx-bottom1 a, #mx-bottom6 a {
    color: #ffffff;
}
#mx-bottom3 li a:hover, .cp a:hover, #mx-bottom1 a:hover, #mx-bottom6 a:hover {
    color: #B1E1E1;
}


#mx-footer {
    color: #ffffff;
    background-color: #681E41;
}



.mx-base .boxcopynog h3::before {
    background-color: #ff0000;
}

.boxcopynog {
  color: #ffffff;
    width: 50%;
    background-color: rgba(24, 49, 121, 0.78);
    padding: 2%;
    float: left;
    
    margin-bottom: 40px;
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}




.vidbox{
  position: relative; 
  background: #c0c0c0; /* for browsers that do not support gradients */    
  background: -webkit-linear-gradient(#c0c0c0, #747475); /* for safari 5.1 to 6.0 */    
  background: -o-linear-gradient(#c0c0c0, #747475); /* for opera 11.1 to 12.0 */    
  background: -moz-linear-gradient(#c0c0c0, #747475); /* for firefox 3.6 to 15 */   
  background: linear-gradient(#c0c0c0, #747475); /* standard syntax */ 
  display: block; 
  padding: 0; 
  border-radius: 4px; 
  margin: 10px auto; 
  width:100%;
}

.vidbox-lil{
 position: relative;
    background: #c0c0c0;
    background: -webkit-linear-gradient(#c0c0c0, #747475);
    background: -o-linear-gradient(#c0c0c0, #747475);
    background: -moz-linear-gradient(#c0c0c0, #747475);
    background: linear-gradient(#c0c0c0, #747475);
    display: block;
    padding: 2%;
    border-radius: 4px;
    
    width: 40%;
    float: right;
}

.vids{
    bottom: 5px;
    margin-right: 5px;
        min-height: 250px;
    display: flex;
}


#infobox p {
 margin: 0;
    font-weight: 500;
    color: #000080;
}


.nog {
  position: relative;
    background-color: #ffffff;
    height: auto !important;
    max-height: 645px;
    text-overflow: clip;
    
    width: 23% !important;
}

.nog h3 {
      font-size: 24px;
  margin-bottom: 0;
}

.doon {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.doon p {
  margin-bottom: 10px !important;
}

.vid {
  margin-left: 10px !important;
}



.item {
  min-width: 300px;
}

.whatson-3 .item_innerDiv {
  max-width: 250px;
    float: left;
    margin: 0 1% 0 1%;
}

.whatson-3 .row_main:after{
 clear:none;
}


.newsletter .mx-component-area-inner {
  background-image: url('http://mullingarartscentre.ie/images/bg/covers-bg.jpg');
  background-repeat: no-repeat;
    background-size: cover;
}




.bfCustomSubmitButton {
  line-height: 24px;
    color: #222;
    text-transform: uppercase;
    border: 1px solid #555;
    font-size: 11px !important;
    cursor: pointer;
    zoom: 1;
    vertical-align: top;
    outline: none;
    text-align: center;
    text-decoration: none;
    padding: 4px 15px !important;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #BBBBBB inset;
    -ms-box-shadow: 0 0 0 1px #bbbbbb inset;
    box-shadow: 0 0 0 1px #BBBBBB inset;
    background: #fff;
    background-image: -webkit-linear-gradient(top, #e5e5e5, #999);
    background-image: -moz-linear-gradient(top, #e5e5e5, #999);
    background-image: -ms-linear-gradient(top, #e5e5e5, #999);
    background-image: -o-linear-gradient(top, #e5e5e5, #999);
}


#bfLabel110 {
  visibility: hidden;
}

legend {
  border-bottom: 1px solid #0174E7;
}


.bfPage {
 margin: 80px 24% 0 24%;
    background-color: rgba(204, 204, 204, 0.95);
    padding: 1%;
}


.whatson .cols-2 {  
margin: 0 auto;
    width: 50%;
}

.data-mce a {
  visibility: hidden;
}

div.edit, .edit-icon {
    margin-top: 30px;
}

.blog-featured_whatson {
    margin: 0 auto;
}

.item-page_whatson {
  margin: 0 auto;
    display: table;
}

.alert {
    margin-top: 30px;
}

.img-intro-left img {
    object-fit: cover;
    height: 400px;
}

.img-intro-left {
margin-top: 30px;
    width: 100%;
    height: auto;
    float: left;
}

.mt-5 {
width: 100%;
    height: 100%;
    opacity: 0;
}

.mt-4 {
width: 100%;
    height: 100%;
  padding-top: 50px;
}

.mt-5 .btn {
  width:100%;
    height:100%;
}

header {
  margin: 0 !important;
}

.mx-inner {
    padding-left: 0;
    padding-right: 0;
    
}

#mx-maincol {
    margin-top: -35px;
}

#bottsite {
    background-color: #681E41;
    color: #FFFFFF !important;
    padding: 20px 0px;
position: relative;
}

#mx-top-header {
    background-color: #681E41;
}

.custommbot {
  text-align: center;
}

.piccydiv {
 position: absolute;
    bottom: 10px;
    left: 10px;
    Right: 10px;
}

.custommbot {
    position: relative;
    width: 100%;
}

/*.rev {
  max-width: 100%;
    background-size: cover;
  background-position: center;
    background-repeat: no-repeat;
  padding-top: 25%;
  background-color: #343434;
    padding-bottom: 0%;
  margin-top: -10px;
  max-height: 260px;
}
*/

.rev {
width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #343434;
    padding-bottom: 0%;
    margin-top: -10px;
    display: table;
}

.rev2 {
    max-width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50%;
    background-color: #343434;
    padding-bottom: 0%;
    margin-top: -110px;
    max-height: 260px;
}

.boxcopy {
  width: 60%;
    background-color: rgba(24, 49, 121, 0.78);
    padding: 2%;
    float: left;
  margin-left: 20px;
  margin-bottom: 40px;
  margin-top: 40px;
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}

.boxcopy2 {
    width: 60%;
    background-color: rgba(24, 49, 121, 0.78);
    padding: 2%;
    float: left;
    margin-left: 20px;
    margin-bottom: 40px;
    margin-top: -20%;
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}

.boxcopy h3, .boxcopynog h3{
color: #ffffff;
    margin: 0;
  padding: 0;
}

.boxcopy h1, .boxcopynog h1 {
 color: #ffffff;
    background-color: #681E41;
    padding: 7px 0 12px 7px;
}

.boxcopy h4, .boxcopy p {
  color: #ffffff;
}

.boxcopy.school {
  position: relative;
}

.boxcopy a {
  color:#fff;
}

.boxcopy a:hover {
  color: red;
  font-weight: 500;
}

.boxoffice {
   width: auto;
    background-color: #ccc;
    margin: 5% 20px 40px 68%;
    padding: 0 2% 0.5% 0;
    text-align: right;
  -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
  background-image: url('../../../images/reviews/book2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  font-weight: normal;
}

.boxoffice h3 {
  font-size: 26px;
}

.boxoffice .btn, .boxcopy .btn {
    margin-bottom: 2px !important;
    color: #fafafa;
    text-shadow: 0 1px 1px #999;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    background-color: #fafafa;
    background-image: linear-gradient(to bottom,rgb(70, 169, 218),rgb(1, 58, 115));
}

.boxoffice .btn:hover, .boxcopy .btn:hover {
    background-position: 0 0px;
    color: #fff;
    background-color: rgba(70, 169, 218, 0.4);
    text-shadow: none;
    background-image: linear-gradient(to bottom,rgb(1, 58, 115), rgb(70, 169, 218));
}

.boxoffice .btn:focus, .boxcopy .btn:focus  {
    background-position: 0 0;
}

.boxcopy .btn a {
  color: #fafafa;
}

.workshop2 .btn {
  margin-bottom: 2px !important;
  color: #fafafa;
  text-shadow: 0 1px 1px #999;
  background-color: #fafafa;
  background-image: linear-gradient(to bottom,rgb(70, 169, 218),rgb(1, 58, 115));
}

.workshop2 .btn:hover {
  background-position: 0 -35px;
  color: #000;
  background-color: rgba(70, 169, 218, 0.4);
    text-shadow: none;
}

.workshop2 .btn:focus {
    background-position: 0 0;
}

.boxoffice .dates {
  float: left;
    display: block;
    width: 70%;
}

.boxoffice .phone h4 {
  color: #cc0000; 
  font-size: 14pt; 
  padding-right: 10px;
  font-weight: bold;
}

#showlist {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
     display: block;
    max-width: 318px;
      -webkit-box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.66);
    -moz-box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.66);
    box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.66);
    -pie-box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.66);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}

.row_main {
    display: block;
    position: relative;
    height: 400px;
    margin-bottom: 5%;
  margin-top:30px;
}


#showlist .botcop {
    position: absolute;
    bottom: 2%;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.85);
    left: 0;
    right: 0;
}

#showlist .botcop p {
  line-height: 110%; 
  margin-bottom: 0;
}


#showlist .topcop h2, #showlist .topcop h2 a {
  margin-bottom: 0;
}

#showlist .topcop h4 {
  line-height: 110%; 
  margin-bottom: 0;
}

.item .last {
    margin-right: 0;
}

.items-row {
    background-color: #fafafa;
}

.item .first {
    margin-left: 0;
}

.mx-block .last {
    margin-right: 0;
}

#hormenu:after {
    position: inherit !important;
    right: 0 !important;
    top: 0 !important;
    width: 0 !important;
    z-index: 0 !important;
    height: 0 !important;
    content: inherit !important;
    transform: inherit !important;
}

#hormenu:before, #hormenu:after {
    margin-bottom: -6px;
}

.boxcopy_news {
  width: 100%;
    background-color: rgba(24, 49, 121, 0.78);
    
  margin-bottom:20px;
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}

.boxcopy_news.directors {
  margin-top: 2%;
    margin-left: -6%;
}

.boxcopy.theatre {
  text-align: left;
}
  
  .date_news {
    margin-top: -65px;
    text-align: right !important;
  }

#lat_news {
  margin: 0 auto; 
  width: 80%;
  margin-top: 30px;
  text-align: left;
}

.head_copy{
  color: #ffffff;
    background-color: rgba(104, 30, 65, 0.84);
    padding: 1px 0 5px 0;
    position: relative;
}

.pic_news {
  float: left; 
  width: 40%; 
 margin: 30px 20px 20px 30px;
}

.copy_news {
  color:#fff;
  text-align: left;
  padding: 30px;
}

.inline hr {
    margin: 20px 0 20px 0;
    border: 0;
    border-top: 4px solid #999;
    border-bottom: 4px solid #fff;
}

.blog {
 margin-top: 30px;
  text-align: center;
}

.blog table {
  text-align: left
}

.blog h2 {
  text-align: center;
}

.location {
    background-color: #ccc;
    margin: 15px;
}

.shads {
  -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    box-shadow: 5px 5px 10px #000;
    -pie-box-shadow: 5px 5px 10px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
}

.home-3 .mx-inner {
    background-color: rgba(52, 52, 52, 0);
}

.contact-1 .mx-inner {
    background-color: rgba(52, 52, 52, 0);
}
  
.education{
  height: 450px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 18%;
    float: left;
}

.custom1 {
 
    padding-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.custom1 h2 a, .custom1 h2 {
  color:#ffffff;
  text-align: center;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.70);
}

.custom1 h2 a:hover {
  color:#cc0000;
}

.custom {
  text-align: left;
}

.custom h3 {
  margin-top: 0;
} 

.accomodation {
  width: 23%;
    background-color: #ddd;
    min-width: 170px;
}

.row {
  height: auto;
    width: 100%;
    margin: 0;
  
}

.row > div > div {
  display: block;
    float: left;
    position: relative;
    height: auto;
    margin-left: 10%;
    margin-bottom: 1%;
    padding-bottom: 10px;
}

.row > div > div > div{
    padding: 0 10px;
    margin-bottom: 0;
    padding-top: 15px;
}

.row .accomodation {
    margin-bottom: 5% !important;
}

.rev.theatre {
  padding: 5% 0 22% 5%;
    background-position-y: 45%;
  background-position-x: 45%;
}

.accomodation h3, .accomodation h4, .accomodation p {
  text-shadow: 1px 1px .5px rgba(255, 255, 255, 1);
    z-index: 100;
}

.contact {
 margin: 40px 0 40px 5%;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px;
    width: 40%;
    word-wrap: break-word;
}

.contact_bg {
  padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 14%;
  display: table;
}

.rev.about {
  padding-top: 10%;
    padding-bottom: 40%;
}

.rev.team {
  padding-top: 2%;
    padding-bottom: 35%;
    background-position-y: 0;
}



.rev.school2 {
    padding-top: 5%;
    padding-bottom: 40%;
}

.rev.school h3::before, .rev.school2 h3::before {
 background-color: rgba(229, 229, 229, 0);
}

.tboxcopy {
  margin: 2% 2% 10px 2%;
}

.stage {
  float: left;
    width: 17.3%;
    min-width: 225px;
    padding: 0 1% 1% 0.5%;
    margin: 0 0 30px 1%;
    background-color: #ccc;
}

.directors {
 display: table;
    margin-bottom: 40px;
    width: 80%;
    margin: 0 auto;
}

.workshop2 {
   float: right;
    width: 30% !important;
    display: table;
    text-align: right;
    background-color: #DFE0E4;
    padding: 10px 20px 10px 10px;
    margin-top: 40px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 20px;
}

.tutorbox-new {
    width: 100%;
    clear: both;
    padding: 1% 0 0 1%;
    position: relative;

}

.tutorbox-full {
width: 100%;
    clear: both;
    padding: 1% 0 0 1%;
    position: relative;
}

.tutorbox {
   width: auto !important;
    clear: both;
   left: 12px;
    background-color: rgb(203, 215, 236);
    padding: 1% 0 0 1%;
    position: relative;
  
  float: left;
}

.tutorbox2 {
   width: 22% !important;
    left: 12px;
    background-color: #fff;
    padding: 5px 0 5px 5px;
    position: relative;
  margin-top: 10px;
  float: left;
} 

.tutorboxd {
   width: auto !important;
    clear: both;
   left: 12px;
    background-color: rgb(203, 215, 236);
    
    position: relative;
  float: left;
  padding: 0 1% !important;
    margin: -7% 0 0 30%;
}

.tutorboxd .tutorpix {
  width: 100% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
}

.fifty{
 
}

.tutorpix {
 width: 23% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
  display: table;
}

.tutorpix5 {
    width: 18.5% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
    display: table;
}

.tutorpix4 {
    width: 23% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
    display: table;
}

.tutorpix6 {
    width: 15% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
    display: table;
}

.tutorpix3 {
  width: 30% !important;
    float: left;
    text-align: center;
    margin-right: 1.4%;
  display: table;
}

.boxcopy.school {
  text-align:left;
}

.long {width:77% !important;}

.standard {
  margin: 20px 20%;
    background-color: #e5e5e5;
    padding: 2%;
}

.dlink {
  color: #FF5050;
}

.dlink:hover {
  color: #FFF;
}

.wolink {
 position: absolute;
    top: 0;
    bottom: 0;
    width: 99.8%;
    z-index: 1000;
}

.wolink2 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 450px;
    z-index: 1000;
}

.wolink2 a img{
  width: 100%;
    height: 450px;
}

#tinymce .wolink {
  z-index: 0;
}


.wolink img {
    visibility: hidden;
  display: none;
}

.wolink a {
  height: 400px;
    display: block;
    font-size: 36px;
    color: #EA0303;
    font-weight: bold;
    /*  transform: rotate(15deg);  */
    text-shadow: 1px 1px 1px #ffffff;
}

.wolink a:hover {
 background-color: rgb(0 0 0 / 15%);
}

.login, .profile {
  margin: 50px 20% 0 20%;
}

.well {
  background-color: #ddd;
    border-color: #000;
}

.controls input {
  -webkit-box-shadow: 0 0 0 1px #000 inset;
    box-shadow: 0 0 0 1px #000 inset;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.controls input.inputbox {
 border: none;
    box-shadow: none;
}

.chart a {
  color: rgb(249, 246, 36);
}

.chart a:hover {
  color: #FF6969;
}

.tboxcopy table {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: left;
}

.tboxcopy div {
    width: 40%;
    float: left;
    margin-left: 8%;
    background-color: rgba(17, 17, 17, 0.57);
}

.stagepix {
    width: 100%;
    max-width: 1200px;
    margin: 10px auto;
}

.stagepix img{
    width: 100%;
}

.accimage {
  position: absolute; 
  bottom: -48px; 
  right: -100px; 
  width: 200px;
}



.piccydiv img {
  max-height: 200px;
    min-width: 50%;
}








/* re size for phones */
@media only screen and ( max-width: 822px ) {
  
.twinp {
    display: block;
}
  
  .sign-box2 {
    background-color: #ffffff;
    padding: 10px;
    width: 90%;
    max-width: 500px;
    color: #014f9c;
    margin-left: 8px;
    margin-bottom: 8px;
}
  
  
  #mx-bottom3 {
    display: none;
  }
  
  
 #splash {
    width: 30%;
    height: auto;
    top: -30px;
    right: 0;
    margin: 10px auto 0 auto;
    position: relative;
} 
  
  
  .macmag .column-1 {
    -webkit-columns: 1 !important;
    width: 100%;
    z-index: 450;
}
  
  
  .tutorbox-new {
    width: 100%;
  }
 
  
  .home-box {
    max-width:400px;
    margin: 0 auto;
  }
  
  
  .boxoffice {
    width: 80%;
    margin: 10px 10px 40px 10px;
  }
  
  .boxcopy {
    width: 80%;
    float: none;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
   .boxcopynog, .vidbox, .vidbox-lil {
    width: 80%;
    float: none;
    margin: 10px auto;
  }
  
  #mx-maincol {
    clear: both;
    display: block;
    height: 100%;
    overflow: auto;
}
  .accomodation {
 width: 70%;
    min-width: 250px;
    margin: 0 5% 0 5% !important;
  }
  
  .row > div > div {
    margin-left:1%;
  }
  
  .contact {
 margin: 10px 2% 10px 2%;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px;
    width: 85%;
    word-wrap: break-word;
}
  
  .tutorbox, .tutorboxd{
    width: 80% !important;
    clear: both;
left: 0;
    background-color: rgb(203, 215, 236);
    padding: 0;
    position: relative;
    float: none;
    margin: 0 auto !important;
}
  
  .tutorpix, .tutorpix2, .tutorpix3, .tutorpix5, .tutorboxd .tutorpix {
    width: 18% !important;
    
    text-align: center;
    margin: 0 auto;
    padding: 3%;
  }
  
 
  
  .workshop2 {
    float: none;
    width: 80% !important;
  }
  
 .long {width: 73% !important;
    padding: 3% 1% 0 1%;
}
  
  .tboxcopy table {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    float: none;
    text-align: left;
}
  
  .tboxcopy div {
    width: 95%;
    float: none;
    margin: 0 auto;
    background-color: rgba(17, 17, 17, 0.57);
    padding: 5px;
  }
  
  .stage {
    float: none;
    width: 100%;
    min-width: 225px;
    padding: 0;
    margin: 0 auto;
    background-color: #ccc;
}
  
  .standard {
    margin: 20px 1%;
  }
  
  .head_copy {
    line-height: 150%;
}
  
  .pic_news {
    float: left;
    padding-right: 10px;
    width: 50%;
    margin-bottom: 5px;
    margin-left: 1%;
}
  
.date_news {
    font-size: 24px;
  }

.boxcopy_news {
    width: 95%;
    background-color: rgba(24, 49, 121, 0.78);
    padding: 2%;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
  }
  
  .accimage {
    position: absolute;
    bottom: -10px;
    right: -70px;
    width: 150px;
}
  
/*  .rev, .rev2 {
    background-size: 100% 100%;
    display: block;
    padding: 0;
    margin: 0;
    height: 250px;
    width: 100%;
    float: none;
   
  }
  
*/  
  .item-inner {
    padding: 10px 10px !important;
  }
  
  .jes-holder {
    height: auto !important;
}
  .education{
  height: 450px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 30.5%;
    float: left;
}
  
  .scamp {
    height: 640px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    width: 46%;
    float: left;
    position: relative;
}
  .rev.school {
    display:block !important;
  } 

  
}
  




@media only screen and ( max-width: 480px ) {
  
#splash {
    width: 50%;
  }
  
  
  
  .mac-1, .mac-2, .mac-3 {
    width: auto;
    max-width: 100%; 
}

  .macmag-layout {
    flex-direction: column;
}
  
  
  .school-pics {
    margin-left: 0;
  }
  
  .boxcopy_news.directors {
    margin: 0 auto;
    display: block;
    width: 100%;
    float: none;
  }
  
   .boxcopynog, .vidbox, .vidbox-lil {
    margin: 10px auto;
    display: block;
    width: 100%;
    float: none;
         padding: 2%;
  }
  
  .sign-box {
    width: 100%;
    max-width: 90%;
   margin-left: 0px; 
  }
  
  .scamp {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    height: 640px !important;
  }
  
   .education {
    height: 450px;
    margin: 0 auto 20px auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 85%;
    float: none;
}
  
   .tutorpix, .tutorpix2, .tutorpix3, .tutorpix5, .tutorpix6, .tutorboxd .tutorpix {
    width: 25% !important;
    text-align: center;
    margin: 0 auto;
    padding: 3%;
}
  
  .tutorbox-full {
    width: 99%;
    clear: both;
    padding: 1% 0 0 1%;
    position: relative;
}
  .long {width: 66% !important;
    padding: 3% 1% 0 1%;
}
  
  .rev.school {
    display:block !important;
  }
  
  .boxcopy.school table h3, 
  .boxcopy.school table p {
    font-size: smaller;
  }
  
  .djslider-loader-default {
    width:100%;
  }
  
}

@media only screen and ( min-width: 770px ) and ( max-width: 1120px ) {
  
   .education{
  height: 450px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 23%;
    float: left;
}
  
    .scamp {
    height: 620px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    width: 30.5%;
    float: left;
    position: relative;
}
}


@media only screen and ( max-width: 1250px ) {
  
.blog .item {
    width:100%;
    float: none;
  }
  

  
   .accimage {
    position: absolute;
    bottom: -10px;
    right: -70px;
    width: 150px;
}
   #mx-mainbottom-grid-bottom {
  width: 100%;
    margin: 0;
  }
  
  .jes-holder {
    width: 100%;
    height: 650px;
  }
  

  
}



@media only screen and ( max-width: 1114px ) {
  
  #logo img {
  padding: 5px 0 0 0;
  margin: 0 auto;
}

#soc_div {
      float: none;
}

#top-right {
 display:none;
}
  
  
  
}

@media only screen and ( min-width: 1642px ) {

  .education{
  height: 450px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 14.5%;
    float: left;
}
  
  .scamp {
    height: 620px;
    margin: 0 1% 20px 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    width: 18%;
    float: left;
    position: relative;
}
  
}

@media only screen and ( min-width: 769px ) and ( max-width: 1020px ) {

  .accomodation {
 width: 50%;
    min-width: 250px;
    margin: 0 5% 0 5% !important;
  }
  
  #splash {
    width: 25%;
    height: 300px;
    top: 160px; 
}
}

@media only screen and ( min-width: 1514px ) {
.director .item-page {
    width: 33%;
}
}

@media only screen and ( max-width: 890px ) {
.director .item-page {
    width: 100%;
}
.macmag .column-1 {
    -webkit-columns: 2;
    width: 100%;
    z-index: 450;
}
  
  .column-1 #lat_news {
    width: 100%;
    margin: 0 0 40px 0;
    -webkit-column-break-after: auto;
  }
}

@media only screen and ( max-width: 560px ) {
.dir-title h2 {
  margin-left: 10%;
  }
}