/*!
Theme Name: Detour Lighthouse 
Author: Elegant Seagulls
Author URI: http://elegantseagulls.com
*/


/* Navigation Styles
-------------------------------------------------------------- */

#site-navigation { position: fixed; top: 0px; width: 100%; left: 0px; height: 70px; background-color: #1f3c59; padding-top: 8px; z-index: 100; }

.facebook { position: absolute; margin-top: -2px; right:-36px;}


/* Nav Menu Styles
-------------------------------------------------------------- */

.menu-link { display: none; float: right; text-decoration: none; padding: 7px 10px;}

.menu {margin-top: 0px; z-index: 100; position: relative; float: right; max-width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.menu ul { padding: 0px; margin: 0px 0px 0px 0px; list-style: none; position: relative; display: inline-table;}

.menu > li > ul.sub-menu { min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #27425e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}

.menu ul:after { content: ""; clear: both; display: block; }

.menu ul li { padding: 0px;}

.menu > ul > li { display: inline-block;}

.menu ul li a { display: block; text-decoration: none; color: #a3b7cc; font-size: 11px;}

.menu ul li a:hover { color: #edd5a1;}

.menu ul li a span { color: #edd5a1;}

.menu ul li > a { height:58px; padding: 19px 12px;}

.menu ul ul { display: none; position: absolute;  top: 70%; min-width: 160px; background-color: #2e4e6f; border: 1px solid #27425e; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}

.menu ul li:hover > ul { display: block;}

.menu ul ul > li { border-top: solid 1px #27425e; position: relative;}

.menu ul ul > li a { padding: 15px 15px 15px 15px; height: auto; background-color: #2e4e6f; -webkit-transition: background-color 0.2s ease-out;   -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }

.menu ul ul > li a:hover { background-color: #27425e; color: #edd5a1;}

.menu ul ul ul { position: absolute; left: 100%; top:0;}


/* Slideshow Styles
-------------------------------------------------------------- */

#slide-show { position: relative; z-index: 99; padding-top: 78px; max-height: 550px;}

.cycle-slideshow { position: relative; z-index: 99;}

.slide { width: 100%; height: 550px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.one { background: url(img/lighthouse-small2.jpg) no-repeat center center;}

.two { background: url(img/lighthouse-small.jpg) no-repeat center center;}

.overlay { color: #ffffff; position: absolute; top: 60px; width: 80%; z-index: 600;}

.overlay header strong{text-transform: uppercase; font-weight: 700; font-size: 14px;}

.overlay header h1 {font-size: 36px; margin: 0px; padding: 0px;}

.intro-container { width: 80%;}

.intro-container a { color: #132e49; font-weight: 400;}

.intro-container a:hover { color: #1f3c59;}


/* Stay or Visit Styles
-------------------------------------------------------------- */

#map { position: absolute; left: 0px; top: 0px; width: 606px; height: 408px; background: url(img/map.jpg);}

.circle-button {line-height: 24px; letter-spacing: .06em; text-align: center; position: absolute; display: block; background: url(img/circle-button.png); color: #fff; padding-top: 37px; height: 122px; width: 159px; font-family: 'Antic Didone', serif; font-size: 20px; text-shadow: 0px 0px 2px #666; }

.circle-button span {font-size: 12px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}

.circle-button:hover {color: #1f3c59;}

.tours {bottom: 110px; right: 20px;}

.programs {top: 26px; left: 0px;}

#visit-gallery {position: relative; text-align: center;}

#visit {overflow: hidden; position: relative; background: #fff url(img/texture-top.jpg) top left repeat-x; padding-top: 80px; color: #332c22;}

#visit strong {text-transform: uppercase; color: #639eb9; font-weight: 700; font-size: 14px; }

#visit h2 {color: #1f3c59; font-size: 36px; margin: 0px;}

.page-title {font-size: 48px;}

.blog-post figure img{height: auto; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.blog-post figure {float: right; width: 40%;}

.post-content {float: left; width: 55%; margin-right: 5%;}

.single-post figure img{height: auto; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.single-post figure {float: right; width: 40%; padding-left: 20px;}

/* Events, Donations, & Post Styles
-------------------------------------------------------------- */

#top {padding-top: 60px; border-top: solid 1px #bfbfbf;}

.top-line {background: url(img/middle-line-top.png) center top repeat-x;}

.middle-line {background: url(img/middle-line.png) center repeat-y;}

.events {background: url(img/event-texture.jpg) repeat;}

.events figure {margin: 0 auto 35px auto; width: 423px; height: 214px; overflow: hidden; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.events figure img {width: 100%; height: auto;}

.events article {text-align: center; padding: 40px 40px;}

.events article a:hover{color: #1f3c59;}

.events article h2{margin: 0px; font-size: 14px; color: #5a99b6; font-weight: 700; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase;}

.events article h3 {font-size: 24px; font-weight: 400; width: 70%; margin: 0 auto;}

.events article h3 a{color: #1f3c59;}

.events article h3 a:hover{color: #5a99b6;}


/* Events, Donations, & Post Styles
-------------------------------------------------------------- */

#footer {overflow: hidden; position: relative; background: #1f3c59 url(img/footer-gradient.png) bottom left repeat-x; border-top: solid 10px #223a4e; padding: 80px; height: 458px; color: #638fb7; font-size: 13px;}

#footer a:hover {color: #fff; }

.footer-image {width: 624px; height: 510px; position: absolute; right: 0px; bottom: 0px; background: url(img/lighthouse-footer.jpg) no-repeat;}

.footer-nav {margin-bottom: 20px;}

.footer-nav strong {color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700;}

.footer-nav ul {list-style-type: none; margin: 0px; padding: 0px;}

.footer-nav ul li {margin: 6px 0px;}

.footer-nav a {color: #a3b7cc; font-size: 15px; font-family: 'Antic Didone', serif; font-weight: 400; }

.footer-nav a:hover {color: #fff; }


/* Contact Page - Form Styles
-------------------------------------------------------------- */

#contact {margin-top: 20px;}

.form {width: 94%; height: 30px; padding: 10px 3%; margin-bottom: 20px; border: none; background-color: #e9e9e9; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #332c22; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.form-area {width: 94%; height: 120px; padding: 10px 3%; margin-bottom: 20px; border: none; background-color: #e9e9e9; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #332c22; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.button {width: 230px; height: 60px; padding: 20px 0px; margin-bottom: 30px; text-align: center; border: none; background-color: #4e8aaa; color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase;}

.button:hover {background-color: #ffffff; border: 4px solid #4e8aaa; height: 60px; padding: 16px 0px 20px 0px; color: #4e8aaa;}


/* Basic Styles
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-family: 'Antic Didone', serif; line-height: auto; font-weight: 500;}

h1 { font-weight:400; margin:0px; }

h2 { font-weight:400; margin:0px; font-size:45px; line-height:45px; }

h3 { font-weight:400; margin:0px; font-size:20px; line-height:30px; }

h4 { font-weight:400; margin:0px; font-size:16px; line-height:26px; }

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

body {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; color: #1C1914;}

p {line-height: 28px;}

img {border: none}

a {text-decoration: none; color: #4e8aaa;}

a:hover {color: #1f3c59;}

a img {border: none;}

.clear {clear: both;}

input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}

form {margin: 0;}

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; /* 3 */}

button, input {line-height: normal;}


/* Responsive Tables classes
-------------------------------------------------------------- */


.interior {border: 2px solid #0d599a;}

.table{
	display:table;	/* Defines a Table */
	font-size:12px;
	border-bottom:2px solid #f2f3e3;
	color:#0090c9;
	margin:10px 0;
	width: 100%;
}

.table-elite{
	display:table;	/* Defines a Table-Elite */
	font-size:12px;
	border-bottom:2px solid #f2f3e3;
	color:#0d599a;
	margin:10px 0;
	width: 100%;
}
.table-head{
	 display: table-header-group; /* Defines a table header group */
}
.table-head .column{ /* Column inside the table-head */
	background:#638fb7;
	color:#f2f3e3;
	border-right:1px solid #f2f3e3;
	border-bottom:none;
}

.table-subhead{
	 display: table-header-group; /* Defines a table header group */
}
.table-subhead .column{ /* Column inside the table-head */
	background:#e3e3e3;
	color:#0090c9;
	border-right:1px solid #f2f3e3;
	border-bottom:none;
}
.table-head-elite{
	 display: table-header-group; /* Defines a table header group */
}


.table-head-elite .column{ /* Column inside the table-head */
	background:#0d599a;
	color:#f2f3e3;
	border-right:1px solid #f2f3e3;
	border-bottom:none; }

.table-head-elite .column:hover{ /* Column hover inside the table-head */
	background:#d7d7ca;
	color: #0d599a;
}
.row{
	display:table-row; /* Defines a table row */
}
.row .column:nth-child(1){ /* First column in a row */
	border-left:1px solid #f2f3e3;
}
.row:last-child .column{  /* column in a last row */
	border-bottom:none;
}
.column{
	display:table-cell; /* Defines a table cell */
	padding:10px 10px;
	border-bottom:1px solid #f2f3e3;
	border-right:1px solid #f2f3e3;
}

.label {display:block; font-size: 32px; line-height: 26px; margin: 0px; color: #004382;}

.first {color: #0d599a; font-weight: bold;}



/* Default WordPress classes
-------------------------------------------------------------- */

.alignnone {margin: 5px 20px 20px 0}

.aligncenter,
div.aligncenter {display: block; margin: 5px auto 5px auto;}

.alignright {float: right;  margin: 5px 0 20px 20px;}

.alignleft {float: left; margin: 5px 20px 20px 0;}

.aligncenter {display: block;  margin: 5px auto 5px auto;}

.alignright img {float: right; margin: 5px 0 20px 20px; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.alignleft img {float: left; margin: 5px 30px 10px 0; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.aligncenter img {display: block; margin-right: auto; margin-left: auto; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

a img.alignright {float: right; margin: 5px 0 20px 20px; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

a img.alignnone {margin: 5px 20px 10px 0; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

a img.alignleft {float: left; margin: 5px 30px 10px 0; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

a img.aligncenter {display: block; margin-right: auto; margin-left: auto; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

img.alignright {float: right; margin: 5px 0 20px 20px; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

img.alignnone {margin: 5px 20px 10px 0; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

img.alignleft {float: left; margin: 5px 30px 10px 0; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

img.aligncenter {display: block; margin-right: auto; margin-left: auto; border: solid 8px #fff; -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5); box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.5);}

.line {border-top: solid 1px #bfbfbf; margin: 40px 0px; clear: both;}