/*
Theme Name: Alicanto
Theme URI: https://www.infraordinario.it/
Description: Infraordinario child theme of Camyno.
Author: Andrea Belicchi
Author URI: https://www.infraordinario.it/
Version: 1.0
Template: camyno
*/

/********** palette colori ***********
 *
 * #d89e21 --> Giallo/arancio del Color Scheme camyno
 * #f2b847 --> Giallo (a mia scelta!)
 * #B3D5F8 --> Azzurro cielo ù
 * #60B6EE --> Azzurro cielù un po più scuro !
 *
 *************************************/

body {
  line-height: 1.4;
}

#da-nascondere {
  display: none !important;
}

.home #header:not(.is-stuck) {
  /*display: none;*/
}

#header.is-stuck {
  /*border-bottom: 2px solid #afc9ce;*/ 
}
#image-cover {
  background-size: cover !important;  
}
    
h1, h2, h3, h4, h5, h6 {
  /*text-transform: uppercase;*/
}
h2.post-title {
  text-transform: unset !important;
}  
h4 {
  font-size: 22px !important;
}

#oppure h1,
h2.cv-fullwidth-slider-line {
  text-transform: lowercase;
}
     
.as-title,     
h1,
h1.cv-header-line {
  font-family: 'Nothing You Could Do', cursive;
  font-size: 52px !important;
  text-transform: unset;
}
.as-title {
  font-size: 32px !important;
}     

#top-banner .banner-title h3 {
  font-size: 48px !important;
}
#top-banner .banner-title h5 {
  opacity: 1 !important;
  text-transform: uppercase;
}
body:not(.single-portfolio_item) #top-banner .bread-crumbs {
  display: none;
}
    
blockquote {
  font-family: 'Nothing You Could Do', cursive;
  font-size: 38px;
    /*font-size: 46px;*/
  border: 0 !important;
  padding: 15px !important;
}
blockquote p {
  text-align: center !important;
}
blockquote:after {
  display: none;
}

.cv-fullwidth-image {
  width: 100%;
}

.cv-section-main .cv-special-header:before {
  background-color: #444444 !important;
}
.cv-section-main strong {
  color: inherit !important;
}
    
.loghetto-footer {
  text-align: center;
}    
.loghetto-footer img {
  max-width: 120px; 
  margin-bottom: -14px;
}    

.button,
.cv-button {
  background: #b0c9ce !important;  /* button fille con sfondo azzurrino da logo */
  color: #ffffff !important;
  text-transform: uppercase;
}
.button:hover,
.cv-button:hover {
  transform: scale(1.1);
  /*color: #c02a0a !important;*/
}

body.single-portfolio_item .cv-content-section .cv-button {
  margin-top: 35px;
}

.cv-recent-posts.is-grid .post-title {
  font-size: 32px;
}
.cv-recent-posts.is-grid .extra-info {
  display: none;
}

.home .cv-fullwidth-slider {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
    display: flex;
    align-items: center;  
}

.home .cv-fullwidth-slider .cv-wrap-wrapper {
  padding-top: 0 !important;
}
.home .cv-content-section p {
  font-size: 20px;
  margin-bottom: 20px;
}

.home .cv-section-main li,
#alicanto .cv-content-section li {
  list-style-type: none;
  font-size: 20px;
  margin-bottom: 14px;  
}
#alicanto .cv-content-section li:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(https://www.alicanto-parma.it/wp-content/uploads/2021/05/alicanto-bollo-arancio.png);
  background-size: contain;
  background-repeat: no-repeat;  
  margin-right: 10px;
}
.home h2.cv-fullwidth-slider-line {
  color: #444444 !important; 
  font-size: 34px !important;
  text-transform: unset !important;
}

.on-black:hover {
    /* text-decoration: underline; */
    background-color: black !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
}
.bah {
  background-color: #f2b946;
    background-color: #60B6EE;
  border-radius: 10px;
  /* padding: 0 10px; */
}  

