@charset "UTF-8";
/* CSS Document */

#content img.so-widget-image {
	display: inline-block; 
}

/* div #pg-3142-1 {
	
}
#pg-3142-1 {
  background: url(https://hourglassescapes.com/wp-content/uploads/2018/04/Ghostly-Galleon-Poster_Hourglass-Escape4.14.18-3.jpg);
  opacity: 0.5;
	
} */

#pg-3198-1:after {
	background-color: black;
}

.default-list .image-area {
    display: block!important;
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
}

#site-logo a img {
	width: 75%;
}

.heading2 .title.separator {
	margin-bottom: 0px;
}

h2 {
	margin-bottom: 0px;
}
.pointer-wrap::before {
	display: none;
}
.pointer-wrap::after {
	display: none;
}

/* Homepage Images */
.twoimages {
	display: block;
	float: left;
	padding-right: 15px;
}

h4.titleblock {
	color: red;
	text-align: center;
}

/* Mobile Homepage Images */
@media screen and (max-width:1236px) {
	.twoimages {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		padding-right: 0px;
	}
}

@media screen and (min-width:1237px) {
	.twoimages {
width: 30%;
	}
}

/* Mobile Homepage Images */
@media screen and (max-width:780px) {
	.twoimages {
		float: none;
		padding-right: 0px;
	}
}

.homepageimages {
	width: 30%;
}

/* @media screen and (max-width:600px) {
	.twoimages {
		float: none;
		width: 100%;
	}
} */

/* @media screen and (min-width:801px) {
	.homepageimages {
		display: block;
		float: left;
		width: 50%;
		padding-right: 15px;
	}
}

@media screen and (max-width:800px) {
	.homepageimages {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
} */

#panel-4403-1-0-1, #panel-4403-1-1-1, #panel-4403-1-1-1, #panel-4403-1-0-1 {
		display: none;
	}

@media screen and (max-width: 780px) {
	#panel-3253-1-0-0, #panel-3253-1-1-0 {
		display: none;
	}
}

.wp-image-2123, .wp-image-2557, .wp-image-2775, .wp-image-2559 {
	width: 100%;
}

.homeinvisible {
	display:none;
}

@media screen and (max-width: 525px) {
	.twoimages {
		display: none;
	}
}

@media screen and (max-width: 780px) {
/*	.mobiledisplay {
		display: none;
	} */
}

@media screen and (min-width: 525px) {
	#panel-4403-1-0-2, #panel-4403-1-0-3, #panel-4403-1-1-2, #panel-4403-1-1-3, #panel-4403-1-1-1, #panel-4403-1-0-1 {
		display: none;
	}
	
	.nodisplay {
		display: none;
	}
	
		#panel-3616-1-0-2, #panel-3616-1-1-2, #panel-3616-1-1-3, #panel-3616-1-0-3 {
		display: none;
	}
}

.left {
	float: left;
  width: 48%;
	margin-right: 10px;
}

.right {
	float: right;
	text-align: left;
  width: 48%;
	margin-right: 10px;
}

@media screen and (max-width: 1024px) {
	
	.left {
		display: block;
margin: auto;
		width: 100%;
}

.right {
	display: block;
margin: auto;
	width: 100%;
}
}

.popup {
	text-align: center;
	margin-top: 20px;
}

#mc_embed_signup {
	text-align: center;
}

#mc_embed_signup input[type="email"] {
margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 20px;
	height: 5em;
}

#grad1 {
    background-color: #1fc8db;
    background-image: linear-gradient(141deg, #00f2a1 0%, #1fc8db 51%, #ff0099 75%);
    color: white;
    opacity: 1;
	border-radius: 10px;
}

#grad1 p {
	font-size: 1.5em;
}

#grad1 .widget-title {
	color: white;
}

#grad1 .header-fancy span {
	background-color: #5856ba;
}

#grad1 .title {
	color: #5856ba;
	text-shadow: 0px;
}

#grad1 .header-fancy {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 767px) {
	.pullquote, blockquote {
		font-size: 15px!important;
		line-height: 20px!important;
}
}

/* New Room Page fixes mobile */
@media screen and (min-width: 525px) {
.nodesktop {
	display: none;
}
}

.newtag {
	background-color: green;
	transform: skewY(-24deg);
    width: 200px;
    text-align: center;
    color: white;
    display: block;
	margin-left: 80%;
}


/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	z-index: 20001;
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
    
 position: relative;
 background: #353535;
 color: #fff;
 text-align: center;
 padding: .5em 1em; /* Adjust to suit */
 margin: .5em auto .5em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #1b1b1b;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #000000 transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.non-semantic-protector { position: relative; z-index: 1; }

#title-area {
	background: url(https://hourglassescapes.com/wp-content/uploads/2016/06/mazetile.jpg);
}

/* .page-id-99 #title-area h1 {
	visibility: hidden;
} */

#panel-3251-0-0-0 {
	display: none;
}

#title-area h1, #title-area h2 {
	text-align:center;
}

.stripedrow {
	background: repeating-linear-gradient(
  45deg,
  #d80038,
  #d80038 50px,
  #f7285d 50px,
  #f7285d 100px
);
}

.inside {
	background: rgba(255,255,255,.5);
border-radius: 20px;
	margin: 50px;
	padding: 20px;
}

.inside h1, .inside h2, .inside h3 {
	color: white;
}

.inside h2 {
	font-family: 'Lato';
	text-transform: none;
	padding-bottom: 20px;
	text-shadow: 3px 3px 3px #666666;
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

img.wiggle {
  display: inline-block;
  animation: wiggle 2.5s infinite;
}

img.wiggle:hover {
  animation: none;
}

@media screen and (max-width: 429px) {
.giftbox {
	float: none;
}
}

#wpfront-notification-bar.wpfront-fixed {
font-size: 16px;
}

#wpfront-notification-bar div.wpfront-close {
all: unset;
}
#wpfront-notification-bar div.wpfront-close {
position: absolute;
bottom: 2px;
right: 2px;
	background-color: rgba(0,0,0,0)!important;
	border: none!Important;
}

.subscribercallout {
	background: url(https://hourglassescapes.com/wp-content/uploads/2016/06/mazetile.jpg);
	padding: 20px;
	text-align: center;
	border: 2px solid #D95741;
}

.subscribercallout input {
	margin-left: auto;
	margin-right: auto;
}

#wpfront-notification-bar.wpfront-fixed {
	z-index: 20000;
}

#hidden {
	display: none;
}

.grecaptcha-badge{
	visibility: collapse !important;
}

/* Fixes sidebar issue on blog */
.blog #content {
	width: 74%;
}

@media screen and (max-width: 768px) {
	.blog #content {
	width: 100%!important;
}
}

.mobilegame {
	background: url(https://hourglassescapes.com/wp-content/uploads/2016/06/pw_maze_black_@2X.png);
	color: white;
}

.mobilegame .lsow-odometers .lsow-odometer .lsow-number, .mobilegame .lsow-odometers .lsow-odometer .lsow-prefix {
	color: white;
}

.mobilegame p {
	font-size: 16px;
}

.mobilegame .lsow-accordion.style1 .lsow-panel .lsow-panel-content {
	color: black;
}

.page-id-1823 #content {
	padding: 0px;
}