/*
Theme Name: premioclaudio
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body,body * {
    font-size: 15pt;
    line-height: 20pt;
    font-family: 'helvetica',arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: black;
    list-style: none;
    padding: 0;
    margin: 0;
}
.text-container p {
	letter-spacing: 1px;
}
ul#menu-mainmenu li a {
    font-size: 18pt;
    text-transform: uppercase;
    padding-bottom: 3px;
    line-height: 20pt;
}
ul#menu-mainmenu li {
    margin-bottom: 12px;
}
ul#menu-mainmenu li a:hover,ul#menu-mainmenu li.attivo a {
    border-bottom: 1pt solid black;
}
ul#qtranslate-chooser .active {
    display: none;
}
div#logo,.column-row * {
    font-size: 18pt;
    line-height: 23pt;
}
.column-row a {
    display: block;
}
.column-row {
    position: fixed;
    top: 0;
    right: 0;
    height: 50%;
    width: 100%;
}
.column-row.bot-row {
    top: 50%;
}
.inner-column-row {
    position: absolute;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    right: 0;
    -webkit-transition: width 1s linear;
     transition: width 1s linear;
}
.inner-inner-column-row {
    position: absolute;
    top: 0;
    right: 40px;
    height: 100%;
    text-align: center;
}
.socials {
    position: absolute;
    bottom: 40px;
    right: 0px;
}
.language-switcher {
    margin-top: 40px;
}
div#menu {
    position: fixed;
    top: 40px;
    left: 60px;
    z-index: 100;
}
div#logo {
    position: fixed;
    bottom: 40px;
    left: 60px;
    z-index: 100;
    cursor: pointer;
}
div#content {
    margin-left: 390px;
    margin-right: 150px;
    padding-right: 50px;
    margin-top: 40px;
}
.block-container {
    padding-bottom: 50px;
    border-bottom: 2px solid black;
    margin-bottom: 60px;
    position: relative;
}
body .number-container *,body .number-container {
    font-size: 12pt;
}
.current-number {
    display: inline;
}
.number-container {
    text-align: center;
}
.open-big {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}
.gallery-container img {
    max-width: 100%;
    height: auto;
}
.gallery-container {
    margin-top: 30px;
}
.text-container p {
    margin-bottom: 20pt;
}
div#contact {
    border-bottom: 0;
}
.caption {
    font-size: 12pt;
    line-height: 15pt;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    white-space: pre-line;
}
.bx-pager.bx-default-pager {
    display: none;
}
div#contact {
    margin-bottom: 0;
    padding-bottom: 5px;
}
a.bx-next {
    cursor: url(../premioclaudio/img/next.svg) 1 3, pointer !important;
}
a.bx-prev {
    cursor: url(../premioclaudio/img/prev.svg) 1 3, pointer !important;
}
* {
    outline: 0;
}
.column-row.top-row {
     z-index: 10;
}
.column-row.bot-row {
     z-index: 10;
}
.top-row .inner-color {
background: #89bacb; background: -moz-linear-gradient(left,  #89bacb 0%, #d1cecb 100%); background: -webkit-linear-gradient(left,  #89bacb 0%,#d1cecb 100%); background: linear-gradient(to right,  #89bacb 0%,#d1cecb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bacb', endColorstr='#d1cecb',GradientType=1 ); background-size: 400% 400%; }



html[lang="en-US"] .top-row .inner-color { 
background: #dfa19a; /* Old browsers */background: -moz-linear-gradient(left,  #dfa19a 0%, #e3675e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #dfa19a 0%,#e3675e 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #dfa19a 0%,#e3675e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfa19a', endColorstr='#e3675e',GradientType=1 ); /* IE6-9 */ background-size: 400% 400%;
}
html[lang="en-US"] .bot-row .inner-color { 
background: #89bacb; background: -moz-linear-gradient(left,  #89bacb 0%, #d1cecb 100%); background: -webkit-linear-gradient(left,  #89bacb 0%,#d1cecb 100%); background: linear-gradient(to right,  #89bacb 0%,#d1cecb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bacb', endColorstr='#d1cecb',GradientType=1 ); background-size: 400% 400%; 
}

