/*
Theme Name: Getaway New
Description: A responsive theme that includes multiple page templates, different sidebars and a theme options panel.
Version: 3.8
Author: RamsayMedia Digital
Tags: flexible-width, custom-widgets, custom-menu, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


/* New Menu Stuff below */

/**
 * 2.0 - Genericons
 */
 
:root {	
  --menu-text-color: #009688;
  --widget-heading-color: #009688; 
} 

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	/*margin: 0.875em 0;*/
}


.site-header-menu.toggled-on,
.no-js .site-header-menu {
	background-color: #fff;
	display: flex !important;
    flex-wrap: wrap;
    top: 0;
    position: relative;
    width: 100%;
}

/*.main-navigation {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}*/

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.main-navigation ul {
	font-size: 1em;
    list-style: none;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	font-weight: bold;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {	
	/*color: var(--menu-text-color);*/
}

.menu-item-home a:hover, .menu-item-home a:focus {
    /*color: #ffffff;*/
}

.videos-menu-item {
	border: 0 !important;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	/*background-color: #4c7e72;*/
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.sub-menu li {
    font-size: 0.938em;
}
.main-navigation ul ul a {
    color: #000;
}

/*.main-navigation .primary-menu {
	border-bottom: 1px solid #d1d1d1;
}*/

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #ff6722;
	content: "";
	height: 34px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
}

.dropdown-toggle:after {
	border: none;
	border-left-width: 1px;
	content: "\f431";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: var(--menu-text-color);
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}

.site-header .main-navigation {
	margin-top: 1.75em;
}


/* reset screen-reader-text */
.screen-reader-text {
	position: static !important;
}

/* Media Queries */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {

	.site-header {
		padding: 3.9375em 7.6923%;
	}
	
	.menu-toggle {
		font-size: 16px;
		font-size: 1.0rem;
		margin: 1.3125em 0;
		padding: 0.8125em 0.875em 0.6875em;
	}

	/*.site-header-menu {
		margin: 1.3125em 0;
	}*/

	.site-header .main-navigation {
		margin-top: 2.625em;
	}

	/* restore screen-reader-text */
	.screen-reader-text {
		position: absolute !important;
	}
}




/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	.site-header {
		padding-right: 4.5455%;
		padding-left: 4.5455%;
	}

	.site-header-main {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation {
		/*margin: 0 -0.875em;*/
		margin: 0 -3em;
	}

	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		/*border-right: 1px solid #ffffff;*/
	}

	.main-navigation .primary-menu > li {
		float: left;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 1.143em 0.1em;		
		white-space: nowrap;		
	}

	/*.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #f1671f;
		
	}*/

	.main-navigation ul ul {
		border-bottom: 1px solid #fff;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
    	/*border: 1px solid #cecece;
    	border-bottom-width: 0;*/
	}

	.main-navigation ul ul a {
		white-space: normal;
		/*width: 10.6875em;*/
		width: 15.429em;
	}
    
	/*
	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}
	*/

	/*
	.main-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		right: 9px;
		top: -9px;
	}
	*/

	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		right: auto;
		left: 0;
		padding:0px;
		margin-left:15px;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: auto;
		left: 100%;
		margin:0px;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		/*padding-right: 2.25em;*/
	}

	.main-navigation .menu-item-has-children > a:after {
		content: "\f431";
		position: absolute;
		right: 0.625em;
		/*top: 0.8125em;*/
		display: none;
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.574em;
		/*top: 0.875em;*/
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(-90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}
}
	
/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

@media screen and (min-width: 44.375em) {

	/* restore screen-reader-text */
	.screen-reader-text {
		position: absolute !important;
	}
}


/*My styles*/

/* My added styles start*/


#travel-navigation .sub-menu.toggled-on {
    position: relative;
    left: 0;    
    right: auto;
	margin-top: 2px;
}


#travel-nav .dropdown-toggle{
	color: #62a62c;
	display:block;
	height: 39px;
    width: 39px;
}

/* My added styles end*/

.site-travel-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	/*margin: 0.875em 0;*/
}


.site-travel-menu.toggled-on,
.no-js .site-travel-menu {
	background-color: #fff;
	display: block;
}

.travel-navigation {
	margin-bottom: 1.75em;
	margin-left: 0 !important;
	
}

