/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.elementor-kit-13 a.elementor-button:hover {
    text-decoration:none;
}
.yes-list .elementor-icon-list-text::after, .yes-item {
    content: "YES!";
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    font-family: "Noi Grotesk TTF", Sans-serif;
    background-image: url(https://www.lumics.io/wp-content/uploads/2025/04/brush_2.svg);
    padding: .2em .55em .6em .8em;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 1.1em;
}
.yes-item {
    font-size: 24px;
    transform: rotate(-3.5deg) translateY(-0.05em);
}

.yes-list li:nth-child(odd) .elementor-icon-list-text::after {
    transform: rotate(-3.5deg) translateY(-0.05em);
}

#home-co-logos .e-gallery-image.elementor-gallery-item__image.e-gallery-image-loaded {
	background-size: contain;
    background-repeat: no-repeat;
	max-width:99%;
}

.ticker {
	overflow-x:clip;
}

.bento-title h3 {
    min-width:190px;
}

/* Consensus Video Play icon*/
.elementor-widget-shortcode a.embed-video::after {
    content: '';
    display: block;
    width: 65px;
    height: 65px;
    opacity: .6;
    background-image: url(https://www.lumics.io/wp-content/uploads/2025/12/play-icon.svg);
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    position: absolute;
    right: calc(50% - 32.5px);
    bottom: calc(50% - 32.5px);
}

/* ========== POST STYLES =========== */
.single-post h2 {
    margin-top:20px;
}
.single-post .summary-box {
      background: #f4f8ff;
      border: 1px solid #c8daf5;
      border-radius: 6px;
      padding: 1.2em 1.6em;
      margin: 2em 0;
      font-size: 0.9em;
    }
.summary-box strong { display: block; margin-bottom: 0.5em; font-size: 1em; }
.single-post blockquote {
      border-left: 4px solid #0057b8;
      margin: 2em 0;
      padding: 0.8em 1.4em;
      background: #f4f8ff;
      color: #333;
      font-style: italic;
    }
.single-post .cta-box {
      background: #0057b8;
      color: white;
      padding: 1.6em 2em;
      border-radius: 8px;
      margin: 3em 0 2em;
    }
.single-post .cta-box h3 { color: white; margin-top: 0; font-size: 1.1em; }
.single-post a.wp-element-button {
    color:#000;
    background-color:#fff;
    border-radius:4px;
}
byline {
      font-size: 0.85em;
      color: #666;
      margin-bottom: 2em;
}



/* ===== Directory Index: match Device OID Lookup (wpDataTables) ===== */

body:has(.directory-pagination) table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  margin: 0 0 10px !important;
  font-family: "IBM Plex Mono", sans-serif;
  font-size: 16.2px;
  line-height: 24.3px;
  color: #000;
}

/* Header */
body:has(.directory-pagination) table thead tr {
  background: transparent !important; /* overrides inline #f4f4f4 */
}
body:has(.directory-pagination) table thead th {
  background-color: #000;
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 7px 10px;
  border: 3px solid #000;
}

/* Body cells */
body:has(.directory-pagination) table tbody td {
  padding: 3px 10px;
  text-align: left;
  white-space: normal;
  border: 1px solid #e0e0e0;
}

/* Striping: first row grey, like wpDataTables */
body:has(.directory-pagination) table tbody tr:nth-child(odd) td {
  background-color: #f5f5f5;
    
}
body:has(.directory-pagination) table tbody tr:nth-child(even) td {
  background-color: #fff;
}

/* Black outer border */
body:has(.directory-pagination) table tbody td:first-child { border-left-color: #000; }
body:has(.directory-pagination) table tbody td:last-child  { border-right-color: #000; }
body:has(.directory-pagination) table tbody tr:last-child td { border-bottom-color: #000; }

/* Pagination */
.directory-pagination {
  margin-top: 10px !important;
  font-family: "IBM Plex Mono", sans-serif;
}
.directory-pagination span {
  font-size: 11px;
  line-height: 16.5px;
  color: #000;
}
.directory-pagination a {
  display: inline-block;
  padding: 8px 15px 5px;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  color: #666;
  background-color: transparent;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.directory-pagination a:hover,
.directory-pagination a:focus {
  background-color: #e8e8e8;
  color: #666;
}
body:has(.directory-pagination) .search-form {
    display:flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
body:has(.directory-pagination) form {
    margin-bottom: 25px; display: flex; gap: 10px; flex-direction:row;
}
.directory-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
}


/* ========== RESPONSIVE ========= */

@media (min-width:768px) {
	.vid-thumb-tall img {
    	height: 800px;
	    object-fit: cover;
    	object-position: center center;
	}
	.vid-thumb-sm-tall img {
		height: 420px;
	    object-fit: cover;
    	object-position: center center;
	}
	#same-height-videos img {
		height: 380px;
		width:100%;
	    object-fit: cover;
    	object-position: center center;
	}
	.bento-title h3 {
	    min-width:190px;
	}
}

@media (min-width:1025px) {	
	div.ned-title-bar {
		background-size: 180px auto !important;
	}
}
@media (max-width:767px){
    .ned-title-bar {
        background-position: 100% 10px !important;
    }
    .ned-title-bar > .e-con-inner {
        padding-top:30px !important;
    }
    .ned-title-bar h1 { 
        font-size:38px !important;
    }
    body:has(.directory-pagination) .search-form {
        flex-direction:column;
        align-items: flex-start;
    }
    body:has(.directory-pagination) form {
        flex-direction:column;
        max-width:100%;
    }
    .directory-table {
        width: max-content;
        min-width: 100%;
    }
   .directory-table th,
   .directory-table td {
        white-space: nowrap;
    }
}
@media (max-width:479px){
    .logo-gallery .gallery-item {max-width:33% !important;}
}