/*
Theme Name: Anchor Child
Theme URI: 
Description: Anchor Child Theme
Author: UkrDevs
Author URI: 
Template: anchor
Version: 1.0
License: GPL 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anchor-child
*/

/*
* PLEASE INSERT YOUR CUSTOM CSS AT HERE
*/
@import url('//fonts.googleapis.com/css?family=Merriweather:400,700,900&display=swap');

p {margin: 0em 1em 1.5em;}
.no-p-margin p {margin-bottom: 0;}
.slick-slide img {border: 2px solid #fff;}
#footer-widgets .width-container {padding: 0 2em;}
.double {font-size: 2em;}

.no-break {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media only screen and (max-width: 767px) {
	body {
	    font-size: 16px !important;
	}
	h4 {
		font-size: 20px !important;
	}
	.wp-block-image .alignright {
	    float: none;
	    margin-left: 0;
	}
}

.content-container-anchor {padding: 40px;}
/* Button */
.my-button {color: #69aebf; border-style: solid; padding: 12px 24px; border-radius: 3px; cursor: pointer; transform: scale(1) rotate(0deg); transition:.3s transform ease-in-out; font-size: 36px; text-align: center; font-family: 'Merriweather', serif; font-weight: 700; margin: 0 auto; max-width: 50%; background-color: #fff;}
.button-grow {background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;}
.button-grow:hover{transform: scale(1.1) rotate(4deg); transition:.3s transform ease-in-out; text-decoration: none; border-color: #c1c2b4; color: #c1c2b4;}
.no-underline {text-decoration: none !important;}
.reset-max-width {max-width: initial !important;}
@media screen and (max-width: 450px) {
	.my-button {max-width: 80%; font-size: 22px;}
}

/* Tables */
table {border: 1em solid #69aebf;}
.green { background-color: #69aebf; color: #fff;}
.green td, .green th { border-top: 0 !important; }
.green th {text-align: center;}
#contact-header {padding 0 1em 0;}
.table-2 {font-style: italic; font-size: .75em;}
body {line-height: 1.6; font-size: 18px; font-weight: 300;}
.overflow-hor {overflow-x:auto; display: block;}
.overflow-hor-force {overflow-x: scroll !important;}
#page-title-page {height: 500px;}
h1.title-anchor, h1 {color:#4e4e4e; font-size:30px; font-weight:normal; margin-bottom:5px; text-transform: uppercase;}
.multiply {mix-blend-mode: multiply;}
.opacity-35 {opacity: .35;}
.width-70 {width: 70% !important; margin: 0 auto;}
.width-76 {width: 76% !important; margin: 0 auto;}
.width-80 {/* width: 80% !important; margin: 0 auto; */}
.width-90 {width: 90% !important; margin: 0 auto;}
/* p {margin-bottom: 1.6em;} */
div.no-bottom-margin div div p{margin-bottom: 0px !important;}
.center {margin: 0 auto;}
.reset p{margin-bottom: 0;}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 80px 0;
}
table.dataTable tbody tr {background-color: transparent;}
.red {color: #ff0000;}
#sidebar {font-size:20px;}
.grow-rotate, .grow-rotate-r  {transition: transform .5s ease-in-out;}
.grow-rotate:hover, .grow-rotate-r:hover  {
	transform: scale(1.1);
	z-index: 100;
}

.hello {transition: transform 1.5s ease;}
.hello:hover {
	transform: rotate(6deg);
}
.rotate-this{
	transition: transform 0.8s ease !important;
}
.rotate-this:hover {/*
	transform: rotate(6deg) scale(1.25);
	z-index: 100;*/
}
.elementor-text-editor p a{text-decoration: underline;}
/*.modula-items {width: 80% !important; margin: 0 auto;} */

/* For Navigation Menu */
.nav-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.nav-container {
		display: block;
	}
}
#contact-header-text {
	text-align: right;
}
header, .redo-menu ul {background-color:#262626;}
.redo-menu a, .redo-menu a:visited  {color:#ffffff; /* Default Menu Color */ }
.redo-menu li.current-menu-item a, .redo-menu li.current-menu-item a:visited {color:#f6bd22;} /* Menu Highlighted Color */
.redo-menu a:hover, .redo-menu li a:hover, .redo-menu a:hover, .redo-menu a:visited:hover, .redo-menu li.sfHover a, .redo-menu li.sfHover a:visited {
	color:#f6bd22; /* Menu Hover Color */
}
.redo-menu a, input#mc-embedded-subscribe, a.progression-button, .button-anchor, input.submit, .wpcf7 input.wpcf7-submit, #anchor-check-in  .wufoo input.submit, a.more-link  { 
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: color, background, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 200ms;
	-moz-transition-property: color, background, opacity;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-duration: 200ms;
	-o-transition-property: color, background, opacity;
	-o-transition-timing-function: ease-in-out;
	transition-duration: 200ms;
	transition-property: color, background, opacity;
}
nav select {display:none;}
.redo-menu, .redo-menu * {margin:0; padding:0; list-style:none;}
.redo-menu {line-height:	1.0;}
.redo-menu ul {position:	absolute; top:-999em;  width: 10em; /* left offset of submenus need to match (see below) */}
.redo-menu ul li {width: 100%;}
.redo-menu li:hover {visibility:		inherit; /* fixes IE7 'sticky bug' */}
.redo-menu li {float:			left ;position:		relative;}
.redo-menu a {display:block;  position:relative;}
.redo-menu li:hover ul, .redo-menu li.sfHover ul {left:	0; top:65px; /* match top ul list item height */z-index: 99;}
ul.redo-menu li:hover li ul, ul.redo-menu li.sfHover li ul {top:-999em;}
ul.redo-menu li li:hover ul, ul.redo-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;}
ul.redo-menu li li:hover li ul, ul.redo-menu li li.sfHover li ul {top: -999em;}
ul.redo-menu li li li:hover ul, ul.redo-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}


/* -------------------- B. DEMO SKIN -------------------- */
.redo-menu a {padding:35px 18px 32px 20px;}  /* Top Menu Size */
body .redo-menu li:hover ul, body .redo-menu li.sfHover ul {top:82px;} /* Move sub-menu down */

nav {padding-left:6px; position:relative; z-index:4; float:right; -webkit-font-smoothing: subpixel-antialiased; }
#contact-header { -webkit-font-smoothing: subpixel-antialiased;}
.redo-menu a {
	 -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease;
	text-decoration:none;
	line-height:1;
}
 /* DEFAULT LINK  */
.redo-menu a, .redo-menu a:visited  {
	text-shadow: none;
	font-size:15px;
	text-transform:uppercase;
}

 /* HOVER BACKGROUND */
.redo-menu a:hover, .redo-menu li a:hover, .redo-menu a:hover, .redo-menu a:visited:hover, .redo-menu li.sfHover a, .redo-menu li.sfHover a:visited {

} 


.redo-menu li.sfHover li a, .redo-menu li.sfHover li a:visited, .redo-menu li.sfHover li li a, .redo-menu li.sfHover li li a:visited, .redo-menu li.sfHover li li li a, .redo-menu li.sfHover li li li a:visited, .redo-menu li.sfHover li li li li a, .redo-menu li.sfHover li li li li a:visited {
	font-size:13px;
	text-transform:normal;
	font-weight:500;
	text-transform:none;
	text-shadow: none;
	color:#ffffff;
}

.redo-menu li li:hover, .redo-menu li li.sfHover, .redo-menu li li a:focus, .redo-menu li li a:hover, .redo-menu li li a:active, .redo-menu li li.sfHover a, .redo-menu li.sfHover li a:visited:hover, .redo-menu li li:hover a:visited,
.redo-menu li li li:hover, .redo-menu li li li.sfHover, .redo-menu li li li a:focus, .redo-menu li li li a:hover, .redo-menu li li li a:active, .redo-menu li li li.sfHover a, .redo-menu li li.sfHover li a:visited:hover, .redo-menu li li li:hover a:visited,
.redo-menu li li li li:hover, .redo-menu li li li li.sfHover, .redo-menu li li li li a:focus, .redo-menu li li li li a:hover, .redo-menu li li li li a:active, .redo-menu li li li li.sfHover a, .redo-menu li li li.sfHover li a:visited:hover, .redo-menu li li li li:hover a:visited,
.redo-menu li li li li li:hover, .redo-menu li li li li li.sfHover, .redo-menu li li li li li a:focus, .redo-menu li li li li li a:hover, .redo-menu li li li li li a:active, .redo-menu li li li li li.sfHover a, .redo-menu li li li li.sfHover li a:visited:hover, .redo-menu li li li li li:hover a:visited  {
	outline: 0;
	-webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease;
	background-image:url(https://ponyislandmotel.com/wp-content/themes/anchor-child/images/transparency-fallback.png);
	background: rgba(255, 255, 255, 0.04);
}

.redo-menu ul {background-image:url(https://ponyislandmotel.com/wp-content/themes/anchor-child/images/transparency-fallback.png); 
	-moz-box-shadow:    inset 0 1px 3px rgba(0, 0, 0, 0.5);
	   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
	   box-shadow:         inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.redo-menu li li a {padding:15px 15px; }
.redo-menu li li, .redo-menu li li li, .redo-menu li li li li, .redo-menu li li li li li { margin:0px;  }
.redo-menu li:hover, .redo-menu li.sfHover, .redo-menu a:focus, .redo-menu a:hover, .redo-menu a:active {outline:		0;}


/*** arrows **/
.redo-menu a.sf-with-ul {padding-right: 	2.25em;	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('https://ponyislandmotel.com/wp-content/themes/anchor-child/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.redo-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.redo-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.redo-menu ul a:focus > .sf-sub-indicator, .redo-menu ul a:hover > .sf-sub-indicator, .redo-menu ul a:active > .sf-sub-indicator, .redo-menu ul li:hover > a > .sf-sub-indicator, .redo-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}


/* END NAVIGATION MENU */
.swiper-wrapper { margin-bottom: 15px; }


h1 {
color: #247182;
font-family: 'Merriweather', serif;
font-weight: 900;
text-transform: uppercase;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 8px;
margin-bottom: 25px;
}

h2, h3, h4 {
font-family: 'Merriweather', serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 12px;
margin-top: 12px;
}

h2.title-anchor {
    color: #247182;
}

@media screen and (max-width: 450px) {
	.width-70 {width: 100% !important;}
	.width-80 {width: 100% !important;}
	.width-container {width: 100% !important;}
	header nav {text-align: left !important}
	nav select {display: none;}
	body #contact-header-text {/*font-size: 18px !important;*/}

	footer h5 {font-size: 20px;}
	footer .widget_awesomeweatherwidget {margin-left: 0 !important;}
	#page-title-page {height: 125px !important;}
	body #logo, body #logo img {width: 125px !important;}
	.menu-main-container ul {display: block;}
	.menu-main-container ul li {display: block; float: none;}
	.redo-menu a, .redo-menu a:visited {font-size: 22px; padding-top: .5em; padding-bottom: .5em; line-height: 1.4;}	
#the-header {height: 177.344px; overflow: hidden;}
	#the-header.closed-mobile-menu {height: 177.344px; overflow: hidden; animation-name: close-mobile; animation-duration: .4s; animation-fill-mode: both; animation-timing-function: ease-in-out;}
	ul#menu-main.full-mobile-menu {/*height: 100vh;*/}
	.freeze {position: fixed;}
	#contact-header-text {font-size: 15px !important;}

#the-header.full-mobile-menu {animation-name: full-mobile; animation-duration: .4s; animation-fill-mode: both; height: 100vh; animation-timing-function: ease-in-out;}

	@keyframes full-mobile {
		0% {height: 177.344px;}
		50% {}
		100% {height: 100vh;} 
	}

	@keyframes close-mobile {
		0% {height: 100vh;}
		50% {}
		100% {height: 177.344px;} 
	}


}
a {word-break: break-word;}

@media screen and (min-width: 450px) {
	.hamburger-nav {display: none;}
}

@media screen and (max-width: 375px) {
	#contact-header-text {font-size: 13px !important;}
}

@media screen and (max-width: 767px) {
	h1 {font-size: 24px !important;}

	.overlay-container-anchor {
	    top: 0 !important;
	}
}
#page-title {
	position: relative;
}
.page-title-caption {
	z-index: 100;
	color: #000;
	background-color: #fff9ef;
	font-size: .9rem;
	padding: .25rem 1rem .25rem .5rem;
	position: absolute;
	bottom: 60px;
	right: 0px;
}

@media screen and (max-width: 767px) {
	.page-title-caption {
		font-size: .75rem;
		padding: .25rem .5rem;
		bottom: 0px;
		right: 0px;
	}
}

.book-button {
	margin-left: 2rem;
}
.book-button .button, .news-button .button {
	background-color: white;
	font-color: #247182;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	padding: .5rem;
	border: #69aebf 1.5px solid;
	border-radius: 3px;
}

.book-button .button:hover, .news-button .button:hover {
	text-decoration: none;
	color: #247182;
}

@media screen and (max-width: 767px) {
	.book-button {
		float: none;
		display: block;
		margin-left: 16px;
		margin-top: 16px;
		width: 100%;
	}
	.book-button .button {
		width: 90%; 
		display: block;
		font-size: 22px;
	}
}