:root {
  --color01: #0c244f;
  --color02: #eca834;
  --color03: #FDF8F8;
  --color04: #FFF;
  --color05: #0089cc;
  --colorText: #222222;
  --colorGrey: #000000;
  --colorGreyNew: #545964;	
  --colorLightGrey: #8d8d8d;
  --colorDarkGrey: #2b2b2b;
  --fontSize: 18px;

  --myFont: 'Kanit', serif;
  --myFontHead: 'Kanit', cursive;
}

#onclick-menu, #nav_mobile_content {
	display: none;
}

@media (max-width: 1024px) {

  #onclick-menu {
	position: absolute;
	right: 0;
	top: 0;
    z-index: 99;
    display: block;
    float: right;
    width: 40px;
    cursor: pointer;
    margin-top: 17px;
    font-size: 30px;
    outline: none;
    -moz-outline-style: none !important;
    -webkit-outline-style: none !important;
    -o-outline-style: none !important;
    color: var(--color03);
	text-align: right;
	margin-right: 0px;
  }
  #nav_mobile_content_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 120%;
    margin-left: -10%;
    margin-bottom: 0px;
  }
  #nav_mobile_content {
    position: absolute;
    z-index: 99;
    top: 18px;
    right: 0px;
    width: 100%;
    background-color: var(--color05);
  }
  #outer_click {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    z-index: 98;
  }
  #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(--color01);
  }
  #nav_mobile_content ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: var(--color03);
    font-size: (--fontSize);
    padding: 6px 0 5px 0;
    border-top: 1px solid var(--color05);
    -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;
  }
  #nav_mobile_content ul ul li a {
    font-family: var(--myFontHead);
    font-size: var(--fontSize * 0.825);
    padding: 4px 0 3px 0;
    text-transform: none !important;
  }
  #nav_mobile_content ul li a:hover,
  #nav_mobile_content ul ul li a:hover,
  #nav_mobile_content .current-menu-item a {
    background-color: var(--color05);
    color: var(--color03);
  }
  #nav_mobile_content .current-menu-item li a {
    color: var(--colorText);
    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(--color02);
    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;
  }

}