/*
Theme name: Qtheme
Theme url: http://www.craqdesignstudio.it
Version: 9.0
Author: <a href="http://www.craqdesignstudio.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craqdesignstudio.it
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Global
    1.1 Main Rules
    1.2 Font Size
    1.3 Global Classes
    1.4 Loading Wrap
    1.5 Entry Content
2.0  Forms
    2.1 Input
    2.2 Select
    2.3 Checkbox & Radio
    2.4 Date Picker
    2.5 Submit
    2.6 CF7
3.0  Cookies Banner
4.0  Header
    4.1 Social Links
    4.2 Language Switch
    4.3 Search Form
    4.4 Mobile Icon
    4.5 Mobile Menu
    4.6 Wide Menu
5.0 Buttons
    5.1 Regular
    5.2 Raised & Conversion
    5.3 Material
6.0 Gallery
    6.1 Slider
    6.2 Gallery
7.0 Pages
    7.1 Header
    7.2 Page #404
8.0 Archive
    8.1 Filters
    8.2 Archive Navigation
9.0 Footer
10.0 Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Global
--------------------------------------------------------------*/
body{position: relative;}
h1,h2,h3,h4,h5,h6 {clear: both; margin: 0 0 2rem; padding: 3rem 0 0; line-height: 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {padding-top: 0;}
b, strong{font-weight: bold;}
em{font-style: italic;}
sup{vertical-align: text-top; font-size: 0.6rem;}
sub{font-size: 0.6rem;}
p{margin: 1.5rem 0 0;}
a{text-decoration: none; transition: 0.5s ease; color: inherit}

/* ! DEBUG ! */
/* Non sentite il bisogno di avere queste due righe!?! */
/**
*, *:before, *:after {
	box-sizing: border-box;
}
/**/

/* 1.1 Font Size
----------------------*/
html{font-size: 62.5%;}
/* ! DEBUG ! */
/* Uncomment following lines, starting from the lower one, to keep enlarging fonts after 1440px breakpoint (i.e. standard mainWrap max-width) */
/**
@media only screen and (max-width: 3840px) {html {font-size: 38.4px; }}
/**
@media only screen and (max-width: 2560px) {html {font-size: 25.6px; }}
/**
@media only screen and (max-width: 1920px) {html {font-size: 19.2px; }}
/**
@media only screen and (max-width: 1600px) {html {font-size: 16px; }}
/**/
/*@media only screen and (max-width: 1440px) {html {font-size: 14.4px; }}
@media only screen and (max-width: 1366px) {html {font-size: 13.66px; }}
@media only screen and (max-width: 1280px) {html {font-size: 12.8px; }}
@media only screen and (max-width: 1152px) {html {font-size: 11.52px; }}*/
@media only screen and (max-width: 1024px) {html {font-size: 10.24px; }}
/*@media only screen and (max-width: 900px) {html {font-size: 9px; }}
@media only screen and (max-width: 768px) {html {font-size: 7.68px; }}*/
/*@media only screen and (max-width: 600px) {html {font-size: 9px; }}
@media only screen and (max-width: 500px) {html {font-size: 7.25px; }}
@media only screen and (max-width: 400px) {html {font-size: 6px; }}
@media only screen and (max-width: 300px) {html {font-size: 4.5px; }}*/

body{font-size: 16px; line-height: 20px;}
h1, .fs36{font-size: 36px; line-height: 4rem}
h2, .fs30{font-size: 30px; line-height: 3.5rem}
h3, .fs24{font-size: 24px; line-height: 3rem}
h4, .fs21{font-size: 21px; line-height: 2.5rem}
h5, .fs18{font-size: 18px;}
h6{font-size: 17px;}
.fs14 {font-size: 14px;}

mark {color: white; background: #339999}
/* 1.2 Main Rules
----------------------*/

/*font*/
.light {font-weight: 300;}
.bold{font-weight: 700;}
.regular{font-weight: 400;}
.noMargin {margin-top: 0; margin-bottom: 0}
/*colors*/
.white {color: white}
.mainColorBg {background-color: #339999; color: white}
.mainWrap.mainColorBg, .mainColorBg .mainWrap {background-color: #339999;}
.mainColorBg a, .mainColorBg .entryContent a {color: white}
.mainColorBg a:hover {color: #FFFF66}
.whiteBg {background-color: #ffffff}
.azzurroBg {background-color: #D5EBEA}
.mainWrap{
    display: block;
    width: 100%;
/*    box-sizing: border-box;
    padding: 0 5%;*/
    max-width: 1024px;
    margin: auto;
}
.centralWrap{
    display: block;
    margin: auto;
    width: 50%;
}
.colsWrap{
    display: flex;
    justify-content: space-between;
}
.leftCol{
    width: 65%;
}
.rightCol{
    width: 29%;
}
.contentWrap{
    padding: 0 2.5rem;
}
.paddingWrap{
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* 1.3 Global Classes
----------------------*/
.onlyMobile {display: none;}
.onlyPad {display: none;}
/*FLEXBOX*/
.flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex.space-between {
    justify-content: space-between;
}
.flex.space-around {
    justify-content: space-around;
}
.flex.center {
    align-items: center;
}
.flex.wrap{
    flex-wrap: wrap;
}
.flex.column {
    flex-direction: column;
}
.flex.grow {
    flex-grow: 1;
}
.flex.end {
    justify-content: flex-end;
}
.flex.start{
    justify-content: flex-start;
}
.flexContainer{
    display: flex;
    align-items: center;
}
.backgroundCover{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.absoluteInRelative{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hidden {
    display:none;
}
.pointer {
    cursor: pointer;
}
.uppercase {
    text-transform: uppercase;
}
#navigationWrap {
    margin-top: 20px;
}

/* 1.4 Loading Wrap
----------------------*/
#loadingWrap{
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.9);
    z-index: 9999;
}
#loadingWrap img{
    max-width: 65px;
    max-height: 65px;
}

/* 1.4 Entry Content
----------------------*/
.entryContent p:first-child{
    margin-top: 0;
}
.entryContent img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}
.entryContent img.aligncenter{
    margin: 10px auto;
}
.entryContent img.alignleft{
    float: left;
    margin-right: 20px;
}
.entryContent img.alignright{
    float: right;
    margin-left: 20px;
}
.entryContent ol, .entryContent ul{
    margin-left: 20px;
}
.entryContent ul li{
    list-style: disc;
}
.entryContent ol li{
    list-style: decimal;
}
.entryContent .buttonsContainer{
    margin: 2rem 0;
}

/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
.qformField:not(.settings){
    margin: 2rem 0!important;
    padding: 0!important;
    border: none!important;
    position: relative;
}
.qformField input:not([type=button]):not([type=submit]):not([type=checkbox]), .qformField textarea, .qformField select{
    width: 100%;
    box-sizing: border-box;
}
.qformField label {
    margin-bottom: 0.5rem;
    display: block;
    font-weight: normal!important;
}
.qformMessage{
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: red;
    margin: 1rem 0;
}
.qformMessage br{
    line-height: 2rem;
}
.qformMessage.success{
    color: green;
}
.qformIndication{
    opacity: 0.5;
    font-size: 1rem;
    line-height: 1rem;
}
.qthemePwdIndicator{
    color: red;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1rem;
}
.qthemePwdIndicator.strong,.qthemePwdIndicator.good{
    color: green;
}

/* 2.1 Input
----------------------*/
input:not([type=button]):not([type=submit]):not([type=search]):not([type=checkbox]):not([type=radio]), textarea, select {
    background: #ffffff;
    border: 0px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    transition: all .5s;
    padding: 1rem 1.2rem;
    font-size: 14px;
    width: 100% ;
    box-sizing: border-box;
    height: auto;
    position: relative;
}
input:not([type=button]):not([type=submit]):focus, textarea:focus, select:focus {
    background: #ffffff;
    border-color: #000000;
    outline: none;
    transition: all .5s;
}
input.required:not([type=button]):not([type=submit]), textarea.required, select.required{
    border-right: 1px solid red;
}

/* 2.2 Select
----------------------*/
.qthemeSelectWrap {
    position: relative;
}
.qthemeSelectWrap select {
    display: none;
}
.qthemeSelectWrap .select-selected {
    background: #f7f7f7;
    padding: 1rem 2.5rem 1rem 1.2rem;
    cursor: pointer;
    border: 1px solid #c4c4c4;
}
.qthemeSelectWrap .select-selected:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    width: 0;
    height: 0;
    border: 0.45rem solid transparent;
    border-color: #000000 transparent transparent transparent;
}
.qthemeSelectWrap .select-selected.select-arrow-active:after {
    border-color: transparent transparent #000000 transparent;
    top: 1.2rem;
}
.qthemeSelectWrap .select-items {
    position: absolute;
    background-color: #f4f4f4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
.qthemeSelectWrap .select-items div {
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    border: 1px solid #c4c4c4;
    border-top: 0;
    font-size: 1rem;
}
.qthemeSelectWrap .select-hide {
    display: none;
}
.qthemeSelectWrap .select-items div:hover,
.qthemeSelectWrap .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* 2.3 Checkbox & Radio
----------------------*/
/*input[type=checkbox],
input[type=radio]{
    display: none;
    position: relative;
    top: 11px;
    z-index: 9;
    width: 1.4rem!important;
    height: 1.4rem!important;
    opacity: 0;
    cursor: pointer;
}*/
input[type=checkbox]{
    display: none;
    position: relative;
    top: 11px;
    z-index: 9;
    width: 1.4rem!important;
    height: 1.4rem!important;
    opacity: 0;
    cursor: pointer;
}
/*@-moz-document url-prefix() {
  input[type=checkbox],
  input[type=radio] {
      position: initial!important;
  }
  .wpcf7-list-item {display: flex!important; align-items: center}
  .wpcf7-list-item-label {margin: 0!important}
}*/
/*input[type=checkbox] + label, input[type=radio] + label{
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}*/
input[type=checkbox] + label{
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}
/*input[type=checkbox] + label::before,
input[type=radio] + label::before{
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}*/
input[type=checkbox] + label::before{
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}
/*input[type=radio] + label::before{
    border-radius: 100%;
}*/
input[type=checkbox] + label::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    display: inline-block;
    height: 5px;
    width: 11px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
/*input[type=radio] + label::after{
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1rem;
    height: 1rem;
    background: #000000;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}*/
input[type=checkbox]:checked + label::after{
    opacity: 1;
}
input[type=radio]:checked + label::after{
    opacity: 1;
    transform: scale(1);
}



/* 2.4 Date Picker
----------------------*/
.dateField{
    cursor: pointer;
}
.ui-datepicker {
    background: #ffffff;
    width: 25rem;
    padding: 0;
    z-index: 999!important;
    border: 1px solid #000000;
    margin: 0.5rem 0;
}
.ui-datepicker-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 1rem 0;
}
.ui-datepicker-prev {
    cursor: pointer;
    width: 4rem;
}
.ui-datepicker-next{
    cursor: pointer;
    width: 4rem;
}
.ui-datepicker-prev:before {
    font-family: "Material Icons", sans-serif;
    content: "\e314";
    font-size: 2rem;
    display: grid;
}
.ui-datepicker-next:before{
    font-family: "Material Icons", sans-serif;
    content: "\e315";
    font-size: 2rem;
    display: grid;
}
.ui-datepicker-prev span, .ui-datepicker-next span{
    display: none;
}
.ui-datepicker-title{
    text-align: center;
    padding: 1rem 0;
    text-transform: uppercase;
    flex-basis: 100%;
    display: flex;
    align-items: center;
}
.ui-datepicker-title select{
    background: none;
    padding: 0 0.5rem;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
}
.ui-datepicker-calendar{
    width: 100%;
}
.ui-datepicker-calendar th{
    text-align: center;
    padding: 0.5rem 0;
}
.ui-datepicker-calendar td{
    text-align: center;
    padding: 0.5rem;
    border: 1px solid #cccccc;
    transition: all 0.5s;
    cursor: pointer;
}
.ui-datepicker-calendar a{
    color: #000000;
}
.ui-datepicker-calendar td:hover{
    background: #000000;
}
.ui-datepicker-calendar td:hover a{
    color: #ffffff;
}

/* 2.5 Submit
----------------------*/
input[type=button], input[type=submit]{
    background: #339999;
    border: 0px solid #c4c4c4;
    color: #ffffff;
    padding: 1rem 3rem;
    cursor: pointer;
    transition: ease .5s;
    opacity: 1;
    text-transform: uppercase;
}
input[type=button]:hover, input[type=submit]:hover{
/*    background: #f7f7f7;
    color: #000000;
    border: 1px solid #c4c4c4;
    opacity: 1;*/
    color: #339999;
    background-color: #FFFF66;
    transition: 0.5s ease;
}
input[type=button]:disabled, input[type=submit]:disabled{
    opacity: 0.5;
}

/* 2.6 CF7
----------------------*/
.wpcf7-acceptance span.wpcf7-list-item, .wpcf7-checkbox span.wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item {
    margin: 10px 0;

}
.wpcf7-checkbox .wpcf7-list-item-label{
    margin: 0 30px;
    display: flex;
}
.wpcf7-checkbox {display:flex; flex-wrap: wrap;}
.wpcf7-list-item input[type=checkbox]{
    width: 20px!important;
}

.wpcf7-acceptance span.wpcf7-list-item label, .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label{
    display: flex;
    align-items: flex-start;
    position: relative;

}
.wpcf7-form-control-wrap input[type=checkbox]{
    cursor: pointer;
    display: block;
    width: 19px;
    margin-right: 1rem;
    opacity: 1;
}
.wpcf7-form-control-wrap input[type=checkbox]:before{
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}
.wpcf7-form-control-wrap input[type=checkbox]:after{
    content: '';
    position: absolute;
    left: 4px;
    top: 6px;
    display: inline-block;
    height: 5px;
    width: 11px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
.wpcf7-form-control-wrap input[type=checkbox]:checked:after{
    opacity: 1;
}

div.wpcf7 .ajax-loader{
    background-image: url('img/loading.gif');
    background-size: cover;
    width: 2rem;
    height: 2rem;
    margin-left: 2rem;
}
span.wpcf7-not-valid-tip{
    font-weight: 100;
    margin-top: 1rem;
    font-size: 1rem;
}
div.wpcf7-response-output{
    padding: 0;
    font-size: 1rem;
    font-weight: 100;
}
div.wpcf7-validation-errors{
    border: none;
    color: red;
    margin: 2rem 0;
    font-weight: 100;
    font-size: 1rem;
}
div.wpcf7-mail-sent-ok{
    border: none;
    color: #339999;
    font-weight: 100;
    font-size: 1rem;
}
.wpcf7-list-item.first label{
    margin: 0 1rem;
    font-weight: 100;
    font-size: 1rem;
}
.wpcf7-acceptance .wpcf7-list-item-label{
    margin-left: 19px;
    margin-top: 12px;
}
.form-iscrizione .wpcf7-acceptance .wpcf7-list-item {
    width: 100%;
}
.form-iscrizione .flex.blockPad > p {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
/*.form-iscrizione .textSection > .flex > * {
    width: 50%;
}*/
div.wpcf7-mail-sent-ok, span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
    font-size: 14px;
}
div.wpcf7-response-output {
    font-weight: bold;
    font-size: 16px;
    padding-left: 30px;
}
/*.wpcf7-response-output {
    font-weight: bold!important;
    font-size: 21px!important;
    padding-left: 30px!important;
}*/

/*radio button*/
.c-form-radio .wpcf7-radio, .c-form-radio .c-form-radio__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.c-form-radio .wpcf7-list-item, .c-form-radio .c-form-radio__item {
    margin: 0;
    position: relative;
    z-index: 0;
}
.c-form-radio .wpcf7-list-item > input[type=radio], .c-form-radio .c-form-radio__item > input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}
.c-form-radio .wpcf7-list-item > input[type=radio] + span, .c-form-radio .c-form-radio__item > input[type=radio] + span {
    padding-left: 30px;
    display: block;
}

.c-form-radio .wpcf7-list-item > input[type=radio] + span:before, .c-form-radio .c-form-radio__item > input[type=radio] + span:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #FFFFFF;
    border-radius: 100%;
    border: 1px solid #707070;
    display: inline-block;
    width: 26px;
    height: 26px;
    transition: all 0.3s ease;
    transition-property: background-color, box-shadow;
    will-change: background-color, box-shadow;
}
.c-form-radio .wpcf7-list-item > input[type=radio] + span:before, .c-form-radio .c-form-radio__item > input[type=radio] + span:before {
    width: 19px;
    height: 19px;
}
.c-form-radio .wpcf7-list-item > input[type=radio] + span:after, .c-form-radio .c-form-radio__item > input[type=radio] + span:after {
    content: none;
}
.c-form-radio .wpcf7-list-item > input[type=radio]:checked + span:before, .c-form-radio .c-form-radio__item > input[type=radio]:checked + span:before {
    background-color: #339999;
    box-shadow: inset 0 0 0 4px #FFFFFF;
}
.c-form-radio .wpcf7-list-item > input[type=radio]:focus + span:before, .c-form-radio .c-form-radio__item > input[type=radio]:focus + span:before {
    outline: none;
    border-color: #339999;
}
.c-form-radio .wpcf7-list-item > input[type=radio]:disabled + span:before, .c-form-radio .c-form-radio__item > input[type=radio]:disabled + span:before {
    box-shadow: inset 0 0 0 4px #FFFFFF;
    border-color: #bfbfbf;
    background: #bfbfbf;
}
.c-form-radio .wpcf7-list-item > input[type=radio] + span:empty:before, .c-form-radio .c-form-radio__item > input[type=radio] + span:empty:before {
    margin-right: 0;
}
.c-form-radio--vertical .wpcf7-radio, .c-form-radio--vertical .c-form-radio__items {
    flex-direction: column;
    align-items: flex-start;
}

/*--------------------------------------------------------------
3.0 Cookies Banner
--------------------------------------------------------------*/
#qthemeCookieBanner{
    background: #000000;
    color: #ffffff;
    text-align: center;
    padding: 2rem 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    font-size: 1rem;
    line-height: 1.2rem;
}
#qthemeCookieBanner .text{
    padding: 0 10%;
}
#qthemeCookieBanner .actionsButton{
    margin-top: 1rem;
}
#qthemeCookieBanner .actionsButton a{
    text-transform: uppercase;
    margin: 0 1.5rem;
    color: #ffffff;
}

