/* Mobile CSS */

@media screen and (max-width: 600px) {

    h1 {
        font-size:24px;
    }

    h2 {
        font-size: 18px;
    }

    .MainMenuContainer {
		display:none;
    }

    .FormField {
      width: 100%;
      margin-bottom:20px;
    }

    .Main_menu {
        display: flex;
        flex-direction: column;
        text-align: right;
        width:100%;
    }

    .menu-item {
      margin-right:20px;
      font-size:26px;
      padding: 15px;
      padding-bottom:5px;
      margin-bottom:10px;
      color:#222;
    }

  .wp-block-embed iframe {
    width:100% !important;
    height:350px !important;
  }

  .HomeSingleColumn {
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .HomeHeader {
    height: auto !important;
  }

  .SearchBoxContainer .SubmitButton {
    margin-bottom:30px !important;
  }

  .HomeHeader .MainContainer {
    width: 90% !important;
    margin: 0 auto !important;
    overflow: hidden;
	height:200px;
  }

	.Footer .menu-item {
		font-size:14px;
	}

	.FooterColumnTitle {
		font-size: 25px;
		color: #f2f2f2;
		padding: 20px;
		font-weight: bold;
	}

    .MainMenuIcon, .MainMenuIconClose {
        height: 40px;
    }

    .Hide {
        display:none;
    }

    .Evidenza {
        font-size:26px;
        color:#222;
    }

    .MainLogo {
      padding:0;
    }

    .SingleSlideContainerRight {
        margin-left:-200px;
    }

    .SingleSlideContainerLeft {
        width:265px;
    }

    .MobileMenuContainer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

	.MobileMenuInnerContainer {
		display:none;
	}

	.MobileMenu {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-bottom:25px;
	}

    .TopMenu {
        display:none;
    }

    #MobileMenuButton {
        margin-right: 20px;
    }

    .MainMenuInnerContainer {
        display: none;
        width:100%;
    }

    .TopMenuContainer {
        flex-direction:column;
    }

    .CalltoAction {
        background-color: transparent;
        color: #FF3939;
        border-radius: 10px;
        padding: 7px !important;
    }

    .TopMenuRight {
        display:none;
    }

    .InnerContainer {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .ListElementRow {
        flex-direction:column;
    }

    .SingleSlide {
        height: 400px !important; /* Overwrite slick slider style*/
    }

	.SingleSlideSubTitle {
		padding:0;
		padding-left:10px !important;
	}

	.BottomBannerContainer {
		flex-direction: column;
		text-align: center;
		padding-top: 20px;
	}

	.SingleSlideContainer {
		width: auto !important;
	}

    .FooterColumnContainer {
        flex-direction:column;
        text-align:center;
    }

	.PageContainer .wp-block-ugb-feature {
		height:auto !important;
	}

	.SingleSlideTitle {
		font-size:22px;
	}

    .PageContainer {
        width: 85% !important;
    }

	.PageContainerSmall {
		display:none !important;
	}

  .SearchBoxContainer {
    margin: 0;
  }

  .HomeContainer {
    padding-top:0 !important;
  }

  .ManualCoverSubTitle h1 {
    width: auto !important;
  }

  .ManualCoverImage  {
    height: 150px;
    padding-left:40px !important;
  }

	.IpadMockupHome1 {
		margin-top: 0 !important;
		position: relative !important;
		transform: rotate(0deg) !important;
		max-width:100% !important;
	}

	.SmallImageSlide {
		height:75px !important;
	}

	.ugb-feature .ugb-content-wrapper .ugb-feature__image-side img {

	}

  .HomePageContent {
    padding-top: 0 !important;
  }

	#SinglePageIframe {
		padding-left:20px !important;
		width: calc(100% - 20px) !important;
	}

    .PageContent p img {
        width:auto !important;
    }

    em {
        word-wrap: break-word;
    }

    .FlexRow {
        flex-direction: column !important;
    }

    .MainContainer {
      overflow-x: hidden !important;
    }


    .SubmitButton {
      width: 100%;
    }

    #searchform {
      width:100% !important;
      margin: 0 !important;
    }

    .SearchBoxInnerContainer .FlexRow {
      flex-direction: row !important;
    }

    .VersionDropDown {
      height: 30px !important;
    }

    .SearchBoxInnerContainer .FormField {
      margin-bottom: 0 !important;
    }

    .SearchBoxInnerContainer {
      display: none !important;
    }

    .PageContent img {
        width:100%;
        height: auto !important;
    }

    .Header {
        justify-content: space-around;
        height: auto !important;
        flex-wrap: wrap !important;
        padding-bottom:5px;
        box-shadow: 1px 3px 14px #222;
    }


    body .ManualCoverImage {
        width: 100% !important;
        padding:0 !important;
        font-size: 22px !important;
        margin-top: 0 !important;
        height: 220px;
    }

    .ManualCoverImage h1 {
        font-size: 22px !important;
    }

    .HomeColumnContainer {
        flex-direction: column;
    }

    .PageContainerInner {
        width: 100% !important;
    }

	.SmallSlider {
		width:100% !important;
	}

    #SidebarLeftButton {
        visibility: visible !important;
        width: 55px !important;
        left: unset;
        right: 0;
        border-radius: unset !important;
        top: 39px;
        height: 68px;
    }

    @keyframes LeftShow {
      from {left: -10px;}
      to {left:0px;}
    }

    .InnerNota {
      padding-left:15px !important;
      padding-right:15px !important;
    }

    .SidebarLeft {
        display:none;
        width: 96% !important;
    }

    #UtilitySidebarButton {
        right:5px;
    }

    .SearchBoxContainer {
      display:none !important;
    }

    .SidebarLeft .page_item a {
        font-size:18px;
    }

    body #SidebarLeftButtonClose i, body #UtilitySidebarButtonClose i {
      font-size: 25px !important;
    }

    body #SidebarLeftButtonClose, body #UtilitySidebarButtonClose {
        float: right;
        margin-right:15px !important;
    }

    .menu-item a {
        font-size:22px;
    }

    .UtilityContainer {
          align-items: flex-end !important;
          padding-right:10px;
    }

    body #SidebarLeftButton .fas {
      font-size:28px !important;
    }

    .MobileSearchButton {
      display: block;
      color: #fff;
      font-size: 22px;
      margin-right:20px;
    }

    .MobileSearchButton i {
      color: #fff;
      font-size: 22px !important;
    }

    .SearchBoxInnerContainerMobile {
      display: none;
      width: 100%;
    }

    .SearchBoxInnerContainerMobileOpen {
      display: flex !important;
    }

    .SearchBoxInnerContainerMobile .SubmitButton {
      background-color: #000 !important;
    }

    .MobileInputField {
      width: 148%;
      margin: 10px !important;
    }

    .SearchBoxInnerContainerMobile .FormField {
        margin: 0;
    }

    .SearchBoxInnerContainerMobile .FlexRow {
      flex-direction: row !important;
      justify-content: space-between;
    }

    .ManualContainerLabel {
      background-color:transparent !important;
      margin: 0 !important;
    }

    .SidebarLeftUtility {
      flex-direction: row !important;
      align-items: center !important;
      margin-bottom:20px;
    }

    .SidebarLeftFixed {
        position: fixed;
        top: 45px;
        background-color: #fff;
        left: 0;
        overflow-y: scroll;
        padding-top:30px !important;
        height: 90%;
    }

    .AllegatiDropDownList a {
        font-size: 22px;
    }

    .UtilitySidebar {
        width:100%;
        height:100%;
        background-color:#fff;
        position:fixed;
    }
}