#sfumatura-centrale {
  background-image: radial-gradient(circle, black, white);
}
  
.clear-form {
  display: none;
}

/**************************
 *     HEADER + MENU
 **************************/

.personal-social-icon img {
  /*position: absolute !important;*/
  width: 36px;
  vertical-align: middle;
}
.personal-social-icon img:hover {
  background-color: #fcb51b;
  border-radius: 50%;
  padding: 4px;
}    
#header.is-transparent .secondary-logo {
  opacity: 0 !important;
}
#header .navigation-container .primary-menu.dropdown-menu > li {
  text-transform: uppercase;
}
#header .navigation-container .primary-menu.dropdown-menu ul {
  width: 15em !important;
}
#header .navigation-container .primary-menu.dropdown-menu ul > li:first-child {
  border-top: unset !important;
}
#header .navigation-container .primary-menu.dropdown-menu > li.current-menu-item a {
  color: #2e2e2e !important;
  font-weight: bold;
}  
#header .navigation-container .social-icons {
  font-size: 20px;
}
#header .navigation-container .primary-menu.dropdown-menu ul a {
  padding: 10px !important;
}
#header .navigation-container .primary-menu.dropdown-menu a:hover {
  font-weight: bold;
}

/* personalizzazione overlay menù (la faccio qua così si applica sempre, dai desktop piccoli ai tablet e smartphone) */
.overlay-menu ul.sub-menu,
.overlay-menu li.menu-item-has-children .toggle {
  display: none !important;
}
.cv-fullscreen-overlay {
  text-shadow: none !important;
}
ul.overlay-menu > li:first-child:before {
  content: '';
  display: inline-block;
  width: 400px;
  height: 140px;   
  max-width: 50%;
  background-image: url(https://www.alicanto-parma.it/wp-content/uploads/2021/05/alicanto-favicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}  

.cv-fullscreen-overlay.overlay-menu-wrap ul.overlay-menu ul.sub-menu {
  height: auto !important;
  display: inline-block;
  text-align: left;
  max-width: 65%;
}
.cv-fullscreen-overlay.overlay-menu-wrap li a,
.cv-fullscreen-overlay.overlay-menu-wrap li a > * {
  color: #444444 !important;
}
.cv-fullscreen-overlay.overlay-menu-wrap li a {
  font-weight: bold;  
}  
.cv-fullscreen-overlay.overlay-menu-wrap ul.overlay-menu ul.sub-menu a {
  font-size: 14px;
}

/**************************
 *         HOMEPAGE 
 **************************/
.bio {
  margin: 0 20%;
  padding-top: 10px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
.cv-special-header:before {
  height: 2px; 
  background: black !important;
}
.cv-content-section.bg-source-image { 
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.cv-user-image-link img {
  /*transition: width 1s linear;*/ 
}
.cv-user-image-link img:hover {
  transform: scale(1.1,1.0);
  transform-origin: left;
}

.home .cv-content-section.bg-source-image .cv-wrap-wrapper {
  padding: 0 !important;
}
.home .cv-content-section.bg-source-image .cv-wrap-wrapper h5 {
  font-size: 0.75em !important;
}
/* per allineare in basso i testi sui content section con immagini di sfondo che fanno da divisori in homepage */
.home .cv-content-section.bg-source-image .cv-wrap-wrapper.v-align-middle > * {
  vertical-align: bottom !important;
} 
.home #pilotta .cv-wrap-wrapper.v-align-middle > * {
  /*vertical-align: middle !important;*/
} 

/* per mantenere allineate al centro le slide con le sole frasi */
.home #cv-fullwidth-slider-1 .cv-content-section.slick-slide .cv-wrap-wrapper.v-align-middle > * {
  vertical-align: middle !important;
} 
.home #cv-fullwidth-slider-1 .cv-content-section.slick-slide .cv-wrap-wrapper {
  padding-top: 0.5em !important;
}

.home #castello-torrechiara {  
  background-position: center left !important;
  /*background-size: cover !important;*/
    /*background-attachment: fixed !important;*/  
}

