
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-condensed-v27-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-condensed-v27-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-condensed-v27-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-condensed-v27-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/roboto-condensed-v27-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/roboto-condensed-v27-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

a {
  color: #577742;
}
a:hover {
  color: #000;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: #577742;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background: #577742;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #577742;
}
#offcanvas-toggler > i {
  color: #000000;
}
#offcanvas-toggler > i:hover {
  color: #577742;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #577742;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons > li a:hover {
  color: #577742;
}
.sp-page-title {
  background: #577742;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul > li > a {
  color: #000000;
}
.sp-module ul > li > a:hover {
  color: #577742;
}
.sp-module .latestnews > div > a {
  color: #000000;
}
.sp-module .latestnews > div > a:hover {
  color: #577742;
}
.sp-module .tagscloud .tag-name:hover {
  background: #577742;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #577742;
}
.search .btn-toolbar button {
  background: #577742;
}
.post-format {
  background: #577742;
}
.voting-symbol span.star.active:before {
  color: #577742;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #577742;
}
blockquote {
  border-color: #577742;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #577742;
}
#sp-footer {
  background: #577742;
}
.sp-comingsoon body {
  background-color: #577742;
}
.pagination > li > a,
.pagination > li > span {
  color: #000000;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #000000;
}
.pagination > .active > a,
.pagination > .active > span {
  border-color: #577742;
  background-color: #577742;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: #577742;
  background-color: #577742;
}

#sp-slideshow .container {padding: 0; max-width: 100%;}
#sp-title p {margin: 5px 0;}

#sp-header {max-width: 100% !important;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {color: #fff;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus, .offcanvas-menu .offcanvas-inner .sp-module li.active > a{
color: #c09000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {color: #fff;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {color: #fff;}