/*.pnl { border-color: transparent; }*/

.detail { padding: 0; }


.main { border: none; background: transparent; }

.panels > div, .panels div.showhide { margin-bottom: 15px; }

.quicksearch .notquicksearch { display: none; }

.icn-16.graybg:hover > span { background-image: url('../img/icn/sprites/vx_sprites_grayscale.png?22'); opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.icn-16.friend-16 span,
.icn-16.message span,
.icn-16.board span,
.icn-16.group span,
.icn-16.issue span,
.icn-16.all span,
.icn-16.friend-16:hover span,
.icn-16.message:hover span,
.icn-16.board:hover span,
.icn-16.group:hover span,
.icn-16.issue:hover span,
.icn-16.all:hover span{ background-image: url('/inc/img/icn/sprites/version-2-Sprites.png'); width: 24px; height: 24px; }


/*Skin Detail*/
.friend-16 > span { background-position: -24px 0; }
.message > span { background-position: -54px 0; }
.board > span { background-position: -78px 0; }
.reports > span { background-position: -138px 0; }
.issue > span { background-position: -160px 0; }
.group > span { background-position: -102px 0; }
.all > span { background-position: -182px 0; }

.icn-16.all > span { width: 28px; }
.icn-16.group > span, .icn-16.friend-16 > span, .icn-16.group:hover > span, .icn-16.friend-16:hover > span { width: 31px; }

.addplus { position: absolute; bottom: -1px; left: 5px; font-style: normal; font-weight: bold; font-size: 12px; }



.inbounds .dialogclose { right:2px;top:0;}

.controls .copy { margin-top: 0; margin-bottom: 0; }

.cb-buttons { margin: 0px 0 10px; display: block; width: 100%;  }
.cb-buttons input[type=checkbox] { display: none; }
.cb-buttons label { padding: 5px 12px 6px; border-radius: 5px; border: solid 1px #A0A0A0; font-size: 14px; cursor: pointer; transition: all ease-in-out 0.2s; white-space: nowrap; margin: 0 3px 3px 0; display: inline-block; }
.cb-buttons label:hover { background-color: #EEE; border-color: #EEE; }
.cb-buttons input[type=checkbox]:checked + label { background: #09F; border-color: #09F; color: #FFF !important; }

.copyright {  color: #CCC; display: inline-block; }
.copyright .poweredby { display: inline-block; }

footer .applinks a { display: block; text-align: left !important; }
footer .applinks a img { max-width: 120px !important; }
.mobileonly #mobile-btn { display: none; }
.mobonly { display: none }

/* Header Elements */
#hdr #loginpanel { white-space: nowrap; vertical-align: top; float: right; }

#welcome-page { margin-top: 25px; gap: 30px; flex-wrap: wrap; }
#welcome-page .col1 { width: calc((100% - 30px) * .38); }
#welcome-page .col2 { width: calc((100% - 30px) * .62); }


.rpnl { border-radius: 8px; padding: 0px; margin-bottom: 10px; background-size: cover; background-color: #CCC; box-shadow: 0 2px 10px rgba(0,0,0,0.2); color: #FFF; position: relative; }
.rpnl a { display: block; padding: 25px 15px; color: #FFF; font-weight: bold; }
.rpnl a:hover { text-decoration: none !important; }
.rpnl a .icon { position: absolute; top: 15px; right: 18px; font-size: 2em; }
.rpnl.welcomepanel { min-height: 45px; padding: 250px 15px 15px 15px; text-shadow: 0 0 1px rgba(100,100,100,0.6); }
.rpnl.welcomepanel a.button { border-radius: 8px; display: inline-block; background: #AAA; padding: 10px 25px; }
.rpnl.welcomepanel a.button:hover { }

.welcomepanel .w-message { padding-bottom: 15px; }

#welcome-page .col1 .rpnl a { padding: 30px 15px; font-size: 1.5em; }
#welcome-page .col2 .rpnl a .icon { top: 20px; font-size: 1.75em; }

.welcome-page .col3 { flex-wrap: wrap; gap: 10px; }
.welcome-page .col3 > div { margin-bottom: 0; width: calc((100% - 20px) / 2); }

#loginpanel { text-align: right;position: relative; z-index: 18; }
#loginpanel table { width: 100%; }
#loginpanel input.txt { padding: 3px 5px; }
#loginpanel input[type=text] { width: 240px; }
#loginpanel input[type=password], #loginpanel #pwd_clone { width: 178px; border-spacing: 0; }
#loginpanel a.btn { display: inline-block; font-size: 15.7px; padding: 6px 14px; }
#loginpanel .btn.clicked { background: #006676; color: #EEE; }
#loginpanel .btn { color: #FFF; background: #007787; border: solid 1px transparent; }
.notsignedin #loginpanel { padding: 0 0 0 5px; }
.signedin #loginpanel { position: absolute; bottom: 5px; right: 5px; }

#hdr .signedin #search-box { padding-top: 10px; position: absolute; right: 0; top: 0; }
#hdr #loginpanel a { color: #FFF; }
#hdr #loginpanel .btn { border-bottom: none; }




.friends { position: relative; }


.c-inner hr { background: #EEE; margin-bottom: 20px; margin-top: 5px; }
.c-inner iframe { background: #CCC; border: none; width: 100%; min-height: 100vh; }
.c-inner iframe.parsed { min-height: 0; }


.fi-wrapper { position: relative; text-align: center; margin-bottom: 35px; }
.fi-wrapper img { width: 100%; }
.fi-wrapper h2 { font-size: 2em }
.fi-banner { position: absolute; top: -25px; right: 0; left: 0; text-align: center; }
.fi-banner h5 { display: inline-block; background: #CCC; padding: 10px 30px; font-size: 1.25em; }
.fi-content { max-width: 80%; margin: 0 auto; padding: 10px 5px 5px 5px; }

.fi-wrapper.todays-update { margin-top: 75px; }
.todays-update .fi-banner h5 { background-color: #F15B4E; }
.todays-update .fi-content { padding-top: 42px; padding-bottom: 35px; max-width: 100%; background-color: #F7F7F7; border-top: solid 4px #000; border-bottom: solid 3px #000; }
.todays-update .fi-content .cmt { max-width: 90%; margin: auto; }

/* ==================================== */

div.c-image { width: 350px;float:right; margin: 0 0 10px 20px; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 0 !important; overflow: hidden; }
div.c-image img { visibility: hidden; width: 100%; }

.controls .popmenu-wrap a { width: auto; /*padding: 2px 15px 8px 15px !important;*/ }


/*.menulinks { line-height: 0; white-space: nowrap; position: absolute; right: 0; }*/

.tagslist > a { display: inline-block; padding: 2px 4px; }

.categories { }

.list.items .item:last-child { margin-right: 0; }
.list.items .item { display: inline-block !important; margin-bottom: 10px; }
.list.items .img-container { line-height: 0; font-size: 0; overflow: hidden; }
.list.items .item img { width: 100%; }
.list.items:not(.masonry) .detail { background: #CCC; padding: 2%; transition: all ease-in-out 0.2s; }
.list.items .desc { margin: 0; }
.list.items .detail a { text-decoration: none; }

.list h4 a { color: #1A1A1A; }

.key { font-size: 0.85em; color: #555; font-family: Arial; }
.key > div { min-height: 17px; }
.keybox { width: 16px; height: 16px; float: left; margin-right: 4px; }
.key > div h3 { margin: 0; font-size: 1.2em; }

.chart-container { margin: 10px 1px 1px 1px; }
.split3 .item-tb { position: absolute; height: 23px; }
.split3 .item-tb > div { height: 23px; min-width: 60px; }
.split3 .item-tb h4 { font-size: 1em; letter-spacing: 0.025em; margin: 4px 8px 3px 8px; }

.item-tb { height: 25px; font-size: 0.95em; color: #A0A0A0; font-family: Arial; position: absolute; text-align: center; transition: all ease-in-out 0.2s; z-index: 10 }
.item-tb > div { height: 27px; display: inline-block; min-width: 80px; }
.item-tb > div h4, .split2 .item-tb > div h4 { color: #FFF; margin: 4px 8px 3px 8px; font-size: 1.25em; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; }
.item-tb .hosttime { padding-left: 5px; }
.link-options a {  font-size: 1.15em; }
.no-touch .link-options a:hover { text-decoration: none; }

.split2 { margin-top: 5px; }
.split2 .item { padding: 0; width: 49.5%; margin-right: 0.5%; height: 330px; overflow: hidden; border-radius: 0; }
.split2 .img-container { max-height: 300px; }
.split2 .item:last-child { margin-right: 0; }

.latestissues.list.items .item { display: inline-block !important; transition: all ease-in-out 0.2s; }
.latestissues.list.items .item .img-container { }
.latestissues.list.items .item .img-container img { margin: 0; }

.latestissues.list.items.simple .detail,
.list.items.split5.simple .detail { position: relative }
.list.simple .link-options { display: none !important; }

.masonry .item .img-container { background-size: cover; background-position: center center; }
.masonry .item .img-container a { }
.masonry .item .img-container img { margin: 0; display: none; }

.item iframe { width: 250px; }

.signedin .split2 .item { padding: 0; border: none; width: 49.7%; }

.list .detail .chart-summary h3 { margin-left: 0 }

.split2 .item-tb { display: none; }
.split2 .detail-title { background: #333; color: #FFF; padding: 5px; font-weight: bold; letter-spacing: 0.4px; font-size: 1.15em; }
.split2 .detail-title a { color: #FFF; }
.no-touch .split2 .detail-title a:hover { text-decoration: none; }
.split2 .item-poll .cc { border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.split2 .item-poll .detail-title { min-height: 45px; padding: 5px 8px; position: relative; z-index: 4; text-align: center; }
.split2 .item-poll .detail { background: #000; vertical-align: bottom; position: absolute; right: 70%; top: 55px; bottom: 0; left: 0; padding: 0; font-size: 11px; }
.split2 .item-poll .detail > a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.split2 .item-poll .img-container, .split2 .item-poll .cc { position: absolute; top: 55px; left: 30%; right: 0; bottom: 0; }
.split2 .item-poll .cc p { position: absolute; right: 4%; bottom: 3%; font-weight: bold; z-index: 10; }
.split2 .item-poll .chart-container { position: relative; margin: 2%; top: auto; right: auto; bottom: auto; left: auto; }
.split2 .item-poll .chart-summary { color: #FFF; position: relative; left: 0; padding: 7% 0; font-size: 1.3em; text-align: center; }
.split2 .item-poll .chart-summary h3 { color: #FFF; font-weight: bold; font-size: 1.7em; }
.split2 .item-poll .ftr { position: absolute; right: 0; bottom: 0; left: 0; top: auto; text-align: center; font-size: 1.6em; padding: 5.5% 0; }
.split2 .item-poll .ftr a { color: #FFF; text-transform: uppercase; }
.split2 .item-poll .ftr .tools { text-align: center; display: none; }
.split2 .item-poll h4 { padding-bottom: 0; text-transform: uppercase; font-size: 0.9em; display: inline-block; }
.split2 .item-poll h4 .prop { margin-left: 5px; font-size: 1.05em; color: #D0D0D0; }
.split2 .item-poll p { font-family: Arial; margin: 0; }
.split2 .item-poll p.desc { position: relative; text-align: center; top: auto; right: auto; bottom: auto; left: auto; border-radius: 0; padding: 4%; }

.split2 .item-poll .bottom { position: absolute; bottom: 0; }

.split2 .item-survey { }
.split2 .item-survey .item-tb > div { min-width: 24%; }
.split2 .item-survey .top { position: absolute; top: 27px; right: 0; bottom: 50%; left: 0; }
.split2 .item-survey .top img { display: inline-block; height: 100%; width: auto; }
.split2 .item-survey .content { position: absolute; left: 24%; top: 0; padding: 8px 10px; color: #FFF; font-size: 1.2em; font-weight: 600; }
.split2 .item-survey .content p { margin: 0; }
.split2 .item-survey .chart-container { top: auto; right: 0; bottom: 0; left: 60%; background: #DDD; }
.split2 .item-survey .ftr { background: #FFF; top: 48%; }
.split2 .item-survey h3 { font-weight: bold; font-size: 1.2em; }
.item-survey .link-options { position: absolute; right: 40%; bottom: 5%; left: 2%; }
.item-survey .ftr .link-options a { padding: 1.2% 5%; background: #333; color: #FFF; text-transform: uppercase; }

.list.items .item-survey .detail { background: #000; color: #FFF; }
.list.items .item-survey .detail h4 { color: #FFF; text-transform: uppercase; font-size: 1.2em; }
.list.items .item-survey a.more { position: absolute; right: 15px; bottom: 15px; color: #FFF; }

.item-survey .point { position: absolute; bottom: 5px; left: 10%; width: 0; height: 0; border-style: solid; border-width: 0 1em 1em 1em; border-color: transparent transparent #FFF transparent; }
.split2 .item-survey .ftr a.m-btn { background: #333; color: #FFF; padding: 5px 8px; text-transform: uppercase; }

.split2 .detail h4 { }
.split2 .detail h4 a { color: #FFF; }
.split2 .content { position: absolute; bottom: 0; right: 0; left: 0; padding: 4%; vertical-align: bottom; }

.split2 .chart-container { position: absolute; right: 0; top: 30px; bottom: 25%; left: 30%; }
.split2 .chart-summary { position: absolute; top: 0; right: 0; left: 30%; padding: 2% 4% 4% 4%; font-weight: bold; font-size: 1.3em; }
.split2 .chart-summary a { color: #404040; }
.no-touch .split2 .chart-summary a:hover { text-decoration: none; }
.split2 .ftr { background: #FFDFBF; position: absolute; top: 75%; bottom: 0; left: 0; right: 0; padding: 2% 2%; overflow: hidden; font-size: 1.1em; color: #333; }
.split2 .ftr a { color: #404040; }

.split2 .item-gallery { padding-top: 0; }
.split2 .item-gallery .detail h4 { font-size: 1.3em; }
.split2 .item-gallery .detail h4 span { color: #FFF; }
.split2 .item-gallery .detail h4 a { color: #FFF; }
.split2 .item-gallery .detail { background: #F5761F; position: absolute; top: 0; right: 0; left: 0; min-height: 40px; padding: 1%; }
.split2 .item-gallery .content { padding: 2%; position: relative; }
.split2 .item-gallery .img-container { max-height: 320px; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; }
.split2 .desc { color: #000; font-size: 1.3em; position: absolute; bottom: 10%; left: 5%; right: 5%; background: #FFF; padding: 3% 4.5% 4% 4.5%; border-radius: 10px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.big-quote { font-size: 1.5em; }
.split3 { margin-top: 10px; margin-bottom: 10px; }
.split3 h4 { font-size: 1.3em; text-align: center; }
.list.items.split3 .item { width: 32.25%; margin-right: 1.625%; margin-bottom: 0.5%; background: #DDD; padding: 0; border: none; }
.list.split3 h4 a { color: #FFF; }
.list.items.split3 .item:last-child { margin-right: 0; border-right: none; }
.list.items.split3 .item:nth-child(3n) { margin-right: 0; border-right: none; }
.list.items.split3 .content { height: 55px; }

.list.items.split3 .detail { padding: 3% 2% 2% 1.5%; position: absolute; right: 0; bottom: 0; left: 0; background: none repeat scroll 0 0 rgba(40, 50, 61, 0.6); }
.list.items.split3 .detail:hover { background-color: rgba(40, 50, 61, 0.8); }
.list.items.split3 .link-options a { background: transparent; color: #FFF; padding: 1.2% 5%; text-transform: uppercase; }
.no-touch .list.items.split3 .link-options a:hover { text-decoration: none; }

.signedin .list.items.split5 .item { width: 24.4%; margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(5n) { margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(4n) { margin-right: 0%; }
.list.items.split5 .item:nth-child(5n) { margin-right: 0; }
.list.items.split5 .item-tb { position: absolute; display: none; }
.list.items.split5 .item:hover .item-tb { display: block; }
.list.items.split5 .item-tb > div { height: 18px; min-width: 0; }
.list.items.split5 .item-tb h4 { letter-spacing: 0; margin: 2px 7px 2px; font-size: 0.9em; }
.list.items.split5 .item { width: 19.6%; margin-right: 0.4%; border: none; padding: 0; }
.list.items.split5 h4 { font-size: 1.2em; font-weight: 600; padding-bottom: 0; margin-bottom: 0; }
.list.items.split5 h4 a { color: #FFF; text-shadow: 2px 2px rgba(0,0,0,0.4) }
.list.items.split5 p { display: inline; font-size: 0.9em; color: #FFF; }
.list.items.split5 :hover .detail { background: rgba(40, 50, 61, 0.9); }
.list.items.split5 .detail { background: rgba(40, 50, 61, 0.18); /*height: 55px;*/ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10%; text-align: center; }
.list.items.split5 .detail.smld { height: 50px; }
.list.items.split5 .img-container { }
.list.items.split5 .link-options { position: absolute; bottom: 20px; left: 0; right: 0; padding: 10px; }
.list.items.split5 .link-options a { color: #FFF; font-size: 1.1em; font-weight: 600; text-transform: uppercase; }
.list.items.split5 .link-options a.r-btn { }

.issuegridlist .tools { display: none; }
/*.relatedissues .masonry  > .item { width:20%; }*/

.list.items.split3special .item { width: 30.0%; margin-right: 0.3%; }
.list.items.split3special .item { padding-top: 0; padding-bottom: 0; }
.list.items.split3special .img-container { max-height: 170px; }
.list.items.split3special .detail { display: none; }

.smalllist.list .p-detail .media { clear: left; margin-right: 2.5%; }
.smalllist.list .p-detail .media .img { margin-left: 0; }
.smalllist.list .p-detail .media .img .bg, .embed .media .img .bg { background-size: 200px 150px; }

.p-detail .content { min-height: 85px; }
.p-detail .prop { color: #366EAA; font-size: 1.15em; margin-bottom: 15px; /*min-height: 45px;*/ }
.p-detail img { max-width: 100%; }

.list > div h3 { }
.list > div h3 a { color: #222; }

.media .extra { font-size: 0.8em; }

body.home.notsignedin .latestissues_more { clear: both; }

/*Skinned?*/
.notsignedin .detail .desc { min-height: 0; }
.pages a, .pages span { font-size: 12px; }

.sociallinks a { color: #FFF; font-size: 3em; margin-right: 25px; }
.sociallinks a:last-child { margin-right: 0; }

#l-menuclose { display: none !important; }
/*
#mobile-menu #menu .menulinks .menuitem { float: none; }
.menulinks .menuitem { margin-top: 0%; margin-bottom: 0%; }
#menu .menulinks .menuitem { display: inline-block; float: none; }*/

/* Responsive Layout Rules */
#admin #logo { display: none; }

.popular h2, #latest h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; }
.popular { margin: 20px 0 0 0; }

.bbox {  width: calc((100% - 30px) / 5); text-align: center; position: relative; vertical-align: top; }
.bbox .img { max-width: 350px; width: 100%; text-align: center; margin: auto; position: relative; line-height: 0; }
.bbox .img img { width: 100%; }
.bbox .desc { width: 80%; margin: auto; text-align: center; }

.bbox .img a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all ease-in-out 0.2s; z-index: 9; }
.bbox h3 { margin-top: 12px; font-size: 1.45em; }
.bbox h3, .rrow h3 {  overflow: hidden; }
.bbox .inner { visibility: hidden; transition: all ease-in-out 0.2s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10% 10% 0; text-align: center; line-height: 23px; color: #FFF; font-size: 17px; }
.bbox .inner h4, .bbox .inner a { color: #FFF; }
.bbox:hover .inner { visibility: visible; background: rgba(0,0,0,0.5); }
.issue.bbox .img { max-width: 100%; }


#latest { margin-top: 20px; }

.rrow, .list > div.rrow { margin-bottom: 12px; border-bottom: solid 1px #CCC; padding-top: 8px; padding-bottom: 15px; max-height: 220px; overflow: hidden; position: relative; vertical-align: top; }
.rrow .img, .rrow .table > div > div.img {  height: auto; padding-bottom: 0; overflow: hidden; text-align: right; position: relative; }
.rrow .img > div { max-width: 200px; width: 130px; min-height: 100px; text-align: right; display: inline-block; position: relative; }
.rrow .img > div a { display: block; }
.rrow .img > div img { width: 100%; }
.rrow { display: block; }
.rrow > div > div { width: 100%; margin: 0; height: 100%; }
.rrow .table > div > div { display: table-cell !important; }

.rrow h3 {  margin-bottom: 0px;  }
.rrow h4 { font-size: 14px; }
.rrow .desc { font-size: 13px; }
.rrow .options > a.icn-16 { font-size: 17px; }

.list .medtext h3 { font-size: 1.15em !important; }
.list .longtext h3 { font-size: 1.05em !important; }


.bbox .yes { color: #7EC300; }
.bbox .no { color: #F00; font-weight: 500; }
.bbox .agreement { font-size: 1.35em; text-align: center; padding-top: 12px; }

.no-touch .rrow .controls a:hover { background: #666; text-decoration: none; color: #FFF; }

.pnl > div.tag-list { padding-top: 0; }

.ios .rrow .stat { bottom: 0; }
.cbutton { display: inline-block; margin-bottom: 2px; line-height: 100% }

.display850{ display: none; }

/*Widgets*/
.widget.wbox.image { padding-top: 20px; padding-bottom: 20px; }
.widget.wbox.image > div > div { width: 50%; }
.widget.wbox.image > div > div { }
.widget.wbox.image img { max-width: 100% !important; width: 100% }
.widget.wbox.image .w-mcontent { text-align: center; height: 100%; padding: 10% 10%; }
.widget.wbox.image .w-mcontent h2 { padding-bottom: 25px; }
.widget.wbox.image .w-button-outer { padding-top: 30px; }

.widget.wbox.icon { text-align: center; padding: 10px 20px; margin-bottom: 30px; }
.widget.wbox.icon img { max-width: 100% !important }
.widget.wbox.icon .w-button-outer { padding-top: 30px; }


iframe#caseAS { height: 640px !important; width: 980px !important;aspect-ratio: 16 / 9; }


@media only screen and (min-width:1900px) {
  .list.masonry .item .img-container { max-height: 210px; min-height: 210px; }



}

@media only screen and (max-width:1900px) {
  #menu .menuitem { font-size: 18px; }

  #hdr > .middle, #content > .middle, .middle { width: 98%; }
  .middle { max-width: 1600px }
  /* #mobile-btn { right: 4px; }  */
 /* .main-menu .menulinks { min-width: 42%; }*/
}


@media only screen and (max-width:1800px) {

  .rrow .options { display: none }
}

@media only screen and (max-width:1550px) {


  #welcome-page .col3 { width: 100%; }
.bbox {  width: calc((100% - 30px) / 4); text-align: center; position: relative; vertical-align: top; }
}


@media only screen and (max-width:1550px) {

}

@media only screen and (max-width:1400px) {

  #admin-edit-state { top: auto; bottom: 0; }
  #menu .menuitem { font-size: 15px; }


  #loginpanel a.btn { padding: 6px 13px; }

/*  .main-menu .menulinks { min-width: 45%; }*/
}

@media only screen and (max-width:1300px) {


.bbox {  width: calc((100% - 30px) / 3); text-align: center; position: relative; vertical-align: top; }
}

@media only screen and (max-width:1200px) {
  #menu .menuitem { font-size: 14px; }
/*  .main-menu .menulinks { min-width: 50%; }
  .menulinks { white-space: normal; height: auto; }*/
  #menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a { white-space: normal; height: auto; }

  #hdr .search-box { margin-right: 32px; }


  .list.items.masonry .item, .list.masonry .item { width: calc(25% - 12px); margin-right: 10px; margin-bottom: 20px; }
  .l-menu .inner .icnfa { border-radius: 0; }
  .l-menu .inner .icnfa .fa { margin-right: 5px; }


}

@media only screen and (max-width: 1024px) {
  .topsharelinks { display: none; }

  #mobile-menu #menu a.icn-16.title { padding-left: 5px; }
  #mobile-btn { display: block; }

  .l-menu .copyissue { display: none; }
  .l-menu > div { padding-left: 0; }
  .l-menu .pnl > div { background: transparent; }
  .l-menu .site-ad { display: none; }
  .l-menu { padding-top: 0; }
  .l-menu .pnl { margin-bottom: 0; }
  
  .column.activity-lastcolumn { display: none; }
  #admin-edit-state { display: none; }

  #mobile-btn { right: 0 }
  #usermenu a .text { display: none; }


  #copyright { text-align: center; }

  .vxtitle { display: block; float: none; width: 34%; }
  #menu .menuitem { font-size: 1.2em; padding-right: 1.4%; padding-left: 1.4%; }

  .tabcontent .column:first-child { width: 98%; }
  .tabcontent .column:last-child { display: none; }

  /*Reports*/
  #TheCircleCanvas { display: none; }

  .split2 .item-survey .item-tb > div { min-width: 36%; }
  .item-survey .point { left: 15%; }
  .split2 .item-survey .content { left: 36%; }
  .list.items.split5 .detail { }
  .list.items.split5 h4 a { font-size: 1em; }

  .split5 .desc { display: none; }

  .list.items.masonry .item, .list.masonry .item { width: calc(33.33% - 12px); margin-right: 10px; margin-bottom: 20px; }

  #welcome-page { gap: 20px; }
  #welcome-page .col1 { width: calc((100% - 20px) * .38); }
  #welcome-page .col2 { width: calc((100% - 20px) * .62); }
}

@media only screen and (max-width: 1000px) {
  #welcome-page .col1 { width:100%;}
  #welcome-page .col2 { width:100%;}

  div.c-image { margin: 0 0 15px 0;width: 100%;max-width: 500px;float:none;margin-left:auto;margin-right:auto;}

}

/*Mobile and Tablets*/
@media only screen and (max-width: 850px) {



  .tablewrap, .tablewrap > div, .tablewrap > div > div { display: block; }
  .tablewrap > div > div.l-menu,
  .l-menu { display: none; }
  #l-menu { background: #FFF; width: 30%; min-width: 230px; position: absolute; z-index: 10; bottom: 0; top: -8px; left: -5px; }
  #l-menu.open { }
  .l-menuopen #l-menuopen { display: none !important; }
  .l-menuopen #l-menuclose { display: block !important; color: #FFF !important; background: #666; }
  .l-menuopen #l-menuclose a { color: #FFF !important; }
  #main-body, .withsidemenu #main-body { margin-left: 0; padding-left: 0; width: 100%; }
  .l-menuopen #l-menu { box-shadow: none; min-width: 95%; max-width: 95%; width: calc(100% - 40px); padding: 15px 25px 0 15px; }

  .profile-links li:first-child { margin-left: 0; }
  #profile { max-width: 180px; margin: auto; }
  #profile .avatar { }

  .l-menu .pnl { padding:0 !important;}
  .l-menu .inner > a { font-size: 1.3em; padding: 10px 1px 9px 1px; border-bottom: solid 1px #EEE; }
  .l-menu .inner .icnfa { padding-left: 1px; }



/*  #userdata { border-bottom: solid 1px #EEE; min-width: 50px; }*/

  a#mobile-btn { font-size: 22px; right: 10px; top: 7px; }

  body.l-menuopen #hdr { box-shadow: none; }
  .scrolled #hdr { border-bottom: solid 1px #DDD; box-shadow: none; }
  .scrolled #reportsmenu.stuck { top: 92px; left: 0px !important; right: 0 !important; width: auto !important; }
  .scrolled.scrolleddeep #reportsmenu.stuck { top: 45px; }

  .l-menuopen #reportsmenu.stuck { display:none !important;} 

  #menu { display: none; }
  #menu .menuitem { padding-right: 1%; padding-left: 1%; }





}

@media only screen and (max-width: 800px) {
  #hdr #search-box { margin-left: 50%; }


  .site-ad .ad-banner728x90 { display: none; }

  .alink { display: none; }
  #hdr a.f-rit { float: none; }


  .vxtitle { width: 45%; }

  #main-body { padding-top: 0; }


  #menu .middle, #content > .middle { width: 98%; }



  .list.items.split2 .item { width: 49%; }
  .list.items.split3 .img-container { height: 170px; }
  .list.items.split3 .content { height: 65px; }

  .block-pnl { padding-right: 0; }




  .rrow .img > div.agreement { font-size: 1.1em; }

  body.vx-hdrimg .headerimage .headertitle { top: 170px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 45px; }

  .popular h2, #latest h2 { text-align: center; }

  .desktoponly { display: none !important; }
  .mobonly { display: block; }
}

@media only screen and (max-width: 655px) {
  div.table > div > div.c-search { display: none; }

  header .table .cells > div.c-icons { width: 100%; background: #065E78 }
}

@media only screen and (max-width: 650px) {
  #welcome-page .col1,
  #welcome-page .col2,
  #welcome-page .col3 { width: 100%; }


  .welcome-page .col3 > div { width:100%;}


  .table.fold, .table.fold > div, .table.fold > div > div { display: block; }

}

@media only screen and (max-width: 600px) {
  #profile { max-width: 160px; }
  body.sys .headerimage .bg.img { background-position: center center; }

  .mainimg-boarditem { float: none; }
  .mainimg-boarditem img { width: 100%; max-width: 100% !important; margin: auto !important; }
}

@media only screen and (max-width: 550px) {


}

@media only screen and (max-width: 500px) {
  body { font-size: 14px; }

 

  .popular div.table, .popular div.table > div > div { display: block !important; }
  .popular .bbox { padding-right: 0%; margin:0; width:calc((100% - 15px) / 2); /* float: left; width: 70% !important; margin-left: 15%; margin-right: 15%;*/ }
  .popular .bbox .desc { display: none !important; }
  .popular .bbox .proposal { display: none !important; }
  .popular .bbox { padding-right: 0; }
  .popular { margin-bottom: 40px; }
  .popular h2 { text-align: center; }

  #latest { clear: left; }
  .rrow .table > div > div.mainbody { width: calc(100vw - 100px); }
  .rrow .img > div.agreement { font-size: 1.1em; }
  .rrow > div { width: 100% !important; margin: 5px 0 15px !important; }
  .rrow .img, .rrow .table > div > div.img { width: 100px; height: 100px; }
  .rrow .img > div { width: 100px; height: 100px; }
  .rrow { width: 100%; display: block; }
  .rrow, .list > div.rrow { min-height: 50px; max-height: 500px; padding-bottom: 5px; }
  .rrow .mainbody { padding-bottom: 20px; }

  .bbox .desc { display: none; }
  .bbox h3 { font-size: 1.15em; }

  #mobile-btn { right: 10px; top: 4px; }

  #avatar { margin-left: 8px; }

  #content > .middle { width: 100%; }
  #main-body { padding-left: 0; }

  .post-options { padding: 12px 0 12px 1%; font-size: 1.05em; }
/*  .smalllist > .item .body > div { padding-left: 2px; }*/
  .smalllist .thumb { max-height: 35px; width: 35px; width: 35px; height: 35px !important; }

  .notsignedin.nosidemenu #main-body { width: 100%; }

  .cenwhensmall { text-align: center !important; }
  .fullbtn { padding-top: 25px; }
  .fullbtn > .primary-btn { display: block; width: 100%;padding: 8px 16px 7px 16px !important; font-size: 1em !important;}

  body.cms p { text-align: justify; }

  .pop { padding: 0; }
  .pop .inner { box-shadow: none; }
  .pop.media { max-width: 100%; }
  .pop.media .inner { max-width: 100%; padding: 0px 0px 28px 0px; }

  body.vx-hdrimg .headerimage .headertitle { top: 130px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 40px; }

  .list.masonry .item, .list.items.masonry .item { width: calc(50% - 20px); }
  #mobile-btn { top: 8px; }
  #menumob { max-width: 90%; }
  #menumob .menulinks { white-space: normal; }
  #menumob #closemenu { right: -15px; }
}

/*Mobile Phones*/
@media only screen and (max-width: 480px) {
  #mobile-btn { top: 2px; margin-right: 0px; }

  .signedin .list.items.split5 .item, .list.items.split5 .item { width: 100%; }

  #avatar { margin-right: 0; }
  .tabcontent .column > p:first-child { font-size: 1.2em; }

  .l-menu .menuitem.title { margin-bottom: 4px; }

  .biglist .thumb { background-size: 100%; }
  .biglist .item .stat { display: none; }
  .item div.closed { display: none; }

  #chat { display: none; }
  .notsignedin #content > .middle { margin-left: 0.5%; width: 99%; }
  #content { width: 100%; }

  #facebook-feed { height: 350px; }

  .vxtitle { min-height: 30px; width: 54%; }

  #logo { height: 30px; margin: auto; }

  #hdr, #hdr > div { min-height: 36px; }

  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 32px; }
  #loginpanel { text-align: left; }
  #loginpanel a.btn { padding: 3px 10px; }

  #menu { height: auto; min-height: 0; padding-top: 1%; padding-bottom: 1%; }
  #menu .menuitem { font-size: 1.2em; display: inline-block; float: none; }

  .rrow .options { left: 0; }

  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 42px; }

  .list.items.split2 .item { width: 100%; }
  .list.items.split3 .item { width: 100%; }
  .list.items.split3 .img-container { height: auto; }
  .list.items.split5 p.desc { display: none; }

  .list > div h3 { font-size: 1.2em; }

  .search-subbar { display: none; }
  .search-filter { display: none; }
  .list .topright { display: none; }
  .list table.tr { display: none; }

  .lat-chart > div > div { font-size: 1.4em; }
  .lat-chart > div > div > div { display: none; }

  .sticky.stuck { left: 0 !important; right: 0 !important; }

  .rstext .controls:hover .spell { display: none; }
  .spell { display: none !important; }

  #userdata { min-width: 40px }
  #usermenu .profile-links { margin-left: 0; padding-left: 0; }
  #usermenu .profile-links li.home,
  #usermenu .profile-links li.boards, #postanissuebtn { display: none !important; }


}

@media only screen and (max-width: 360px) {


  .vxtitle { width: 80%; margin: auto; }
  .profile-links li { margin-right: 3px; }

  .cmt-box { min-width: 280px; }
  .result { padding: 3px 1px; }

  .quicksearch .note { display: none; }
  .quicksearch .thumb { }

  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 38px; }
  #usermenu .profile-links li.friends { display: none !important; }
  #menu .middle { margin-left: 0; width: 100%; }
  #menu .menuitem { font-size: 1em; font-weight: normal; padding: 2px 1.5% 4px 1.5%; text-transform: none; }

  .p-detail h4 { text-align: left; }
  .p-detail div.content .d-main { max-width: 60px; }
  .p-detail div.content { min-height: 60px; }

  .page-count { display: none; }

  body.vx-hdrimg .headerimage .headertitle { top: 130px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 35px; }

  .list.masonry .item, .list.items.masonry .item { width: 100%; }
}

@media only screen and (max-width: 260px) {


  body.vx-hdrimg.scrolled #hdr { background: rgba(255,255,255,0); }

  .popular .bbox { width: 90% !important; margin-left: 5%; margin-right: 5%; }

  .profile-links li { margin-right: 1px; width: 25px; }
  .profile-links li > a { min-width: 0; height: 22px; }

  #usermenu a .fa, #usermenu a .far { font-size: 18px; width: 25px; }

  .tabcontent .column > p:first-child { font-size: 1.1em; }
  .cmt-box { min-width: 235px; }

  .l-menu .agreement { display: none; }
  .vxtitle { width: 70%; margin: auto; }

  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 30px; }
}