/*
Theme Name:     Viseo Progression Child
Description:    Viseo Progression Child Theme
Author:         ProgressionStudios
Template:       viseo-progression

*/

html body * {
  font-family: "Montserrat";
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Navigation */
/* Both mobile and desktop */
ul.sub-menu.elementor-nav-menu--dropdown a {
  color: #2452bf !important;
  font-weight: bold !important;
  background-color: #ffffff !important;
}

ul.sub-menu.elementor-nav-menu--dropdown a:hover {
  background-color: #c0c0c0 !important;
}

nav a.has-submenu:hover {
  cursor: pointer !important;
}

/* Desktop only */
ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
  margin-top: 30px !important;
}

ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li.current-menu-item {
  border-top: 4px solid #2452bf !important;
}

.elementor img {
  max-height: 80vh;
  /* all images inside content */
}

/* Single Post: Header */
body #dynamic-header-text div * {
  font-family: "Montserrat";
}

body #dynamic-header-text.dark-text div * {
  color: #5b6770;
}

body #dynamic-header-text.dark-text a:hover {
  color: #242424;
}

body #dynamic-header-text.light-text div * {
  color: #fbf8f8;
}

body #dynamic-header-text.light-text a:hover {
  color: #c0c0c0;
}

/* Must have some sort of "background overlay" selected for div.elementor-background-overlay to appear. Otherwise it will have no container to add the filter */
body #dynamic-header-text.light-text>.elementor-background-overlay {
  background-color: #2a2b2c;
  opacity: 0.61;
}

body #dynamic-header-text.dark-text>.elementor-background-overlay {
  background-color: #ffffff;
  opacity: 0.44;
}

/* Single Post: meta (after content section) */
.elementor-sounds-true .post-meta-information div *:not(i) {
  color: #4c4c4c;
  font-family: "Montserrat";
}

/* All Instances of post categories */
body .blog-meta-category-list a {
  font-family: "Montserrat";
  border-color: #0652af;
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 600;
}

/* Post List: Section Titles */
.elementor-sounds-true h3.post-list-title {
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 600;
}

.elementor-sounds-true a.see-all {
  font-size: 24px;
  font-weight: 500;
  font-family: "Montserrat";
  float: right;
  color: #414040;
  margin-top: -10px;
}

.elementor-sounds-true a.see-all:hover {
  color: #0652af;
}

/* Post List: post type label */
.pro-post-list--post-type-label {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat";
  position: absolute;
  right: 0;
  margin: 10px 9px;
  color: white;
  background: #006c73;
  padding: 2px 5px;
  border-radius: 100px;
  min-width: 92px;
}

.pro-post-list--post-type-label.blog {
  background: #c74d11;
}

.pro-post-list--post-type-label.podcast {
  background: #006c73;
}

.pro-post-list--post-type-label.blog:hover {
  color: #e0b8a3;
}

.pro-post-list--post-type-label.podcast:hover {
  color: #83bec2;
}

/* Single Post: post categories */
.elementor-sounds-true .progression-blog-content .blog-meta-category-list a {
  font-size: 15px;
  font-weight: 500;
}

.elementor-sounds-true .post-meta-information .post-meta-share a {
  font-weight: 600;
  font-size: 24px;
}

/* Post List: Post Title */
.elementor-sounds-true .progression-blog-content h2.progression-blog-title {
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 27px;
}

.elementor-sounds-true .progression-blog-content h2.progression-blog-title a:hover {
  color: #0652af;
}

/* Post List: meta (Author and Date) */
.elementor-sounds-true .progression-post-meta .blog-meta-author-display a {
  font-family: "Montserrat";
  color: #0652af;
  font-weight: 500;
}

.elementor-sounds-true .progression-post-meta .blog-meta-date-display {
  font-family: "Montserrat";
  color: #7f7e7e;
  font-weight: 500;
}

/* Archive Post List - Pagination */
body #content-pro ul.page-numbers li a {
  font-family: "Montserrat";
}