.home #nome-sulla-foto {
  position: absolute;
  width: 100%;
  margin-top: -52px;
  margin-top: -2.5em;                               
  right: 0;  
  background: transparent;
}

.slick-prev:before,
.slick-next:before {
  color: #000000 !important;
}

/* promo box I NOSTRI ITINERARI */
.cv-promo-box:hover {
  /*opacity: 0.5;*/
  transform: scale(1.02);
}

#lungoparma {
  background-position: bottom center !important;
  /*margin-top: -100px;*/
  display: none !important; 
}

/**************************
 *   Pagina CHI SIAMO
 **************************/

.page-id-6816 .top-banner {  
  background-position: bottom center !important;
  background-size: contain !important;
}    

.page-id-6816 #chi-siamo li {
  margin-bottom: 16px;
}

/****************************
 * Pagina BLOG / SUGGESTIONI
 ****************************/

.blog .posts-wrapper.style-masonry .post {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: unset;
} 
.blog article.style-masonry .post-featured-content {
  margin: 0;
}
.blog article.style-masonry .post-box {
  padding: 0.75em !important;
  border: 1px solid rgba(68,68,68,0.65);
  border-top: 0 !important;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
} 
.blog article.style-masonry .post-masonry-meta {
  border: 0 !important;
  margin-top: 0 !important;
  padding: 0.25em 0.75em !important;
} 

/**************************
 * Pagina DOVE TI PORTIAMO
 **************************/

#quanto-costa ul {
  padding-left: 20px;
}
#quanto-costa li {
  margin-bottom: 20px;
}

.cv-toggle-group * {
  border: 0 !important;
  box-shadow: unset !important;
}
.cv-toggle-group .toggle-title {
  padding: 0 !important;
}
.cv-toggle-group .toggle-content {
  /*padding-left: 14px !important;*/
  /*border-left: 1px solid #efefef !important;*/
  background-color: #f9f9f9;  
}
.cv-toggle-group .toggle-content p {
  line-height: 22px;
  font-size: 16px !important;
  /*opacity: 0.7 !important;*/
  margin-bottom: 6px !important;
}

/* 3 colonne con box paragrafo QUANTO COSTA */
.cv-column-row.is-boxed>*>.column-inner {
  border: 2px solid #000000 !important;
  border-radius: 14px !important; 
}
.cv-column-row.is-boxed>*>.column-inner h2 {
  line-height: 1.0;
}
.cv-promo-box .promo-box-caption {
  padding: 0.25em;
}
.cv-promo-box .promo-box-caption .promo-box-line {
  height: auto !important;
  line-height: 1.2em !important;
  overflow: unset;
}

.page-id-7093 ul {
  margin-top: 0;
}
h2.cv-special-header .inner-text {
  font-weight: 400;
}

/* parma città */
.page-id-7093 .top-banner {      
  background-position: top center !important;
}
/* andar per castelli */
.page-id-6774 .top-banner {
  background-position: top center !important;
}

/* la bassa di giovannino + cultura e buona tavola */
.page-id-7112 .top-banner,
.page-id-7116 .top-banner {
  background-position: bottom center !important;
}
            
/******** Pagina ITINERARI **********/
.page-id-6869 h2.cv-special-header {
  font-size: 2.5em !important;
}
.page-id-6869 .cv-section-main .v-dividers > *:after {
  background: #000000;
  width: 2px;
} 

/******** Pagina DOVE TI PORTIAMO e sue sottopagine ********/

.page-id-6760 h2.cv-special-header {
  font-size: 2.5em !important;
}

.page-id-6760 .top-banner, 
.parent-pageid-6534 .top-banner { 
  background-position: bottom right !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}    

/******** Pagina PARMA 2020 ********/
.page-id-6732 .top-banner { 
  background-position: center left !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}    
