/******************************************************************
Theme Name: TheLostSea Custom
Theme URI: http://thelostsea.com
Description: A custom design for The Lost Sea
Author: Mikki Design
Author URI: http://mikkidesign.com
Version: 1.0
Tags: 

Foundation Version: 5.2.1

---------------------------------------------------------------

Because this file is not being used for styles,
feel free to use it to leave notes to yourself.

******************************************************************/
h2 {font-family: 'Indie Flower', cursive!important; color:#9E7750;}
h3,h4 {color:#035E3F;}
p, a,h1,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif!important;;
}
hr {
    border: solid #000;
    border-width: 1px;
}
#sidebar1 a:hover {background:none; color:#083018;}

body.logged-in .sticky.fixed {margin-top:32px;}

/*#inner-footer { width: 62.5rem; }*/
header .columns {padding:0;}
.header {margin-bottom:0;}

body { 
	background-color:#000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://thelostsea.com/wp-content/uploads/2015/02/BackGround.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://thelostsea.com/wp-content/uploads/2015/02/BackGround.jpg', sizingMethod='scale')";
	background-image: url('http://thelostsea.com/wp-content/uploads/2015/02/BackGround.jpg'); background-size:100% 100%; background-size:100%; background-attachment: fixed; background-repeat: no-repeat;
}

#inner-content { background:rgba(255, 255, 255, .8);}
.rslides_container {margin-bottom:0;}
.rslides_container p.caption {display: none!important; }

.top-bar {background:#083018;}
.top-bar-section li:not(.has-form) a:not(.button):hover { background:#f3ef2e; color:#083018;}
.top-bar-section li:not(.has-form) a:not(.button) {background:#083018;}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {background:#f3ef2e;}
.top-bar-section li.active:not(.has-form) a:not(.button) {color:#083018; background:#f3ef2e;}


footer { color: #fff; width: 100%; text-align: left; }
#inner-footer { margin: auto; float: none; }
#inner-footer div > p { width: 33.1%; display: 	inline-block; float: left; }
#inner-footer div p:nth-child(2n) { text-align: center; }
p.source-org.copyright { float: right; text-align: right; }

div#main {
padding-top: 2em;
}
#sidebar1 a { display: inline-block; height: auto; width: auto; }

table {
    margin: auto;
    margin-bottom: 1.25rem;
}


	/********************************************
		Visual Form Builder
	********************************************/
#content .visual-form-builder fieldset, #content .vfb-section-div {
		background:none; border:none;
	}
	#content .visual-form-builder label, #content label.vfb-desc {
		text-transform: uppercase; color:#656565; font-weight:normal;
	}
	#content .visual-form-builder label.vfb-choice {
		color:#006599;
	}
	#content .vfb-submit, #content input[type="submit"].vfb-submit {
		padding:10px 20px; background:#0099CB; color:white; margin:10px 0px; display:block; font-size:16px; float:right;
		-webkit-box-shadow:  0px 5px 10px 2px #222; box-shadow:  0px 5px 10px 2px #222; border:none;
	}

/********************************************************************************
	Media Queries
********************************************************************************/

@media only screen and (min-width: 40.0625em) and (max-width: 62.5em){
	.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) { line-height: 30px; padding: 0 5px; }
	.top-bar { line-height: 30px; height: 30px; } .top-bar-section ul li>a { font-size: .66rem; }
}
@media only screen and (max-width: 900px) {
	.entry-content p a { display: inline-block; float: left; padding-right: 15px;}
}

@media only screen and (max-width: 640px) {
	#sidebar1 div div p { float: none; margin: 10px auto; text-align: center!important; }
	h4.widgettitle { text-align: center; }
	div#jsj-gallery-slideshow-gallery-container-1 { width: 225px; float: left; }
	.post-20 .entry-content p img {float: right;}
	.wp-forecast-curr-block { margin: 10px auto; display: inline-block; float: none!important; }
	.wp-forecast-curr-details { display: none; }
	.wp-forecast-fc > div { display: inline-block; float: left; width: 33%;	}
	.wp-forecast-fc { display: inline-block; width: 100%; }
	.wp-forecast-fc .wp-forecast-fc-block .wp-forecast-fc-right { width: 40%; }
	.visual-form-builder-container .visual-form-builder .vfb-fieldset .vfb-section input[type="text"], 
	.visual-form-builder .vfb-section li.vfb-left-half, 
	.visual-form-builder .vfb-section li.vfb-middle-half, 
	.visual-form-builder .vfb-section li.vfb-right-half, 
	.visual-form-builder-container .visual-form-builder .vfb-fieldset .vfb-section textarea, input.vfb-medium { width:100%!important; }
}
@media only screen and (max-width: 600px) {
	.post-20 .row .small-5, .post-20 .row .small-7, .post-22 .row .small-6, .post-24 .row .small-6 { width: 100%!important; }
	.post-20 .gallery-container, .post-22 .gallery-container, .post-24 .gallery-container { width: 50%!important; float: none!important; margin: auto; }
	.post-20 .gallery-container img, .post-22 .gallery-container img, .post-24 .gallery-container img { width: 100%!important; float:none!important; margin: auto; }
	.post-20 .entry-content p img {float: none; width: 50%; margin:auto; display: block; }
}

@media only screen and (max-width: 416px) {
	.post-20 .gallery-container, .post-22 .gallery-container { width: 75%!important; float: none!important; margin: auto; }
	.post-20 .entry-content p img {float: none; width: 75%; margin:auto; display: block; }
	#inner-footer div > p { width: 100%; text-align: center; }
	.wp-forecast-fc > div { display: block; float: none; width: 50%;margin:auto; }
	.wp-forecast-fc div { text-align: center; }
	.wp-forecast-fc { display: inline-block; width: 100%; }
	.wp-forecast-fc .wp-forecast-fc-block .wp-forecast-fc-right { width: 120px; }
	.wp-forecast-curr-head div { font-size: 16px; }
}