/* 
Theme Name: ECTO
Template: responsive
Version: 1.2.0
Author: Laura Jones
Author URI: http://laurajon.es
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


/* =Start From Here
-------------------------------------------------------------- */

body {
	background-color: #000;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif; }
	
a:link { color: #44b549; }
a:visited { color: #44b549; }
a:hover { color: #a8e8ab; }
a:active { color: #44b549; outline: none; }

#header {
	float: left;
	padding: 25px 0 0;
	width: 100%; }

#logo { padding: 0 0 5px; }

#contactECTO {
	float: right;
	font-size: 13px;
	line-height: 1.3em;
	text-align: right; }

.main-nav {
	clear: none;
	float: left;
	margin: 15px 0 0 45px; }

.menu {
	background-color: #000;
	background-image: none; }
	
.menu a {
	border-left: none;
	border-bottom: 1px solid #666;
	height: 40px;
	line-height: 40px;
	margin: 0 7px;
	padding: 0 0.75em;
	text-transform: capitalize; }
	
.menu li:hover, .menu a:hover, ul.menu > li:hover { background-color: #000; background-image: none; }

.menu a:hover { border-bottom: 1px solid #fff; }

.menu li:first-child { display: none; }

.menu li a { color: #fff; }

.menu li.current_page_item a { color: #44b549; }

.menu .current_page_item a, .menu .current-menu-item a { background-color: #000; }

.menu ul.children li a { text-transform: none; }

#wrapper {
    background-color: transparent;
    border: medium none;
    margin: 0 auto;
    padding: 0; }

.home h1.post-title { display: none; }

blockquote { color: #333; }

.bx-wrapper .bx-viewport {
    border: 0 !important;
    box-shadow: none !important;
    left: 0 !important; }
	
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff !important; }

.bx-wrapper .bx-controls-direction a { z-index: 999 !important; }

.bx-wrapper .bx-caption {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75) !important;
    bottom: 15px !important; }

#ECTOcontact1, #ECTOcontact2 { width: 50%; float: left; }

#googlemap {
	clear: both;
	margin-top: 1.6em; }

#widgets { margin-top: 20px; }

.widget-wrapper {
	background-color: #424242;
	border: 1px #585858 solid; }
	
#footer { color: #999; }

#footer a {
	color: #999;
	font-weight: bold;
	text-transform: uppercase; }

#footer ul {
	margin: 0;
	padding: 0 0 0.4em; }
	
#footer li {
	display: inline-block;
	margin: 0;
	padding: 0 0.5em; }
	
.scroll-top { padding: 0 0 1em; }
a.scroll-up { color: #666 !important; }

.sb-selector:link, .sb-selector:visited, .sb-selector:hover { font-size: 14px; }
.sb-options a { font-size: 13px; }

h2.post-title {
	font-size: 21px;
	margin: 18px 0 0.5em; }

h2.post-title a { color: #fff; }

h1.post-title {
	font-size: 21px;
	margin-top: 0; }

#respond { color: #000; }

.image-bg {
	background-size: contain !important;
	min-height: 700px; }

.image-bg .page {
	background-color: rgba(0,0,0,.4);
	margin: 25px;
	padding: 20px;
	width: 450px; }


@media screen and (max-width: 960px) {

	.main-nav { margin-left: 30px; }
	
	.menu a { font-size: 12px; }
	
	.image-bg.grid { float: left; }

}	

@media screen and (max-width: 920px) {

	.menu a {
		margin: 0 4px;
		padding: 0 0.6em; }

	.image-bg { min-height: 600px; }
		
}

@media screen and (max-width: 890px) {

	.main-nav { margin-left: 25px; }
	
	/*.menu li:first-child { display: none; }*/
	
	.menu a { padding: 0 0.4em; }
	
}

@media screen and (max-width: 850px) {

	.main-nav {
		float: none;
		margin: 0; }
	
	.menu li:first-child { display: block; }
	
	.menu a {
		font-size: 13px;
		margin: 0 7px;
		padding: 0 0.75em; }
		
	#contactECTO { padding: 0 0 20px; }
	
	.image-bg { min-height: 450px; }

}

@media screen and (max-width: 650px) {

	#logo {
		float: left;
		margin: 0;
		padding: 0 0 25px;
		text-align: center; }
		
	.main-nav { float: none; }
	
	/*h1.post-title { display: none; }*/
	
	#wrapper { margin: 0 auto; }
	
}

@media screen and (max-width: 600px) {

	#googlemap iframe { width: 100%; }
	
	.image-bg { min-height: 350px; }
	
	.image-bg .page {
		margin: 0;
		max-width: 90%; }
	
}

@media screen and (max-width: 550px) {

	#header { padding: 15px 0 0; }
	
	#logo, #contactECTO {
		float: none;
		margin: 0;
		text-align: center; }

}

@media screen and (max-width: 450px) {

	#content { margin-bottom: 0; }
	
	#ECTOcontact1, #ECTOcontact2 { display: none; }

}

/* Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
/*@media screen and (max-width: 980px) {

    body {}
	
    .grid { float: left; }
    .grid-right { float: right; }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
    
}

@media screen and (max-width: 850px) {

	.grid, 
	.grid-right {
	    float: none;
    }

}

@media screen and (max-width: 650px) {

    body {}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav {
        display: block;
    }
    
    .sb-holder {
        display: block;
    }
    
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .featured-subtitle {
        font-size: 24px;
    }
    
    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}*/

/*The last 29 days of the month are the hardest."- Nikola Tesla*/