:root {
  --buses-1: #00478e;
  --buses-2: #446fe5;
  --buses-3: #ffffff;
  --buses-4: #333333;
  --buses-5: #eaeaea;
  --buses-6: #ffc740;
  --buses-7: #bbbbbb;	
}

/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/



body {
  color: var(--buses-4);
}

a:link {
  color: var(--buses-4);
}

a:visited {
  color: var(--buses-4);
}

a:hover {
  color: var(--buses-4);
}

a:focus-visible {
  outline: 5px solid var(--itravel-focus);
}

abbr {
  color: var(--buses-4);
}

audio:focus-visible {
  outline: 5px solid var(--itravel-focus);
}

audio figure a:link {
  color: var(--buses-4);
}

audio figure a:visited {
  color: var(--buses-4);
}

audio figure a:hover {
  color: var(--buses-4);
}

blockquote p {
  border-left: 8px solid var(--buses-1);
}

blockquote footer {
  background-color: var(--buses-1);
}

button {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1)!important;
  color: var(--buses-3);
}

button:disabled {
  background-color: var(--buses-5);
  border: 2px solid var(--home-5)!important;	
  color: var(--buses-7);
  cursor: not-allowed;
}

button:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

code {
  background: var(--buses-1);
  border: solid 1px var(--buses-3);
}

del {
  background-color: var(--buses-1);
  color: var(--buses-3);
}

footer {
  background: var(--buses-6);
  color: var(--buses-4);
}

footer a:link {
  color: var(--buses-4);
}

footer a:visited {
  color: var(--buses-4);
}

footer a:hover {
  color: var(--buses-4);
}

footer ul li {
  color: var(--buses-4);
}

footer ul li a:link {
  color: var(--buses-4);
}

footer ul li a:visited {
  color: var(--buses-4);
}

footer ul li a:hover {
  color: var(--buses-4);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--buses-1);
}

hgroup {
  border-left: 8px solid var(--buses-1);
}

iframe {
  border: 1px solid var(--buses-1);
}

input {
  color: var(--buses-4);
}

ins {
  background-color: var(--buses-1);
  color: var(--buses-3);
  text-decoration: none;
}

kbd {
  background-color: var(--buses-1);
  border: 1px solid var(--buses-1);
  color: var(--buses-3);
}

mark {
  background-color: var(--buses-3);
  color: var(--buses-4);
}

select {
  background-color: var(--buses-1);
  border: solid 2px var(--buses-1);
  color: var(--buses-3);
  text-decoration: underline var(--buses-3);
}

table {
  background-color: transparent;
  border: 2px solid var(--buses-1);
}

table thead tr th {
  border: 1px solid var(--buses-1);
  border-right: 1px solid var(--buses-3);
  color: var(--buses-3);
}

table tbody tr td {
  border: solid 1px var(--buses-1);
}

table tbody tr th {
  color: var(--buses-3);
  background-color: var(--buses-1);
  border-bottom: solid 1px var(--buses-3);
  border-left: solid 1px var(--buses-1);
  border-right: solid 1px var(--buses-1);
}

table tr th {
  background-color: var(--buses-1);
  border-right: 1px solid var(--buses-3);
  color: var(--buses-3);
}

table tbody tr td.row-gap {
  background-color: var(--buses-1);
  border-top: solid 1px var(--buses-1);
}

table tfoot tr th {
  background-color: var(--buses-1);
  border-left: 1px solid var(--buses-1);
  border-right: 1px solid var(--buses-1);
  border-bottom: 1px solid var(--buses-3);
}

table tfoot tr td {
  background-color: var(--buses-1);
  color: var(--buses-3);
}

textarea {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
}

textarea:hover {
  border-color: var(--buses-1);
}


/*------------------------------------*\
  # ID STYLES
\*------------------------------------*/

#flash-message-alert-warning-announcement {
  background-color: var(--buses-1);
}

#flash-message-alert-warning-announcement .alert--error {
  background-color: var(--buses-1);
  color: var(--buses-3);
}

#flash-message-alert-warning-announcement h2 {
  color: var(--buses-3);
}

#flash-message-alert-warning-announcement p {
  color: var(--buses-3);
}

#flash-message-alert-warning-announcement .alert__link:link .alert-div {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
  font-family: var(--font1);
  transition: .3s;
}

#flash-message-alert-warning-announcement .alert__link:visited .alert-div {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

#flash-message-alert-warning-announcement .alert__link:hover .alert-div {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-3);
  color: var(--buses-3);
}

#nav {
  border-bottom: 1px solid var(--buses-1);
  background-color: var(--buses-1);
  border-top: 1px solid var(--buses-1);
}

#nav #js-menu-toggle li a:link {
  color: var(--buses-3);
}

#nav #js-menu-toggle li a:visited {
  color: var(--buses-3);
}

#nav #js-menu-toggle li a:hover {
    background-color: var(--buses-3);
    color: var(--buses-1);
}

#nav #js-menu-toggle li.menuActive a {
    background-color: var(--buses-3);
    color: var(--buses-1);
}

