/**
 * Theme Name: Polares Medical Custom
 * Description: Custom Theme for Polares Medical / Blocksy Child theme
 * Author: Lobstervine
 * Template: blocksy
 * Text Domain: blocksy
 * Version: 1.0.6
 */
 
 /* Special Styles to show in editor and front end */
 @import url('assets/editor-shared.css');
 
 /** RESPONSIVE BREAKPOINTS BLOCKSY DEFAULTS: 
  * 999/1000px=tablet
  * 689/690px=mobile
  */
 
 /* HEADER AND FOOTER / SITEWIDE 
  * ____________________________________________________________________________ */
  
 /** ROOT VALUES DEFINED
   * NAV CUSTOMIZATION: thicker menu indicator
   * CONTENT WIDTH: limit content width to 1200px. Note that we want bg images to expand beyond but max 1400px (set in theme). Background colors/patterns full width beyond that. 
   */
  :root {
     --menu-indicator-height: 10px;
     --theme-normal-container-max-width: 1200px;
  }
  
 /* NAV ALIGNMENT: fudge menu down to align with polares logo = menu-item-height (and align-self: flex-end) */
 [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
     --menu-item-height: 80%;
 }
 .menu>li>.ct-menu-link {
     align-self: flex-end;
 }
 
 /* FOOTER CUSTOMIZATIONS WIP */
 @media (min-width: 690px) {
     .ct-footer [data-row="middle"]>div {
     padding-top: 0 !important;
     }
 }
 
 /*Footer custom column width & alignment tweaks @ 1200 and 1400 breakpoints */
 @media (min-width: 1200px) {
 .ct-footer [data-row="top"]>div {
     grid-template-columns: 400fr 307fr !important; /*this is 4:3 -- pushed out and added a bit to line up tranforming text better */
 }
 .ct-footer [data-row="middle"]>div {
     grid-template-columns: 3fr 5fr 3fr 3fr !important; /* this is 4:4:3:3 but wanted US/INT columns more snug */
 }
 }
 @media (min-width: 1400px) {
 .ct-footer [data-row="top"]>div {
     grid-template-columns: 500fr 312fr !important;
 }
 .ct-footer [data-row="middle"]>div {
     grid-template-columns: 3fr 7fr 3fr 3fr !important;
 }
 }
 
 /* REARRANGE ORDER on TABLET*/
 @media (min-width:690px) and (max-width:999px) {
     .ct-footer [data-column="widget-area-2"],
     .ct-footer [data-column="widget-area-3"] {
         grid-row-start: 2
     }
 }
 /* REARRANGE ORDER on MOBILE */
 @media (max-width:689px) {
     .ct-footer [data-column="widget-area-2"] {
         grid-row-start: 3
     }
     .ct-footer [data-column="widget-area-3"] {
         grid-row-start: 4
     }
 }
 
 /* BLOG PAGES 
  * ____________________________________________________________________________ */
 
 /* BLOG CUSTOMIZATION: align Blog Title left (not available in options) */ 
 .blog .entry-header {
     text-align: left !important;
 }
 
 /* BLOG CUSTOMIZATION: blog category tags */
 .blog .meta-categories {
     background-color: #35517C;
     padding: 3px 15px;
     border-radius: 15px;
     font-family: ibm-plex-mono, sans-serif;
     letter-spacing: 1px
 }
 
 /* Polares — restore native video controls hidden by the B/A slider plugin's
    global ::-webkit-media-controls rule. Scoped to native WP video blocks so
    the slider's own (control-less) videos are unaffected. */
 .wp-block-video video::-webkit-media-controls,
 .wp-block-video video::-webkit-media-controls-enclosure,
 .wp-block-video video::-webkit-media-controls-panel {
   display: flex !important;
   visibility: visible !important;
   opacity: 1 !important;
 }
 
 /* Hide unused play/stop/mute controls on the MRace before/after slider */
 .coca-bais-shortcode.shortcode-381 .video-control-area {
   display: none;
 }