:root {
  --color01: #315753;
  --color02: #514344;
  --color03: #FFF;
  --color04: #d8e0dd;
  --color05: #f3eff7;
  --colorText: #23262a;
  --colorGrey: #8c8c93;
  --colorLightGrey: #c4c2c2;	
  --colorDarkGrey: #434343;
  --colorDarkerGrey: #000;
  --fontSize: 18px;
	
  --myFont: "Jost", sans-serif;
  --myFontHead: "Jost", sans-serif;
}

@media (max-width: 1240px) {

  #onclick-menu {
	position: absolute;
	right: 0;
	bottom: 0;
    z-index: 99;
    display: block;
    float: right;
    width: 40px;
    cursor: pointer;
    margin-bottom: 26px;
    font-size: 36px;
    outline: none;
    -moz-outline-style: none !important;
    -webkit-outline-style: none !important;
    -o-outline-style: none !important;
    color: var(--color01);
	text-align: right;
	margin-right: 0px;
  }
  header.sticky #onclick-menu {
    margin-bottom: 12px;
  }	
  #nav_mobile_content_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 120%;
    margin-left: -10%;
    margin-bottom: 7px;
    z-index: 98;
  }
  #nav_mobile_content {
    position: absolute;
    z-index: 99;
    top: 24px;
    right: 0px;
    width: 100%;
    z-index: 98;
    background-color: var(--color03);
  }
  #outer_click {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    z-index: 97;
  }
  #nav_mobile_content ul {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
  }
  #nav_mobile_content li {
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--color03);
  }
  #nav_mobile_content ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: var(--color01);
    font-size: (--fontSize);
    padding: 7px 0 6px 0;
    border-bottom: 1px solid var(--color01);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: var(--myFontHead);
    position: relative;
	font-weight: 400;
  }
  #nav_mobile_content ul ul li a {
    font-family: var(--myFontHead);
    font-size: var(--fontSize * 0.825);
    padding: 5px 0 4px 0;
    text-transform: none !important;
  }
  #nav_mobile_content ul li a:hover,
  #nav_mobile_content ul ul li a:hover {
    background-color: var(--color01);
    color: var(--color03);
	font-weight: 600;
  }
  #nav_mobile_content .current-menu-item a {
    background-color: var(--color01);
    color: var(--color03);
	font-weight: 600;
  }	
  #nav_mobile_content .current-menu-item li a {
    color: var(--color01);
    background-color: var(--color03);
  }
  #nav_mobile_content ul ul {
    /* display: none; */
  }
  #nav_mobile_content ul .current-menu-item ul,
  #nav_mobile_content ul .current-menu-ancestor ul {
    display: block;
  }
  #nav_mobile_content .fa {
    padding-right: 6px;
  }
  #nav_mobile_content a.sub-link:after {
    font-family: FontAwesome;
    content: "\25be";
    margin-right: 10px;
    color: var(--color03);
    padding-right: 5px;
    position: absolute;
    top: 6px;
    right: 6%;
    z-index: 99 !important;
    pointer-events: none;
  }
  #nav_mobile_content a.sub-link.closed-link:after {
    font-family: FontAwesome;
    content: "\25b8";
    z-index: 99;
  }
  
  /* larghezza dell'area cliccabile che lascia fuori la pseudoclasse con la freccia*/
  .goToPage{
    display:block;
    width:70%;
    margin:auto;
  }

  .ubermenu-responsive-toggle{
    display: none!important;
  }

}