/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/





:root {
	--rosa:#f7c7dc;
	--viola:#eb4096;
	--grigio:#edeff8;
	--nero:#363636;
	--lilla:#fdeaf2;
	--rosso:#ea1a18;
}

/*larghezza sito*/
.brxe-container {
width: 100%;
max-width: inherit!important;
}
#brx-content section, #brx-footer section {
padding-left: 30px;
padding-right: 30px;
}
/*larghezza sito*/


.h1 {
font-size: 45px;
  font-weight: 700;
}
h3 {
font-weight: 300;
}
.grande {
font-size: 23px;
}

header > section {
padding: 30px 30px 0;
}
.logo {
width: 200px;
}
.my-header {
text-align: center;
position: relative;
padding-bottom: 60px;
margin-bottom: 60px;
}
.my-header .brxe-container {
z-index: 9;
}
.my-header::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);}
.my-header * {
color: #fff!important;
}
.my-header * {
color: #fff!important;
transition: all 0.3s;
}
.my-header h1 {
color: #fff !important;
  font-size: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 700;
}
.my-header h2 {
font-weight: 600;
color: var(--rosa)!important;
margin-bottom: 15px;
position: relative;
}
.my-header h2 a {
color: var(--rosa)!important;
}
.my-header h1 {
color: #fff!important;
position: relative;
}
.my-header svg {
width:60px;
max-width: 100%;
height: auto;
fill:#fff!important;
transition: all 0.3s;
}
.my-header h3 {
margin: 0 auto;
font-size: 17px!important;
font-weight: 400;
transition: all 0.3s;
}
.my-header h3.rosa {
font-size: 15px !important;
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 0.19em;
  font-weight: 700;
  display: none;
}
.my-header h3.rosa a {
color: var(--viola) !important;
}
.my-header h2 a {
position: relative;
color: var(--viola)!important;
}
.my-header h2 a::before {
position: absolute;
  left: 0;
  bottom: 4px;
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--rosa);
}
.colonna-header {
text-align: center;
}
.my-header .colonna-header > div {
margin: 0 auto;
}
.my-header .contenitore-header {
max-width: 1100px!important;
margin: 65px auto 65px;
}
.colonna-header:last-of-type {
border: 0!important;
}
.colonna-header {
border-right: 1px solid #fff!important;
}
.colonna-header:hover svg {
margin-top: -5px;
margin-bottom: 5px;
transition: all 0.3s;
}
.colonna-header:hover h3, .colonna-header:hover h3 span {
color: var(--viola)!important;
transition: all 0.3s;
}
.rosa {
color: var(--rosa)!important;
}
.viola {
color: var(--viola)!important;
}
.my-header h4 strong {
color: var(--rosa)!important;
}
.scopri {
background-color: var(--viola);
font-size: 19px;
transition: all 0.3s!important;
}
.scopri:hover {
background-color: var(--nero);
color: var(--viola)!important;
transition: all 0.3s!important;
}
.sfondo-grigio {
background-color: var(--lilla);
padding-top: 70px;
padding-bottom: 80px;
}
#home-scherzi {
position: relative;
/*background-image: url(img/texture.svg;);
  background-repeat: repeat-x;
  background-size: auto 100px;
  background-position: left top -30px;
  overflow: hidden;*/
}
#home-scherzi::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100px;
pointer-events: none;
/*background: linear-gradient(0deg, rgba(253,234,242,0) 0%, rgba(253,234,242,0.15) 34%, rgba(249,210,226,0.65) 77%, rgba(249,210,226,1) 100%);*/
}
section .brxe-container {
max-width: 1300px!important;
}
.blocco-scherzo {
background-color: #fff;
}
.blocco-scherzo-int {
padding: 30px 20px 20px;
}
.blocco-scherzo h3 {
font-weight: 600;
margin-bottom: 15px;
line-height: 1.1em;
}
.blocco-scherzo h6 a {
color: var(--viola);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}
.box-custom {
border-top: 1px solid #ebebeb;
padding: 10px 20px 25px;
}
.scherzo-img, .materiale-scherzo .primo-blocco-scherzo, .imma-mobile {
position: relative;
}
.scherzo-img::before, .materiale-scherzo .primo-blocco-scherzo:before, .imma-mobile::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 40%;
pointer-events: none;
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.6) 100%);
  transform: rotate(180deg);
}
.singola-difficolta-label {
font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  margin-right: 5px;
  letter-spacing: 0.05em;
}
.singola-difficolta {
font-weight: 400;
}
.box-tempo svg {
width: 30px;
height: 30px;
}
.tempo {
font-size: 13px;
}
.valore-tempo {
font-size: 15px;
font-weight: 600;
}
.etichetta {
font-size: 12px;
}
.sotto {
line-height: 1.1em;
}
.td-img {
width: 41px;
}
.nome-valore {
display: inline-block;
position: relative;
}
.blocco-scherzo .scopri {
color: var(--viola) !important;
  font-weight: 500;
  width: auto;
  background-color: transparent;
  border: 1px solid var(--viola);
  margin: 20px auto 5px;
}
.blocco-scherzo .scopri svg {
width: 18px;
height: auto;
}
.blocco-scherzo .scopri:hover {
background-color: var(--viola)!important;
color: #fff!important;
}
.blocco-scherzo td {
border-bottom: 1px solid var(--rosa);
  padding-bottom: 5px;
  padding-top: 5px;
}
.brxe-block .box-tempo:nth-child(2) table tr td {
border: 0;
}
.bricks-pagination ul {
font-size: 22px;
font-weight: 500;
}
.page-numbers.current {
background: var(--viola);
  padding: 0 10px;
  color: #fff;
  font-weight: bold;
}
.header-pagina .colonna-header svg {
width: 60px;
height: auto;
transition: all 0.3s;
}
.header-pagina .colonna-header:hover svg {
transition: all 0.5s;
fill: #eb4096;
  stroke: #eb4096;
}
.header-pagina .colonna-header:hover h3 {
color: var(--nero)!important;
}
.header-pagina .colonna-header h3 {
font-size: 20px;
margin: 0 14px 0 auto;
line-height: 1.1em;
position: relative;
}
.header-pagina .colonna-header h3::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 0;
height: 1px;
background-color: var(--viola);
transition: all 0.3s;
}
.header-pagina .colonna-header:hover h3::before {
width: 100%;
transition: all 0.4s;
}
.header-pagina .colonna-header {
display: flex;
  flex-direction: row;
  min-width: 290px;
  border: 0;
}
.header-pagina .contenitore-header {
min-width: 400px;
max-width: 620px!important;
}
.header-pagina .colonna-header h3 b {
color: var(--viola)!important;
}
.header-pagina {
background-color: #fff;
}
.single-post {
background-color: #f7f0f1;
}
.contenitore-scherzo {
padding: 10px 0 30px;
}
.contenitore-scherzo h3 {
color: var(--viola);
  font-weight: 400;
  margin-bottom: 0;
}
.descrizione-scherzo {
background-color: #fff;
padding: 40px;
}
.materiale-scherzo {
background-color: #fff;
padding: 40px;
min-width: 360px;
}
.single-post h1 {
font-size: 40px;
font-weight: 700;
line-height: 1.1em;
}
.single-post h2 {
font-size: 28px;
font-weight: 400;
}
.single-post main {
padding-top: 40px!important;
}
.testo-segnaposto a {
color: var(--viola);
font-weight: 700;
text-decoration: underline;
}
.tempo1 {
border-bottom: 1px solid var(--rosa);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.single #home-scherzi {
background: #fff;
}
.single #home-scherzi .blocco-scherzo {
background: #f7f0f1;
}
.descrizione-scherzo .alignright, .descrizione-scherzo .alignleft {
display: none;
}
.box-bread {
font-size: 12px;
  margin-bottom: 30px;
  margin-top: -25px;
}
.box-bread a {
color: var(--viola);
}
.box-commenti {
background: #fff;
padding: 40px 35px;
}
.box-commenti > div {
width: 100%!important;
z-index: 9;
}
#comments {
max-width: inherit!important;
margin-bottom: 0!important;
margin-top: 0!important;
}
#wpd-post-rating {
margin-top: 0;
  margin-bottom: 0;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