.page-id-6732 #top-banner .banner-title h3,
.page-id-6732 #top-banner .banner-title h5 {
  font-family: inherit !important;
}

/******** Pagina Quanto costa + termini e condizioni ********/
.page-id-7165 .cv-section-1 .cv-column-row.is-boxed ul {
  min-height: 172px;
}
.page-id-7165 #termini-e-condizioni li {
  margin-bottom: 14px;
}

/******** PORTFOLIO --> Percorsi ********/
.cv-recent-posts.masonry-layout .cv-post-tile {
  border-radius: 4px;
}
.cv-recent-posts.masonry-layout > div:hover .cv-post-tile {
  transform: scale(1.05);
}

ul.filter-list {
  text-align: center;
}
ul.filter-list li {
  text-transform: capitalize;
}
.cv-recent-portfolio .entry-description {
  display: none;
}

.single-portfolio_item .single-portfolio-feature-image {
  float: left;
  width: 31%;  
  margin-right: 2%;
}
.single-portfolio_item .single-portfolio-content {
  float: left;
  width: 66%; 
}
.single-portfolio_item .content-section-detail h2 {
  text-transform: uppercase;
}
.page .cv-section-main p,
.single-portfolio_item .cv-section-main p {
  text-align: justify !important;
}
.page .cv-section-main blockquote > p,
.single-portfolio_item .content-section-detail blockquote p {
  text-align: center !important;
}

.single-portfolio_item ul {
  margin-top: -6px;
}
.single-portfolio_item h1,
.single-portfolio_item h2 {
  font-family: 'Nothing You Could Do', cursive !important;
  font-size: 30px !important;
  text-transform: unset;
  font-weight: bold !important;
}

/**************************
 *    FOOTER + SOCKET
 **************************/
#footer .cv-recent-posts .entry-title {
  height: 40px;
  display: flex;
  align-items: center;  
}
#socket .socket-social {
  display: none !important;
}
#socket .socket-menu {
  float: left !important;
}
#socket .socket-menu a {
  font-size: 14px;
}
#socket .socket-text {
  float: right !important;
  font-size: 14px;
  color: #444444 !important;
}

#socket .socket-menu a {
  padding: 0;
}
#socket .socket-block:not(:first-child):before {
  content: "/";
  margin: 0 0.1875em;
    margin: 0 0.25em;
  opacity: 0.5;
}

/**********************************************************************
 * TABLET 
 **********************************************************************/
@media only screen and (min-width: 783px) and (max-width: 1080px) 
{
  /* Per sostituire voci di menù con pulsante overlay-menù */ 
  #header:not(.menu-style-overlay) .navigation-container .primary-tools .menu-button {
    display: block;
  }
  #header:not(.menu-style-overlay) .navigation-container .primary-menu-wrapper {
    display: none;
  } 
  #header.is-stuck:not(.sticky-menu-active) {
    background: #FFFFFF !important;
  }
  .cv-logo {
    margin-left: 20px;                           
  }
  .cv-content-section.bg-source-image { 
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
  /* homepage */
  .home #nome-sulla-foto {
    margin-top: -2.5em;                               
  }
  .home .cv-section-18 .cv-column-row .column-inner > h4 {
    min-height: 60px;
  }    
  .home .cv-section-18 .cv-column-row .column-inner > p {
    min-height: 400px;
  }  
  .home .cv-section-30 .cv-column-row > * {
    float: left;
    width: 50% !important;
    padding-top: 3.5em;
  }
  .home .cv-section-30 .cv-column-row > *:nth-child(odd) {
    clear: both !important;
    margin-left: 0 !important;    
  }  
  .home .cv-section-30 .cv-column-row > *:nth-child(even) {
    margin-left: 50% !important;
  }  
    
  /* pagina quanto costa */
  .page-id-7165 .cv-column-row.is-boxed>*>.column-inner h2 {
    min-height: 80px;
  }    
  .page-id-7165 .cv-section-1 .cv-column-row.is-boxed ul {
    min-height: 200px;
  }
  /* socket */  
  #socket .socket-text,
  #socket .socket-menu {
    float: unset !important;
  }
}

