/*
Theme Name: Pilot Mercury Atlas
Author: Pilot Digital
Author URI: pilotdigital.com
Theme URI: 
Tags: full-site-editing
Text Domain: mercury-atlas
Requires at least: 6.5
Requires PHP: 8.0
Tested up to: 6.0
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

:root {
    
 
 
    
    
}


@media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
  
 /* Typography
========================================================== 
most typogrophy should be managed in the theme.json and the editor
*/



  
  /* MORE SECTIONS
========================================================*/


span.info-icon{

	color: var(--wp--preset--color--primary);

	cursor:pointer;
	height:20px;
	
	display: inline-block;
  	vertical-align:text-top;
}

div.info-modal{
	display:none;visibility:hidden;
	}
div.info-modal.open{
	display:block;visibility:visible;
	position:absolute;
	left:95%;
	background:#ffffff;
    box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.30);
	height:fit-content;
	padding: .5rem 1rem;
	width:90%;
	z-index:2;
    line-height: 1.2;
}

@media screen and (max-width:768px) {
    div.info-modal.open{
        width: 50vw;
    }
}


/* ========================================================================
   Editor rich-text format defaults
   ------------------------------------------------------------------------
   Applied to text wrapped by the custom/* formats registered in
   assets/js/editor-formats.js. Child themes can override colors/values but
   should keep the display/layout behavior of truncate-on-mobile.
   ======================================================================== */

/* Complementary heading color — neutral fallback; child themes supply the
   context-aware color pair. */
.compcolor-span {
    color: inherit;
}

/* Lil bit Smaller — inline smaller size for emphasis. */
.lilbit-smaller {
    font-size: 0.8em;
}

/* Truncate on Mobile — hidden at small viewports. */
.truncate-on-mobile {
    /* visible by default */
}

@media (max-width: 599px) {
    .truncate-on-mobile {
        display: none;
    }
}