/* Styles shared among all language versions - utility and fixes */

/** CLEARFIX **/
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.clear { clear: both; }

/* Enable gradients, border-radius and box-shadows on older IE versions */
.pie { behavior: url(css/PIE.htc); } /* Class to enable css PIE on IE */
.relative { position: relative; } /* PIE fix */

/* IOS MENU FIX */
a.close-fix {
  display: none;
/*  background: rgba(255,255,255,0.5); */
  z-index: 2;
}
#share:hover + a.close-fix,
#menu:hover + a.close-fix,
#c43-image:hover + a.close-fix {
  position: fixed;
  width: 200%;
  height: 200%;
  display: block;
  cursor: pointer;
  left: -20%;
  top: -20%;
}

/* Classes to hide/show page elements depending on the viewport size */
/********************************* PHONE *************************************/
@media all and (max-width: 759px) {
	.hide-on-mobile {
		display: none !important; 
	}
	.show-on-mobile {
		display: block !important; 
	}
	.inline.show-on-mobile {
		display: inline !important; 
	}
}

/********************************* TABLET *************************************/
@media all and (min-width: 760px) and (max-width: 1249px) {
	.hide-on-tablet {
		display: none !important; 
	}
	.show-on-tablet {
		display: block !important; 
	}
	.inline.show-on-tablet {
		display: inline !important; 
	}
}

/********************************* DESKTOP *************************************/
@media all and (min-width: 1250px) {
	.hide-on-desktop {
		display: none !important; 
	}
	.show-on-desktop {
		display: block !important; 
	}
	.inline.show-on-desktop {
		display: inline !important; 
	}
}