#content-pro ul.page-numbers li a:hover,
#content-pro ul.page-numbers li span.current {
  background: #0652af;
}

/* Author Bio Widget */
div.shopify-html.no-author-bio {
  font-family: "Montserrat";
  justify-content: center;
}

.shopify-html h3,
.no-also-by-author h3,
.no-products h3 {
  font-size: 27px;
  font-weight: normal;
}

.author-bio-multiple {
  background: #eee;
  width: 100%;
  height: 2px;
  margin-top: 1em;
  margin-bottom: 2.5em;
}

.no-also-by-author,
.no-products {
  text-align: center;
}

.shopify-html.no-author-bio h3,
.no-also-by-author h3,
.no-products h3 {
  margin: 2em 0;
}

/* Desktop ONLY */
@media only screen and (min-width: 768px) {
  .shopify-products .elementor-column-wrap {
    margin: 0 2rem;
  }
}

/* MOBILE ONLY */
@media only screen and (max-width: 767px) {
  .shopify-html.has-author-bio {
    flex-direction: column-reverse;
  }
}

.shopify-left img {
  display: block;
  margin: 0 auto;
}

.shopify-buy-frame {
  border: 3px solid pink;
  padding-bottom: 2em;
}

.shopify-products div.elementor-widget-wrap {
  align-content: stretch;
}

@media only screen and (min-width: 768px) {
  .shopify-products div.elementor-widget-wrap {
    padding: 2em 0;
  }
}

.shopify-products .shopify-product-info h2 {
  font-size: 16px;
  color: rgb(6, 82, 175);
}

.shopify-products .shopify-product-info h2:hover {
  text-decoration: underline;
}

.shopify-products .shopify-product-image img {
  /* width: 100%; */
  max-width: 250px;
  max-height: 250px;
  height: auto;
  width: auto;
}

.shopify-products h2 {
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 27px;
  margin-bottom: 0;
}

.shopify-products p {
  font-family: "Montserrat", Montserrat;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  color: #070707;
}

.shopify-product-info {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}

.shopify-products .elementor-widget-wrap {
  justify-content: center;
  text-align: center;
  /* border: 1px solid #979797; SAME COLOR AS THE POSTS */
  border: 1px solid #edeef1;
  /* SAME COLOR AS INVISION */
  padding: 1em 0;
}

.no-products {
  width: 100%;
}

.product-payment-type {
  margin-top: 1em;
  color: #707070;
  display: block;
}

/* Pagination */

#content-pro .page-numbers li a.page-numbers,
#content-pro .page-numbers li span.page-numbers.current {
  font-weight: 500;
  font-size: 20px;
}

/* Sidebar: Categories  */

.category-sidebar {
  background-color: #f2f3f5;
  padding: 1em 1.25em;
}

.category-sidebar h4.widget-title {
  color: #0652af;
  padding: 1em 0;
}

.category-sidebar ul.widget-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-sidebar .widget-categories li::before {
  font-family: "FontAwesome";
  content: "\f054";
  margin-right: 15px;
}

.category-sidebar .widget-categories li {
  font-weight: 500;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #afafaf;
  display: grid;
  grid-template-columns: 2ch 1fr auto;
}

.category-sidebar .widget-categories li a::before {
  /* counted as grid item */
}

.category-sidebar .widget-categories li a {
  color: #070707;
  font-size: 1em;
}

.category-sidebar .widget-categories li span.count {
  /* font-size: 1em; */
  color: #ffffff;
  background: #0652af;
  border-radius: 100px;
  font-size: 0.8em;
  height: 2.25em;
  width: 2.25em;
  padding-top: 0.25em;
  text-align: center;
}

/* SIDEBAR: Search */

/* .widget_search {
  margin-bottom: 2em;
}

.widget_search .search-form input.search-field {
  background-color: #FFFFFF;
} */

/* Contributor Post List Widget */
body .contributor-post-list img {
  width: 100%;
}

body .contributor-post-list {
  text-align: center;
}

section.contributor-letter {
  padding-top: 4em;
}

