/*================================================================================================================

Theme Name: Captain
Theme URI: http://www.demo.shortithemes.com/captain/
Description: A powerful WordPress theme made for brave bloggers who share various types of information such as images, videos, audio, quotes, galleries, and more!
Author: Shorti
Author URI: http://www.shortithemes.com/
Version: 1.2
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, flexible-width, custom-menu, featured-images, post-formats, theme-options, translation-ready
Text Domain: shorti

                                                     
================================================================================================================*/

/* IMPORTANT: Do not edit the "Theme Name" above.  You will break the "Theme Options" panel. */



@import url("functions/css/shortcodes.css");



/*========================================================

	BEGIN Reset

========================================================*/
	
	.clearfix:after {
	    content: "";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    font-size: 0;
	    height: 0;
	}
	
	.clearfix {
	    *display: inline-block;
	    height: 1%;
	}
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
	}
	
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	:focus { outline: 0; }
	ins, a { text-decoration: none; }
	a, input[type=submit], button[type=submit] { cursor: pointer; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	
	
/*========================================================

	BEGIN Other Fonts

========================================================*/

	@font-face {
		font-family: "Maven Pro Light 200";
		src: url('font/MavenProLight-200.otf');
	}
	
	@font-face {
		font-family: "Maven Pro Light 300";
		src: url('font/MavenProLight-300.otf');
	}
	
	
	
/*========================================================

	BEGIN Main

========================================================*/
	
	html {}
	
	body {
		color: #646464;
		font-size: 16px;
		line-height: 28px;
		padding: 0;
		margin: 0;
		background: #fff;
	}
	
	::-moz-selection, ::selection { color: #fff; }
	
	address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	
	address { color: #fff; }
	
	p { margin-bottom: 30px; }
	a { text-decoration: none; }
	
	input, textarea, select {
		font-size: 16px;
		vertical-align: middle;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	button::-moz-focus-inner { padding:0; border:0 }
	button { padding: 0; border: none; background: none; }
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "Maven Pro Light 200", Helvetica, Arial, sans-serif;
		font-weight: 400;
		margin-bottom: 25px;
		line-height: 1em;
	}

	h1 {
		font-size: 42px;
		text-transform: uppercase;
		line-height: 1.2em;
	}
	
	h1 span {
		font-weight: 300;
	}
	
	h2 {
		font-size: 24px;
		line-height: 1.6em;
		text-transform: uppercase;
	}
	
	h3 {
		font-size: 20px;
		line-height: 1.6em;
	}
	
	h4 {
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
		text-transform: uppercase;
	}
	
	h5 {
		font-size: 12px;
		font-weight: 300;
		line-height: 1.7em;
		text-transform: uppercase;
	}
	
	h6 {
		font-size: 10px;
	}
	
	hr {
		border: 1px solid #fff;
	}
	
	blockquote {
		color: #a4a4a4;
		font-style: italic;
		font-weight: lighter;
		padding-left: 30px;
		margin-left: 30px;
		border-left: 5px solid #a4a4a4;
	}
	
	.center { text-align: center; }
	
	.under { text-decoration: underline; }
	
	.underlined {
		padding-bottom: 60px !important;
		margin-bottom: 60px;
		border-bottom: 1px solid #efefef;
	}
	
	.none { display: none; }
	
	.nomargin { margin: 0; }
	
	#main img {
		max-width: 100%;
		height: auto;
	}
	

/*========================================================

	BEGIN Layout & Global Elements

========================================================*/
	
	#control {
		width: 27%;
		height: 100%;
		position: fixed;
		float: left;
		display: block;
		z-index: 10;
	}
	
	#control #c_bg {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: .1;
	}
	
	#control #side {
		width: 100%;
		height: 100%;
		position: relative;
		display: block;
		overflow: hidden;
		outline: none;
	}
	
	#control #side .side-inner {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 85px 0;
		overflow-x: hidden;
		overflow-y: scroll;
		position: absolute;
		outline: none;
	}
	
	#control #side a {
		color: #fff;
	}
	
	#main {
		width: 73%;
		padding-bottom: 75px;
		margin-left: 27%;
	}
	
	#main #content {
		width: 100%;
		padding: 85px 0 0 0;
		position: relative;
	}
	
	.page #main #content {
		width: 100%;
		padding: 85px 0 0 0;
	}
	
	.blog #main #content .section {
		width: 100%;
		padding: 0;
	}
	
	.padL {
		width: 92%;
		padding: 0 0 0 8%;
	}
	
	#meta {
		width: 12%;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		background: #f5f5f5 url(images/meta_pat.png) top right repeat-y;
		z-index: -1;
	}
	
	.left_side,
	#crumbs {
		width: 72%;
		float: left;
	}
	
	.right_side {
		color: #b8b8b8;
		width: 10%;
		float: left;
		margin-left: 14%;
	}
	
	.page #meta,
	.single-folio #meta,
	.error404 #meta {
		display: none;
	}
	
	#crumbs {
		font-size: 10px;
		margin-bottom: 20px;
	}
	
	#page_title {
		clear: both;
	}
	
	.section {
		width: 88%;
		padding: 0 6% 30px 6%;
		margin-bottom: 50px;
		border-bottom: 1px solid #efefef;
		/*overflow: hidden;*/
	}
	
	#logo,
	#widgets {
		width: 85%;
		padding-left: 15%;
	}
	


