/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

html {
    font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
    font-size: 13px;  /* era 12px */
    text-rendering: optimizeLegibility;
    font-weight: 300;
    height: 100%;
}
body {
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    background: -webkit-canvas(animat);
    background-color: rgb(254, 254, 254);
    /*background-image: url('../img/background-vv.png');*/
}
p, .lead {
	font-size: 13.5px; /*era 13 px*/
    margin: 0;
    padding: 0;
    line-height: 1.5; /* era 1.4em*/
}
a {
    text-decoration: none;
    color: black;
}
a:hover, a:visited {
    color: black;
}
.clear {
    clear: both;
}
.left {
    float: left;
}
#wrapper {
    height: 100%;
    position: relative;
}
h1, h2, h3, h4, h5 {  
    font-weight: 500;
}
#main-nav ul li {
    font-size: 13px;
}
/* MAIN STRUCTURE
----------------------------------------- */

#body-container {
    min-height: 100%;
    padding-bottom: 60px;
}
#content {
    margin-top: 50px;
    background: blue;
}
#header {
    margin-top: 70px;
}
#main-nav {
    margin-top: 50px;
}
#main-content {
    margin-top: 50px;
    /*40px;*/
}
#main-content-archive {
    margin-top: 60px;
}
#main-content-archive .page-header {
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    margin: 0;
}
#main-content-archive article {
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
}
#main-content-archive .category-news{  /* nasconde le news dall'archivio degli*/
    display:none;
}
#slider-home article .slider {
    background-image: url(http://www.centroculturalechiasso.ch/wp-content/uploads/2016/02/imago-urbis.jpg); /* http://www.centroculturalechiasso.ch/wp-content/uploads/2015/09/la-grafica-per-laperitivo.jpg */
    overflow: hidden;
    background-position: center;
}
#main-content article .slider_cinema {
    background-image: url(http://www.centroculturalechiasso.ch/wp-content/uploads/2015/06/enrico-iv1.jpg); /*http://www.centroculturalechiasso.ch/wp-content/uploads/2015/06/enrico-iv1.jpg  http://ccc.ti-edu.ch/wp-content/themes/wordpress-bootstrap-master/images/ale-e-franz.jpg    */
    overflow: hidden;
    background-position: center;
}
#main-content article .slider_max{
    background-image: url(http://www.centroculturalechiasso.ch/wp-content/uploads/2016/02/imago-urbis.jpg); /* http://www.centroculturalechiasso.ch/wp-content/uploads/2015/09/la-grafica-per-laperitivo-653x346.jpg */
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-position: center;
}
#main-content article .slider_spazio {
    background-image: url(http://www.centroculturalechiasso.ch/wp-content/uploads/2016/02/gpminelli-2015_max_museo.jpg); /* http://www.centroculturalechiasso.ch/wp-content/uploads/2015/07/autoritratto-con-grande-discarica.jpg  http://centroculturalechiasso.ch/wp-content/uploads/2015/01/04_Minelli_A4-621x490.jpg     http://centroculturalechiasso.ch/wp-content/uploads/2014/12/03_Pietro-Sarto.jpg */
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#main-content article .slider_iniziative{
    background-image: url(http://centroculturalechiasso.ch/wp-content/uploads/2015/02/max-museo-image.jpg);
    overflow: hidden;
    background-position: center;
}
#main-content article {
    margin: 0 0 40px;
}
#additional-side {
    margin-top: 50px;
}
#projects-content {
    margin-top: 50px;
}
#events-content {
    margin-top: 30px;
}
.square-blue:before {
    content: '■';
    color: rgb(0, 93, 169);
    padding: 0 5px 0 0;
}
.square-red:before {
    content: '■';
    color: rgb(226, 6, 19);
    padding: 0 5px 0 0;
}
.square-yellow:before {
    content: '■';
    color: rgb(255, 203, 0);
    padding: 0 5px 0 0;
}
.square-blue-side:before {
    content: '■';
    color: rgb(0, 93, 169);
    padding: 0;
    margin: -3px 0 0 0;
    float: right;
}
.square-red-side:before {
    content: '■';
    color: rgb(226, 6, 19);
    padding: 0;
    margin: -3px 0 0 0;
    float: right;
}
.square-yellow-side:before {
    content: '■';
    color: rgb(255, 203, 0);
    padding: 0;
    margin: -3px 0 0 0;
    float: right;
}
#sidebar1 {
    width: 100%;
}

