/*
Theme Name: Travel Well Custom Theme for Gutenberg
Theme URI: http://wordpress.org/
Description: Custom theme, hand crafted perfection.
Author: Christina Dunham
Version: 1.5
Tags: blank
Text Domain: blanktheme
*/

/*	Global Colours
Navy: #172d55;
Medium Blue: #024d69;
Teal: #008da5;
Yellow: #fdb714;
Red: #ef3f23;
Green: #009c53;
*/

/* Reset All */

* {
	margin: 0px;
	padding: 0px;
}

body,
html {
	background-color: #172d55;
}

.main {
	background-color: #fff;
}

.row .column,
.row .columns {
	font-family: "Jost", sans-serif;
	font-size: 18px;
	line-height: 25px;
	text-align: left;
	color: #172d55;
	font-weight: 400;
}

a img {
	border: none;
}

/* Basic Content Styles */
h1, 
h2, 
h3 {
	font-weight: 500;
}

h1 {
	margin-bottom: 20px;
	font-size: 45px;
	line-height: 55px;
	color: #ef3f23;
}

h2 {
	margin-bottom: 15px;
	font-size: 35px;
	line-height: 40px;
	color: #ef3f23;
}

h3 {
	margin-bottom: 5px;
	font-size: 25px;
	line-height: 30px;
	color: #024d69;
}

strong {
	font-weight: 500;
}

p, 
.main ul, 
.main ol, 
table {
	margin-bottom: 15px;
}

.main ul li,
.main ol li {
	
}

.main ul {
	padding-left: 15px;	
}

.main ol {
	padding-left: 20px;	
}

a {
	color: #024d69;	
	text-decoration: underline;
}

a:hover {
	text-decoration: none;	
	color: #ef3f23;
}

ul.block-grid {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/* End Content Styles */

header {
	background-color: #172d55;
	padding: 20px 20px;
	position: relative;
}

header a.logo {
	display: block;
	max-width: 250px;
}

header .angle {
	position: absolute;
	background-color: #024d69;
	height: 100%;
	width: 66.6%;
	top: 0;
	right: 0;
	clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
}

.banner {
	height: 350px;
	width: 100%;
	position: relative;
}

.banner img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.titleBar h1 {
	text-align: center;
	margin-bottom: 0;
}



/* =Menu
-------------------------------------------------------------- */
nav {
	background: transparent;
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 9999;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	*zoom: 1;
	text-align: right;
	margin-top: 10px;
}

nav li {
	float: none;
	position: relative;
	list-style: none;
	display: inline-block;
	padding: 0 25px;
}

nav a {
	color: #FFFFFF;
	display: block;
	line-height: 42px;
	padding: 0 0px;
	font-size: 20px;
	text-decoration: none;
	font-weight: 400;
	border-bottom: 4px solid transparent;
}

nav ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	padding: 5px;
	background-color: #000;
}
nav ul ul ul {
	left: 100%;
	top: -5px;
	background-color: #666;
}

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

nav ul ul a {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.8em;
	min-width: 170px;
}

nav li:hover > a,
nav ul li.current_page_item > a,
nav ul li.current-menu-ancestor > a,
nav ul li.current-menu-item > a,
nav ul li.current-menu-parent > a {
	color: #fff;
	border-color: #fdb714;
}

ul ul .menu-item-has-children {
	width: 175px;
}

nav a.menu-link {
   display:  none;
   background: #008da5;
   padding-top: 6px;
   padding-bottom: 35px;
   height: 42px;
   line-height: 33px;
   text-transform: uppercase;
   width: 100%;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   font-size: 15px;
   padding-left: 15px;
}

.menu:before,
.menu:after {
    content: " "; 
    display: table; 
}

.menu:after {
    clear: both;
}

.menu-link:after {
	content: url( images/menu.png );
	right: 20px;
	top: 6px;
	position: absolute;
}

.menuMobile {
	display: none;
}

.active .menuMobile {
	display: block;
	text-align: left;
	padding: 10px 20px;
}

/* =Main styles
-------------------------------------------------------------- */
.slideshow {
	background-color: #008da5;
	height: 600px;
	width: 100%;
	position: relative;
}

.slideshow .logoWrap {
	max-width: 760px;
	border: 4px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 99999;
}

.slideshow .innerWrap {
	background-color: rgba(255,255,255,0.6);
	padding: 35px 50px;
	margin: 20px;
}

.slideshow .slide {
	width: 100%;
	height: 100%;
}

.slideshow .slide img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.wrapper.white {
	background-color: #fff;
}

.wrapper.navy {
	background-color: #172d55;
}

.wrapper.medBlue {
	background-color: #024d69;
}

.wrapper.teal {
	background-color: #008da5;
}

.wrapper.yellow {
	background-color: #fdb714;
}

