/* 
	Theme Name: Comune di Arcidosso
	Theme URL: 
	Description: 
	Author: C&P Adver Web
	Author URI: 
	Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

/************************************************
*	Layout									    *
************************************************/

body {font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
header {background-image:url(images/foto.jpg); background-size:cover; background-position:top;}
#top {height:25px; background-color: rgba(0, 0, 0, 0.35);}
#bottom {height:40px; background-color: rgba(0, 0, 0, 0.35);}
#headercontent {min-height:120px; margin-top:-15px;}
#headercontent.home {min-height:360px;}
@media screen and (max-width: 768px) {
	#headercontent {height:auto;}
	img.logo {margin:10px 0;}
}

#page {padding-top:25px;}

/************************************************
*	Browser 									*
************************************************/

abbr[title], acronym[title] {text-decoration: none;}

/************************************************
*	Bootstrap								    *
************************************************/

.navbar-default  {background:#339966; border:0 none;}
.navbar-default .navbar-nav {font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; font-size: 1.2em; font-weight: 700; text-transform: uppercase;}
.navbar-brand  {color:#ffffff !important; display:none;}
@media screen and (max-width : 768px) {
	.navbar-brand  {display:inline;}
}
.navbar-default .navbar-toggle { border-color: #ffffff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#26734d;}
.navbar-default .navbar-toggle .icon-bar { background-color:#ffffff;}
.navbar-default  .navbar-nav > li > a {color:#ffffff; padding-right:12px; padding-left:12px;}
.navbar-default  .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ffffff; background:#26734d; text-decoration:underline;}
.navbar-default  .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default  .navbar-nav > .active > a:focus {color:#ffffff; background:transparent;}
.navbar-default  .navbar-nav .open .dropdown-menu {background:#339966;}
.navbar-default  .navbar-nav .open .dropdown-menu > li > a {color: #ffffff; background:transparent;}
.navbar-default  .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color:#ffffff; background:transparent;}
.navbar-default  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#ffffff; background:#26734d;}
.navbar-nav li.current_page_item a, .navbar-nav li.current_page_ancestor a {background:#26734d;}
.navbar-nav li.current-cat a, .navbar-nav li.current-cat-parent a {background:#26734d;}
.btn {font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; text-transform:uppercase;}

/************************************************
*	Header									    *
************************************************/

#headerright #searchform {float:right; margin:15px 0 0 0;}
#headerright #searchform #s {background-color: rgba(255, 255, 255, 0.5); color:#222222;}
#headerright #searchform #s:focus {background-color: #ffffff;}
#headerright #icon {margin:15px 15px 0 0; float:right;}
#headerright #icon .icons {width:32px; margin:0 2px;}
@media screen and (max-width : 768px) {
	#headerright #searchform {float:none;}
	#headerright #searchform #s {border-color:#ffffff;}
	#searchform #searchsubmit {margin-top:15px; width:100%;}
	#headerright #icon {margin:15px 0;}
}

.avviso {margin:10px 0;}.avviso .textwidget {padding:0;}
.avviso h2.widgettitle {margin:0 0 5px 0; font-size:1.4em; color:inherit;}

#briciole {background-color:#f5f5f5; text-transform:uppercase; font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; font-size:90%;}
#breadcrumbs{list-style:none; margin:10px 0; padding:0; overflow:hidden;}
#breadcrumbs li{display:inline-block; vertical-align:middle; margin-right:10px;}
#breadcrumbs .separator{font-size:18px; font-weight:100; color:#cccccc;}

/************************************************
*	Link									    *
************************************************/

a {text-decoration:none; color:#339966; transition: all 0.25s ease 0s;}
a:hover , a:active, a:focus {text-decoration:underline; color:#222222;}
a:visited {text-decoration:none; color:#000066;}

/************************************************
*	Titoli										*
************************************************/

h1, h2, h3, h4, h5, h6 {color: #222222; font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif;}

/************************************************
*	Pagina										*
************************************************/

#page .barracolorata {background:#f2f2f2; padding:10px 15px;}
#page .barracolorata ul {list-style-type:none; padding:0;}
#page .barracolorata .widget {margin-bottom:25px;}
#page .barracolorata .widget ul {margin:0;}
#page .barracolorata .widget ul li a {display:block; padding: 10px 0; border-top:1px solid #ffffff;}
#page .barracolorata span.post-date {display:block; font-size:80%; margin-bottom:10px;}
#page .barracolorata h2.widgettitle {font-size: 1.6em; margin:0 0 10px 0; border:0; padding:0; text-transform:none;}
#page h2.boxtitle { font-size: 1.6em; margin:0 0 15px 0; background:#eeeeee; color:#222222;}
#page h2.boxtitle span.fa {color:#ffffff; margin-right:10px; background:#30373d; padding:10px;}
#page ul.lista  {margin:0 0 15px 0; padding:0 0 0 0; list-style-type:none;}
#page ul.lista li  {margin:0 0 15px 0; border-bottom:1px solid #dddddd; border-left:10px solid #f5f5f5; padding-left:10px;}
#page ul.lista li.itemdue  {border-left:10px solid #dff0d8;}
#page ul.lista h4  {margin:4px 0;}
#page ul.listadue  {margin:0 0 15px 0; padding:5px 10px; list-style-type:none; background-color:#f3f8f0;}
#page ul.listadue li  {margin:0 0 15px 0; border-bottom:3px solid #ffffff;}
#page ul.listadue h4  {margin:4px 0;}

#page a.subpages {padding:10px 15px; margin-bottom:10px; border:1px solid #dddddd; display:block; font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; font-size:1.2em; text-transform:uppercase;}
#page a.subpages:hover, #page a.subpages:focus {background-color:#f5f5f5;}

/************************************************
*	Home	 									*
************************************************/

.separatore {border-top: 1px solid #ffffff; margin: 15px 0; clear:both;}
.separatorearch {border-top: 1px solid #ffffff; margin: 15px; clear:both;}
.separatoregrande {border-top: 1px solid #ffffff; margin: 15px 0 30px 0; clear:both;}
.linea {border-color:#dddddd;}
#post .relboxn {position:relative; width:100%; padding-bottom:76%; }
#post .imgboxn {position:absolute; width:100%; height:100%; background:#222222; border-bottom: 5px solid #63a226;}
#post .imgboxn img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; max-height:100%; width:auto;}
#post .imgboxh {
	background-color:#dddddd;
	background-image: -moz-linear-gradient(top, #efefef, #dddddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
	background-image: -o-linear-gradient(top, #efefef, #dddddd);
	background-image: linear-gradient(to bottom, #efefef, #dddddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddddd', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#post .imgboxh img {max-height:420px; width:auto; margin:0 auto;}
#post.home h3 {margin: 0;}
#post.home .secondario h3 {font-size: 1.8em; margin: 0.5em 0;}

/************************************************
*	Contenuto 					     		    * 
************************************************/

#post h1.titolo, #post h2.titolo, #post h3.titolo {margin-top:0;}
#post .contenuto h2 {border-bottom: 3px solid #f2f2f2;}
#post.archive h1 {margin-bottom: 25px; border-bottom:5px solid #f2f2f2; margin-top:0;}
#post .contenuto ul, #post .contenuto ol {margin:20px 0; padding-left:25px;}
#post .contenuto ul li, #post .contenuto ol li { margin: 0 0 10px;}
#post .contenuto p {margin-bottom:15px;}
#post.archive h3 {font-size: 1.8em; margin: 0 0 0.5em;}
#post.archive img {margin-bottom: 15px;}
#post p.postmeta {background-color: #f2f2f2; color: #222222; font-size:85%; padding: 5px 10px; margin-bottom:25px;}
#post .alignleft {display: inline; float: left; margin: 5px 20px 10px 0;}
#post .alignright {display: inline; float: right; margin: 5px 0 10px 20px;}
#post .aligncenter {clear: both; display: block; margin: 20px auto;}

#post img.alignleft {display: block; float: left; height: auto; margin: 5px 15px 5px 0; max-width: 100%;}
#post img.alignright {display: block; float: right; height: auto; margin: 5px 0 5px 15px; max-width: 100%;}
#post img.aligncenter {clear: both; display: block; height: auto; margin: 5px auto 15px; max-width: 100%;}
#post img.alignnone {clear: both; display: block; height: auto; margin: 5px 0 15px; max-width: 100%;}
#post img.size-full {display: block; height: auto; max-width: 100%;}
#post .wp-caption .wp-caption-text {margin: 0 0 15px 0; padding: 8px 5px; font-size:90%; position: relative; text-align: center; color:#a5abb0; background:#30373d; font-style:italic;}
#post .wp-caption.aligncenter, #post .wp-caption.alignright, #post .wp-caption.alignleft  {max-width: 100% !important; width: auto !important;}
#post .wp-caption.alignnone {max-width: 100% !important;}
#post .gallery {margin: 25px 0;}
#post #navigation {clear:both; padding:25px 0;}
#post #navigation .nextprev a {background-color: #f5f5f5; border-radius: 4px; display: inline-block; margin-bottom: 0; padding: 5px 10px; text-align: center; vertical-align: middle; white-space: nowrap;}
#post .post {clear: both; margin: 0 0 10px; padding: 0;}
#post .list {background: transparent; border-bottom: 1px solid #eeeeee; padding-bottom: 1em;}
#post .data {font-size:90%; margin:5px 0;}
#post .widget {margin-bottom: 15px;}
#post .postbox {
    background-color: #f2f2f2;
    clear: both;
    margin: 0 0 15px;
    padding: 15px;
}

#page .artrelbox {background:#f2f2f2; padding:10px 15px;}
#page .artrelbox .data{font-size:90%;}

/************************************************
*	Widgets			                            * 
************************************************/

#sidebar .widget img, #post .widget img, #footerbottom .widget img {
    height: auto;
}
#post .widget ul, #post .widget ul {
    margin: 0 0 0 15px;
}
#sidebar ul { list-style-type: none; padding:0; }
ul.menu li a, .widgetbar li.linkmenu a { font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; font-size:1.2em; text-transform:uppercase;}
.widgetbar li.linkmenu {border:1px solid #dddddd; border-bottom:0; margin-bottom:25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.widgetbar li.linkmenu a {display: block; padding: 10px 15px;}
.widgetbar li.linkmenu a:hover {background-color:#f8f8f8;}
.widgetbar li.linkmenu li a {display: block; padding: 10px 5px 10px 30px; border-bottom: 1px solid #dddddd;}
.widgetbar li.linkmenu .children li a {padding: 10px 0 10px 45px; border-bottom: 1px solid #dddddd; font-size:1em;}
.widgetbar li.linkmenu .children li ul li a {padding: 6px 0 6px 60px; text-transform:none;}
.widgetbar h2.widgettitle {color:#222222; background:#f5f5f5; margin: 0; padding: 10px 15px; font-size:1.4em; text-transform:uppercase; border-bottom:3px solid #b8c0c7;}
.widgetbar li.widget {margin-bottom: 25px; border:1px solid #dddddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.widgetbar li.widget li a {display:block; padding:10px 15px 10px 15px; border-bottom: 1px solid #dddddd;}
.widgetbar li.widget li span.post-date  {padding:5px 15px; font-size:80%; display:block;}
.widgetbar li.widget ul.menu > li:last-child a, .widgetbar li.widget > ul > li:last-child a  { border-bottom:0;}
.widgetbar li.widget li a:hover, .widgetbar li.widget li a:focus {background-color:#f8f8f8;}
.widgetbar li.widget .sub-menu li a {padding: 10px 0 10px 30px;}
.widgetbar li.widget .sub-menu li li a {padding: 10px 0 10px 45px;}
#calendar_wrap, .textwidget, .widgetbar ul, .widgetbar #searchform, .tagcloud {clear: both; padding: 10px 15px;}
#wp-calendar th, #wp-calendar td {padding: 0 0.5em 0 0;}
#wp-calendar a:hover, #wp-calendar a:focus {text-decoration:underline;}
.textwidget p {margin: 0 0 8px;}
.widget_search {background: transparent;}
.textwidget a {text-decoration:underline;}
.textwidget a:hover, .textwidget a:focus {text-decoration:none;}
.widgetbar li.immagine img {}
.tagcloud a:hover, .tagcloud a:focus {text-decoration:underline;}
.widgetbar a.widgetlink {
	display: block;
    border-bottom: 1px solid #dddddd;
    margin: 0;
    padding: 10px 0;
}
.widgetbar li.recentcomments {border-bottom: 1px solid #dddddd; padding: 10px 15px;}
.widgetbar li.recentcomments:last-child {border-bottom:0;}
.widgetbar li.recentcomments a {border:0 none; display:inline;}
.widgetbar li.recentcomments a:hover, .widgetbar li.recentcomments a:focus {background:transparent !important; text-decoration:underline;}
.widgetbar li.current_page_item > a, .widgetbar li.current-cat > a, .widgetbar a.current {background-color:#f0f5f2;}
.widgetbar ul { list-style-image: none; list-style-position: outside; margin: 0;}
#page #searchform #s {margin-bottom: 1em; width: 70%;}
#page #searchform #searchsubmit {margin-bottom: 1em; width: 28%;}


/************************************************
*	Footer  									*
************************************************/

#footertop {background:#339966; border-bottom:3px solid #ffffff; min-height:50px;}
#footer {color:#a5abb0; background:#30373d; margin: 15px 0 0;}
#footer a {color:#40bf80;}
#footer a:hover {color:#79d2a6;}
#footer  h2.widgettitle {color:#ffffff; padding:10px 0; margin:0; font-size:1.4em;}
#footer .widget {margin:25px 0 0 0;}
#footer .widget ul  {margin:0; padding:0 0 0 15px; color:#ffffff;}
#footer .widget ul li a {display:block; padding:5px 0;}
#footer .widget ul li a:hover, #footer .widget ul li a:focus {text-decoration:underline;}
#footer .widget li span.post-date  {padding:0 0 15px 0; font-size:80%; display:block; color:#adb3b8;}
#footer .textwidget {padding:10px 0;}
#footermenu {margin: 15px 0; font-family:'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, Sans-Serif; font-size: 1em; font-weight: 700; text-transform: uppercase;}
#footermenu ul li a {background: #242729; color:#39ac73; padding: 0.5em 1em; margin: 0.5em 0; }
#footermenu ul li a:hover, #footermenu ul li a:focus  {background: #181a1b; color:#39ac73;}
#footermenu ul li + li {margin-left: 10px;}
#footerbottom {background:#242729; color:#c9cdcf; font-size: 90%; line-height: 1.6em; padding: 15px;}

/* Back to top button */
#backtotop {position: fixed; right:0px; display:none; bottom: 20px; margin: 0 20px 0 0;}
#backtotop a {text-decoration:none; border:0 none; display:block; width:40px; height:40px; background: url(images/back-to-top.png) no-repeat 50% 50%; background-color:#339966; transition: all 0.2s ease-in-out; border-radius: 50%; border:3px solid #ffffff;}
#backtotop a:hover {background-color:#26734d;}

/************************************************
*	Plugins 									*
************************************************/

/* WordPress Page Navi */
.wp-pagenavi {
    clear: both;
}
.wp-pagenavi a, .wp-pagenavi a:link {
    background-color: #f5f5f5;
    border: 0 none;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
    text-decoration: none;
}
.wp-pagenavi a:visited {
    background-color: #f5f5f5;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
    text-decoration: none;
}
.wp-pagenavi a:hover {
    background-color: #f5f5f5;
}
.wp-pagenavi a:active {
    background-color: #f5f5f5;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
    text-decoration: none;
}
.wp-pagenavi span.pages {
    background-color: #f5f5f5;
    border: 0 none;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
}
.wp-pagenavi span.current {
    background-color: #f5f5f5;
    border: 0 none;
    font-weight: bold;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
}
.wp-pagenavi span.extend {
    background-color: #f5f5f5;
    border: 0 none;
    margin: 0 0.2em 0 0;
    padding: 0.5em;
}

/************************************************
*	Commenti                                    * 
************************************************/

#comments {margin:25px 0 15px 0;}
#comments h3 {font-size:1.4em; margin:0 0 15px 0;}
#comments p {margin:0 0 10px 0;}
#comments label {font-weight:normal; font-size:80%; text-transform:uppercase;}
#comments label span {text-transform:none; color:#AAAAAA;}
#comments #cancel-comment-reply {margin-bottom:10px;}
ol.commentlist {list-style-type:none; padding:0;}
ol.commentlist li {margin:0 0 20px; padding:20px; position:relative;} 
ol.commentlist li.pingback comment-author {padding:0 170px 0 0;}
ol.commentlist li div.vcard {font-weight:bold; font-size: 14px; line-height: 16px;}
ol.commentlist li div.vcard cite.fn {font-style:normal; font-weight: bold;}
ol.commentlist li div.vcard span.says {font-weight:normal;} 
ol.commentlist li div.vcard img.avatar {border:1px solid; padding: 5px; float:left; margin:0 20px 5px 0;}
ol.commentlist li div.comment-meta {font-size: 11px; line-height: 16px; margin:10px 0 5px 0; }
ol.commentlist li div.comment-meta a {text-decoration:none;}
ol.commentlist li p {font-weight:normal; margin:5px 0 12px;}
ol.commentlist li ul {font-weight:normal; list-style:square; margin:0 0 12px; padding:0;}
ol.commentlist li div.reply {padding:0 0 8px 0; font-size:11px;}
ol.commentlist li .reply a {padding:5px; border:1px solid;}
ol.commentlist li ul.children {list-style:none; margin:12px 0 0; text-indent:0;}
ol.commentlist li ul.children li {margin:0 0 0 20px;}
ol.commentlist li.pingback div.vcard {padding:0 170px 0 0;}
ol.commentlist li.even {background:#f8f8f8;}
ol.commentlist li.odd {background:#eeeeee;}
ol.commentlist li div.vcard img.avatar {border-color:#ffffff;}
ol.commentlist li .reply a {background:#ffffff; border-color:#dddddd; border-radius:5px; padding:0.5em 1em;}
ol.commentlist ul.children li.odd {background:#eeeeee;}
ol.commentlist ul.children li.even {background:#f8f8f8;}

/************************************************
*	Altre classi                                * 
************************************************/
.clear {clear:both;}
img.no-responsive {width:auto !important;}
.noxsnascosto {display:none !important;}
@media screen and (max-width : 768px) {
	.xsnascosto {display:none !important;}
	.noxsnascosto {display:inline !important;}
}
.btn-verde {
    background-color: #339966;
    border-color: #309060;
    color: #fff;
    text-decoration:none !important;
    text-transform:none;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.btn-verde.focus, .btn-verde:focus {
    background-color: #26734d;
    border-color: #246e49;
    color: #fff;
}
.btn-verde:hover {
    background-color: #26734d;
    border-color: #204d74;
    color: #fff;
}
.btn-verde.active, .btn-verde:active, .open > .dropdown-toggle.btn-verde {
    background-color: #26734d;
    border-color: #204d74;
    color: #fff;
}
.btn-verde.active.focus, .btn-verde.active:focus, .btn-verde.active:hover, .btn-verde.focus:active, .btn-verde:active:focus, .btn-verde:active:hover, .open > .dropdown-toggle.btn-verde.focus, .open > .dropdown-toggle.btn-verde:focus, .open > .dropdown-toggle.btn-verde:hover {
    background-color: #204d74;
    border-color: #246e49;
    color: #fff;
}
.btn-verde.active, .btn-verde:active, .open > .dropdown-toggle.btn-verde {
    background-image: none;
}
.btn-verde.disabled.focus, .btn-verde.disabled:focus, .btn-verde.disabled:hover, .btn-verde.focus[disabled], .btn-verde[disabled]:focus, .btn-verde[disabled]:hover, fieldset[disabled] .btn-verde.focus, fieldset[disabled] .btn-verde:focus, fieldset[disabled] .btn-verde:hover {
    background-color: #339966;
    border-color: #309060;
}
.btn-verde .badge {
    background-color: #fff;
    color: #339966;
}