/***************************************************************
 * SMARTPHONE
 ***************************************************************/
/*@media screen and (max-width: 980px)*/ 
@media screen and (max-width: 782px) 
{                         
  #ht-ctc-chat,
  #wpadminbar {
    display: none !important;
  }                            
  #header {
    display: block !important;
    padding-top: 10px !important;
      position: fixed;
      width: 100%;
      top: 0;
  }
  #top-banner {
    height: 200px !important;
  } 
  #container {
    margin-top: 75px;
  }
  .wrap {
    padding: 0 3.5em;
  }
  
  #nome-sulla-foto .wrap {
    padding: 0 1.0em;
  }
  
  /* font */
  p,
  .home .cv-content-section p,
  .home .cv-section-main li,
  #alicanto .cv-content-section li {
    font-size: 18px !important;
  }
  h1, 
  h1.cv-header-line {
    font-size: 48px !important;
  }
  blockquote {
    font-size: 28px; 
  }  
  
  /* menu principale sempre accessibile in alto a destra con link a 3 linee */
  .primary-tools .launch-fullscreen-overlay {
    position: absolute;
    right: 0;
    top: 24px;
  }
  .primary-tools .icon-menu {
    font-size: 28px;
    color: #444444;
  } 

  /* allargo al 100% le colonne larghe 75% */  
  .cv-single-column.max-width-75 > div {
    max-width: 100%;
  }
  
  /********** homepage ***********/
  .home #nome-sulla-foto {
    margin-top: -1.5em;                               
  }
  .home .cv-wrap-wrapper.cv-parallax-content {
    height: 200px !important;
  }
  .home #cv-section-1 {
    display: none !important;
  }  
  .home #alicanto p,
  .home #alicanto ul {
    padding: 0 !important;
    text-align: justify;
  }
  .home #alicanto ul {
    /*width: 80%;*/
    margin: 0 auto;
  } 
  .as-title {
    font-size: 18px !important;
    font-family: inherit;
  } 
   
  .home .cv-fullwidth-slider-2 {
    margin-bottom: 2.0em;
  }
  .home h2.cv-fullwidth-slider-line {
    font-size: 24px !important;
  }                   
  .home #cv-section-18 .cv-column-row > div {
    margin-bottom: 60px;
  }
  .home .cv-section-30 .cv-column-row > * {
    float: unset !important;
    width: 100% !important;
    margin: 3.5em auto !important;    
    clear: both !important;
  }
  
  .page .cv-column-row > div,
  .cv-recent-posts.is-grid > div {
    /*max-width: 80%;*/
    margin: 0 auto 40px !important;
        position: relative !important;
        float: unset !important;
            top: unset !important;
  }
  .page .cv-spacer {
    height: 1.0em !important;
  }
    
  /* pagina quanto costa */
  .page-id-7165 .cv-section-1 .cv-column-row.is-boxed ul {
    min-height: 222px;
  }

  /* single portfolio */
  .single-portfolio_item .cv-button-group,
  .single-portfolio_item h1, 
  .single-portfolio_item h2 {
    text-align: center !important;
  }
  .single-portfolio_item .cv-wrap-wrapper {
    padding-bottom: 0 !important;
  }
  
  /* contatti */
  .page-id-6508 .submit-box has-clearfix {
    text-align: center !important;
  }
  
  /********** footer **********/
  #footer .cv-content-section li { 
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
  #socket .socket-text,
  #socket .socket-menu {
    float: unset !important;
  }
  #socket .socket-text {
    font-size: 12px !important;
    padding-top: 10px;
  }
}  
/***************************************************************
 * SOLO PER SAFARI SU iOS
 ***************************************************************/