.inner-color {
    width: 100vw;
    height: 100%;
	-webkit-animation: AnimationName 10s ease infinite;
	-moz-animation: AnimationName 10s ease infinite;
	-o-animation: AnimationName 10s ease infinite;
	animation: AnimationName 10s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.bot-row .inner-color {
background: #dfa19a; /* Old browsers */background: -moz-linear-gradient(left,  #dfa19a 0%, #e3675e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #dfa19a 0%,#e3675e 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #dfa19a 0%,#e3675e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfa19a', endColorstr='#e3675e',GradientType=1 ); /* IE6-9 */ background-size: 400% 400%;}
.open-big {
    cursor: pointer;
}
.step2 .inner-column-row, .step2 .column-row {
    width: 125px;
}
.logo-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10000;
    text-align: center;
	opacity:1;
    -webkit-transition: opacity 1s linear;
     transition: opacity 1s linear;
}
.step0 .logo-overlay {
	opacity:0;
}
#red{
    -webkit-transition: opacity 1s linear;
     transition: opacity 1s linear;
	opacity:0;
}
#blue{
    -webkit-transition: opacity 1s linear;
     transition: opacity 1s linear;
	 transition-delay:0.5s;
	opacity:0;
}
#nero {
    -webkit-transition: opacity 1s linear;
     transition: opacity 1s linear;
	 transition-delay:1s;
	opacity:0;
}
.stepfirst #red,.stepfirst #blue,.stepfirst #nero{
	opacity:1;
}
.step1 .logo-overlay {
	display:none;
}
.inner-logo-overlay {
    display: table;
    width: 100%;
    height: 100%;
}
.inner-inner-logo-overlay {
    display: table-cell;
    vertical-align: middle;
}
.inner-inner-logo-overlay svg {
    width: 30vh;
    height: auto;
}
span.input-text-field input {
    border: 0;
    border-bottom: 1px solid black;
    background: none;
    width: 100%;
    border-radius: 0;
    line-height: 0;
    height: 15px;
    padding-top: 5px;
}
.col2.campo {
    float: left;
    width: 50%;
}
.col1.campo {
    width: 100%;
    clear: both;
}
input.wpcf7-form-control.wpcf7-submit {
    -webkit-appearance: none;
    background: none;
    border: 0;
    border-bottom: 1px solid black;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.campo {
    position: relative;
    height: 34px;
    margin-bottom: 15px;
}
span.label-text {
    text-transform: uppercase;
    float: left;
}
span.input-text-field {
    position: absolute;
    right: 0;
    top: -1px;
}
.nome span.input-text-field {
    left: 72px;
    right: 20px;
}
.cognome span.input-text-field {
    left: 117px;
}
.indirizzo span.input-text-field {
    left: 111px;
}
.cap span.input-text-field {
    left: 54px;
    right: 20px;
}
.citta span.input-text-field {
    left: 70px;
}
.provincia span.input-text-field {
    left: 124px;
    right: 20px;
}
.anni span.input-text-field {
    left: 52px;
}
.lavoro span.input-text-field {
    left: 260px;
}
.altro span.input-text-field {
    left: 79px;
}
div.wpcf7-validation-errors {
    border: 0 !important;
}
img.ajax-loader {
    display: none !important;
}
.wpcf7-not-valid {
    border-bottom: 1px solid #e3675e !important;
}
.text-container a {
    border-bottom: 1pt solid black;
}
span.wpcf7-not-valid-tip {
    display: none !important;
}
body div.wpcf7-mail-sent-ok {
    border: none;
    text-align: center;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    text-align: center;
}
input.wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
}
form.wpcf7-form {
    margin-top: 50px;
}
.step2 {
    overflow: auto;
}
.email span.input-text-field {
    left: 74px;
}
body {
    overflow: hidden;
}
body .bx-wrapper .bx-controls-direction a {
	z-index:-10;
}
body.step2 .bx-wrapper .bx-controls-direction a {
	z-index:9999;
}
.gallery-overlay-outer.attiva {
	z-index: 100000;
	opacity:1;
}
.gallery-overlay-outer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: -1;
    height: 100%;
	opacity:0;
    -webkit-transition: opacity 1s linear;
     transition: opacity 1s linear;
}
.single-image-overlay {
    width: 100% !important;
    height: 100vh !important;
}
html[lang="en-US"] .cap span.input-text-field {
    left: 106px;
}

html[lang="en-US"] .lavoro span.input-text-field {
    left: 172px;
}

html[lang='en-US'] .provincia span.input-text-field {
    left: 116px;
}

html[lang='en-US'] .citta span.input-text-field {
    left: 56px;
}

html[lang='en-US'] .anni span.input-text-field {
    left: 55px;
}