section.contributor-letter:first-child {
  padding-top: inherit;
}

.contributor-post-list .contributor-card-container {
  padding-top: 15px;
}

/* Post Slider Widget */

.elementor-sounds-true.post-slider .slider-category-list span,
.elementor-sounds-true.custom-slider .slider-category-list span {
  font-family: "Montserrat", Montserrat;
  /* font-size: 15px;  */
  font-weight: 500;
  /* Make this dynamic in widget for QA */
  border-bottom-color: rgb(6, 82, 175);
  text-transform: lowercase;
}

.elementor-sounds-true.post-slider .progression-blog-slider-title,
.elementor-sounds-true.custom-slider .progression-blog-slider-title {
  font-size: 50px;
  /* Make this dynamic in widget for QA */
}

.elementor-sounds-true.post-slider a.post-slider-button,
.elementor-sounds-true.custom-slider a.custom-slider-button {
  /* Make this dynamic in widget for QA */
  border: 2px solid;
  padding: 1em;
  font-family: "Montserrat", Montserrat;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .elementor-sounds-true.post-slider a.post-slider-button,
  .elementor-sounds-true.custom-slider a.custom-slider-button {
    font-size: 1em;
  }
}

.elementor-sounds-true.post-slider .progression-blog-slider-sub-title,
.elementor-sounds-true.custom-slider .progression-blog-slider-sub-title {
  font-size: 15px;
}

.elementor-sounds-true.post-slider .slider-content-max-width,
.elementor-sounds-true.custom-slider .slider-content-max-width {
  margin: initial;
  margin-left: 10%;
  /* Make this a dynamic % in widget for QA */
}

.elementor-sounds-true.post-slider .progression-blog-slider-sub-title span,
.elementor-sounds-true.custom-slider .progression-blog-slider-sub-title span {
  font-weight: normal;
  /* Make this a dynamic % in widget for QA */
}

/* Podcast Player Widget */

.elementor-sounds-true.podcast-player {
  font-family: "Montserrat", Montserrat;
  font-weight: 600;
  /* border: 1px solid #edeef1; */
  /* same as post list */
}

.elementor-sounds-true.podcast-player p {
  margin-bottom: 0;
  padding-top: 1.5em;
}

.elementor-sounds-true.podcast-player h4 {
  font-size: 20px;
  font-weight: 600;
}

/* @supports (filter: invert(100%)) {
  .elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-controls {
    easiest way to convert to light mode since 
    background-color: black;
    filter: invert(100%);
  }

  .elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-time-current {
    filter: invert(100%);
    background: #fff;
  }

  .elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-time-loaded {
    filter: invert(100%);
    background: #0652af;
  }
} */

/* START New Podcast Styling June 2021 */

div.powerpress_player {
  margin-top: 3em;
}

div.mejs-controls {
  padding: 0;
}

div.mejs-button.mejs-play button {
  margin-top: 12px !important;
  margin-right: 5px !important;
}

div.mejs-button.mejs-pause button {
  margin-top: 12px !important;
  margin-right: 7px !important;
}

.elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-time-current {
  background-color: white;
}

.mejs-container,
.mejs-container .mejs-controls {
  background-color: transparent;
}

.elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-time-loaded {
  background-color: rgba(255, 255, 255, 0.33);
}

.mejs-time-float-corner {
  border-top-color: white;
}

.mejs-time-float {
  background-color: white;
  border-color: white;
}

.elementor-sounds-true.podcast-player .powerpress_player .mejs-container .mejs-time-float-current {
  color: black !important;
  background-color: white !important;
}

.mejs-time-total .mejs-time-slider,
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  box-shadow: 0px 0px 0px 1px;
  background-color: transparent;
}

/* //? NOTE: Not sure if still needed since buttons are now moved near play/pause */
.podcast-skip-controls {
  /* Inlined = display: none; */
  /* Javascript if audio exists = display: flex; */
  justify-content: center;
  gap: 2em;
}