.travel-navigation ul {
	font-size: 1.0614em;
    list-style: none;
    text-transform: none;
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.travel-navigation li {
	position: relative;
}

.travel-navigation a {
	color: #191919;
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em 0;
}

.travel-navigation a:hover,
.travel-navigation a:focus {
	color: #62a62c !important;
}


.travel-navigation .current-menu-item > a,
.travel-navigation .current-menu-ancestor > a {
	/*background-color: #4c7e72;*/
}

.travel-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .travel-navigation ul ul {
	display: block;
}

.travel-navigation ul .toggled-on {
	display: block;
}

.sub-menu li {
    font-size: 0.938em;
}

/*.travel-navigation .primary-menu {
	border-bottom: 1px solid #d1d1d1;
}*/

.travel-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #ff6722;
	content: "";
	height: 34px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
}

.dropdown-toggle:after {
	border: none;
	border-left-width: 1px;
	content: "\f431";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

#travel-nav .dropdown-toggle:after {
    width: 39px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #f2671f;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}

.site-header .travel-navigation {
	margin-top: 1.75em;
}


/* reset screen-reader-text */
.screen-reader-text {
	position: static !important;
}

/* Media Queries */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {

	.site-header {
		padding: 3.9375em 7.6923%;
	}
	
	.menu-toggle {
		font-size: 16px;
		font-size: 1.0rem;
		margin: 1.3125em 0;
		padding: 0.8125em 0.875em 0.6875em;
	}

	/*.site-travel-menu {
		margin: 1.3125em 0;
	}*/

	.site-header .travel-navigation {
		margin-top: 2.625em;
	}

	/* restore screen-reader-text */
	.screen-reader-text {
		position: absolute !important;
	}
}




/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	.site-travel-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.travel-navigation {
		/*margin: 0 -0.875em;*/
		margin: 0 -3em;
	}

	.travel-navigation .primary-menu,
	.travel-navigation .primary-menu > li {
		/*border-right: 1px solid #ffffff;*/
	}

	.travel-navigation .primary-menu > li {
		/*float: left;*/
		/*digital added*/
		clear:both; 
		width: 300px;
	}

	.travel-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 0.875em;
		white-space: nowrap;
	}

	/*.travel-navigation li:hover > a,
	.travel-navigation li.focus > a {
		color: #f1671f;
		
	}*/

	.travel-navigation ul ul {
		border-bottom: 1px solid #fff;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.travel-navigation ul ul ul {
		top: -1px;
	}

	.travel-navigation ul ul ul:before,
	.travel-navigation ul ul ul:after {
		border: 0;
	}

	.travel-navigation ul ul li {
		background-color: #fff;
    	/*border: 1px solid #cecece;
    	border-bottom-width: 0;*/
	}

	.travel-navigation ul ul a {
		white-space: normal;
		/*width: 10.6875em;*/
		width: 15.429em;
	}
    
	/*
	.travel-navigation ul ul:before,
	.travel-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}
	*/

	/*
	.travel-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		right: 9px;
		top: -9px;
	}
	*/

	.travel-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}

	/*
	.travel-navigation li:hover > ul,
	.travel-navigation li.focus > ul {
		right: auto;
		left: 0;
		padding:0px;
		margin-left:15px;
	}

	.travel-navigation ul ul li:hover > ul,
	.travel-navigation ul ul li.focus > ul {
		right: auto;
		left: 100%;
		margin:0px;
	}
	*/

	.travel-navigation .menu-item-has-children > a {
		margin: 0;
		/*padding-right: 2.25em;*/
	}

	.travel-navigation .menu-item-has-children > a:after {
		content: "\f431";
		position: absolute;
		right: 0.625em;
		/*top: 0.8125em;*/
		display: none;
	}

	.travel-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.travel-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.574em;
		/*top: 0.875em;*/
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(-90deg);
	}

	.dropdown-toggle,
	.travel-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .travel-navigation {
		display: none;
	}
}
	
/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

@media screen and (min-width: 44.375em) {

	/* restore screen-reader-text */
	.screen-reader-text {
		position: absolute !important;
	}
}



/* =Layout for mobile - Iphone
-------------------------------------------------------------- */

 
 @media only screen 
and (min-width : 20px) 
and (max-width : 780px) { 

	

	#slidein {
		
		display:block !important;
	}
	
	
}