/*
 Theme Name:   cis
 Theme URI:    https://www.webees.it
 Description:  Cis Theme by Webees
 Author:       Webees
 Template:     webees-cms
 Version:      1.0.0
 Text Domain:  cis
*/

/*Animations
------------------------------------------------------*/
/*======== Bounce Hover Arrow icon LEFT/RIGHT ========*/
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform:     translateY(0);
        transform:         translateY(0)
    }
    40% {
        -webkit-transform: translatex(-30px);
        -ms-transform:     translatex(-30px);
        transform:         translatex(-30px)
    }
    60% {
        -webkit-transform: translatex(-15px);
        -ms-transform:     translatex(-15px);
        transform:         translatex(-15px)
    }
}
/*======== Bounce Hover Arrow icon UP/DOWN ========*/
@keyframes bounce-up {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translatex(0);
        -ms-transform:     translatex(0);
        transform:         translatex(0)
    }
    40% {
        -webkit-transform: translatey(-10px);
        -ms-transform:     translatey(-10px);
        transform:         translatey(-10px)
    }
    60% {
        -webkit-transform: translatey(-5px);
        -ms-transform:     translatey(-5px);
        transform:         translatey(-5px)
    }
}

/* General rules
------------------------------------------------------*/
@font-face {
  font-family: 'Kanit', sans-serif;
}
body {
    font-family: 'Kanit', sans-serif;
    font-weight: 200;
}
.fa {
    width: 30px;
    height: 30px;
    color: #000;
    background: #fff;
    font-size: 0.7em;
    text-align: center;
    border-radius: 50%;
    line-height: 2.3;
}
.fa:hover {
    color: #fff;
    /*background: #2a4f7f;*/ /*commented by Eugenio 2.1.2017*/
    -ms-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.social-links .fa:hover{
    color: transparent;
}
.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
}
.stripe.stream-carousel .fa, .carousel-inner .fa {
    background: transparent;
    cursor: pointer;
    font-size: 3em !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fa-chevron-circle-right.slick-arrow {
    right: 0.5em !important;
    color: #fff;
}
.fa-chevron-circle-left.slick-arrow {
    left: 0.5em !important;
    color: #fff;
}
.post-image {
    position: relative;
}
.paged-navigation { /* Navigation */
    display: block;
    max-width: 50%;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 8em;
    font-size: 2em;
}
.post-inner img {
    width: 100%;
    height: auto;
}
.post-place {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: 0.3em;
}
.post-title {
    margin-bottom: 1em;
}
.post-title h4 {
    margin-bottom: 0 !important;
}
.clearfix {
    content: " ";
    clear: both;
}
/* Text
------------------------------------------------------*/
h3,
.tax-councilors_category h1,
.single-regolamentation h1,
#course-title h1 {
    margin-bottom: 0.3em;
    font-size: 5em;
    font-weight: 600;
    color: #2b2b2b;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 600;
    letter-spacing: -2px;
}
h5, h6 {
    letter-spacing: 0;
}
a { 
    /*font-family: 'Anton', sans-serif;*/
    font-weight: 400;
    /*text-transform: uppercase;*/
}
a:hover {
    text-decoration: none;
}
p {
    font-size: 1.3em;
    margin: 0;
}
.page-id-11 #stripe-4 h3, .page-id-9 #stripe-3 h3, .page-id-9 #stripe-3 h4,
.post-type-archive-school .stripe#ask-for-information h3,
.single-rivista #login-area h3{ /* White Titles */
    color: #fff;
}
.page-id-11 #stripe-1,
.post-type-archive-school #stripe-1,
.page-id-555 #stripe-1 h3 { /* Align Right Text */
    text-align: right;
}
.page-id-11 #stripe-2,
.page-id-206 main,
.page-id-9 #stripe-1 .stripe-description h4 { /* Align Center Text */
    text-align: center;
}
div#rivista-di-sessuologia .stripe-description p:nth-child(1) { /* Align Justift Text */
    text-align: justify;
}
/* Buttons & Links
------------------------------------------------------*/
/* Page top button
---------------------------*/
button.scroll-to-reserve {
    position: fixed;
    bottom: 2em;
    right: 2em;
    cursor: pointer;
    z-index: 9999;
    background: none;
    border: none;
    outline: none;    
    height: 64px;
}
button.scroll-to-reserve .fa {   
    line-height: 1;
    width: auto;
    height: auto;
    border-radius: unset;
    font-size: 4em;
    color: #D35353;
    z-index: 100;
    background: transparent;
}
/*Default Button
---------------------------*/
a.btn,
.page-id-963 main.main-wrapper button {
    padding: 0.8em 3.5em;
    border: 1px solid #2a4f7f;
    color: #2a4f7f;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    transition: all 0.7s ease-out;
    background: -webkit-linear-gradient(180deg, rgba(42, 79, 127, 0.68), rgb(42, 79, 127), rgba(34,34,34,0), rgba(34,34,34,0));
    background: -webkit-linear-gradient(right, rgba(42, 79, 127, 0.68), rgb(42, 79, 127), rgba(34,34,34,0), rgba(34,34,34,0));
    background: linear-gradient(270deg, rgba(42, 79, 127, 0.68), rgb(42, 79, 127), rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    cursor: pointer;
}
a.btn:hover,
.page-id-963 main.main-wrapper button:hover {
    background-position: 99% 50%;
    border-color: #2a4f7f;
    color: #fff !important;
}
/*Small Button
--------------------------*/
.event_pdf_download a.btn,
.page-id-963 main.main-wrapper button {
    font-size: 1em;
}
/*Big Button
--------------------------*/
.page-id-11 #stripe-4 a.btn, .page-id-9 #stripe-3 a.btn,
.post-type-archive-school .stripe#ask-for-information a.btn,
.single-rivista #login-area a.btn {
    color: #fff;
    border-color: #fff;
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgb(162, 162, 162), rgba(34,34,34,0), rgba(34,34,34,0));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.68), rgb(162, 162, 162), rgba(34,34,34,0), rgba(34,34,34,0));
    background: linear-gradient(270deg, rgb(255, 255, 255), rgba(208, 208, 208, 0.68), rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
}
.page-id-11 #stripe-4 a.btn:hover,
.post-type-archive-school .stripe#ask-for-information a.btn:hover,
.single-rivista #login-area a.btn:hover {
    background-position: 99% 50%;
    color: #2b2b2b !important;
}
.home .header-button a,
.home #stripe-6 a.btn {
    color: #2a4f7f;
}
/*Custom Buttons
-------------------------*/
.home .header-button {
    margin: 2em 0 !important;
}
/*Effect
-------------------------*/
.arrow-link,
.single-news .main-wrapper .fa,
button.scroll-to-reserve .fa {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
#mobile-menu li {
    padding: 1em;
    list-style: outside none none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.41);
    text-align: left;    
    margin: 0.2em;
    border-left: 4px solid #214589;
}
li#menu-item-891 {
    border-bottom: 3px solid rgba(128, 128, 128, 0.41); /*for the second section of the menu*/
}
li#menu-item-2964 {
    background: rgba(128, 128, 128, 0.41);
    border: 1px solid rgba(128, 128, 128, 0.41);
}
#mobile-menu button.sub-menu-toggle {    
    background-image: url(https://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/add-128.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    color: transparent;
    margin-left: 80%;
    font-size: 70%;
}
.button-minus{
    background-image: url(https://cdn4.iconfinder.com/data/icons/integral/128/minus-128.png)!important;
}
.arrow-link:hover {
    animation-name: bounce;
    -moz-animation-name: bounce;
}
.single-news .main-wrapper .fa:hover,
button.scroll-to-reserve .fa:hover
 {
    animation-name: bounce-up;
}
.arrow-link a {
    font-size: 1.5em;
    color: #2a4f7f;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.arrow-link a:after {
    content: '\f178';
    font-family: 'FontAwesome';
    padding-left: 0.5em;
}
/* Contact Form 
------------------------------------------------------*/
input.wpcf7-form-control {
    /*width: 150px;*/
    margin-right: 1em;
    padding: 0.5em;
    font-size: 0.8em;
    border: 0;
}
.post-type-archive-albo #subscribe input.wpcf7-form-control {
    background-color: #eaeaea;
}
input.wpcf7-form-control.wpcf7-file {
    background-color: transparent !important;
}
textarea {
    font-size: 0.8em;
    padding: 0.5em;
}
input.wpcf7-form-control.wpcf7-submit,
input#wp-submit {
    width: auto;
    margin-right: 0;
    padding: 0.5em 1.5em;
    background-color: #2a4f7f !important;
    border: none;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 1em;
}
div#wpcf7-f16-o1 p {
    display: flex;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin: 0 auto;
    margin-top: 1em;
    color: #fff;
}
header .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { /*Error Message CF Header*/
    display: block;
    position: absolute;
    color: black;
    top: 1.2em !important;
    border-color: #d35353;
    font-weight: 700;
    left: -32em !important;
}
header span.wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    width: 90%;
    margin: 0.2em 0;
    padding: 0.5em;
    background: #d35353;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
}
input.wpcf7-form-control.wpcf7-submit:hover, 
input#wp-submit:hover { /*Hover Default */
    background-color: #97bee9 !important;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.contact-date {
    display: flex;
    width: 50%;
}
span.wpcf7-form-control-wrap.nato {
    width: 50%;
    margin: 0.5em;
}
.contact-date input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 100%;
}
.contact-date span.wpcf7-form-control-wrap.date-535 {
    margin: 0.5em;
    width: 50%;
}
.contact-date input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    height: 100%;
}

/* Lists ul-li Rules
------------------------------------------------------*/
ul.social-links {
    padding: 0;
}
.social-share h4 {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 2em;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    color: #2b2b2b;
}
.single-news .main-wrapper ul.social-share-buttons {
    margin: 0;
    padding: 0;
}
.single-news .main-wrapper .fa {
    margin-right: 0.5em;
    margin-top: 0.5em;
    width: 50px;
    height: 50px;
    font-size: 1em;
    line-height: 2.7;
    background-color: #2a4f7f;
    color: #fff;
}
li {
    font-weight: 300;
}
/* Breadcrumbs
------------------------------------------------------*/
#breadcrumbs {
    position: absolute;
    /*width: 1200px;*/
    width: 90%;
    left: 50%;
    -ms-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    text-align: right;
    padding-top: 1em;
}
div#breadcrumbs a {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400;
    text-transform: none;
}
.tax-councilors_category #breadcrumbs,
.post-type-archive #breadcrumbs,
.error404 #breadcrumbs {
    display: none;
}
/* Pagination
------------------------------------------------------*/
.paged-navigation {
    max-width: 1200px;
    padding-top: 1em;
    padding-bottom: 6em;
}
.paged-navigation a {
    color: #2b2b2b;
    text-transform: none;
    font-size: 0.6em;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}
.nav-previous.nav.arrow-link a:before {
    content: '\f177';
    font-family: 'FontAwesome';
    padding-right: 0.5em;
}
.nav-previous.nav.arrow-link a:after {
    content: none;
}
/* Hide Pagination
------------------------------------------------------*/
.post-type-archive-albo .paged-navigation,
.tax-councilors_category .paged-navigation,
.post-type-archive-school .paged-navigation,
.post-type-archive-rivista .paged-navigation {
    display: none;
}
/* Comments
------------------------------------------------------*/
.comment {
    border: 1px solid #d7d7d7;
    margin: 1em 0;
    position: relative;
    min-height: 100px;
    padding: 1em;
    list-style: none;
}
ol.comment-list {
    padding: 0;
}
.comment-author.vcard {
    display: flex;
    flex-flow: wrap;
}
img.avatar {
    position: absolute;
    padding: 0.5em;
}
cite.fn {
    font-weight: 600;
    padding: 0.5em;
    margin: 0;
    margin-left: 100px;
    font-size: 1.2em;
}
span.says {
    padding: 0.5em 0;
    margin-top: 0;
    font-size: 1.2em;
}
.comment-meta.commentmetadata {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 0.8em;
    font-style: italic;
}
.comment p {
    margin-left: 100px;
    padding: 0.5em;
}
.reply {
    text-align: right;
    font-weight: 600;
    font-size: 0.9em;
    padding: 0.5em;
}
ol.children {
    padding: 0px;
    margin: 1em;
}
h2.comments-title {
    margin-top: 4em;
    font-size: 1em;
}
h3#reply-title {
    font-size: 2em;
    text-transform: uppercase;
    margin-top: 1.5em;
}
p.comment-notes {
    font-size: 1em;
}
#comments-section label {
    margin-top: 1em;
}
textarea#comment {
    width: 100%;
    height: 15em;
    resize: none;
}
p.comment-form-author label, 
p.comment-form-email label, 
p.comment-form-url label {
    width: 100%;
}
#comments-section input#submit {
    margin-top: 1em;
    padding: 1em;
    border: 1px solid #2a4f7f;
    background-color: #fff;
    color: #2a4f7f;
    font-size: 1em;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer;
}
p.logged-in-as {
    font-size: 1em;
}
/* General Rules for Background-image
------------------------------------------------------*/
.single-news .header-thumbnail-image,
.single-rivista .header-thumbnail-image,
#course-image div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
#course-image { /* big height background-image */
    height: 500px;
}
.post-type-archive-rivista .post-image { /*Background size sets to Contain*/
    background-size: contain;
}

