/*
Theme Name:     Cibreo
Description:    Cibreo website theme
Author:         Filippo Corretti
Author URI:     http://www.filippocorretti.com
Template:       enfold
Version:        1.0.0
*/

/*CUSTOM FONTS*/
@import url('https://fonts.googleapis.com/css?family=Averia+Serif+Libre');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:350');
@import url('https://fonts.googleapis.com/css?family=Questrial');

/*menu*/
#top #header .av-main-nav > li > a, .widget_nav_menu li, h3.widgettitle,  #top .av-main-nav ul a, #socket,  .main_color .avia-color-theme-color-subtle
{font-family:'Josefin sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; padding: 15 2;}

/*titoli*/
h1, h2, h3, h4, h5, h6, blockquote, .p404, .label, .av_toggle_section p.toggler, div.passa-a a {
    font-family: 'Averia Serif Libre', cursive;
}


/* Modifiche Diego!!! */

/*
.av-main-nav > li > ul {
   border-width: 15px;
   margin-top: 1px;
}


.main_color strong {
  color: inherit;
  font-weight: 400;
}
*/

/*///////////// allineamento menu ed altro footer /////////////////*/
 
.sub_menu_socket {margin-top:3px !important;}

#socket .social_bookmarks li a {
width: 75px !important;
height: 75px !important;
font-size: 22px !important;
}

/*///////////// allineamento menu ed altro footer /////////////////*/


#top #header .av-main-nav > li > a {
	font-size: .75em;
}

/*//////////////////////////////*/

#top .av-main-nav ul a {
    text-transform: uppercase;
    letter-spacing: .12em;
	padding-left : 3px;
	padding-right : 3px;
}

/*h4*/
h1, h2 {
    letter-spacing: .1em !important;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
  text-transform: none;
}

.averia-font {
  font-family: 'Averia Serif Libre', cursive;
}



/*rimuovi bordi*/

#socket {
    border: none;
}


/*SUB MENU*/

ul.sub-menu {
    border: 0;
}

/*LINK*/
.main_color a {
    text-decoration: underline;
}

/*MENU*/

#top #header_main > .container .main_menu ul:first-child > li > a {
    text-transform: uppercase;
    letter-spacing: .12em;
}



/*FOOTER*/
#footer p {
    font-size: 80%;
    line-height: 1.5;
}


/*SOTTOLINEATURA MENU*/

.menu.av-main-nav .avia-menu-fx {
    height: 0;
}


/*WELCOME FRONTPAGE*/

/*  SECTIONS  */
.titolo-cibreo {
	margin-top: -75px !important;
	margin-bottom: 5%;
}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}
.header-pulsanti {
  display: none;
}


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/* nascondere il badge reCAPTCHA v3 */

.grecaptcha-badge{
	visibility: collapse !important;  
}


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
 .home.page .slideshow_align_caption {
  padding: 20px 0;
  display: block;
  }
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {padding: 0;}
.home.page .titolo-cibreo {display: none;}
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
    .section.group.section-header img {display: none;}
  .header-pulsanti {
    display: block;
    padding-top: 100px;
  }
  .span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*logo slider*/
.logo-slider {
    width: 400px;
    height: auto;
}


/*wp tiles fix*/

.wp-tiles-loaded .wp-tiles-tile, .wp-tiles-loaded .wp-tiles-tile-wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.wp-tiles-loaded .wp-tiles-tile-bg {
    height: 100%;
    width: 100%;
}

