@import url("//fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&display=swap");

body
{
    font-family:'Noto Sans', sans-serif !important;
    font-size: 14px!important;
    color: #000000!important;
    font-weight: normal;
	background: transparent;
}
.wrapper {
    padding: 0;
    max-width: 858px;
    margin: 0 auto;
    width: 100%;
}
.tabItem {
	height: auto;
	line-height: normal;
	
	margin: 0.0em 0.08em 0.0em 0.08em;
	
	padding-top: 0.5em !important;
    padding-right: 2.0em;    
	padding-bottom: 0.5em !important;
    padding-left: 0em;
    
	 font-family:'Noto Sans', sans-serif !important;
	font-weight: normal;
	font-size: 1.2em;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	
	border-radius: 0.0em 0.0em 0.0em 0.0em;
	
	border-top: 0em solid #F2F2F2;
	border-right: 0em solid #F2F2F2;
	border-bottom: 0em solid #F2F2F2;
	border-left: 0em solid #F2F2F2;
	
    background: transparent;
    color: #1A1A1A;
	
	transition: background 0.5s, color 0.5s, border 0.5s;
	
} 
.tab-active {
	background: transparent;
	color: #FF7300;	
	border-top: 0em solid #F2F2F2;
	border-right: 0em solid #F2F2F2;
	border-bottom: 0em solid #F2F2F2;
	border-left: 0em solid #F2F2F2;
}

a.tabItem:hover {
	
}
.tabs {
	line-height: normal;
	height: auto;
	border-bottom: solid 1px #E1E1E1;
    background-color:transparent!important;
}
.btn-subscribe,
.btn-submit,
btn-cancel,
.btn-default {
	height: auto;
	line-height: normal;	
	margin: 0px;
	
	font-family:'Noto Sans', sans-serif !important;
	font-size: 1.0em;
	font-weight:500;
	color: #0f172b !important;
	text-transform: inherit;
	
	padding:14px 25px;
	
	border: 1px solid #0f172b;	
	border-radius: 4px;
	
    background: transparent;
   min-width: 118px !important;
	
	
}

.btn-subscribe:active,
.btn-submit:active,
btn-cancel:active,
.btn-default:active,
.btn-subscribe:active,
.btn-subscribe:focus {
    background-color:  #0f172b !important;
    color: #fff !important;
}
.btn-subscribe:hover, .btn-submit:hover, btn-cancel:hover, .btn-default:hover
{

    background-color: #0f172b;
    color: #fff !important;
    border-color: #0f172b;
   
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
  background-color:#2e2d33;
  border-color:#2e2d33;
}
.eupagination > .active > a,
.eupagination > .active > span,
.eupagination > .active > a:hover,
.eupagination > .active > span:hover,
.eupagination > .active > a:focus,
.eupagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background: #FF7300;
    border-color:#FF7300;
}

.eupagination > li > a,
.eupagination > li > span {
    color: #191919;
    background: transparent;
}
.next-event {
	font-size: 14px !important;
}
a.hyperlink, .disclaimer-box a, .cookies-box a {
    text-decoration: underline !important;
color: #516e82;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
    text-decoration: underline !important;
    color: #516e82;
}
.tabs li {
    margin: 0 3px 0px 0!important;
}
@media (max-width: 400px){
    .tabs{
        text-align: center;
        
    }
    .tabs li{
        max-width: 85%;
        margin: 3px auto !important;
        float: none;
    }

    .tabs li a {
        width: 100%;
        box-sizing: border-box;
    }
    .tabItem{
        border: 0.08em solid #D9D9D9;
        padding: 5px 0.5em!important;
    }
    .tab-active,
    .tab-active:hover,
    .tabItem:hover, 
    .tabItem:active{
        border: 0.08em solid #D9D9D9;
    }
    .tabs {
        border:0;
    }
}
.eupagination > .disabled > span,
.eupagination > .disabled > span:hover,
.eupagination > .disabled > span:focus,
.eupagination > .disabled > a,
.eupagination > .disabled > a:hover,
.eupagination > .disabled > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: #ddd;
}
.color-dot-box{
    font-family:'Noto Sans', sans-serif !important;
}