/** 
 * Cambria Bold Italic for headers and logo
 * open Sans Light, bold and standard for the content
 **/
body{
	border: none;
	background:white;	
	font-family: 'Open Sans';
	color: black;
	padding-top: 80px;
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: font86752;
	color:#070648;
	font-weight:400;
}
iframe{
	border: none;
}
.bg-grey{
	background: #D3D3D9;
}
.bg-blue{
	background:#070648;
}
.fg-blue{
	color: #070648;
}
.bg-beige{
	background:#E6E3AC;
}
.fg-beige{
	color: #E6E3AC;
}
p{
	margin: .8em auto;
}
.padding-right{
	margin: 0 1em 1em 0;
}
.padding-left{
	margin: 0 0 1em 1em;
}
.h-spaced{
	margin: 0 1em;
}
.v-spaced{
	margin: 1em 0;
}
.all-spaced{
	margin: 1em;
}
.padded{
	padding:1em;
}
.dl-spaced dd{
	margin-bottom: 1.3em;
}

.nav{ background: transparent;}
.navbar-brand{
	color: #070648;
	font-size: 200%;
	font-weight: bold;
	font-style:italic;
}
#header_contact{
	padding:.3em;
	text-align: center;
}
.bg-sea-blue{
	background: #D5E7F3;
}
.fg-sea-blue{
	color: #D5E7F3;
}
.break-types{
	font-weight: bold;
	font-size: 1.2em;
	text-align:center;
	color:#070648;
}
.img-right{
	float:right;
}
.no-pad{
	padding:0;
}
.outline{
	outline: 1px solid red;	
}
.table-centered{
	margin: 0 auto;
}
#canal-du-midi-bg, .boat-bg{
	background: url('/images/page_images/canal-du-midi-grey.jpg') white repeat-y right;
	
}
.white-padding{
	background:white;
	padding:15px;
	margin:5px;
}
#canal-du-midi-text h2, #carcassonne-text h2, .boat-text h2, .boat-text h3{
	font-style: italic;
	font-weight:bold;
	color: #070648;
}
#carcassonne-bg{
	background: url('/images/page_images/carcassonne-walls-grey.jpg') no-repeat left;	
}
#page_footer{
	font-size: .8em;
	padding: 1em;
}
#company-name-header{
	margin: 0 .5em;
}
div #header_phone{
	margin: .2em;	
}
div #banner{
	position: static;
	background:transparent;
	top:0px;
	left: 0px;
	margin-bottom:-70px;
}
div #banner-text{width: 100%;padding:0;background: #070648;color:white;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */ margin: 0; text-align:center;	position:relative;	font-style:italic;}
div #banner-text h2{line-height:inherit;color:white;}



div #header-special{	
	/* background: #E6E3AC; 
	 
	 * color:#070648;
	 * */
	
	margin:0;
	padding:20px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	
	color:black;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
   font-size:10px;
   background: #E6E3AC;
   
}
a#header-offer-link{
	text-decoration: none !important;	
	color:black;
	font-weight:bold;
	/*
	
	font-size: 13pt;
*/
}

#page-content{
	position:static;
	
}
#main-content{

}
.pd-lg{
	padding: 3em;	
}
.pd-hz-lg{
	padding: 0 3em;
}
.mg-lg{
	margin: 3em;	
}
#title-band{
	background:#070648;
	color:white;
	width: 100%;
	height: 60px;
	line-height:60px;
	font-style:italic;
	text-align:center;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
}
h2.title-band{
	height: 60px;
	line-height:60px;
	font-size:30px;
	margin:0;
	overflow: hidden;
}
#title-band h2{
	
	color:white;
}
.thumb3{
	position: relative;
	height:260px;
	text-align:center;
	margin-bottom:1em;
}

.route-title{
	z-index: 20;
	position:absolute;
	top:0;	
	left:10px;
	text-transform:capitalize;
	font-size: 1.2em;
	color: black;
	width: 255px;
	text-align: center;

}

.route-shadow{
	text-shadow: 1px 2px #E6E3AC;
}
.rt-reversed{
	color: #E6E3AC;
	text-shadow: 1px 2px black;
}
.route-picture{
	position:relative;
	/*
	position:absolute;
	z-index: 0;
	top:0;
	left:10px;
	clear:all;
	*/
}

.thumb-title{
	z-index: 20;
	position:relative;
	top:25px;
	left:0;
	text-transform:capitalize;
	color:white;
	font-size:2em;

}
.thumb-picture{
	position:relative;
	top:-55px;
	left:0;
	height:260px;
	padding: 0 20px;
}
div.caption-overlay{
	position:relative;

}
div.caption-overlay img{

	z-index: 0;
}
.text-overlay{
	position: absolute;
    top: 20px;
	z-index: 10;
	left: 50%;
    transform: translate(-50%, 0);
	text-transform:capitalize;
	color:white;
	font-size:2em;
}

.thumb-button{
	z-index: 20;
	position:relative;
	bottom:120px;
	left:0;
	background: silver;
	
}
.prices-header{
	height: 60px;
	line-height: 60px;
	font-style:italic;
}
.prices-header h2{
	line-height: 60px;
	text-align:center;
	margin:0;
	padding:0;
}




.img-fpb{

	display:block;
}
.fh-1{

	padding:1em 5em;
	position:relative;
}
.fh-1 p{
	min-height:160px;
}


