/*F4B141 giallo*/ 
/*222C43 blu*/ 

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;500;700&display=swap');	
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');	
	html {
font-family: Roboto, Arial, sans-serif;  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #222C43;
  color: #666;
}
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
  margin: 0 0 20px 0;
font-family: 'Josefin Sans', Arial, sans-serif;  font-weight: normal;
  color: #222C43;
  text-transform: none;
}

.my-h1-heading {
  color: #666;
}
a,
.uk-link {
  color: #222C43;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #ba0601;
}
.colore-1 {
	background-color: #ffae10;
	/* 1 */
}
.grigio-1 {
	background-color: #EBECEE;
	/* 1 */
}
.colore-2 {
	background-color: #222C43;
	/* 1 */
}
.colore-2-soft {
	background-color: rgba(33, 43, 66, 0.5);
	/* 1 */
}
.colore-3 {
	background-color: #151b2a;
	/* 1 */
}
.color-colore-1 {
	color: #222C43;
	/* 1 */
}
.my-overaly-primary {
	background-color: rgba(0, 0, 0, 0.25);
	
}

.my-small-title {
	  text-transform: uppercase;
	  padding-top: 4px;
	  font-weight: 300;
	  border-radius: 5px;
	  font-size: 10px;
  }

.my-small-title-dark {
	  background-color: rgba(33, 43, 66, 0.4);
	  color: #606b83;
}
.my-small-title-light {
	  color: #ffffff;
	  background-color: #ffae10;
}

.my-card {
	box-shadow:  none !important;
	background: #EBECEE;
	  border-radius: 5px;
}
.my-card > .uk-card-header {
	border-bottom: 0 !important;
	background-color: #222C43 !important;
	
}

.my-button-secondary {
  background-color: #667ba0;
  color: #fff;
  border: 1px solid transparent;
	  border-radius: 5px;
}
/* Hover + Focus */
.my-button-secondary:hover,
.my-button-secondary:focus {
  background-color: #222C43;
  color: #fff;
}
/* OnClick + Active */
.my-button-secondary:active,
.my-button-secondary.uk-active {
  background-color: #151b2a;
  color: #fff;
}



.my-square-button {
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	background: #f8f8f8;
	color: #999;
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color;
	margin: 2px 0px 2px 2px;
}
.my-drop-language {
	width: 106px; 
	min-width: 106px;
	padding: 0px 2px 0px 0px;
}
.uk-light .my-square-button {
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
}

.my-square-button:hover, .my-square-button:focus {
	background-color: #ebebeb;
	color: #666;
	outline: none;
	text-decoration: none;
}

.my-square-button:active, .my-language > .my-square-button {
	background-color: #dfdfdf;
	color: #666;
}

.uk-light .my-square-button:hover, .uk-light .my-language-button:focus {
	background-color: rgba(242, 242, 242, 0.1);
	color: rgba(255, 255, 255, 0.7);
}

.uk-light .my-square-button:active {
	background-color: rgba(230, 230, 230, 0.1);
	color: rgba(255, 255, 255, 0.7);
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
font-family: "Open Sans", Arial, sans-serif;  font-weight: normal;
}
.uk-navbar-nav > li > a {
  color: #000000;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
  color: #ba0601;
 }
.uk-navbar-nav > li > a:active {
  color: #222C43;
}
.uk-navbar-nav > li.uk-active > a {
  color: #222C43;
}
.uk-navbar-item {
  color: #15698d;
}
.uk-navbar-toggle {
  color: #000000;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus,
.uk-navbar-toggle.uk-open {
  color: #15698d;
}

.navbar-large > li > a {
  padding: 0 30px;
}

.uk-light,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color),
.uk-card-primary.uk-card-body,
.uk-card-primary > :not([class*='uk-card-media']),
.uk-card-secondary.uk-card-body,
.uk-card-secondary > :not([class*='uk-card-media']),
.uk-overlay-primary,
.uk-offcanvas-bar {
  color: rgba(255, 255, 255, 0.9);
}

.uk-text-large {
  font-size: 1.35rem;
  line-height: 1.35;
}

.uk-list-striped > li:nth-of-type(odd) {
  background: #EBECEE;
}

.uk-notification {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	width: 350px !important;
	text-align: center;
	border: 1px solid #b8b8b8;
}

.uk-notification-message {
	padding: 40px;
	color: #333;
}