ul, ol {
	font-size: 13px;
	line-height: 1.4;
}
/* NAV BUTTON
---------------------------------------------------------------*/

#nav-button-mobile {
    display: none;
    position: fixed;
    right: 20px;
    top: 3px !important;
    padding: 13px;
    cursor: pointer;
    z-index: 99;
    border-radius: 4px;
}
#nav-button-mobile > .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    margin-top: 3px;
    background-color: rgb(255, 255, 255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* TOP BAR
----------------------------------------- */

#top-bar {
    width: 100%;
    height: 6px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
}
#top-bar h3 {
    color: rgb(255, 255, 255);
    text-align: center;
    width: 100%;
    font-weight: 500;
    display: none;
    font-size: 14px;
    line-height: 2.2em;
}
#top-bar.black {
    background-color: rgb(0, 0, 0);
}
#top-bar.yellow {
    background-color: rgb(255, 203, 0);
}
#top-bar.red {
    background-color: rgb(226, 6, 19);
}
#top-bar.blue {
    background-color: rgb(0, 93, 169);
}
#black {
    background-color: rgb(0, 0, 0);
}
#yellow {
    background-color: rgb(255, 203, 0);
}
#red {
    background-color: rgb(226, 6, 19);
}
#blue {
    background-color: rgb(0, 93, 169);
}
/* HEADER
----------------------------------------- */

.logo {
    width: 170px;
    border: 0;
}
.search-ico {
    width: 13px;
    margin-top: -2px;
    cursor: pointer;
}
#header ul {
    list-style: none;
    float: right;
    margin-top: 30px;
}
.page-header {
    margin-top: 0;
    border: none;
    padding-bottom: 0;
}
#header ul li {
    float: left;
    text-align: right;
    margin-left: 20px;
    font-weight: 600;
    padding-bottom: 4px;
}
#header ul li.secondary {
    color: rgba(0, 0, 0, 0.5);
}
#nav-content {
    display: block;
}
#nav-content ul li a {
    color: black;
    text-decoration: none;
    padding-bottom: 4px;
}
#nav-content ul .secondary a {
    color: rgba(0, 0, 0, 0.5);
}
.selected-cinema, .no-selected-cinema a:hover {
    border-bottom: 3px solid rgb(255, 203, 0);
}
.selected-museo, .no-selected-museo a:hover {
    border-bottom: 3px solid rgb(226, 6, 19);
}
.selected-spazio, .no-selected-spazio a:hover {
    border-bottom: 3px solid rgb(0, 93, 169);
}
.no-selected-biblioteca a:hover {
    border-bottom: 3px solid rgb(0, 0, 0);
}
#nav-content .selected-secondary a, .secondary a:hover {
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.archive_title {
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
    padding: 7px 0 17px;
}
.page-title-archive {
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
    font-size: 14px;
    padding: 8px 0 20px; /*3px 0 30px; */
    margin: 0;
}
/* HOME
----------------------------------------- */

.slider {
    margin: 0;
    width: 100%;
    height: 300px;
    background-color: rgba(240, 240, 240, 0.5);
}
/* EVENTS
----------------------------------------- */

.event .thumb {
    background-color: rgba(240, 240, 240, 0.5);
    min-height: 150px;
    width: 100%;
}
.event .thumb_home {
    background-color: rgba(240, 240, 240, 0.5);
    min-height: 150px;
    width: 100%;
    height: 199px;
}
.event .name {
    /*height: 40px;*/
}
.event {
    margin-bottom: 10px;
}
.thumb {
    max-width: 100%;
}
.thumb img {
    max-width: 100%;
}
.event h5 {
    padding: 10px 0 0 0;
    margin: 0;
}
.event p {
    width: 90%;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.event_home .event {
    min-height: 270px; /* 260px;*/
}
#events-content .event {
    height: 210px;
}
/* CALENDAR
----------------------------------------- */

