/* Custom CSS */
body {
  font-size: 13px;
  line-height: 1.7em;
  font-family: Ubuntu, Helvetica,Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Ropa Sans;
    font-weight: normal;
}

ul, ol {
    /*display: inline-block;*/
}

ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss {
    list-style: none outside none;
    margin: 0 0 15px 20px;
    padding: 0;
}

ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before {
  font-family: FontAwesome;
    margin-right: 6px;
}

ul.tick li:before {
    content: "\f00c";
}


#rt-header .menu-block {
    margin: 0;
    padding: 12px 0;
}

.gf-menu.l1 > li > .item {
    text-transform: uppercase;
}

.gf-menu .item {
  color: rgba(255,255,255, 0.7);
    font-family: Ropa Sans,Arial,Helvetica,sans-serif;
    text-shadow: none;
}

.gf-menu li:hover > .item {
    text-shadow: none;
}

.gf-menu li:hover, .gf-menu li.active:hover {
    box-shadow: none;
}

.gf-menu .dropdown, .gf-menu .dropdown li:hover > .flyout {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

.gf-menu .dropdown ul li:hover > .item {
  background: none repeat scroll 0 0 #b20000;
}

#rt-top-surround {
    border-bottom: 1px solid #333;
  background: -moz-linear-gradient(90deg, #3e3e3e 0%, #4e4e4e 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, 90deg, color-stop(0%, #3e3e3e), color-stop(100%, #4e4e4e));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(90deg, #3e3e3e 0%, #4e4e4e 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(90deg, #3e3e3e 0%, #4e4e4e 100%);/* Opera 11.10+ */
  background: -ms-linear-gradient(90deg, #3e3e3e 0%, #4e4e4e 100%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#4e4e4e', GradientType='0'); /* for IE */
  background: linear-gradient(0deg, #3e3e3e 0%, #4e4e4e 100%);/* W3C */
  z-index: 1000;
}

#rt-breadcrumbs {
  margin-top: 64px;
  background: #ffffff
}

@media only screen and (max-width: 767px) {
  #rt-breadcrumbs {
    margin-top: 126px;
  }
  #jPanel_225{
    top: 130px;
  }
}

#rt-breadcrumbs .rt-block {
    padding: 0 15px;
}

#rt-breadcrumbs a {
    font-size: inherit;
}

.breadcrumb {
    background-color: transparent;
}

.breadcrumb .divider {
    padding: 0px;
}

#rt-breadcrumbs span.nolink:after {
  color: #AAAAAA;
  font-family: FontAwesome;
    content:  "\f054";
    margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  #rt-showcase {
    margin-top: 126px;
  }
}

.lang-sw {
    margin: 0;
    padding: 0;
  float: left;
}

.rt-block.maps {
    padding-top: 0px;
}

#rt-footer h2.title {
  font-size: 22px;
}

#rt-footer h4:before {
  font-size: 20px;
    margin-right: 6px;
}

#rt-footer ul.menu {
  list-style: none;
}

#rt-footer ul.menu li a, #rt-footer ul.menu li .item, #rt-footer ul.menu li .separator {
    font-size: 1em;
    font-weight: normal;
}

/*-------- SIZES --------*/

.half-width {
  width: 49%;
}

.third-width {
  width: 32%;
}

.two-thirds-width {
  width: 65%;
}

.quarter-width {
  width: 24%;
}

.three-quarters-width {
  width: 74%;
}

/*-------- SHAPES & LAYOUTS --------*/

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.rounded {
  -moz-border-radius: 5px;/*Firefox*/
  -webkit-border-radius: 5px;/*Safari, Chrome*/
  border-radius: 5px;
  padding:10px;
}

.rounded p {
  margin: 0px;
}

img.lefted {
    float: left;
    margin-right: 15px;
}

img.righted {
    float: right;
    margin-left: 15px;
}