background-color: var(--viola)!important;
border: 1px dashed #fff!important;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
color: #000!important;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
width: 150px!important;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value span {
color: #fff!important;
}
#wpdcom {
max-width: inherit!important;
}
.comment-data .comment-meta > a {
display: none!important;
}
.comment-meta {
margin-bottom: 0!important;
}
.brxe-post-comments .comment-author .fn {
text-transform: capitalize;
}
.comment-meta span {
margin: 0!important;
}
/*.bricks-comments-inner {
display: flex;
flex-direction: column;
}
.comments-title {
order: 1;
margin-bottom: -10px !important;
color: var(--nero);
  font-weight: 500;
  font-size: 23px;
}
h4#reply-title {
font-family: "Josefin Sans";
color: var(--viola);
  font-weight: 400;
    font-size: 1.8em;
margin-bottom: 5px;
}
#respond {
order: 2;
}
.comment-list {
order: 3;
}*/
.comment-form #submit {
background-color: var(--viola);
  color: #fff;
  padding: 18px 25px;
  margin-bottom: 35px;
}
.brxe-post-comments .comment:not(:last-child) {
margin-bottom: 20px;
padding-top: 20px;
}
.bottoni-singolo {
margin-top: 30px;
}
.bottoni-singolo .scopri {
color: #fff;
margin-bottom: 10px;
}
.scopri-nero {
background-color: var(--nero);
color: #fff;
}
textarea#comment {
background: #f7f0f1;
border: 0;
}
.wpd-form-wrap * {
color: #333333!important;
}
#wpdcom .wpd-comment-text {
color: #000!important;
}
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a {
  color: #eb4096;
  font-weight: 700 !important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {
border: 0!important;
}
#wpdcom .wpd-comment-footer .wpd-reply-button svg {
opacity: 1!important;
fill:#fff!important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
border: 0!important;
background-color: #c5c5c5!important;
  color: #fff!important;
}
#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
padding: 1px 20px 1px 16px;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header {
background-color: #f7f0f1!important;
}
#wpdcom.wpd-layout-3 .wpd-blog-guest .wpd-comment-subheader {
  border-top: 1px dashed var(--viola)!important;
}
#wpdcom.wpd-layout-3 .wpd-thread-list {
padding-bottom: 0!important;
}
.primo-blocco-scherzo {
position: relative;
}
.my-wishlist {
position: absolute;
  z-index: 9;
  right: 10px;
  bottom: 0px;
  font-size: 25px;
  color: #fff;
}
.my-wishlist .ccc-favorite-post-toggle-button {
position: relative;
}
.my-wishlist .ccc-favorite-post-toggle-button::after {
position: absolute;
  right: 38px;
  top: 8px;
  content: "Aggiungi ai preferiti";
  color: #fff;
  font-size: 13px;
  width: 140px;
  display: block;
}
.my-wishlist .ccc-favorite-post-toggle-button.save::after {
content: "Rimuovi dai preferiti";
}
.ccc-favorite-post-toggle > a.save::before {
  content: "\f004";
  color: var(--rosso);
}
.fix-wish {
width: 65px !important;
  position: fixed;
  right: 0;
  min-height: 49px;
  top: 140px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
padding: 12px 0 7px 10px;
  font-size: 20px;
  line-height: 1.1em;
  color: #fff;
  background-color: var(--rosso);
  box-sizing: border-box;
z-index: 99999!important;
}
.fix-wish .ccc-favorite-post-count > a::before {
font-size: 25px;
}
.fix-wish .ccc-favorite-post-count {
display: inherit;
}
.menu-off {
position: fixed;
top: 0;
right: 15px;
bottom: auto;
left: auto;
z-index: 9999;
background: var(--viola);
  padding: 10px 10px 22px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff!important;
}
.menu-off::before {
position: absolute;
bottom: 4px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
content: "MENU";
font-size: 13px;
}
.chiudi {
position: absolute;
top: 1px;
right: 30px;
}
#menu-main-menu a {
justify-content: center!important;
font-size: 25px!important;
margin-bottom: 10px;
}
#menu-main-menu li {
margin-left: 0;
}
.brx-submenu-toggle {
flex-direction: column;
}
#menu-main-menu a, #menu-main-menu a:focus, #menu-main-menu a:active, #menu-main-menu a:target {
outline: none!important; 
border: none!important; 
}
.brx-offcanvas-inner {
z-index: 9999!important;
}
.imma-mobile {
display: none;
}



