/*
 Theme Name: OnScript Theme
 Theme URI: https://onscript.study
 Author: James Steinbach
 Author URI: https://jamessteinbach.com
 Template: podcast
 Version: 1.0.0
*/

/* Custom Fonts */

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
}

#site-primary-nav,
body,
button,
input,
select,
textarea {
  font-family: Lato, Helvetica, sans-serif;
}

::placeholder {
  font-family: Lato, Helvetica, sans-serif;
}

* {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
.archives-title,
.page-title,
.site-title,
#site-homepage-widgets .widget-title,
#site-main .archives-title,
#site-main #reply-title,
#ilovewp-comments .comments-title {
  font-family: EB Garamond, Palatino, serif;
  font-weight: 600;
}

.theme-color-teal .button {
  background-color: #058dd1;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.8125rem 1.5rem;
  text-shadow: none;
  transition: all 0.15s ease-in-out;
}

#site-logo .site-title {
  text-transform: none;
}

.btn_menu_span,
.ilovewp-featured-post .entry-tagline,
.site-archive-post .entry-tagline,
.single .entry-tagline,
#ilovewp-comments .comment-reply-title,
.comment-meta .fn,
.comment-form label,
.entry-authorbio-wrapper .author-bio,
.slicknav_nav {
  font-weight: 600;
}

.button,
input[type="submit"],
button {
  text-transform: uppercase;
  letter-spacing: 0.03125em;
}

/* Custom Theme */

.theme-color-teal .elementor-widget-text-editor {
  color: #272727;
}

.theme-color-teal a {
  color: #225777;
}

.theme-color-teal a:hover,
.theme-color-teal a:focus {
  color: #233d58;
}

.theme-color-teal .large-nav a:hover,
.theme-color-teal .large-nav a:focus,
.theme-color-teal .large-nav .current-menu-item > a,
.theme-color-teal .large-nav .current_page_item > a,
.theme-color-teal .large-nav .current-menu-parent > a {
  color: #233d58;
}

.theme-color-teal .button,
.theme-color-teal input[type="submit"] {
  background-color: #3f6aa0;
}

.theme-color-teal .button:hover,
.theme-color-teal .button:focus,
.theme-color-teal input[type="submit"]:hover,
.theme-color-teal input[type="submit"]:focus {
  background-color: #583e23;
  color: #fff;
}

.theme-color-teal .page-intro-header {
  background-color: #233d58;
  color: #ccc;
}

.theme-color-teal .page-intro-subscribe {
  background-color: #225777;
  color: #aaa;
}

.theme-color-teal .page-intro-subscribe .widget-title,
.theme-color-teal .page-intro-subscribe h2,
.theme-color-teal .page-intro-subscribe h3 {
  color: #fff;
}

.theme-color-teal .page-intro-subscribe .page-title-span:after {
  background-color: #fff;
}

.theme-color-teal .ilovewp-featured-post .entry-title a,
.theme-color-teal #site-home-welcome .widget-title {
  color: #fff;
}

.theme-color-teal .ilovewp-featured-post .entry-tagline,
.theme-color-teal .site-archive-post .entry-tagline .post-meta-span-time,
.theme-color-teal .single .entry-tagline .post-meta-span-time {
  background-color: #f7f7f7;
  color: #272727;
}

.theme-color-teal .ilovewp-featured-page-item .entry-title a {
  background-color: #225777;
  color: #fff;
}

.theme-color-teal .ilovewp-featured-page-item .entry-title a:hover,
.theme-color-teal .ilovewp-featured-page-item .entry-title a:focus {
  background-color: #583e23;
}

.theme-color-teal #site-footer .widget-title {
  color: #070707;
}

.theme-color-teal .site-breadcrumbs a:hover,
.site-breadcrumbs a:focus {
  color: #583e23;
}

.theme-color-teal #site-primary-nav a:hover,
.theme-color-teal #site-primary-nav a:active,
.theme-color-teal #site-primary-nav a:focus {
  color: #ccc;
}

.theme-color-teal #site-primary-nav a {
  color: #fff;
}

.theme-color-teal #site-primary-nav .sub-menu a {
  color: #225777;
}

.theme-color-teal .pagination a {
  color: #583e23;
}

.theme-color-teal .pagination .current,
.theme-color-teal .pagination a:hover,
.theme-color-teal .pagination a:focus {
  background-color: #583e23;
  border-color: #583e23;
  color: #fff;
}

.theme-color-teal .pagination .current {
  color: #fff;
}

.theme-color-teal #site-masthead {
  background-color: #225777;
}

/* MEJS Styles */

.theme-color-teal .mejs-container {
  border-radius: 4px;
  overflow: hidden;
}

.theme-color-teal .mejs-container .mejs-controls {
  background-color: #272727;
}

/* Slicknav Menu Overrides */

.slicknav_btn {
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  color: #225777;
  background: #fff;
}

.slicknav_nav {
  margin: 0;
  position: relative;
  overflow: visible;
}

.slicknav_menu ul {
  position: absolute;
  right: 0;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
}

.slicknav_menu li a {
  display: block;
  margin: 0;
  border-radius: 0;
  border-bottom: 0;
  border-top: 1px solid #225777;
  background: #fff;
}

.slicknav_menu .slicknav_menutxt {
  color: inherit;
  font-size: 0;
}

.slicknav_menutxt::before {
  font-size: 14px;
  content: "Menu";
  text-transform: uppercase;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: currentColor;
  box-shadow: none;
}

/* Misc Fixes */

.widget img {
  height: auto;
}

.site-archive-posts .entry-title {
  margin-bottom: 0.5rem;
}

.site-archive-posts .entry-excerpt {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .site-section-wrapper-masthead {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #site-logo {
    text-align: left;
    max-width: 300px;
  }
  #site-section-primary-menu {
    margin: 0 0 0 1rem;
    flex: 0 0 7.5rem;
  }
  .site-section-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
  .latest-episode-artwork {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .site-archive-posts .entry-thumbnail {
    margin: 0 1.5rem 1rem 0;
    width: 25%;
    float: left;
  }
}

button,
input {
  border-radius: 4px;
}

.site-archive-posts .entry-thumbnail img {
  width: 100%;
  height: auto;
}

form[id*="subscribe-blog"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: stretch;
}

#subscribe-text {
  flex: 0 0 100%;
}

#subscribe-email {
  margin-top: 1rem;
  flex: 1 0 250px;
}

#subscribe-email input {
  width: 100% !important;
  height: 3rem;
  border: 0 !important;
}

#subscribe-email input:hover,
#subscribe-email input:active,
#subscribe-email input:focus {
  box-shadow: 0 0 0 2px #272727 !important;
}

#subscribe-submit {
  margin-top: 1rem;
  margin-left: auto;
  flex: 0 0 auto;
}

#subscribe-submit input,
#subscribe-submit button[type="submit"] {
  margin-left: 1rem;
  height: 3rem;
}

#searchform input[type="text"]:hover,
#searchform input[type="text"]:active,
#searchform input[type="text"]:focus {
  border-width: 1px;
  border-color: #233d58;
}

#searchform [type="submit"] {
  display: block;
  margin: 1rem 0 0 auto;
}

body.home.blog.paged .site-section-page-header-wrapper {
  padding: 0;
}