#lipsum, .lipsum{
	font-style:italic;
	color: #C0C0C0;
}
.green{
	background: green;

}
.blue{
	background: blue;
	color: white;
}
.yellow{
	background: yellow;
}
.red{
	background: red;
}
.grey{
	background: gray;
}

ul.boat-details li{
	padding:2px;
}
.external, .external_target{
	background:  url(../../images/icons/external-link.png) top right no-repeat;
	padding-right: 12px;
}

.pdf_download{
/*background: transparent url(../../images/icons/external-link.png) top right no-repeat;*/
	background: transparent url(../../images/icons/pdf_small.jpeg) top right no-repeat;
	padding-right: 20px;
}
#page-content a{
	text-decoration:underline;
}
#page-content a.btn{
	text-decoration: none;
}
.nav-special{
	font-weight: bold;
	background: PaleVioletRed;
}
.medium-text{
	font-size: 1.3em;
}
.scrollup {
    width: 33px;
    height: 34px;
    position: fixed;
    bottom: 50px;
    right: 0px;
    display: none;
    background: url('/images/icons/icon_top.png') no-repeat 0 0;
    background-color: #C0C0C0;
    border: none !important;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
	}
	a.scrollup:hover{
		border:none;
		background: url('/images/icons/icon_top.png') no-repeat 0 bottom;
	}
#top-bar{
	width:100%;
	height: 80px;
	background: #E6E3AC;
	position:fixed;
	top:0; left 0;
	z-index:1000;
}
#top-bar #header_phone{
	text-align:center;
	position:fixed;
	top:10px;
	right:20px;
}
.ghost-vertical{
	position:relative;
}
.ghost-vertical::before{
	content: " ";
	display: inline-block;
	height: 100%;
	width: 1%;
	vertical-align: middle;
}
.ghost-vertical p,  .ghost-vertical img{
  display: inline-block;
  vertical-align: middle;
}
.text-shadow{
	text-shadow: 2px 3px black;
}

li.distance{
	list-style-image: url('/images/icons/distance.png');
}
li.time{
	list-style-image: url('/images/icons/time.png');
}
li.locks{
	list-style-image: url('/images/icons/locks.png');
}
span.title{
	font-weight: bold;
	margin: 0 1.5em 0 0;
}


#christmas-opening{
    background: #A6161C url(/images/page_images/holly_and_berries.png) top left no-repeat;

    color: white !important;
    padding: .3em 0 .3em 90px;
}

#christmas-opening h2, #christmas-opening h2 small{
    color: white;
}



/*
####################################################
  M E D I A  Q U E R I E S
####################################################
*/

/* padding: 0; background:#070648; margin-top: 1em;
::::::::::::::::::::::::::::::::::::::::::::::::::::
   Bootstrap 4 breakpoints
*/

/* Extra Small devices (portrait phones, 300px and up)*/
@media (min-width: 300px) { 
	#top-bar #menu-toggle{font-weight:bold;	background:#070648; color: white; margin-top: 1em; font-size: 50%}
	#top-bar h1{margin: .5em auto 0 .5em; font-size: 80%; width: 90px; font-weight: bold; font-style: italic;}
	#top-bar #header_phone{font-size: 50%;}
	div #banner-text{height: 40px;top: -60px; line-height: 40px;}	div #banner-text h2{ font-size: 70% }
	div#header-special{position:absolute;right:30px;top: 90px;margin-bottom: 0%;font-size:48%;height: 80px;width:80px;padding:8px;}
	h2.title-band {font-size: 80%;}
	h3 {font-size: 110% !important;}
}
/* Small devices (portrait phones, 460px and up)*/
@media (min-width: 460px) { 
	#top-bar #menu-toggle{margin-top: 1em; font-size: 60%}
	#top-bar h1{margin: .5em auto 0 .5em;font-size: 110%;width: 130px;}
	#top-bar #header_phone{	font-size: 70%;}
	div #banner-text{height: 50px;top: -70px; line-height: 50px;}	div #banner-text h2{ font-size: 100% }
	div#header-special{margin-bottom: -300%;font-size:523}
	h3 {font-size: 180% !important;}
}
/* Small devices (landscape phones, 544px and up)*/
@media (min-width: 544px) { 
	#top-bar #menu-toggle{margin-top: .75em;font-size: 75%}
	#top-bar h1{margin: .2em auto 0 .75em;	font-size: 150%;width: 290px;}
	#top-bar #header_phone{	font-size: 80%;}
	div #banner-text h2{ font-size: 120% }
	div#header-special{font-size:65%;height: 120px;width:120px;padding:15px;}
	h2.title-band {font-size: 125%;}
	h3 {font-size: 200% !important;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px){ 
	#top-bar #menu-toggle{margin-top: 1em; font-size: 100%}
	#top-bar h1{margin: .5em auto 0 .75em; font-size: 180%;	width:auto;}
	#top-bar #header_phone{	font-size: 80%;}
	div #banner-text{height: 70px;top: -90px; line-height: 70px;}	div #banner-text h2{ font-size: 180% }
	div#header-special{margin-bottom: -300%;font-size:90%;height: 170px;width:170px;padding:23px;}
	h2.title-band {font-size: 130%;}
	h3 {font-size: 190% !important;}
}
/* Large devices ( 1024px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 1024px){ 
	div #banner-text{height: 70px;top: -90px; line-height: 70px;}	div #banner-text h2{ font-size: 230% }
	div#header-special{top:110px;margin-bottom: -300%;font-size:105%;height: 200px;width:200px;padding:28px;}
	h2.title-band {font-size: 180%;}
	h3 {font-size: 200% !important;}
	
}