body .wp-tiles-tile a {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/*WIDGET MENU STYLING*/

.widget_nav_menu li {
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.widget_nav_menu li a {
    color: #6e6d6a !important;
    text-decoration: none;
}

.widget_nav_menu li a:hover {
    color: #374d50 !important;
}

/*hotspot immagine*/

.av-hotspot-container .av-image-hotspot_inner, .av-hotspot-container .av-image-hotspot_inner:hover {
    color: white;
}

/*animazione masonry*/

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
  -webkit-animation: fadeIn;
  animation: fadeIn;
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: none;
    transform: none;
    opacity: .9;
}



/*social icons*/

/*
 
#text-8.widget_text, #text-10.widget_text {
    padding-top: 0;
}

.social-bar .social-icon {
    display: inline-block;
    width: 40px;
    height: 41px;
    margin-right:7px;
    fill: #6e6d6a;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(images/social-icon_cibreo.svg);
    background-size: 208px auto;
}

.social-bar .social-icon.fb {
    background-position: 0 0;
}
.social-bar .social-icon.yt {
    background-position: -84px 0;
}
.social-bar .social-icon.tw {
    background-position: -42px 0;
}
.social-bar .social-icon.ig {
    background-position: -126px 0;
}
.social-bar .social-icon.www {
    background-position: -168px 0;
}
.social-bar .social-icon.fb:hover {
    background-position: 0 -42px;
}
.social-bar .social-icon.yt:hover {
    background-position: -84px -42px;
}
.social-bar .social-icon.tw:hover {
    background-position: -42px -42px;
}
.social-bar .social-icon.ig:hover {
    background-position: -126px -42px;
}
.social-bar .social-icon.www:hover {
    background-position: -168px -42px;
}
*/
 
/*
body .wpsw-social-links li .social-icon, body .wpsw-social-links-shortcode li .social-icon {
    font-size: 40px;
    margin: 0 25px 0 0;
    text-align: left;
    padding: 0;
    width: auto;
    height: auto;
}

div#wp-social-widget-2 {
    padding-top: 0;
}
*/

/*image overlay*/

.image-overlay {
    display: none !important;
}

/*immagine profilo sidebar*/
div.profile {
  width: 200px;
  height: 200px;
}
div.profile.fabio {
  background-image: url(images/fabio.svg);
  background-size: 200px 200px;
}
div.profile.giulio {
  background-image: url(images/giulio.svg);
  background-size: 200px 200px;
}

/*socket*/
#socket {
  font-size: 14px;
}
#socket .sub_menu_socket { 
	margin-top: 10px;
}
ul li.lang-item:not(:last-child) {
  margin-left: 20px;
}
/* Separatore lingua */
/*
ul li.lang-item:after {
  content: " | ";
  margin-left: 3px;
  color: #a29f9e;
}
*/

ul li.lang-item:last-child:after {
  content: none;
  padding-right: 0;
}


ul li.lang-item {
  padding: 0 5px !important;
}

ul li.lang-item a {
  color: #6e6d6a
}

/*widget nav menu*/
.widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
  background: none;
  box-shadow: none;
}

.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
  color: #374d50 !important;
}