/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    HEADER STRUCTURE GENERAL
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
/* Top Bar
------------------------------------------------------*/
.top-bar {
    display: flex;
    padding: 0.5em 2em;
    background: #2b2b2b;
}
nav#top-menu {

}
ul#menu-top-menu {
    margin-bottom: 0;
    display: inline-flex;
}
#menu-top-menu li {
    list-style: none;
    padding: 0 1em;
}
#menu-top-menu li a, ul#menu-main-menu li a {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Kanit', sans-serif;
    vertical-align: sub;
}
#menu-top-menu li a {
    color: #fff;
}
.social-links {
    display: inline-block;
    margin-bottom: 0;
    flex-grow: 1;
    text-align: right;
}
/* Main Header Bar
------------------------------------------------------*/
.main-logo.main-wrapper {
    position: relative;
    display: flex;
    padding: 0.5em 2em;
}
.main-logo.main-wrapper .logo-container {
    flex-grow: 1;
}
.main-logo.main-wrapper #loginform .form {
    display: flex;
}
.main-logo.main-wrapper p.login-username.ms-field {
    width: 150px;
}
.main-logo.main-wrapper p.login-password.ms-field {
    width: 150px;
    margin-left: 1em;
}
input#user_login,
input#user_pass {
    width: 150px;
    height: 37px;
    max-height: 37px;
    padding: 0 0.2em;
    font-size: 0.8em;
    border: 1px solid #d3d3d3;
}
.main-logo.main-wrapper a.lost {
    position: absolute;
    bottom: 0;
    right: 1em;
    font-size: 0.8em;
    bottom: 0.5em;
}
.main-logo.main-wrapper p.login-remember.ms-field {
    padding: 0 1em;
}
.main-logo.main-wrapper p.login-remember.ms-field {
    position: absolute;
    bottom: 0;
    padding: 0;
}
.main-logo.main-wrapper .login-area a {
    display: none;
}
.main-logo.main-wrapper .login-area a.lost {
    display: block;
}
.main-logo.main-wrapper a.login_button {
    display: block;
}
.main-logo.main-wrapper .ms-alert-box.ms-alert-error.ms-auth-header {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
input#user_login::placeholder,
input#user_pass::placeholder {
    font-size: 0.8em;
    padding: 0 0.2em;
}
.main-logo.main-wrapper input#wp-submit {
    font-size: 0.7em;
    margin-left: 1em;
    margin-top: 0;
}
.main-logo.main-wrapper p.lostpassword-username.ms-field input#user_login {
    width: 200px;
}
.status {
    color: #2a4f7f;
    font-weight: 600;
    margin-right: 1em;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
}
.status.error {
    color: #f55050;
}
/* Lost Password Form
---------------------------*/
.main-logo.main-wrapper form#lostpasswordform .form {
    display: flex;
}
.main-logo.main-wrapper a.login {
    display: block !important;
    position: absolute;
    bottom: 0.5em;
    padding: 0 2em;
    right: 1.5em;
    visibility: hidden;
}
.main-logo.main-wrapper a.login:before {
    content: 'Torna indietro';
    color: #2a4f7f;
    position: absolute;
    width: 100%;
    right: 0;
    visibility: visible;
    font-size: 0.8em;
    right: -1em;
    bottom: 0;
}
/* Main Menu 
------------------------------------------------------*/
ul#menu-main-menu {
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    background-color: #2a4f7f;
}
#main-menu li {
    position: relative;
    margin: 0 1.5em;
    padding: 1.5em 0;
}
ul#menu-main-menu li a {
    vertical-align: initial;
    font-weight: 300;
    color: #fff;
    font-size: 1.125em;
}
ul.sub-menu { /*Sub Menu*/
    position: absolute;
    top: 85%;
    left: 0;
    padding: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    border-radius: 3px;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
}
ul.sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    width: 300px;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}
.sub-menu li a {
    display: flex;
    padding: 1.5em;
    color: #2b2b2b !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.sub-menu li a:hover {
    background: #97bee9;
    transition: all 0.2s ease-out;
    color: #fff !important;
}
#menu-item-222:after, #menu-item-2437:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    margin-left: -1em;
    padding-left: 1em;
}
#menu-item-222:hover ul.sub-menu, #menu-item-2437:hover ul.sub-menu {
    opacity: 1;
    transition: all 0.3s ease-out;
    visibility: visible;
}
.sub-menu li a:before {
    content: '\f19d';
    font-family: 'FontAwesome';
    padding-right: 0.5em;
    font-size: 1.2em;
}
#menu-item-221 a:before {
    content: '\f19c';
}
/*Header Rules
------------------------------------------------------*/
header .content {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 40em;
}
header .overlay {
    width: 100%;
    min-height: 40em;
}
.header-title-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1200px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.header-title-container h1, .header-title-container h2 {
    text-transform: uppercase;
}
.header-title-container h1 {
    font-size: 7em;
}
.header-title-container h2 {
    font-size: 4em;
}
.header-text p {
    margin: 2em 0;
}
.archive header .overlay {
    background-image: linear-gradient(to bottom, rgba(10, 10, 10, 0.5) 0%, rgba(10, 10, 10, 0.5) 100%);
}
/* Header Overflow Visibile
------------------------------------------------------*/
.page-id-206 header,
.page-id-555 header,
.page-id-9 header,
.single-school header,
.tax-councilors_category header,
.single-regolamentation header,
.single-rivista header,
.single-news header,
.page-id-1002 header,
.page-id-960 header,
.page-id-963 header {
    overflow: visible;
}
/* Custom Post Header Images
------------------------------------------------------*/
.post-type-archive-news header .content { /* Archive News */
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/08/pagina-news-centro-di-sessuologia-bologna.jpg");
}
.post-type-archive-school header .content { /* Archive School */
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/08/pagina-la-scuola-centro-di-sessuologia.jpg");
}
.post-type-archive-publication header .content { /* Archive Publication */
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/08/pagina-pubblicazioni-centro-di-sessuologia.jpg");
}
.post-type-archive-rivista header .content {
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/12/pagina-rivista-3.jpeg");
}
.page-id-11 header .content {
    background-position-y: 0;
}
/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    END OF HEADER STRUCTURE
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    STRIPES RULES GENERAL
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
.stripe {
    position: relative;
}
.central-wrapper {
    padding: 0;
}
.stripe-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8em 0;
}
.stripe-container-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
.home #stripe-5 .text-block-inner,
.page-id-11 #stripe-2 .text-block-inner,
.page-id-9 #stripe-1 .text-block-inner { /* Cell Blocks stripe */
    margin-top: 4em;
    padding: 0 2em;
}
.home #stripe-2,
.page-id-11 #stripe-2,
.post-type-archive-albo #stripe-albo-table,
.page-id-206 #stripe-3,
.page-id-9 #stripe-2,
.councilor-container:nth-child(even),
.single-rivista .stripe-description li:nth-child(even) { /* Grey Stripe Background Color */
    background-color: #eaeaea;
}
.home #stripe-3 .stripe-container, /* Stripe Container 100% width */
.home #stripe-4 .stripe-container {
    max-width: 100%;
}
.home #stripe-3 .stripe-container, /*Custom Padding Stripe Container set to 0*/
.home #stripe-4 .stripe-container,
.home #stripe-6 .stripe-container,
#course-details .stripe-container,
#biennium-details .stripe-container,
#biennium-details .stripe-container {
    padding: 0;
}

.home #stripe-2 .stripe-container, /*Padding Bottom Stripe Container set to 4.5em*/
.home #stripe-5 .stripe-container,
#course-title .stripe-container,
#rivista-title .stripe-container {
    padding-bottom: 4em;
}
.post-type-archive-news .stripe-container,
.post-type-archive-event .stripe-container,
.tax-councilors_category .stripe-container,
#course-information .stripe-container { /*Padding Bottom Stripe Container set to 0*/
    padding-bottom: 0;
}
.single-news #stripe-1 .stripe-container,
.single-rivista #stripe-1 .stripe-container { /*Padding Top Stripe Container set to 0*/
    padding-top: 0;
}
.page-id-555 #stripe-1 .text-block.text-block1.cell.last, 
.page-id-9 #stripe-1 .stripe-description { /*Padding Top from title with no header set to 4em*/
    padding-top: 4em;
}
.page-id-11 #stripe-4 .stripe-container, .page-id-9 .stripe#stripe-3 .stripe-container,
.post-type-archive-school #ask-for-information .stripe-container,
.single-rivista #login-area .stripe-container { /* Content in the middle of the screen in stripes with fixed height */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.page-id-9 section#stripe-3 {
    display: none;
}
.page-id-9 .stripe#stripe-3 .stripe-container{
    color: #fff;
}
.single-rivista #login-area .stripe-container {
    text-align: left;
}
/* Courses Structure General (HP & Archive School)
------------------------------------------------------*/
#main-course .post-inner, #secondary-courses .post-inner, .home #stripe-3 .post-inner, .home #stripe-4 .post-inner {
    padding: 0.1em;
}
#main-course .post-image {
    height: 35em;
}
#secondary-courses .post-image {
    height: 30em;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}
.post-badge {
    position: absolute;
    width: 99px;
    height: 82px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.post-badge h5 {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1em;
    font-weight: 300;
}
#main-course .post-badge, .home #stripe-3 .post-badge {
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/06/etichetta-corsi-principali.png");
    left: 8em;
}
#secondary-courses .post-badge, .home #stripe-4 .post-badge {
    background-image: url("https://www.cisonline.net/wp-content/uploads/2017/06/etichetta-corsi-secondari.png");
    left: 3em;
}
#main-course .post-caption, 
#secondary-courses .post-caption, 
.home #stripe-3 .post-caption, 
.home #stripe-4 .post-caption, 
#cis-news .post-caption {
    position: absolute;
    width: 100%;
    padding: 0 2.3em;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}
#main-course .post-caption a, #secondary-courses .post-caption a, .home #stripe-3 .post-caption a, .home #stripe-4 .post-caption a {
    color: #fff;
}
.post-caption h4 {
    font-size: 2em;
}
.home #stripe-3 .post-caption h4, 
#main-course .post-caption h4 {
    font-size: 4em;
}
#secondary-courses .post-caption h4 a {
    font-size: 1.5em;
}
.post-caption a:hover {
    text-decoration: none;
}
.post-button{
    margin-top: 2em;
}
#main-course .post-button a, .home #stripe-3 .post-button a{
    border-color: #ff6347;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgba(255, 99, 71, 0.64), rgb(255, 99, 71), rgba(34,34,34,0), rgba(34,34,34,0));
    background-size: 300%;
    background-position: 1% 50%;
}
#secondary-courses .post-button a, 
.home #stripe-4 .post-button a {
    border-color: rgba(151, 190, 233, 0.66);
    font-size: 1.3em;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgba(151, 190, 233, 0.47), #97bee9, rgba(34,34,34,0), rgba(34,34,34,0));
    background-size: 300%;
    background-position: 1% 50%;
}
#main-course .post-button a:hover, 
.home #stripe-3 .post-button a:hover,
#secondary-courses .post-button a:hover, 
.home #stripe-4 .post-button a:hover { /*Hover Effect COURSES BUTTON*/
    background-position: 99% 50%;
}
/* Regolamentation Structure General (Il CIS & Archive School)
------------------------------------------------------*/
.page-id-11 #stripe-3 .grid-xs-1.grid-md-4, 
.post-type-archive-school #school-regolamentation .grid-xs-1.grid-md-2 { 
    position: relative;
    margin-top: 4.5em;
}
.page-id-11 #stripe-3 .grid-xs-1.grid-md-4 {
    height: 36em;
}
.post-type-archive-school #school-regolamentation .grid-xs-1.grid-md-2 {
    height: 27em;
}
.page-id-11 #stripe-3 .text-block,
.post-type-archive-school #school-regolamentation .text-block {
    position: absolute;
    width: 28em;
    height: 15em;
    box-shadow: 0 0 10px 0px #949494;
}
.page-id-11 #stripe-3 .text-block.text-block1.cell {
    top: 12em;
    left: 0;
    background-color: #ffebcd;
    z-index: 2;
}
.page-id-11 #stripe-3 .text-block2 {
    top: 0;
    left: 18em;
    background-color: #d35353;
}
.page-id-11 #stripe-3 .text-block3 {
    right: 13em;
    top: 18em;
    background-color: #66cdaa;
    z-index: 2;
}
.page-id-11 #stripe-3 .text-block4 {
    right: 0;
    top: 5em;
    background-color: #448fd5;
    z-index: 1;
}
.post-type-archive-school #school-regolamentation h3,
.page-id-11 #stripe-3 h3 {
    text-align: center;
}
.post-type-archive-school #school-regolamentation .text-block.cell:nth-child(1) {
    left: 12em;
    top: 10em;
    background-color: #D35353;
    z-index: 1;
}
.post-type-archive-school #school-regolamentation .text-block.cell:nth-child(2) {
    right: 12em;
    background-color: #2A4F7F;
}
.post-type-archive-school #school-regolamentation .text-block h4,
.post-type-archive-school #school-regolamentation .text-block a {
    color: #fff;
    letter-spacing: 0;
}
.page-id-11 #stripe-3 .text-block-inner,
.post-type-archive-school #school-regolamentation .text-block-inner {
    padding: 2em;
}
div#regolamentation-cis-button.arrow-link {
    position: absolute;
    bottom: 2em;
    right: 2em;
}

/* CIS + Archive School Richiedi Informazione
------------------------------------------------------*/
.post-type-archive-school .stripe#ask-for-information,
.single-rivista #login-area {
    min-height: 40em;
    background-attachment: fixed;    
    color: #ffffff;  
}
.post-type-archive-school .stripe#ask-for-information {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('https://www.cisonline.net/wp-content/uploads/2017/07/richiedi-informazione.jpg'); 
}
.single-rivista #login-area {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url('https://www.cisonline.net/wp-content/uploads/2017/11/accedi-allarea-riservata.jpg');
}
/* Table (Albo atm)
------------------------------------------------------*/
table {
    height: 70vh;
    overflow: auto;
}
table th {
    padding: 1.5em 0.5em;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    font-size: 1.3em;
    background-color: #D35353;
}
table td {
    border-color: #fff;
}
table tr {
    background-color: #fff;
}
tr:nth-child(even) {
    background-color: #f3f3f3;
}
table tr:nth-child(even):hover {
    background-color: #f3f3f3;
}
th.nome {
    width: 152px;
}
th.indirizzo {
    width: 160px;
}
th.comune {
    width: 134px;
}
th.provincia {
    width: 107px;
}
th.telefono {
    width: 136px;
}
th.email {
    width: 274px;
}
th.sito {
    width: 58px;
}
th.categoria {
    width: 161px;
}
.search-box {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
}