.wrapper.red {
	background-color: #ef3f23;
}

.wrapper.normal {
	padding: 100px 20px;
}

.wrapper.reduced {
	padding: 50px 20px;
}

.wrapper.noTop {
	padding: 0px 20px 100px;
	margin-top: -75px;
}

img.blockImg {
	display: block;
	width: 100%;
}

.wrapper.navy,
.wrapper.navy h1,
.wrapper.navy h2,
.wrapper.navy h3,
.wrapper.navy p,
.wrapper.navy ul, 
.wrapper.navy a, 
.wrapper.medBlue,
.wrapper.medBlue h1,
.wrapper.medBlue h2,
.wrapper.medBlue h3,
.wrapper.medBlue p,
.wrapper.medBlue ul, 
.wrapper.medBlue a,
.wrapper.teal,
.wrapper.teal h1,
.wrapper.teal h2,
.wrapper.teal h3,
.wrapper.teal p,
.wrapper.teal ul, 
.wrapper.teal a, 
.wrapper.yellow,
.wrapper.yellow h1,
.wrapper.yellow h2,
.wrapper.yellow h3,
.wrapper.yellow p,
.wrapper.yellow ul, 
.wrapper.yellow a, 
.wrapper.red,
.wrapper.red h1,
.wrapper.red h2,
.wrapper.red h3,
.wrapper.red p,
.wrapper.red ul, 
.wrapper.red a {
	color: #fff;
}

.twoCol .large-6:first-of-type {
	padding-right: 50px;
}

.twoCol .large-6:last-of-type {
	padding-left: 50px;
}

.sideImg {
	position: relative;
}

.sideImg .imgBox {
	position: absolute;
	height: calc(100% - 200px);
	width: calc(50% - 100px);
	top: 100px;
	background-position: center;
	background-size: cover;
	background-color: #172d55;
}

.sideImg.Left .imgBox {
	left: 0;
}

.sideImg.Right .imgBox {
	right: 0;
}

.sideImg .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}


.ctaArea a {
	display: block;
	height: 350px;
	position: relative;
	background-color: #172d55;
	text-decoration: none;
	color: #fff;
}

.ctaArea a .inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 20px;
	text-align: center;
	z-index: 99999;
}

.ctaArea a .inner p {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
}

.ctaArea a img {
	opacity: 0.5;
	z-index: 99;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.ctaArea a .inner svg {
	display: block;
	max-height: 75px;
	margin: 0 auto 15px;
}

.ctaArea a:hover {
	background-color: #ef3f23;
}

.iconGrid .column {
	padding: 0 20px 20px;
	text-align: center;
	font-weight: 500;
}

.iconGrid .column .icon {
	border-radius: 100%;
	border: 4px solid #fdb714;
	width: 150px;
	height: 150px;
	margin: 0 auto 15px;
	position: relative;
}

.iconGrid .column .icon svg {
	height: 90px;
	width: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

a.button {
	background-color: #ef3f23;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	display: inline-block;
	font-weight: 500;
}

a.button:hover {
	background-color: #008da5;
}


#gform_wrapper_1 {
	background-color: #eee;
	padding: 20px;
}






footer {
	background-color: #172d55;
	color: #fff;
	padding: 50px 20px 75px;
}

footer .large-3:first-of-type svg {
	max-width: 200px;
	display: block;
}

footer .large-3:last-of-type p {
	font-size: 14px;
	line-height: 17px;
	text-align: right;
	color: #fff;
	padding-top: 33px;
}

footer .large-6 p {
	text-align: center;
	color: #fff;
	padding-top: 30px;
}

footer .large-6 p a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}

footer .large-6 p a:hover {
	color: #fdb714;
	text-decoration: underline;
}





/* =Photo Gallery
-------------------------------------------------------------- */
ul.collapseRow li,
ul.staticGal li {
	padding: 0 10px 10px 0px !important;
}

a.photo {
	display: block;
	height: auto;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

a.photo img {
	margin: auto;
	width: 100%;
}

.accordianWrap h2.title {
	border-bottom: 3px solid #6A933B;
	position: relative;
	padding-bottom: 5px;
	padding-right: 45px;
}

.accordianWrap h2.title:hover {
	border-bottom: 3px solid #2174A1;
	cursor: pointer;
	color: #6A933B;
}

.accordianWrap h2.title:after {
	content: "+";
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 30px;
	color: #666666;
	padding-left: 10px;
}

.accordianWrap h2.title.open:after {
	content: '-';
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { 
	display: inline-block; 
}

* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 
}

/* =Auxilary Pages
-------------------------------------------------------------- */
body.search .entry-utility,
body.search .entry-meta {
	display: none;
}

body.blog .row.pagination {
	padding: 15px 0;
}

body.blog .row.pagination .columns {
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */
.main img,
.entry-content img {
	margin: 0;
	max-width: 100%;
}

.main .alignleft,
.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.main .alignright,
.main img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.main .aligncenter,
.main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main img.alignleft,
.main img.alignright,
.main img.aligncenter {
	margin-bottom: 12px;
}

/* =Gutenberg Styles
-------------------------------------------------------------- */
.wp-block-image {
	text-align: center;
}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	list-style: none;
	margin-left: 0;
}

.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}