#calendar {} #calendar > .item {
    width: 100%;
    height: auto;
    padding: 10px 0;
}
#calendar .data, #news .data {
    font-weight: 300;
    font-size: 11px;
}
#calendar .data a, #calendar .data a:hover, #news .data a, #news .data a:hover {
    font-weight: 300;
    /*font-size: 11px; */
    text-decoration: none;
}
#calendar > .item > .content {
    width: 100%;
}
#calendar > .item p {
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#calendar > .item h5 {
    padding: 0;
    margin: 0; 
    font-size: 12px; /*11px;*/
    width: 90%;
}
/* NEWS
----------------------------------------- */

#news {} #news > .item {
    width: 100%;
    height: auto;
    padding: 10px 0;
}
#news > .item > .content {
    width: 100%;
}
#news > .item p {
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 1.4em;
}
#news > .item h5 {
    padding: 0;
    margin: 0;
    font-size: 11px;
    width: 90%;
}
#news > .item a {
    font-size: 12px; /*13px; */ /*11px; */
    line-height: 1em;
    padding: 0;
    line-height: 13.2px;
}
.title-news {
    margin-top: 30px;
}
.button {
    margin-top: 10px;
    padding: 10px 0 20px;
}
a .button {
    color: black;
}
/* MAIN CONTENT
----------------------------------------- */

.lead {
    /*font-size: 13px;
    line-height: 1.4;*/
    margin-bottom: 0px;
}
/* SUB MENU
----------------------------------------- */

#main-nav ul {
    font-size: 12px;
    padding: 0;
    margin-top: 18px;
    list-style: none;
}
#main-nav ul li:first-child {
    border-top: 0;
}

.menu > li {
    padding: 3px 0 0px 0;
    margin: 0px 0 5px 0;
    border-top: 1px dotted rgba(200, 200, 200, 0.8);
}

#main-nav .sub-menu {
	padding-left: 10px;
}

#main-nav .sub-menu a {
	color: #565454;
}

.menu > li > .sub-menu {
	margin-top: 3px !important;
	display: none;
}

.menu > li > .sub-menu li {
	border: 0;
	margin: 0px 0 3px 0 ;
}

.menu > li.active > .sub-menu,
.menu > li.current_page_ancestor > .sub-menu {
	display: block;
}
/* FOOTER
----------------------------------------- */

body footer {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background-color: white;
    color: black;
    margin-top: 25px;
    position: relative;
    width: 100%;
    height: 60px;
}
body article footer {
    background-color: white;
    color: black;
}
footer .container {
    padding: 20px 0 20px;
}
.pull-left a, .pull-center a, .pull-right a {
    padding: 20px;
    color: black;
    font-weight: 500;
}
.pull-center {
    float: left !important;
    margin-left: 20px;
}
/* EDIT (only for administrators)
----------------------------------------- */

.edit-link {
    margin: 10px 0;
    clear: both;
}
/* TITOLI
----------------------------------------- */

h1, h2, h3, h4, h5, h6 {} h1, h2, h3 {
    margin-top: 10px;
}
.page-title {
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    font-size: 14px;
    padding-top: 8px;
}
header h2, header h3 {
    font-size: 14px;
}
h4 {
    padding-top: 3px;
    font-size: 13px;
}
h3 {
    padding: 3px 0 10px;
    font-size: 13px;
}
/* WIDGET
----------------------------------------- */

.filetto-spesso {
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    margin-bottom: 11px;
}
.filetto-fine {
    border-top: 1px dotted rgba(200, 200, 200, 1);
    padding: 3px 0;
}
.widget {
    margin-top: 10px;
}
#main-nav .widget {
    border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.widget_nav_menu .widgettitle, .widget .widgettitle {
    display: none;
}
/*
.menu-cinema-teatro-container, .menu-m-a-x-museo-container, .menu-spazio-officina-container{
  border-top: 1px solid rgba(0,0,0,0.7);
}*/

#main-nav ul {
    margin-top: 0
}
#main-nav ul li {
    margin: 6px 0;
}
/* SEARCH
----------------------------------------- */

#search-content {
    float: right;
    width: auto;
}
#search-content .form-search {
    width: 200px;
    height: 30px;
    border: 1px solid rgb(70, 70, 70);
    background-color: rgb(60, 60, 60);
    margin-top: 15px;
    border-radius: 1.5px;
    float: left;
}
#search-content .button-search {
    width: 100px;
    height: 30px;
    border: 1px solid rgb(50, 50, 50);
    background-color: rgb(20, 20, 20);
    margin-top: 15px;
    border-radius: 1.5px;
    float: left;
    margin-left: 15px;
    color: rgb(255, 255, 255);
}
#search-content .close-search {
    border-radius: 1.5px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: left;
    font-size: 23px;
    height: 30px;
    margin-left: 15px;
    margin-top: 12px;
    width: 25px;
}
#search-content .widget_search {
    width: 80%;
    margin-top: 12px;
}
/* POST
--------------------------------------------------------------- */