input#myInput {
    padding: 1em;
    width: 50%;
}
.telefono-container .fa, 
.email-container .fa {
    display: none;
}
/* Contact Form Albo - Diventa Socio
------------------------------------------------------*/
.post-type-archive-albo #subscribe form,
.page-id-9 #stripe-2 form {
    display: flex;
    flex-flow: wrap;
}
.post-type-archive-albo #subscribe form p,
.page-id-9 #stripe-2 form p {
    width: 50%;
    padding: 0.5em;
}
.post-type-archive-albo .form-full,
.page-id-9 .form-full {
    margin-bottom: 1em;
    width: 100%;
    background: #2a4f7f;
    color: #fff;
}
.post-type-archive-albo #subscribe input.wpcf7-form-control,
.page-id-9 #stripe-2 input.wpcf7-form-control{
    width: 100%;
}
.page-id-9 #stripe-2 input.wpcf7-form-control {
    background-color: #fff;
}
#form-year {
    margin-top: 1em;
}
#form-year p, #subscribe-as p, 
#form-acceptance p {
    width: 100% !important;
}
.acceptance-box span {
    font-size: 15px;
    color: #656565;
}
#form-year p input {
    margin: 0;
    padding: 0;
    width: 100px !important;
    text-align: center;
}
#subscribe-as {
    background: #d35353;
}
#form-acceptance {
    background: transparent;
    color: #2b2b2b;
}
#form-acceptance p:nth-child(2) {
    /*height: 60px;*/
    overflow: auto;
    border: 1px solid lightgrey;
    margin: 0.5em 0;
}
#form-acceptance input {
    height: 15px;
    width: 15px !important;
    margin: 0 !important;
    margin-top: 0.5em !important;
}
#form-submit {
    width: 100%;
    text-align: center;
}
#form-submit input.wpcf7-form-control.wpcf7-submit {
    max-width: 150px;
    font-size: 1.2em;
}
.post-type-archive-albo #subscribe .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    color: #2b2b2b;
}
.post-type-archive-albo #form-year span.wpcf7-not-valid-tip {
    display: inline;
    margin: 0 0.5em;
    font-size: 0.7em;
}
.page-id-9 #form-tip.form-full {
    margin-bottom: 0;
    background-color: transparent;
    color: #2b2b2b;
}
.page-id-9 #form-year p input {
    width: auto !important;
}


/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    END OF STRIPES RULES GENERAL
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                         CUSTOM PAGES
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
/* Homepage
----------------------------------------------*/
.home header {
    overflow: visible;
}
.home header .content > .overlay {
    display: none;
}
.home #stripe-1 .intro-stripe {
    max-width: 950px;
    margin: 0 auto;
}
.home #stripe-1 .stripe-container {
    max-width: 100%;
}
.home .intro-stripe {
    color: #2b2b2b !important;
    text-align: center;
}
.home .intro-stripe h1,
.home .intro-stripe h2 {
    text-transform: uppercase;
}
.home .intro-stripe h1 {
    padding: 0.1em !important;
    font-size: 7.5em !important;
    color: #2a4f7f !important;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: -0.05em;
}
.home .intro-stripe h2 {
    font-size: 2.2em !important;
    color: #b1b1b1 !important;
}


.home header .content {
    min-height: auto;
    background-image: unset !important;
}
.home header .single-event-container-inner {
    height: 25em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.home header #event-carousel h2 {
    margin: 0.5em 0 1em;
    line-height: 1.2;
}
.home header .event-place {
    font-weight: 500;
    font-size: 13px;
}
.home header .event-data {
    font-weight: 500;
    font-size: 18px;
}
.home header .single-event .overlay {
    min-height: auto;
    opacity: 0.5;
}
.home header .single-event-details {
    position: relative;
    color: #fff;
    pointer-events: auto !important;    
    z-index: 2;
}
.home header #event-carousel .overlay {
    opacity: 0;
}
.home header #event-carousel .single-event-details {
    opacity: 0;
    pointer-events: none;
    padding: 0 2em;
}
.home header #event-carousel .overlay,
.home header #event-carousel .single-event-details,
.home header #event-carousel .slick-current .single-event-details,
.home header #event-carousel .slick-current .overlay {
    transition: 0.6s ease-in-out;
}
.home header #event-carousel .slick-current .single-event-details {
    opacity: 1;
}
.home header #event-carousel .slick-current .overlay {
    opacity: 0.5;
    z-index: 1;
}
.home header .slick-prev {
    left: 0;
}
.home header .slick-prev:before {
    font-family: 'FontAwesome';
    content: '\f053';
}
.home header .slick-next:before {
    font-family: 'FontAwesome';
    content: '\f054';
}
.home header .slick-next {
    right: 0px;
}
.home header .slick-prev, .home header .slick-next {
    background-color: #000;
    height: 50px;
    width: 30px;
    opacity: 0.4;
    transition: opacity 0.2s ease-in-out;
}
.home header .slick-prev {
    text-align: left;
    padding-left: 2px;
}
.home header .slick-next {
    text-align: right;
    padding-right: 6px;
}
.home header .slick-next:before, .home header .slick-prev:before {
    font-size: 25px;
}
.home header .slick-prev:hover, .home header .slick-next:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out;
}
.home header .events-button-container {
    text-align: center;
    margin-top: 40px;
}





.single-news .header-content h1,
 #rivista-title h1{ /* medium size */
    font-size: 3em;
    line-height: 1.2;
}
.home #stripe-3 .post-content {
    width: 100%;
}
#cis-school.arrow-link,
#norme-autori.arrow-link {
    float: right;
    margin-top: 1em;
}
.home #stripe-3 .post-caption h4 a,
#main-course .post-caption h4 a {
    font-family: 'Anton', sans-serif;
    font-size: 2.5em;
    font-weight: 300;
}
.home #stripe-5 h3 {
    text-align: center;
    color: #2a4f7f;
}
.home #stripe-5 h4 {
    text-align: center;
    font-size: 2.5em;
    color: #2b2b2b;
}
.home #stripe-5 .cell,
.page-id-9 #stripe-1 .cell { /*Vantaggi socio cell*/
    text-align: center;
}
.home .text-wrapper,
.page-id-9 .title-wrapper { /* Titolo Vantaggi */
    margin-top: 1.5em;
}
.home .img-wrapper img,
.page-id-9 .img-wrapper img { /* Vantaggi Socio immagini */
    width: 125px;
}
.home #stripe-5 p,
.page-id-9 #stripe-1 h2 { /* Vantaggi Socio */
    padding: 0.5em 1em;
    font-size: 1.2em;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0;
    color: #2b2b2b;

}
.home #stripe-6 {
    text-align: center;
    padding-bottom: 8em;
}


/* Il Cis 
----------------------------------------------*/
.page-id-11 .text-block-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    height: 14em;
    margin-bottom: 2em;
    width: 14em;
}
.page-id-11 .text-block1 .text-block-image {
    background-image: url(https://www.cisonline.net/wp-content/uploads/2017/07/consiglio-direttivo-cis.jpg);
}
.page-id-11 .text-block2 .text-block-image {
    background-image: url(https://www.cisonline.net/wp-content/uploads/2017/07/collegio-dei-probiviri-cis.jpg);
}
.page-id-11 .text-block3 .text-block-image {
    background-image: url(https://www.cisonline.net/wp-content/uploads/2017/07/delegati-regionali-cis.jpg);
}
h4.text-block-title.hl-color {
    color: #2b2b2b;
}
.page-id-11 h4.text-block-title.hl-color {
    margin-bottom: 1em;
    letter-spacing: 0;
}


/* Archive School
----------------------------------------------*/


/* Archive News Masonry
----------------------------------------------*/
#field-search-news {
    width: 350px;
    height: 40px;
    padding: 0 5px;
}
.search-news-box.search-field {
    padding-bottom: 30px;
}
#filter-box {
	padding-bottom: 40px;
}
#filter-box h4 {
    margin: 0;
}
.news-filter-box button.news-filters-button {
    width: 100%;
    margin: 0 !important;
    padding: 0.5em 1em;
    background-color: #2a4f7f !important;
    border: none;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    height: 55px !important;
    font-size: 11px;
    font-weight: 800;
}
.news-filter-box .current button.news-filters-button {
	background-color: #d35353 !important;
	pointer-events: none;
}
.news-filter-box .cell {
    width: 20%;
}
.news-filter-box .cell-container-inner {
    padding: 8px;
}
.news-filter-box.grid-xs-4.grid-md-6 {
    padding-bottom: 30px;
}
.news-filter-box {
    display: flex;
    flex-flow: wrap;
	padding: 15px 0;
}
.news-filter-box button.news-filters-button:hover {
    background-color: #97bee9 !important;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#filter-box .arrow-link a {
    font-size: 20px;
}
#cis-news {
    margin-bottom: 2em;
}
.col.extra-large {
    width: 66.66%;
}
.col.big {
    width: 50%;
}
.col.medium {
    width: 33.3%;
}
.col.small {
    width: 25%;
}
#cis-news .post-inner {
    margin: 0.3em;
    position: relative;
    /*border-radius: 15px;*/
    /*box-shadow: 0 0 3px 1px #ababab;*/
    overflow: hidden;
}
#cis-news .post-image {
    /*border-radius: 15px;*/
    box-shadow: 0 0 3px 1px #ababab;
}
#cis-news .post-caption {
    visibility: hidden;
    opacity: 0;
}
#cis-news .overlay {
    top: 0;
    opacity: 0;
    /*border-radius: 15px;*/
}
#cis-news .post-inner:hover .overlay {
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
}
#cis-news .post-inner:hover .post-caption {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}
#cis-news .post-inner:hover .post-image {
    transform: scale(1.2);
    transition: all 1.4s ease-out;
}
#cis-news .post-caption h4 a {
    color: #fff;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
}
.col.extra-large a {
    font-size: 2em;
}
.col.big a {
    font-size: 1.6em;
}
.col.medium a {
    font-size: 1.2em;
}

/* Archive Event 
----------------------------------------------*/
.post-type-archive-event header .overlay {
    display: none;
}
#event [class*='grid'] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
#event .post-inner {
    padding: 1em;
}
#event p {
    font-size: 1em;
    font-weight: 400;
    text-align: justify;
}
.event-details {
    padding: 0.5em 0.2em;
}

#event .event-title {
    padding-top: 0.5em;
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    color: #3c3c3c;
}
#event .data {
    background-color: #2a4f7f;
    text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    color: #fff;
}
#event .luogo {
    padding: 0.5em 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: 300;
}
.event_pdf_download {
    font-weight: 600;
    margin-top: 2em;
    text-align: center;
}
.event_pdf_download a {
    padding: 0.8em;
    border: 1px solid #2a4f7f;
    color: #2a4f7f;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    text-align: center;
}
#event .free-admission {
    text-align: center;
    font-weight: 400;
    padding: 0.5em 0;
    background: #D35353;
    color: #fff;
    text-transform: uppercase;
    margin-top: 1em;
    max-width: 50%;
}
#event .slick-prev:before, 
#event .slick-next:before {
    position: absolute;
    color: #2a4f7f;
    font-size: 54px;
}
#event .slick-prev:before {
    left: -0.5em;
}
#event .slick-next:before {
    right: -0.5em;
}
.post-type-archive-event .paged-navigation {
    display: none;
}
#event{
    padding-bottom:     3em;
}
#richiesta-patrocinio .richiesta-patrocinio-inner {
    margin-bottom: 4em;
    display: flex;
    align-items: flex-end;
}
#richiesta-patrocinio h4 {
    margin-right: 1em;
}
#richiesta-patrocinio .btn {
    font-size: 0.9em;
}
.evento-singolo:last-child {
    border-bottom: none;
}
/* NEW ARCHVE EVENT
----------------------------------------------*/
.evento-singolo-container-inner {
    display: flex;
}
.date-container .date {
    width: 160px;
    border-right: 1px solid rgba(42, 79, 127, 0.35);
}
p.day {
    font-size: 70px !important;
    margin-bottom: 0px;
    line-height: 1;
}
p.month-year {
    text-transform: uppercase;
    font-size: 16px !important;
}
.date-container .date p {
    color: #2a4f7f;
}
.event-info {
    padding-left: 60px;
    flex-grow: 1;
}
.evento-singolo {
    padding: 4em 0;
    border-bottom: 1px solid rgba(42, 79, 127, 0.35);
}
.evento-singolo a {
    font-size: 0.95em !important;
}
.event-info .short-event-description {
    margin: 18px 0;
}
.short-event-description p {
    text-align: left !important;
}
.evento-singolo .button-container {
    margin-bottom: 0;
}
.event-hour i, .event-place i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    line-height: 1;
    margin-right: 5px;
    pointer-events: none;
}
.event-place, .event-hour {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 5px;
}
#eventi-selector p {
    font-size: 20px !important;
    padding: 0.5em 1em;
    margin-right: 3px;
    border: 1px solid rgba(42, 79, 127, 0.35);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    background-color: #ececec;
}
#eventi-selector .eventi-selector-container {
    display: flex;
}
#eventi-selector .active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
.section-event {
    border-top: 1px solid rgba(42, 79, 127, 0.35);
    margin-top: -1px;
    display: none;
}
.section-event.active {
    display: block;
}
/* SINGLE EVENT
----------------------------------------------*/
.single-event .event-thumbnail img, 
.single-event .event-main-info {
    width: 270px;
    min-width: 270px;
}
.single-event .event-main-details .grid {
    flex-flow: nowrap;
    padding-top: 4em;
}
.event-main-details {
    width: 100%;
}
.single-event .main-event-description {
    padding: 0 2em;
    flex-grow: 1;
}
.single-event .event-main-info {
    padding-left: 2em;
    border-left: 1px solid rgba(42, 79, 127, 0.35);
}
.single-event .event-main-info span {
    display: block;
}
.single-event .event-main-info > div {
    display: flex;
    align-items: flex-start;
    padding: 1em 0;
    border-bottom: 1px solid rgba(42, 79, 127, 0.35);
}
.single-event .event-main-info .fa-map-maker {
    width: 30px;
    height: 30px;
}
.single-event .event-main-info i {
    font-size: 19px;
    line-height: 1.4;
    text-align: left;
    color: rgb(42, 79, 127);
    min-width: 30px;    
}
.single-event .event-main-info span {
    font-weight: 300;
}
.single-event .event-main-info label {
    font-weight: 600;
    margin: 0;
}
.single-event .event_pdf_download > div {
    width: auto !important;
    margin-right: 15px;
}
.single-event .event-program {
    padding-bottom: 2em;
}
.single-event #event-details h2 {
    background-color: #2a4f7f;
    padding: 16px 10px;
    color: white;
}
.single-event .single-event-detail .fa {
    font-size: 12px;
    color: #2a4f7f;
}
.single-event .single-event-detail p {
    margin-bottom: 15px;
}
/* Contact Form */
.single-event .event-contact-container input[type="text"], 
.single-event .event-contact-container input[type="email"], 
.single-event .event-contact-container input[type="tel"], 
.single-event .event-contact-container textarea {
    width: 100%;
    background-color: #eaeaea;
    border: none;
    box-size: border-box;
}
.single-event .event-contact-container input[type="text"], 
.single-event .event-contact-container input[type="email"], 
.single-event .event-contact-container input[type="tel"] {
    margin-bottom: 10px
}
.single-event .event-details-container {
    padding-right: 15px;
}
.single-event .event-contact-container {
    padding-left: 15px
}
.single-event .only-form .event-contact-container {
    padding-left: 0;
}
.single-event .acceptance {
    font-size: 15px;
}
.single-event .event-contact-container span.wpcf7-list-item {
    margin: 0;
    margin-right: 5px;
}
.single-event .wpcf7-response-output {
    color: #000 !important;
}
/* FULL SCREEN IMAGE MODAL */
.single-event #full-screen-image.active {
    display: block;
}
.single-event #full-screen-image {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    max-height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    display: none;
}
.single-event #full-screen-image img {
    object-fit: contain;
    margin: 0 auto;
    max-height: 100%;
    max-width: 95%;
    object-position: center;
}
.single-event #full-screen-image #close-full-screen .fa {
    height: auto;width: 100%;
    border: none;background-color: transparent;
}
.single-event #full-screen-image .full-screen-container {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-event #full-screen-image #close-full-screen {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    font-size: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}
.single-event #full-screen-image #close-full-screen:hover .fa {
    color: #000 !important;
}
.single-event #open-image {
    background-color: #2a4f7f;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 15px;
}
.single-event .event-thumbnail img {
    cursor: pointer;
}
/* ALBO ARCHIVE
----------------------------------------------*/
/* HEADER */
.tax-albo_category header .content,
.post-type-archive-albo header .content,
.post-type-archive-event header .content {
    min-height: auto;
    padding-top: 8em;
}
.tax-albo_category .header-title-container,
.post-type-archive-albo .header-title-container,
.post-type-archive-event .header-title-container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin: 0 auto;
}
.tax-albo_category header h1,
.post-type-archive-albo  header h1,
.post-type-archive-event header h1 {
    font-size: 5em;
}
.tax-albo_category header h2,
.post-type-archive-albo header h2 {
    font-size: 3em;
}
.tax-albo_category header h1, 
.tax-albo_category header h2,
.post-type-archive-albo header h1,
.post-type-archive-albo header h2,
.post-type-archive-event header h1 {
    color: #2B2B2B;
    text-transform: none;
    text-align: right;
}
#albo-search .stripe-container {
    padding-top: 88px;
}
.tax-albo_category header,
.post-type-archive-albo header,
.post-type-archive-event header {
    overflow: visible;
}

