/* g20yeasummit.com — rebuild of the twentythirteen child theme (2014) */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:14px/1.6 Arial,Helvetica,sans-serif;color:#1a1a1a;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:#3b5d31;text-decoration:none}
a:hover{text-decoration:underline}
.container{width:940px;max-width:94%;margin:0 auto}
.clear{clear:both}

/* header */
.topbar{background:#69873C;padding:14px 0}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo img{height:78px;width:auto}
.toplinks{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.toplinks a{color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:bold}
.toplinks a:hover{color:#e6b41e;text-decoration:none}

#main-nav{background:#e6b41e;border-top:1px solid #c99a10;border-bottom:3px solid #69873C;position:sticky;top:0;z-index:30}
#main-nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
#main-nav .menu li{margin:0}
#main-nav .menu a{display:block;padding:17px 15px;color:#111;font-weight:bold;font-size:13px;
 text-transform:uppercase;letter-spacing:.02em;border-bottom:4px solid transparent}
#main-nav .menu a:hover{background:#69873C;color:#fff;text-decoration:none}
#main-nav .menu li.active a{background:#69873C;color:#fff;border-bottom-color:#3b5d31}

/* home slider */
.masthead{background:#69873C;padding:0 0 22px}
.royalSlider{position:relative;overflow:hidden;background:#222;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.royalSlider .slides{list-style:none;margin:0;padding:0;position:relative;height:356px}
.royalSlider .slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.royalSlider .slide.on{opacity:1}
.royalSlider .slide img{width:100%;height:356px;object-fit:cover}
.royalSlider .cap{position:absolute;left:0;right:0;bottom:0;background:rgba(74,109,49,.86);
 color:#fff;padding:12px 18px;font-size:14px}
.rsArrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;line-height:40px;
 text-align:center;font-size:30px;color:#fff;background:rgba(0,0,0,.35);z-index:2}
.rsArrow:hover{background:#69873C;text-decoration:none}
.rsPrev{left:10px}.rsNext{right:10px}
.rsNav{position:absolute;bottom:12px;right:16px;display:flex;gap:8px;z-index:2}
.rsNav .dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.6);display:inline-block}
.rsNav .dot.cur{background:#e6b41e}

/* welcome */
#content{padding-bottom:40px}
.welcome-message{background:#f6e4b0;border-left:6px solid #69873C;padding:22px 26px;margin:26px 0}
.welcome-message h2{margin:0 0 10px;color:#3b5d31;font-size:24px}
.welcome-message p{margin:0 0 12px;text-align:justify}

/* widgets */
.widgets{display:flex;gap:20px;flex-wrap:wrap;margin:6px 0 30px}
.widget-box{flex:1 1 280px;border:1px solid #cfd8c2;border-top:4px solid #69873C;padding:14px 18px;background:#fafcf6}
.wtitle{font-weight:bold;color:#3b5d31;text-transform:uppercase;font-size:13px;letter-spacing:.04em;margin-bottom:8px}
.widget-box ul{list-style:none;margin:0;padding:0}
.widget-box li{padding:4px 0 4px 22px;background:url('/images/tick.png') no-repeat 0 6px}

/* cards */
.home-cards h2,.cards-head{margin:10px 0 14px;color:#3b5d31;font-size:22px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 20px}
.card{border:1px solid #dcdcdc;background:#fff;overflow:hidden;display:block}
.card:hover{text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.card-i img{width:100%;height:120px;object-fit:cover}
.card-b{padding:10px 12px;display:block}
.card-t{display:block;font-weight:bold;color:#3b5d31}
.card-x{display:block;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.04em}

/* page band */
.page-head{background:#69873C;padding:26px 0 20px}
.page-head .entry-title{margin:0;color:#fff;font-size:30px}
.crumb{margin:6px 0 0;color:#dfe8d3;font-size:12px}
.crumb a{color:#e6b41e}

/* content two columns */
.content-area{padding:26px 0 40px}
.post{background:none}
.entry-content{display:block}
.two_third{float:left;width:620px;max-width:100%}
.one_third{float:left;width:280px;max-width:100%;margin-left:30px}
.side-box{border:1px solid #cfd8c2;padding:12px;margin-bottom:18px;background:#fafcf6}
.side-box h3{margin:0 0 8px;color:#3b5d31;font-size:15px;text-transform:uppercase;letter-spacing:.03em}
.side-box ul{list-style:none;margin:0;padding:0}
.side-box li{padding:3px 0 3px 20px;background:url('/images/arrow-list.png') no-repeat 0 9px}
.entry-content h2{color:#3b5d31;font-size:20px;margin:26px 0 8px;padding-bottom:6px;border-bottom:2px solid #e6b41e}
.entry-content p{margin:0 0 12px;text-align:justify}
.entry-content ul{margin:0 0 14px;padding:0;list-style:none}
.entry-content ul li{padding:3px 0 3px 24px;background:url('/images/tick.png') no-repeat 0 6px}
.entry-content ul ul li{background:url('/images/arrow-list.png') no-repeat 0 9px}

/* tables (archive style) */
.table-wrap{overflow-x:auto;margin:8px 0 18px}
table.art-table{border-collapse:collapse;width:100%;font-size:13px}
table.art-table th{background:#69873C;color:#fff;text-align:left;padding:8px 10px;border:2px solid #4a6d31}
table.art-table td{border:2px solid #cfd8c2;padding:7px 10px;vertical-align:top}
table.art-table tr:nth-child(even) td{background:#f4f7ee}

/* footer */
.site-foot{background:#4a6d31;color:#dfe8d3;margin-top:30px}
.foot-top{display:flex;gap:30px;padding:30px 0 10px;flex-wrap:wrap}
.foot-brand{flex:0 0 200px}
.foot-brand img{height:96px;width:auto;margin-bottom:10px}
.foot-brand p{font-size:12px;color:#cfe0bb;margin:0}
.foot-cols{display:flex;gap:34px;flex-wrap:wrap;flex:1}
.fcol h3{color:#e6b41e;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{padding:2px 0}
.fcol a{color:#eef5e6}
.fcol a:hover{color:#e6b41e}
.foot-soc{padding:8px 0 22px;display:flex;gap:14px}
.soc{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#eef5e6;
 background:rgba(255,255,255,.08);padding:6px 12px;border-radius:3px}
.super-foot{background:#2f4a20;font-size:12px;color:#bcd3a4;padding:12px 0}

/* responsive */
@media (max-width:900px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .two_third,.one_third{float:none;width:100%;margin-left:0}
}
@media (max-width:560px){
  .logo img{height:56px}
  #main-nav .menu a{padding:12px 9px;font-size:11px}
  .royalSlider .slides,.royalSlider .slide img{height:210px}
  .cards{grid-template-columns:1fr}
}