/*========================================================

	BEGIN Side

========================================================*/
	
	#side #logo h1 {
		overflow: hidden;
		line-height: 1;
		margin-bottom: 10px;
	}
	
	#side #logo a {
		font-style: normal;
		text-decoration: none;
		display: block;
	}
	
	#side #logo .ret {
		display: none;
	}
	
	#side #logo .plain_text {
		margin: -6px -7px 10px 0;
	}
	
	#side #logo .sub {
		font-size: 14px;
		font-weight: 300;
		text-transform: none;
	}
	
	#side #nav {
		width: 86%;
		padding-left: 15%;
		margin: 40px 0;
		overflow: hidden;
	}
	
	#side #nav .mobile {
		display: none;
	}
	
	#side #nav > ul,
	#side #nav > ul > li,
	#side #nav > div > ul,
	#side #nav > div > ul > li {
		width: 100%;
	}
	
	#side #nav ul li {
		line-height: 28px;
		margin-bottom: 10px;
		clear: both;
		float: left;
	}
	
	#side #nav ul li a {
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 1em;
	}
	
	#side #nav ul li i {
		padding-right: 10px;
		margin-left: -3px;
	}
	
	#nav .current_page_item > a,
	#nav .current-menu-item > a {
		color: #fff !important;
	}
	
	#nav .current_page_item,
	#nav .current-menu-item {
		background: url(images/current.png) center right no-repeat;
	}
		
	/* Sub */
	
		#side #nav ul ul {
			display: none;
			position: relative;
			padding: 20px;
		}
		
		#side #nav ul ul li {	
			width: 100%;
			margin-left: 0;
			float: left;
			clear: both;
			margin-top: 15px;
			line-height: 1;
		}
		
		#side #nav ul ul li:first-child {
			margin-top: 0;
		}
		
		#side #nav ul ul li a {
			font-size: 12px;
			padding-left: 0;
			display: block;
		}
		
		#side #nav ul ul li span {
			display: none;
		}	
			
	/* Mobile Nav*/

		#mobile_nav {
			width: 25px;
			height: 25px;
			float: right;
			text-align: center;
			display: none;
			position: relative;
			margin-top: 8px;
		}
		
		#mobile_nav > i {
			z-index: -1;
			position: absolute;
		}
		
		#mobile_nav select {
			width: 20px;
			height: 20px;
			text-indent: -9999px;
			padding: 0;
			margin: 0;
			-webkit-appearance: none;
			border: none !important;
			position: absolute;
			z-index: 1;
			background: none;
		}
		
		#mobile_nav select:hover {
			color: #fff;
			cursor: pointer;
		}	
	

