:root {
  --color01: #275598;
  --color02: #bd9c69;
  --color03: #FFF;
  --color04: #FFF;
  --color05: #005c72;
  --colorText: #161615;
  --colorGrey: #161615;
  --colorGreyNew: #161615;	
  --colorLightGrey: #161615;
  --colorDarkGrey: #161615;
  --fontSize: 18px;

  --myFont: 'Montserrat', serif;
  --myFontHead: 'Montserrat', cursive;
}
@media (max-width: 620px) {
  #onclick-menu {
    margin-bottom: 2px;
	}
}
@media (max-width: 400px) {
  #onclick-menu {
    margin-bottom: -10px;
	}
}
@media (max-width: 1340px) {

  #onclick-menu {
	position: absolute;
	right: 0;
	bottom: 0;
    z-index: 99;
    display: block;
    float: right;
    width: 40px;
    cursor: pointer;
    margin-botom: -2px;
    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;
  }
  #nav_mobile_content_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 120%;
    margin-left: -10%;
    margin-bottom: 5px;
    z-index: 98;
  }
  #nav_mobile_content {
    position: absolute;
    z-index: 99;
    top: 21px;
    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 .premium_item a:hover{
  background-color: #cfae1e;
  color: white;	  
	}	
  #nav_mobile_content ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: var(--color01);
    font-size: (--fontSize);
    padding: 6px 0 5px 0;
    border-top: 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: 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(--color01);
    color: var(--color03);
	font-weight: 700;
  }
  #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(--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;
  }
  #nav_mobile_content .current-menu-ancestor a.sub-link:after , #nav_mobile_content .current-menu-ancestor a.sub-link.closed-link:after {
    color: var(--color01);
  }	
  
  /* 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;
  }

}
