/*   
Theme Name: Gandola & Battaini
Author: Paissan & Partners
Version: 1.0
Author URI: http://www.paissan.com/
Theme URI: http://www.ga-ba.ch
Description: 
Tags: 
*/


/* GOOGLE FONTS */
@import 'https://fonts.googleapis.com/css?family=Ropa+Sans:400,400i&subset=latin-ext';


.gallery-caption {}
.commentlist .bypostauthor {}
.wp-caption {
	max-width:100%;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	margin: 0px 0px 10px 0px;
	border-radius: 0px;
}
.wp-caption img {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: .80em;
line-height: 17px;
padding: 0 5px;
margin: 0;
}

.sticky {}
.alignright { float: right; margin-left:20px; margin-bottom:10px; }
.alignleft { float: left; margin-right:20px; margin-bottom:10px; }
.aligncenter { float: none; text-align: center;}


/* GANDOLA & BATTAINI */

.gaba-footer {text-align:center !important;color:#fff !important; margin-bottom:0px !important;}

p {line-height: 2em !important;}

b, strong {color:#2c447c;}

.testo-grigio {color: #868686;}

.testo-blu {color: #2c447c;}


.main-nav .menu li ul.submenu-languages {width:70px !important; min-width:70px !important;}

#gaba-credits {clear: both;display: inline-block;width: 100%;margin-top: 20px;font-size: 12px !important;border-top: 1px dotted #fff; /*background-color: rgba(255,255,255,0.75);color: #00578d; line-height: 30px;*/padding: 15px 0;}
.gaba-web {text-align: right;}

footer {padding: 30px 0px 0px !important; background-color: #2c447c; color: #fff; margin-top:40px; }
footer a {color: #fff /*#003247*/ !important; /*font-weight: 700;*/}
footer h2 {color: #fff; font-size: 15px; font-weight: 700; margin-top: 18px; text-transform: uppercase; text-align: center;}
footer h2 span {font-family: 'Open Sans', Helvetica, sans-serif; color: #fff;: font-size: 13px; font-weight: 300; text-transform: none;line-height: 32px;}


.gaba-colonna {width: 50%;float: left;margin-bottom: 10px;}

.gaba--60px {margin-top: -60px !important;}
.section-gaba--60px {margin-top: -60px !important;}
.gaba-header {min-height:200px;}

.gaba-intro {text-align:center;font-size:24px; line-height:1.5em;color:#6b6b6b;font-weight:400;}

/* PORTFOLIO */
.viba-portfolio-single-item {margin-top: 50px !important;}
.viba-portfolio-single-thumbnail:hover .viba-portfolio-media-caption, .viba-portfolio-gallery-item:hover .viba-portfolio-media-caption, .viba-portfolio-single-thumbnail:hover .viba-portfolio-media-link, .viba-portfolio-gallery-item:hover .viba-portfolio-media-link {opacity: .5 !important;}
.viba-portfolio-gallery-grid .viba-portfolio-media-caption, .viba-portfolio-gallery-grid .viba-portfolio-media-link {top: 0px !important;left: 0px; !important}
.viba-portfolio-single-media .viba-portfolio-media-link {height: 100% !important;width: 100% !important;}
.viba-portfolio-media-link::before {font-size: 40px !important;}
.viba-portfolio-media-link::before {position: relative !important;
top: 50% !important;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

.gaba-social {float:right;line-height:84;font-size:24px;}
.destra {position:relative; text-align:right;}


/* RESPONSIVE */

@media (max-width: 767px) {
.gaba-social {display:none;}
  .gaba-colonna {width: 100%;text-align: center !important;float: none;}
  .gaba-web {text-align: center !important;}
  .main-nav .menu li.active a, .main-nav .menu li.current-menu-item a, .main-nav .menu li.current-menu-ancestor > a, .main-nav .menu li a:active, .main-nav .menu li a:focus, .main-nav .menu li a:hover {
    border-top-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #2c447c !important;
    padding-left: 15px;}  
    
.section-gaba--60px {margin-top: -25px !important;}
.logo-bar .logo {padding-bottom: 10px;}
.gaba-header {min-height:125px;}
.gaba-titolo-header {margin: 10px 0;font-size:30px;}
.gaba-titolo-header:before {
	display:block;
	float:left;
content: "";
    background: transparent;
height: 0px;
width:0px;
margin-right: 0px;
}
.gaba-intro {font-size:18px;}

}

/* LOGO RETINA DISABILITATO
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.logo > a {float: left;min-height: 94px;width: 100%;background: url(images/gaba_logo@2x.png) no-repeat left top !important;background-size: 288px 47px !important;}
.logo a {max-width: 288px;min-height: 47px;padding: 0;width: 100%;float: left;margin: 0;}
.logo_bianco {float: left;min-height: 94px;width: 100%;background: url(images/gaba_logo_w@2x.png) no-repeat left top !important;background-size: 288px 47px !important;}
.logo_bianco {max-width: 288px;min-height: 47px;padding: 0;width: 100%;float: left;margin: 0;}

 */

/* SFUMATURA */
.gaba_gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */

}

/* VIBA PORTFOLIO MODIFICHE */

.viba-portfolio-single-meta {padding-top:15px;
    color: #666;
}

.viba-portfolio-helium-overlay {height: 0px !important;}

/*.viba-portfolio-single-data {border-bottom: 1px solid #e5e5e5;}*/

.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 {
    font-size: 1.25em !important;
    line-height: 1.2em;
    color: #666;
    font-weight: bold !important;
    margin: 10px 0px; /* margin: 20px 0px 5px 0; */
    padding: 0px; /*padding: 0 0 5px;*/
    /*border-bottom: 1px solid #e5e5e5;*/
}

.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 span {
    color: #666;
    /* margin-right:20px;
    float: right;*/
    font-weight: normal !important;
}

/*.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3:first-line {
    color: #333;*/
    /* margin-right:20px;*/
/*    float: right;
}*/

h2.mak_progettista, h3.mak_progettista, h3.mak_indirizzo_icona {font-size:1.6em !important; color:#333;}
h2.mak_progettista span, h3.mak_progettista span {font-size:1.25em !important; text-align:center;color:#999;}
h2.mak_cognome, h3.mak_cognome {font-size:1.6em !important; color:#333;}
h3.mak_progetto_titolo {margin:20px 0 10px !important;/*padding-bottom:10px !important;border-bottom: 1px solid #e5e5e5;*/}

.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 span {text-align:left;}

h4.makc-bottom {font-size:1.25em !important; color:#666; margin: 0px; text-align:right;}

.viba-portfolio-title {
    font-size: 1.2em !important;
}
.viba-portfolio-entry-title {margin-bottom:30px;}

h.3mak_indirizzo_icona:before {
    font-family: "dashicons";
    content: "\f230";
}

.viba-portfolio-single-item {margin-top:30px;}
.viba-portfolio-entry-title {font-size:40px !important;}

.viba-portfolio-single-item .viba-portfolio-single-media .viba-portfolio-media-link { 
  height:100%; 
  width:100%; 
  -webkit-transform: translate3d(0,0,0); 
  transform: translate3d(0,0,0); 
}

.viba-portfolio-single-item .viba-portfolio-media-link::before { 
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-20px; 
  margin-left:-5px; 
}

.viba-portfolio-gallery { padding-top:20px;}
.viba-portfolio-single-description {margin-top:50px;}

.viba-portfolio-single-item { /*background: transparent url('images/sfondo_viba.png') repeat-y;
background-size:100% auto;*/}

.viba-portfolio-share-icons {margin-top: 50px !important;}

.viba-portfolio-single-content .viba-portfolio-single-meta a {
    color: #0255a5;
}

.viba-portfolio-single-media .viba-portfolio-media-link {
     background: rgba(2, 85, 165, 0.5);
}

.vp-pagination-single-arrow.vp-nav-previous span, .vp-pagination-single-arrow.vp-nav-next span {
 color: #fff !important;
    background-color: #0255a5 !important;
}

.viba-portfolio-owl .owl-buttons div {border-radius: 0px !important;}
.viba-portfolio-owl .owl-buttons div:hover {width: 50px !important;}

.viba-portfolio-filter li:nth-child(5) {margin-right:75px !important;}
.viba-portfolio-filter li:nth-child(6) a { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important;}
.viba-portfolio-filter li:nth-child(5) a { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important;}

hr.gaba_hr {margin:10px 0 !important;}



/* FOOTER MODIFICHE */


footer {
    padding: 20px 0px 0px !important;
    margin-top: 20px;
}

#gaba-credits { margin-top: 5px; font-size: 12px !important; border-top: 0px dotted #ffffff!important; padding: 15px 0; }



/* PORTFOLIO MODIFICHE */
.viba-portfolio-entry-title {
    margin-bottom: 0px!important;
    font-size: 25px !important;
}


@media (min-width:768px) {  

.altezza-165 {max-height:260px; overflow:hidden; height:260px;}

}
h3 {
    color: #2c447c!important;
    
}
ul.address li {
    line-height: 25px!important;
    
}


.gaba-home-font h3 {
    font-size: 25px!important;
    color: #2c447c!important;
    font-family: 'Titillium Web' !important;
    font-weight: 600!important;
    font-style: normal!important;
}
h1 a, h3 a, h4 a, h5 a, h6 a {
    color: #2c447c!important;
}
h3 {
    font-size: 25px!important;
    color: #2c447c!important;
    font-family: 'Titillium Web' !important;
    font-weight: 600!important;
    font-style: normal!important;
}
.gaba-titolo-header {font-family: 'Titillium Web' !important; font-weight: 600!important; color:#ffffff; text-transform:uppercase;margin-top: 60px;text-shadow: 0px 0px 4px rgba(51,80,126, 1);font-size:25px;}

.main-nav.nav-tablet .menu li.active a, .main-nav.nav-tablet .menu li a:active, .main-nav.nav-tablet .menu li a:focus, .main-nav.nav-tablet .menu li a:hover {
    color: #2c447c!important;
    border-bottom: 5px solid transparent !important;
}