/*========================================================

	BEGIN Content

========================================================*/

	#content {
		
	}
		
	/*=============================
	
		BEGIN Blog
	
	=============================*/
	
	.post {
		clear: both;
		float: left;
		padding-bottom: 60px;
		margin-bottom: 60px;
		position: relative;
		border-bottom: 1px solid #efefef;
	}
	
	.post .right_side {
		position: relative;
		padding-top: 10px;
		
	}
	
	.post .post_icon {
		width: 100%;
		font-size: 42px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.post .post_date {
		margin-bottom: 30px;
	}
	
	.post .post_date .dateM,
	.post .post_date .dateD,
	.post .post_date .dateY {
		text-align: center;
	}

	.post .post_date .dateM {
		font-size: 22px;
		margin-bottom: 5px;
		line-height: 1;
	}
	
	.post .post_date .dateD {
		font-size: 48px;
		line-height: 26px;
		margin-bottom: 5px;
	}
	
	.post .post_date .dateY {
		font-size: 20px;
		line-height: 1;
	}
	
	.post .post_more,
	.post .post_back {
		color: #b8b8b8;
		text-align: center;
		display: block;
	}
	
	.post .post_title {
		display: block;
		margin-bottom: 20px;
	}
	
	.post .post_title a {
		font-style: normal;
		display: block;
	}
	
	.post .post_excerpt p {
		margin-bottom: 0;
	}
	
	.post .post_social {
		margin-top: 30px;
		clear: both;
		overflow: hidden;
	}
	
	.post .post_social .fb-like,
	.post .post_social .twitter-share-button {
		float: left;
		margin-right: 20px;
	}
	
	.post .post_social .twitter-share-button {
		margin-top: 5px;
	}
	
	.post .post_thumb,
	.post .post_video,
	.post .post_audio,
	.post .flexslider {
		padding: 30px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 30px;
		overflow: hidden;
		position: relative;
		background: #f5f5f5;
	}
	
	#post_nav {
		clear: both;
		overflow: hidden;
		padding-bottom: 20px;
	}
		
	/* Image */
	
		.format-image .post_thumb a {
			display: block;
		}
		
		.format-image .post_thumb a img {
			max-width: 100%;
			height: auto;
			float: left;
			-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		}
		
	/* Video */
	
		.format-video .post_video .post_video_inner {
			padding-bottom: 56.25%;
			position: relative;
		}
		
		.format-video .post_video .post_video_inner iframe,
		.format-video .post_video .post_video_inner object,
		.format-video .post_video .post_video_inner embed {
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		}
		
	/* Gallery */
	
		.format-gallery .post_title {
			text-align: center;
		}
		
		.format-gallery .flexslider {
			overflow: visible;
			position: relative;
			margin-bottom: 60px;
		}
		
		.format-gallery .flexslider .slides {
			-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		}
				
	/* Quote */
	
		.format-quote .quote {
			line-height: 1.8em;
			font-style: italic;
		}
		
		.format-quote .author,
		.format-quote .author a {
			color: #757575;
			font-style: normal;
			margin-bottom: 0;
		}
		
		.single .author {
			margin-bottom: 50px;
		}
		
	/* Audio */
	
		.format-audio .jp-audio-container {
			-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
		}
		
	/*=============================
	
		BEGIN Archives
	
	=============================*/
	
	#archives .bump {
		margin-bottom: 40px;
	}
		
	#archives ul li {
		list-style-type: none;
	}
	
	/*=============================
	
		BEGIN Portfolio
	
	=============================*/
	
	.page-template-custom-portfolio-php #page_title,
	.page-template-custom-portfolio-php #crumbs {
		width: 100%;
		text-align: center;
	}
	
	#project_sort {
		width: 100%;
		float: left;
		overflow: hidden;
		position: relative;
		margin: 10px 0;
	}
	
	#project_sort > .filter {
		list-style: none;
		padding: 0;
		margin: 0;
		clear: left;
		float: left;
		left: 50%;
		position: relative;
	}
	
	#project_sort #filter_drop {
		width: 100% !important;
		display: none;
	}
	
	#project_sort > .filter > li {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0 8px;
		position: relative;
		float: left;
		right:50%;
	}
	
	#project_sort > .filter > li > a {
		margin: 0;
	}
		
	#hidden_projects {
		display: none;
	}
	
	#projects {
		width: 105%;
		overflow: visible !important;
		clear: both;
		float: left;
		margin-top: 40px;
	}
	
	#projects .project {
		width: 28%;
		float: left;
		margin: 0 5% 40px 0;
	}
		
	#projects .project img {
		float: left;
	}
	
	#projects .project .project_thumb {
		display: block;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 5%;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #f5f5f5;
		-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
	   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
	}
	
	#projects .project .project_title {
		text-align: center;
		clear: both;
		margin-bottom: 0;
	}
	
	#projects .project .project_links {
		text-align: center;
		font-size: 12px;
	}
	
	#projects .project .project_links i {
		font-size: 16px;
	}
	
	#projects .project .project_links .project_view {
		padding-right: 5px;
	}
	
	#projects .project .project_links .project_enlarge {
		padding-left: 5px;
	}
	
	#project_nav {
		display: none;
	}
	
	.loader {
		position: fixed;
		top: 20px;
		right: 0;
		display: none;
		z-index: 1000;
	}
	
	.empty_thumb {
		color: #fff;
		width: 100%;
		height: 150px;
		line-height: 150px;
		font-weight: 300;
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.single-folio .project_thumb {
		display: block;
		overflow: hidden;
		-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
	   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
	}
	
	.single-folio .one-third {
		overflow: visible;
	}
	
	/* Animation */
	
		.isotope,
		.isotope .isotope-item {
		  -webkit-transition-duration: 0.5s;
		     -moz-transition-duration: 0.5s;
		      -ms-transition-duration: 0.5s;
		       -o-transition-duration: 0.5s;
		          transition-duration: 0.5s;
		}
		
		.isotope {
		  -webkit-transition-property: height, width;
		     -moz-transition-property: height, width;
		      -ms-transition-property: height, width;
		       -o-transition-property: height, width;
		          transition-property: height, width;
		}
		
		.isotope .isotope-item {
		  -webkit-transition-property: -webkit-transform, opacity;
		     -moz-transition-property:    -moz-transform, opacity;
		      -ms-transition-property:     -ms-transform, opacity;
		       -o-transition-property:      -o-transform, opacity;
		          transition-property:         transform, opacity;
		}
		
		/**** disabling Isotope CSS3 transitions ****/
		
		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
		  -webkit-transition-duration: 0s;
		     -moz-transition-duration: 0s;
		      -ms-transition-duration: 0s;
		       -o-transition-duration: 0s;
		          transition-duration: 0s;
		}
		
	/* Project Box */
	
		#project_box {
			position: relative;
			padding-top: 50px;
			margin: 0 0 20px 0;
			display: none;
			clear: both;
		}
		
		#project_box .close {
			font-size: 32px;
			display: none;
			position: absolute;
			right: 20px;
			top: 70px;
		}
		
		#project_box .project_load {
			clear: both;
			overflow: hidden;
			padding: 5%;
			display: none;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: #f5f5f5;
		}
		
		#project_box .project_info {
			margin-bottom: 20px;
		}
		
		#project_box .project_info p {
			font-size: 12px;
			margin-bottom: 0;
		}
		
	/*=============================
	
		BEGIN Contact
	
	=============================*/
		
		#contact_form {
			width: 100%;
			min-height: 200px;
			position: relative;
			overflow: hidden;
		}
		
		#contact_form input, 
		#contact_form textarea {
			width: 93%;
			height: 40px;
			padding: 0 3%;
			margin: 0 0 20px 0;
			display: block;
			font-size: 14px;
			color: #fff;
			border: none;
			background: #f5f5f5;
		}
		
		#contact_form textarea {
			height: 120px;
			padding-top: 10px;
		}
		
		#contact_form label {
			color: #a7abad;
			font-size: 11px;
			font-weight: 500;
			text-transform: uppercase;
			position: absolute;
			margin: 6px 0 0 10px;
		}
		
		#contact_form #loader {
			position: absolute;
			bottom: -33px;
			right: 65px;
			display: none;
		}
		
		#submit_button {
			height: 36px;
			line-height: 24px;
		}
		
		#send_message {
			color: #9ecb5f;
		}
		
		/* Map */
		
			#map {
				max-width: 100%;
				margin-bottom: 30px;
				padding: 30px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 30px;
				overflow: hidden;
				position: relative;
				background: #f5f5f5;
			}
			
			#map #map-canvas {
				-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
			   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .2);
			   	border: 5px solid #fff;
			}
			
			#map img {
				max-width: none;
			}
			
			#map > div {
				height: 350px;
			}
		
		
		
