/* Talk Show Fact Check - Joomla 6 template (WebGuy Communications) */
*,*::before,*::after{box-sizing:border-box}
:root{--sky:#85b4e0;--ink:#333}
html{scroll-behavior:smooth}
body{margin:0;background:#fff url(../images/symphony.png) repeat fixed;color:#333;font:14px/1.7 Arial,Helvetica,sans-serif}
img,video,iframe{max-width:100%}
a{color:var(--sky);text-decoration:none}
a:hover{color:#4f86bd}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

#header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.hin{max-width:1100px;margin:0 auto;display:flex;align-items:center;min-height:50px;padding:0 20px}
#logo{display:block;flex:0 0 auto;margin-right:auto;padding:5px 0}
#logo img{display:block;height:40px;width:auto}
#menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
#menu li{position:relative}
#menu a,#menu .mod-menu__separator{display:block;padding:14px 12px;color:#222;font:800 12px/1 Raleway,Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px}
#menu a:hover,#menu li.current>a,#menu li.active>a{color:var(--sky)}
#menu ul ul{position:absolute;left:0;top:100%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15);display:none;flex-direction:column;min-width:180px;padding:4px 0}
#menu li:hover>ul{display:flex}
#menu ul ul a{white-space:nowrap;padding:10px 16px}
#menu .mod-menu__toggle-sub,#menu .icon-chevron-down{display:none}
#menubtn{display:none;background:none;border:0;padding:10px;cursor:pointer}
#menubtn span{display:block;width:24px;height:2px;background:#333;margin:5px 0}

/* hero */
#region1{text-align:center;padding-top:30px}
.top1image{display:block;margin:0 auto;max-width:528px;width:100%;height:auto}
.herotxt h1{font:900 clamp(56px,13vw,150px)/.82 Raleway,Arial,sans-serif;text-transform:uppercase;color:var(--sky);text-shadow:1px 1px 1px rgba(150,150,161,1);margin:0;letter-spacing:-1px}
.herotxt h1.inset_txt3{font-size:clamp(44px,10vw,112px);margin-top:.05em}
.herotxt{margin:10px 0 60px}

/* founders */
#region2{padding-top:50px;padding-bottom:30px}
#region2 .module-title,#region2 h3{font:400 24px/1.2 "Kaushan Script",cursive;text-transform:uppercase;font-style:italic;margin:0 0 30px;color:#222}
#region2 .mod-custom{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.span6{min-width:0}
p.gtitle{font:italic 400 15px/1 Arial,sans-serif;margin:0 0 6px;color:#555}
#region2 h2{font:400 44px/1.1 "Kaushan Script",cursive;margin:0 0 10px;color:#222;text-transform:none}
#region2 p{font-size:14px}

/* timeline blog (home) */
#region3{padding-top:90px;padding-bottom:50px;text-align:center}
.blog-featured .page-header h1{font:400 clamp(44px,8vw,72px)/1 "Kaushan Script",cursive;color:#3d6f9c;margin:0 0 20px;text-shadow:2px 2px 2px rgba(0,0,0,.18);text-transform:none;letter-spacing:0}
.blog-featured .blog-items{display:block}
.blog-featured .blog-item{position:relative;padding-top:100px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 50px;align-items:center;max-width:820px;margin:0 auto;text-align:left}
.blog-featured .blog-item::before{content:"";position:absolute;left:50%;top:0;width:1px;height:80px;background:#222}
.blog-featured figure.item-image{margin:0;grid-row:1}
.blog-featured figure.item-image img{width:170px;height:170px;border-radius:50%;border:1px solid #222;object-fit:cover;background:#fff;display:block}
.blog-featured .item-title{font:400 40px/1.2 "Kaushan Script",cursive;color:#222;margin:0 0 6px;text-transform:none;letter-spacing:0}
.blog-featured .item-content p{font-size:15px;color:#555}
.blog-featured .readmore{display:none}
.article-info{list-style:none;margin:0 0 10px;padding:0;font-size:13px;color:#444}
.article-info dt,.article-info dd:not(.published){display:none}
.article-info dd.published{margin:0}
.article-info [class^=icon-]{display:none}

/* inner pages */
#page{padding-top:40px;padding-bottom:60px;background:rgba(255,255,255,.92)}
#page h1,#page h2{font:800 28px/1.2 Raleway,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#222}
#page .page-header h1,#page .page-header h2{font:400 44px/1.1 "Kaushan Script",cursive;text-transform:none;letter-spacing:0;color:#3d6f9c}
#page h3{font:800 18px Raleway,sans-serif;text-transform:uppercase}
.com-content-category-blog__items,.blog-items{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-items.columns-1,.com-content-featured .blog-items{grid-template-columns:1fr}
.com-content-category-blog__item,.blog-item{min-width:0}
.innerpage .blog-item{border:1px solid #e6e6e6;padding:16px;background:#fff}
#page .blog-item .page-header h2{font:800 17px/1.3 Raleway,Arial,sans-serif;text-transform:none;letter-spacing:0;color:#222;margin:0 0 6px}
#page .blog-item .page-header h2 a{color:#222}
.innerpage .blog-item .readmore{margin:10px 0 0}
.innerpage .blog-item .btn{padding:6px 12px;font-size:11px}
.pagination{margin:20px 0}
#content video,#page video{max-width:100%;height:auto}
.btn,button[type=submit]{background:var(--sky);color:#fff;border:0;padding:8px 22px;font:800 12px Raleway,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
input[type=text],input[type=email],textarea{width:100%;max-width:560px;border:1px solid #ccc;padding:8px;font:inherit}
.errorbox{padding:60px 0;text-align:center}
.btnblue{display:inline-block;background:var(--sky);color:#fff!important;padding:8px 22px}

/* footer */
#footer{text-align:center;padding:50px 20px 40px;color:#888}
#elevator{display:inline-block;margin-bottom:20px}
.footertxt{font-size:14px;max-width:900px;margin:0 auto;color:#888}
.copy{margin:40px 0 0;color:#444}

/* terms popup */
#disclaimer{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}
#disclaimer[hidden]{display:none}
.dbox{background:var(--sky);color:#333;width:500px;max-width:92vw;padding:20px 20px 14px;border-radius:4px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.dwelcome{margin:0}
.dbox h3{font:400 30px/1.3 "Kaushan Script",cursive;margin:6px 0;color:#222;text-transform:none;letter-spacing:0}
.dbox h5{font:italic 400 14px "Kaushan Script",cursive;margin:0 0 20px;color:#222}
.wbutton{display:inline-block;color:#fff!important;border:0;border-radius:3px;padding:8px 18px;font:14px Arial,sans-serif;cursor:pointer}
.wbutton.agree{background:#2bbd68}
.wbutton.disagree{background:#ff5555}
.dread{margin:26px 0 8px}
.dread a{color:#fff}

@media (max-width:900px){
  .blog-featured .blog-item{grid-template-columns:1fr;justify-items:center;text-align:center}
  .hin{flex-wrap:wrap}
  #menubtn{display:block}
  #menu{display:none;flex:0 0 100%}
  #menu.open{display:block}
  #menu ul{flex-direction:column}
  #menu ul ul{position:static;display:flex;box-shadow:none;padding-left:14px}
  #region2 .mod-custom{grid-template-columns:1fr}
  .com-content-category-blog__items,.blog-items{grid-template-columns:1fr}
  #region2 h2{font-size:34px}
}