.podcast-skip-controls button,
.podcast-skip-backward,
.podcast-skip-forward {
  background-color: transparent;
  border: none;
  display: block;
}

.podcast-skip-controls button svg,
.podcast-skip-backward svg,
.podcast-skip-forward svg {
  width: 1.5em;
  height: 1.5em;
  fill: white;
}

/* TABLET AND SMALLER */
@media only screen and (max-width: 1024px) {

  .podcast-skip-forward,
  .podcast-skip-backward {
    display: none;
  }
}

.mejs-button.mejs-playpause-button {
  background: black;
  border-radius: 100%;
  width: 3.75em;
  height: 3.75em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}

.podcast-time-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1em;
}

.podcast-time-container div {
  /* Fixes times/numbers being cut off on zoom */
  padding-bottom: 1em;
}

/* If post is tagged "preview-post" then don't show date in podcast header or in post preview card */
.tag-preview-post>.progression-studios-default-blog-index:first-child .progression-meta-mdash,
.tag-preview-post>.progression-studios-default-blog-index:first-child .blog-meta-date-display,
.tag-preview-post .podcast-player-em-dash,
.tag-preview-post .podcast-player-published-date {
  display: none;
}

.single-podcast .tag-michael-singer-podcast .shopify-text p:not(.prod_para) {
  display: none;
}

/* END New Podcast Styling June 2021 */

#podcast-link-container {
  margin-top: 2em;
  text-align: left;
}

#podcast-link-container a {
  /* color: #0652af; */
  margin-right: 2em;
  margin-bottom: 0.5em;
  text-decoration: underline;
  display: inline-block;
  opacity: 1;
  transition: opacity 500ms;
}

#podcast-link-container a,
#podcast-link-container span {
  font-size: 1em;
  display: inline-block;
}

#podcast-link-container a:hover {
  opacity: 0.5;
}

#podcast-link-container i {
  margin-right: 7px;
}

/* Podcast: 2 column layout */
section.podcast-2-column {
  /* background-color: #637497; */
}

section.podcast-2-column .elementor-container .elementor-column-gap-default {
  /* max-width: 1920px !important;  INLINED */
}

section.podcast-2-column .elementor-widget-heading,
section.podcast-2-column .elementor-widget-container {
  height: 100%;
}

