/*!
Newzline Predefined Colors
Theme: Newzline
Color: Orange Fox
*/
/*===========================*/
/* Links
===========================*/
a {
  color: #4878a8;
}
a:hover, a:active {
  color: #781800;
  text-decoration: underline;
}

/* Body 
===========================*/
body {
  background-color: #ffffff;
}
body.newzl-boxed, body.newzl-wide-head {
  background-color: #F1E4CB;
}

/* Layouts
===========================*/
.newzl-boxed .site-inner {
  background-color: #ffffff;
}

.newzl-wide-head.secnav .content-area.wrap {
  border: 5px solid #fdf8ec;
}

.newzl-boxed .site-main,
.newzl-wide-head .site-main {
  padding: 2.6rem;
}

/* Header 
===========================*/
.site-header {
  background: #a74205;
  background: linear-gradient(to bottom, #a74205, #f07830);
  background: -moz-linear-gradient(to bottom, #a74205, #f07830);
}

.header-line {
  background-color: #732c01;
  border-bottom: 1px solid #aa5c2d;
  height: 1.5rem;
}

/* Site Title */
.title-area .site-title a {
  color: #ffffff;
  font-size: 3.8rem;
  font-weight: 400;
  text-transform: capitalize;
  text-shadow: 1px 1px 0 #3E131A;
}

/* Navigation 
===========================*/
.nav-wrap .nav-search .search-toggle {
  padding: 1.2rem 0.8rem;
}

.pri-navi {
  background-color: #3E131A;
  border-top: 3px solid #937C80;
  border-bottom: 3px solid #937C80;
}

.secnav .pri-navi {
  border-top: none;
  border-bottom: 3px solid #937C80;
}

.newzl-wide-head.secnav .pri-navi {
  border-bottom: 5px solid #6a0709;
}

.sec-navi {
  background: #781800;
}

.nav-menu .nav-primary .menu-item a {
  color: #f9f9f9;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.4rem 1.8rem;
}
.nav-menu .nav-primary .menu-item.current-menu-ancestor > a,
.nav-menu .nav-primary .menu-item.current-menu-item > a {
  background-color: #2a0d12;
  color: #f9f9f9;
}
.nav-menu .nav-primary .menu-item:hover > a,
.nav-menu .nav-primary .menu-item:focus > a {
  background-color: #1a3e13;
  color: #f9f9f9;
}
.nav-menu .nav-primary .sub-menu {
  background-color: #1a3e13;
}
.nav-menu .nav-primary .sub-menu .menu-item a {
  color: #f9f9f9;
  border-top: 1px solid #2a651f;
}
.nav-menu .nav-primary .sub-menu .submenu-expand svg {
  fill: #f9f9f9;
}
.nav-menu .nav-primary .sub-menu .menu-item:hover > a,
.nav-menu .nav-primary .sub-menu .menu-item:hover > a:focus {
  background-color: #2a651f;
}
.nav-menu .nav-primary .sub-menu .menu-item:last-child a {
  border-top: 1px solid #2a651f;
}
.nav-menu .nav-secondary .menu-item a {
  color: #f9f9f9;
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: capitalize;
}
.nav-menu .nav-secondary .menu-item.current-menu-ancestor > a,
.nav-menu .nav-secondary .menu-item.current-menu-item > a {
  background-color: #5f1604;
  color: #f9f9f9;
}
.secnav .nav-menu .nav-secondary .menu-item.current-menu-ancestor > a, .secnav .nav-menu .nav-secondary .menu-item.current-menu-item > a {
  background-color: #3E131A;
}
.nav-menu .nav-secondary .menu-item:hover > a, .secnav .nav-menu .nav-secondary .menu-item:hover > a {
  background-color: #3E131A;
  color: #f9f9f9;
}
.nav-menu .nav-secondary .sub-menu {
  background-color: #5f1300;
}
.nav-menu .nav-secondary .sub-menu .menu-item a {
  color: #f9f9f9;
  border-top: 1px solid #de2c00;
}
.nav-menu .nav-secondary .sub-menu .menu-item:last-child a {
  border-top: 1px solid #de2c00;
}
.nav-menu .nav-secondary .sub-menu .menu-item:hover > a,
.nav-menu .nav-secondary .sub-menu .menu-item:hover > a:focus {
  background-color: #ab2200;
}
.nav-menu.active {
  background-color: #3E131A;
}
.nav-menu.active .nav-primary .sub-menu .menu-item a {
  border-top: 1px solid #af00d1;
}
.nav-menu.active .sub-menu {
  background-color: #84009e;
}

.search-toggle svg,
.menu-toggle svg {
  fill: #f9f9f9;
}

.nav-menu .nav-primary .submenu-expand svg {
  color: #f9f9f9;
}

@media (min-width: 768px) {
  .header-search {
    background: #781800;
    border-radius: 5px;
    top: 4.4rem;
    right: 1.7rem;
  }
}
@media (max-width: 767px) {
  .header-search {
    background: #84009e;
  }
}

#header-social-icons .social-icons-menu li a:before {
  background-color: #f9f9f9;
}

/* Homepage
===========================*/
.newzl-home-block .block-header {
  background-color: #781800;
  color: #f9f9f9;
  font-size: 1.8rem;
  font-weight: 400;
}

/* Sidebar
===========================*/
.sidebar-primary {
  padding: 3.6rem 2.6rem 3rem 2.6rem;
}
.newzl-boxed .sidebar-primary, .newzl-wide-head .sidebar-primary {
  padding: 2.6rem;
}
.sidebar-primary .widget-header {
  background-color: #781800;
}
.sidebar-primary .widget-title {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1rem 1.2rem;
}

/* Tabbed Content Widget
===========================*/
.newzl-tab .nwz-tabnavi li a {
  background-color: #781800;
}
.newzl-tab .nwz-tabnavi li a:link,
.newzl-tab .nwz-tabnavi li a:visited {
  color: lightgray;
}
.newzl-tab .nwz-tabnavi li a:hover,
.newzl-tab .nwz-tabnavi li a:active {
  background-color: #2a0d12;
  color: #f9f9f9;
}
.newzl-tab .nwz-tabnavi li a.current-tab {
  color: #f9f9f9;
  text-decoration: none;
}

/* Footer Widgets
===========================*/
.footer-widgets {
  background: #5a1200;
  background: linear-gradient(to bottom, #5a1200 20%, #841a00);
  background: -moz-linear-gradient(to bottom, #5a1200 20%, #841a00);
  padding: 2rem 1.6rem 2rem 1.6rem;
  border-top: 5px solid #e6712a;
}
.footer-widgets .widget {
  background-color: #fee0cf;
  border: 5px solid #e6712a;
  padding: 0.5rem;
}
.footer-widgets .textwidget {
  color: #333333;
  font-size: 1.8rem;
  padding: 0 0.7rem;
}
.footer-widgets .textwidget a {
  color: #333333;
}
.footer-widgets ul li {
  color: #333333;
  font-size: 1.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.footer-widgets ul li a {
  color: #333333;
}
.footer-widgets .widget-title {
  background-color: #781800;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.8rem 1.2rem;
}

/* Footer
===========================*/
.site-footer {
  background-color: #3e131a;
  font-size: 1.4rem;
  border-top: 1px solid #bb2500;
}

.scrollToTop {
  background: #ab2200;
  border: 3px solid #ff4112;
}

.scrollToTop:hover {
  background: #781800;
}