1a1a1a

body{
font-family: 'Josefin Sans', sans-serif;
color:#ffffff;
margin:0;
padding:0;
background:#1a1a1a;
}

.skip-link {
position:absolute;
top:-100px;
  transform: translateY(-100%);
height:0;
}

.skip-link:focus-within {
position:absolute;
top:0px;
  transform: translateY(0%);
height:20px;
z-index:99999999999;
}

.embed-container {
  position: relative;
    z-index: 0;;
  padding-bottom: 56.25%;
  height: 0;

  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
    z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a:link{color:#ffffff;text-decoration:none;transition:.3s ease-out;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}

a.blue:link{color:#1a1a1a;text-decoration:none;}
a.blue:visited{color:#1a1a1a;text-decoration:none;}
a.blue:hover{color:#1a1a1a;text-decoration:none;opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */}


a.dark:link{color:#333333;text-decoration:none;}
a.dark:visited{color:#333333;text-decoration:none;}
a.dark:hover{color:#333333;text-decoration:none;}


a.darkLight:link{color:#2c2926;text-decoration:none;}
a.darkLight:visited{color:#2c2926;text-decoration:none;}
a.darkLight:hover{color:#ffffff;text-decoration:none;}

a.rust:link{color:#ad7c54;text-decoration:none;}
a.rust:visited{color:#ad7c54;text-decoration:none;}
a.rust:hover{color:#ffffff;text-decoration:none;}

a.rusty:link{color:#ae9345;font-weight:700;font-style:italic;text-decoration:none;}
a.rusty:visited{color:#ae9345;font-weight:700;font-style:italic;text-decoration:none;}
a.rusty:hover{color:#ae9345;font-weight:700;font-style:italic;text-decoration:none;}

a.brown:link{color:#946a40;text-decoration:none;}
a.brown:visited{color:#946a40;text-decoration:none;}
a.brown:hover{color:#946a40;text-decoration:none;}

a.g:link{color:#a0672d;text-decoration:none;}
a.g:visited{color:#a0672d;text-decoration:none;}
a.g:hover{color:#a0672d;text-decoration:none;}


ad7c54

li.subby {
  display: block;
  padding: 0px 0 !important;
  margin:0 25px 0 0 !important;
line-height:.5em;
  border-right: 1px solid #ffffff;
  text-decoration: none;
  font-size:.9em;
  text-align:right;

}

.subby{
padding-right:20px;
padding-top:0px !important;
padding-bottom:0px !important;
margin-top:0px !important;
margin-bottom:0px !important;
}

li.subby2 {
  display: block;
  padding: 0px 0 !important;
  margin:0 25px 0 0 !important;
line-height:.5em;

  text-decoration: none;
  font-size:1.2em;
  text-align:right;

}

.subby2{
padding-right:20px;
padding-top:0px !important;
padding-bottom:0px !important;
margin-top:0px !important;
margin-bottom:0px !important;
}

.header {
  background-color:;
  background-image:url('/img/blacktrans.png');
  background-repeat:repeat;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #;
}

.header li a {
  display: block;
  padding: 10px 20px;
  border-right: 0;
  text-decoration: none;
  font-size:.8em;
  text-align:right;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #;
}

.header .logo {
  display: block;
  float: left;
  font-size: 1.3em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #ffffff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 540px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 640px) {
/* Styles */

.desknav{
display:none;
}

.mobilehide{
display:none;
}

.mobileslidertop{
position:realtive;
top:65px;
margin-bottom:10px;
}

.TheNewTitle{
width:80%;margin:60px auto 20px auto;text-align:center;font-family:font-family: 'Josefin Sans', sans-serif !important;font-weight:400;font-size:2.5em;color:#1a1a1a;
}

.logo{
width:50%;
margin:10px 25%;
}

.text{
width:70%;
margin:50px 15%;
font-size:1em;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:300;
text-transform:uppercase;
line-height:1.5em;
}

.logos{
width:70%;
margin:20px 15%;
text-align:center;
}

.logofoot{
width:40%;
padding:1%;
display:inline-block;
}

.block1{
width:90%;
padding:5% 5%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.3em;
color:#1a1a1a;
background: #ffffff;
}

.block2{
with:100%;
background:#ffffff;
padding:2% 0;
}

.blockint{
with:100%;
background:#ffffff;
padding:30px 0 2% 0;
overflow:auto;
}

.subtext2{
width:90%;
margin:0 5% 0 5%;
padding:2% 0 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
text-align:center;
}

.subtext25{
width:90%;
margin:0 5% 30px 5%;
padding:2% 0 2% 0;
color:#1a1a1a;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
}

.subtext3{
width:86%;
margin:0 7% 0 7%;
padding:2% 0 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.subtext35{
width:100%;
margin:0 auto;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.subtext4{
width:86%;
margin:0 7% 0 7%;
padding:2% 0 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.subtext5{
width:86%;
margin:0 7% 0 7%;
padding:0 0 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.7em;
}

.eventright{
display:none;
}

.eventmobile{
text-align:center;
width:85%;
margin:0 7.5%;
padding-bottom:20px;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}



.block3{
width:70%;
padding:10% 15%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:.9em;
line-height:1em;
background:#1a1a1a;
}

.block4{
with:100%;
background:#ffffff;
padding:2% 0;
}

.nav{
float:right;
text-align:right;
font-family: 'Josefin Sans', sans-serif;
font-weight:400;
text-transform:uppercase;
padding:20px 10px 0 0;
}

.parallax-window {
    min-height: 300px;
    background: transparent;
}

.parallax-window-header {
    min-height: 250px;
    background: transparent;
}

.line{
margin:50px 0 50px 0;
border-top:1px solid #ffffff;
}

.headercontent{
padding: 110px 0 0 0;
text-align:center;
font-size:2em;
position:relative;
margin:0 auto;
}

.headercontent2{
padding: 55px 0 55px 0;
text-align:center;
font-size:1.8em;
position:relative;
margin:0 auto;
}

.headercontent3{
padding: 105px 0 5px 0;
text-align:center;
font-size:1.8em;
position:relative;
margin:0 auto;
}

.headercontent4{
padding: 105px 0 5px 0;
text-align:center;
font-size:1.8em;
position:relative;
margin:0 auto;
}

.headercontentvideo{
padding: 0;
text-align:center;
font-size:1.8em;
position:absolute;
top:80px;
margin:0;
width:100%;
}

.desklogo{
margin:0 auto;
text-align:center;
width:80%;
max-width:400px;
padding:110px 0 0 0;
}

.mobhid{
display:none;
}

.menubut{
float:left;
width:90%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut2{
float:left;
width:90%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut2:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut3{
float:left;
width:90%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut3:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.pressbut{
float:left;
width:40%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.pressbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventbut{
display:inline-block;
width:44%;
margin:2.5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.eventbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventpop1{
width:100%;
float:left;
}

.eventpop2{
width:100%;
float:left;
}

.glenn1{
width:100%;
float:left;
}

.glenn2{
width:100%;
float:left;
padding-top:25px;
}

.foot1{
width:100%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
padding-bottom:50px;
text-transform:none;
}

.foot2{
width:100%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
padding-bottom:50px;
text-transform:none;
}

.foot3{
width:100%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
text-transform:none;
}

.tabletoo{
display:none;
}

.deskoo{
display:none;
}

.ballyhoologo{
width:60%;margin:0 20%;
padding-bottom:20px;
}

.locationlogo{
width:50%;margin:10px 25%;
}

.firstbutton{
width:29.3%;
margin:15px 2% 30px 2%;
float:left;
display:inline-block;
}

.CalendarPadding{
width:90%;margin:0 5%;
}

.CalendarCol{
flex: 1; 
background:#f5f1e7 !important;
width:82%;
margin:15px;
position:relative;
color:#333333;
padding:5%;
text-align:center;
line-height:1.5em;
}

.CalendarColWhite{
flex: 1; 
background:#ffffff !important;
width:82%;
margin:15px;
position:relative;
color:#333333;
padding:5%;
text-align:center;
line-height:1.5em;
}

.CalendarLeft{
width:90%;
padding:30px 5% 0 5%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
background-color:#efefef;
}

.CalendarRight{
width:100%;float:left;
}

.FortySpace{
clear:both;height:20px;
}

.FortySpaceAdditional{
clear:both;height:0px;
}

.HomeLeft{
width:100%;float:left;margin-bottom:30px;
}

.HomeRight{
width:100%;float:left;margin-bottom:30px;
}

.HomeGap1{
clear:both;height:30px;
}

.HomeGap2{
clear:both;height:30px;
}

.DoubleButton1{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton1:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton2{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton2:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton3{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #2c2926;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton3:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton4{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #ad7c54;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton4:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.FullButton{
display:inline-block;
width:100%;
margin:0 0 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.FullButton:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.HomeTitle {
  text-align:center;
  font-family:sans-serif;
  text-transform:uppercase;
  font-weight:100;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 17px 0;
  grid-gap: 20px;
}


.HomeTitle:after, .HomeTitle:before {
content: " ";
display: block;
border-bottom: 2px solid #ad7c54;
}

.NewsCol{
width:100%; 
background:#ffffff !important;
border:1px solid #595757;text-align:left;
margin:15px 0;
font-size:.9em;
line-height:1.2em;
}

.NewsMargin{
flex:1;
width:20px;
}

.NewsSection{
width:90%;padding:15px 5%;background:#f6f6f6;;text-align:center;
}

.NewsColumnStyle{
}

.NewsAbove{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
margin-top:20px;
font-size:1.1em;
}

.NewsTitle{
font-size:2.2em;
font-family: 'DM Serif Display', serif;
}

.NewsPhoto{
width:100%;
border-bottom:1px solid #595757;
}

.NewsSubtitle{
font-family: 'Barlow', sans-serif;
font-weight:300;
margin-top:10px;
font-size:1em;
line-height:1.4em;
}

.NewsDate{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
font-size:.9em;
}

.NewsMore{
font-family: 'Barlow', sans-serif;
font-weight:500;
color:#244f3e;
font-size:.8em;
padding-top:30px;
}

.pop1, .pop2, .pop3, .pop4, .pop5{
width:90%;
margin:5px 5% 30px 5%;
float:left;
}

.popres{
width:90%;
margin:0 5%;
}


.sspop1{
width:90%;
margin: 0 5% 5px 5%;
}

.sspop2{
width:90%;
margin: 0 5% 30px 5%;
}

.ss1{
width:90%;
float:left;
margin:35px 5% 0 5%
}

.ss2{
width:90%;
float:left;
margin:35px 5% 35px 5%
}



.popr1{
width:100%;margin:0 0% 30px 0%;padding:0 0%;float:left;
}

.popleft{
width:100%;
float:left;
padding-bottom:30px;
}

.popright{
width:100%;
float:left;
}

.embed-container iframe{
top:57px !important;
}

.locationbreak{
opacity:0;
clear:both;
height:5px;
}

/* START LAKE FOREST EVENTS PAGE */

.LFEventBox1, .LFEventBox2, .LFEventBox3, .LFEventBox4{
  float:left;
  border:1px solid #ffffff;
  width:90%;
  padding:20px 5% 20px 5%;
  margin:0 0 40px 0;
  height:auto;
color:#ffffff;
font-size:1em;
}

.LFEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/FortSheridan2.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events22.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events23.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events24.jpg');background-size:cover;background-position:center center;z-index:0;
}

/* START WILMETTE EVENTS PAGE */

.WEventBox1, .WEventBox2, .WEventBox3{
  float:left;
  border:1px solid #ffffff;
  width:90%;
  padding:20px 5% 20px 5%;
  margin:0 0 40px 0;
  height:auto;
color:#ffffff;
font-size:1em;
}

.WEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_ArchangeRoom26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_AntoineHall26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_SophiasCombo26.jpg');background-size:cover;background-position:center center;z-index:0;
}

/* START CHICAGO EVENTS PAGE */

.CEventBox1, .CEventBox2, .CEventBox3, .CEventBox4{
  float:left;
  border:1px solid #ffffff;
  width:90%;
  padding:20px 5% 20px 5%;
  margin:0 0 40px 0;
  height:auto;
color:#ffffff;
font-size:1em;
}

.CEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/QueensTable.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/TheLounge.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SouthDining.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SophiasCombinationChicago.jpg');background-size:cover;background-position:center center;z-index:0;
}

.lowerboxbg1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg2.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerboxbg2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg1.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerbox1, .lowerbox2{
  float:left;
  border:1px solid #ffffff;
  width:100%;
  padding:0;
  margin:0 0 40px 0;
  height:auto;
color:#000000;
border:1px solid #000000;
}

.EventTitle{
font-family:;color:#ffffff;font-size:1.8em;font-weight:300;text-align:center;line-height:1.2em;
}

.boxtitleLower{
font-family:;color:#ffffff;font-size:1.2em;font-weight:700;text-align:center;line-height:1.2em;
}

.boxcontainer{
text-align:center;width:100%;margin:0 auto;height:100%;
}

.MainContainer{
width:100%;
max-width:1800px;
margin:0 auto;
padding:0 auto;
overflow:auto;
background:#ffffff;
}

.maintext24{
width:80%;
max-width:1600px;
margin:30px auto;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.7em;
}

.BlackButton{
width:90%;
padding:15px 5%;
margin:0 0 10px 0;
color:#ffffff;
background:#000000;
font-size:1.3em;
font-family: 'isabelregular';
text-align:center;
font-style:italic;
}

.BlackButtonPadding{
width:100%;
margin:30px 0 50px 0;
}

.BoxLowerTitle{
  display:inline-block;
  width:95%;
  padding:5px 2.5%;
  margin:0 auto;
  height:auto;
color:#ffffff;
background:#ae9345;
position:relative;
top:45px;
font-family: 'Josefin Sans', sans-serif;
font-weight:700;
font-size:.9em !important;
}

.LowerLower{
padding:30px 5%;
font-size:.9em;
line-height:1.5em;
}

.BuyoutBanner {
            position: relative;
            display:inline-block;
            height: auto;
            margin: 30px auto 50px auto;
padding:10px 50px;
            border: 1px solid #cccccc;
font-weight:700;
        }

        .BuyoutBanner::before,
        .BuyoutBanner::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #;
			border:4px solid #ae9345;
            transform: rotate(45deg);
            top: 50%;
            transform-origin: center;
            margin-top: -5px; /* half of the diamond's height */
        }

        .BuyoutBanner::before {
            left: -7px; /* half of the diamond's width */
        }

.BuyoutBanner::after {
right: -7px; /* half of the diamond's width */
}

.FloorplanColumn{
width:100%;margin:0 0 20px 0;
}

.deskslider{
display:none;
}

/* END LAKE FOREST EVENTS PAGE */

       .containerzz {
	width:90%;
margin:0 auto;
       
max-width:1400px;
            
        }
        .boxzz {
            padding:4px;border:1px solid #946a40;color:#946a40;
                       width: 100%; /* Optional: set a fixed width for visual consistency */
            
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
margin:0 auto 30px auto;
box-sizing: border-box;
        }

        .boxzz2 {
            padding:0px 30px 0px 30px;border:1px solid #946a40;
            
            width: 100%; /* Optional: set a fixed width for visual consistency */
            padding:20px 0;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
box-sizing: border-box;
        }

        .boxzi {
background:#946a40;
            padding:4px;border:1px solid #ffffff;color:#ffffff;
            width: 100%; /* Optional: set a fixed width for visual consistency */
           
            
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
margin:0 auto 30px auto;
box-sizing: border-box;
        }

        .boxzi2 {
background:#946a40;
            padding:0px 30px 0px 30px;border:1px solid #ffffff;
            width: 100%; /* Optional: set a fixed width for visual consistency */
            padding:20px 0;
            
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
box-sizing: border-box;
        }

.homeboxtext{
width:70%;margin:0 15%;
}

.homeboxicon{
width:35%;margin:0 32%;left:0;padding:5px 0;
}

}

/* iPads (portrait and landscape) ----------- */
@media (min-width : 640px) and (max-width : 1150px) {
/* Styles */

.desknav{
display:none;
}

.TheNewTitle{
width:80%;margin:40px auto 20px auto;text-align:center;font-family:font-family: 'Josefin Sans', sans-serif !important;font-weight:400;font-size:2.5em;color:#1a1a1a;
}

.logo{
width:20%;
margin:0 40%;
padding:25px 0;
}

.text{
width:70%;
margin:50px 15%;
font-size:.9em;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:300;
text-transform:uppercase;
}

.logos{
width:70%;
margin:50px 15%;
text-align:center;
}

.logofoot{
width:15%;
padding:1%;
display:inline-block;
}

.block1{
width:70%;
padding:5% 15%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.2em;
line-height:2.5em;
color:#1a1a1a;
background:#ffffff;
}

.block2{
with:100%;
background:#ffffff;
padding:2% 0;
overflow:auto;
}

.blockint{
with:100%;
background:#ffffff;
padding:2% 0;
overflow:auto;
}

.subtext2{
float:left;
width:50%;
margin:0 2% 0 10%;
padding:2% 20px 2% 0;
border-right:1px solid #1a1a1a;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
}

.subtext25{
float:right;
width:10%;
margin:0 5% 0 5%;
padding:2% 20px 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
}

.subtext3{
float:left;
width:58%;
margin:0 0% 0 10%;
padding:2% 2% 2% 0;
border-right:1px solid #1a1a1a;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.subtext35{
float:left;
width:20%;
margin:0 0% 0 2%;
padding:2% 2% 2% 2%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.subtext4{
float:left;
width:70%;
margin:2% 15%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.subtext5{
float:left;
width:70%;
margin:2% 15%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:2em;
}

.eventright{
float:left;
width:20%;
margin:0 0% 0 2%;
padding:2% 2% 2% 2%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.eventmobile{
display:none;
}

.block3{
width:70%;
padding:5% 15%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:.9em;
line-height:1em;
background:#1a1a1a;
}

.block4{
with:100%;
background:#ffffff;
padding:2% 0;
}


.parallax-window {
    min-height: 350px;
    background: transparent;
}

.parallax-window-header {
    min-height: 300px;
    background: transparent;
}

.line{
margin:50px 0 50px 0;
border-top:1px solid #ffffff;
}

.headercontent{
padding: 130px 0 0 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent2{
padding: 65px 0 65px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent3{
padding: 105px 0 25px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent4{
padding: 105px 0 25px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontentvideo{
padding: 0;
text-align:center;
font-size:4em;
position:absolute;
top:90px;
margin:0 5%;
width:90%;
}

.desklogo{
margin:0 auto;
text-align:center;
width:50%;
max-width:400px;
padding:110px 0 0 0;
}

.toptag{
width:70%;
margin:30px auto 0 auto;
padding-bottom:30px;
font-size:.9em;
line-height:1.5em;
text-align:center;
text-shadow: 0px 0px 8px #000000;
}

.toptag2{
width:70%;
margin:45% auto 0 auto;
padding-bottom:30px;
font-size:.9em;
line-height:1.5em;
text-align:center;
text-shadow: 0px 0px 8px #000000;
}

.menubut{
float:left;
width:23.3%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut2{
width:23.3%;
margin:5% 38.35%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut2:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut3{
float:left;
width:40%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut3:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.pressbut{
float:left;
width:23%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.pressbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventbut{
display:inline-block;
width:34%;
margin:7.5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.eventbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventpop1{
width:60%;
float:left;
}

.eventpop2{
width:35%;
padding-left:5%;
float:left;
}

.glenn1{
width:60%;
float:left;
}

.glenn2{
width:35%;
padding-left:5%;
float:left;
}

.foot1{
width:31.6%;
padding-right:3.3%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
font-size:.9em;
text-transform:none;
}

.foot2{
width:31.6%;
padding-right:3.3%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
font-size:.9em;
text-transform:none;
}

.foot3{
width:30%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
font-size:.9em;
text-transform:none;
}

.mobileoo{
display:none;
}

.deskoo{
display:none;
}

.ballyhoologo{
width:24%;margin:0 38%;border:0;
}

.locationlogo{
width:8.2%;margin:0 3%;display:inline-block;
}

.firstbutton{
width:100%;
margin:0 auto;
}

.CalendarPadding{
width:90%;margin:0 5%;display:flex;height:100%;
}

.CalendarCol{
flex: 1; 
background:#f5f1e7 !important;
width:20%;
margin:15px;
position:relative;
color:#333333;
padding:2%;
text-align:center;
line-height:1.5em;
}

.CalendarColWhite{
flex: 1; 
background:#ffffff !important;
width:20%;
margin:15px;
position:relative;
color:#333333;
padding:2%;
text-align:center;
line-height:1.5em;
}

.CalendarLeft{
padding:40px;
   justify-content: center;align-items: center;width:65%;margin-right:5%;float:left;color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.CalendarRight{
width:30%;float:left;
}

.FortySpace{
clear:both;height:40px;
}

.FortySpaceAdditional{
clear:both;height:40px;
}

.HomeLeft{
width:48%;float:left;padding-right:2%;
}

.HomeRight{
width:48%;float:left;padding-left:2%;
}

.HomeGap1{
clear:both;height:70px;
}

.HomeGap2{
clear:both;height:50px;
}

.DoubleButton1{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton1:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton2{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton2:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton3{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #2c2926;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton3:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton4{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #ad7c54;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton4:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.FullButton{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.FullButton:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.HomeTitle {
  text-align:center;
  font-family:sans-serif;
  text-transform:uppercase;
  font-weight:100;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 17px 0;
  grid-gap: 20px;
}


.HomeTitle:after, .HomeTitle:before {
content: " ";
display: block;
border-bottom: 2px solid #ad7c54;
}

.NewsCol{
flex: 1; 
background:#ffffff !important;
border:1px solid #595757;text-align:left;
width:20%;
margin:15px;
position:relative;
font-size:.9em;
line-height:1.2em;
}

.NewsMargin{
flex:1;
width:20px;
}

.NewsSection{
width:100%;padding:50px 0;background:#f6f6f6;;text-align:center;
margin-bottom:-120px;
}

.NewsInside{
width:76%;
margin:40px auto;
max-width:1400px;
}

.NewsColumnStyle{
display: flex;
overflow:auto;
}

.NewsAbove{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
margin-top:20px;
font-size:1.1em;
}

.NewsTitle{
font-size:2.2em;
font-family: 'DM Serif Display', serif;
}

.NewsPhoto{
width:100%;
border-bottom:1px solid #595757;
}

.NewsSubtitle{
font-family: 'Barlow', sans-serif;
font-weight:300;
margin-top:10px;
margin-bottom:50px;
font-size:1em;
line-height:1.4em;
}

.NewsDate{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
font-size:.9em;
}

.NewsMore{
font-family: 'Barlow', sans-serif;
font-weight:500;
color:#244f3e;
font-size:.8em;
margin-top:30px;
margin-bottom:20px;
position:absolute;
bottom:0px;
}

.pop1, .pop2, .pop3, .pop4, .pop5{
width:30%;
display:inline-block;
}

.popres{
width:60%;
margin:0 20%;
}


.sspop1{
width:30%;
display:inline-block;
margin: 0 0 30px 0;
}

.sspop2{
width:53%;
margin:0 4% 30px 4%;
display:inline-block;
}

.ss1{
width:42.5%;
display:inline-block;
float:left;
margin:5% 2.5% 5% 5%;
}

.ss2{
width:42.5%;
display:inline-block;
float:left;
margin:5% 5% 5% 2.5%;
}


.popr1{
width:24.5%;padding:0 4.16%;font-size:.8em;line-height:1.5em;display:inline-block;
}

.popleft{
width:45%;
float:left;
margin-right:5%;
}

.popright{
width:50%;
float:left;
}

.locationbreak{
display:inline-block;
}

/* START LAKE FOREST EVENTS PAGE */

.LFEventBox1, .LFEventBox2, .LFEventBox3, .LFEventBox4{
  float:left;
  border:1px solid #ffffff;
  width:25%;
  padding:50px 2% 20px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
}

.LFEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/FortSheridan2.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events22.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events23.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events24.jpg');background-size:cover;background-position:center center;z-index:0;
}


/* START WILMETTE EVENTS PAGE */


.WEventBox1, .WEventBox2, .WEventBox3{
  float:left;
  border:1px solid #ffffff;
  width:25%;
  padding:50px 2% 20px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
}

.WEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_ArchangeRoom26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_AntoineHall26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_SophiasCombo26.jpg');background-size:cover;background-position:center center;z-index:0;
}

/* START CHICAGO EVENTS PAGE */

.CEventBox1, .CEventBox2, .CEventBox3, .CEventBox4{
  float:left;
  border:1px solid #ffffff;
  width:42%;
  padding:40px 2% 40px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
}

.CEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/QueensTable.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/TheLounge.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SouthDining.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SophiasCombinationChicago.jpg');background-size:cover;background-position:center center;z-index:0;
}

.lowerboxbg1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg2.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerboxbg2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg1.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerbox1, .lowerbox2{
  float:left;
  border:1px solid #ffffff;
  width:46%;
  padding:0;
  margin:2%;
  height:auto;
color:#000000;
border:1px solid #000000;
}

.EventTitle{
font-family:;color:#ffffff;font-size:1.8em;font-weight:300;text-align:center;line-height:1.2em;
}

.boxtitleLower{
font-family:;color:#ffffff;font-size:1.2em;font-weight:700;text-align:center;line-height:1.2em;
}

.boxcontainer{
text-align:center;width:100%;margin:0 auto;display:flex;height:100%;
}

.MainContainer{
width:100%;
max-width:1800px;
margin:0 auto;
padding:0 auto;
overflow:auto;
background:#ffffff;
}

.maintext24{
width:80%;
max-width:1600px;
margin:50px auto;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.7em;
}

.BlackButton{
display:inline-block;
width:19%;
padding:15px 10px;
margin:0 15px 10px 15px;
color:#ffffff;
background:#000000;
font-size:1.3em;
font-family: 'isabelregular';
text-align:center;
font-style:italic;
}

.BlackButtonPadding{
width:100%;
margin:40px 0 50px 0;
}

.BoxLowerTitle{
  display:inline-block;
  width:95%;
  padding:5px 2.5%;
  margin:0 auto;
  height:auto;
color:#ffffff;
background:#ae9345;
position:relative;
top:40px;
font-family: 'Josefin Sans', sans-serif;
font-weight:700;
font-size:.9em !important;
}

.LowerLower{
padding:30px 5%;
font-size:.9em;
line-height:1.5em;
}

.BuyoutBanner {
            position: relative;
            display:inline-block;
            height: auto;
            margin: 30px auto 50px auto;
padding:10px 50px;
            border: 1px solid #cccccc;
font-weight:700;
        }

        .BuyoutBanner::before,
        .BuyoutBanner::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #;
			border:4px solid #ae9345;
            transform: rotate(45deg);
            top: 50%;
            transform-origin: center;
            margin-top: -5px; /* half of the diamond's height */
        }

        .BuyoutBanner::before {
            left: -7px; /* half of the diamond's width */
        }

.BuyoutBanner::after {
right: -7px; /* half of the diamond's width */
}

.FloorplanColumn{
width:29%;margin:0 2%;display:inline-block;
}

.mobslider{
display:none;
}

/* END LAKE FOREST EVENTS PAGE */

       .containerzz {
	width:80%;
margin:0 auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
max-width:1400px;
            
        }
        .boxzz {
            padding:4px;border:1px solid #946a40;color:#946a40;
            height: 200px; /* Set a fixed height for all boxes */
            width: 20%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
        }

        .boxzz2 {
            padding:0px 30px 0px 30px;border:1px solid #946a40;
            height: 200px; /* Set a fixed height for all boxes */
            width: 80%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
        }

        .boxzi {
background:#946a40;
            padding:4px;border:1px solid #ffffff;color:#ffffff;
            height: 200px; /* Set a fixed height for all boxes */
            width: 20%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
        }

        .boxzi2 {
background:#946a40;
            padding:0px 30px 0px 30px;border:1px solid #ffffff;
            height: 200px; /* Set a fixed height for all boxes */
            width: 80%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
        }

.homeboxtext{
width:70%;margin:0 15%;position:absolute;top:20px;left:0;
}

.homeboxicon{
position:absolute;bottom:20px;width:35%;margin:0 32%;left:0;padding:5px 0;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1150px) {
/* Styles */



/* The Simple Menu */
.simple ul{ background:#; padding:0;}

.simple li{ 
  display:inline-block; 
 
  z-index:999; 
}
.simple a{ 
  text-decoration:none; 
  display:inline-block; 
  color:#ffffff; 
  padding:8px 13px;
  transition:0.2s all linear;
  border:0;

}

.simple a:hover{
  background:;
	border:0;
  color:#cccccc;
  transition:0.2s all linear;
}


/* dropdown */
.dropdown ul{ position:relative;  }

.dropdown li > ul { 
  background:#; 
  display:none;
  position:absolute;
  z-index:1999;
text-align:left;

}

.dropdown li > ul li{ display:block; }

.dropdown li:hover  > ul{
  display:block;
}

/* multi */
.multi li {  position: relative; } 
.multi ul ul ul { 
  background:green; 
  position:absolute;
  left:100%;
  top:0;
}

/* all three parts compiled into a single class */

.nav ul { 
   background:#; 
   padding:0;



}

.nav li { 
  width:100px;
  position: relative; 
  display:inline-block; 

}


.nav a{ 
  text-decoration:none; 
  display:block; 
  color:#ffffff; 
  padding:15px;
  transition:0.2s all linear;

}

.nav a:hover{
  background:#e3f2fd;
  color:244f3e;
  transition:0.2s all linear;
}

.nav li > ul { 
  background:#1565c0; 
  display:none;
  position:absolute;

}

.nav li > ul li{ display:block; }

.nav li:hover  > ul{
  display:block;
}

.nav ul ul ul { 
  background:green; 
  position:absolute;
  left:100%;
  top:0;

}


.mobnav{
display:none;
}

.logo{
width:20%;
margin:0 40%;
padding:25px 0;
}

.text{
width:70%;
margin:50px 15%;
font-size:.9em;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:300;
text-transform:uppercase;
}

.TheNewTitle{
width:80%;margin:40px auto 20px auto;text-align:center;font-family:font-family: 'Josefin Sans', sans-serif !important;font-weight:400;font-size:2.5em;color:#1a1a1a;
}

.logos{
width:70%;
margin:20px 15%;
text-align:center;
}

.logofoot{
width:16%;
padding:1%;
display:inline-block;
}

.block1{
width:70%;
padding:5% 15%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.2em;
line-height:2.5em;
color:#1a1a1a;
background:#ffffff;
}

.block2{
with:100%;
background:#ffffff;
padding:2% 0;
overflow:auto;
}

.blockint{
with:100%;
background:#ffffff;
padding:2% 0;
overflow:auto;
}

.subtext2{
float:left;
width:54%;
margin:0 5% 0 10%;
padding:2% 2% 2% 0;
border-right:1px solid #1a1a1a;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
}

.subtext25{
float:right;
width:15%;
margin:0 8% 0 2%;
padding:2% 2% 2% 0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:1.1em;
line-height:2.5em;
}



.subtext3{
float:left;
width:58%;
margin:0 0% 0 10%;
padding:2% 2% 2% 0;
border-right:1px solid #1a1a1a;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.subtext35{
float:left;
width:20%;
margin:0 0% 0 2%;
padding:2% 2% 2% 2%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.subtext4{
float:left;
width:70%;
margin:2% 15%;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.subtext5{
float:left;
width:70%;
margin:2% 15%;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1.2em;
line-height:1.7em;
}

.eventright{
float:left;
width:20%;
margin:0 0% 0 2%;
padding:2% 2% 2% 2%;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.eventmobile{
display:none;
}


.block3{
width:70%;
padding:5% 15%;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
text-transform:uppercase;
font-size:.9em;
line-height:1em;
background:#1a1a1a;
}

.block4{
with:100%;
background:#ffffff;
padding:2% 0;
}

.nav{
float:right;
text-align:right;
font-family: 'Josefin Sans', sans-serif;
font-weight:400;
text-transform:uppercase;
padding:20px 10px 0 0;
}

.parallax-window {
    min-height: 600px;
    background: transparent;
}

.parallax-window-header {
    min-height: 350px;
    background: transparent;
}

.line{
margin:50px 0 50px 0;
border-top:1px solid #ffffff;
}

.headercontent{
padding: 80px 0 0 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent2{
padding: 40px 0 40px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent3{
padding: 140px 0 0px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontent4{
padding: 0px 0 0px 0;
text-align:center;
font-size:4em;
position:relative;
margin:0 auto;
}

.headercontentvideo{
padding: 0;
text-align:center;
font-size:4em;
width:100%;
left:0;
}

.desklogo{
margin:0 auto;
text-align:center;
width:40%;
padding:250px 0 0 0;
}

.square{
width:70%;
margin:0 auto;
}

.toptag{
width:70%;
margin:80px auto 0 auto;
font-size:1em;
line-height:1.6em;
text-align:center;
text-shadow: 0px 0px 8px #000000;
}

.toptag2{
width:70%;
margin:35% auto 0 auto;
font-size:1em;
line-height:1.6em;
text-align:center;
text-shadow: 0px 0px 8px #000000;
}

.menubut{
float:left;
width:23.3%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut2{
width:23.3%;
margin:5% 38.35%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut2:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.menubut3{
float:left;
width:40%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.menubut3:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.pressbut{
float:left;
width:23%;
margin:5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.pressbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventbut{
display:inline-block;
width:34%;
margin:7.5%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
}

.eventbut:hover{
  opacity: 0.8;
filter: alpha(opacity=80);
}

.eventpop1{
width:60%;
float:left;
}

.eventpop2{
width:35%;
padding-left:5%;
float:left;
}

.glenn1{
width:50%;
float:left;
}

.glenn2{
width:35%;
padding-left:5%;
float:left;
}

.foot1{
width:33%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
text-transform:none;
}

.foot2{
width:33%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
text-transform:none;
}

.foot3{
width:33%;
float:left;
text-align:left;
font-weight:300;
line-height:1.4em;
text-transform:none;
}

.mobileoo{
display:none;
}

.tabletoo{
display:none;
}

.ballyhoologo{
width:24%;margin:0 38%;border:0;
}

.locationlogo{
width:8.2%;margin:0 3%;display:inline-block;
}

.firstbutton{
width:65%;
margin:0 17.5% 15px 17.5%;
}

.CalendarPadding{
width:90%;margin:0 5%;display:flex;height:100%;
}

.CalendarCol{
flex: 1; 
background:#f5f1e7 !important;
width:20%;
margin:15px;
position:relative;
color:#333333;
padding:2%;
text-align:center;
line-height:1.5em;
}

.CalendarColWhite{
flex: 1; 
background:#ffffff !important;
width:20%;
margin:15px;
position:relative;
color:#333333;
padding:2%;
text-align:center;
line-height:1.5em;
}

.CalendarLeft{
padding:40px;
   justify-content: center;align-items: center;width:65%;margin-right:5%;float:left;color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.5em;
}

.CalendarRight{
width:30%;float:left;
}

.FortySpace{
clear:both;height:40px;
}

.FortySpaceAdditional{
clear:both;height:40px;
}

.HomeLeft{
width:48%;float:left;padding-right:2%;
}

.HomeRight{
width:48%;float:left;padding-left:2%;
}

.HomeGap1{
clear:both;height:70px;
}

.HomeGap2{
clear:both;height:50px;
}

.DoubleButton1{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton1:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton2{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.DoubleButton2:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton3{
display:inline-block;
width:48%;
margin:0 2% 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #2c2926;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton3:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.DoubleButton4{
display:inline-block;
width:48%;
margin:0 0 0 2%;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid #ad7c54;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
font-family: 'isabelregular';
}

.DoubleButton4:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}

.FullButton{
display:inline-block;
width:100%;
margin:0 0 0 0;
  opacity: 1;
filter: alpha(opacity=100);
  transition: 0.3s;
text-align:center;
border:1px solid;
padding:7px 0;
box-sizing: border-box;
font-size:.9em;
}

.FullButton:hover{
  opacity: 1;
filter: alpha(opacity=100);
background:#2c2926;
}


.HomeTitle {
  text-align:center;
  font-family:sans-serif;
  text-transform:uppercase;
  font-weight:100;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 17px 0;
  grid-gap: 20px;
}


.HomeTitle:after, .HomeTitle:before {
content: " ";
display: block;
border-bottom: 2px solid #ad7c54;
}

.NewsCol{
flex: 1; 
background:#ffffff !important;
border:1px solid #595757;text-align:left;
width:20%;
margin:15px;
position:relative;
font-size:.9em;
line-height:1.2em;
}

.NewsMargin{
flex:1;
width:20px;
}

.NewsSection{
width:100%;padding:50px 0;background:#f6f6f6;;text-align:center;
margin-bottom:-120px;
}

.NewsInside{
width:76%;
margin:0 auto;
max-width:1400px;
}

.NewsColumnStyle{
display: flex;
overflow:auto;
}

.NewsAbove{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
margin-top:20px;
font-size:1.1em;
}

.NewsTitle{
font-size:2.2em;
font-family: 'DM Serif Display', serif;
}

.NewsPhoto{
width:100%;
border-bottom:1px solid #595757;
}

.NewsSubtitle{
font-family: 'Barlow', sans-serif;
font-weight:300;
margin-top:10px;
margin-bottom:50px;
font-size:1em;
line-height:1.4em;
}

.NewsDate{
font-family: 'Barlow Semi Condensed', sans-serif;
letter-spacing:.1em;
font-weight:600;
color:#244f3e;
font-size:.9em;
}

.NewsMore{
font-family: 'Barlow', sans-serif;
font-weight:500;
color:#244f3e;
font-size:.8em;
margin-top:30px;
margin-bottom:20px;
position:absolute;
bottom:0px;
}

.pop1, .pop2, .pop3, .pop4, .pop5{
width:30%;
display:inline-block;
}

.popres{
width:60%;
margin:0 20%;
}

.sspop1{
width:30%;
display:inline-block;
margin: 0 0 30px 0;
}

.sspop2{
width:53%;
margin:0 4% 30px 4%;
display:inline-block;
}

.ss1{
width:42.5%;
display:inline-block;
float:left;
margin:5% 2.5% 5% 5%;
}

.ss2{
width:42.5%;
display:inline-block;
float:left;
margin:5% 5% 5% 2.5%;
}


.popr1{
width:24.5%;padding:0 4.16%;font-size:.8em;line-height:1.5em;display:inline-block;
}

.popleft{
width:45%;
float:left;
margin-right:5%;
}

.popright{
width:50%;
float:left;
}

/* The Simple Menu */
.simple ul{ background:#; padding:0;}

.simple li{ 
  display:inline-block; 
 
  z-index:999; 
}
.simple a{ 
  text-decoration:none; 
  display:inline-block; 
  color:#ffffff; 
  padding:8px 13px;
  transition:0.2s all linear;
  border:0;

}

.simple a:hover{
  background:;
	border:0;
  color:#cccccc;
  transition:0.2s all linear;
}


/* dropdown */
.dropdown ul{ position:relative;  }

.dropdown li > ul { 
  background:#; 
  display:none;
  position:absolute;
  z-index:1999;
text-align:left;

}

.dropdown li > ul li{ display:block; }

.dropdown li:hover  > ul{
  display:block;
}

/* multi */
.multi li {  position: relative; } 
.multi ul ul ul { 
  background:green; 
  position:absolute;
  left:100%;
  top:0;
}

/* all three parts compiled into a single class */

.nav ul { 
   background:#; 
   padding:0;



}

.nav li { 
  width:100px;
  position: relative; 
  display:inline-block; 

}


.nav a{ 
  text-decoration:none; 
  display:block; 
  color:#ffffff; 
  padding:15px;
  transition:0.2s all linear;

}

.nav a:hover{
  background:#e3f2fd;
  color:244f3e;
  transition:0.2s all linear;
}

.nav li > ul { 
  background:#1565c0; 
  display:none;
  position:absolute;

}

.nav li > ul li{ display:block; }

.nav li:hover  > ul{
  display:block;
}

.nav ul ul ul { 
  background:green; 
  position:absolute;
  left:100%;
  top:0;

}

.locationbreak{
display:inline-block;
}

/* START LAKE FOREST EVENTS */

.LFEventBox1, .LFEventBox2, .LFEventBox3, .LFEventBox4{
  float:left;
  border:1px solid #ffffff;
  width:25%;
  padding:50px 2% 50px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
position:relative;
}

.LFEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/FortSheridan2.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events22.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events23.jpg');background-size:cover;background-position:center center;z-index:0;
}

.LFEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSLF_events24.jpg');background-size:cover;background-position:center center;z-index:0;
}


/* START WILMETTE EVENTS */


.WEventBox1, .WEventBox2, .WEventBox3{
  float:left;
  border:1px solid #ffffff;
  width:25%;
  padding:50px 2% 20px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
position:relative;
}

.WEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_ArchangeRoom26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_AntoineHall26.jpg');background-size:cover;background-position:center center;z-index:0;
}

.WEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SSW_Interior_SophiasCombo26.jpg');background-size:cover;background-position:center center;z-index:0;
}

/* START CHICAGO EVENTS */


.CEventBox1, .CEventBox2, .CEventBox3, .CEventBox4{
  display:inline-block;
  border:1px solid #ffffff;
  width:42%;
  padding:40px 2% 40px 2%;
  margin:2%;
  height:auto;
color:#ffffff;
font-size:1em;
position:relative;
}

.CEventBox1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/QueensTable.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/TheLounge.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox3{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SouthDining.jpg');background-size:cover;background-position:center center;z-index:0;
}

.CEventBox4{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/SophiasCombinationChicago.jpg');background-size:cover;background-position:center center;z-index:0;
}

.lowerboxbg1{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg2.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerboxbg2{
background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('/img/LFeventbg1.jpg');background-size:cover;background-position:center center;z-index:0;padding:110px 0;
}

.lowerbox1, .lowerbox2{
  float:left;
  border:1px solid #ffffff;
  width:46%;
  padding:0;
  margin:2%;
  height:auto;
color:#000000;
border:1px solid #000000;
}

.EventTitle{
font-family:;color:#ffffff;font-size:1.6em;font-weight:300;text-align:center;line-height:1.2em;
}

.boxtitleLower{
font-family:;color:#ffffff;font-size:1.2em;font-weight:700;text-align:center;line-height:1.2em;
}

.boxcontainer{
text-align:center;width:100%;margin:0 auto;display:flex;height:100%;
}

.MainContainer{
width:100%;
max-width:1800px;
margin:0 auto;
padding:0 auto;
overflow:auto;
background:#ffffff;
}

.maintext24{
width:80%;
max-width:1600px;
margin:50px auto;
padding:0;
color:#1a1a1a;
text-align:left;
font-family: 'Josefin Sans', sans-serif;
font-weight:200;
font-size:1em;
line-height:1.7em;
}

.BlackButton{
display:inline-block;
width:17%;
padding:15px 10px;
margin:0 15px;
color:#ffffff;
background:#000000;
font-size:1.3em;
font-family: 'isabelregular';
text-align:center;
font-style:italic;
}

.BlackButtonPadding{
width:100%;
margin:40px 0 50px 0;
}

.BoxLowerTitle{
  display:inline-block;
  width:90%;
  padding:5px 2.5%;
  margin:0 auto;
  height:auto;
color:#ffffff;
background:#ae9345;
position:absolute;
left:3%;
right:3%;
bottom:-20px;
font-family: 'Josefin Sans', sans-serif;
font-weight:700;
font-size:.8em !important;
}

.LowerLower{
padding:30px 5%;
font-size:.9em;
line-height:1.5em;
}

.BuyoutBanner {
            position: relative;
            display:inline-block;
            height: auto;
            margin: 50px auto 50px auto;
padding:10px 50px;
            border: 1px solid #cccccc;
font-weight:700;
        }

        .BuyoutBanner::before,
        .BuyoutBanner::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #;
			border:4px solid #ae9345;
            transform: rotate(45deg);
            top: 50%;
            transform-origin: center;
            margin-top: -5px; /* half of the diamond's height */
        }

        .BuyoutBanner::before {
            left: -7px; /* half of the diamond's width */
        }

.BuyoutBanner::after {
right: -7px; /* half of the diamond's width */
}

.FloorplanColumn{
width:29%;margin:0 2%;display:inline-block;
}

.mobslider{
display:none;
}

/* END LAKE FOREST EVENTS PAGE */

       .containerzz {
	width:80%;
margin:0 auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
max-width:1400px;
            
        }
        .boxzz {
            padding:4px;border:1px solid #946a40;color:#946a40;
            height: 200px; /* Set a fixed height for all boxes */
            width: 20%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
        }

        .boxzz2 {
            padding:0px 30px 0px 30px;border:1px solid #946a40;
            height: 200px; /* Set a fixed height for all boxes */
            width: 80%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
        }

        .boxzi {
background:#946a40;
            padding:4px;border:1px solid #ffffff;color:#ffffff;
            height: 200px; /* Set a fixed height for all boxes */
            width: 20%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1em;
        }

        .boxzi2 {
background:#946a40;
            padding:0px 30px 0px 30px;border:1px solid #ffffff;
            height: 200px; /* Set a fixed height for all boxes */
            width: 80%; /* Optional: set a fixed width for visual consistency */
            display: flex;
            justify-content: center;
            align-items: center;
			text-align:center;
            font-size: 1.2em;
        }

.homeboxtext{
width:70%;margin:0 15%;position:absolute;top:20px;left:0;
}

.homeboxicon{
position:absolute;bottom:20px;width:35%;margin:0 32%;left:0;padding:5px 0;
}

}