#intro-stripe #albo-roles-list {
    margin-top: 2em;
    padding: 0;
    color: #2b2b2b;
    font-size: 1.3em;
    display: flex;
    flex-flow: wrap;
}
#intro-stripe #albo-roles-list .single-role-container {
    display: block;
    position: relative;
    /* margin: 1em 0; */
    padding: 15px 15px 15px 42px;
    list-style: none;
    line-height: 1.5;
    background-color: #d6d6d6;
    border-radius: 0.4em;
    height: 100%;
    font-size: 18px;
}
#intro-stripe #albo-roles-list .single-role-container:before {
    font-family: 'FontAwesome';
    position: absolute;
    left: -1.3em;
    margin-top: -1.3em;
    height: 3em;
    width: 3em;
    line-height: 2.4;
    border: .3em solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #e8c819;
    background-color: #2a4f7f;
    font-size: 20px;
}
#intro-stripe #albo-roles-list h6 {
    font-weight: 400;
    font-size: auto
}
#intro-stripe #albo-roles-list p {
    font-size: 1em;
}
#intro-stripe #albo-roles-list .single-role-container.role-1:before {
    content: '\f1ae';
}
#intro-stripe #albo-roles-list .single-role-container.role-2:before {
    content: '\f2c0';
}
#intro-stripe #albo-roles-list .single-role-container.role-3:before {
    content: '\f0c0';
}
#intro-stripe #albo-roles-list .single-role-container.role-4:before {
    content: '\f2be';
}
#intro-stripe #albo-roles-list .single-role-container.role-5:before {
    content: '\f19d';
}
#intro-stripe #albo-roles-list .single-role-container.role-6:before {
    content: '\f0e3';
}
#intro-stripe .single-role {
    width: 50%;
    padding: 20px;
    padding-bottom: 0;
}

/* ALBO SEARCH
*********************/
#albo-search .stripe-container {
    padding-bottom: 0;
}
.post-type-archive-albo #intro-stripe .stripe-container {
    padding-bottom: 0;
}
#albo-search .stripe-header {
    background-color: #254E80;
    padding: 40px;
    color: white;
}
#albo-search .stripe-header p {
    font-weight: 500;
}
#albo-search .fa {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}
#albo-search .stripe-header p {
    margin-bottom: 7px;
    text-transform: uppercase;
}
.search-field [type=submit] {
    border: none;
    color: white;
    background-color: #d35353;
    font-weight: 600;
    height: 40px;
    padding: 0 20px;
    cursor: pointer;
    text-transform: uppercase;
}
#albo-search .search-field [type=text] {
    width: 350px;
    border: none;
    height: 40px;
    padding: 0 5px;
}
#albo-search .search-field [type=submit]:hover {
    background-color: #2b2b2b;
}
#albo-role .stripe-container {
    display: flex;
}
#albo-role .stripe-container > div {
    width: 50%;
}
#albo-role select {
    width: 165px;
}
.filter-box .stripe-container {
    padding: 60px 0 30px 0;
}
.filter-box p {
    font-weight: 600;
    padding-right: 50px;
}

/* ALBO CATEGORY
*********************/
#albo-category .stripe-container {
    padding: 30px 0;
}
#albo-category .stripe-header img {
    height: 25px;
    margin-right: 10px;
}
#albo-category .single-category-container {
    background-color: #F3EDF9;
    padding: 10px;
    display: flex;
}
#albo-category .single-category {
    padding: 5px 10px;
}
#albo-category p.term-name {
    flex-grow: 1;
}
#albo-category p.term-name {
    color: #2b2b2b;
}
#albo-category .single-category-container p {
    font-size: 17px !important;
}

/* ALBO LIST
*********************/
#albo-list .stripe-container {
    padding-top: 30px;
    border-top: 2px solid #2a4f7f;
}
#albo-list .pagination {
    text-align: center;
}
.albo-inner-griglia {
    display: flex;
}
.albo-image-container-inner {
    height: 214px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 150px;
}
#albo-list > .stripe-container > .grid > .cell > .cell-container {
    padding: 14px;
}
#albo-list > .stripe-container > .grid > .cell > .cell-container,
#albo-list > .stripe-container > .grid > .cell > .cell-container > .cell-container-inner  {
    height: 100%;
}
#albo-list > .stripe-container > .grid > .cell > .cell-container > .cell-container-inner {
    border: 2px solid #2a4f7f;
    padding: 20px;
}
.entry-details {
    font-weight: 600;
}
.albo-description-container-inner p {
    font-size: 14px;
    line-height: 1;
}
.albo-description-container-inner p i {
    height: 22px;
    width: 13px;
    font-size: 18px;
    line-height: 1.7;
    margin-right: 5px;
    pointer-events: none;    
}
.albo-description-container-inner .graduations i {
    font-size: 15px;
    margin-right: 8px;
    margin-left: -1px;
}
.albo-description-container-inner {
    padding-left: 20px;
}
.personal-details {
    margin-top: 10px;
}
.indirizzo-container label, 
.graduations label, 
.email label,
.sito label,
.ruolo label {
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 5px;
}
.albo-description-container-inner .email i {
    margin-right: 7px;
    font-size: 15px;
}
.albo-description-container-inner .sito i {
    margin-right: 7px;
    font-size: 15px;
}
p.albo-name {
    font-size: 20px;
}
p.albo-roles {
    font-size: 15px;
}
.ruolo {
    padding-top: 30px;
}
.tax-albo_category .paged-navigation {
    display: none;
}
/* ALBO CATEGORY BUTTON 
*******************************/
.open-filters {
    padding: 10px 15px;
    border: 1px solid;
    width: 230px;
    margin-bottom: 10px;
    cursor: pointer;
    display: none;
}
.open-filters i {
    font-size: 20px !important;
    height: 30px;
}
#albo-category.active .open-filters p:after {
    content: "\f107";
    font-family: 'FontAwesome';
}
#albo-category .open-filters p:after {
    content: "\f105";
    font-family: 'FontAwesome';
}
#albo-category .open-filters p:after {
    font-weight: 900;
    margin-left: 10px;
}
/* Albo Pagination
****************************/
.pagination{
    margin-top: 30px;
}
.pagination a, .pagination .current {
    display: inline-flex;
    padding: 0;
    border: 1px solid #2a4f7f;
    height: 30px;
    width: 30px;
    line-height: 0;
    justify-content: center;
    align-items: center;
}
.pagination .current {
    background-color: #2a4f7f;
    color: #fff;
}

/* Etichetta Ruolo
****************************/
.role-cont {
    position: absolute;
    right: 0;
    top: 0;
}
.role-cont abbr {
    position: absolute;
    right: -15px;
    top: -15px;
    height: 32px;
    width: 32px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #e8c819;
    background-color: #2a4f7f;
    font-size: 19px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}
/* Archive Publication
----------------------------------------------------*/
/**** FLIP EFFECT ****/
.post-type-archive-publication .flip {
    -webkit-transition: 0.8s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.8s;
    -moz-transition: 0.8s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.8s;
    transform-style: preserve-3d;
    position: relative;
}
.post-type-archive-publication .front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.8s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.8s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.8s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.8s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.8s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.post-type-archive-publication .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}
.post-type-archive-publication .back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.post-type-archive-publication #publication .cell:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.post-type-archive-publication #publication .cell:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.publication-container,
.back { /* Height 375px */
    height: 375px;
}
#publication-image {
    padding: 1em;
    height: 375px;
    text-align: center;
}
#publication-image img {
    width: 250px;
    height: 100%;
    padding: 2em;
    background: #eaeaea;
}
#publication-details {
    position: relative;
    height: 343px;
    background-color: #2a4f7f;
    color: #fff;    
    width: 250px;
    margin: 0 auto;
    margin-top: 1em;
}
.publication-details-container {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
#publication-details h4 {
    margin: 0;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: 0;
}
#publication-details p {
    font-size: 0.95em;
}
#publication-details .text-blocks {
    padding: 0.5em 1em;
    width: 100%;
    text-align: center;
}
#publication-description {
    display: block !important;
    text-align: center;
}
#publication .stripe-description {
    margin-bottom: 2em;
}
.post-type-archive-publication .stripe-container {
    padding-bottom: 0;
}
/* Contatti
----------------------------------------------------*/
.page-id-206 #stripe-1 .stripe-container {
    max-width: 100%;
    padding: 0;
}
.page-id-206 #stripe-1 {
    width: 100%;
}
.page-id-206 #stripe-1 iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.page-id-206 #stripe-1 iframe.clicked{
    pointer-events: auto;
}
.page-id-206 iframe {
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.page-id-206 #stripe-2 .fa {
    background-color: #d35353;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 1.8;
}
.page-id-206 #stripe-2 .text-block.text-block1.cell {
    text-align: left;
}
.page-id-206 #stripe-2 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
    border: 0;
    background-color: #eaeaea;
}
.page-id-206 #stripe-2 textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 0;
    resize: none;
    background-color: #eaeaea;
}
.contact-container {
    display: flex;
    margin-left: 2em;
    padding: 1em 0;
    flex-flow: wrap;
}