.post_content a {
    text-decoration: underline;
}
.post_content img {
    max-width: 100%;
}
.alert-info {
    display: none;
}
/* CATEGORIA
--------------------------------------------------------------- */

.single_cat {
    display: block;
}
/* SINGOLO EVENTO
--------------------------------------------------------------- */
.post_image {
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
    padding: 0 0 17px;
    margin: 0 0 10px;
}
.post_image .image {
    /*width: 653px;
   height: 490px; 490px + margin-bottom + padding-bottom */
    
    overflow: hidden;
    display: block;
}
.post_image img {
    /*min-width: 653px;
  min-height: 490px;
  max-width: 653px;
  max-height: auto;*/
    
    height: auto;
    min-width: 100%;
}
.date_ticket .date {
    /*width: 70%;*/
    
    float: left;
    margin-bottom: 20px;
}
.buy-ticket {
    float: right;
    margin-top: 20px;
    width: 120px;
    text-decoration: none;
}
.date_ticket .sub_category {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
}
#other_events .sub_category {
    font-weight: bold;
    font-size: 12px;
    padding: 30px 0px 10px;
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
}
.buy-ticket a {
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 3px;
}
.buy-ticket a:hover {
    text-decoration: none;
}
#metadata_events {
    list-style: none;
    padding: 20px 0;
}
#metadata_events div {
    border-top: 1px dotted rgba(200, 200, 200, 1);
    padding: 10px 0;
    clear: both;
    min-height: 10px;
}
#metadata_events div:last-child {
    border-bottom: 1px dotted rgba(200, 200, 200, 1);
}
#other_events div {
    padding: 10px 0;
    clear: both;
    min-height: 10px;
}
#other_events div:last-child {
    /*border-bottom: 1px dotted rgba(200, 200, 200, 1);*/
}
#metadata_events .clear, #other_events .clear {
    clear: both;
    height: 0;
    border: none;
    padding: 0;
}
#metadata_events div .label_field, #metadata_events div .line {
    font-weight: 500;
    float: left;
    display: block;
    width: 30%;
    margin-right: 3%;
}
#metadata_events div .label_field {
    padding-bottom: 10px;
}
#metadata_events div .line:first-line {
    color: red;
    float: right;
    margin-left: 20px;
    text-indent: -32px;
}
.intro {
    font-weight: 500;
}
blockquote {
    border: none;
    padding: 20px;
}
blockquote p {
    font-family: 'Helvetica';
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
}
.sponsor {
    border-top: 1px dotted rgba(200, 200, 200, 1);
    /*border-top: 1px solid rgba(0, 0, 0, 0.7);*/
    
    padding: 10px 0;
    clear: both;
    margin-top: 20px;
}
.sponsor div {
    float: left;
    margin: 10px 1.5% 2.5%;
    min-height: 130px;
    /*10px 2.3% 2.3% 0;*/
    
    width: 17%;
    /*22%;*/
}
.sponsor div:first-child {
    margin: 10px 3% 2.5% 0;
}
.sponsor p {
    font-weight: 500;
    font-size: 11px;
    margin-bottom: 20px;
    height: 30px;
}
.sponsor img {
    max-width: 100%;
    /*22.7%*/
    
    height: auto;
}
/* GALLERIA
--------------------------------------------------------------- */

