body {
  color: #595959;
  background: url(/assets/themes/tempo/images/bg_header_sections_rpt.jpg) repeat-x #efefef;
}
#super-container {
  background: url(/assets/themes/tempo/images/bg_header_sections.jpg) no-repeat top center;
}
h1 {
  color: #563c96;
  border-bottom: 1px solid #d6d6d6;
}
h1:after,
#sidebar h3:after,
#details h3:after {
  border-bottom: 1px solid #acacac;
}
h2 {
  color: #797979;
}
h3 {
  color: #acacac;
}
#sidebar h3,
#details h3 {
  color: #563c96;
  border-bottom: 1px solid #d6d6d6;
}
h4 {
  color: #563c96;
}
h6 {
  color: #797979;
}
article[role="main"] > h1 {
  color: #563c96;
  border: 0;
  text-shadow: 0 1px 0 #ffffff;
}
article[role="main"] > h1:after {
  border: 0;
}
.post h1.title,
.post h1.title:after {
  border: 0;
}
#sidebar h1 {
  color: #696969;
}
#sidebar h2 {
  color: #ffffff;
  background: #595959;
}
#sidebar h4 {
  color: #262626;
}
#sidebar h5 {
  color: #ffffff;
  background: #563c96;
}
#footer h2 {
  color: #563c96;
}
#footer h3 {
  color: #efefef;
}
#footer h4 {
  color: #797979;
}
#footer h5 {
  color: #797979;
}
a {
  color: #563c96;
}
a:hover {
  color: #797979;
}
#header {
  color: #ffffff;
}
#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6 {
  color: #ffffff;
}
#header #logobug {
  background: url(/assets/themes/tempo/images/logobug.jpg) no-repeat center left;
}
#header #logotype a {
  color: #e8ddf9;
  text-shadow: 0 -1px 1px #47327d;
}
#header #tagline {
  color: #3f2c6e;
  text-shadow: 0 1px 1px #ba99ed;
}
#carousel {
  background: #262626;
}
#carousel .flexslider .slides li .caption {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.33);
}
#menu ul li.has-children:after {
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 6px;
  left: auto;
  margin: 0;
  margin-top: -8.4px;
  color: #898989;
  content: "\25be";
  cursor: pointer;
}
#menu a {
  color: #898989;
}
#menu li.active > a {
  color: #8971c6;
}
#menu li.active:after {
  color: #8971c6;
}
#menu li:hover > a {
  color: #8971c6;
  background-color: #ffffff;
  border-radius: 4px 4px 0 0;
}
#menu li:hover:after {
  color: #8971c6;
}
#menu .submenu a,
#menu .subsubmenu a {
  color: #797979;
  border-bottom: 1px solid #efefef;
}
#menu .submenu ul,
#menu .subsubmenu ul {
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  border: 4px solid #ffffff;
  border-top: none;
  border-bottom: none;
  box-shadow: 0 2px #ababab;
}
#menu .submenu ul li.has-children:after,
#menu .subsubmenu ul li.has-children:after {
  display: block;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 2px;
  left: auto;
  margin: 0;
  margin-top: -6px;
  color: #563c96;
  content: "\25ba";
  cursor: pointer;
}
#menu .submenu li:hover,
#menu .subsubmenu li:hover,
#menu .submenu a:hover,
#menu .subsubmenu a:hover,
#menu .submenu li:hover > a,
#menu .subsubmenu li:hover > a {
  color: #262626;
  border-radius: 0;
}
#menu .submenu li.active a,
#menu .subsubmenu li.active a {
  color: #8971c6;
}
#menu .submenu li.active:after,
#menu .subsubmenu li.active:after {
  color: #8971c6;
}
#main-content h2,
#main-content h5 {
  color: #000000;
}
#main-content h3,
#main-content label {
  color: #595959;
}
#main-content h6 {
  color: #797979;
}
#home-content #main-content {
  background: #ffffff;
  color: #797979;
  box-shadow: 0 0 0 1px #e5e5e5, 0 5px 0 0 #f7f7f7, 0 6px 1px 0 #e5e5e5;
}
#page-content #sidebar {
  background: #ffffff;
  color: #797979;
  box-shadow: 0 0 0 1px #e5e5e5, 0 5px 0 0 #f7f7f7, 0 6px 1px 0 #e5e5e5;
}
.testimonial-module {
  border: 0;
}
.post .date,
.post-module .date {
  border: 0;
  color: #595959;
  background: #ffffff;
  box-shadow: 0 0 0 1px #e5e5e5, 0 5px 0 0 #f7f7f7, 0 6px 1px 0 #e5e5e5;
}
.bio .headshot img,
.bio-module .headshot img {
  border: 0;
}
#calendar .fc-widget-header,
#calendar .fc-border-separate th,
#calendar .fc-widget-content {
  border: 0;
}
#calendar .fc-content {
  background: #ffffff;
  box-shadow: 0 0 0 1px #e5e5e5, 0 5px 0 0 #f7f7f7, 0 6px 1px 0 #e5e5e5;
}
#calendar .fc-day-header {
  color: #595959;
}
#calendar .fc-day-number {
  color: #563c96;
  background: #ffffff;
}
#calendar .fc-border-separate td {
  border-top: 1px solid #d7d7d7;
}
#calendar .fc-state-highlight {
  background: rgba(255, 255, 255, 0.7);
}
#calendar .fc-event {
  border: 0;
  background: #efefef;
  color: #595959;
}
#calendar .fc-event:hover {
  color: #563c96;
}
#calendar .fc-event-time {
  color: #797979;
}
#content-events .post p strong {
  color: #595959;
}
input,
label,
textarea,
select {
  color: #797979;
}
select,
textarea,
input[type=text],
input[type=password] {
  background-color: #e5e5e5;
  border: 0;
}
select {
  background-image: none;
  background-color: #efefef;
}
*:focus {
  outline: none;
}
.button,
button,
input[type="submit"] {
  border: 0;
  background: url(/assets/themes/tempo/images/button_bg.jpg) repeat-x #563c96;
  border-radius: 6px;
  color: #efefef;
  text-shadow: 0 1px 0 #000000;
}
#footer {
  color: #ffffff;
  background: url(/assets/themes/tempo/images/footer_bg.jpg) #262626;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #898989;
}
#page-footer ul {
  list-style: none;
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
#page-footer ul li {
  list-style: none;
  list-style-image: none;
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: none;
  border-bottom: none;
}
#page-footer #footer-links {
  text-align: center;
}
#page-footer #footer-links a {
  color: #ffffff;
}
#page-footer #footer-links a:hover {
  color: #898989;
}
#page-footer #footer-links .title {
  display: none;
}
#page-footer ul {
  display: inline-block;
}
#page-footer ul li {
  margin-right: 14px;
}
#post-footer a,
#seal a {
  color: #898989;
}
#post-footer a:hover,
#seal a:hover {
  color: #797979;
}
@media (max-width: 979px) {
  
}
@media (max-width: 767px) {
  #super-container {
    background: none;
    /* first level */
  
    /* second level */
  
  }
  #super-container #info,
  #super-container #custom-header {
    color: #262626;
  }
  #super-container #info h1,
  #super-container #custom-header h1,
  #super-container #info h2,
  #super-container #custom-header h2,
  #super-container #info h3,
  #super-container #custom-header h3,
  #super-container #info h4,
  #super-container #custom-header h4,
  #super-container #info h5,
  #super-container #custom-header h5,
  #super-container #info h6,
  #super-container #custom-header h6 {
    color: #262626;
  }
  #super-container #menu ul li {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #c1c1c1;
  }
  #super-container #menu ul li.has-children:after {
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 2px;
    left: auto;
    margin: 0;
    margin-top: -12px;
    color: #efefef;
    content: "\25be";
    cursor: pointer;
  }
  #super-container #menu .submenu ul li.has-children:after,
  #super-container #menu .subsubmenu ul li.has-children:after {
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 2px;
    left: auto;
    margin: 0;
    margin-top: -12px;
    color: #efefef;
    content: "\25be";
    cursor: pointer;
  }
  #super-container #menu .container {
    background: none;
  }
  #super-container #menu .menu {
    display: none;
  }
  #super-container #menu {
    position: relative;
  }
  #super-container #menu:not( :target ) > a:first-of-type,
  #super-container #menu:target > a:last-of-type {
    display: block;
  }
  #super-container #menu > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
  }
  #super-container #menu:target > ul {
    display: block;
  }
  #super-container #menu > ul > li {
    width: 100%;
    float: none;
  }
  #super-container #menu li ul {
    position: static;
  }
  #super-container #page-footer ul {
    list-style: none;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
  }
  #super-container #page-footer ul li {
    list-style: none;
    list-style-image: none;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    border-left: none;
    border-right: none;
  }
  #super-container #page-footer ul li {
    text-align: center;
  }
  .btn-block {
    width: 90%;
    margin: 10px auto;
    display: block !important;
  }
}
.btn-block {
  display: none;
}