/*--------------------------------------------------------------
4.0 Header
--------------------------------------------------------------*/
.siteHeader{
/*    border-bottom: 1px solid #cccccc;*/
    width: 100%;
    top: 0;
    z-index: 9;
    background: #339999;
    transition: all 0.5s ease-in-out;
    color: white;
    margin-bottom: 3rem;
}
.siteHeader.transparentHeader {
    background-color: transparent;
    border: 0;
}
.siteHeader.navUp{
    top: -160px;
}
.headerInside{
/*    display: flex;
    justify-content: space-between;
    align-items: center;*/
    padding-top: 10px;
}
.headerInside .top{
    margin-bottom: 25px;
    margin-top: 25px;
}

.headerInside .logoTxt{
    max-width: 250px;
}

.headerInside .bottom{
    padding-bottom: 10px;
}

.headerInside .navWrapper{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headerInside .headerLogo {
    max-width: 150px;
    margin-right: 30px;
}
.headerInside .headerLogo img, .headerInside .aciLogo img{
    max-height: 100px;
    max-width: 100%;
}
.headerInside .navWrapper > div{
/*    margin-left: 2rem;*/
}
.headerInside .navWrapper > div:first-child {
    margin-left: 0;
}
.headerInside .mobMenuOpen {
    transition: 0.5s ease;
    font-size: 3rem;
    cursor: pointer;
}

/* 4.1 Social Link
----------------------*/
.socialLinksWrapper{
    display: flex;
    align-items: center;
}
.socialLinksWrapper .item{
    margin-left: 0.5rem;
}
.socialLinksWrapper .item:first-child{
    margin-left: 0;
}
.socialLinksWrapper svg {
    height: 40px!important;
    width: 40px;
}
.searchForm svg{
    height: 35px;
    width: 35px;
}
.socialLinksWrapper svg path, .searchIcon path{
    fill: white!important;
    transition: 0.5s ease;
}
.socialLinksWrapper .item:hover svg path, .searchIcon:hover path {
    fill: rgba(255,255,255, 0.6)!important;
    
}
.socialLinksWrapper img{
    max-height: 1.6rem;
}

/* 4.2 Language Switch
----------------------*/
.languageSwitch .langLink a{
    text-transform: uppercase;
}
.languageSwitch .separator {
    margin: 0 0.3rem;
}

/* 4.3 Search Form
----------------------*/
.searchForm{
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.searchForm form{
    width: 0;
    transition: 0.5s ease;
}
.searchForm input{
    font-size: 12px;
    width: 0;
    box-sizing: border-box;
    background: #339999;
    border: 0px solid #c4c4c4;
    transition: .5s ease;
    border-radius: 0;
    padding: 5px 10px;
}
.searchForm.active input {
    background: #ffffff;
    width: 100%;
    
}
.searchForm .searchIcon{
    cursor: pointer;
    margin-right: 0.5rem;
}
.headerNav.left .searchForm .searchIcon{
    margin-left: 0;
    margin-right: 0.5rem;
}

/* 4.5 Wide Menu
----------------------*/
.wideNav ul{
    padding-left: 0;
    margin: 0;
}
.wideNav li{
    list-style: none;
    display: inline-block;
    margin-right: 1rem;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

/*.wideNav .current-menu-item {
    background-color: #FFFF66;
}*/
.wideNav li a{
    padding: 10px;
}
.wideNav .current-menu-item a, .wideNav li:hover a{
    color: #339999;
    background: #FFFF66;
}
.right .wideNav{
    text-align: right;
}
.right .wideNav li{
    margin-right: 0;
/*    margin-left: 5px;*/
    padding: 10px;
}
/*.qmenu a, .qmenu a:hover{
    color: #ffffff;
}*/

/* 4.6 Mobile Icon
----------------------*/
.mobNav{
    position: fixed;
    top: 0;
    height: 100%;
    background: #ffffff;
    z-index: 99999;
    width: 30rem;
    text-align: right;
    box-sizing: border-box;
    display: none;
}
.mobNav.right {
    right: 0;
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    overflow-y: scroll;
}
.mobNav.left {
    left: 0;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
}
.mobNav .inside{
    display: inline-block;
    width: 100%;
    padding: 8rem 8rem 8rem 5rem;
    box-sizing: border-box;
}
.mobNav.right .inside,
.mobNav.left .inside{
    padding: 5rem;
}
.mobNav .close{
    font-size: 3rem;
    cursor: pointer;
    margin: 2rem 0;
    color: #339999;
}
.mobNav ul{
    margin: 0;
}
.mobNav li{
    display: block;
    margin: 2.5rem 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.mobNav a {
    color: #339999;
    font-weight: bold;
    border-bottom: 1px solid white;
    font-size: 21px;
    line-height: 25px;
}
.mobNav a:hover {
    color: #339999;
    border-bottom: 1px solid #339999;
}
.mobNav .searchForm {
    width: 100%;
}
.mobNav .searchForm input {
    width: 100%;
    border: 1px solid #339999;
    background: none;
}

/*--------------------------------------------------------------
5.0 Buttons
--------------------------------------------------------------*/
.buttonsContainer{
    display: flex;
    align-items: center;
}
.buttonsContainer .button:first-child{
    margin-left: 0;
}
.button{
    margin-left: 2rem;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}
.button.iconWrap .icon.customSVG svg path,
.button.iconWrap .icon.customSVG svg polygon{
    transition: 0.5s ease;
}

/* 5.1 Regular
----------------------*/
.button:hover{
    color: red;
}
.button:hover .icon.customSVG svg path,
.button:hover .icon.customSVG svg polygon{
    fill: red;
}

/* 5.2 Raised & Conversion
----------------------*/
.button.raised, .button.conversion{
    background: #339999;
    color: #ffffff;
    padding: 0.8rem 1.5rem;
    font-size: 14px;
}
.button.raised:hover, .button.conversion:hover{
    color: #339999;
    background-color: #FFFF66;
    transition: 0.5s ease;
}
.button.conversion{
    background-color: #ff0000;
    border: 1px solid #ff0000;
}
.button.conversion:hover{
    border: 1px solid #000000;
}
.button.raised .icon.customSVG svg path,
.button.raised .icon.customSVG svg polygon,
.button.conversion .icon.customSVG svg path,
.button.conversion .icon.customSVG svg polygon{
    fill: #ffffff;
}
.button.raised:hover .icon.customSVG svg path,
.button.raised:hover .icon.customSVG svg polygon,
.button.conversion:hover .icon.customSVG svg path,
.button.conversion:hover .icon.customSVG svg polygon{
    fill: #000000;
}

/* 5.3 Material
----------------------*/
.button.material {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    color: #000000;
    transition: ease .5s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
.button.material:hover, .button.material:focus {
    background-color: #cccccc;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .6);
}
.button.material > * {
    position: relative;
}
.button.material:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.button.material:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

/*--------------------------------------------------------------
6.0 Gallery
--------------------------------------------------------------*/
.qsliderWrap .imageWrap,
.qgalleryWrap .imageWrap{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.qsliderWrap .lightbox,
.qgalleryWrap .lightbox{
    cursor: pointer;
}
/* 6.1 Slider
----------------------*/
.qslider .slick-track {
    display: flex;
    align-items: center;
}
.qslider img{
    display: inline-block;
}
.qsliderArrows{
    text-align: right;
    margin-bottom: 1rem;
}
.qsliderArrows .qsliderArrow:first-child{
    margin: 0;
}
.qsliderArrow{
    cursor: pointer;
    margin-left: 0.5rem;
}
.qsliderArrows i{
    font-size: 1.6rem;
}
.qsliderDots ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.qsliderDots li{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #000000;
    border-radius: 1rem;
    margin-right: 0.5rem;
    cursor: pointer;
    transition: 0.5s ease;
}
.qsliderDots li:hover,
.qsliderDots li.slick-active{
    background: red;
}
.qsliderDots button{
    display: none;
}

/* 6.2 Gallery
----------------------*/
.qgalleryWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.qgalleryWrap .lightbox{
    display: inline-block;
    cursor: pointer;
}
.qgalleryWrap.col2 .imageWrap{width: 50%;}
.qgalleryWrap.col3 .imageWrap{width: 33%;}
.qgalleryWrap.col4 .imageWrap{width: 25%;}

/*--------------------------------------------------------------
7.0 Page #404
--------------------------------------------------------------*/
/* 7.1 Header
----------------------*/
.postHeader .postTitle{
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* 7.2 Page #404
----------------------*/
#post404{
    text-align: center;
    padding: 3rem 0;
}
#post404 h1{
    font-size: 10rem;
    line-height: 10rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
#post404 .pageNotFound{
    font-size: 3rem;
    font-weight: bold;
}
#post404 .disclaimer{
    margin-top: 3rem;
    font-size: 2.2rem;
    line-height: 2.2rem;
}
.postTitle {
    color: #339999;
}

/*--------------------------------------------------------------
8.0 Archive
--------------------------------------------------------------*/
/* 8.1 Filters
----------------------*/
.filterWrap{
    margin: 1.5rem 0;
}
.filterWrap label{
    margin-bottom: 0.5rem;
    display: inline-block;
}
.filterItemWrap {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
.filterItemList input[type=radio] + label{
    padding-left: 0!important;
    transition: 0.5s ease;
}
.filterItemList input[type=radio] + label::after,
.filterItemList input[type=radio] + label::before{
    opacity: 0;
}
.filterItemList input[type=radio] + label:hover,
.filterItemList input[type=radio]:checked + label{
    color: red;
}

/* 8.2 Archive Navigation
----------------------*/
#pageArchive .postContent{
    margin-bottom: 2rem;
}
.navLoadMore .loadMore{
    display: inline-block;
    margin-left: 0;
    margin-top: 1rem;
}
.navPagination{
    text-align: right;
}
.navPagination a{
    color: #000000;
}
.navPagination a:not(:last-child)::after{
    content: ' - ';
    color: #000000;
}
.navPagination a:hover,
.navPagination a.active{
    color: #339999;
}
/*--------------------------------------------------------------
 Loop
--------------------------------------------------------------*/
/*edizione*/
.edizioneLoop{
    width: 48%;
    display: block;
    min-height: 350px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 4rem;
}
/*post*/
.postArchiveWrap .yearTitle{
    width: 100%;
    margin: 30px 0;
    color: #339999;
}
.postArchiveWrap .yearSection{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: white;
}
.postArchiveWrap .navPagination {background: white;}
.postArchiveWrap .yearSection .postLoop:nth-of-type(2){
/*    padding-bottom: 1rem;*/
}
.postStreamWrapper{
    display: flex;
    justify-content: space-between;
}
.postStreamWrapper .postLoop{margin-bottom: 0}
.postLoop {
    width: 50%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
EDIZIONE
--------------------------------------------------------------*/
.sliderEdizione .slide {
    height: 40rem;
}
.singleEdizione .convegnoWrap{
    margin-bottom: 20px;
}
.singleEdizione .dataTitle {margin-bottom: 20px;}

/*--------------------------------------------------------------
SELLERS
--------------------------------------------------------------*/
.sellerFilterSection .filterItemCheck {
    width: 45%;
}
.boxStreamSeller {
    align-items: stretch;
}
.boxStreamSeller .boxArchiveForm {
    width: 45%;
}
.boxStreamSeller .boxArchiveWrap {
    width: 45%;
    position: relative;
}
.boxStreamSeller .sellerLoop{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.boxStreamSeller .sellerWrap {
    flex-grow: 1;
}

.boxStreamSeller .symbol {
    margin-right: 10px; 
    font-size: 20px;
    width: 10px;
}
.boxStreamSeller .sellerLoop .nome {
    text-transform: uppercase;
}
.boxStreamSeller .sellerLoop.active {
    background: white;
}
.boxStreamSeller .sellerLoop.active .nome{
    background: white;
    color: #339999;
    font-weight: bold;
}
.boxStreamSeller .info {
    margin-top: 10px;
}
.boxStreamSeller .info > div:not(:first-child) {
    margin-top: 5px;
}
.boxStreamSeller #navigationWrap {
/*    position: absolute;
    bottom: 0;
    right: 0;*/
}


/*--------------------------------------------------------------
 Page Convegni
--------------------------------------------------------------*/
.dataConvegnoWrap {
    padding-bottom: 30px;
}
.dataConvegnoWrap .titleWrap{
    padding-bottom: 3rem;
}
.convegnoWrap {
    margin-bottom: 10px;
}
.convegnoWrap .visible{
    padding-top: 15px;
    padding-bottom: 15px;
}

.convegnoWrap .visible:hover .pointer .convegnoTitle{
    color: #339999;
}
.convegnoWrap .convegnoTitle {
    transition: 0.5s ease;
}
.convegnoWrap .rightCol .item {
    border-bottom: 1px solid #A9A9A9;
    padding: 5px 0;
}

.convegnoWrap .rightCol .indirizzo {
    padding: 5px;
    margin-top: 10px;
}
.convegnoWrap .rightCol .indirizzo i{
    margin-right: 5px;
}
.convegnoWrap .rightCol .indirizzo:hover {color: #FFFF66}
.relatoriWrap .label{
    margin: 20px 0 10px 0;
}
.relatoreWrap {
    background-color: #F2F2F2;
    padding: 12px;
    margin-bottom: 2px;
}
.relatoreWrap .foto{
    height: 125px;
    min-width: 125px;
    margin-right: 15px;
}
.relatoreWrap .info > *{margin-bottom: 3px;}
.pdf svg {width: 60px; margin-right: 20px; transition: 0.5s ease}
.pdf svg polygon{fill: #339999}

.pdf svg .cls-1{fill:#339999;}
.pdf svg .cls-2{font-size:18px;fill:#fff;font-family:Montserrat;font-weight:700; transition: 0.5s ease}
.pdf:hover .cls-2{fill: #FFFF66}
/*--------------------------------------------------------------
 Page Iscrizione Seller
--------------------------------------------------------------*/
.form-iscrizione {background: none;}
.form-iscrizione section {
    background: #D5EBEA;
    margin: 30px 0;
    padding: 30px 1.5rem 20px 1.5rem;
}

.form-iscrizione h3 {width: 100%; color: #339999;}
.form-iscrizione .iscrizioneField {width: 45%; margin:1rem 0;}
.form-iscrizione .iscrizioneField.checkbox, .form-iscrizione .iscrizioneField.radio {width: 100%; margin: 0;}
.form-iscrizione .iscrizioneField.checkbox ~ .iscrizioneField {margin: 0;}
.form-iscrizione .wpcf7-list-item {width: 33%;}
/*--------------------------------------------------------------
 Page SEARCH
--------------------------------------------------------------*/
.searchResults .foundLink {
    display: block;
}
.searchResults .foundLink.hidden {
    display: none;
}
/*--------------------------------------------------------------
9.0 Footer
--------------------------------------------------------------*/
.siteFooter{
/*    border-top: 1px solid #cccccc;*/
    padding: 2rem 0;
    margin-top: 35px;
}
.footerWrap {
    font-size: 14px;
    line-height: 1.5em;
}
.footerWrap .top {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 1rem;
}
.footerWrap .bottom {
    padding-top: 2rem;
}
.footerWrap .footerContent {
    margin-right: 5rem;
}
.footerWrap h4 {
    font-size: 14px;
    text-transform: uppercase;
}
/*.footerWrap svg{
    font-family: 'Montserrat', sans-serif;
    width: 180px;
    transition: 0.5s ease;
}*/
.footerWrap .aciLogo img {
    height: 80px;
}
.footerWrap .aciLogoTxt {text-align: right; margin-bottom: 2rem; line-height: 25px;}
.footerWrap .socialLinks {margin-top: 1rem}
.qmenuFooter {display: flex; flex-wrap: wrap; list-style-type: none;margin: 0; padding: 0;}
.qmenuFooter li {margin-right: 30px; text-transform: uppercase}
/*--------------------------------------------------------------
10.0 Responsive
--------------------------------------------------------------*/
@media all and (max-width: 1690px) { }
@media all and (max-width: 1280px) { }
@media all and (max-width: 1024px) {
    
/*    html {font-size: 10.24px; }*/
    
    
    .colsWrap{display: block;}
    
}
@media all and (max-width: 768px) {
    .postHeader .postTitle {padding-bottom: 0}
    #page{background: none!important;}
    .leftCol{width: 100%;}
    .rightCol{width: 100%; margin-top: 3rem;}
    .wideNav{display: none;}
    .mobMenuIcon{display: block;}
    .navWrapper .searchForm {display: none;}
    .footerWrap{flex-wrap: wrap;}
    .footerWrap > * {width: 100%;}
    .footerWrap .right{margin-top: 2rem;}
    .onlyPad {display: block;}
    .notPad {display: none;}
    .flex.blockPad{display: block;}
    .form-iscrizione .iscrizioneField {width: 100%;}
    .wpcf7-checkbox {display: block;}
/*    .headerInside .headerLogo img {
        max-height: 160px;
        max-width: 100%;
    }*/
    .headerInside .aciLogo img {
        max-height: 120px;
        max-width: 100%;
    }
    .qthemeNav.navWrapper{margin-left: 2rem;}
    .socialLinksWrapper svg {
        height: 50px;
        width: 50px;
    }
    .headerInside .mobMenuOpen {font-size: 6rem;}
    .headerInside .headerLogo{max-width: 45%; margin-right: 10%;}
    .headerInside .logoTxt{width: 45%;}
    .siteFooter{
        margin-top: 0;
    }
    .footerWrap .footerContent, .footerWrap .prevEditionsWrap, .footerWrap .menu-footer-menu-container{
        border-bottom: 1px solid rgba(255,255,255,0.5);
        margin-right: 0;
        margin-bottom: 10px;
        padding: 10px 0;
    }
    .footerWrap .bottom {padding-top: 0}
    .footerWrap .aciLogoTxt {text-align: left}
    /*loop*/
    .edizioneLoop {
        width: 100%;
        margin-bottom: 20px;
    }
    .postStreamWrapper {display: block;}
    .postStreamWrapper .postLoop{margin-bottom: 10px;}
    .postLoop {width: 100%;}
    
    .boxStreamSeller {
        flex-wrap: wrap; 
        flex-direction: column-reverse
    }
    .boxStreamSeller .boxArchiveWrap, .boxStreamSeller .boxArchiveForm {
        width: 100%;
        position: initial;
        margin-bottom: 40px;
    }
    .boxStreamSeller #navigationWrap {
        position: initial;
    }
    .form-iscrizione .wpcf7-list-item {
        width: 50%;
    }
}
@media all and (max-width: 480px) {
    .blockMobile.flex {
        display: block;
    }
    .sellerFilterSection .filterItemCheck {width: 100%}
    .form-iscrizione .wpcf7-list-item {
        width: 100%;
    }
    .headerInside .logoTxt{font-size: 2rem;}
    .navWrapper .searchForm, .navWrapper .socialLinks, .navWrapper .languageSwitch{display: none;}
    .relatoreWrap .foto {
        margin-bottom: 20px;
    }
    .buttonsContainer{
        display: block;
    }
    .buttonsContainer > * {
        margin: 20px 0;
        display: block;
        max-width: 50%;
        text-align: center;
    }
    h1, .fs36{font-size: 30px; line-height: 3.5rem}
    h2, .fs30{font-size: 24px; line-height: 3rem}
h3, .fs24 {font-size: 21px; line-height: 2.5rem}
h4, .fs21 {font-size: 18px;}
h5, .fs18 {font-size: 17px;}
}
@media all and (max-width: 380px) {
    .headerInside .mobMenuOpen{font-size: 4.5rem;}
    .headerInside .logoTxt{font-size: 15px;line-height: 18px;}
    .socialLinksWrapper svg {
        height: 30px;
        width: 30px;
    }
}