#wrapper-galleria {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
#contentWrapper {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    white-space: nowrap;
}
.gallery-item {
    display: inline-block;
    margin: 0px;
    background-color: rgba(255, 255, 255, 0.2);
}
.gallery-item img {
    height: 300px;
    max-height: 100%;
}
.gallery-item img.opac {
    opacity: 0.1;
}
.gallery-nav {
    max-width: 100%;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 280px;
    z-index: 10;
}
.avanti, .indietro {
    float: left;
    margin: 10px 10px 0 0;
    cursor: pointer;
}
.avanti img, .indietro img {
    max-width: 25px;
    position: absolute;
    top: 14px;
    left: 12px;
}
.gallery-nav-number {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    ;
    float: left;
    margin-right: 5px;
    color: rgb(255, 255, 255);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: gray;
    border-color: gray;
}
/* FORM
------------*/
.wpcf7 p {
    margin-bottom: 20px; 
}
.wpcf7 input[type="submit"] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 100px;
    height: 30px;
}
.wpcf7 .wpcf7-select {
    /*height: 20px;*/
}
.wpcf7-list-item {
    margin: 0 20px 0 0;
}
/* SOCIAL
------------*/
.social_cinema, .social_max, .social_spazio {
    text-decoration:none !important;
}
.social_cinema:hover svg path {
    fill: rgb(0, 0, 0);
    /* fill: rgb(255, 203, 0); */
}
.social_max:hover svg path {
    fill: rgb(0, 0, 0);
    /* fill: rgb(226, 6, 19); */
}
.social_spazio:hover svg path { 
    fill: rgb(0, 0, 0);
    /* fill: rgb(0, 93, 169); */
}

/* DEBUG - Codice aggiunto da Giovanni (può essere rimosso dopo aver messo online il sito)
--------------------------------------------------------------- */

.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.event .thumb {
    background-color: rgba(240, 240, 240, 0.5);
}
#main-content-archive #post-not-found {
    border: none;
}
/* MEDIA QUERIES
--------------------------------------------------------------- */

@media (min-width: 1200px) {
    #nav-button-mobile {
        display: none;
    }
}
@media (min-width: 941px) {
    /* and (max-width: 1199px) */
    /* { (min-width: 940px)*/
    
    .search-ico {
        padding: 2px 8px 5px;
        width: 30px;
        height: 22px;
    }
    .the_content img, .the_content a img {
        width: 100%;
        height: auto;
    }
    .event .thumb {
        width: 100%;
        height: auto;
    }
    .thumb img {
        width: 100%;
        height: auto;
        /*max-height: 200px;*/
    }
    .post_image img {
        width: 100%;
    }
    .post_image .image {
        width: 100%;
    }
    .event .thumb {
        min-height: 120px;
    }
    .event .thumb_home {
        min-height: 199px;
        /*161px*/
        /*height: auto;*/
    }
    #events-content .event {
        height: 200px;
    }
}
@media (max-width: 940px) {
    .gallery-item img {
        height: auto;
    }
    img {
        width: 100%;
        height: auto;
    }
    #nav-content {
        display: none;
    }
    #nav-button-mobile {
        display: block;
        visibility: visible;
    }
    #top-bar {
        width: 100%;
        height: 50px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 80;
    }
    #top-bar h3 {
        display: block;
    }
    #header {
        margin-top: 80px;
    }
    .event .thumb {
        max-width: 100%;
    }
    .row #additional-side {
        margin-top: 0px;
    }
    .container {
        padding-left: 15%;
        /*era 15px, poi 70px. Le immagini risultavano molto grandi e le pagine lunghe*/
        
        padding-right: 15%;
        /*era 15px, poi 70px*/
    }
    #logo-max {
        display: none;
    }
    #events-content .event {
        height: auto;
    }
    footer .container {
        width: 100%;
    }  
    .pull-left, .pull-center {
        width: 100%;
        margin: 0;
    }
    .pull-right {
        padding: 0 12% !important; 
        width: 100%;
    }
    .pull-left a, .pull-center a {
        float: none;
        display: block;
        width: 100%;
        padding-left: 15%;
        padding-right: 15%;
        /*border-bottom: 1px solid red; */
    }
    .pull-right a {
        float: left;
        display: block;
        margin: 0;
        padding-right: 25%; 
        /*padding-left: 15%;
        padding-right: 15%;*/
    }    
    .pull-right a:last-child {
        padding-right: 5%; 
    }
    .filetto-fine-smartphone{
        border-top: 1px dotted rgba(200, 200, 200, 1);
        padding: 3px 0;
    }
}
@media (max-width: 767px), (device-aspect-ratio: 2/3) {
    .button {
        padding: 10px;
        border-radius: 3px;
        border: 1px solid black;
        margin: 20px 0;
        text-align: center;
    }
    .sponsor div {
        margin: 10px 5%;
        width: 40%;
    }
}