/*
Theme Name:         Hanly Hotel
Description:        Smart and flexible WordPress theme based on FoundationPress
Version:            1.1.0
Author:             actonbv
Author URI:         http://actonweb.com/
*/

/* ----------------------------------------------------------------------------

	Unfortunately WordPress will require a style.css file
	located in the theme's root folder for stuff to work.

	However, we will not be using vanilla CSS. We're using Sass.

	Sass is a superset of CSS that adds in amazing features
	such as variables, nested selectors and loops. It's also
	the easiest way to customize Foundation.

	All Sass files are located in the /assets/scss folder.
	Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
	'npm run watch' or 'npm run build'.

	Please read the README.md file before getting started. More info on how
	to use Sass with Foundation can be found here:
	http://foundation.zurb.com/docs/sass.html

	If you for some reason would like to write plain css instead of using Sass,
	you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
html {
		 overflow: -moz-scrollbars-vertical;
		 overflow-y: scroll;
			overflow-x: hidden;
}
.weddings .top-image-wrap .top-image-title{
	top: auto!important;
	bottom: 100px!important;
}


.weddings .vertical.menu .sticky-menu-button a:hover,
.weddings .vertical.menu .book-menu-link a:hover,
.top-bar .sticky-menu-button a:hover,
.top-bar .book-menu-link a:hover {
	color: #aa7f04;
}

.main-navigation .dropdown .book-menu-link a {
	font-size: 16px;
	line-height: 18px;
	padding: 16px 10px 16px 25px;
}

header .top-bar .desktop-menu li.sand ul {
	background: transparent url(assets/images/wedding-menu-bg.png);
}

.page-block.testimonials-slider{
	background-size: cover!important;
}
.fa-angle-down::before{
	content: '\f105';
}
#footer .top-and-middle .top .footer-widget .button.footer-features-button .button-arrow-wrap{
	height: 1.35rem;
	width: 1.35rem;
	font-size: 1.15rem;
}
/*.top-image-wrap{*/
	/*padding-right: 17px;*/
/*}*/
/*body.scripts-loaded .top-image-wrap{*/
	/*padding-right: 0;*/
/*}*/

.footer-subscribe-button {
	border: 2px solid #cfad3e!important;
	color: #FFF!important;
}
#conference form textarea,
#conference form input {
	box-shadow: none;
	color: #000000;
	border: 1px solid #000;
	background: #ffffff;
	font-size: 14px;
}

#conference form .button {
	background: #c0a057!important;
	color: #fbfcff!important;
	border: 0;
	font-size: 18px;

}

#conference form .button:hover{
	background: #aa7f04;
	color: #ffffff;
}

#conference form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000000;
}
#conference form input::-moz-placeholder { /* Firefox 19+ */
	color: #000000;
}
#conference form input:-ms-input-placeholder { /* IE 10+ */
	color: #000000;
}
#conference form input:-moz-placeholder { /* Firefox 18- */
	color: #000000;
}

#conference form .datepicker {
	background: url(assets/images/date-picker-img.png) center right no-repeat;
	min-width: 120px;
}

#conference form .ui-datepicker-trigger {
	display: none;
}


#footer .top-and-middle .top .footer-widget .button.footer-features-button .button-arrow-wrap::before {
	margin-left: 0!important;
	margin-top: 0!important;
	width: 19px;
	height: 15px;
	text-align: center;
	line-height: 16px;
}

#footer .top-and-middle .top .footer-widget .button.footer-subscribe-button:hover,
#footer .top-and-middle .top .footer-widget .button.footer-subscribe-button:hover .subscribe-arrow {
	background-color: #ab8000;
	border-color: #ab8000 !important;
}

.weddings #footer .top-and-middle .top .footer-widget .button.footer-subscribe-button .subscribe-arrow:hover,
.weddings #footer .top-and-middle .top .footer-widget .button.footer-features-button.virtual-tour-link:hover,
.weddings #footer .top-and-middle .top .footer-widget .button.footer-features-button.download-app-link:hover {
	background-color: #675934;
	color: #FFF;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.weddings #footer .top-and-middle .top .footer-widget .button.footer-features-button.virtual-tour-link:hover .button-arrow-wrap {
	border-color: #FFF;
}