#navButton .toggle:before {
  background: var(--buses-1);
  color: var(--buses-3);
}

#navButton .toggle.close:before {
  border: 5px solid var(--buses-1);
}

#navPanel {
  backface-visibility: hidden;
  background: var(--buses-1);
  border-bottom: 1px solid var(--buses-3);
  border-top: solid 1px var(--buses-3);
}

#navPanel nav .link {
  border-bottom: 1px solid var(--buses-3);
}

#navPanel nav ul li a:link {
  color: var(--buses-3);
}

#navPanel nav ul li a:visited {
  color: var(--buses-3);
}

#navPanel nav ul li a:hover {
  color: var(--buses-3);
}


/*------------------------------------*\
  # CLASS STYLES
\*------------------------------------*/

.alert {
  border: 2px solid var(--buses-1);
}


.alert {
  border: 2px solid var(--home-1);
}

.alertBox {
  background-color: var(--home-1);
  color: var(--home-4);
}

.alert--site-announcement {
  background-color: var(--buses-1);
  border-color: var(--buses-1);
  color: var(--buses-3);
}

.alert--danger {
  background-color: var(--buses-1);
  border-color: var(--buses-1);
  color: var(--buses-3);
}

.alert--galaxy {
  background-color: var(--buses-1);
  color: var(--buses-1);
}

.alert--information {
  background-color: var(--buses-1);
  border-color: var(--buses-1);
  color: var(--buses-3);
}

.alert--warning {
  background-color: var(--buses-1);
  border-color: var(--buses-1);
  color: var(--buses-3);
}

.alert--success {
  background-color: var(--buses-1);
  border-color: var(--buses-1);
  color: var(--buses-3);
}

.aside__section form {
  border: 1px solid var(--buses-4);
}

.border-logo {
	border: 1px solid var(--buses-4);
}

a.button.button--primary:link {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

a.button.button--primary:visited {
	  color: var(--buses-3);
}

a.button.button--primary:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.button.alt:active {
  background-color: var(--buses-1);
}

.button.alt.icon:before {
  color: var(--buses-1);
}

.button:active {
  background-color: var(--buses-1);
}

.button:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.button.alt {
  color: var(--buses-1);
}

.button.alt.icon:before {
  color: var(--buses-1);
}

.button.disabled {
  background-color: var(--buses-5);
}

.form__control #search-site {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-4);
}

.site-search .form__control .button {
  background-color: var(--buses-1);
  color: var(--buses-3);
}

.itravel-announcement {
  background-color: var(--buses-1);
  color: var(--buses-3);
  padding: 2rem;
}

.itravel-announcement p {
  color: var(--buses-3);
}

.itravel-announcement p a:link {
  color: var(--buses-3);
}

.itravel-announcement p a:visited {
  color: var(--buses-3);
}

.itravel-announcement p a:hover {
  color: var(--buses-3);
}

.listing--featured {
  border-bottom: 1px solid var(--buses-1);
}

.nav--pages-in {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

#pages-in-list {
	  color: var(--buses-1);
}

.news-list .aside__section {
  border: 1px solid var(--buses-1);
}

.pagination__item--next a:link {
  color: var(--buses-1);
}

.pagination__item--next a:visited {
  color: var(--buses-1);
}

.pagination__item--next a:hover {
  border: none;
  color: var(--buses-2);
}

.pagination__item--previous a:link {
  color: var(--buses-1);
}

.pagination__item--previous a:visited {
  color: var(--buses-1);
}

.pagination__item--previous a:hover {
  border: none;
  color: var(--buses-2);
}

.search-results li {
  border-bottom: 1px solid var(--buses-1);
}

#js-search {
  background-color: var(--buses-3);
}

header .col-12-mobilep input.button--primary {
  background-color: var(--buses-1);
  color: var(--buses-3);
}


/*------------------------------------*\
  #ADVERT SUPPLEMENT
\*------------------------------------*/

.supplement--advert {
  border: 2px solid var(--buses-1);
}

.supplement--advert .supplement__content a:link {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.supplement--advert .supplement__content a:visited {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.supplement--advert .supplement__content a:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}


/*------------------------------------*\
  #CONTACT SUPPLEMENT
\*------------------------------------*/

.supplement--contact {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  margin-bottom: 20px;
  padding: 15px;
}

.supplement--contact .supplement__content .list--navigation li a:link {
	background: none;
	color: var(--buses-4)!important;
}

.supplement--contact .supplement__content .list--navigation li a:visited {
	color: var(--buses-4)!important;
}


/*----------------------------------------*\
  #CYC CUSTOM INFORMATION SUPPLEMENT
\*----------------------------------------*/

.cyc-supplement {
	border: 2px solid var(--buses-1);
}


/*----------------------------------------*\
  #FURTHER INFORMATION SUPPLEMENT
\*----------------------------------------*/

.supplement--further-info {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  margin-bottom: 20px;
  padding: 15px;
}

.supplement--further-info h2.supplement__heading {
  color: var(--buses-3);
}

.supplement--further-info p.supplement__text {
  color: var(--buses-3);
}

.supplement--further-info a.button--secondary:link {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.supplement--further-info a.button--secondary:visited {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.supplement--further-info a.button--secondary:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}


/*------------------------------------*\
  #IMAGE SUPPLEMENT
\*------------------------------------*/

.supplement--image {
  background-color: var(--buses-1);
  border: 1px solid var(--home-1);
  margin-bottom: 20px;
  padding: 15px;
}

.supplement--image .supplement__content a:link {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-3);
  color: var(--buses-1);
}

.supplement--image .supplement__content a:visited {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-3);
  color: var(--buses-1);
}

