/* ROOT SIZE AND COLORS */

:root {

/*ABOUT COLORS */
  --about: #6d8f10;
  --about-f: invert(61%) sepia(68%) saturate(6113%) hue-rotate(52deg) brightness(98%) contrast(87%);
  --relocation: #9d3553;
  --relocation-f: invert(33%) sepia(8%) saturate(6079%) hue-rotate(297deg) brightness(85%) contrast(93%);
  --lifestyle: #d54208;
  --lifestyle-f: invert(34%) sepia(31%) saturate(3199%) hue-rotate(351deg) brightness(91%) contrast(107%);
  --maritime: #077284;
  --maritime-f: invert(30%) sepia(27%) saturate(4040%) hue-rotate(161deg) brightness(92%) contrast(94%);
  --area: #702671;
  --area-f: invert(19%) sepia(15%) saturate(7169%) hue-rotate(273deg) brightness(94%) contrast(93%);
  --doingbiz: #2c3579;
  --doingbiz-f: invert(15%) sepia(19%) saturate(6628%) hue-rotate(221deg) brightness(99%) contrast(88%);
  --finance: #146865;
  --finance-f: invert(31%) sepia(35%) saturate(1177%) hue-rotate(130deg) brightness(89%) contrast(84%);
  --events: #817b53;
  --events-f: invert(48%) sepia(10%) saturate(1307%) hue-rotate(15deg) brightness(95%) contrast(83%);

/*GEN SITE COLORS*/
  --travel: #529935;
  --travel-f: invert(48%) sepia(71%) saturate(401%) hue-rotate(58deg) brightness(93%) contrast(92%);
  --stay: #702671;
  --stay-f: invert(20%) sepia(30%) saturate(3698%) hue-rotate(273deg) brightness(87%) contrast(93%);
  --comp: #146865;
  --comp-f: invert(31%) sepia(98%) saturate(324%) hue-rotate(129deg) brightness(90%) contrast(98%);
  --eat: #d54208;
  --eat-f: invert(27%) sepia(75%) saturate(3525%) hue-rotate(10deg) brightness(93%) contrast(94%);
  --gen: #2c3579;
  --gen-f: invert(18%) sepia(39%) saturate(2044%) hue-rotate(210deg) brightness(99%) contrast(95%);
  --prop: #9d3553;
  --prop-f: invert(28%) sepia(11%) saturate(5204%) hue-rotate(301deg) brightness(93%) contrast(91%);

/*OTHER COLORS*/
  --white: #fff;
  --white-f: invert(100%) sepia(0%) saturate(1%) hue-rotate(248deg) brightness(104%) contrast(101%);
  --black: #000;
  --black-f: invert(14%) sepia(0%) saturate(1%) hue-rotate(162deg) brightness(86%) contrast(78%);
  --gold: #8d896f;
  --gold-f: invert(59%) sepia(30%) saturate(231%) hue-rotate(14deg) brightness(86%) contrast(92%);
  --yellow: #e9cb51;
  --yellow-f: invert(77%) sepia(9%) saturate(2958%) hue-rotate(355deg) brightness(100%) contrast(103%);
  --grey: #777;
  --grey-f: invert(54%) sepia(9%) saturate(16%) hue-rotate(325deg) brightness(84%) contrast(86%);

}

/* IMAGE FILTERS */
.travel-f img {
  filter: var(--travel-f);
}

.stay-f img {
  filter: var(--stay-f);
}

.comp-f img {
  filter: var(--comp-f);
}

.eat-f img {
  filter: var(--eat-f);
}

.gen-f img {
  filter: var(--gen-f);
}

.prop-f img {
  filter: var(--prop-f);
}

.events-f img {
  filter: var(--events-f);
}

.white-f img {
  filter: var(--white-f);
}

.black-f img {
  filter: var(--black-f);
}

.gold-f img {
  filter: var(--gold-f);
}

.yellow-f img {
  filter: var(--yellow-f);
}

.grey-f img {
  filter: var(--grey-f);
}

/*ABOUT PAGES*/
.about_gibraltar_c, .about_gibraltar_es_c {
  color: var(--about) !important;
}

.about_gibraltar_bg, .about_gibraltar_es_bg {
  background-color: var(--about);
}

.about_gibraltar_bd, .about_gibraltar_es_bd {
  border-color: var(--about) !important;
}

.about_gibraltar_f img, .about_gibraltar_es_f img {
  filter: var(--about-f);
}

.relocation_c, .relocation_es_c {
  color: var(--relocation) !important;
}

.relocation_bg, .relocation_es_bg {
  background-color: var(--relocation);
}

.relocation_bd, .relocation_es_bd {
  border-color: var(--relocation) !important;
}

.relocation_f img, .relocation_es_f img {
  filter: var(--relocation-f);
}

