/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@media (max-width: 1199px) {
  .max-width {
    width: calc(100vw - 220px);
    margin: 0 20px 0 200px;
  }

  .second-content {
    margin: 30px 20px 30px 200px !important;
  }
}

@media (max-width: 991px) {
  .max-width {
    max-width: 100vw;
  }
}

@media (max-width: 991px) {
  #wpadminbar {
    display: none;
  }

  html {
    margin-top: 0 !important;
  }

  .mobile {
    display: inline-block;
  }

  .mobile-inverted {
    display: none;
  }

  .see-more-mobile {
    display: block;
    cursor: pointer;
    font-family: 'kuadraatbold';
    font-size: 14px;
    margin: 10px 0;
  }


  h1, .home-title, .subpage h1, .activity h1 {
    font-size: 27px;
    line-height: 27px;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
  }

  .subpage h1, .activity h1 {
    font-size: 20px;
  }

  .arrow-down {
    display: block;
  }

  .max-width {
    max-width: 100vw;
    margin: 0px auto;
    width: calc(100% - 40px);
  }

  .site-content {
    margin-top: 0;
  }

  .home .site-content {
    margin-top: 35px;
  }

  .site-header-background .abadir-thumbnail-list {
    height: auto;
  }

  .site-header-logo {
    top: 18px;
    left: -8px;
    height: 0;
    width: 100%;
    z-index: 1003;
  }

  #logo-mobile {
    display: inline-block;
    max-width: calc(100% - 75px);
    width: 150px;
    position: relative;
    top: -8px;
    left: 16px;
  }

  #logo-main {
    display: none;
  }

  .site-header-menu-mobile {
    position: fixed;
    right: 18px;
    top: 18px;
    cursor: pointer;
    display: block;
    z-index: 11;
  }

  .home .nav-menu,
  .nav-menu {
    display: none;
    position: fixed;
    right: 0;
    border-left: 4px solid black;
    top: 0;
    width: 290px;
    padding: 25px;
    height: 100vh;
    padding-top: 85px;
    overflow: auto;
  }

  .entry-title,
  .nav-menu li a {
    font-size: 15px;
  }

  .main-item {
    padding-top: 6px !important;
  }

  .main-item:first-child {
    border-top: none;
  }

  .sub-main-item, .sub-sub-main-item, .sub-sub-sub-main-item {
    line-height: 25px;
  }

  footer {
    overflow: hidden;
  }

  .top {
    padding: 0;
  }

  .footer-nav {
    white-space: normal;
  }

  .footer-nav-title,
  .footer-nav a {
    font-size: 15px;
    line-height: 25px;
  }

  .footer-nav > li {
    width: 100%;
    margin-bottom: 15px;
  }

  .footer-nav-nav, .footer-nav-social {
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    margin-top: 5px;
  }

  .footer-nav-social {
    top: 0;
  }

  .abadir-thumbnail-list img {
    height: auto;
    width: 100%;
  }


  .home .abadir-thumbnail-list img {
    width: auto;
    height: 100%;
  }


  .first-content > ul {
    width: calc(100% + 5px);
    left: -5px;
    margin-left: -5px;
  }

  .first-content > ul {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }


  .first-content .col-3 {
    border-image: none;
  }

  .home-column, .first-content .home-column {
    display: block;
    width: 100%;
    border: 0;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }


  .networks-holder,
  .persone-holder,
  .first-content > ul, .second-content > ul {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .inner-content,
  .networks-holder .item-holder,
  .persone-holder .item-holder {
    font-size: 20px;
    line-height: 1.4;
  }

  .networks-holder .inner-content,
  .persone-holder .inner-content {
    line-height: 34px;
  }

  .networks-holder .s1 b, .networks-holder .s1 strong,
  .persone-holder .s1 b, .persone-holder .s1 strong {
    margin-bottom: 5px;
  }

  .item-content-norollover {
    left: -5px;
    position: relative;
  }

  .first-content .home-column {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
  }

  .footer-nav > li:last-child,
  .home-column:last-child,
  .home-column:first-child {
    width: 100%;
    max-width: 100%;
  }

  .item-content {
    margin: 0;
  }

  .item-holder {
    padding-bottom: 0;
    border: 0;
  }

  .item-content:hover {
    border: 0 !important;
  }

  .item-content, .first-content .item-content, .second-content .item-content {
    width: 100%;
    border: 0;
    padding-bottom: 0px;
  }

  .second-content {
    left: 0;
  }

  .second-content > ul {
    width: 100%;
  }


  .second-content {
    margin: 30px auto !important;
  }

  .second-content .item-content:after {
    border: 0;
    background-image: none;
    margin-bottom: 0 !important;
    display: none;
  }

  .item-content:after {
    content: '';
    height: 5px;
    display: block;
    width: 100%;
    border: 5px solid red;
    border-top: 0;
    border-image: url(img/border.png) 5 round;
    -o-border-image: url(img/border.png) 5 round; /* Opera 11-12.1 */
    -webkit-border-image: url(img/border.png) 5 round; /* Safari 3.1-5 */
    padding-bottom: 25px;
    margin-bottom: 25px;
  }

  .first-content .item-content:after {
    padding-bottom: 10px;
  }

  .item-content .more-link {
    margin: 35px 0 0 0;

  }


  .home-column .registration_box {
    position: relative;
    display: block;
    left: 0px;
    right: 0;
    margin: 0 auto;
    margin-bottom: 43px;
  }

  .home-column:last-child {
    left: 0;
  }

  .registration_box {
    max-width: auto;
    width: 100%;

  }

  .home-title, .home-content {
    max-width: 100%;
    margin: 0 auto;
  }

  .home-content p {
    margin-bottom: 0;
  }

  .forms-menu {
    margin-bottom: 43px;
  }

  .close-form {
    font-size: 18px;
  }

  .form-box {
    height: auto;
    -moz-columns: 1;
    -webkit-columns: 1;
    columns: 1;
    text-align: center;
    padding-bottom: 0;
    max-width: 376px;
    width: calc(100% - 40px);
    white-space: normal;
    position: relative;
  }

  .form-box a {
    margin-bottom: 24px;
    width: 376px !important;
    max-width: 376px;
    width: 100% !important;
    margin: 0 0 24px 0;
    clear: both;
  }

  .subpage .col_1, .activity .col_1,
  .subpage .col_2, .activity .col_2,
  .col_1, .col_2 {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .subpage .sub-title, .activity .sub-title {
    font-size: 27px;
  }

  .col_2 {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  .entry-content .col_2 {
    min-width: auto;
    width: 100%;
  }

  .registro_box {
    text-align: center;
  }

  .registration_box {
    margin: 43px auto;
  }

  .col_2:before, .subpages:before {
    max-width: calc(100vw - 20px);
    content: '';
    height: 5px;
    display: block;
    width: 100%;
    border: 5px solid red;
    border-top: 0;
    border-image: url(img/border.png) 5 round;
    -o-border-image: url(img/border.png) 5 round; /* Opera 11-12.1 */
    -webkit-border-image: url(img/border.png) 5 round; /* Safari 3.1-5 */
    padding-bottom: 30px;
    margin: 0 auto 25px auto;
  }

  .type-9 .subpages:before {
    border: 0;
  }

  .subpage > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .subpage > div > .col_1 {
    /*display: table-header-group;**/
    -webkit-order: 1;
    order: 1;
    display: block;
  }

  .subpage > div > .sub-title {
    padding-top: 45px;
    /*display: table-row;*/
    -webkit-order: 2;
    order: 2;
    display: block;
  }

  .subpage > div > .col_2 {
    /*display: table-footer-group;*/
    -webkit-order: 3;
    order: 3;
    display: block;
  }

  .subpage > div > .col_2:before {
    display: none;
  }

  .subpage .col_2, .activity .col_2 {
    width: 100%;
    position: relative;
    right: auto;
    display: inline-block;
    float: none;
    text-align: left;
  }

  .entry-header {
    margin-bottom: 35px;
  }

  body,
  button,
  input,
  select,
  textarea,
  .small-text, .small-text a,
  h6,
  .entry-content, .normal-text,
  .more-link, .container-info a, p a,
  .home-content,
  p strong, p b, .see-more-mobile, .see-more, .see-more a {
    font-size: 20px;
  }

  .box-content a {
    font-size: 20px;
    line-height: 20px;
  }

  .main-item:last-child {
    padding-bottom: 33px;
  }

  .main-item:last-child .language-chooser {
    top: 5px;
    position: relative;

  }

  .floating-form {
    /*max-width: 376px;*/
    width: calc(100% - 40px);
    font-size: 15px;
    line-height: 21px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .newsletter-accept .wdform-ch-rad-label {
    line-height: 21px !important;
  }

  h3 {
    font-size: 25px;
  }

  .home-content {
    margin-top: 5px;
    line-height: 21px;
  }

  .floating-form h4,
  #newsletter-link, #master-informazioni, #corsi-iscrizione,
  .button a,
  .floating-form .button-submit {
    font-size: 20px !important;
  }

  #newsletter-link, #master-informazioni, #corsi-iscrizione {
    padding-top: 7px;
  }

  .wdform-label {
    font-size: 15px;
  }

  .form10 div[wdid="3"] .wdform-label-section,
  .form23 div[wdid="3"] .wdform-label-section {
    display: none !important;
  }

  .form23 div[wdid="3"] .wdform-element-section,
  .form10 div[wdid="3"] .wdform-element-section {
    display: block !important;
  }

  .form10 .wdform_section,
  .form10 .wdform-field,
  .form23 .wdform_section,
  .form23 .wdform-field,
  .form15 .wdform-field {
    display: block !important;
  }

  .form23 .wdform-page-and-images,
  .form10 .wdform-page-and-images {
    display: block !important;
  }

  .form10 .forlabs,
  .form23 .forlabs,
  .form15 .forlabs {
    float: none !important;
  }

  .form10 .wdform-ch-rad-label,
  .form23 .wdform-ch-rad-label,
  .form15 .wdform-ch-rad-label {
    padding: 0;
    margin-left: 0 !important;
    margin-top: 0 !important;
    display: block !important;
    width: calc(100% - 45px);
    float: right !important;
  }

  .form13 div[wdid="15"] label.wdform-ch-rad-label,
  .form14 div[wdid="29"] label.wdform-ch-rad-label,
  .form19 div[wdid="29"] label.wdform-ch-rad-label {
    width: calc(100% - 45px);
  }

  .checkbox-div.forlabs {
    margin-right: -10px;
  }

  .newsletter-accept > div > div {
    display: block;
  }

  .wdform-field hr {
    width: 100%;
  }

  .wdform-page-and-images .button-submit {
    width: 100%;
  }

  .wdform-page-and-images button {
    font-size: 20px !important;
  }

  .type-6 .second-content > ul {
    display: block;
  }

  .form15 .wdform-page-and-images,
  .form15 .wdform_section,
  .form15 .wdform-element-section {
    display: block !important;
  }

  .post-3749 .col_1, .post-3691 .col_1 {
    width: calc(100% - 20px);
  }


  .col_1 hr, .col_1 img, .subpage .col_1, .activity .col_1 {
    width: 100%;
  }

  .activity .col_2:before {
    display: none;
  }

  .activity {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .activity .col_1 {
    -webkit-order: 1;
    order: 1;
  }

  .activity .sub-title {
    margin-top: 20px;
    -webkit-order: 2;
    order: 2;
  }

  .activity .col_2 {
    -webkit-order: 3;
    order: 3;
  }


  .page-id-4129 .col_3 div:last-child,
  .page-id-4129 .col_3 div {
    width: 100%;
  }

  .grid {
    width: 100%;
  }

  .grid-item {
    width: 100% !important;
    padding-right: 0;
    padding-left: 0;
  }

  .grid-sizer,
  .grid-item-small,
  .grid-item-medium
  .grid-item-full {
    width: 100% !important;
  }

  .grid-item img {
    width: 100%;
    height: auto;
  }

  .image-videos-container {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .activity {
    margin-bottom: 20px;
  }

  embed,
  iframe:not(.instagram-media),
  object,
  video {
    height: auto;
  }
}