/* 
Theme Name: Fotografica 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support/

Template: responsive
Version: 1.0.0
Author: ThemeID 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

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

/*supersized*/
* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
/*end supersized*/

body{ color:#e6e6e6; font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; font-size:15px; line-height:140%;}


#barratesta{ height:70px; margin:0; width:100%; background-color:#000; padding:0;}
#menu-prin{
  margin: 0 auto;
  max-width: 960px;
  padding: 0px 25px;
}

#container-header{ margin:0; width:100%; padding:0;}
#header{  margin: 0 auto;
  max-width: 960px;
  padding: 0px 25px;
  height:500px;
  background-image:url(images/bg-header.png); background-repeat:repeat-x;;
}
.meteor-slides{ margin:0 !important; padding:0 !important; top:-7px !important;}

#logo{ position:absolute; z-index:2; margin:-25px 0 0 10px;}
#marchi{ position:absolute; z-index:2; margin:15px 0 0 760px;}
#container{ background-image:url(images/bg-content.png); background-repeat:repeat;}
#wrapper{ background:none; border:none; padding:0;}
.widget-wrapper, #respond{ background:none; border:none; padding:0;}
#container-footer{ min-height:370px; background-color:#000; margin:0; width:100%; padding:0; color:#fff;}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .widget-title, .widget-title a{  border-left: none;
  color: #ef7809;
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02em;
  font-weight:500;
}


h1, h1 a, .widget-title, .widget-title a{font-size: 24px;}
h4, h4 a{ font-size:14px; line-height:16px; padding:0; margin:0;}
h5, h5 a{ font-size:12px; line-height:14px; padding:0; margin:0;}