.widget_search #s {/* This keeps the search inputs in line */
	width: 100%;
}

.widget_search label {
	display: none;
}

.widget-container {
	margin: 0 0 18px 0;
}

.widget-title {
	color: #222;
	font-weight: bold;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}

.widget-area .entry-meta {
	font-size: 11px;
}

/* Main sidebars */
#primary {
	width: 100%;
	padding: 26px 20px;
}

div.entry-meta {
	margin-bottom: 10px;
	font-style: italic;	
}

body.blog .large-9,
body.archive .large-9,
body.single .large-9 {
	padding-right: 20px !important;
	border-right: 1px solid #000;
}

body.blog .post,
body.search .post,
body.archive .post {
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/* =Table Styles
-------------------------------------------------------------- */
table thead tr td {
	border-left: 1px solid #49176E;
}

table {
	border-spacing: 0px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

table tr td {
	padding: 5px 10px;
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}

table tr.shaded td {
	background-color: #EEEEEE;
}

table thead tr.shaded td,
table thead tr td {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
}

table.No-Style-Table,
table.No-Style-Table tr td,
table.No-Style-Table tr.shaded td {
	border: 0px !important;
	padding: 0px !important;
	background-color: transparent !important;
}

/* =MEDIA QUERIES
-------------------------------------------------------------- */
@media only screen and (max-width: 1240px) {
	.slideshow .logoWrap {
		max-width: 500px;
	}
}


@media only screen and (max-width: 1024px) { /*  MEDIUM GRID BREAK  */
	.slideshow {
		height: 450px;
	}

	.sideImg.Right .imgBox,
	.sideImg.Left .imgBox {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		height: 300px;
		margin-top: 30px;
	}

	footer .large-3:last-of-type p,
	footer .row .columns {
		text-align: center;
	}

	footer .large-3:first-of-type svg {
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 1000px) {
	header .row .columns {
		width: 100%;
	}

	header .angle {
		display: none;
	}

	header nav {
		text-align: center;
	}

	header a.logo {
		margin: 0 auto 15px;
	}

}

@media only screen and (max-width: 960px) {
	header {
		padding: 20px 0 0;
	}

	/* Override other menu code */
	nav ul li:hover > ul {
		display: none;
	}
	
	nav ul ul {
		top: 0px;
		position: relative;
		float: none;
	}

	nav li {
		height: auto; /* override for menu height issue */
		/* set list item height */
		min-height: 36px; 
		height: auto !important;
		height: 36px;
		display: block;
		padding: 0;
	}

	/*mobile menu */
	.active {
        display: block !important;
    }

    .menu > li {
        float: none !important;
    }

    .menu > li > .menu-item-has-children {
   		background-image: none; 
    }

    .menu-item-has-children {
    	width: 100%;
    }

    nav ul li {
    	margin-bottom: 0px !important;
    	border-bottom: 1px solid #666;
    }

    .menu li .more {
        background-image: url(images/list.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        float: right;
      	width: 20%;
		border-left: 1px solid rgba(255,255,255,.3);
		padding: 8px 15px;
        cursor: pointer;
    	z-index: 200;
        position: relative;
    }

   .menu li .more:before {
		content: "";
		background: rgba(0,0,0,.3);
		width: 1px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
  		left: -2px;
    }

    ul.menu {
    	border-top: 4px solid #666;
    }
    
    .menu ul {
        display: block;
        width: 100%;
        z-index: 9999999;
    }
   	
   	.menu > li.hover > ul, 
   	.menu li li.hover ul {
        position: static;
        display: block !important; /* Show Menu Fix */
    }
    
    nav a {
    	width: 100%;
    	padding: 0px;
    	text-align: left;
    	padding-left: 15px;
    	line-height: 35px
    }

    nav ul ul ul li a {
		padding-left: 45px;
	}

    nav ul ul,
    nav ul ul li {
    	width: 100%;
    }

    nav ul ul {
    	padding: 0px !important;
    }

    nav ul ul li {
    	float: none;
    }

    nav {
   		width:100% !important;
   	}

   	nav ul ul ul {
		left: 0;
		top: 0;
	}

	.menuWrap.active ul {
		display: block !important;
	}


}

@media only screen and (max-width: 640px) { /*  SMALL GRID BREAK  */
	.footer span.pipe {
		display: none;
	}

	.footer span.design {
		display: block;
	}
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#fff;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#eea904;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#eea904}