@media (max-width:991px) {
.box-bread {
margin-top: 0;
}
.single-post main {
padding-top: 20px !important;
}
.brxe-breadcrumbs {
gap:5px;
}
.single-post h1 {
font-size: 29px;
margin-bottom: 7px;
}
.single-post h2 {
font-size: 21px;
line-height: 1.2em;
}
#brx-content section, #brx-footer section {
padding-left: 25px;
padding-right: 25px;
}
.tempo1 {
margin-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.singolo-scherzo-box {
overflow: hidden;
}
.contenitore-scherzo {
position: relative;
margin-top: 25px;
}
.contenitore-scherzo::before {
position: absolute;
left: -100px;
width: 200%;
top: 0;
content: "";
height: 100%;
background-color: #fff;
z-index: -1;
}
.descrizione-scherzo {
padding: 25px 0;
border: 0;
}
.descrizione-scherzo ul {
padding-left: 14px;
}
.descrizione-scherzo ul ul {
padding-left: 15px;
}
section .brxe-container {
max-width: inherit!important;
}
.contenitore-scherzo h3 {
font-size: 23px;
}
header > section {
padding-left: 25px;
padding-right: 25px;
}
.my-header h1 {
font-size: 28px;
line-height: 1.1em;
margin-top: 30px;
margin-bottom: 30px;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
width: 180px!important;
}
.my-header h2 {
line-height: 1.2em;
font-size: 25px;
}
.my-header h2 a {
display: block;
}
.my-header {
background-attachment: unset!important;
}
.my-header .colonna-header > div {
background: #fff;
width: calc(100% - 10px);
padding-top: 10px;
}
.my-header .colonna-header svg {
fill: var(--viola) !important;
}
.my-header .colonna-header h3 {
color: #000 !important;
  background-color: #fff;
  margin: 0 auto;
  width: calc(100% - 10px);
  max-width: inherit;
  font-size: 12px !important;
  padding-bottom: 10px;
  min-height: 50px;
}
.colonna-header {
border: 0!important;
flex-direction: column!important;
margin-bottom: 10px!important;
}
.colonna-header h3 span {
display: none;
}
.my-header h3 {
text-transform: uppercase;
max-width: 160px;
}
.my-header {
margin-bottom: 40px;
}
h4 {
font-size: 24px!important;
}
#home-scherzi {
margin-top: 45px!important;
}
.sfondo-grigio {
padding-top: 45px;
}
.sfondo-grigio h2 {
line-height: 1.2em!important;
  font-size: 29px!important;
  margin-right: 0!important;
  margin-left: 0!important;
  text-align: center!important;
}
.header-pagina .contenitore-header {
min-width: inherit!important;
max-width: inherit!important;
}


}