.contact-icon-container {
    width: 10%;
}
.contact-text-container {
    width: 90%;
    text-align: left;
    padding-left: 1em;

}
.page-id-206 h2 {
    width: 100%;
}
.contact-container:nth-child(1) {
    padding-top: 0;
}
.page-id-206 h2 {
    text-align: left;
    margin-bottom: 0.5em;
}
.contact-container:nth-child(4) {
    margin-bottom: 1em;
}
.page-id-206 #stripe-2 .text-block.text-block1.cell h4 {
    margin-top: 2em;
}
.page-id-206 #stripe-2 .text-block.text-block1.cell .fa {
    background-color: #2a4f7f;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 2.1;
}
.page-id-206 span.wpcf7-form-control-wrap.acceptance-675 {
    color: #656565;
}
/* FAQ
-------------------------*/
.page-id-555 #stripe-1 .stripe-container {
    padding-top: 8em;
    padding-bottom: 2em;
}
.page-id-555 #stripe-2 .stripe-container, 
.page-id-555 #stripe-3 .stripe-container, 
.page-id-555 #stripe-4 .stripe-container {
    padding: 2em 0;
}
.page-id-555 #stripe-5 .stripe-container {
    padding-top: 2em;
    padding-bottom: 8em;
}
.page-id-555 .toggle:last-child {
  border-bottom: 1px solid #dddddd;
}
.page-id-555 .toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
}
.page-id-555 .toggle .toggle-title h5 {
  margin: 0;
  cursor: pointer;
}
.page-id-555 .toggle .toggle-inner {
  padding: 14px 25px 2em 25px;;
  display: none;
  margin: -7px 0 6px;
}
.page-id-555 .toggle .toggle-inner div {
  max-width: 100%;
}
.page-id-555 .toggle .toggle-title .title-name {
  display: block;
  padding: 1em;
  padding-bottom: 2em;
  font-weight: 400;
}
.page-id-555 span.title-name:before {
    content: "\f067";
    font-family: 'FontAwesome';
    margin-right: 1em;
    font-weight: 100;
}
.page-id-555 .toggle-title.active span:before {
    content: "\f068";
    font-family: 'FontAwesome';
}
.toggle-title:hover {
    background: #97bee9;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}
.page-id-555 h4.text-block-title.hl-color {
    margin-bottom: 0;
    padding: 1em;
    background: #2a4f7f;
    color: #fff;
}
.page-id-555 h4, 
.page-id-555 h5 {
    letter-spacing: 0;
}
/* Diventa Socio
-----------------------------------------------------*/
.page-id-9 #stripe-1 .text-block-inner {
    padding: 0;
}
.page-id-9 #stripe-1 .stripe-description h4 {
    margin-bottom: 0;
    padding: 1em;
    text-transform: uppercase;
    background: #2a4f7f;
    color: #fff;
}
.page-id-9 #stripe-1 .cell {
    width: 20%;
}
.page-id-9 #stripe-1 .text-block.text-block6.cell {
    width: 100%;
}
.page-id-9 #albo-subscribe {
    display: flex;
    align-items: center;
}
.page-id-9 .text-block6 .text-block-text {
    text-align: right;
    display: flex;
}
.page-id-9 .text-block6 .text-block-text h2 {
    text-align: left;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    text-transform: none !important;
    flex-grow: 1;
    margin: 0;
    padding-left: 0 !important;
}
/*.page-id-9 #stripe-1 h2 {
    font-size: 5em;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
}*/
.page-id-9 #stripe-1 .title-wrapper {
    min-height: 65px;
}
.page-id-9 .divider {
    margin: 0 auto;
    margin-bottom: 1.5em;
    height: 3px;
    width: 50px;
    background: #2b2b2b;
}

/* Rivista di Sessuologia Archive
-----------------------------------------------------*/
#rivista-di-sessuologia .post-inner {
    padding: 2em;
}
#rivista-di-sessuologia .post-caption {
    text-align: center;
}
#rivista-di-sessuologia .post-caption h4 {
    font-size: 1.2em;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 1em 0;
    border-bottom: 1px dashed;
}
#rivista-di-sessuologia .text-block-inner h5 {
    padding: 0.5em;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.4em;
    color: #fff;
    background-color: #2a4f7f;
}
#rivista-di-sessuologia .text-block p {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 400;
}
#rivista-di-sessuologia .post-caption a {
    color: #2a4f7f;
    text-transform: none;
}
#rivista-di-sessuologia .post-caption a:hover {
    color: #000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.post-type-archive-rivista .text-block-inner {
    padding: 1em;
    text-align: center;
}
.post-type-archive-rivista .text-block.cell {
    padding: 1em;
}
.one-r {
    display: flex;
    margin: 1em 0;
    text-align: left;
    font-size: 0.8em;
}
.text-block-title p {
    color: #2b2b2b;
    font-weight: 400;
}
.one-r h6 {
    margin-right: 0.5em;
    font-size: 1.2em;
    line-height: 1.2em;
}
.one-r a {
    font-size: 1.2em;
    line-height: 1.2;
}
#norme-autori.arrow-link {
    margin-bottom: 2em;
}
#norme-autori.arrow-link a {
    color: #d35353;
}
/* Rivista di Sessuologia Details
-----------------------------------------------------*/
#rivista-title h1 { /*H1 color darkgrey*/
    color: #2b2b2b;
    margin-bottom: 0;
}
#rivista-image img {
    float: left;
    width: 250px;
    height: auto;
    padding: 0 2em 1em 0;
}
.single-rivista .stripe-description div {
    margin-bottom: 1.5em;
}
.single-rivista h4 {
    text-transform: uppercase;
    color: #D35353;
}
.single-rivista #presentation h5 {
    font-size: 1.4em;
}
.single-rivista #presentation p {
    font-style: italic;
}
.single-rivista #index p {
    padding: 0.5em;
    background-color: #2A4F7F;
    color: #fff;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.single-rivista .stripe-description li {
    padding: 0.5em;
    font-size: 1.3em;
    list-style: decimal;
}
/* News Details
-----------------------------------------------------*/
#single-news-title .stripe-container {
    position: relative;
    display: flex;
    flex-flow: wrap;
    margin-top: 8em;
    margin-bottom: 4em;
    padding: 0;
}
.single-news .header-thumbnail {
    width: 70%;
    height: 30em;
}
.single-news .header-thumbnail-inner {
    width: 100%;
    height: 100%;
}
.single-news .header-content {
    position: absolute;
    width: 40%;
    height: 25em;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d35353;
    color: #fff;
    box-shadow: 20px 20px 0px 0px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.header-content-data {
    text-transform: none;
}
.single-news .cat-container a {
    color: #fff;
    font-weight: 300;
}
.single-news .cat-container a:hover {
    text-decoration: underline;
}
.single-news .header-content-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.single-news .header-content-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 2em;
}

/* Courses Details
-----------------------------------------------------*/
/*#course-title h1 {
    font-family: 'Anton';
    font-weight: 300;
    text-transform: uppercase;
    color: #2b2b2b;
    font-size: 6em;
}*/
#course-title h2 {
    font-size: 3em;
    color: #b9b9b9;
    padding-bottom: 1em;
    border-bottom: 5px solid #2a4f7f;
}
#course-image.cell {
    width: 60%;
}
#course-description.cell {
    width: 40%;
}
#course-description h4 {
    font-size: 2.5em;
    margin-bottom: 0.3em;
    color: #2b2b2b;
}
#course-description .text-blocks {
    padding: 0em 2em;
}
#course-information .stripe-container {
    padding-top: 2em;
}
#course-information h4 {
    margin-top: 2em;
    background: #D35353;
    padding: 1em;
    color: #fff;
    font-size: 2em;
    padding: 0.5em;
}
#course-information .button-grid {
    padding-top: 4em;
}

#course-information #pdf_download {
    text-align: center;
}
#course-information .text-blocks {
    margin: 0 auto;
    margin-top: 1em;
}
#course #form-acceptance p {
    padding: 0.5em 0;
}
#course #ask-for-course-information input.wpcf7-form-control,
#course #ask-for-course-information textarea.wpcf7-form-control.wpcf7-textarea,
p.select { /*Contact Form Corsi*/
    width: 100%;
    margin: 0.5em 0;
}
#course input.wpcf7-form-control,
#course #ask-for-course-information textarea.wpcf7-form-control.wpcf7-textarea {
    background-color: #eaeaea;
}
#course #ask-for-course-information textarea.wpcf7-form-control.wpcf7-textarea {
    border: 0;
}
#ask-for-course-information h4 {
    font-weight: 300;
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 0.5em;
}
#ask-for-course-information select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    font-size: 0.8em;
    padding: 0.5em;
}
/* Main course */
#course-year.stripe-container {
    padding-top: 0;
    padding-bottom: 8em;
    text-align: center;
}
#course-year .text-block-inner {
    margin: 0 2em;
}
#course-year p {
    margin-bottom: 2em;
    font-weight: 800;
}
#course-year .text-block-inner h4.text-block-title.hl-color {
    padding: 2em;
    background: #d35353;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
}
#course-year .text-block2 h4.text-block-title.hl-color {
    background: #2A4F7F;
}
#biennium-details h3 {
    font-size: 4em;
    text-align: center;
    margin-bottom: 1em;
    padding: 0.5em;
    color: #fff;
    background: #d3d3d3;
}

/* Consiglio Direttivo, Collegio dei Probiviri, Delegati Regionali
-----------------------------------------------------*/
#councilor #image.cell,
#councilor #details.cell {
    padding: 4em 4em 4em 0 !important;
}
#councilor .image-inner {
    width: 200px;
    height: 200px;
    background-size: cover;
    border-radius: 50%;
    background-position: 50%;
}
#image.cell {
    width: 22%;
}
#details.cell {
    width: 78%;
    padding: 0 2em;
}
.term-consiglio-direttivo #role {
    display: block !important;
}
#role .text-blocks {
    max-width: 200px;
    width: 200px;
}
#role p {
    padding: 1em 0;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
#name {
    display: inline-block;
    width: 100%;
}
#name p {
    padding: 0.5em 0;
    margin: 0.5em 0;
    background-color: #2A4F7F;
    color: #fff;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}


/* Error 404
-----------------------------------------------------*/
#error404 h1,
.page-id-1002 h1,
.page-id-960 h1,
.page-id-963 h2 {
    text-align: center;
    font-family: 'Anton', sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 1em;
    color: #2b2b2b;
}
#error404 p {
    text-align: center;
    margin-bottom: 1.5em;
}

/*Login Page To Area Riservata
------------------------------------------------------*/
.page-id-1002 legend,
.page-id-1002 .ms-alert-box.ms-alert-error.ms-auth-header,
.page-id-963 .ms-alert-box.ms-alert-error.ms-auth-header {
    display: none;
}
.page-id-1002 p.login-remember.ms-field {
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    flex-flow: wrap;
}
.page-id-1002 input#rememberme {
    margin-right: 0.2em;
}
a[rel~="nofollow"] {
    display: none;
}
.page-id-1002 input#user_login,
.page-id-1002 input#user_pass {
    max-width: 300px;
    width: 100%
}
.page-id-1002 input#user_login {
    margin: 1em 0;
}
.page-id-1002 input#user_pass {
    margin-bottom: 1em;
}
.page-id-1002 p.login-remember.ms-field {
    margin: 0.5em 0;
}
.page-id-1002 .form {
    margin: 1em;
}
.page-id-1002 .stripe-description {
    text-align: center;
}
/*Logged In Area Riservata
-------------------------------------------*/
.page-id-960 #stripe-2 .post-inner {
    padding: 2em;
}
.page-id-960 #stripe-2 .post-image {
    height: 20em;
    background-size: contain;
}
.page-id-960 #stripe-2 .post-caption h4 {
    font-size: 1.2em;
    letter-spacing: 0;
    line-height: 1.2;
    padding: 1em 0;
    border-bottom: 1px dashed;
    text-align: center;
}
.page-id-960 #stripe-2 .text-blocks.cell.pdf_download {
    margin-top: 1em;
}
.page-id-960 #stripe-2 .post-caption a {
    padding: 0.5em 0;
    width: 100%;
}
.page-id-960 #stripe-2 .post-date {
    text-align: center;
}
.page-id-960 #stripe-1 .stripe-container {
    padding-bottom: 0;
    text-align: center;
}
.page-id-960 #stripe-2 .stripe-container {
    padding-top: 2em;
}
/* Account Page
-------------------------------------------*/
.page-id-963 #account-membership,
.page-id-963 #account-invoices,
.page-id-963 #account-activity {
    display: none;
}
a.ms-edit-profile {
    font-size: 0.5em;
    font-weight: 600 !important;
    text-transform: uppercase;
    border: 1px solid;
    padding: 0.5em 0.5em 0.3em 0.5em;
    color: #2a4f7f;
}
.page-id-963 h2, 
.page-id-963 .ms-membership-form-wrapper legend {
    font-size: 2.5em;
}
th.ms-label-title {
    background-color: #2a4f7f;
}
.page-id-963 hr {
    margin: 4em 0;
}
.page-id-963 .ms-logout-form {
    text-align: center;
}
.page-id-963 main.main-wrapper .ms-membership-form-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 8em;
}
.page-id-963 .ms-membership-form-wrapper legend {
    text-align: center;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 1em;
    color: #2b2b2b;
    border-bottom: 0;
}
.page-id-963 .ms-form-element .wpmui-field-label {
    min-width: 20%;
    width: 20%;
}
.page-id-963 .ms-form-element .wpmui-field-input {}
.page-id-963 .ms-form-element span {
    width: 100%;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.page-id-963 .ms-form-element.ms-form-element-submit {
    text-align: center;
    margin-top: 2em;
}
.page-id-963 a#cancel {
    width: 100%;
    text-align: center;
}
/*Reset psw
----------------------------------------*/
form#resetpassform {
    max-width: 1200px;
    padding-top: 8em;
    margin: 0 auto;
}
p.user-pass1-wrap {
    text-align: center;
    padding: 1em 0;
}
input#pass1-text {
    margin-bottom: 1em;
    border: 1px solid;
    padding: 1em;
}
#pass-strength-result {
    padding: 1em;
    font-weight: 400;
    font-size: 1.2em;
}
.page-id-963 p.submit {
    text-align: center;
}
/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    END OF CUSTOM PAGES
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------------------------
------------------------------
----------------------------------------------------------------------
                                    FOOTER STARTS
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/
/* Pre Footer Starts */
div#pre-page-footer {
    background-color: #151a1e;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