section.podcast-2-column .elementor-widget-container {
  /* background-image dynamically generated */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

section.podcast-2-column .column-player {
  background-color: #637497;
}

/* Desktop ONLY */
@media only screen and (min-width: 768px) {
  section.podcast-2-column .column-player {
    padding: 2em 3em 1.5em 3em;
  }

  section.podcast-2-column h4 {
    font-size: 36px !important;
    line-height: 1.25;
  }

  section.podcast-2-column iframe {
    margin-top: 3rem;
  }

  section.podcast-2-column .slider-category-list {
    margin: 0.5em 0;
  }
}

/* Mobile ONLY */
@media only screen and (max-width: 767px) {
  section.podcast-2-column .column-image .elementor-widget-container {
    height: 50vw;
  }

  section.podcast-2-column .column-player {
    padding: 0;
    padding-top: 2em;
    padding-bottom: 1em;
  }

  section.podcast-2-column iframe {
    margin-top: 2rem;
  }

  section.podcast-2-column .elementor-row {
    flex-direction: column-reverse;
  }
}

section.podcast-2-column .column-image .elementor-element-populated {
  padding: 0px !important;
}

section.podcast-2-column .elementor-column-gap-default {
  margin-left: auto !important;
  margin-right: auto !important;
}

section.podcast-2-column * {
  color: #fff !important;
}

section.podcast-2-column .progression-blog-slider-sub-title {
  font-weight: 500;
}

section.podcast-2-column .slider-category-list span {
  text-transform: lowercase;
  border-bottom: 3px solid rgb(6, 82, 175);
}

/* Two Column Slider */
.no-padding .elementor-column-wrap.elementor-element-populated {
  padding: 0 !important;
}

.two-column-slider section.podcast-2-column .post-slider-container,
.two-column-slider section.podcast-2-column .custom-slider-container {
  margin: 2em 0;
}

.two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list {
  padding: 0;
  margin: 0;
  margin-left: 1em;
  padding-bottom: 2em;
}

.two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list li {
  display: inline;
}

.two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list a {
  text-decoration: underline;
}

.two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list li+li::before {
  content: "|";
  margin: 0 0.5em;
}

/* Desktop ONLY */
@media only screen and (min-width: 768px) {

  .two-column-slider .flex-prev,
  .two-column-slider .flex-next {
    transform: scale(2) !important;
  }

  .two-column-slider section.podcast-2-column .column-text {
    padding: 4em 4em 3em 4em;
  }

  .two-column-slider section.podcast-2-column .column-text .elementor-widget-wrap {
    max-width: 600px;
  }

  .two-column-slider section.podcast-2-column h5.progression-blog-slider-sub-title,
  .two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list {
    display: inline-block;
  }
}

/* Mobile ONLY */
@media only screen and (max-width: 767px) {
  .two-column-slider section.podcast-2-column .column-text {
    padding: 10px;
    padding-top: 2em;
    padding-bottom: 1em;
  }

  .two-column-slider section.podcast-2-column h5.progression-blog-slider-sub-title,
  .two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list {
    display: block;
    text-align: center;
  }
}

.two-column-slider section.podcast-2-column {
  /*  */
}

/* Footer: Subscribe Form  */

.klaviyo-form-PjJkDG input,
.klaviyo-form-PjJkDG label,
.klaviyo-form-PjJkDG button {
  font-family: "Montserrat", Montserrat !important;
}

.klaviyo-form-PjJkDG .kgtZaW.kgtZaW {
  /* main container */
  flex-direction: column;
}

.klaviyo-form-PjJkDG .fdTPhl.fdTPhl.fdTPhl.fdTPhl.fdTPhl.fdTPhl {
  /* button */
  width: 99%;
  box-sizing: border-box;
  margin-top: 1em;
  text-transform: capitalize;
  font-size: normal;
  background-color: #0652af;
}

.klaviyo-form-PjJkDG .QrKzZ.QrKzZ {
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 4rem;
  color: #414040;
  font-size: 21px;
}

ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
  border-top: solid 3px #0652af !important;
  margin-top: 26px !important;
}

ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li.current-menu-item {
  border-top: none !important;
}

ul.sub-menu.elementor-nav-menu--dropdown li a {
  background: #f7f7f7 !important;
}

ul.sub-menu.elementor-nav-menu--dropdown li a:hover {
  background: #f9f9f9 !important;
}

.elementor-nav-menu--dropdown {
  font-size: 14px;
}

.flex-direction-nav a {
  width: auto !important;
  margin: 0px 30px !important;
}

section.podcast-2-column h4 {
  margin-bottom: 25px;
}

.two-column-slider section.podcast-2-column .post-slider-container,
.two-column-slider section.podcast-2-column .custom-slider-container {
  margin: 2em 0 3em 0;
}

.slider-category-list span {
  margin-right: 30px !important;
}

/* Mobile Only */
@media only screen and (max-width: 767px) {
  .elementor-widget-custom-slider .slider-category-list span {
    margin-right: 10px !important;
    margin-bottom: 10px;
  }
}

.podcast-2-column .progression-blog-slider-sub-title {
  margin-top: -10px !important;
  margin-bottom: 0px !important;
}

section.podcast-2-column .elementor-widget-container {
  padding-bottom: 15px !important;
}

.two-column-slider section.podcast-2-column ul.progression-blog-slider-sub-list {
  padding-bottom: 15px !important;
}

.shopify-products .elementor-column-wrap {
  margin: 0 3rem 0 0 !important;
}

.shopify-products div.elementor-widget-wrap {
  padding: 2em 1em;
}

button.podcast-skip-backward {
  padding: 0px 0px 0px 0px;
  margin-right: 5px;
}