.sezione-dettagli-portfolio .virgola-meta:last-child {
display: none;
}
.sezione-portfolio-home {
padding-top: 10vh;
}
.no-text-underline a{
text-decoration: none;
}
.theme-button:hover {
box-shadow: 0 0 20px 0px #56b8ff;
}
.bottoni-hero-section .outline-transparent {
border: 1px solid #56b8ff;
}
.colonna-buttons-hero-section > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: row;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
}
.colonna-buttons-hero-section > .vc_column-inner > .wpb_wrapper a:not(footer .colonna-buttons-hero-section > .vc_column-inner > .wpb_wrapper a){
max-width: 100%;
width: 280px;
}
.sezione-hero-portfolio .vcex-icon-wrap {
border: 1px solid #56b8ff;
height: 70px;
width: 50px;
}
.sezione-hero-portfolio .vcex-icon-wrap {
border-radius: 100%;
transition: all .2s ease-in-out;
}
.sezione-hero-portfolio .vcex-icon-wrap:hover {
background-color: #56b8ff;
box-shadow: 0 0 20px 0px #56b8ff;
}
.sezione-hero-portfolio .vcex-post-content {
text-align: center;
}
.sezione-dettagli-portfolio .vcex-custom-field {
color: #2f2f2f;
}
.sezione-dettagli-portfolio .vcex-custom-field p {
font-weight: 300;
margin-bottom: 0;
}
.colonna-flexible > .vc_column-inner > .wpb_wrapper > * {
border-bottom: 1px solid #c7c7c7;
padding-bottom: 0.5em;
}
.colonna-flexible > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: space-between;
text-align: center;
flex-wrap: wrap;
gap: 2em;
}
.sezione-hero-portfolio .vcex-icon {
transform: translateY(2.5em);
}
.griglia-portfolio-home .portfolio-entry-img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.griglia-portfolio-home .portfolio-entry-details {
color: #2f2f2f;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.griglia-portfolio-home .portfolio-entry-categories span {
background-color: #000b3b;
color: #fff !important;
padding: 5px 10px;
display: inline-block;
border-radius: 5px;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 1em;
}
.griglia-portfolio-home .portfolio-entry-inner {
transition: box-shadow .2s ease-in-out;
border-radius: 10px;
}
.griglia-portfolio-home .portfolio-entry-inner:hover {
box-shadow: 0 0 20px 5px #56b8ff;
}
.griglia-portfolio-home .portfolio-entry {
padding-top: 1em;
}
.form-contatti input, .form-contatti textarea {
border: unset;
border-bottom: 1px solid #2f2f2f;
}
.form-contatti input:focus, .form-contatti textarea:focus {
border-color: #56b8ff;
border-width: 2px;
}
.form-contatti .wpcf7-list-item-label, .form-contatti label {
color: #2f2f2f;
}
.form-contatti input::placeholder {
opacity: 1;
}
.form-contatti .vc_col-sm-6, .form-contatti .vc_col-sm-12:not(.form-contatti .vc_col-sm-12:last-child) {
margin-bottom: 2em;
}
.form-contatti .campo-accettazione {
margin-block: 1em;
}
.radio-motivo-contatto > p {
padding-inline: .75em;
border-bottom: 1px solid #2f2f2f;
padding-bottom: .5em;
}
.radio-motivo-contatto .wpcf7-list-item {
margin-inline-end: 0;
}
.radio-motivo-contatto input[type="radio"]:checked + span, .radio-motivo-contatto > p > label{
font-weight: 700;
}
.campo-accettazione .wpcf7-list-item-label {
font-size: 13px;
}
.campo-accettazione input[type="checkbox"] {
background: transparent;
appearance: none;
-webkit-appearance: none;
border: 1px solid #9f9f9f;
width: 17px;
height: 17px;
border-radius: 3px;
vertical-align: sub;
}
.campo-accettazione input[type="checkbox"]:checked {
background: #56b8ff;
border-color: #56b8ff;
background-image: url(//lucacappiellowebdev.it/wp-content/uploads/2025/06/check.png);
background-size: cover;
}
.form-contatti .wpcf7-submit {
border: 0;
background-color: #56b8ff;
}
.griglia-portfolio-home .portfolio-entry-categories {
color: #e5e7eb;
}
.griglia-portfolio-home .vcex-portfolio-filter a {
padding: 10px 30px;
border-radius: 30px;
color: #e5e7eb;
}
.griglia-portfolio-home .vcex-portfolio-filter a:hover {
background-color: #e5e7eb;
color: #2f2f2f;
}
.griglia-portfolio-home .vcex-portfolio-filter li.active a {
color: #2f2f2f;
box-shadow: 1px 1px 20px #56b8ff;
}
footer .colonna-buttons-hero-section .vcex-button {
text-decoration: none;
transition-duration: .2s;
}
footer .colonna-buttons-hero-section .vcex-button:after {
content: "";
width: 0%;
height: 2px;
background-color: #e5e7eb;
display: block;
transition: width .4s;
}
footer .colonna-buttons-hero-section .vcex-button:hover:after {
width: 100%;
}
footer .colonna-buttons-hero-section > .vc_column-inner > .wpb_wrapper {
gap: 3rem;
}
footer{
padding-top: 100px;
} @media screen and (min-width: 1600px){
}
@media screen and (min-width: 1025px) and (max-width: 1499px){
.griglia-portfolio-home .portfolio-entry-details {
padding: 20px 10px;
}
.griglia-portfolio-home .portfolio-entry-details .portfolio-entry-readmore {
width: 100%;
font-size: 14px;
}
.griglia-portfolio-home .portfolio-entry-details .portfolio-entry-readmore {
padding: 15px 30px;
}
}
@media screen and (min-width: 768px){
.colonna-flexible > .vc_column-inner > .wpb_wrapper > *{
width: 40%;
}
.griglia-portfolio-home .vcex-portfolio-filter {
gap: 20px;
}
}
@media screen and (max-width: 767px){
.colonna-flexible > .vc_column-inner > .wpb_wrapper > *{
width: 100%;
}
.sezione-portfolio-home select, .sezione-portfolio-home .wpex-select-arrow{
color: #fff;
}
.sezione-portfolio-home select{
background-color: #000b3b;
}
.sezione-portfolio-home .vcex-portfolio-filter-select {
position: sticky;
top: 20px;
z-index: 2;
}
.sezione-portfolio-home .wpex-select-arrow{
z-index: 2;
}
.sezione-portfolio-home select option {
color: #2f2f2f;
background-color: #fff;
}
}
@media screen and (min-width: 1025px){
.colonna-flexible > .vc_column-inner > .wpb_wrapper > *{
width: 15%;
}
.vc_section {
padding-top: 20vh;
padding-bottom: 20vh;
}
.sezione-form-home {
padding-block: 25vh;
}
}
@media screen and (min-width:960px){
.riga-subfooter .wpb_column:last-child .wpb_text_column {
text-align: right;
}
}
@media screen and (max-width: 959px){
.sezione-form-home .wpb_column:first-child {
margin-bottom: 2em;
}
.riga-subfooter {
text-align: center;
}
.riga-subfooter .wpb_column:first-child {
margin-bottom: 1em;
}
}
@media screen and (max-width: 1024px){
.vc_section {
padding-top: 10vh;
padding-bottom: 10vh;
}
.hero-section-home {
padding-block: 20vh;
}
.error404 .vc_section {
padding-top: 20vh;
}
}