#pre-page-footer .stripe-container {
    max-width: 90%;
    padding: 4em 0;
    border-bottom: 1px solid #22272b;
}
.footer-logo-container {
    margin-bottom: 2em;
}
.footer-logo-container img {
    width: 200px;
}
.footer-social-container ul.social-links .fa {
    margin: 0.5em 0.2em;
    width: 45px;
    height: 45px;
    font-size: 1.2em;
    line-height: 2;
}
.footer-social-container h4 {
    color: #fff;
    letter-spacing: 0;
}
/* Pre Footer Ends */
#page-footer {
    background-color: #151a1e;
    min-height: 500px;
}
div#footer-widgets-inner {
    max-width: 90%;
    margin: 0 auto;
    padding: 4em 0;
}
h4.widget-title {
    color: #fff;
    font-weight: 300;
    font-family: 'Kanit', sans-serif !important;
    font-size: 1.6em;
    letter-spacing: 0;
}
div#footer-widgets p {
    font-size: 1.2em;
}
.textwidget {
    margin-right: 2em;
}
.widget-block, #page-footer form, #text-4 .textwidget, #text-5 .textwidget {
    margin-top: 1.5em;
    margin-right: 1em;
}
.widget-block h5 {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
}
.widget-block a {
    font-family: 'Kanit', sans-serif;
    text-transform: none;
    font-weight: 400;
}
.widget-block p, #text-5 p {
    margin: 0;
    color: #8e9296;
}
.post p:nth-child(1) {
    vertical-align: top;
}
.post p {
    display: inline-block;
    margin-bottom: 0;
}
#page-footer input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, #page-footer textarea {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
    background: #161d23;
    border: 1px solid #272c32;
    color: #ccc;
}
#page-footer textarea {
    height: 150px;
    resize: none;
}
#text-4 img {
    padding-bottom: 0.5em;
}
#text-5 input.wpcf7-email {
    width: 70% !important;
}
.footer-info {
    padding: 1em;
    color: #fff;
    background-color: #0f1519;
}
.footer-info p {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.2em;
    letter-spacing: 0.5px;
}
.wpcf7-form >p{
    color: #656565;
}
#page-footer .wpcf7-form p {
    margin-bottom: 3em;
}
.top-bar .social-links .fa:before,#pre-page-footer .social .fa:before{
    color: rgb(0,0,0);
}
#hide-mobile-menu-button .fa:before{
    color: rgb(0,0,0);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
                                CIS FIX 2018 LP 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.page-id-9 #stripe-2 form p:nth-child(2),
.post-type-archive-albo #subscribe form p:nth-child(2) { /*Diventa Socio & Albo*/
    display: none;
}
div#form-acceptance p {
    display: block !important;
}
div#download-subscription-pdf { /*Download Iscrizione PDF*/
    margin-bottom: 1em;
    width: 100%;
}
div#download-courses-information { /* Dettaglio Corso Principale Download PDF */
    margin-top: 3em;
    border-top: 2px solid #eaeaea;
    padding: 2em 0;
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 3em;
}
div#download-courses-information .btn {
    padding: 1em;
    width: 100%;
 }
div#download-courses-information .cell {
    padding:  0 1em;
}
.post-type-archive-albo .form-full p, .page-id-9 .form-full p {
    width: 100% !important;
}
div#footer-widgets div.wpcf7-mail-sent-ok {
    color: #fff;
    border: 1px solid #2a4f7f;
    border-radius: 3px;
}
/*Lost password?*/
.page-id-963.ms-guest.ms-0 section#stripe-1 {
    display:  none;
}
.page-id-963.ms-guest.ms-0 form#resetpassform {
    padding:  6em 0;
}
.page-id-963.ms-guest.ms-0 p.user-pass1-wrap {
    padding:  0.2em;
    font-weight: 500;
}
.page-id-963.ms-guest.ms-0 p.user-pass1-wrap:before {
    display:  block;
    content: 'Utilizza questa nuova password generata, oppure sostituiscila con una a tua scelta sovrascrivendola a quella sottostante.';
    font-weight:  300;
    background: #4a9e59;
    color:  #fff;
    padding: 3em;
    margin-bottom: 2em;
}
.page-id-963.ms-guest.ms-0 p.description.indicator-hint {
    font-size:  0.9em;
    font-weight: 500;
    text-align:  center;
}
/*--------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
                                    END OF FOOTER STRUCTURE
----------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/



/* FIXING LOGIN FORM 2K18
---------------------------------------------------------------------------------------------------*/
.main-logo.main-wrapper .ms-membership-form-wrapper legend {
    display: none;
}
.main-logo.main-wrapper .ms-alert-box.ms-alert-error.ms-auth-header {
    display: none;
}
.main-logo.main-wrapper p.login-remember.ms-field {
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;
}
.main-logo.main-wrapper .login-area {
    position:  relative;
    display:  flex;
    align-items:  center;
}
.main-logo.main-wrapper .ms-form {
    margin: 0 1em;
}
.main-logo.main-wrapper a.lost {
    right:  0;
    bottom:  0;
    font-size: 0.7em;
}
.main-logo.main-wrapper input#rememberme {
    margin-right:  0.3em;
}
.main-logo.main-wrapper label[for=rememberme] {
    font-size: 0.8em;
    font-weight: 500;
    color:  grey;
    margin-bottom:  0;
}
/*footer fix input privacy*/
#page-footer span.wpcf7-list-item {
    margin: 0 0.5em 0 0;
}






/*****************************************************************************************
                                             Media Query
******************************************************************************************/
/*Large Laptops*/
@media screen and (max-width: 1600px) {
    .home .call-to-action.stripe.central-wrapper .call-to-action-btn{
        margin-top: 0em;
    }
}


/*Standard Laptops*/
@media screen and (max-width: 1366px) {
    /*17/01/18*/
    #biennium-details .stripe-container{
        padding: 0em 2em;
    }
    #course-details .stripe-container{
        padding: 0 2em;
    }
    #publication .post-type-archive-publication .flip{
        min-width:  100%;
    }
    .sub-menu-toggle-active{
        background-image: url(https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/minus-128.png)!important;
        background-color: white;
    }
    #albo-table .sito{
        display: none;
    }
    /*_*_*_*_*_*_*_*_*LP modifiche*_*_*_*_*_*_*_*_*_*_*/
    .stripe-container {
        padding: 8em 2em;
    }
    /*Il Cis*/
    .page-id-11 #stripe-3 .text-block2 {
        left: 13em;
    }
    .page-id-11 .stripe#stripe-4,
    .post-type-archive-school .stripe#ask-for-information,
    .single-rivista #login-area {
        min-height: 30em;
    }
    #event .slick-prev:before, #event .slick-next:before {
        font-size: 40px;
    }
    #event .slick-prev:before {
        left: -0.2em;
    }
    #event .slick-next:before {
        right: -0.2em;
    }
    #single-news-title .stripe-container { /*header news detail*/
        padding: 0 2em;
    }
    .single-news .header-content {
        right: 3em;
    }
    .paged-navigation{
        padding-right: 3em;
    }
    #publication .stripe-description{
        padding: 0;
    }
    .page-id-555 #stripe-2 .stripe-container, 
    .page-id-555 #stripe-3 .stripe-container, 
    .page-id-555 #stripe-4 .stripe-container { /*padding fix FAQ*/
        padding: 2em;
    }

    /* ALBO ARCHIVIO
    ***********************************************************/
    #albo-search .stripe-container, .filter-box .stripe-container, #albo-category .stripe-container {
        padding-left: 2em;
        padding-right: 2em;
    }
    .post-type-archive-albo #intro-stripe .stripe-container {
        padding-top: 4em;
    }
    .tax-albo_category header .content, 
    .post-type-archive-albo header .content,
    .post-type-archive-event header .content {
        padding-left: 2em;
        padding-right: 2em;
    }
    #albo-search .stripe-container {
        padding-top: 54px;
    }    
}

/******************************************
    Media Queries | eugenio 12.12.2017
*******************************************/

/* Tablet
*******************************************/
@media only screen and (max-width:  1200px){
    .page-id-11 .text-block-image{
        height: 13em;
        width: 13em;
    }
    #publication .grid-md-4>.cell{
        width: 33.3%;
    }
    #councilor #image.cell{
        width: 30%;
    }
    #councilor #details.cell{
        width: 70%;
    }
    #councilor #image.cell, #councilor #details.cell {
        padding: 4em !important;
    }
    #councilor .image-inner {
        margin: 0 auto;
    }
    .post-type-archive-school #school-regolamentation .text-block.cell:nth-child(1){
        left: 8em!important;
    }
    /*LP FIX*/
    .footer-widget.cell { 
        width: 50%;
    }
    .post-type-archive-albo #stripe-1 .stripe-description #albo-category {
        padding: 0 1em;
    }
    #albo-table .telefono .phone-handler:before { /* Tabella Albo with icon */
        content: "\f095";
        font-family: FontAwesome;
        color: #014c8c;
    }
    #albo-table span.tmobile-to-disappear {
       /* display: none;*/
    }
    #albo-table .email .email-handler:before {
        content: "\f003";
        font-family: FontAwesome;
        color: #014c8c;
    }
    span.phone-handler,
    span.email-handler {
        padding: 1em;
    }
    #albo-table td{
        text-align:center;
    }
    #albo-table .indirizzo{
        display:none;
    }
    td.telefono, td.email {
        position: relative;
    }
    .telefono-container, 
    .email-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%); /* IE 9 */
        -webkit-transform: translate(-50%, -50%); /* Safari */
        transform: translate(-50%, -50%);
        background-color: #fff;
        border: 2px solid #d35353;
        width: 150px;
        z-index: 1;
        padding: 1em;
        display: none;
    }
    .telefono-container .fa, 
    .email-container .fa {
        position: absolute;
        top: -13px;
        right: -13px;
        height: 26px;
        width: 26px;
        border: 2px solid #d35353;
        font-size: 21px;
        color: #d35353;
        line-height: 1;
        display: block;
    }
    .email-container {
        top: 50% !important;
        right: 15px;
        left: auto;
        -ms-transform: translateY(-50%); /* IE 9 */
        -webkit-transform: translateY(-50%); /* Safari */
        transform: translateY(-50%) !important;
        width: auto !important;
    }
    /* ALBO 
    *****************************************/
    #albo-role .stripe-container > div {
        width: 100%;
    }
    #albo-role .stripe-container {
        flex-flow: wrap;
    }
    .city-stripe {
        padding-top: 40px;
    }

    /* NEWS
    ******************************************/
	.news-filter-box button.news-filters-button {
	    width: 96%;
	}
	.news-filter-box .cell {
	    width: 25%;
	    margin-bottom: 10px;
	}
}

/*Big Tablet Port/tablet Land*/
@media only screen and (max-width: 1024px) {
    .home #stripe-1 .stripe-container, .home #stripe-2 .stripe-container, .home #stripe-5 .stripe-container {
        padding: 5em 2em;
    }
    .carousel-inner .post-button{
        position: initial;
        margin: 0 auto;
        margin-top: 2em; /*LP*/
    }
    /**/
    .page-id-11 .text-block-image {
        height: 11em;
        width: 11em;
        margin: 0 auto;
        margin-bottom: 1em;
    }    
    .page-id-11 a.btn { /*LP bottone organizzazione cis*/
        padding: 1em 1.5em;
    }
    #publication .cell{
        width: 33%;
    }
    .single-news .header-thumbnail{
        width:  60%;
    }
    .single-news .header-content{
        width:  60%;
        right:  4%;
    }
    .single-news .header-content h1{
        font-size:  2.5em!important;
    }
    /*_*_*_*_*_*_*_*_*_* LP *_*_*_*_*_*_*_*_*_*_*/
    div#text-4.footer-widget.cell p {
        display: flex;
        flex-flow: wrap;
    }
    div#text-4.footer-widget.cell img {
        width:  100%;
        padding-right: 0.5em;
    }
    div#text-4.footer-widget.cell a {
        width:  50%;
    }
    #page-footer textarea {
        height: 110px;
    }
    #text-5 input.wpcf7-email {
        width: 65% !important;
    }
    .page-id-11 #stripe-3 .grid-xs-1.grid-md-4 { /*Blocchi regolamento Pagina Il CIS*/
        height: 39em;
    }
    .page-id-11 #stripe-3 .text-block.text-block1.cell {
        top: 17em;
    }
    .page-id-11 #stripe-3 .text-block.text-block2.cell {
        left: 3em;
    }
    .page-id-11 #stripe-3 .text-block.text-block3.cell {
        right: 3em;
        top: 22em;
    }
    .post-type-archive-school #school-regolamentation .text-block.cell:nth-child(2) { /*Blocchi regolamento pagina Scuola*/
        right: 5em;
    }
    /** Diventa Socio **/
    .page-id-9 .text-block6 .text-block-text {
        display: block;
        text-align: right !important;
    }
    .page-id-9 .text-block6 .text-block-text h2 {
        padding-right: 0 !important;
    }
    .page-id-9 #albo-subscribe {
        display: inline-block;
    }
    .page-id-9 .text-block6 .text-block-text h2 {
        font-size: 1.2em !important;
        font-weight: 400 !important;
    }       
}


