/*

	File: style.css
	Media: screen
	bluemaxcharters.com
	Version 3
	Walleworks, LLC
	5-3-2016

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html { background: #FFFFFF; }
body { font-family:"Asap", "Archivo Narrow", sans-serif; color: #000000; height:100%; width: 100%; display: table;  }

h1, h2, h3, h4, h5, h6 { font-family:"Asap", sans-serif; font-weight: 700; font-size: 1.6em; color: #000000;}
p { font-size:1.1em; line-height:1.6em; margin:12px 0; }
p.big_text { font-size: 1.4em;}
p.bold { font-weight: bold; }
p.normal_size { font-size: 1em !important; }

div { box-sizing: border-box; }

/* Links
--------------------------------------------------------------------------------------- */

a { font-weight: normal; text-decoration: none;}
a:link { color: #FFFFFF; /*color: #ef950b;*/}
a:visited { color: #FFFFFF;}
a:hover { color: #FFB000; }
a:active { color: #FFB000;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

body.home .wrapper { padding-bottom: 0px; }
#container { width: 100%; padding-bottom: 24px; }
header { width: 100%; }
#headerWrap { width:1000px; margin: 10px auto; padding: 6px 0 0 0; }


/*  Breadcrumbs
--------------------------------------------------------------------------------------- */

#breadcrumbs { font-size: 0.90em; text-transform: uppercase; margin: 12px 0 20px 0; font-family: "Open Sans Condensed", sans-serif; color: #0C7FCE; }


/* Header Layout
--------------------------------------------------------------------------------------- */
img#brandLogo {width:300px;}

header h1 { font-size: 3em; font-weight: 200; color: #999999; /*float: left; display: inline; */padding-left: 20px; width: 200px; }
header h2 { color: #0033FF; font-weight: bold; /*text-shadow: 1px 1px #000;*/ }
#headerLogoBox { width: 1000px; height: 102px; }
#headerLogo { padding-left: 20px; width: 340px; float: left; height: 102px;}
/*#headerTagLine { float: left; height: 34px; width: 660px; text-align: center;}*/
#headerSocialIcons { float: left; height: 64px; width: 660px; }
#headerSocialIcons h2 { float: right; margin-right: 20px;  line-height: 34px; }
#headerSocialIcons img { padding: 4px 12px; float: right; }

.callAction { float: right; display: inline; margin-left: 12px; margin-top: 8px; padding: 0 10px; background-color: #FFB000; border-radius: 16px; transition: all 0.3s; }
.callAction a { text-transform: uppercase; line-height: 28px; color: #FFFFFF; font-weight: bold;  transition: all 0.3s; }
.callAction:hover { background-color: #0C7FCE; }

#top_links { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; float: right; display: inline; padding-right: 0px; text-transform: uppercase; margin-top: 10px; }
#top_links li { float: left; display: inline; border-right:2px solid black; padding: 0 15px;}
#top_links li.last {border:0;}
#top_links li a { font-weight: 700; color:#FFB000;}
#top_links li a:hover { color: #0C7FCE; }

@media all and (max-width: 1400px) {
	.callAction { margin-right: 12px; }
}

.gsc-tabsArea { display: none; }


/* Custom Dropdown Nav Styles
--------------------------------------------------------------------------------------- */

#navWrap { width: 100%; background-color: #0033FF; }
nav { padding: 0; font-family: "Asap", sans-serif; width: 1000px; margin: 0 auto; background-color: #0033FF; height: 45px; font-weight: bold; text-align: center; }
nav ul { margin:0; display:inline-table; position: relative; padding: 0; background: #0033FF; text-transform: uppercase; height: 45px; padding: 0px 20px;}
nav li { margin: 0; width: 220px; float: left; display: inline-block; height: 45px; text-align: center; color: #787876; letter-spacing: .1em;  border-right: 4px solid #FFFFFF; transition: all 0.3s; line-height: 45px; position: relative; z-index: 1000; }
nav ul li:hover, ul li.active { background: #0C7FCE; }
nav li a { padding: 0 0; display: block; line-height: 45px; letter-spacing: -1px; color: #ffffff; text-decoration: none; font-size: 1.2em; font-weight: 700; transition: all 0.3s ease;}
nav ul li a { /*display:block; padding:12px;*/ }
nav ul li a:hover { /*color: #e8c55a;*/ }
li.navFirst { /*border-left: 4px solid #FFB000;*/ border-left: 4px solid #FFFFFF; }

nav ul ul { visibility: hidden; display: none; opacity: 0; transition: visibility 0s, opacity 0.5s ease; width:220px; padding: 0; margin: 0; font-size: .8em; background-color: #999999; border-left: 1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right: 1px solid #FFFFFF; height: auto;}
nav ul li:hover > ul { display: block; opacity: 1; transition: visibility 0s, opacity 0.5s ease; visibility: visible; } 

nav ul ul { background-color: #FFFFFF; color: #333333;  /*line-height: 1.1em;*/ /*padding: 2px 8px 0 8px;*/ opacity: 0.96; font-size: .75em; }
nav ul ul li { float:none; display: block; border-right: none; text-align: left; /*line-height: 2.8em; */ line-height: 45px; }
nav ul ul li a { color: #FFFFFF; text-align:left; padding-left: 12px; line-height: 45px; }
nav ul ul li:hover { background: #0033FF; }
nav ul ul li a:hover { }

nav span { display: block; }

nav ul ul li.navSublink { font-size:.8em; padding-left:21px; background: url(../images/subnav_arrow.png)no-repeat 5px center; background-size:8px; }

nav ul li.navLast { border: 0; }

@media all and (min-width: 690px) {
	nav li { margin: 0; transform: skewX(-10deg);}
	nav a { padding: 0px 0px; color: #fff; }
	nav a:hover { color: #fff; background-color: #0C7FCE; }
	nav span { -webkit-transform: skewX(10deg); -moz-transform: skewX(10deg); -ms-transform: skewX(10deg); -o-transform: skewX(10deg);transform: skewX(10deg); line-height: 45px; }
	nav ul ul { transform: skewX(10deg); margin-left: 15px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; background-color: transparent; }
	nav ul ul.six { margin-left: 23px; }
	nav ul ul.five { margin-left: 19px; }
	nav ul ul.four { margin-left: 15px; }
	nav ul ul.three { margin-left: 11px; }
	nav ul ul.two { margin-left: 7px; }
	nav ul ul li { transform: skewX(0deg); background-color: #0033FF; }
	nav ul li:hover > ul { visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.5s linear; }
}


/*  Sticky Menu
--------------------------------------------------------------------------------------- */
#header_wrap.sticky { position: fixed; top:0; background-color: #ffffff; height: 70px; }
#headerLogo img#logo { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#headerLogo.sticky img#logo { position: fixed; width: 100px; }
#mainNav { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#mainNav.sticky { float: right; margin: 0 auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#subSearchFormContent.sticky, #top_links.sticky { display: none; }

/* Main Section Layout
--------------------------------------------------------------------------------------- */
#tagLine { text-align: center; padding: 8px 0; }
#tagLine h1 { color: #0033FF; }

/* Slider Section Layout
--------------------------------------------------------------------------------------- */
.serviceSlider, .unslider { position: relative; z-index: 0;  }
.serviceSlider h2 { font-size: 3em; color: #FFFFFF; text-shadow: 1px 1px 2px black, 0 0 25px #0C7FCE, 0 0 5px #0033FF; margin-top: 30px; }

.serviceSlider ul { width: 100%; position: relative; z-index: 50; }
.serviceSlider ul li {  }
.unslider img { width: 100%; }
nav.unslider-nav { width: 100%; height: 25px; text-align: center; background-color: #FFFFFF; }
nav.unslider-nav ol { display: block; width: 90px; margin: 0 auto; padding-top: 7px; }
nav.unslider-nav li { width: auto; }

.serviceSlider ul .sliderContent { padding: 20px 0px; z-index: 550; position: relative; top: 45%; width: 1000px; margin: 0 auto; margin-top: -350px; height: 350px;	color: #ffffff; }
.serviceSlider ul .sliderContent .sliderText { text-align: justify; display:inline-block; padding: 10px 24px; font-weight: normal; margin-top: 130px; max-height: 200px; text-shadow: 1px 1px 2px black, 0 0 25px #0C7FCE, 0 0 5px #0033FF; font-size: 1.5em;}
.serviceSlider ul .sliderContent .sliderText .callAction { font-family: 'Open Sans Condensed', sans-serif; }

@media all and (max-width: 1400px) {
	.serviceSlider h2 { display: inline-block; margin-top: 140px; font-size: 2em; margin-left: 100px; }
	.serviceSlider ul .sliderContent .sliderText { margin: 50px 100px 20px 100px;  }
}

/* Home Page Box Section Layout
--------------------------------------------------------------------------------------- */
#sectionBoxes { width: 1000px; margin: 0 auto; height: 280px; margin-top:20px; }
section.contentBox { width: 25%; float: left; box-sizing: border-box; height: 100%; padding: 0 10px; }
.contentBox img { width: 50px; display: block; margin: auto; }
.contentBox h5 { text-align: center; color: #0033FF; font-weight: bold; font-size: 1.5em; margin-top: 8px;}
.contentBox p { font-size: 0.85em; }

#socialBoxes { width: 1000px; margin: 0 auto; margin-top: 20px; height: 415px; border-top: 4px solid #0033FF; }
section.socialBox { width: 50%; float: left; box-sizing: border-box; padding: 15px; text-align: center; height: 100%; }
.socialBox img { width: 50px; float: left; margin: 6px 8px 10px 4px; }
.socialBox h5 { float: left; color: #0033FF; font-weight: bold; font-size: 1.5em; margin: 8px 0; display: block; text-align: left; }
.socialBox h5 span { font-size: .6em; display: inline-block; width: 100%; }
.socialBox h5 a { color: #0033FF; font-weight: bold; }
iframe { height: 275px !important;}

/* Breadcrumbs
--------------------------------------------------------------------------------------- */
#breadcrumbs { margin-top: 5px; }
#breadcrumbs ul { list-style: none; display: inline-table; }
#breadcrumbs ul li {	display: inline; }
#breadcrumbs ul li a { display: block; float: left; height: 20px; background: #0033FF; text-align: center; padding: 3px 40px 0 40px; position: relative; margin: 0 10px 0 0; font-size: 12px; text-decoration: none; color: #FFFFFF; }
#breadcrumbs ul li a:after { content: "";  border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #0033FF; position: absolute; right: -11px; top: 0; z-index: 1;	}
#breadcrumbs ul li a:before { content: "";  border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #FFFFFF; position: absolute; left: 0; top: 0; }
#breadcrumbs ul li:first-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#breadcrumbs ul li:first-child a:before { display: none; }
#breadcrumbs ul li:last-child a { padding-right: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#breadcrumbs ul li:last-child a:after { display: none; }
#breadcrumbs ul li a:hover {	background: #0C7FCE; }
#breadcrumbs ul li a:hover:after { border-left-color: #0C7FCE; }
#secondaryWrap #breadcrumbs ul li a:visited, #secondaryWrap #breadcrumbs ul li a:active, #secondaryWrap #breadcrumbs ul li a:link { color: #FFFFFF; }
		
		

/* Content Page Layout
--------------------------------------------------------------------------------------- */
#breadcrumbs { /*font-size: .9em; text-transform: uppercase; font-family: 'Open Sans Condensed', 'sans-serif'; */}

#contentWrap { }

#secondaryWrap { width: 1000px; margin: 0 auto; }
#secondaryWrap h1 { font-size: 2.5em; margin-bottom: 20px; color: #0033FF;}
#secondaryWrap img { border: 2px solid #CCCCCC; padding: 2px; }
#secondaryWrap a:link { color: #0C7FCE; }
#secondaryWrap a:visited { color: #0033FF; }
#secondaryWrap ul li a:visited, #secondaryWrap ul li a:active, #secondaryWrap ul li a:link { color: #0C7FCE; }
#secondaryWrap a:hover, #secondaryWrap ul li a:hover { color: #FFB000; }

section.sectionLeft { width: 60%; min-height: 600px; display: inline-block; }

section.sectionRight { width: 33%; min-width: 250px; float: right; }
.rightBox { float: right; clear: right; width: 100%; box-sizing: border-box; border-radius: 15px; padding: 12px; background-color: #AADAFA; color: #FFFFFF; font-weight: bold; font-family: 'Open Sans Condensed', 'sans-serif'; }
.rightBox h4 { font-size: 1.5em; color: #0033FF; margin: 0; padding: 0; font-family: 'Open Sans Condensed', 'sans-serif'; }
.rightBox ul { margin-bottom: 15px; }
.rightBox a { margin-left: 12px; }
#secondaryWrap .rightBox a:hover { color: #FFFFFF; }

.callActionLarge { float: right; display: inline; padding: 0 10px; padding: 10px; background-color: #FFB000; border-radius: 30px; transition: all 0.3s; margin-bottom: 20px; margin-right: 5px; }
#secondaryWrap .callActionLarge a { font-size: 2em; padding: 40px; text-transform: uppercase; line-height: 40px; color: #FFFFFF; font-weight: bold;  transition: all 0.3s; }
.callActionLarge:hover { background-color: #0C7FCE; }

.sectionLeft img { margin-bottom: 20px; }
.sectionLeft h3 { color: #0033FF; font-size: 1.8em; padding-bottom: 8px; margin-top: 20px; }
.sectionLeft h5 { font-size: 1.4em; }
.sectionLeft ul { list-style-type: circle; margin-left: 55px; }

@media all and (max-width: 1400px) {
	#breadcrumbs, #secondaryWrap h1 { margin-left: 12px; }
	.sectionLeft { margin-left: 18px; }
	.sectionRight { margin-right: 12px; }
}

.pageText { margin-left: 12px; padding-bottom: 20px; }
.pageText td.day { width: 60px; font-weight: bold; color: #0033FF; }
.pageText td.time { width: 90px; font-weight: bold;  color: #0033FF; }

.categoryBox { width: 100%; border-bottom: 3px solid #0033FF; margin-bottom: 20px; min-height: 140px; }
#secondaryWrap .categoryBox img { display: table-cell; width: 50px; margin: 42px 30px; float: left; vertical-align: middle; border: 0; }
.categoryBoxText { display: table-cell; }
.categoryBox h5 { float: left; font-size: 1.5em; margin-top: 4px; color: #0033FF; }
.categoryBox h5 a { font-weight: bold; }
.categoryBox p { float: left; }
.categoryLast { border: 0; }

img.libraryPicture { float: left; width: 120px; height: 90px; margin-right: 12px; }

#fireworksList { margin: 0 auto; border-bottom: 1px solid #000; }
#fireworksList .tableHeading { color: #0033FF; font-size: 1.8em; font-weight: bold; text-align: center; line-height: 2em;}
#fireworksList .tableBold { font-weight: bold; width: 44px; padding: 0 6px; }
#fireworksList .tableColor { color: #0033FF; width: 250px; }
#fireworksList .tableColor span { font-weight: bold; }
#fireworksList tr { line-height: 1.5em; }
#fireworksList td { border-top: 1px solid #000; }

/* Forms Layout
--------------------------------------------------------------------------------------- */
label { display: block; color: #0033FF; margin-bottom: 8px; font-family:"Asap", sans-serif; }
label.fieldRequired { font-weight: bold; }
input { display: block; margin-bottom: 20px; width: 400px; border-radius: 8px; line-height: 3em; padding: 0 20px; font-family:"Asap", sans-serif; border: 2px solid #DDDDDD; }
textarea { display:block; width: 400px; height: 200px; border-radius: 8px; padding: 20px; margin-bottom: 20px; font-family:"Asap", sans-serif; border: 2px solid #DDDDDD; }
input[type="radio"], input[type="checkbox"] { width: 40px; display: inline; clear: left; font-size: .75em; }
span.radioOption, span.checkboxOption { font-size: .85em; }
span.radioOption:after { content: ''; display: block; clear: both; }
input.sendButton { width: 125px; color: #FFFFFF; background-color: #0033FF; border: 0; line-height: 3em; min-height: 40px; margin-top: 20px; }
input.sendButton:hover { background-color: #0C7FCE; border: 0; }
label > span { display: block; font-size: .75em; width: 400px; }


/* Footer Layout
--------------------------------------------------------------------------------------- */

footer { width: 100%; background-color: #0033FF; margin-top: 20px; }
#footerWrap { width: 1000px; margin: 12px auto; color: #FFFFFF; padding: 8px 0; height: 110px; }
#footer p { margin: 0; padding: 0; }
.footerLinks { width: 500px; float: right; }
.footerLinks ul { display: inline-table; float: right; }
.footerLinks ul li { display: inline-block; padding: 0 20px; text-transform: uppercase; }
.footerCopyright { float: right; clear: right; margin: 20px; }
.footerAddress { float: left; width: 200px; height: 140px; margin: 0; padding: 0; margin-left: 12px; }
.footerAddress h4 { width: 220px; font-size: 1em; color: #0C7FCE; margin: 0; padding: 0; }
.footerAddress ul { display: inline-table; float: left;}
.footerAddress ul li { display: block; padding: 0 3px; }

@media all and (max-width: 1400px) {
	.footerCopyright { margin-right: 18px; }
}

/* Custom Div layout
--------------------------------------------------------------------------------------- */
#choiceCharter, #choiceCruise { display: none; }

/* Form Validation
--------------------------------------------------------------------------------------- */
.invalid input:required:invalid { background: #0C7FCE; }
.invalid input:required:valid { background: #FFFFFF ;
}