/*-----------------------------------------------------------------------------------
Theme Name: Alice Child Theme - Alice - Creative Portfolio Theme
Theme URI: http://www.demo.az-themes.com/alice/
Description: Alice Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. WPML Supported.
Author: Alessio Atzeni
Author URI: http://www.alessioatzeni.com
Version: 1.0
Template: az_alice
-------------------------------------------------------------------------------------*/
/* Use this if you disabled the Minified File on Theme Options Panel -> Performance */
@import url("../az_alice/style.css");
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
margin: 0px 0px 16px;
padding: 0px 0px 6px;
}
/*.wpcf7 textarea {
border: 1px solid rgb(238, 238, 238);
}*/
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p{color:#fff;}
.container-bigger{max-width:1500px;margin:0 auto;}
.container-fluid .container, .container .container{width:100%;}
.white-col{background-color:#fff;}
.postid-1635 #title-header-flexslider.flexslider .slider-content .slide-subtitle, .postid-1635 #title-header-flexslider.flexslider .slider-content .slide-title{color:#000;}
@media (max-width:992px){
#title-header-flexslider.flexslider .slider-content{left:0;}
}
/*Perchèèèèè????*/
/*.title-header-container.full-height, .fake-layer-spacer.full-height{max-height:0px!important;padding-bottom:85%;}*/
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title,
#title-header-flexslider_mobile.flexslider .slider-content .slide-subtitle,{
font-family: 'Montserrat', 'HelveticaNeue', helvetica, arial, sans-serif;
}
#title-header-flexslider_mobile.flexslider .slider-content .slide-title{
font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif;
}
/* 4.2.1 AZ Slider Title Header
--------------------------------*/
#title-header-flexslider_mobile.flexslider {
margin: 0;
background: transparent;
border: 0 none;
width: 100%;
height: 100%;
}
#title-header-flexslider_mobile.flexslider .slides {
width: 100%;
height: 100%;
}
#title-header-flexslider_mobile.flexslider .slides > li {
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#title-header-flexslider_mobile.flexslider .flex-viewport {
height: 100%;
}
#title-header-flexslider_mobile.flexslider .flex-direction-nav .flex-disabled {
visibility: hidden;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav {
width: auto !important;
position: absolute;
right: 30px;
top: 50%;
bottom: auto;
z-index: 2;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li {
display: block;
height: 13px;
margin: 7px;
position: relative;
width: 14px;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li {
height: 14px;
margin: 1px 0 25px 0;
width: 14px;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li:last-child {
margin: 0;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li a {
position: relative;
background: transparent;
border: 2px solid #ffffff;
border-radius: 50%;
display: block;
width: 13px;
height: 13px;
margin: 0;
text-indent: -9999;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li a::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 9px;
height: 9px;
background: rgba(0,0,0,0);
border-radius: 50%;
z-index: 1;
-webkit-transition: background 0.315s ease-in-out;
transition: background 0.315s ease-in-out;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li a::before {
content: '';
position: absolute;
top: 9px;
left: 4px;
width: 1px;
height: 28px;
background: rgba(255,255,255,0.6);
z-index: 1;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li:last-child a::before {
display: none;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav li a.flex-active,
.no-touch #title-header-flexslider_mobile.flexslider .flex-control-nav li a:hover::after {
background: rgba(255,255,255,0.6);
}
#title-header-flexslider_mobile.flexslider .overlay-bg {
z-index: 3;
}
#title-header-flexslider_mobile.flexslider .slider-content {
position: absolute;
bottom: 165px;
left: 250px;
padding: 0 30px;
z-index: 4;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#title-header-flexslider_mobile.flexslider .slider-content .slide-title {
font-style: normal;
font-size: 4rem;
font-weight: 400;
line-height: 3.8rem;
letter-spacing: 0;
color: #FFFFFF;
text-transform: none;
margin: 0;
}
#title-header-flexslider_mobile.flexslider .slider-content .slide-subtitle {
color: #FFFFFF;
font-size: 2rem;
font-weight: 400;
line-height: 2rem;
letter-spacing: 3px;
text-transform: uppercase;
margin: 5px 0 0 0;
}
.dark-type #title-header-flexslider_mobile.flexslider .flex-control-nav li a {
border-color: #28282e;
}
.dark-type #title-header-flexslider_mobile.flexslider .flex-control-nav li a::before,
.no-touch .dark-type #title-header-flexslider_mobile.flexslider .flex-control-nav li a:hover::after,
.dark-type #title-header-flexslider_mobile.flexslider .flex-control-nav li a.flex-active {
background-color: rgba(40,40,40,0.6);
}
.dark-type #title-header-flexslider_mobile.flexslider .slider-content .slide-title,
.dark-type #title-header-flexslider_mobile.flexslider .slider-content .slide-subtitle {
color: #28282e;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading {
width: 100%;
text-align: center;
padding: 0 120px;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title {
font-size: 17rem;
font-weight: 700;
font-style: normal;
line-height: 1em;
letter-spacing: 10px;
text-transform: uppercase;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-subtitle {
font-size: 1rem;
font-weight: 400;
letter-spacing: 8px;
margin-top: 15px;
}
@media (min-width: 1024px) and (max-width: 1440px) {
/* 0.00 Title Header / AZ Slider / Special Heading
--------------------------------*/
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title{
font-size: 12rem;
letter-spacing: 7px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
/* 0.00 Title Header / Special Heading
--------------------------------*/
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title{
font-size: 9rem;
letter-spacing: 4px;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-subtitle{
letter-spacing: 5px;
}
}
@media (min-width: 320px) and (max-width: 1024px) {
/* 0.00 AZ Slider
--------------------------------*/
#title-header-flexslider_mobile.flexslider[data-parallax="true"] .slides > li {
background-position: center center !important;
}
}
@media (min-width: 320px) and (max-width: 991px) {
#title-header-flexslider_mobile.flexslider .slider-content,
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
/* 0.00 Title Header / AZ Slider / Special Heading
--------------------------------*/
#title-header-flexslider_mobile.flexslider .slider-content,
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading {
padding-left: 18px;
padding-right: 18px;
}
#title-header-flexslider_mobile.flexslider .flex-control-nav {
display: none;
}
#title-header-flexslider_mobile.flexslider .slider-content .slide-title {
font-size: 2.8rem;
line-height: 3.3rem;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title{
font-size: 5rem;
letter-spacing: 2px;
}
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-subtitle{
letter-spacing: 3px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
/* 0.00 Title Header
--------------------------------*/
#title-header-flexslider_mobile.flexslider .slider-content.big-format-heading .slide-title{
font-size: 4rem;
letter-spacing: 1px;
}
}
.postid-1635 #title-header-flexslider_mobile.flexslider .slider-content .slide-subtitle, .postid-1635 #title-header-flexslider_mobile.flexslider .slider-content .slide-title{color:#000;}
@media (max-width:992px){
#title-header-flexslider_mobile.flexslider .slider-content{left:0;}
}
#title-header-flexslider_mobile{display:none;}
.imagize-parallax_mobile{display:none;}
.imagize-image_mobile{display:none;}
#image-header .imagize-image_mobile{
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
a.az-button{
background: transparent;
border: 1px solid #fff;
color:#fff;
text-transform: none;
font-size: 17px;
border-radius: 8px;
border-radius:0;
padding: 10px 20px;
font-weight:bold;
}
a.az-button.inverted-mode{
background: transparent;
border: 1px solid #000;
color:#000;
}
a.az-button:hover, a.az-button:focus, .no-touch a.az-button:hover, .no-touch a.az-button:focus{
background-color:#fff!important;
color:#ba0000!important;
border: 1px solid #fff;
}
a.az-button.inverted-mode:hover, a.az-button.inverted-mode:focus, .no-touch a.az-button.inverted-mode:hover, .no-touch a.az-button.inverted-mode:focus{
background-color:#000;
color:#fff;
border: 1px solid #000;
}
/*contact form*/
span.wpcf7-not-valid-tip{
display:block;
position: relative;
top: -15px;
font-size: 15px;
}
.wpcf7-form #privacy-check{
padding:0;
margin-bottom:10px;
display:inline;
}
.wpcf7-form .form-privacy{
margin-bottom:15px;
padding-left:20px;
position:relative;
}
.wpcf7-form a.privacy-link{
text-decoration:underline!important;
}
.wpcf7-form .form-privacy .privacy{
/*position: absolute;
left: 0;*/
position: static;
}
.wpcf7-form .form-privacy .privacy span.wpcf7-list-item{
margin-left: 0;
position: absolute;
left: 0;
top: 0;
}
.wpcf7-form .form-privacy .privacy .wpcf7-not-valid-tip{
top:-10px;
}
#team-people-section{
background-color:#000;
}
.privacy-policy-page h3{
font-size:30px;
}
.box-content-titles{
padding-bottom:70px;
vertical-align:bottom;
}
@media (max-width:768px){
.box-content-titles{
padding-bottom:50px;
}
}
#video-header .box-content{
width:100%;
}
#video-header .box-content .box-content-titles{
text-align:center;
vertical-align:bottom;
}
.single-portfolio #video-header .box-content{
width:auto;
opacity:1!important;
visibility:visible!important;
}
.single-portfolio #video-header .box-content .box-content-titles{
text-align:left;
vertical-align:bottom;
}
/*Modifica Aicod rimozione pulsante play da video versione mobile*/
.mobile-version #video-header .box-content .box-content-titles{ vertical-align:middle;}
/*END Modifica Aicod rimozione pulsante play da video versione mobile*/
.video-status-self.play, .video-header-status-self.play, .video-status-self-decorative.play, .video-status-youtube.play, .video-header-status-youtube.play, .video-status-vimeo.play, .video-header-status-vimeo.play, .video-status-vimeo-decorative.play{
z-index:100;
}
/*aggiunto tag div per modifica team senza link*/
#team-people-section .single-team-item>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
-webkit-transition: opacity 0.225s ease-in-out;
transition: opacity 0.225s ease-in-out;
}
.no-touch #portfolio-item-section .single-portfolio-item a, .no-touch #team-people-section .single-team-item a, .no-touch #team-people-section .single-team-item>div{
opacity:1!important;
}
.no-touch #portfolio-item-section .single-portfolio-item a{
background-color:rgba(0,0,0,0.6);
}
.no-touch #team-people-section .single-team-item a, .no-touch #team-people-section .single-team-item>div{
background-color: rgba(0,0,0,0.5);
}
/*Modifica Aicod bug portfolio bordino nero (ovvero elementi del masonry sovrapposti per 1 pixel)*/
#portfolio-item-section .single-portfolio-item{ z-index:1;}
/*END Modifica Aicod bug portfolio bordino nero*/
#portfolio-item-section .single-portfolio-item img{
filter:grayscale(100%);
}
#portfolio-item-section .single-portfolio-item:hover img{
filter:none;
}
.no-touch #portfolio-item-section .single-portfolio-item:hover a, .no-touch #team-people-section .single-team-item:hover a, .no-touch #team-people-section .single-team-item:hover>div{
opacity:0!important;
}
/*end aggiunto tag div per modifica team senza link*/
/*Modifica Aicod bug team bordino chiaro*/
#team-people-section .single-team-item img{ position:relative;}
/*END Modifica Aicod bug team bordino chiaro*/
.no-touch #portfolio-item-section .single-portfolio-item a h2, .no-touch #portfolio-item-section .single-portfolio-item a h3, #portfolio-item-section .portfolio-box .portfolio-naming .portfolio-title{
color:#fff;
font-size:2.8rem;
}
.no-touch #team-people-section .team-box .team-naming .team-title{
color:#fff;
font-size:2.8rem;
}
/*.no-touch #team-people-section .team-box .team-naming .team-title::first-letter{
color:#ba0000;
font-weight:900;
}*/
#team-people-section .team-box .team-naming .team-attributes{
color:#ba0000;
color:#ccc;
font-size: 1.7rem;
line-height: 1.7rem;
}
.modal-team-divs .team-modal-description .team-modal-attributes{
color:#ba0000;
}
#portfolio-item-section .portfolio-box .portfolio-naming .portfolio-attributes{
color:#ba0000;
color:#ccc;
font-size:1.7rem;
line-height:1.7rem;
}
/*h2.portfolio-title::first-letter{
color:#ba0000;
font-weight:900;
}*/
#team-people-section .team-box{
padding: 12px 30px 18px;
/*background-color: rgba(255,255,255,0.5);*/
}
.page .box-content-titles .title, .box-content-titles .title{
margin: 0 0 15px 0;
color: #28282E;
font-weight: 700;
text-transform:none;
font-style:normal
}
@media (min-width: 768px){
.page .box-content-titles .title, .box-content-titles .title{
font-size: 4.8rem;
line-height: 1.2em;
letter-spacing: -1px;
}
}
.page .big-format-heading .box-content-titles .title{
font-weight: 700;
line-height: 1.2em;
letter-spacing: -1px;
text-transform:none;
}
.page .box-content, .blog .box-content{
width:100%;
}
.page .box-content-titles, .blog .box-content-titles{
vertical-align:middle;
text-align: center;
}
.box-content-titles .subheading,
.page .box-content-titles .subheading, .blog .box-content-titles .subheading,
.page .big-format-heading .box-content-titles .subheading, .blog .big-format-heading .box-content-titles .subheading
{
font-family: Roboto, "HelveticaNeue", helvetica, arial, sans-serif!important;
font-size: 1.7rem;
font-weight: 400;
line-height: 1.75em;
text-transform:none;
letter-spacing:1px;
}
.az-special-heading-subtitle{
text-transform:none;
}
.big-format-heading .box-content-titles .title{
text-transform:none;
}
/*.single-portfolio .box-content{
width: auto;
}
.single-portfolio .box-content-titles{
vertical-align: bottom;
text-align:left;
}*/
.main-content .az-slider-output .slides li{background-size:auto 100%;}
.main-content .az-slider-output{margin-bottom:40px;height:auto!important;padding-bottom:67%}
@media (min-width:992px){
.main-content .az-slider-output{margin-bottom:40px;height:auto!important;padding-bottom:64%}
}
@media (min-width:1200px){
.main-content .az-slider-output{margin-bottom:40px;height:auto!important;padding-bottom:53%}
}
.main-content .az-slider-output .slides{position:absolute;}
.main-content .az-slider-output .flex-control-nav{bottom:-40px;}
/*Modifica aicod visualizza fino a 18 marchi*/
#client-section .single-client-item:nth-child(n+19){
display:none;
}
/*END Modifica aicod visualizza fino a 18 marchi*/
#client-section .single-client-item a{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.7;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#client-section .single-client-item a:hover{
filter:none;
opacity:1;
}
/*Modifica AICOD flickering immagini su chrome*/
#client-section .single-client-item img{
-webkit-backface-visibility: hidden;
}
/*END Modifica AICOD flickering immagini su chrome*/
/*effetto hamburger menu*/
.menu-nav .bars .top, .menu-nav .bars .middle, .menu-nav .bars .bottom {
height: 4px;
margin-left: -16px;
margin-top: -3px;
width: 32px;
}
.menu-trigger-close .bars .top, .menu-trigger-close .bars .middle, .menu-trigger-close .bars .bottom{
height: 4px;
width: 32px;
margin-left:-16px;
}
.menu-nav .bars .top {
margin-top: -12px;
}
.menu-nav .bars .bottom {
margin-top: 6px;
}
.optional-menu {
top: 7px;
right: 78px;
}
.menu-share, .menu-search, #az_header_language_list .lang{
font-size: 1.8rem;
}
#az_header_language_list .lang{ margin:0;}
#az_header_language_list .lang+.lang{ margin-left:10px;}
.menu-nav{
width: 46px;
height:46px;
top: -1px;
}
.menu-trigger-close{
width: 46px;
height:46px;
}
.menu-nav .bars, .menu-trigger-close .bars{
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
position: absolute;
top: 0;
left: 0;
width: 46px;
height: 46px;
}
.menu-nav .bar, .menu-trigger-close .bar{
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.menu-nav .bars .top{
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: -webkit-transform .3s,width .3s,top .3s;
transition: transform .3s,width .3s,top .3s;
}
.menu-nav .bars .bottom{
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
transition: transform .3s,width .3s,bottom .3s;
}
.menu-nav.hover .bars{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu-nav.hover .bars .top{
-webkit-transform: translateX(18px)translateY(11px)rotate(45deg);
-ms-transform: translateX(18px)translateY(11px)rotate(45deg);
transform: translateX(18px)translateY(11px)rotate(45deg);
width:35%;
}
.menu-nav.hover .bars .bottom{
-webkit-transform: translateX(18px)translateY(-11px)rotate(-45deg);
-ms-transform: translateX(18px)translateY(-11px)rotate(-45deg);
transform: translateX(18px)translateY(-11px)rotate(-45deg);
width:35%;
}
.menu-trigger-close .bars .middle{
background: #28282E;
display: block;
height: 4px;
left: 50%;
margin-left: -16px;
margin-top: -1px;
position: absolute;
top: 50%;
width: 32px;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s,width .3s,top .3s;
transition: transform .3s,width .3s,top .3s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-trigger-close .bars .top, .menu-trigger-close .bars .bottom{
/*-webkit-transition-duration: .3s,.3s;
transition-duration: .3s,.0s;
-webkit-transition-delay: .3s,0s;
transition-delay: .3s,0s;*/
}
.menu-trigger-close .bars .top{
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform .3s,width .3s,top .3s;
transition: transform .3s,width .3s,top .3s;
}
.menu-trigger-close .bars .bottom{
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
transition: transform .3s,width .3s,bottom .3s;
}
.menu-trigger-close.hover .bars{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.menu-trigger-close.hover .bars .top{
-webkit-transform: translateX(-4px)translateY(-4px)rotate(-45deg);
-ms-transform: translateX(-4px)translateY(-4px)rotate(-45deg);
transform: translateX(-4px)translateY(-4px)rotate(-45deg);
width:35%;
}
.menu-trigger-close.hover .bars .bottom{
-webkit-transform: translateX(-4px)translateY(4px)rotate(45deg);
-ms-transform: translateX(-4px)translateY(4px)rotate(45deg);
transform: translateX(-4px)translateY(4px)rotate(45deg);
width:35%;
}
.menu-trigger-close.hover .bars .middle{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/*FINE effetti su hamburger menù*/
.mm-panel .sub-menu li a{
color:#666!important;
font-size:1.5rem;
}
.footer .credits, .footer .credits a{
color:#666;
font-size:1.5rem;
}
.wpcf7 select{
width: 100%;
margin: 0px 0px 16px;
padding: 0px 0px 6px;;
border: none;
border-radius: 0;
border-bottom: 1px solid #efefef;
box-shadow: none;
resize: none;
font-size: 2rem;
font-weight: 400;
line-height: normal;
color: #BCBCC4;
-webkit-transition: color 0.215s ease-in-out, border 0.215s ease-in-out;
transition: color 0.215s ease-in-out, border 0.215s ease-in-out;
-webkit-appearance: none;
}
/*team*/
@media (min-width:1200px){
.modal-team-divs .modal-dialog{
/*width:1000px;
height:500px;
left:50%;
margin-left:-500px;
top:50%;
margin-top:-250px;
padding: 0;*/
width: 1140px;
height: 600px;
left: 50%;
margin-left: -570px;
top: 50%;
margin-top: -300px;
}
.modal-team-divs .team-modal-container{
min-height:auto!important;
height: 100%;
}
.modal-team-divs .modal-content, .modal-team-divs .modal-body{
height:100%;
}
.modal-team-divs .team-modal-description{
height: 540px;
width: 480px;
overflow: auto;
padding: 50px 50px 50px 50px;
}
}
@media (min-width:1200px) and (max-height:600px){
.modal-team-divs .modal-dialog{
margin-top:0;
top:0;
/*margin-left:0;*/
}
}
/*.modal-team-divs .modal-dialog{
width:60%;
left:20%;
}*/
.search-results .box-content{
width:100%;
}
.search-results .box-content-titles{
text-align:center;
}
#video-header .video-header-status-self.play{
width:0;
height:0;
}
.home #video-header .video-header-status-self.play, .single-portfolio #video-header .video-header-status-self.play{
width:100%;
height:100%;
}
/*Perchèèèèèèè?????*/
/*.video-wrap{width:100%!important;}
.video-wrap .video-header{width:auto!important;}*/
/*Revolution slider icone frecce con font familiy errato (problema tema vs plugin*/
.rev_slider .tparrows:before{ font-family:"revicons";text-shadow: 0 0 4px #000;}
/*END Revolution slider*/
/*Cookie notice*/
#cn-notice-text a{ color:#fff; text-decoration:underline!important;}
#cn-notice-text a:hover{color:#ba0000;}
#cookie-notice .button{ background-color:#ba0000; color:#fff; padding:6px 16px;
border-radius: 3px;
-webkit-transition: background-color 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
transition: background-color 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;}
#cookie-notice .button:hover{ background-color:#aa0000;}
#cookie-notice .button:hover:active{ background-color:#990000;}
/*END Cookie notice*/
/*Testi sottolineati*/
/*Versione fondo colorato*/
/*
.main-content .text-block a{ background-color:#f0f0f0; color:#ba0000; padding-left:0.2em; padding-right:0.2em; border-radius:3px;
-webkit-transition: color 0.210s ease-in-out, background-color 0.210s ease-in-out;
transition: color 0.210s ease-in-out, background-color 0.210s ease-in-out;}
.main-content .text-block a:hover{ background-color:#ba0000; color:#fff;}
*/
/*END Versione fondo colorato*/
.main-content .text-block a, .main-content .box-text a{ color:#ba0000; border-bottom:1px solid transparent;
-webkit-transition: border-bottom-color 0.210s ease-in-out;
transition: border-bottom-color 0.210s ease-in-out;}
.main-content .text-block a:hover, .main-content .box-text a:hover{ border-bottom-color:#ba0000;}
/*END testi sottolineati*/
/*evitare elenco post bianchi*/
/*
.no-touch #blog.grid .post-creative > .post-link{background: rgba(0,0,0,0.3);}
.no-touch #blog.grid .post-creative:hover > .post-link{background: rgba(0,0,0,0.6);}
.no-touch #blog.grid .post-creative .post-link .post-naming .post-title, .no-touch #blog.grid .post-creative .post-link .post-naming .post-date{ color:#fff;}
*/
/*END evitare elenco post bianchi*/
/*Evitare frecce navigazione post senza titoli*/
.normal-pagination .prev-post a .pagination-inner, .normal-pagination .next-post a .pagination-inner {
-webkit-transition: color 0.210s ease-in-out, -webkit-transform 0.210s ease-in-out;
transition: color 0.210s ease-in-out, transform 0.210s ease-in-out;
}
.no-touch .normal-pagination .prev-post a:hover .pagination-inner {
color:#fff;
opacity: 1;
-webkit-transform: translate(50px, -50%);
transform: translate(50px, -50%);
}
.no-touch .normal-pagination .next-post a:hover .pagination-inner {
color:#fff;
opacity: 1;
-webkit-transform: translate(-50px, -50%);
transform: translate(-50px, -50%);
}
/*END Evitare frecce navigazione post senza titoli*/
/*Overlay bg moltiplica video*/
/*
body.blend #video-header .overlay-bg{
background-color: #ba0000!important;
mix-blend-mode: multiply;}
*/
/*Overlay bg moltiplica video*/
.quote{
padding:90px;
position:relative;
font-size:1.1em;
font-style:italic;
}
.quote:before{
content:'';
width:150px;
height:150px;
position: absolute;
top:0;
left:0;
background-image:url("img/quote-open.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote:after{
content:'';
width:150px;
height:150px;
position: absolute;
bottom:0;
right:0;
background-image:url("img/quote-close.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote2{
padding:110px;
position:relative;
font-size: 1.1em;
font-style: italic;
}
.quote2:before{
content:'';
width:100px;
height:100px;
position: absolute;
top:0;
left:0;
background-image:url("img/quote-open.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote2:after{
content:'';
width:100px;
height:100px;
position: absolute;
bottom:0;
right:0;
background-image:url("img/quote-close.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote2 p{
position:relative;
}
.quote2 p:before{
content:'';
width:100%;
height:4px;
background-color:#eeeeee;
position:absolute;
top:-60px;
left:0;
}
.quote2 p:after{
content:'';
width:100%;
height:4px;
background-color:#eeeeee;
position:absolute;
bottom:-75px;
right:0;
}
.quote3{
padding:110px 0;
position:relative;
font-size: 1.1em;
/*font-style: italic;*/
}
.quote3:before{
content:'';
width:100px;
height:100px;
position: absolute;
top:0;
left:0;
background-image:url("img/quote-open.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote3:after{
content:'';
width:100px;
height:100px;
position: absolute;
bottom:0;
right:0;
background-image:url("img/quote-close.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
z-index:-1;
}
.quote4{
padding:100px 68px 50px;
background-color:#fff;
/*border-radius:15px;*/
position:relative;
}
.quote4 p:before{
content:'';
width:80px;
height:80px;
position: absolute;
top:15px;
left:20px;
background-image:url("img/quote-open.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}
/*COOKIEBOT ACCESSIBILE*/
#CybotCookiebotDialog a:focus, #CybotCookiebotDialog button:focus{ border-color: #f90;
-webkit-box-shadow: 0 0 0 2px #f90;
box-shadow: 0 0 0 2px #f90;
outline: 0;}
/*END COOKIEBOT ACCESSIBILE*/
.soundButton{
position: absolute;
bottom: 70px;
right:10px;
width: 48px;
height: 48px;
box-shadow: none;
display: inline-block;
background: transparent;
border: 1px solid rgba(255,255,255,0.35);
color: #28282e;
border-radius: 0;
padding: 0;
margin: 15px 0 0 0;
-webkit-transition: background 0.115s ease-in-out;
transition: background 0.115s ease-in-out;
z-index:110;
cursor:pointer;
}
.soundButton:hover{ background-color: rgba(255,255,255,0.175);}
.soundButton i{font-size: 16px;
margin: -8px 0 0 -9px;
position: absolute;
top: 50%;
left: 50%;
color: #FFFFFF;
line-height: 1;}
/* NUOVO TEAM */
.team-new-container {
padding: 2rem;
background-color: #000;
}
.team-new {
--ratio-4-6: 4 / 6;
--ratio-3-2: 6 / 4;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: grid;
grid-template-columns: repeat(5, minmax(7.5rem, 1fr));
width: 100%;
}
.team-new .team-member {
position: relative;
}
.team-new .team-member:nth-child(20n+1) {
aspect-ratio: var(--ratio-4-6);
grid-column: 2 / span 1;
grid-row-end: span 1;
}
.team-new .team-member:nth-child(20n+2) {
aspect-ratio: var(--ratio-3-2);
grid-column: 3 / span 2;
grid-row-end: span 2;
}
.team-new .team-member:nth-child(20n+3) {
aspect-ratio: var(--ratio-3-2);
grid-column: 1/span 2;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+4) {
grid-column: 5/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+5) {
aspect-ratio: var(--ratio-3-2);
grid-column: 1/span 2;
grid-row-end: span 2
}
.team-new .team-member:nth-child(20n+6) {
aspect-ratio: var(--ratio-4-6);
grid-column: 4/span 1;
grid-row-end: span 1;
margin-top: -75%
}
.team-new .team-member:nth-child(20n+7) {
aspect-ratio: var(--ratio-4-6);
grid-column: 5/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+8) {
grid-column: 2/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+9) {
aspect-ratio: var(--ratio-3-2);
grid-column: 4/span 2;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+10) {
aspect-ratio: var(--ratio-3-2);
grid-column: 2/span 2;
grid-row-end: span 2
}
.team-new .team-member:nth-child(20n+11) {
aspect-ratio: var(--ratio-4-6);
grid-column: 4/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+12) {
aspect-ratio: var(--ratio-4-6);
grid-column: 1/span 1;
grid-row-end: span 1;
margin-top: -20%
}
.team-new .team-member:nth-child(20n+13) {
aspect-ratio: var(--ratio-4-6);
grid-column: 3/span 1;
grid-row-end: span 1;
margin-top: -60%
}
.team-new .team-member:nth-child(20n+14) {
aspect-ratio: var(--ratio-3-2);
grid-column: 2/span 2;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+15) {
grid-column: 5/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+16) {
aspect-ratio: var(--ratio-4-6);
grid-column: 1/span 1;
grid-row-end: span 1;
margin-top: -60%
}
.team-new .team-member:nth-child(20n+17) {
aspect-ratio: var(--ratio-4-6);
grid-column: 4/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+18) {
aspect-ratio: var(--ratio-3-2);
grid-column: 1/span 2;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n+19) {
aspect-ratio: var(--ratio-4-6);
grid-column: 4/span 1;
grid-row-end: span 1
}
.team-new .team-member:nth-child(20n) {
aspect-ratio: var(--ratio-4-6);
grid-column: 5/span 1;
grid-row-end: span 1
}
.team-member-img {
background-color: #000;
height: 100%;
}
.team-member-img img {
height: 100%;
object-fit: contain;
width: 100%;
}
.team-member-overlay {
height: 100%;
width: 100%;
position: absolute;
background: radial-gradient(circle, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.30) 100%);
opacity: 0;
transition: all .5s ease;
}
.team-member:hover .team-member-overlay {
opacity: 1;
transition: all .5s ease;
}
.team-member-info {
display: block;
opacity: 0;
position: absolute;
bottom: 0;
width: 100%;
padding: 2rem 0 2.5rem 1.5rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.70) 100%);
transition: all .5s ease;
}
.team-member:hover .team-member-info {
opacity: 1;
}
.team-member-info .team-title {
color: #fff;
font-size: 2.8rem;
line-height: 3.2rem;
font-weight: 400;
letter-spacing: -1px;
text-transform: none;
margin-bottom: 0;
text-shadow: 1px 1px 40px rgba(0,0,0,0.8);
}
.team-member-info .team-attributes {
color: #f5f5f5;
font-size: 1.7rem;
line-height: 1.7rem;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
margin: 7px 0 0 1px;
}
@media all (max-width: 1024px) and (min-width: 480px) {
.team-new .team-member {
bottom: 1rem;
left: 0.7rem;
}
}
@media all and (max-width: 480px) {
.team-new {
display: initial;
}
.team-new .team-member {
margin-bottom: 2rem;
margin-top: 0 !important;
aspect-ratio: auto !important;
}
}
.single-post #blog .post .col-md-8.col-md-offset-2.normal-column,
.single-post #blog .post .normal-column .col-md-8.col-md-offset-2{
margin-left:0;
width: 100%;
}
.single-post #blog .post .container{
max-width: 780px;
}
.single-post #blog .post h2 {
font-size: 3.0rem;
}
@media (min-width: 320px) and (max-width: 767px) {
#blog.single-post .text-block h2 {
font-size: 3.0rem;
}
}
/*fix per uniformare i post sul sito - Debora*/
.single-post #blog .post .main-content{
padding: 70px 0 50px;
}
.single-post #blog .post .main-content + .main-content{
padding-top:0;
}
.single-post #blog .post .main-content.no-padding{
padding: 0;
}
.single-post #blog .post .main-content.no-padding + .main-content{
padding-top: 50px;
}
.single-post #blog .post .main-content.no-padding + .main-content.no-padding{
padding:0;
}
.single-post #blog .post .main-content:first-child{
padding-top: 70px;
}
.single-post #blog .post .main-content:last-child{
padding-bottom: 70px;
}