/*passa a nav menu*/
div.passa-a {
  margin-top: 40px;
  padding-left: 25px;
  background: url(images/freccia.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0 6px;
}


div.passa-a a {
  font-size: 115%;
  text-decoration: none;
  color: #6e6d6a !important;
}

div.passa-a a:hover {
  color: inherit !important;
}

/*stile pulsant*/
.header-pulsanti .avia-color-theme-color-subtle{
  border: 2px solid white;
  background: transparent;
  width: 80%;
  text-decoration:none !important;
}

.main_color .avia-color-theme-color-subtle {
  color: white;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.avia-button:hover {
  opacity: 1;
}

/*citazione*/
blockquote {
  border: 0;
  padding: 0 40px;
  font-size: 28px;
  background: url(images/quote.svg);
  background-position: top left;
  background-size: 30px auto;
  background-repeat: no-repeat;
  color: inherit;
  letter-spacing: .05em;
}

.main_color blockquote {
  color: #6e6d6a;
}
/*nascondi menu lingue in main menu*/

/*
 * nav.main_menu .lang-item {
  display: none;
}
*/

.maria-image {
  width: 300px;
  margin: 0 auto;
}

/*icone citazioni*/

.av-seperator-icon {
  font-size: 35px;
}

/*accordion*/
.av_toggle_section p.toggler {
  font-size: 25px;
  padding: 15px 3px 15px 10px;
  border-bottom: 1px dashed #dedcdc;
  margin-bottom: 1px;
}
.toggle_icon {
  display: none;
}

.toggle_content {
  margin: 0 20px 20px;
  border: 1px solid #dedcdc !important;
  border-top-width: 0 !important;
}

/*///////////////////////////////////////////////*/

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */


    /*PORTE MENU*/

    .network > a > span.avia-menu-text {
        color: transparent;
    }
    .network > a {
        background-image: url(images/porta.svg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
    }

    .network.ristorante > a {
        background-image: url(images/menu-porta-rist.svg);
    }
    .network.trattoria > a {
        background-image: url(images/menu-porta-tratt.svg);
    }
    .network.caffe > a {
        background-image: url(images/menu-porta-caff.svg);
    }
    .network.cibleo > a {
        background-image: url(images/menu-porta-cibl.svg);
    }

    .frontpage-slide {
        color: transparent !important;
    }
}

  .titolo-cibreo img {
    max-width: 300px;
  }



@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

/*nascondi tooltip mobile*/
    .av-hotspot-fallback-tooltip {
        display: none !important;
    }
    .titolo-cibreo img {
    max-width: 240px;
  }
}

/*404*/
body.error404 .container_wrap_first.main_color {
  background: #374d50;
}

.container404 {
  max-width: 600px;
  margin: 100px auto;
  text-align: center;
}
.p404 {
  color: white;
  font-size: 25px;
  line-height: 1.5;
  letter-spacing: .05em;
}

.pulsante404 .avia-color-theme-color-subtle{
  border: 2px solid white;
  background: transparent;
  width: 50%;
}

/*dida foto*/
.mfp-bottom-bar {
  display: none;
}

/*accademia*/

.page-id-1667 .logo {
  display: none;
}

/*pulsante come arrivarci*/
  #contatti .avia-button-wrap.avia-button-left.avia-builder-el-16.avia-builder-el-no-sibling {
    background-color: #f7f6f7M;
    border:2px solid #6e6d6a !important;
  }


/*entry sidebar*/

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
  font-size: inherit;
  text-transform: none;
}

.avia-builder-widget-area .entry-content-wrapper .entry-content p {
  font-size: .9em !important;
}


/*selettore lingua*/
#top #header_main > .container .main_menu ul:first-child > li.lang-item > a {
    line-height: 105px;
}
.main_menu .lang-item span.avia-menu-text {
  font-size: 65%;
  background: #f7f6f7;
  padding: 8px;
  margin-top: -4px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.main_menu .lang-item span.avia-menu-text:hover {
  background: #dedcdc;
}

footer .lang-item span.avia-menu-text {
  font-size: 75%;
}

#top .av_header_glassy.av_header_transparency #header_main {
  display: none;
}

/*slidehome fix*/

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  background: url(http://www.cibreo.com/wordpress/wp-content/uploads/2014/07/sfondo-front-page-cibreo-1.gif);
  background-size: cover;
}

/*citazioni*/

.avia-slider-testimonials .avia-testimonial-arrow-wrap {
  left: 50%;
}
.avia-testimonial-name {
  text-align: center;
}

.avia-testimonial-name a{
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: .2em;
  text-decoration: none;
}

.avia-testimonial-content blockquote {
  margin-right: 0;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.2 !important;
}

/*WOCOMMERCE Take Away*/

.template-shop .product_meta{display:none !important}


/*RESPONSIVE*/

@media only screen and (max-width: 700px) {
#footer .av_one_fourth {
  width: 100%;
  margin-left: 0;
  text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  #benvenuti .av_one_fifth {
    display: none;
  }
  #benvenuti .av_three_fifth {
    width: 100%;
    margin-left: 0;
  }
  blockquote p {
    font-size: 26px;
    line-height: 1;
  }
}

@media only screen and (max-width: 480px) {
  p {
    font-size: 16px;
    line-height: 1.5;
  }
  blockquote p {
    font-size: 18px;
  }

  h2 {
    letter-spacing: .05em !important;
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {

  .sidebar {
    padding-top: 0;
  }

}