html[lang='en-US'] .altro span.input-text-field {
    left: 81px;
}
.number-container-overlay {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 20;
}
.close {
    position: absolute;
    top: 40px;
    right: 30px;
    text-align: center;
    z-index: 300000;
    cursor: pointer;
}
.current-number-overlay {
    display: inline-block;
}
.inner-single-overlay {
    display: table;
    width: 100%;
    height: 100%;
}
.inner-inner-single-overlay {
    display: table-cell;
    vertical-align: middle;
}
.bx-wrapper img {
	max-height:24vw;
}
.gallery-overlay-outer .bx-wrapper img {
    max-width: 100%;
    margin-bottom: 20px;
    max-height: 70vh;
}
body .bx-wrapper img {
    margin-bottom: 20px;
}
body .bx-wrapper .bx-controls-direction a {
    height: calc(100% - 40px);
}
.gallery-overlay-outer .bx-wrapper .bx-controls-direction a.bx-prev {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50vh;
	cursor: url(../premioclaudio/img/prev-vertical.svg) 1 3, pointer !important;
}
.gallery-overlay-outer .bx-wrapper .bx-controls-direction a.bx-next {
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 50vh;
    bottom: 0;
	cursor: url(../premioclaudio/img/next-vertical.svg) 1 3, pointer !important;
}
#page {
	background:white;
}
.gallery-overlay-outer .caption {
    bottom: 0;
    font-size: 15pt;
    line-height: 20pt;
    margin-bottom: -40px;
}
.mobile-header {
    display: none;
}
.mobile-title {
    display: none;
}
@media all and (max-width:768px) {
	div#content {
	    margin: 0;
	    padding: 30px;
	}
	.gallery-overlay-outer .bx-wrapper img {
	    max-height: 60vh;
	}
	.mobile-header {
	    display: block;
	}
	.menu-mobile-block {
	    clear: both;
	     max-height: 0; 
	     overflow: hidden; 
	     -webkit-transition: max-height 0.5s;
		 -moz-transition: max-height 0.5s;
		 -ms-transition: max-height 0.5s;
		 -o-transition: max-height 0.5s;
	      transition: max-height 0.5s;
	}
	.block-menu-out .menu-mobile-block {
		max-height:500px;
	}
	.inner-menu-mobile-block {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	.inner-menu-mobile-block li a {
	    text-transform: uppercase;
	}

	.inner-menu-mobile-block li {
	    border-bottom: 1px solid white;
	    padding-top: 10px;
	    padding-bottom: 8px;
	}
	
	
	.caption {
	    max-width: 95%;
		font-size:9pt;
		line-height:12pt;
	}
	.mobile-title {
	    display: block;
	}
	.gallery-overlay-outer .caption {
	    font-size: 11pt;
	    line-height: 15pt;
	}
	body, body * {
	    font-size: 11pt;
	    line-height: 15pt;
	    letter-spacing: 0.5px !important;
	}
	div#about {
	    padding-bottom: 30px;
	    margin-bottom: 40px;
	}
	body .bx-wrapper img {
	    max-width: 100%;
	    width: auto;
	    height: auto;
	    max-height: 56vw;
	}
	.col2.campo {
	    float: none;
	    width: 100%;
	    height: auto;
	}
	span.label-text {
	    float: none;
	    display: block;
	}
	span.input-text-field {
	    position: relative;
	    top: 0;
	    left: 0 !important;
	    margin-bottom: 20px !important;
	    display: block;
	}
	.col1.campo {
	    height: auto;
	}
	div#logo {
	    display: none;
	}

	div#menu {
	    display: none;
	}

	.column-row.top-row {
	    display: none;
	}

	.column-row.bot-row {
	    display: none;
	}
	body {
		overflow:auto;
	}
	body .bx-wrapper .bx-controls-direction a {
		z-index:10;
	}
	.mobile-header {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 100;
	    padding: 10px 30px;
	}

	html[lang="it-IT"] .mobile-header {
	    background: #89bacb;
	    background: -moz-linear-gradient(left, #89bacb 0%, #d1cecb 100%);
	    background: -webkit-linear-gradient(left, #89bacb 0%,#d1cecb 100%);
	    background: linear-gradient(to right, #89bacb 0%,#d1cecb 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bacb', endColorstr='#d1cecb',GradientType=1 );
	}

	html[lang="en-US"] .mobile-header {

	    background: #dfa19a;
	    background: -moz-linear-gradient(left, #dfa19a 0%, #e3675e 100%);
	    background: -webkit-linear-gradient(left, #dfa19a 0%,#e3675e 100%);
	    background: linear-gradient(to right, #dfa19a 0%,#e3675e 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfa19a', endColorstr='#e3675e',GradientType=1 );
	}

	.mobile-header * {
	    color: white;
	}

	.titolo-logo {
	    float: left;
	}

	.language-mobile {
	    float: right;
	}

	.language-mobile ul#qtranslate-chooser .active {
	    display: inline-block;
	}

	ul#qtranslate-chooser li {
	    display: inline-block;
	    margin-left: 9px;
	}

	.language-mobile ul#qtranslate-chooser .active span {
	    border-bottom: 1pt solid white;
	}

	.language-mobile ul#qtranslate-chooser span {
	    padding-bottom: 2px;
	}

	div#request {
	    margin-bottom: 30px;
	}

	.mobile-title {
	    text-align: center;
	    text-transform: uppercase;
	    margin-bottom: 30px;
	}

	.mobile-title span {
	    border-bottom: 1pt solid black;
	    padding-bottom: 3px;
	}

	.block-container {
	    margin-bottom: 30px;
	}

	input.wpcf7-form-control.wpcf7-submit {
	    border-radius: 0;
	    -webkit-appearance: none;
	}
	div#contact {
	    padding-bottom: 40px;
	}
	.open-big {
	    top: 51px;
	}
}

@media all and (max-width:768px) and (min-width:767px) {
	div#content {
	    padding: 90px;
	}
}

.text-container a {
    border: none;
}

html[lang="en-US"] .text-container a {
    color: #e3675e;
}

html[lang="it-IT"] .text-container a {
    color: #89bacb;
}

.open-big {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
     transition: all 0.5s linear;
}
.open-big:hover {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}