/*========================================================

	BEGIN Widgets - If Widgets are turned on

========================================================*/

	#widgets {
		color: #fff;
	}
	
	.widget {
		width: 85%;
		padding: 20px 15% 0 0;
		margin-top: 30px;
		clear: both;
	}
	
	.widget .widget-title {
		font-size: 11px;
		font-weight: 500;
		opacity: .7
	}
		
	.widget input[type="text"] {
		width: 90%;
		height: 15px;
		padding: 10px 5%;
		border: none;
		outline: none;
	}
	
	.widget ul a {
		font-weight: 300;
	}
	
	.widget ul li {
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	/* Recent Entries */
	
		.widget_recent_entries .post-date {
			font-size: 11px;
			font-style: italic;
			clear: both;
			display: block;
			margin-bottom: 20px;
		}
	
	/* Calendar */
		
		.widget_calendar #wp-calendar {
			width: 100%;
			border: 1px solid #222;
		}
		
		.widget_calendar #wp-calendar a {
			color: #fff;
		}
		
		.widget_calendar #wp-calendar caption {
			padding-bottom: 10px;
		}
		
		.widget_calendar tbody .pad {}
		
		.widget_calendar #wp-calendar > tbody > tr > td > a {
			font-size: 14px;
			font-weight: bold;
		}
		
		.widget_calendar thead > tr > th {
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			border: 1px solid #222;
			border-top: none;
		}
		
		.widget_calendar tbody > tr > td {
			width: 24px;
			height: 24px;
			line-height: 24px;
			color: #a7abad;
			font-size: 11px;
			text-align: center;
			border: 1px solid #222;
		}
		
		.widget_calendar tfoot > tr > td > a,
		.widget_calendar tfoot > tr > td > a:link,
		.widget_calendar tfoot > tr > td > a:visited,
		.widget_calendar tfoot > tr > td > a:hover,
		.widget_calendar tfoot > tr > td > a:active {
			font-weight: bold;
			font-size: 14px;
		}
		
		.widget_calendar tfoot > tr > #prev {
			width: 58px;
			height: 20px;
			text-align: left;
			padding-left: 5px;
		}
		
		.widget_calendar tfoot > tr > #next {
			width: 58px;
			height: 20px;
			text-align: right;
			padding-right: 5px;
		}
		
	/* Search */
	
		#searchsubmit,
		.screen-reader-text {
			display: none;
		}
		
	/* Shorti Social */
	
		.shorti_social {
			margin-top: 20px;
		}
	
		.shorti_social li {
			float: left;
			list-style-type: none;
			margin: 0 5px 20px 0;
		}
		
		.shorti_social li a {
			font-size: 24px;
			display: block;
		}



/*========================================================

	BEGIN Footer

========================================================*/

	#footer {
		height: 42px;
		float: left;
		padding: 0 6%;
	}
	
	.blog #footer,
	.category #footer,
	.single-post #footer {
		padding: 0 8% !important;
	}
	
	.copy {
		font-size: 12px;
		color: #c5c5c5;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 42px;
		padding-right: 30px;
		margin-bottom: 0;
		text-align: right;
	}
	


/*========================================================

	BEGIN Required WP Styles

========================================================*/

	.wp-caption,
	.wp-caption-text,
	.sticky,
	.gallery-caption,
	.bypostauthor {}
	
	.aligncenter {
		display: block;
		margin: 0 auto;
	}
	
	.alignright	{
		float: right;
		margin: 0 0 1em 1em;
	}
	
	.alignleft {
		float: left;
		margin: 0 1em 1em 0;
	}