/*Tablet*/
@media only screen and (max-width: 992px) {
    h1{
        font-size: 5.5em !important;
    }
    h3{
        font-size: 4em !important;
    }
    .home header .content{
        margin-top: 65px;
    }
    .home header{
        display: block !important;
    }
    .home #main-menu, .home .main-logo{
        display: none;
    }
    .home main{
        margin-top: 0;
    }
    /*carousel style*/
    .carousel-inner i.fa.fa-chevron-circle-left.slick-arrow, .carousel-inner i.fa.fa-chevron-circle-right.slick-arrow {
        font-size: 30px !important;
    }
    .carousel-inner a{
        padding: 1em;
    }
    /*top menù*/
    .top-bar {
        max-height: 50px;
    }
    div#mobile-header {
        max-height: 50px;       
        background-color: rgba(255, 255, 255, 0.68);
        z-index: 3;
        border-bottom: 0.5px solid #8080804f;
        position: fixed!important;
    }
    nav#top-menu {
        display: none;
    }
    ul.social-links {
         margin: 0 3em;
    }
    #mobile-menu-wrapper{
        background-color: #eaeaea;
        padding: 0px;
        z-index: 4;
        width: 80%;
        box-shadow: 6px 0px 7px 0px #00000036;
    }
    #mobile-menu{
        margin: 1.5em 0;

    }
    #mobile-menu-wrapper .fa{
        background-color: transparent;
    }
    #mobile-menu-wrapper .hide-wrapper a{
        border: none;
    }
    #mobile-menu-wrapper li#menu-item-2964 a:after {
        content: '\f007';
        font-family: fontAwesome;
        font-size: 22px;
        margin-left: 1em;
    }
    /*end top menù*/
    header{
        display: block!important;
    }
    .top-bar{
        display: none;
    }
    .main-logo.main-wrapper{
        display: none;
    }
    #main-menu{
        display: none;
    }
    header .content{
        display: block;
    }
    .page-id-11 #stripe-3 .text-block{   
        width: 65%;
    }
    .page-id-11 #stripe-3 .text-block.text-block1.cell{
        top: 0em;
        left: 2em;
    }
    .page-id-11 #stripe-3 .text-block2 {
            top: 14em;
            left: 15em;
    }
    .page-id-11 #stripe-3 .text-block3 {
        top: 28em;
        left: 2em;
    }
    .page-id-11 #stripe-3 .text-block4 {
            top: 42em;
            left: 15em;
    }
    div#regolamentation-cis-button.arrow-link{
        position: initial;
        text-align: right;
        padding-top: 15%;
    }
    .page-id-11 #stripe-3 .grid-xs-1.grid-md-4{
        height: 55em;
    }
    .page-id-11 #stripe-2 h4.text-block-title.hl-color{ /*LP Pagina CIS -> Organizzazione -> Bottoni allineati*/
        min-height: 255px;
    }
    /*styling page /scuola-di-sessuologia/ which has no page-id: fix it*/
    .post-type-archive-school #school-regolamentation .text-block.cell:nth-child(1){
        top:14em!important;
    }
    .post-type-archive-school #school-regolamentation .text-block.cell:nth-child(1) {
        left: 15em;
    }
    #rivista-di-sessuologia .text-block-inner h5{
        font-size:  1em;
    }
    .col a{
        font-size:  1em!important;    
    } 
    .col .post-date {
    font-size: 0.8em!important;
    } 
    /*collapse menu button in hamburger*/
    ul.sub-menu{
    background-color: #eaeaea;
    position: initial;
    opacity: initial;
    visibility: initial;
    box-shadow: none;
    color:#3890dc!important;
    }
    .sub-menu li a{
        color: #3890dc!important;
    }
    ul.sub-menu li{
        width: 100%!important;
    }
    ul.sub-menu #menu-item-885{
        border-bottom: none;
    }
    #mobile-menu-wrapper .logo {
        display: none;
    }
    .footer-logo-container img {
        width: 150px;
    }
    #mobile-menu-wrapper .hide-wrapper a i.fa{top:0px; left: 0px;}
    .sub-menu li a:hover{
        background:none; transition: none;color: #3890dc!important;
    }
    main{
        margin-top: 0px!important;
    }
    .page-id-11 .text-block-image {
        height: 10em;
        width: 10em;
    }
    #menu-mobile-menu li a {
        font-size: 22px;
    }
    #event .text-blocks.cell {
        width: 50%;
    }
    .page-id-11 #stripe-2 .text-block.cell{
        font-size: 80% !important;
    }
    .textwidget {
        margin-right: 0px;
    }
    div.wpcf7 .ajax-loader{
        width: 0px;
    }
    .page-id-206 main.main-wrapper,
    .rivista-template-default main {
        margin-top: 65px !important;
    }
    .page-id-9 .cell .title-wrapper h2 {
        font-size: 1em!important;
    }
    .wpcf7-form >p{
        text-align: center!important;
    }
    .post-type-archive-school #school-regolamentation{
        margin-bottom: 0em;
    }
    #single-news-title .stripe-container{
        margin-top: 5em;
    }
    .page-id-555 #stripe-1 h3{
        text-align: left;
    }
    /*_*_*_*_*_*_*_*_*_*_ LP LOGIN FORM MOBILE MENU *_*_*_*_*_*_*_*_*_*_*_*_*/
    div#mobile-menu-wrapper .ms-membership-form-wrapper form#loginform .form {
        display:  flex;
        flex-flow:  wrap;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-username.ms-field, 
    div#mobile-menu-wrapper p.login-password.ms-field {
        width:  50%;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper input#user_login {
        width: 80%;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper input#user_pass {
        width: 80%;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-username.ms-field {
        text-align:  right;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-password.ms-field {
        text-align:  left;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper .nav {
        width: 63%;
        text-align:  right;
        margin-top: 0.5em
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-remember.ms-field {
        width: 25%;
        text-align: left;
        margin-left: 2%;
        margin-top: 0.5em
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-submit {
        width:  100%;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper input#wp-submit {
        margin-top: 0.1em;
        font-size: 0.8em;
    }
    div#mobile-menu-wrapper .ms-membership-form-wrapper .status {
        width: 100%;
        padding: 0.5em 0;
    }
    .page-id-11 #stripe-3 .grid-xs-1.grid-md-4,
    .post-type-archive-school #school-regolamentation .grid-xs-1.grid-md-2 { /*Blocchi Regolamento CIS/Scuola*/
        height:  auto;
    }
    .page-id-11 #stripe-3 .text-block,
    .post-type-archive-school #school-regolamentation .text-block.cell {
        position: initial;
        width: 48%;
        margin: 1%;
    }
    .page-id-11 #stripe-3 .text-block-inner, .post-type-archive-school #school-regolamentation .text-block-inner {
        height:  100%;
        position:  relative;
    }
    div#regolamentation-cis-button.arrow-link {
        position: absolute;
        bottom: 1em;
        padding-top: 0;
        right: 1em;
    }
    #cis-news .col {
        width: 50% !important;
    }
    #cis-news .col h4 {
        font-size: 2em !important;
    }
    .social-share h4 {
        font-size: 1.4em;
        font-weight: 600;
    }
    .single-news .main-wrapper .fa {
        width: 40px;
        height: 40px;
        font-size: 0.8em;
        line-height: 2.6;
    }
    h3#reply-title { /*commento*/
        font-size: 1.5em !important;
    }
    .post-type-archive-rivista .text-block.cell { /*rivista blocks*/
        width: 50%;
    }
    .post-type-archive-rivista .grid-xs-1.grid-md-4 .cell {
        width: 33.3%;
    }
    .single-rivista h1,
    .page-id-960 h1,
    .page-id-1002 h1 {
        font-size: 2em !important;
    }
    .page-id-1002 div#mobile-menu-wrapper form#loginform {
        display: none;
    }
    .page-id-960 .post-content.cell {
        width: 33.3%;
    }
    #mobile-header .logo img {
        max-height:  60px;
    }
    div#mobile-header {
        max-height: 65px;
    }
    div#mobile-header i.fa.fa-bars {
        line-height: 1;
        border-radius: 0;
        background: none;
    }
    .stripe-container,
    .page-id-555 #stripe-1 .stripe-container {
        padding: 5em 2em;
    }
    .page-id-555 #stripe-1 .stripe-container {
        padding-bottom: 2em;
    }
    div#breadcrumbs {
        display: none;
    }
    li#menu-item-889 a:before {
        content: '\f19c';
    }
    #richiesta-patrocinio .richiesta-patrocinio-inner {
        display: block;
    }

    /* ALBO ARCHIVE
    ***********************************************/
    .tax-albo_category header h1, 
    .tax-albo_category header h2, 
    .post-type-archive-albo header h1, 
    .post-type-archive-albo header h2,
    .post-type-archive-event header h1 {
        text-align: left;
    }
    .tax-albo_category header h1,
    .post-type-archive-albo header h1,
    .post-type-archive-event header h1 {
        font-size: 4em !important;
    }
    .tax-albo_category header h2, 
    .post-type-archive-albo header h2 {
        font-size: 2.5em;
    }
    #albo-list > .stripe-container > .grid > .cell,
    #intro-stripe .single-role {
        width: 100%;
    }
    #intro-stripe .single-role {
        padding-right: 0;
    }
    #albo-category .single-category {
        padding: 5px;
    }
    #albo-category .single-category-container p {
        font-size: 14px !important;
    }
    #albo-category .single-category-container {
        padding: 10px 5px;
    }
    .open-filters {
        display: block;
    }
    .open-filters p {
        font-size: 19px !important;
    }    
    #albo-category .grid {
        max-height: 0;
        overflow: hidden !important;
        transition: max-height 0.5s ease-in-out;
    }
    #albo-category.active .grid {
        max-height: 2000px;
        transition: max-height 0.5s ease-in-out;
    }

    /* Dettaglio evento */
    .single-event h1 {
        font-size: 3em !important;
        margin-top: 1em; 
    }
    .single-event .event-main-details .grid {
        flex-flow: wrap;
    }
    .single-event .main-event-description {
        flex-grow: 1;
        width: auto;
        order: 2;
        width: 70%;
    }
    .single-event .event-main-info {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        border: none;
        order: 3;
        padding: 0;
        padding-top: 2em;
    }
    .single-event .event-main-info > * {
        width: 33.3%;
    }

    .single-event .event-main-info .event-location {
        width: 100%;
    }
    .event-thumbnail {
        order: 1;
        width: 30%;
    }
    .single-event .event-thumbnail img {
        width: 100%;
        min-width: unset !important;
    }
    .single-event .wpcf7-form >p {
        text-align: left !important;
    }
}

@media only screen and (max-width: 850px){
    #publication .grid-md-4>.cell{
        width: 50%;
    }
    .home #stripe-4 .post-caption p {
        display: none;
    }    
}