a, strong{color: #ef7809; outline:none !important;} /*#ef7809*/
a:hover, a:focus, a:active{ color:#FFF !important;}


/* =Top Menu
-------------------------------------------------------------- */
.menu, .menu a:hover, .menu a {
  background: #000 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
}


.top-menu {
  float: right;
  margin:25px 0;
  padding: 0;
}

.top-menu li {
  display: inline;
  list-style-type: none;
}

.top-menu li a {
  border-left: none;
  color: #ef7809;
  font-size: 24px;
  padding: 0 4px 0 20px;
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02em;

}

.top-menu > li:first-child > a {
  border-left: none;
}

.top-menu li a:hover {
  color: #fff;
}

/****/

.menu{background:none !important;}


.main-nav {
  float: right;
  margin:13px 0 19px 0;
  padding: 0;
  background:none !important;
}

.main-nav li {
  display: inline;
  list-style-type: none;
  background:none !important;
}

.main-nav li a {
  border-left: none;
  color: #ef7809;
  font-size: 24px;
  padding: 0 4px 0 24px;
  font-weight:500;
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02em;
  background:none !important;

}

.main-nav > li:first-child > a {
  border-left: none;
  background:none !important;
}

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



.flickrrss{ margin:5px; width:60px; height:60px;}

.tre-civette{ margin-top:5px !important;}
.civetta{ background-color:#000; width:270px; height:145px; float:left; color:#fff; border:1px solid; padding:10px 19px;}

#civetta-1{ border-color:#be0000; margin:0; background-image:url(images/bg-c1.jpg); background-repeat:no-repeat; background-position:right top;}
#civetta-2{ border-color:#ffde00; margin:0 11.5px; background-image:url(images/bg-c2.jpg); background-repeat:no-repeat; background-position:right top;}
#civetta-3{ border-color:#1fbee0; margin:0; background-image:url(images/bg-c3.jpg); background-repeat:no-repeat; background-position:right top;}

#civetta-1 h2, #civetta-1 h2 a, #civetta-2 h2, #civetta-2 h2 a, #civetta-3 h2, #civetta-3 h2 a { font-size:40px; font-family: 'Oswald', sans-serif; text-transform:uppercase; padding:30px 0 0 0; margin:0;} 
#civetta-1 h2, #civetta-1 h2 a{ color:#be0000 !important;}
#civetta-2 h2, #civetta-2 h2 a{ color:#ffde00 !important;} 
#civetta-3 h2,#civetta-3 h2 a{ color:#1fbee0 !important;}
#civetta-1 h3, #civetta-1 h3 a, #civetta-2 h3, #civetta-2 h3 a, #civetta-3 h3, #civetta-3 h3 a { font-size:24px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#fff !important; padding:10px 0 0 0; margin:0;} 


#home-colonna-1, #home-colonna-2, #home-colonna-3{float:left;}
#home-colonna-1  h2 { padding-left:10px;}
#home-colonna-2  h2 {  line-height:42px;}
.content-homepage, #content{ margin-top:0 !important; padding-top:0 !important;}
#home-colonna-1{margin:0; width:305px; clear:both;}
#home-colonna-2{margin:0 12px 0 20px;width:300px; padding:0 10px;}
#home-colonna-3{margin:0 5px; width:268px;}

#home-colonna-3 .sponsor{ background-color:#000; width:205px; padding:60px 40px 30px 40px;}
#home-colonna-2 .sponsor{ background-color:#000; width:205px; padding:60px 40px 30px 40px;}
.home-page-contatti p{ margin: 0.6em 0 !important;}
.home-page-contatti{ margin-bottom:40px;}

.proposta-home h4{ padding:0 0 0 10px;}
.proposta-home { margin:0; clear:both;}
.cph-1, .cph-2 { } 

.content-proposta-home p { margin:8px 10px 15px 10px; display:table;}
.content-proposta-home .read-more { display:none;}
.pulisci{ clear:both; border-bottom:1px solid #ef7809; margin:0 0 20px; height:1px; padding:20px 0 0 0;}
.pulisci_invisibile{ clear:both; margin:0 0 2px; height:1px; padding:2px 0 0 0;}

.thumb-home{ width:115px; margin:5px 10px 2px 10px; height:75px; float:left;}
.thumb-guide{ margin:5px 10px 2px 10px; max-width:200px;float:left;}
#diario-fotografico { margin:40px 0 0 0;}
.diario-fotografico, .tutti-sponsor { text-align:right; margin:3px 2px 0 0;}
#flickr-box{ width:280px; margin:0 10px;}

#content-full li, #content-full li a, #content li, #content li a{ list-style-image:url(images/li.png); margin:0 0 20px 0;}
#home-colonna-2 li, #home-colonna-2 li a { list-style-image:url(images/li.png); margin:0 0 10px 0;}
#widgets li, #widgets li a{ list-style-image:url(images/li.png);}
#widgets li { margin:15px 0 5px 20px;}
#widgets img{ max-width:280px;}
#content-full p, #content-full p{ margin:0; padding:0;}
#content-full h2, #content-full h2, #content-full h2 a, #content-full h2 a{ font-size:26px; line-height:30px;}
#content h2, #content h2, #content h2 a, #content h2 a{ font-size:26px; line-height:30px;}
#footer-wrapper h2, #footer-wrapper h2, #footer-wrapper h2 a, #footer-wrapper h2 a{ font-size:26px; line-height:30px;}
#widgets h2, #widgets h2, #widgets h2 a, #widgets h2 a{ font-size:26px; line-height:30px; margin-top:3px;}


.riepilogo-news p{ margin:0;}
.lista-news-widget{ margin-bottom:25px !important;}
.lista-news-widget strong{ display:inline-block;}
.news, .news a { color:#e6e6e6; font-weight:700; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; text-transform:none;}
.news-text{ display:inline;}
.leggialtro{ display:inline-block;}
.sponsor-tecnici-area{ padding:50px 0 0 0; text-align:center;}
#footer-wrapper{ margin-top:40px; color:#e6e6e6; font-size:14px;}
#footer-wrapper a{color:#e6e6e6; font-size:14px;}


#footer-wrapper ul{ margin:0 !important; padding:0 !important;}
#footer-wrapper li{ margin:0 0 20px 10px; list-style-position:outside;}
.relazioni, .bollettini{ list-style:none;}
.titolo_relazione a, .titolo_relazione, .titolo_bollettini{ color:#ef7809 !important; font-weight:700 !important; text-transform:capitalize; font-size:14px; line-height:16px;}
.link_relazione a, .link_relazione, .link_bollettini a, .link_bollettini{ color:#ef7809 !important;}

h1.taxonomy-page  { color:#FFF; margin:5px 0; padding:0 10px;}
h2.taxonomy-page{ margin:0; padding:0 10px;}
h3.taxonomy-page{ margin:5px 0; padding:0 10px; color:#FFF; font-size:16px; line-height:18px;}
h3.taxonomy-page a, h1.taxonomy-page a{ color:#FFF;}
h3.titolo-guide{ padding:0; margin:3px 0 0 0;}
.tag-desc{ padding:0 10px;}
.tag-desc p{ padding:0; margin:0;}
.testo-guide-post{ float:left; max-width:235px;}
.testo-guide-post p{ margin:0;}
.contatti-guide-post{ float:right; width: 190px; text-align:right;}
.content-guida{ background-color:#000; margin:10px; padding:20px 20px 20px 15px;}


.sponsor-tabella{ background-color:#000; width:190px; float:left; margin:20px 0 0 10px; height:auto; padding:15px;}
.acapo_tre{ clear:both;}
.proposta-attivita{ width:197px; float:left; margin:20px 0 0 10px; height:auto; min-height:175px;}
.thumb-attivita{ width:197px; height:129px; margin-bottom:10px;}
.lista-attivita{ padding:0 20px;}
.side-contatti{ padding:0 0 30px 20px;}
#descrizione-attivita{ padding:0 20px; margin:0 0 30px 0;}
.lista-servizi{ padding:20px 20px 0 20px;}
.widgets-attivita{ margin-top:0 !important; padding-top:0 !important;}
.attivita-corrente{}
.attivita-noncorrente, .attivita-noncorrente a{ color:#FFF;}
.allpage-contatti{ margin:40px 0 0 30px;}
.post-entry{margin: 0 10px;}


#descrizione-attivita p{ padding:10px 0; margin:0;}
#descrizione-attivita h2{ padding:0; margin:0;}
#navigazione{ position:relative; clear:both; width:100%; text-align:center;}

.lista_relazione a, .lista_relazione { color:#FFF !important; text-transform:capitalize;}

select, input[type="text"], input[type="password"], input[type="email"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-box-sizing: border-box; background-color: #000; border: 1px solid #ef7809; color:#e6e6e6; border-radius: inherit; box-shadow: none; margin: 0; outline: medium none; padding: 6px 8px; vertical-align: middle; width: 250px;}
area, textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-box-sizing: border-box; background-color: #000; border: 1px solid #ef7809; box-shadow: none; border-radius: inherit; height: auto; margin: 0; outline: medium none; overflow: auto; padding: 8px 10px; width: 100%; font-family:Arial,Gotham, "Helvetica Neue", Helvetica,  sans-serif; color:#e6e6e6;}
a.button, input[type="reset"], input[type="button"], input[type="submit"] {background-image:none !important; background-color: #000 !important;  border: 1px solid #ef7809 !important; border-radius: inherit; box-shadow: none; color: #efefef; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 4px 10px; text-decoration: none; text-shadow: none; vertical-align: middle; white-space: nowrap;}
input{background-color: #000; }
.trattamento_dei_dati{ font-size:13px; line-height:120%; color:#e6e6e6;}
.ettichetta{display: inline-block; padding-right: 10px; text-align: right; width: 127px;}
.widget_weather_forecast_widget_id{ padding-left:30px; margin-top:-30px;}
.weather-forecast-widget-format{ display:none;}
.weather-forecast-widget-forecast{ border-top: 1px solid #ef7809; margin:5px 0; padding:5px;}
.giorno-meteo{ color:#ef7809; text-transform:capitalize; font-weight:400;}


.menu .current_page_item a, .menu .current-menu-item a{ color:#FFFFFF;}
.single-proposte .menu a[title="attivita"]{color:#FFFFFF;}
.tax-attivita .menu a[title="attivita"]{color:#FFFFFF;}
.tax-servizio .menu a[title="attivita"]{color:#FFFFFF;}
.tax-stagioni .menu a[title="attivita"]{color:#FFFFFF;}


/* 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: 1023px) {
.civetta{ width:26.8%;} #civetta-2{ margin:0 2%;}
		#home-colonna-1{ width:45%;}
	#home-colonna-2{ width:45%; float:right;}
	#home-colonna-3{ width:100%; clear:both; background-color:#000; margin:20px 0;}
	#responsive-sponsor{ width:45%; float:left;}
	#responsive-sponsor h2{ padding:0;text-align:center;}
	#home-colonna-3 .sponsor{ padding:10px 0;text-align:center !important; width:100%;}
	.home-page-contatti{ width:45%; float:right;}
	.tutti-sponsor{ text-align:center;}
	.home-page-contatti{ padding-bottom:20px;}
	.col-relazioni{ width:45%; float:left !important;}
	.col-bollettini{ width:45%; float:right !important;}
	.sponsor-tecnici-footer{ height:200px; width:100%; clear:both !important; text-align:center;}
	.sponsor-tecnici-area{ padding:0;}
	.proposta-attivita{ width:190px;}

	}
@media screen and (max-width: 1020px) {
	#marchi{margin:15px 0 0 700px;}

}

@media screen and (max-width: 980px) {
    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
		.archivio { float:left !important; padding-right:20px;}
		.widgets-attivita{}	
		.widgets-attivita-archivio{ float:right !important; width:29%;}
		.acapo_due{ clear:both;}
		.acapo_tre{ clear:none !important;}
		/*#descrizione-attivita, .responsive-colonna{ padding: 20px 10px; margin:20px 0 ; border-top: 1px solid #ef7809; border-bottom: 1px solid #ef7809;}
*/
	.widget_weather_forecast_widget_id{ display:none;}

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
	#marchi{margin:15px 0 0 650px;}
	
	
}
@media screen and (max-width: 970px) {#header{height:460px;}}
@media screen and (max-width: 900px) {#marchi{margin:15px 0 0 600px;}#header{height:430px;}}
@media screen and (max-width: 880px) {#marchi{margin:15px 0 0 580px;} 	.civetta{display:none} #header{height:420px;}}
@media screen and (max-width: 860px) {
	#marchi{margin:15px 0 0 550px;}
	.main-nav li a{ font-size:20px;}

}
@media screen and (max-width: 840px) {
	#marchi{margin:15px 0 0 520px;}
	#header{height:390px;}	
}
@media screen and (max-width: 800px) {
	.main-nav li a{ font-size:18px;}
	#marchi{margin:15px 0 0 500px;}
	#header{height:370px;}

}


@media screen and (max-width: 760px) {
	#marchi{ display:none;}
	#logo{ width:330px;} 
	#header{ height:360px;}
		.archivio{ width:65%;}




}
@media screen and (max-width: 700px) {
		#header{ height:320px;}
		.archivio { float:none !important; padding-right:0; width:97%; clear:left;}
		.widgets-attivita-archivio{ float:none !important; width:97%; clear:both; display:none;}
		.widgets-attivita{display:inline-block; padding:20px 0 !important; margin:20px 0 !important;border-top: 1px solid #ef7809; border-bottom: 1px solid #ef7809; width:97%; clear:both; float:none;}
		.acapo_due{ clear:none !important;}
		.acapo_tre{ clear: both !important;}

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



}

@media screen and (max-width: 680px) {
			.acapo_due{ clear:both;}
		.acapo_tre{ clear:none !important;}
}


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

		#header{ height:290px;}
		.proposta-attivita{ margin:20px 0 0 5px;}

	#home-colonna-1{ width:96%; float:none;clear:both;}
	#home-colonna-2{ width:96%; float:none;clear:both;}
	#home-colonna-2{ padding:10px 0; margin:20px 0; border-top: 1px solid #ef7809; border-bottom: 1px solid #ef7809;}
	#lista-attivita{ padding:20px 0 10px 0; margin:20px 0; border-top: 1px solid #ef7809; border-bottom: 1px solid #ef7809;}
	#home-colonna-3{ width:100%; clear:both; background-color:#000; margin:20px 0;}
	#home-colonna-1, #home-colonna-2, #home-colonna-3{ margin-left:0 !important; margin-right:0 !important;}
	#responsive-sponsor{ width:45%; float:left;}
	#responsive-sponsor h2{ padding:0;text-align:center;}
	#home-colonna-3 .sponsor{ padding:10px 0;text-align:center !important; width:100%;}
	.home-page-contatti{ width:45%; float:right;}
	.tutti-sponsor{ text-align:center;}
	.home-page-contatti{ padding-bottom:20px;}
	.col-relazioni{ width:auto; float:none !important; clear:both;}
	.col-bollettini{width:auto; float:none !important; clear:both;}
	.sponsor-tecnici-footer{ height:100px; width:100%; clear:both !important; text-align:center;}
    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;
    }
	
/*js menu*/	
	
.main-nav{ width:100%;
    background-color: #000;
}	
	.js .main-nav {
    background-color: #000;
    background-image: none;
    clear: both;
    margin: 0 auto;
    position: relative;
}
.js .main-nav .menu {
    display: none;
    position: absolute;
    top: 50px !important;
    width: 100%;
    z-index: 1000;
}
.js .main-nav .menu ul {
    margin-top: 10px !important;
}
.js .main-nav .menu li {
    background-color: #000 !important;
	color:#FFF !important;
    border: medium none;
    float: none;
}
.js .main-nav .menu li a {
	background-color:#000 !important;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ef7809 !important;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #ef7809 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-align: left;
    text-shadow: none;
    width: auto;
	background-color:#000;
}
.js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a {
    background-color: #666 !important;
}
.js .main-nav .menu li li:hover {
    background: none repeat scroll 0 0 transparent !important;
}
.js .main-nav .menu li li a {
    padding: 0 10px 0 30px;
    position: relative;
}
.js .main-nav .menu li li li a {
    padding: 0 10px 0 40px;
    position: relative;
}
.js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
    background-color: #666 !important;
    background-image: none;
    filter: none;
}
.js .main-nav .menu li li a:before {
    content: "–";
    left: 20px;
    position: absolute;
    top: 0;
}
.js .main-nav .menu li li li a:before {
    content: "–";
    left: 20px;
    position: absolute;
    top: 0;
}
.js .main-nav .menu li li li a:after {
    content: "–";
    left: 30px;
    position: absolute;
    top: 0;
}
.js .main-nav .menu li ul {
    background-color: #FFFFFF;
    position: static;
    visibility: visible;
}
.js .main-nav .menu ul {
    min-width: 0;
}
.js .main-nav #responsive_current_menu_item {
    color: #666 !important;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: 5px 40px 5px 10px;
}
.js .main-nav a#responsive_menu_button {
    background: url("http://guidealpine.info/wp-content/themes/images/select-icons.png") no-repeat scroll 0 5px transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    left: 100%;
    margin-left: -30px;
    position: absolute;
    top: 0;
    width: 23px;
}
.js .main-nav a#responsive_menu_button.responsive-toggle-open {
    background: url("http://guidealpine.info/wp-content/themes/images/select-icons.png") no-repeat scroll 0 -46px transparent;
}
	
	
	.main-nav #responsive_current_menu_item{ margin:14px 0 0; }
	.js .main-nav a#responsive_menu_button{top:16px !important;  }
  .js .main-nav, .js .main-nav #responsive_current_menu_item { 
  font-size: 24px;
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  color: #ef7809 !important;
  font-weight:500 !important;
  }
  #slider{ margin-top:7px;}
  #logo{top:50px;}
  
}
@media screen and (max-width: 580px) {
#slider{ display:none;}
#header{ height:90px;}
}
@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*/