/* STOLEN.news - Joomla 6 template (WebGuy Communications) */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font:16px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%}
a{color:#7a7a7a}
a:hover{color:#ec8918}
h1,h2,h3,h4{font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.15;color:#333;margin:0 0 .5em}
h1{font-size:44px}h2{font-size:38px}h3{font-size:22px}
hr{border:0;height:4px;width:86px;margin:26px auto;border-top:2px solid #ec8918;border-bottom:2px solid #ec8918;height:6px;background:transparent}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
nobr{white-space:nowrap}
center{display:block;text-align:center}

/* top bar + header */
#headertop{background:#111;color:#fff;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
#headertop .wrap{max-width:1200px;display:flex;justify-content:space-between;padding:6px 20px}
#headertop p{margin:0}
#headertop a{color:#fff;text-decoration:none}
#headerwrap{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 #e5e5e5}
#header{max-width:1200px;display:flex;align-items:center;gap:20px;min-height:76px}
#logo{display:block;flex:0 0 auto}
#logo img{display:block}
#menu{flex:1 1 auto}
#menu ul{list-style:none;margin:0;padding:0}
#menu ul.mod-menu{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
#menu li{position:relative}
#menu a,#menu span.separator,#menu .mod-menu__heading{display:block;padding:10px 18px;color:#444;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.07em;cursor:pointer}
#menu li:hover>a,#menu li:hover>span,#menu li.active>a{color:#ec8918}
#menu .mod-menu__toggle-sub{background:none;border:0;padding:0;font:inherit;color:inherit;display:block;width:100%;text-align:left}
#menu .icon-chevron-down{display:none}
#menu li.deeper>button .mod-menu__separator::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;vertical-align:-2px}
#menu li.deeper>a::after,#menu li.deeper>span::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:currentColor;vertical-align:-2px}
#menu ul ul{position:absolute;left:0;top:100%;min-width:230px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);display:none;z-index:60;padding:6px 0}
#menu li:hover>ul,#menu li:focus-within>ul{display:block}
#menu ul ul a{text-transform:none;font-size:13px;letter-spacing:.02em;padding:8px 20px;white-space:nowrap}
#menu ul ul ul{left:100%;top:0}
#menuright1 input[type=search],#menuright1 input[type=text]{border:1px solid #ccc;border-radius:16px;padding:5px 14px;width:140px;font-size:13px;background:#fff}
#menuright1 .mod-search,#menuright1 form{margin:0}
#menuright1 .btn,#menuright1 button{display:none}
#menubtn{display:none;background:none;border:0;padding:10px;cursor:pointer;margin-left:auto}
#menubtn span{display:block;width:24px;height:2px;background:#333;margin:5px 0}

/* home hero */
#region1{position:relative;background:radial-gradient(circle at 50% 40%,#5d5d5d 0%,#2b2b2b 55%,#141414 100%);color:#fff;overflow:hidden;min-height:496px;display:flex;align-items:center;justify-content:center;text-align:center}
#ytbg{position:absolute;inset:0;opacity:.25;pointer-events:none}
#ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0}
.r1in{position:relative;z-index:2;padding:60px 20px;max-width:1000px}
.insetslidewrap h1{color:#fff;font-size:46px;margin-bottom:.4em}
.insetslidewrap p{color:#fff;font-size:20px;line-height:1.5;margin:0 0 1em}
.insetslidewrap a{color:#fff}
.btnblue{display:inline-block;background:#4f8fe8;color:#fff!important;text-decoration:none;padding:7px 16px;font-size:14px;margin:2px}
.btnblue:hover{background:#2f6fd0}

/* home sections */
#region2{padding-top:70px;padding-bottom:20px;text-align:center}
.lightbox{background:#fff}
#region2 h1{font-size:44px;margin-top:40px}
#region2 .sect-title h2{font-size:36px;line-height:1.05;margin-bottom:.2em}
#region2 .sect-title span{display:block;font-size:20px;line-height:1.6;color:#111}
#region2 .sect-title a{color:#7a7a7a}
#region2 video{display:block;width:100%;height:auto;background:#000}
.note{background:#fdec9c;padding:20px;text-align:left;position:relative;margin:20px 0}
.note::after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent #d6c24d #fdec9c}
#region3{padding-top:70px;padding-bottom:70px}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.toparticlewrap h2{font-size:26px;letter-spacing:.08em;text-transform:none}
.toparticlewrap p{font-size:14px;line-height:1.7;text-align:justify}
#region4{display:grid;grid-template-columns:1fr 1fr;background:#ec8918;color:#fff;min-height:452px}
#region4 .bridge{background:#444 url(../images/city.jpg) 0 50%/cover no-repeat}
#region4 .r4text{padding:60px 60px;display:flex;align-items:center}
#region4 h2{color:#fff;font-size:38px}
#region4 span{font-size:20px;line-height:1.6;display:block;color:#fff}
#region4 p{font-size:15px;color:#fff}
#region4 hr{border-color:#fff;margin-left:0}
#region5{background:linear-gradient(#ebebeb 0,#ebebeb 35%,#fff 100%);padding:60px 0 70px;text-align:center}
#region5 .sect-title h2{font-size:36px}
#region5 .sect-title span{display:block;font-size:20px}
#region5 .sect-title p{font-size:14px;line-height:1.7;margin-top:70px}
.hexrow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px;align-items:start}
.hex{text-align:center;padding:0 20px}
.hex:nth-child(1){order:2}.hex:nth-child(2){order:1;margin-top:200px}.hex:nth-child(3){order:3;margin-top:200px}
.hex:nth-child(1){margin-top:0}
.hexpic{display:block;width:220px;height:254px;margin:0 auto;background-size:cover;background-position:center;background-color:#888;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hexline{display:block;width:1px;height:76px;background:#aaa;margin:34px auto 20px}
.hex h3{font-size:18px;color:#777;letter-spacing:.04em}
.hex h3 a{color:#777;text-decoration:none}
.hex p{font-size:15px;line-height:1.6;margin:0}
#region7{background:#f0f0f0;padding:100px 0}
.countbox{background:#ccc;text-align:center;padding:30px 20px 36px}
.countbox h2{font-size:34px;text-transform:none;color:#333;letter-spacing:.04em}
.countbox h3{color:#fff;text-transform:none;font-weight:400;font-size:22px;margin:24px 0 0}
.circles{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:18px}
.circle{width:120px}
.circle .ring{position:relative;width:120px;height:120px;border-radius:50%;border:6px solid #5aaff5;background:conic-gradient(#999 calc(var(--p,0)*1%),transparent 0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.circle .lbl{background:#007deb;color:#fff;font-size:15px;line-height:24px;margin-top:6px}
#region9{background:#ec8918;color:#fff;text-align:center;padding:0}
#region9:empty{display:none}
#region9 .sect-title{padding:70px 20px}
#region9 h2{color:#fff}
#region9 hr{border-color:#fff}
#region9 span{font-size:20px}
#region12{padding-top:50px;padding-bottom:20px}
#region12 .contactwrap{font-size:14px}
#footer{background:#f8f8f8;padding:70px 20px 60px;text-align:center;font-size:12px;color:#111}
#footer .fin{max-width:640px;margin:0 auto}
#footer a{color:#7a7a7a}
.bottomlogo{background:url(../images/mag.png) 50% 50%/100% no-repeat;width:100px;height:100px;margin:0 auto}
.darkbar{background:#262626;height:107px}

/* inner pages */
#page{padding-top:40px;padding-bottom:60px}
#cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}
#cols:has(#sidebar:empty){grid-template-columns:minmax(0,1fr)}
#content h1{font-size:34px}
#content h2{font-size:22px;letter-spacing:.04em}
#content .blog-item h2,#content .item-title{font-size:22px}
#content .page-header h2,#content .com-content-article__header h1{font-size:34px}
#content img{height:auto}
#content table{border-collapse:collapse;max-width:100%}
.mod-breadcrumbs{list-style:none;padding:0;margin:0 0 20px;font-size:13px;color:#888;display:flex;flex-wrap:wrap;gap:6px}
.mod-breadcrumbs a{color:#888}
#sidebar .moduletable,#sidebar>div{margin-bottom:24px}
.redbox{background:#c0392b;color:#fff;padding:20px;text-align:center}
.redbox a{color:#fff}
.nopadding{padding:0}
.mod-articleslatest{list-style:none;padding:0;margin:0}
.mod-articleslatest li{padding:6px 0;border-bottom:1px solid #eee}
.pagination,.com-content-category-blog__navigation{margin:20px 0}
.btn,.btn-primary,button[type=submit]{background:#4f8fe8;border:0;color:#fff;padding:8px 18px;cursor:pointer;font-size:14px}
input,textarea,select{font:inherit}
.errorbox{padding:60px 0;text-align:center}
.wrapper{border:1px solid #ddd;width:100%}

@media (max-width:980px){
  #header{flex-wrap:wrap;min-height:60px}
  #menubtn{display:block}
  #menu{display:none;flex:0 0 100%;order:5}
  #menu.open{display:block}
  #menu ul.mod-menu{flex-direction:column;align-items:stretch}
  #menu ul ul{position:static;display:block;box-shadow:none;padding:0 0 0 14px}
  #menu li.deeper>a::after,#menu li.deeper>span::after{display:none}
  #menuright1{order:6;flex:0 0 100%;display:none}
  #menu.open+#menuright1{display:block}
  #region4{grid-template-columns:1fr}
  #region4 .bridge{min-height:220px}
  #region4 .r4text{padding:40px 24px}
  .twocol{grid-template-columns:1fr;gap:10px}
  .hexrow{grid-template-columns:1fr}
  .hex:nth-child(n){margin-top:30px;order:0}
  .hex .hexline{height:30px}
  #cols{grid-template-columns:1fr}
  h1,#region2 h1,.insetslidewrap h1{font-size:32px}
  h2,#region2 .sect-title h2{font-size:26px}
  #region7{padding:40px 0}
  .circles{gap:16px}
}