/* Mobile */
@media only screen and (max-width: 767px) {
    h1{
        font-size: 3em !important;
    }
    h3{
        font-size: 2.5em !important;
    }
    .arrow-link a {
        font-size: 1.2em;
    }
    /*carousel*/  
    .carousel-inner .post-button a {
        padding: 0.5em 2.5em;
    }
    .carousel-inner .post-caption {
        padding: 2em 3em;
    }
    .carousel-inner {
        font-size: 90%;
    }    
    .page-id-11 .text-block-image{
        width: 8em;
        height: 8em;
        margin: 0 auto;
        margin-bottom: 1em;
    }
    .page-id-11 a.btn {
        margin-top: auto;
    }
    #cis-news .col{
        width:  50%!important;
    }
    #biennium-details #course-image.cell, 
    #biennium-details #course-description.cell,
    #course-details #course-description.cell {
        width:  100%;
        padding-bottom: 2em;
    }
    #course-details .cell{
        width:  100%;
        padding-bottom: 2em;
    }
    #publication .stripe-container .cell{
        width:  50%;
    }
    .fa-chevron-circle-right.slick-arrow{
        right:  0.1em !important;
    }
    .fa-chevron-circle-left.slick-arrow{
        left:   0.1em !important;
    }
    #eventi-correnti .post-content.cell:nth-of-type(1), #eventi-correnti .post-content.cell:nth-of-type(2) {
        border-bottom: 2px solid #eaeaea;
        margin-bottom: 2em;
        padding-bottom: 2em;
    }
    #eventi-correnti .post-content.cell{
        width: 50%;
    }
    .social-links{
        display: block !important;      
        margin: 0 auto;
        text-align: center;
        padding-bottom: 2em;
    }
    .social-links .fa{      
        width: 30px !important;
        height: 30px !important;
        font-size: initial !important;
    }
    div#rivista-di-sessuologia .stripe-description >p {
        text-align: left !important;
    }
    .footer-logo-container img {
        width: 100px;
    }
    #page-footer{
        text-align: center;
    }
    #page-footer p{
        color: white;
    }
    #page-footer .widget-block{
        margin-top: 2.5em;
        margin-bottom: 2.5em;
    }
    .stripe-description p{
        text-align: left !important;
    }
    #stripe-1 p{
        text-align: left !important;
    }
    .home #stripe-1 p {
        text-align: center !important;
    }
    #councilor #image.cell, #councilor #details.cell{
        width: 100%;
    }

    .school-template-default #course-description.cell{
        padding-bottom: 0em;
    }
    #cis-news .col.small .post-caption h4, 
    #cis-news .col.medium .post-caption h4, 
    #cis-news .col.extra-large .post-caption h4, 
    #cis-news .col.big .post-caption h4{
        font-size: 26px!important;
    }
    .page-id-9 #stripe-1 p {
        text-align: center!important;
    }
    .contact-container{
        margin-left: 0px;
    }
    /*table in archive/albo*/
    #albo-table .comune {
        display: none;
    }
    #albo-table .sito {
        display: none;
    }
    #albo-table .categoria {
        display: none;
    }
    #course-description .text-blocks{
        padding: 0px;
    }
    #page-footer .wpcf7-form p {
        padding-bottom: 0em;
    }
    .regolamentation-template-default .text-block p{
        text-align: left!important;
    }
    .call-to-action.stripe.central-wrapper .call-to-action-btn{
        text-align: center;
    }
    section#login-area .call-to-action-btn { /*LP*/
        text-align: left;
    }
    .page-id-9 #stripe-1 .title-wrapper{
        min-height: auto;
    }
    .home .stripe#stripe-6{
        min-height: auto !important;
        padding-bottom: 5em; /* LP */
    }
    .home .call-to-action.stripe.central-wrapper .call-to-action-btn{
        margin-top: 0px !important;
    }
    /*_*_*_*_*_*_*_*_*_*_*_*_* LP *_*_*_*_*_*_*_*_*_*_*_*_*_*/
    /*General Mobile Land/Port*/
    p {
        font-size: 1.2em;
    }
    div#footer-widgets {
        font-size: 0.8em;
        text-align: left;
    }
    #footer-widgets #text-4, #footer-widgets #text-5 {
        padding: 3em 0;
    }
    #page-footer #text-5 input.wpcf7-email {
        width: 55% !important;
        padding: 0.85em;
        margin-bottom: 0;
    }
    #pre-page-footer .stripe-container,
    #footer-widgets-inner {
        padding: 2.5em 0;
    }
    .home #stripe-5 .stripe-container,
    #course-year.stripe-container { /* metà padding */
        padding-bottom: 2.5em;
    }
    /*Header general Mobile Land/Port*/
    header .content {
        min-height: 100vh;
    }
    .tax-councilors_category h1,
    .single-regolamentation h1 {
        margin-top: 0.5em;
        text-align: center;
        border-bottom: 1px solid #2A4F7F;
        padding-bottom: 0.5em;
    }
    .single-school #course h1 {
        margin-top: 0.5em;
    } 
    #course-title .stripe-container, 
    #rivista-title .stripe-container {
        padding-bottom: 2.5em;
    }
    #course-title h2 {
        font-size: 2.5em;
    }

    /*Bottoni Mobile Land/Port*/
    a.btn {
        padding: 0.5em 2.5em;
        font-size: 1.2em;
    }

    /* Home Mobile Land/Port */
    #menu-mobile-menu li a {
        font-size: 18px;
    }
    .home .intro-stripe h1 {
        font-size: 4em !important;
    }
    .home .intro-stripe h2 {
        font-size: 2em !important;
    }
    .home .header-button {
        margin: 0 !important;
    }
    .single-news .header-content h1, #rivista-title h1 {
        font-size:  2em;
    }
    .home #stripe-3 .post-image,
    #main-course .post-image,
    .home #stripe-4 .post-image,
    #secondary-courses .post-image { /*Main Course BK img*/
        height: 25em;
    }
    #main-course .post-badge, 
    .home #stripe-3 .post-badge {
        left: 1em;
    }
    #secondary-courses .post-badge, 
    .home #stripe-4 .post-badge {
        left: 1em;
    }
    #secondary-courses .post-caption, 
    .home #stripe-4 .post-caption  {
        top: 55%;
    }
    #secondary-courses  .overlay, 
    .home #stripe-4  .overlay {
        opacity: 0.7;
    }
    .home #stripe-5 h4 {
        font-size: 2em;
    }
    .home #stripe-5 .text-block-inner, 
    .page-id-11 #stripe-2 .text-block-inner, 
    .page-id-9 #stripe-1 .text-block-inner {
        margin-top: 2em;
    }
    .home .text-wrapper, .page-id-9 .title-wrapper {
        margin-top: 0.5em;
    }

    /*IL Cis Mobile Land/Port*/
    .page-id-11 #stripe-2 .text-block.cell {
        width: 33.3%;
    }
    .page-id-11 #stripe-2 h4.text-block-title.hl-color {
        min-height: unset;
    }
    .page-id-11 #stripe-3 .grid-xs-1.grid-md-4, 
    .post-type-archive-school #school-regolamentation .grid-xs-1.grid-md-2 {
        margin-top: 2.5em;
    }
    .page-id-11 .stripe#stripe-4, 
    .post-type-archive-school .stripe#ask-for-information, 
    .single-rivista #login-area {
        min-height: unset;
    }
    .page-id-11 #stripe-4 .stripe-container, 
    .page-id-9 .stripe#stripe-3 .stripe-container, 
    .post-type-archive-school #ask-for-information .stripe-container, 
    .single-rivista #login-area .stripe-container {
        position: initial;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    /*------------------------------------------------------------*/
    /* Pagine Interne */
    /*Consiglio direttivo etc Mobile */
    div#role {
        display: none;
    }
    .term-consiglio-direttivo #role p {
        padding-bottom: 0;
    }
    #councilor #image.cell {
        padding: 0 !important;
        padding-top: 2.5em !important;
    }
    #councilor #details.cell {
        padding: 0 2em !important;
        padding-top: 0.5em !important;
        padding-bottom: 2.5em !important;
    }
    #councilor .image-inner {
        width: 175px;
        height: 175px;
    }
    /* Corso Principale */
    section#course-year .cell {
        width: 50%;
    }
    #course-year .text-block-inner {
        margin: 0 0.5em;
    }
    #course-information h4:nth-of-type(1) {
        margin-top: -1em !important;
    }
    #course-information h4 {
        margin-top: 1em;
        font-size: 1.8em;
    }
    #course-image {
        height: 15em;
    }
    div#download-courses-information .cell {
        width: 33.3%;
        padding: 0 0.5em;
    }
    div#download-courses-information .btn {
        font-size: 1em;
    }
    /* News Detail */
    .news-filter-box .cell {
        width: 33.3%;
    }    
    textarea#comment {
        height: 10em;
    }
    #comments-section label {
        margin-top: 0.5em;
    }
    .single-news .header-content-container {
        font-size: 0.8em;
    }
    /* Rivista Detail */
    .rivista-template-default main,
    .page-id-555 #stripe-1 {
        margin-top: 0 !important;
    }
    div#rivista-title h1 {
        margin-top: 0.5em;
        margin-bottom: initial;
        line-height: 1;
    }
    /*------------------------------------------------------------*/
    /* News */
    #cis-news {
        margin-bottom: 0;
    }
    .paged-navigation {
        padding: 0.5em 1em;
        padding-bottom: 5em;
    }
    /* Rivista di Sessuologia */
    .post-type-archive-rivista .text-block.cell{
        padding: 0.5em;
    }
    .post-type-archive-rivista .grid-xs-1.grid-md-4 .cell {
        width: 50%;
    }
    .post-type-archive-rivista #rivista-image {
        height: 15em;
    }
    /* Diventa Socio */
    .page-id-9 h3,
    .page-id-555 #stripe-1 h3 {
        font-size:  3em !important;
        margin-top: 0.5em;
    }
    .page-id-9 #stripe-1 .stripe-description {
        padding-top: 2.5em;
    }
    .page-id-9 #stripe-1 .cell {
        width: 100% !important;
    }
    /* FAQ */
    .page-id-555 #stripe-1 .text-block.text-block1.cell.last {
        padding-top: 2.5em;
    }
    .page-id-555 .stripe-container {
        padding-bottom: 0 !important;
    }
    .page-id-555 #stripe-5 .stripe-container {
        padding-bottom: 5em !important;
    }
    /* Contatti */
    .page-id-206 #stripe-1 iframe {
        height: 83vh;
    }
    .page-id-206 #stripe-2 .text-block.text-block1.cell h4 {
        margin-top: 0;
    }
    .page-id-206 #stripe-2 .text-block.text-block1.cell h4 {
        text-align: center;
        margin-top: 1em;
    }
    .page-id-206 #stripe-2 ul.social-links {
        margin: 0;
        margin-bottom: 2em;
    }
    .page-id-206 #stripe-2 h2 {
        text-align: center;
        border-top: 1px solid;
        padding: 1em 0 0.5em 0;
    }
    /*Eventi*/
    #event .text-blocks.cell.pdf_download, #event .text-blocks.cell.registration_form {
        width: 100%;
    }
    #event .text-blocks.cell.pdf_download {
        margin-bottom: 1em;
    }
    /* Area riservata Login */
    #stripe-1 .ms-form.ms-no-labels p {
        text-align: center !important;
    }
    .page-id-1002 h1 { 
        margin-bottom: 0;
    }
    .page-id-1002 #stripe-1 .ms-form {
        margin: 0;
    }
    .page-id-1002 #stripe-1 .form {
        margin: 0;
    }
    /* Area riservata logged in */
    .page-id-960 #stripe-1 p {
        text-align: center !important;
    }
    .page-id-960 .post-content.cell {
        width: 50%;
    }
    .page-id-960 #stripe-2 .post-image {
        height: 15em;
    }
    /*CF*/ 
    div#form-acceptance p:nth-of-type(2) { /*TEXTAREA*/
        height: 100px;
    }

    /* ALBO ARCHIVE
    **********************************/
    #albo-category .cell {
        width: 33.3%;
    }
    #albo-category .single-category-container p {
        font-size: 15px !important;
    }
    .tax-albo_category header h1,
    .post-type-archive-albo header h1,
    .post-type-archive-event header h1 {
        font-size: 3em !important;
    }
    .tax-albo_category header h2, 
    .post-type-archive-albo header h2 {
        font-size: 2em;
    }

    /* ARCHIVIO EVENTI 
    ***********************************/
    .date-container .date {
        width: 130px;
    }
    p.day {
        font-size: 60px !important;
    }
    .event-info {
        padding-left: 50px;
    }
    p.month-year {
        font-size: 15px !important;
    }
    /* DETTAGLIO EVENTO 
    ***********************************/
    .single-event .event-thumbnail {
        width: 100%;
        text-align: center;
        padding-bottom: 2em;
    }
    .single-event .event-thumbnail img {
        width: 250px;
    }
    .single-event h1 {
        font-size: 1.5em !important;
    }
    .single-event .event-main-details .grid {
        padding-top: 2em;
    }
    .single-event .event-details-container {
        padding-right: 0;
    }
    .single-event .event_pdf_download > div {
        margin-bottom: 10px;
    }
    .single-event .main-event-description {
        width: 100%;
        padding: 0;
    }
    .single-event .event-main-info > * {
        width: 50%;
    }
    .single-event .event-main-info .hour-date {
        width: 100%;
    }
    .single-event .event-contact-container {
        padding-left: 0;
    }
    .event-details-container > div {
        padding-bottom: 2em;
    }
    .single-event .single-event-detail p:last-child {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 600px) {
    .home header #event-carousel h2 {
        font-size: 1.7em;
    }
    /* ALBO ARCHIVE
    **********************************/
    #albo-category .cell {
        width: 50%;
    }
    #albo-category .single-category-container p {
        font-size: 15px !important;
    }
    #albo-search .search-field [type=text] {
        width: 100%;
    }
    #albo-search .search-field [type=submit] {
        width: 100%;
        margin-top: 10px;
    }
    .filter-box .stripe-header {
        flex-flow: wrap;
    }
    .filter-box .stripe-header p {
        width: 100%;
        margin-bottom: 10px;
    }
    #search-role,
    #search-city {
        height: 45px !important;
        width: 250px !important;
    }

    /* EVENTI ARCHIVE
    ***********************************/
    .evento-singolo-container-inner {
        display: block;
    }
    .date-container .date {
        width: 100%;
        border: none;
        display: flex;
        align-items: flex-end;
    }
    p.month-year {
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .event-info {
        padding-left: 0;
        padding-top: 20px;
    }
    .event-info h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    #event .free-admission {
        max-width: 300px;
    }

    /* NEWS ARCHIVE
    ******************/
	.news-filter-box .cell {
	    width: 50%;
	}
	.news-filter-box button.news-filters-button {
	    width: 100%;
	}
	.news-filter-box .cell:nth-child(odd) {
	    padding-right: 5px;
	}
	.news-filter-box .cell:nth-child(even) {
	    padding-left: 5px;
	}
	.search-content {
	    display: flex;
	}
	#field-search-news {
	    flex-grow: 1;
	    margin-right: 10px;
	    width: auto !important;
    	min-width: 0px;
	}
    /* FOOTER
    *************/
    .footer-widget.cell {
        width: 100% !important;
        text-align: center;
        padding-bottom: 2em;
    }
}
/*Mobile Portrait*/
@media only screen and (max-width: 480px) {
    /* General Rules */
    header .content {
        min-height: 50vh;
    }
    .post-type-archive-albo #subscribe form p, 
    .page-id-9 #stripe-2 form p {
        width: 100%;
        padding: 0.5em;
    }
    #cis-news .col,
    .post-type-archive-rivista .text-block.cell,
    .post-type-archive-rivista .grid-xs-1.grid-md-4 .cell,
    #publication .stripe-container .cell,
    .page-id-960 .post-content.cell,
    #eventi-correnti .post-content.cell { /*Cell blocks 100%*/
        width: 100% !important;
    }
    /*Mobile Menu*/
    div#mobile-menu-wrapper .ms-membership-form-wrapper .nav,
    div#mobile-menu-wrapper .ms-membership-form-wrapper p.login-remember.ms-field {
        width: 100%;
        text-align: center;
    }
    /*Home*/
    .home #stripe-3 .post-caption h4, 
    #main-course .post-caption h4 {
        font-size: 2.2em;
    }
    .home #stripe-4 .post-caption h4,
    #secondary-courses .post-caption h4 {
        font-size: 1.8em;
    }
    .home #stripe-3 .post-image, 
    #main-course .post-image {
        height: 30em;
    }
    /* Il CIS */
    .page-id-11 #stripe-2 .text-block.cell {
        width: 100%;
        font-size: 100% !important;
    }
    .page-id-11 a.btn {
        padding: 0.5em 2.5em;
    }
    .page-id-11 #stripe-2 .text-block-inner {
        padding: 0;
    }
    .page-id-11 #stripe-3 .text-block, 
    .post-type-archive-school #school-regolamentation .text-block.cell {
        width: 100%;
        margin: 0.5em 0;
    }
    /* Corso Principale */
    section#course-year .cell {
        width: 100%;
    }
    div#download-courses-information .cell {
        width: 100%;
        padding: 0;
    }
    /* Albo */
    .post-type-archive-albo #stripe-albo-table .search-box input#myInput {
        width: 100%;
    }
    /* News */

    /* News Detail */
    .single-news .header-thumbnail {
        display:  none;
    }
    .single-news .header-content {
        position:  initial;
        transform: translateY(0) !important;
        width:  100%;
        height:  auto;
    }
    .single-news .header-content-container {
        position:  initial;
        transform: none;
        padding:  2em;
    }
    .single-news #comments input {
        width: 100%;
    }
    /*Rivista detail */
    #rivista-image img {
        padding: 0;
        float: none;
    }
    div#rivista-image {
        text-align: center;
        margin-bottom: 2em;
    }
    div#rivista-title {
        text-align: center;
    }
    /*Diventa Socio*/
    .contact-date {
        width: 100%;
    }
    /*Contattaci*/
    .page-id-206 #stripe-1 iframe {
        height: 20em;
    }
    /*Footer*/
    #footer-widgets #text-4, 
    #footer-widgets #text-5 {
        padding: 2em 0;
    }

    /* ALBO ARCHIVE
    **********************************/
    .albo-image {
        width: 100%;
    }
    .albo-inner-griglia {
        flex-flow: wrap;
    }
    .albo-image-container-inner {
        margin: 0 auto;
        width: 200px;
        margin-bottom: 15px;
    }
    .albo-description-container-inner {
        padding-left: 0;
    }
    #albo-category .cell {
        width: 100%;
    }
    #albo-category .single-category-container {
        padding: 10px 15px;
    }
}

/*Small Mobile*/
@media only screen and (max-width: 320px) {
    h1 {
        font-size: 2em !important;
    }
    /* Archive News
    ****************************/
	.search-content {
	    display: block;
	}
	#field-search-news {
	    width: 100%;
	    min-width: 100%;
	    margin-right: 0;
	    padding-right: 0;
	}
	#filter-box .search-field [type=submit] {
	    width: 100%;
	    margin-top: 5px;
	}
}
/*Only device hover*/
@media only screen and (max-device-width: 1600px) {
    #cis-news .overlay {
        opacity:  0.5;
    }
    #cis-news .post-caption {
        visibility: visible;
        opacity:  1;
    }
}