.lifestyle_c, .lifestyle_es_c {
  color: var(--lifestyle) !important;
}

.lifestyle_bg, .lifestyle_es_bg {
  background-color: var(--lifestyle);
}

.lifestyle_bd, .lifestyle_es_bd {
  border-color: var(--lifestyle) !important;
}

.lifestyle_f img, .lifestyle_es_f img {
  filter: var(--lifestyle-f);
}

.maritime_c, .maritime_es_c {
  color: var(--maritime) !important;
}

.maritime_bg, .maritime_es_bg {
  background-color: var(--maritime);
}

.maritime_bd, .maritime_es_bd {
  border-color: var(--maritime) !important;
}

.maritime_f img, .maritime_es_f img {
  filter: var(--maritime-f);
}

.area_info_c, .area_info_es_c {
  color: var(--area) !important;
}

.area_info_bg, .area_info_es_bg {
  background-color: var(--area);
}

.area_info_bd, .area_info_es_bd {
  border-color: var(--area) !important;
}

.area_info_f img, .area_info_es_f img {
  filter: var(--area-f);
}

.doing_business_c, .doing_business_es_c {
  color: var(--doingbiz) !important;
}

.doing_business_bg, .doing_business_es_bg {
  background-color: var(--doingbiz);
}

.doing_business_bd, .doing_business_es_bd {
  border-color: var(--doingbiz) !important;
}

.doing_business_f img, .doing_business_es_f img {
  filter: var(--doingbiz-f);
}

.finance_centre_c, .finance_centre_es_c {
  color: var(--finance) !important;
}

.finance_centre_bg, .finance_centre_es_bg {
  background-color: var(--finance);
}

.finance_centre_bd, .finance_centre_es_bd {
  border-color: var(--finance) !important;
}

.finance_centre_f img, .finance_centre_es_f img {
  filter: var(--finance-f);
}

/*TRAVEL PAGES*/

.travel_c {
  color: var(--travel) !important;
}

.travel_bd {
  border-color: var(--travel) !important;
}

.travel_bg {
  background-color: var(--travel) !important;
}

/*PROPERTY*/

.prop_bg {
  background-color: var(--prop) !important;
}

.prop_c {
  color: var(--prop) !important;
}

.prop_bd {
  border-color: var(--prop) !important;
}

/*COMPANIES*/

.gold_c {
  color: #8d896f !important;
}

.comp_c {
  color: var(--comp) !important;
}

.comp-grad {
  background-image: linear-gradient(rgba(20,104,101,1), rgba(169,157,27,1)) !important;
}

.comp_bg {
  background-color: var(--comp) !important;
}

.comp_bd {
  border-color: var(--comp) !important;
}

.comp-box {
  border: none !important;
  background-color: #f0f0f0 !important;
  box-shadow: 4px 4px 4px #ccc !important;
}

.comp-light-bg {
  background-color: #d8edec !important;
  box-shadow: 4px 4px 4px #ccc !important;
}

.comp-more {
  background-color: #86266f !important;
}

/*RESTAURANTS*/

.eat_c {
  color: var(--eat) !important;
}

.eat_bg, .where_eat, .where_eat_es {
  background-color: var(--eat);
}

.eat_bd {
  border-color: var(--eat) !important;
}

.eat-light-bg {
  background-color: #ffe7cb !important;
}

.eat-more {
  background-color: #197b30 !important;
}


/*STAY*/

.stay_c {
  color: var(--stay) !important;
}

.where_stay, .where_stay_es, .where_stay_hotels, .where_stay_hotels_es,
.where_stay_self_cat, .where_stay_self_cat_es,
.where_stay_hostels, .where_stay_hostels_es {
  background-color: var(--stay) !important;
}

.stay-border {
  border-color: var(--stay) !important;
}

/*OTHER CATS*/

.events_bg, .events_es_bg {
  background-color: var(--events);
}

.gen_info_c {
  color: var(--gen);
}

.gen_info_bg, .gen_info_es_bg, .gen_info, .gen_info_es {
  background-color: var(--gen);
}

.beaches_bays, .beaches_bays_es {
  background-color: #077284;
}

.europa_point, .europa_point_es {
  background-color: #d1092f;
}

.additional_info, .additional_info_es {
  background-color: #572b11;
}

.history_heritage, .history_heritage_es {
  background-color: #9d7d30;
}

.tours_activities, .tours_activities_es {
  background-color: #009470;
}

.upper_rock, .upper_rock_es {
  background-color: #9f482b;
}

.wildlife_nature, .wildlife_nature_es {
  background-color: #577635;
}

.dolphin_whale, .dolphin_whale_es, .scuba_diving_cat, .scuba_diving_cat_es, .sailing_cat, .sailing_cat_es {
  background-color: #077284;
}