@media (max-width:767px) {
.imma-mobile {
display: inherit!important;
}
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .ccc-favorite-post-toggle {
text-align: left!important;
}
.box-bottoni-footer-mobile {
position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    min-height: 55px;
	z-index: 99999;
	box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.2);
}
.box-bottoni-footer-mobile > div > a {
color: var(--viola);
font-weight: 500;
} 
.fix-wish {
top: auto;
bottom: 65px;
z-index: 99;
min-height: 55px;
padding-top: 15px;
}
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .list-ccc_favorite {
width: 100%!important;
margin: 0 0 20px!important;
}
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .list-ccc_favorite > div {
margin-bottom: 10px;
}
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .post-ccc_favorite {
width: 100%!important;
}
body {
font-size: 17px;
}
.box-commenti {
padding: 0;
position: relative;
}
body:not(.single-post) .box-commenti {
padding-top: 30px;
}
#home-scherzi {
overflow: hidden;
}
.box-commenti::before {
position: absolute;
left: -50px;
top: 0;
width: 200%;
height: 100%;
content: "";
background-color: #fff;
z-index: 1;
}
.materiale-scherzo {
padding: 30px 0 0 0;
}
.single-post #home-scherzi {
margin-top: 0!important;
padding-top: 0;
}
.my-header .contenitore-header {
margin: 20px auto 30px;
}
.grande {
font-size: 17px;
}
.sfondo-grigio h2 {
font-size: 24px!important;
}
.contenitore-header {
width: 110%!important;
margin-left: -5%!important;
}
.header-pagina .contenitore-header {
width: 100%!important;
margin-left:0!important;
margin-top: 20px;
}
.header-pagina .colonna-header {
min-width: inherit;
display: flex;
flex-direction: column;
}
.header-pagina .colonna-header .brxe-text-basic {
order: -1;
}


}