.supplement--image .supplement__content a:hover {
  background-color: var(--buses-2);
  border: 2px solid var(--buses-2);
  color: var(--buses-3);
}

.supplement__text {
  color: var(--buses-3);	
}


/*------------------------------------*\
  #NAVIGATION SUPPLEMENT
\*------------------------------------*/

.supplement--navigation {
  background-color: var(--buses-3);
  border: 1px solid var(--buses-1);
  border-top: 30px solid var(--buses-1);
}

.supplement--navigation ul li {
  border-top: 1px solid var(--buses-1);
}

.supplement--navigation ul li a:link {
  color: var(--buses-1);
  text-decoration: none;
}

.supplement--navigation ul li a:visited {
  color: var(--buses-1);
  text-decoration: none;	
}

.supplement--navigation ul li a:hover {
  background-color: var(--buses-1);
  color: var(--buses-3);
  text-decoration: none;	
}

.supplement--navigation #menuid .menuActive a {
  background-color: var(--buses-2);
  color: var(--buses-3);
}


/*------------------------------------*\
  #WIDGET BOX-OUT
\*------------------------------------*/

.box-out a:link {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
  text-decoration-color: var(--buses-3);
}

.box-out a:visited {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
  text-decoration-color: var(--buses-1);
}

.box-out a:hover {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
  text-decoration-color: var(--buses-3);
}

.box-out a:link h2 {
  color: var(--buses-1);
}

.box-out a:visited h2 {
  color: var(--buses-1);
}

.box-out a:hover h2 {
  color: var(--buses-3);
}


/*------------------------------------*\
  #WIDGET CALENDAR
\*------------------------------------*/


/*------------------------------------*\
  #WIDGET DIRECTORY HOME
\*------------------------------------*/

.widget-directory-search .widget-inner form button {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.widget-directory-search .widget-inner form button:hover {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.widget-directory-search .widget-inner a:link {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.widget-directory-search .widget-inner a:visited {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.widget-directory-search .widget-inner a:hover {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}


/*------------------------------------*\
  #WIDGET DOCUMENTS HOME
\*------------------------------------*/


/*------------------------------------*\
  #WIDGET IMAGE HOME
\*------------------------------------*/

.widget-image a:link p.image__caption {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
  margin: 0;
  padding: 8px;
  text-decoration: underline;
  text-decoration-style: solid;
}

.widget-image a:visited p.image__caption {
  background-color: var(--buses-1);
  border: 2px solid var(--buses-1);
  color: var(--buses-3);
}

.widget-image a:hover p.image__caption {
  background-color: var(--buses-3);
  border: 2px solid var(--buses-1);
  color: var(--buses-1);
}

.widget-image a:focus p.image__caption {
  border: 3px solid var(--buses-1);
}


/*------------------------------------*\
  #WIDGET LATEST NEWS
\*------------------------------------*/


/*------------------------------------*\
  #WIDGET MIDDLE ADVERT
\*------------------------------------*/

.widget-middle-advert {
  background-color: var(--buses-1);
}

.widget-middle-advert .widget__subheading a:link {
  color: var(--buses-3);
}

.widget-middle-advert .widget__subheading a:visited {
  color: var(--buses-3);
}

.widget-middle-advert .widget__subheading a:hover {
  color: var(--buses-1);
}

.widget-middle-advert .widget__subheading-child {
  color: var(--buses-3);
}

.widget-middle-advert p {
  color: var(--buses-1);
}


/*------------------------------------*\
  #WIDGET NAVIGATION
\*------------------------------------*/


/*------------------------------------*\
  #WIDGET RIGHT ADVERT
\*------------------------------------*/

.widget-right-advert {
  background-color: var(--buses-1);
}


/*------------------------------------*\
  #WIDGET SITEMAP
\*------------------------------------*/


/*------------------------------------*\
  #MEDIA SCREEN MIN 760PX
\*------------------------------------*/

@media screen and (min-width: 760px) {
  
  #header {
    background: var(--buses-3);
    color: var(--buses-1);
  }
  
  #js-search {
    background: var(--buses-3);
  }
  
  #js-search div.col-9 #search-site-header {
    border: 2px solid var(--buses-1);
    color: var(--buses-1);
  }
  
  #js-search .button--primary {
    background-color: var(--buses-1);
    border: 2px solid var(--buses-1);
    color: var(--buses-3);
  }
  
  #js-search .button--primary:hover {
    background-color: var(--buses-3);
    border: 2px solid var(--buses-1);
    color: var(--buses-1);
  }
  
  
}