img.framed {
    margin-bottom: 15px;
  border:1px solid #ccc;
  padding:1px;
  width: 400px;
  background:none #fff;
  -moz-border-radius: 5px;/*Firefox*/
  -webkit-border-radius: 5px;/*Safari, Chrome*/
  border-radius: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)";/*IE 8*/
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);/*FF 3.5+*/
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=rgba(0,0,0,0.5)); /*IE 5.5-7*/

}

/*-------- COLOURS --------*/

.grey {
  border:1px solid #ccc;
  background-color:#e0e0e0;
  color:#6f6f6f;
}

.darkgrey {
  border:1px solid #4f4f4f;
  background-color:#6f6f6f;
  color:#fff;
}

.cyan {
  border:1px solid #9ddaee;
  background-color:#c3e9f5;
  color:#088eb9;
}

.darkcyan {
  border:1px solid #077497;
  background-color:#088eb9;
  color:#fff;
}

.blue {
  border:1px solid #a3b2e4;
  background-color:#c5cfef;
  color:#3560b7;
}

.darkblue {
  border:1px solid #234ea6;
  background-color:#3560b7;
  color:#fff;
}

.purple {
  border:1px solid #d4a3e4;
  background-color:#e5c5ef;
  color:#8f30bd;
}

.darkpurple {
  border:1px solid #63188e;
  background-color:#8f30bd;
  color:#fff;
}

.red {
  border:1px solid #e4a3a3;
  background-color:#efc5c5;
  color:#a72f2f;
}

.darkred {
  border:1px solid #8f1818;
  background-color:#a72f2f;
  color:#fff;
}

.orange {
  border:1px solid #ffcf99;
  background-color:#ffe2c1;
  color:#ef8000;
}

.darkorange {
  border:1px solid #c96c00;
  background-color:#ef8000;
  color:#fff;
}

.yellow {
  border:1px solid #d6c68f;
  background-color:#f7ea98;
  color:#a97900;
}

.darkyellow {
  border:1px solid #c68e00;
  background-color:#e0a000;
  color:#fff;
}

.green {
  border:1px solid #b2d8a3;
  background-color:#cfe8c5;
  color:#478b2f;
}

.darkgreen {
  border:1px solid #3e7929;
  background-color:#478b2f;
  color:#fff;
}

@media only screen and (max-width: 767px) {
  span.itemImage {
    float: none;
    margin: 0 0 8px 0;
  }
  span.itemImage .modal {
    left: auto;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
  }
  img.framed {
    /*margin-bottom: 0px;*/
  }
  img.lefted, img.righted {
    float: none;
    margin-left: 0px;
    margin-right: 0px;
  }
  div.pull-left, div.pull-right {
    float: none;
    margin: 0px;
  }
  .half-width, .third-width, .two-thirds-width, .quarter-width, .three-quarters-width {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1182px) {
  .event .third-width {
    width: 44%;
  }
  .event .two-thirds-width {
    width: 52%;
  }
  .event .quarter-width {
    width: 44%;
  }
  .event .three-quarters-width {
    width: 52%;
  }
}

.accordion {
  margin-bottom: 0px;
}

.accordion-heading {
  background-color: #eeeeee;
  box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.2), 0 -10px 20px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.2), 0 -10px 20px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 1px rgba(150, 150, 150, 0.2), 0 -10px 20px 0 rgba(0, 0, 0, 0.1) inset, 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: Ropa Sans;
  font-size: 14px;
}

.accordion-heading:hover {
  background-color: #B80000;
  color: #fff;
}

.accordion-heading .accordion-toggle {
  color: #444;
  padding: 5px 10px;
}

.accordion-heading:hover .accordion-toggle {
  color: #fff;
}

.accordion-heading:hover {
  background-color: #B80000;
  color: #fff;
}


#contact-form {
    margin: 0;
}

.form-actions {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 20px;
}

legend {
    font-size: inherit;
    line-height: 2em;
    margin: 0px;
    padding: 0;
}

label, input, button, select, textarea {
    font-size: inherit;
}

input#mod-search-searchword {
    width: 130px;
}

ul.metaudio a.metaudio-view {
display:none !important;
}