/* Slangit.com CSS */

/* HTML5 */

html, body, div, p, h1, h2, h3, h4, h5, h6, a, img, ol, ul, li, form, table, thead, tbody, tr, th, td, article, aside, header, footer, nav, section { padding: 0; border: 0; margin: 0; }
html, body		{ width: 100%; height: 100%; }
body			{ min-width: 0px; text-align: center; font-family: "Open Sans", "Lucida Sans", sans-serif; font-weight: 400; font-size: 18px; color: #424242; background: #EEEEEE; }

a				{ color: #2196F3; text-decoration: none; }
a:hover			{ color: #FB8C00; text-decoration: none; }
a:active		{ color: #EF6C00; text-decoration: none; }

p				{ margin: 15px 0; }
h1				{ font-size: 60px; font-weight: normal; margin: 30px 0; }
h2,
h1.h2			{ font-size: 30px; font-weight: 600; margin: 25px 0; }
h3				{ font-size: 28px; font-weight: normal; margin: 20px 0; }
h4				{ font-size: 20px; font-weight: bold; }
h5				{ width: 100%; font-size: 18px; font-weight: 600; padding: 0 0 10px 0; border-bottom: 1px solid #E0E0E0; margin: -2px 0 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
hr				{ width: 100%; height: 1px; background: #E0E0E0; border: 0; margin: 30px 0; }

/* Layout */

header					{ z-index: 1; position: fixed; width: 100%; height: 50px; opacity: 0.97; background: #FB8C00; background-image: linear-gradient(#FB8C00, #F57C00); box-shadow: 0px 1px 2px #E65100; }
header #content			{ max-width: 980px; text-align: left; padding: 0px 10px; margin: auto; }
header a.home			{ display: inline-block; width: 120px; height: 50px; background: url(https://cdn.slangit.com/img/css/slangit.png) no-repeat; background-size: 120px 100px; margin: 0 5px 0 10px; }
header a.home:hover		{ background-position: left bottom; }
header a.random			{ position: relative; top: -20px; display: inline-block; width: 30px; height: 30px; background: #FFF url(https://cdn.slangit.com/img/css/random.png) no-repeat; border-radius: 5px; background-size: 30px 30px; vertical-align: middle; margin-right: -20px; }
header a.random:hover	{ box-shadow: 0 0 3px #FFF; }
header form				{ display: inline-block; width: 267px; vertical-align: top; margin: 0 5px 0 0; overflow: hidden; }
header form #term		{ display: inline-block; width: 250px; height: 26px; font-size: 18px; color: #1B5E20; background: #F9F9F9; padding: 2px 8px; border: none; border-radius: 5px; margin: 10px 0 0 0; }
header form #term::placeholder { color: #7a7a7a; opacity: 1; }
header form #term:focus	{ outline: none; background: #FFFDE7; box-shadow: 0 0 2px #FFFDE7; }
header form #swrap		{ display: inline-block; width: 270px; white-space: nowrap; }
header form #sdiv		{ display: inline-block; float: right; position: relative; top: 12px; left: -48px; white-space: nowrap; margin-right: -185px; }
header form #submit		{ position: relative; top: -1px; right: 28px; width: 20px; height: 20px; background: url(https://cdn.slangit.com/img/css/search.png) no-repeat; background-size: 20px 20px; border: 0; cursor: pointer; vertical-align: middle; }
header form #sbutton	{ position: relative; top: -2px; right: 24px; display: inline-block; height: 22px; font-size: 13px; font-weight: bold; text-align: center; color: #FFF; background-color: #2196F3; padding: 2px 4px 0 4px; border: none; border-radius: 4px; }
header #search_button	{ float: right; visibility: hidden; display: none; position: relative; top: 8px; right: -6px; width: 32px; height: 32px; background: url(https://cdn.slangit.com/img/css/mobile_search.png) no-repeat; background-size: 32px 64px; vertical-align: middle; margin: -4px 12px 0 4px; }
header #search_button:hover	{ background-position: left bottom; }
header #twitter			{ height: 38px; width: 20px; background: url(https://cdn.slangit.com/img/css/twitter.png) no-repeat; background-size: 50px 50px; vertical-align: middle; }
header .twitter			{ display: none; }

nav				{ float: right; }
#menu			{ display: block; }
#menu li		{ display: inline-block; }
#menu a			{ display: inline-block; height: 38px; color: #f5f5f5; padding: 12px 12px 0 12px; }
#menu a:hover	{ color: #FFF9C4; background-color: rgba(230, 82, 0, 0.5); }

footer			{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: #1E88E5; background-image: linear-gradient(#1E88E5, #1976D2); font-size: 12px; color: #fafafa; padding: 3px 10px 4px 10px; }
footer a		{ color: #FFF; }
footer a:hover	{ color: #FFF9C4; }

#full			{ position: relative; height: auto !important; min-height: 100%; width: 100%; overflow: hidden; }
#main 			{ max-width: 1100px; min-height: 380px; background: #FFF; text-align: center; padding: 15px 0; border: 1px solid #9E9E9E; border-radius: 3px; box-shadow: 0px 2px 3px #BDBDBD; margin: 0 auto 35px auto; overflow: hidden; }
#slang #main:not(.error)	{ box-sizing: border-box; background: none; box-shadow: none; padding: 0; border: none; border-radius: 0; margin: 0 auto 35px auto; }

#main.solo		{ padding: 15px; }
#lwrap			{ float: left; width: 100%; }
#left 			{ text-align: left; padding: 0 15px; border-right: 1px solid #E0E0E0; margin-right: 330px; }
#right			{ float: left; width: 300px; text-align: center; padding: 0 15px; border-left: 1px solid #E0E0E0; margin-left: -331px; background: #FFF; border-radius: 3px; }
#left h5		{ text-align: left; }

/* Ads */

.adTopLB		{ display: block; min-height: 90px; text-align: center; margin: 68px auto 17px auto; }
.adBotLB, .adQuizLB { display: block; text-align: center; margin: 15px auto; overflow: hidden; }
.adDefRect		{ float: right; width: 336px; height: 280px; margin: 8px 0 5px 15px; overflow: hidden; }
.adRightSky		{ display: block; max-width: 300px; max-height: 600px; margin: 30px auto; overflow: hidden; }
.mc				{ max-width: 100%; overflow: hidden; }
.linkAds		{ height: 290px; margin-bottom: 5px; }

/* Universal Styles */

.hidden			{ display: none; }
.center			{ text-align: center; }
.floatLeft		{ float: left; margin: 0 10px 0 0; }
.floatRight		{ float: right; }
.clearFloat		{ clear: both; }
.smallText		{ font-size: .8em; font-weight: normal; }
.medText		{ font-size: 50px; }
.break			{ width: 100%; border-bottom: 2px solid #BDBDBD; margin: 20px 0; }
.date			{ font-size: 16px; }
.pad			{ padding: 20px 0 }

ul.side			{ font-size: 16px; text-align: left; margin: 20px 10px 10px 45px; }
ul.side li		{ padding: 0 0 10px 0; }
ul.side	b		{ display: block; margin-bottom: 5px; }

article 			{ display: block; max-width: 900px; line-height: 28px; text-align: justify; margin: 0 auto; }
article h1:not(.h2)	{ width: 100%; line-height: 55px; text-align: left; padding-bottom: 30px; border-bottom: 4px solid #42A5F5; margin: 25px 0 20px 0; }
#slang article h1,
#squiz article h1	{ text-align: left; padding-bottom: 0; border: none; margin: 0 }
article ul, article ol { margin: 20px 20px 20px 40px; }
article ol li br	{ line-height: 45px; vertical-align: top; }
article	table		{ margin: 10px auto; }
article table td	{ text-align: left; padding: 10px; }

article.index ul, article.index ol { margin: 20px 0 20px 10px; text-align: left; }
article.index ul li	{ list-style: inside square; padding: 3px; }
article.index ol li { list-style-position: outside; padding: 0 3px 3px 0; margin-left: 40px; }
article.index h2	{ text-align: left; }
article.index h3	{ width: 100%; padding-bottom: 20px; border-bottom: 2px solid #BDBDBD; margin: 30px 0 20px 0; }
article.help h1, article.trending h1 { font-size: 24px; line-height: 34px; padding: 0 0 30px 0; border-bottom: 4px solid #42A5F5; margin-top: 30px; }
article.trends li	{ margin-bottom: 20px; }
article.trends li a	{ font-size: 30px; font-weight: bold; }

table.list, table.slist { box-sizing: border-box; width: 100%; background: #FAFAFA; border-collapse: collapse; border: 1px solid #1976D2; margin: 15px 0; }
table.list th, table.slist th { padding: 7px 10px 8px 10px; text-align: left; color: #FFF; background: #42A5F5; }
table.browselist.slist th:nth-child(3) { padding-left: 14px; }
table.list td, table.slist td { height: 36px; vertical-align: middle; padding: 2px 10px 3px 10px; }
table.list tr:nth-child(odd), table.slist tr:nth-child(odd) { background: #F5F5F5; }
table.list tr:hover, table.slist tr:hover { background: #FFFDE7; }
table.slist td:nth-child(1) { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.slist td:nth-child(3) { min-width: 110px; }
table tr[data-href] { cursor: pointer; }
table.leet table	{ border-collapse: collapse; margin: 0; }
table.leet table tr:nth-child(odd) { background-color: transparent; }
table.leet table td	{ padding: 0 15px 0 5px; }

table.navLinks	{ margin: 0; }
table.navLinks td { padding: 5px 10px 5px 0; vertical-align: middle; }
.navButton		{ display: inline-block; width: 125px; height: 36px; text-align: center; background: #FAFAFA; background-image: linear-gradient(#FAFAFA, #F4F5F6); padding: 6px 0 0 0; border: 2px solid #2196F3; border-radius: 3px; margin: 3px 5px 3px 0; }
.navButton:hover	{ color: #FFF; background: #2196F3; background-image: linear-gradient(#42A5F5, #2196F3); border-color: #1976D2; }
.navButton:active	{ color: #FFF; background: #2196F3; background-image: linear-gradient(#2196F3, #1E88E5); border-color: #1565C0; }
button.navButton 	{ background: #FFF; color: #2196F3; font-size: 1em; width: auto; padding: 0 1em; height: 46px; }

a.large			{ width: 200px; height: 40px; padding-top: 10px; }
a.side			{ width: 75%; height: 36px; padding-top: 11px; margin-bottom: 20px; }

img.icon64		{ max-width: 64px; max-height: 64px; vertical-align: middle; }
img.icon128		{ max-width: 128px; max-height: 128px; }
img.icon200		{ max-width: 200px; max-height: 200px; }
img.left		{ float: left; max-width: 200px; margin: 7px 30px 10px 0px; }
img.right		{ float: right; max-width: 300px; margin: 7px 0 10px 30px; }
img.border		{ padding: 5px; border: 1px solid #424242; }
img.rounded		{ border-radius: 12%; }
img.shadow		{ box-shadow: 3px 4px 5px #ddd; }
img.icon		{ max-width: 128px; vertical-align: middle; margin: 0 20px 0 0; }
img.alert		{ display: block; max-width: 256px; margin: 10px auto; }

.largeSquare, .medSquare, .smallSquare { display: inline-block; background: #2196F3; border: 2px solid #1E88E5; border-radius: 5px; vertical-align: middle; }
.largeSquare:hover, .medSquare:hover, .smallSquare:hover { background-color: #1E88E5; border-color: #1976D2; }
.largeSquare:active, .medSquare:active, .smallSquare:active { background-color: #1976D2; border-color: #1565C0; }
.largeSquare 	{ width: 96px; height: 96px; background-size: 96px; margin: -5px 20px 0 2px; }
.medSquare	 	{ width: 64px; height: 64px; background-size: 64px; margin: -5px 15px 0 2px; }
.smallSquare	{ width: 48px; height: 48px; background-size: 48px; margin: -5px 15px 0 2px; }
.browseIcon		{ background-image: url(https://cdn.slangit.com/img/css/browse.png); }
.quizIcon		{ background-image: url(https://cdn.slangit.com/img/css/quiz.png); }
.helpIcon		{ background-image: url(https://cdn.slangit.com/img/css/help.png); }
.tutorialIcon	{ background-image: url(https://cdn.slangit.com/img/css/tutorial.png); }
.searchIcon		{ background-image: url(https://cdn.slangit.com/img/css/adv_search.png); }
.mailIcon		{ background-image: url(https://cdn.slangit.com/img/css/mail.png); }
.downloadIcon	{ background-image: url(https://cdn.slangit.com/img/css/download.png); }
.trendingIcon	{ background-image: url(https://cdn.slangit.com/img/css/trending.png); }
.commonIcon		{ background-image: url(https://cdn.slangit.com/img/css/star.png); }
.checklistIcon	{ background-image: url(https://cdn.slangit.com/img/css/checklist.png); }
.kaomojiIcon	{ background-image: url(https://cdn.slangit.com/img/css/kaomoji.png); }
.seasonalIcon	{ background-image: url(https://cdn.slangit.com/img/css/tree.png); }
.shortcutIcon	{ background-image: url(https://cdn.slangit.com/img/css/smiley.png); }
.translateIcon	{ background-image: url(https://cdn.slangit.com/img/css/translate.png); }
.leetIcon		{ background-image: url(https://cdn.slangit.com/img/css/leet.png); }
.social			{ padding-left: 4px; margin: 25px auto; }
.topButtons		{ margin: 25px 0 20px 0; }
.rightButtons	{ float: right; margin: -2px 0 -20px 0; }
.swButtons		{ padding-bottom: 19px; border-bottom: 4px solid #2196F3; margin: 35px 0 20px 0; }
.helpButtons	{ padding-bottom: 21px; border-bottom: 4px solid #2196F3; margin: 26px 0 20px 0; }

.listBox		{ width: 80%; text-align: left; padding: 0; border: 2px solid #F57C00; border-radius: 3px; margin: 20px auto 30px auto; overflow: hidden; }
.listBox p		{ text-align: center; color: #fff; font-size: 18px; background: #FF9800; background-image: linear-gradient(#FF9800, #FB8C00); padding: 6px 0 8px 0; margin: 0; }
.listBox ol		{ padding: 5px; margin: 0 auto; }
.listBox ol li	{ list-style-position: outside; text-align: left; padding: 3px 0; margin: 0 0 0 40px; }
.codeBox		{ width: 95%; font-size: 14px; line-height: 20px; font-family: "Courier New", Courier, Monaco; text-align: left; padding: 10px; background: #FAFCFB; border: 2px solid #42A5F5; border-radius: 10px; margin: 20px auto 30px auto; overflow: hidden; }

.menu			{ color: #43A047; }
.directory		{ color: #43A047; font-family: "Courier New", Courier, Monaco; }
.filename		{ color: #43A047; font-weight: bold; }
.command		{ color: #43A047; font-family: "Courier New", Courier, Monaco; }
.button			{ display: inline-block; color: #2196F3; font-size: 14px; line-height: 14px; padding: 2px 5px; background: #FAFAFA; border: 2px solid #2196F3; border-radius: 5px; margin-top: -5px; vertical-align: middle; }
.summary		{ display: block; width: 80%; background-color: #FAFAFA; padding: 10px; border: solid 2px #2196F3; border-radius: 3px; margin: 20px auto; }
.grey			{ color: #9E9E9E; }

.topBox			{ box-sizing: border-box; text-align: center; background: #FFF; border: none; border-radius: 3px; margin: 0 0 20px 0; padding: 5px 10px; }

/* Home and Slang */

#home #main, #slang #main:not(.error), .modular #main { background: none; box-shadow: none; padding: 0 10px 15px 10px; border: none; }
#home #left, #slang #left, .modular #left { padding: 0; margin-right: 350px; border: 0; }
#slang #right, .modular #right	{ padding-top: 10px; }
#home #right, #slang #right, .modular #right { border-left: none; background: #FFF; border-radius: 3px; }
#home article 				{ background-color: #fff; padding: 10px; border-radius: 3px; }

h1.hs			{ font-size: 36px; line-height: 36px; font-weight: bold; margin: 40px 0 30px 0; }
.homeSearch		{ width: 75%; box-sizing: border-box; margin: 0px auto 50px auto; }
.homeSearch	p	{ margin-top: 25px; }
#hterm			{ box-sizing: border-box; display: inline-block; width: 100%; height: 48px; font-size: 26px; color: #1B5E20; background: #F9F9F9; padding: 2px 8px; border: 2px solid #1976D2; border-radius: 5px; margin: 0; }
#hterm:focus	{ outline: none; box-shadow: 0 0 2px #FFFDE7; }
#hterm::placeholder { color: #7a7a7a; opacity: 1; }
#hs				{ display: inline-block; float: right; position: relative; top: -2px; height: 48px; width: 125px; font-size: 20px; text-align: center; color: #FFF; background: #1E88E5; background-image: linear-gradient(#2196F3, #1E88E5); padding: 0; border: 2px solid #1976D2; border-radius: 3px; margin: -46px 0 0 5px; }
.homeBreak		{ width: 97%; border-bottom: 1px solid #B2DFDB; margin: 0 auto 15px auto; }
.homeTable		{ margin: 5px 0 15px 0; }
.homeTable p	{ font-size: 30px; font-weight: bold; padding: 0; margin: 5px 0; }
img.appstore	{ display: block; max-width: 160px; margin: -8px auto 25px auto; opacity: .8; }
img.appstore:hover { opacity: 1; }
.siteButton		{ width: 175px; }
.addSlang		{ display: inline-block; height: 45px; width: 152px; font-size: 20px; font-weight: bold; line-height: 40px; text-align: center; color: #FFF; background: #1E88E5; background-image: linear-gradient(#2196F3, #1E88E5); padding-top: 5px; border: 2px solid #1976D2; border-radius: 8px; margin: 10px auto 30px auto; }
#hs:hover, .addSlang:hover	{ color: #FFF; background: #1976D2; background-image: linear-gradient(#1E88E5, #1976D2); border-color: #01579B; }
#hs:active, .addSlang:active { color: #FFF; background: #1565C0; background-image: linear-gradient(#1976D2, #1565C0); border-color: #0D47A1; }

.top			{ margin-bottom: 40px; }
.topList		{ width: 100%; border-collapse: collapse; }
.topList td		{ font-size: 16px; text-align: right; vertical-align: middle; padding: 3px; }
.topList td:nth-child(1) { width: 20px; font-size: 10px; text-align: center; padding: 3px 0 3px 5px; }
.topList td:nth-child(3) { max-width: 100px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topList td:nth-child(4) { padding-right: 12px; }
.trendingLink		{ margin: 20px auto; }
.trendingLink p	a	{ display: block; width: 80%; font-size: 32px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; margin: 10px auto 30px auto; }
.trendingLink .smallSquare { width: 32px; height: 32px; background-size: 32px; margin-right: 12px; }
.topList tr.show td, .topList tr.hide td { font-size: 16px; text-align: center; padding: 4px 3px; }

#feed 			{ box-sizing: border-box; }
#feed time		{ display: inline-block; font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; background-color: #FF9800; background-image: linear-gradient(#FF9800, #FB8C00); padding: 0.5em; border-radius: 3px; margin-bottom: 10px; }
.box-label		{ text-align: left; text-transform: none; font-weight: normal; font-size: 18px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding: 10px 4px 10px 0; }
#feed h2	 	{ font-size: 60px; line-height: 1; margin: 0 0 10px 0; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
#feed p 		{ font-size: 25px; font-weight: bold; margin: 0 0 10px 0; }
#feed img, #feed video	{ max-width: 100%; max-height: 250px; display: block; margin: 10px 0 0 0; }
.feed-entry, .roundedBox 	{ background-color: #FFF; border-radius: 3px; margin-bottom: 20px; }
.feed-entry		{ padding: 20px; }
.entry-body		{ display: flex; flex-direction: row-reverse; align-items: center; }
.entry-left		{ min-width: 40%; box-sizing: border-box; padding-left: 20px; }
.entry-right	{ min-width: 60%; padding-left: 20px; }
#loadSlang 		{ display: block; height: 54px; width: auto; padding: 0 30px; margin: 0 auto 20px auto; cursor: pointer; }
#home .quizBox 	{ box-sizing: border-box; width: 98%; padding: 0 0 10px 0; background: #FFF; border: 2px solid #1976D2; border-radius: 3px; margin: 20px auto; overflow: hidden; }

/* URS */

.ursHolder		{ position: relative; height: 24px; width: 100%; margin-top: -1px; }
.starDiv		{ position: absolute; height: 24px; width: 26px; cursor: pointer; }
.starImg		{ position: absolute; height: 24px; width: 26px; background-position: left top; background-repeat: no-repeat; background-size: contain; }
.fullStar		{ background-image: url(https://cdn.slangit.com/img/stars/full.png); }
.halfStar		{ background-image: url(https://cdn.slangit.com/img/stars/half.png); }
.emptyStar		{ background-image: url(https://cdn.slangit.com/img/stars/empty.png); }
.userStar		{ background-image: url(https://cdn.slangit.com/img/stars/user.png); }
.ratingMsgDiv	{ position: absolute; top: 20px; left: 0; height: 10px; margin: 0 auto; width: 130px; text-align: center; }
.ratingMsg		{ display: none; font-size: 14px; color: #757575; }
.voteThanks		{ font-weight: bold; margin-left: 8px; }
.ratingNum		{ position: absolute; left: 140px; top: 6px; font-size: 16px; line-height: 20px; }
.star1 			{ left: 0; }
.star2 			{ left: 26px; }
.star3 			{ left: 52px; }
.star4 			{ left: 78px; }
.star5 			{ left: 104px; }
.userRating		{ z-index: 55; }
.userUpdate		{ z-index: 65; }

/* Voting */

.votes { min-width: 120px; display: flex; align-items: center; font-size: 18px; line-height: 1; opacity: 1; transition: opacity 0.15s ease; }
.votes.hidden { opacity: 0; }
.meaning-vote { display: flex; align-items: center; vertical-align: top; background: none; color: #FFFFFF; outline: none; cursor: pointer; border: none; }
.meaning-vote svg { height: 22px; width: 22px; fill: #FFFFFF; }
.upvote { margin-top: -6px; }
.downvote { margin-bottom: -7px; }
.meaning-vote.active svg, .meaning-vote:hover svg { fill: #2196F3; }

.meaning-vote-count { display:inline-block; font-size: 14px; margin-right: 5px; }
.net-rating { display: flex; justify-content: center; flex-direction: column; height: 20px; background: #FFFFFF; color: #FF9800; font-size: 14px; font-weight: bold; padding: 1px 4px; border-radius: 3px; margin-left: 10px; }

table.browselist td:nth-child(3) {
	display: flex;
	align-items: center;
}

table.browselist .meaning-vote { font-size: 14px; font-family: inherit; color: #424242; position: relative; padding: 0 4px 0 30px; margin: 0; }
table.browselist .meaning-vote:before { 
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	top: -4px;
	left: 4px;
	content: '';
	background-image: url('https://cdn.slangit.com/img/css/thumbs.png');
	background-repeat: none;
	background-size: cover;
	background-position: bottom left;
 }

 table.browselist .upvote {
	 margin-right: 8px;
 } 

table.browselist .downvote:before { 
	transform: scaleY(-1);
	top: 2px;
}

table.browselist .meaning-vote.active:before,
table.browselist .meaning-vote:hover:before
 { background-position: top right; }

/* Disqus */

#disqus_thread		{ display: block; max-width: 738px; margin: 14px auto 0 auto; text-align: justify; }
#disqus_thread h3	{ font-size: 14px; font-weight: normal; color: #757575; line-height: 0.5; margin: 0px; }
#disqus_thread a	{ color: #777; font-size: 12px; text-decoration: none; }
#disqus_thread a:hover { text-decoration: underline; }
#dsq-reply { margin-top: 0px; margin-bottom: -5px; }
#dsq-content #dsq-comments .dsq-comment-message { font-size: 12px; color: #757575; }
#dsq-account-dropdown { margin-top: -7px; }
#dsq-sort-by { margin-top: -10px; }
#dsq-pagination { margin-top: -20px; }



/* Slang */

.slang 			{ box-sizing: border-box; width: 100%; overflow: hidden; }
.slangInfo		{ line-height: 1.4; }
#slang h1 		{ width: auto; font-size: 52px; margin: 0; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
#slang h2		{ margin: 0 5px 0 0; }
#slang .topBox,
.modular .topBox 	{ padding: 14px 17px 16px 17px; border-bottom: 5px solid #2196F3; margin: 0 0 20px 0; }
.multi				{ padding: 11px 17px 17px 17px; text-align: left; }
.multi ul			{ transition: all 0.2s ease; visibility: visible; opacity: 1; max-height: 2000px; margin: 10px 20px; }
.multi.closed ul	{ max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; }
.multi.closed .drawerToggle svg { transform: none; } 
.multi a			{ font-weight: bold; line-height: 1; }
.multi li			{ list-style: none; }
.multi .typeno		{ display: inline-block; min-width: 25px; text-align: right; margin-right: 5px; }
.drawerToggle svg	{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; fill: #424242; margin-right: 6px; transform: rotate(90deg); transition: transform 0.2s ease; }
.drawerToggle .toggletext { vertical-align: middle; color: #424242; }
.drawerToggle .highlight { color: #2196F3; }
.drawerToggle .highlight:hover { color: #FB8C00; text-decoration: none; }
.drawerToggle .highlight:active	{ color: #EF6C00; text-decoration: none; }
.slang:last-child .slangInfo { margin-bottom: 0; }
.slangInfo_header { display: flex; justify-content: space-between; align-content: center; background: #FF9800; background-image: linear-gradient(#FF9800, #FB8C00); color: #FFFFFF; line-height: 1.2; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 0 8px 0 20px; }
.slangInfo_body { padding: 20px; }
.slangInfo th, .slangInfo td { padding: 0 5px 2px 15px; }
.slangInfo th	{ font-weight: bold; text-align: left; padding-bottom: 12px; }
.slangInfo th:nth-child(1), .slangInfo td:nth-child(1) { width: 90px; font-size: 16px; padding-left: 0px; }
.meaning		{ text-align: left; margin-bottom: 15px; }
.meaning h2		{ display: inline-block; font-size: 40px; line-height: 50px; }
.medMeaning	h2	{ font-size: 32px; line-height: 40px; }
.smallMeaning h2 { font-size: 26px; line-height: 32px; }
.sectionHeader	 { font-size: 20px; line-height: 1.5; font-weight: bold; margin: 0 0 4px 0; }
.slang-section:not(:last-child) { padding-bottom: 20px; }
.slangInfo p 	{ margin: 0; padding: 0 0 10px 0; line-height: 1.5; }
.slangInfo p:last-child { padding: 0; }
.comments p			{ margin: 0 0 10px 0; }
.related			{ margin: 2px 0 7px 0; }
.slangInfo .related { margin: 0; }
.related td			{ font-size: 16px; line-height: 24px; padding: 3px 20px 3px 0; }
.slangInfo img, .slangInfo video	{ max-width: 100%; max-height: 500px; box-sizing: border-box; margin: 0; }
.ratingsTotals		{ margin-top: -2px; }
.slang .tab			{ display: inline-block; width: auto; font-size: 16px; line-height: 22px; background: #BBDEFB; padding: 2px 12px; border-radius: 3px; margin-left: 10px; }
.slang .infoBox		{ font-size: 16px; line-height: 24px; padding: 5px 10px 0 5px; border-top: 2px solid #BBDEFB; margin: -2px 10px 15px 13px; }
.slang .infoBox p	{ margin: 10px 0; }
.line				{ display: block; width: auto; border-bottom: 2px solid #BBDEFB; margin: 0 10px; }
.usage				{ margin-top: 10px; font-size: 16px; }
.usage .cat			{ display: inline-block; margin: 0 12px 0 3px; }
.usage .subcat a	{ margin: 0 1px; }
.parents			{ display: inline-block; font-weight: bold; }
.parents .checklist	{ display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(https://cdn.slangit.com/img/css/checkmark.png); background-size: 24px; margin: -6px 5px 0 -3px; }
.censored			{ display: inline-block; vertical-align: top; background: #EF5350; font-size: 10px; line-height: .6em; color: #FFF; padding: 6px 5px; border-radius: 3px; margin-top: 5px; }
.example			{ font-style: italic; margin: 0 0 10px 0; }
p.caption			{ font-size: 16px; margin: -15px 0 15px 0; }
.slangInfo p.caption { margin: 0; }
.slangit			{ font-size: 16px; line-height: 28px; border-top: 1px solid #E0E0E0; margin-top: 15px; padding: 20px; }
#slang .slangit 	{ border: none; }
#slang .last_updated	{ font-size: 16px; }
#slang .sidebar_container { display: flex; flex-direction: column; }

/* Emoticons */

.emoticon			{ box-sizing: border-box; width: 100%; border-collapse: collapse; border-bottom: 2px solid #F57C00; margin: 0 0 2px 0; overflow: hidden; }
.emoticons h1 		{ margin-bottom: 5px; }
.emote				{ width: 30%; font-size: 32px; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; text-align: center; white-space: nowrap; }
.emote-long			{ font-size: 16px; }
.emoticonInfo		{ width: 100%; margin: 0; }
.emoticonInfo td	{ padding: 4px; }
.emoticonInfo .rating { padding-bottom: 10px; }
.shortcuts a		{ display: inline-block; margin: 0 10px 10px 0; white-space: nowrap; }
.sc					{ display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: auto; background-position: center; vertical-align: middle; margin: -4px 5px 0 0; }
.moreInfo			{ display: none; width: 100%; margin: 0 0 0 4px; border-top: 1px solid #E0E0E0; }
.moreInfo tr:first-child td { padding-top: 14px; }
.moreInfo td		{ font-size: 16px; line-height: 20px; padding: 4px; }
.moreInfo td:first-child { width: 110px; padding-left: 0; }
.specialChars		{ width: 100%; margin: -2px 0 -2px -3px; }
.specialChars td	{ text-align: left; }
.specialChars td:first-child { width: 50px; }

/* Translator */

#translatorbox, #translatorinfo { box-sizing: border-box; width: 100%; margin: 5px auto 30px auto; }
#translator			{ margin-top: 10px; margin-bottom: 10px; }
#translator textarea { display: block; box-sizing: border-box; width: 100%; height: 90px; font-size: 20px; padding: 8px; border: 1px solid #1976D2; border-radius: 3px; }
#translator textarea:nth-child(1) { color: #555; }
#translator textarea:nth-child(2) { font-size: 18px; }
#translator input#submitSlang,
#translator input#exampleSlang { width: 120px; height: 30px; font-size: 14px; color: #F5F5F5; text-align: center; background-color: #2196F3; border: 2px solid #1976D2; border-radius: 5px; margin: 20px 10px 20px 0; }
#translator input#submitSlang:hover { background-color: #1E88E5; }
#translator input#submitSlang:active { background-color: #1976D2; }
#translator input#exampleSlang { color: #FFF; background-color: #FB8C00; border-color: #EF6C00; }
#translator input#exampleSlang:hover { background-color: #F57C00; border-color: transparent; }
#translator input#exampleSlang:active { background-color: #EF6C00; border-color: #E65100; }
#translator input#submitSlang:focus,
#translator input#exampleslang:focus { outline: none; }
#translation		{ margin: 10px 0; }
.translator			{ padding: 0 10px; }

/* Help / Tutorials / Trending */

.help img			{ display: inline-block; max-width: 728px; background-color: #fff; padding: 4px; margin: 10px auto; }
.help .leftimage	{ float: left; margin: 5px 20px 5px 0; }
.help img.standard	{ background: none; padding: 0; border: 0; border-radius: 0; margin: 0; overflow: hidden; }
.helpheading		{ color: #fff; font-weight: bold; background-color: #093; text-align: center; }
.helpsummary		{ display: block; width: 650px; text-align: left; background-color: #FAFAFA; padding: 10px; border: solid 1px #BDBDBD; border-radius: 3px; margin: 20px auto; }
.textarea, .textarea2 { display: block; width: 650px; height: 40px; font-size: 12px; vertical-align: middle; background-color: #fff; padding: 5px; border: solid 1px #999; border-radius: 3px; margin: 10px auto; }
.textarea2			{ height: 300px; }
.video				{ position: relative; width: 100%; height: 0; padding-bottom: 56.3%; margin: 29px 0 30px 0; }
#slang .video		{ margin: 0 0 20px 0; }
.video iframe		{ box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.trending h3		{ font-size: 30px; line-height: 1.4; font-weight: bold; text-align: left; margin: 25px 0; }
.trending h4		{ margin: 25px 0; }
.trending img		{ max-width: 100%; }
.trendingImg		{ display: block; float: left; max-width: 300px; margin: 5px 25px 15px 0; }
.trendingRight		{ display: block; float: right; width: 400px; max-width: 100%; margin: 0 0 15px 20px; }
.screenshots		{ margin: 10px auto; text-align: center; }
.screenshots img	{ max-width: 320px; padding: 5px 10px; }
.dl					{ text-align: center; margin: 30px auto 18px auto; }
.trending h1		{ font-weight: bold; }

/* Browse */

.browse			{ margin-bottom: 20px; }
.category		{ border-top: 2px solid #BDBDBD; }
.category h4	{ font-size: 18px; font-weight: normal; margin: 15px 0 5px 5px; }
.alpha, .category { text-align: left; padding: 5px 0 20px 0; border-bottom: 2px solid #BDBDBD; }
.alpha a, .category a { display: inline-block; text-align: center; background: #FAFAFA; background-image: linear-gradient(#FAFAFA, #F4F5F6); border: 2px solid #2196F3; border-radius: 3px; margin: 10px; }
.category a		{ width: 165px; height: 35px; font-size: 16px; padding: 8px 2px 0px 2px; margin: 10px 4px; }
.alpha a		{ width: 50px; height: 38px; font-size: 20px; padding: 12px 2px 0px 2px; }
.cnav			{ display: block; width: 100%; text-align: left; text-indent: 10%; font-size: 14px; padding: 0; margin: 0 auto 20px auto; }
.cnav a 		{ display: block; width: 100%; padding: 4px 0; border-bottom: 1px solid #E0E0E0; }
.cnav a:last-child { border: none; }
.anav			{ margin: 0 auto 20px auto; }
.anav a 		{ display: inline-block; width: 25px; height: 25px; padding: 0; text-align: center; font-size: 16px; background: #FAFAFA; padding-top: 2px; border: 1px solid #2196F3; border-radius: 3px; margin: 6px 3px; }
.category a:hover, .alpha a:hover,
.cnav a:hover, .anav a:hover { color: #FFF; background: #42A5F5; background-image: linear-gradient(#42A5F5, #2196F3); border-color: #1976D2; }
.category a:active, .alpha a:active,
.cnav a:active, .anav a:active { color: #FFF; background: #2196F3; background-image: linear-gradient(#2196F3, #1E88E5); border-color: #1565C0; }
.common td:first-child { width: 20%; }
.subcategory	{ text-align: left; }
.subcategory a	{ display: inline-block; width: 170px; height: 150px; text-align: center; margin: 20px 5px 30px 0px; }
.subicon		{ display: block; opacity: .9; width: 170px; height: 128px; background-size: 128px; background-position: center; background-repeat: no-repeat; }
.subicon:hover	{ opacity: 1; }
.subiconSmall	{ display: inline-block; opacity: .9; width: 96px; height: 96px; background-size: 96px; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin: -15px 10px -5px 0; }
.subiconSmall:hover	{ opacity: 1; }
h2.subHeader	{ margin-bottom: 0; }

.star			{ position: relative; display: inline-block; font-size: 22px; width: 22px; color: #BDBDBD; margin-right: -2px; overflow: hidden; }
.star:last-child { margin-right: 0px; }
.star:before	{ content: "\2605"; }
.star.full		{ color: #4CAF50; }
.star.half:after { position: absolute; left: 0; width: 11px; content: "\2605"; color: #43A047; overflow: hidden; }

table.slist td.listrating { text-align: center; }

.rating { display: block; height: 100%; position: relative; }
.rating::before { display: block; position: absolute; width: 110px; height: 20px; top: calc(50% - 11px); background: url(https://cdn.slangit.com/img/css/ratingstars.png); background-size: 110px 41.67px; background-repeat: no-repeat; background-position: top left; content: ' '; }
.rating::after { display: block; height: 20px; position: absolute; top: calc(50% - 11px); background: url(https://cdn.slangit.com/img/css/ratingstars.png); background-size: 110px 41.67px; background-repeat: no-repeat; background-position: bottom left; content: ' '; }
.rating.five::after { width: 110px; }
.rating.four-half::after { width: 99px; }
.rating.four::after { width: 88px; }
.rating.three-half::after { width: 77px; }
.rating.three::after { width: 66px; }
.rating.two-half::after { width: 55px; }
.rating.two::after { width: 44px; }
.rating.one-half::after { width: 33px; }
.rating.one::after { width: 22px; }

/* Quizzes */

.quizBox 		{ box-sizing: border-box; width: 100%; text-align: left; padding: 0 0 10px 0; border: 2px solid #1976D2; border-radius: 3px; margin: 20px auto 25px auto; overflow: hidden; }
.quizTable		{ width: 100%; margin: 0 7px; }
.quizTable td	{ padding: 6px; }
.answerCell		{ width: 100%; text-align: left; line-height: 18px; }
.quizTop		{ display: block; color: #fff; font-size: 18px; text-align: center; padding: 6px 10px 8px 10px; background: #42A5F5; background-image: linear-gradient(#42A5F5, #2196F3); margin: 0 0 8px 0; }
.quizQuestion	{ font-size: 20px; font-weight: bold; margin: 20px 5px 15px 16px; }
.answerButton 	{ display: inline-block; width: 40px; height: 40px; text-align: center; color: #1976D2; font-size: 30px; background-color: #F5F5F5; padding: 0 1px 1px 0; border: 2px solid #1976D2; border-radius: 5px; margin: 0; }
.activeButton:hover { color: #fff; background: #42A5F5; border-color: #1976D2; cursor: pointer; }
.answerBar		{ display: none; position: relative; top: 0px; height: 10px; font-size: 12px; margin: 2px 0 2px 1px; }
.quizBar		{ display: inline-block; width: 0px; height: 8px; font-size: 12px; background-color: #81C784; box-shadow: inset 0 0 3px #4CAF50; border: 1px solid #388E3C; margin-right: 8px; }
.selectedAnswer	{ background-color: #FFCDD2; }
.correctAnswer	{ background-color: #A5D6A7; }

.quizResult		{ display: none;	 margin: 5px 0 0 0; }
.quizPass, .quizFail, .quizNext { display: none; width: 130px; height: 42px; color: #fff; font-size: 22px; text-align: center; background: #43A047; background-image: linear-gradient(#4CAF50, #43A047); border: 2px solid #388E3C; border-radius: 5px; padding-top: 8px; margin: 15px 0 15px 15px; }
.quizPass:hover	{ color: #fff; background: #388E3C; background-image: linear-gradient(#43A047, #388E3C); border-color: #2E7D32; }
.quizPass:active { background-image: linear-gradient(#388E3C, #2E7D32); border-color: #1B5E20; }
.quizFail		{ background-color: #E53935; background-image: linear-gradient(#F44336, #E53935); border-color: #C62828; }
.quizFail:hover	{ color: #fff; background-color: #D32F2F; background-image: linear-gradient(#D32F2F, #D32F2F); border-color: #C62828; }
.quizFail:active { background-color: #C62828; background-image: linear-gradient(#D32F2F, #C62828); border-color: #B71C1C; }
.quizNext		{ float: right; width: 110px; height: 38px; font-size: 18px; font-weight: bold; color: #FFF; padding-top: 12px; background: #1E88E5; background-image: linear-gradient(#2196F3, #1E88E5); border: 2px solid #1976D2; margin-right: 15px; }
.quizNext:hover	{ color: #FFF; background: #1976D2; background-image: linear-gradient(#1E88E5, #1976D2); border-color: #01579B; }
.quizNext:active { color: #FFF; background: #1565C0; background-image: linear-gradient(#1976D2, #1565C0); border-color: #0D47A1; }
.quizMessage	{ display: inline-block; text-align: left; margin: -4px 0 0 15px; vertical-align: middle; }
.quizMessage a	{ font-weight: bold; }
.quizBottom		{ width: 100%; font-weight: bold; text-align: center; background-color: #F5F5F5; padding: 5px 0 10px 0; border-top: 2px solid #1976D2; margin: 10px 0 -15px 0; }
.quizNav		{ font-size: 24px; margin: 20px auto 10px auto; }

#main.quiz		{ box-sizing: border-box; padding: 15px 0; }
#main.quiz h5	{ width: auto; margin: 0 15px; }
.quiz .quizBox	{ max-width: 800px; }
.quizLinks 		{ list-style: none; }
.quizLinks li	{ display: block; max-width: 300px; margin: 0 auto 15px auto; }
.quizLinks a	{ max-width: 300px; }
.quizLinks img,
.quizLink img	{ max-width: 100%; }
.quizLink		{ display: block; width: 100%; max-width: 300px; margin: 15px auto 0 auto; }

/*
article .quizTop	{ height: 75px; font-size: 20px; padding: 0; background-image: url(https://cdn.slangit.com/img/css/take_the_quiz.png); background-size: 300px 75px; background-repeat: no-repeat; border-bottom: 2px solid #42A5F5; }
article .quizQuestion { margin: 15px 5px; }
article .quizMessage { margin: 0 7px; }
article table.quizTable { margin: 0 2px; }
article td.answerCell { text-align: left; }
article .quizPass, article .quizFail, article .quizNext { margin: 20px auto; }
article .quizNext { width: 100px; margin-right: 18px; }
*/

table.quizzes	{ width: 100%; }
table.quizzes td { font-size: 16px; padding: 2px; }
table.quizzes td:nth-child(1) { padding-right: 18px; white-space: nowrap; }

/* Shareable Quiz */
.squiz .topBox { display: flex; align-items: center; }
.squiz .topBox img { width: 85px; height: 85px;  margin-right: 20px; }
.squiz h1 { text-align: left; font-size: 40px; line-height: 1.4; }
.quizHero { text-align: center; }
.quizHero img { display: block; max-width: 100%; border-radius: 3px; }
.squiz .question { position: relative; padding: 35px 50px; }
.squiz .question:before { box-sizing: border-box; width: 40px; height: 35px; position: absolute; top: 0; left: 0; content: ''; pointer-events: none; border-top-left-radius: 3px; border-left: 35px solid #FF9800; border-top: 35px solid #FF9800; border-right: 35px solid transparent; border-bottom: 35px solid transparent; }
.squiz .question .qnum { display: block; width: 40px; position: absolute; top: 0; left: 0; text-align: center; font-size: 22px; line-height: 35px; font-weight: bold; background: none; color: white; margin-top: 3px; margin-left: 1px; }
.squiz .question .qlabel { font-size: 1.5em; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: 20px; }
.squiz .question img, .squiz .question video { display: block; max-width: 100%; margin: 0 auto 0 auto; }
.graphic { position: relative; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 25px; }
.credit { position: absolute; right: 0; bottom: -23px; font-size: 12px; color: #757575; opacity: 1; }
.pending .credit { opacity: 0; }
.answers { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.answer { box-sizing: border-box; width: calc(50% - 7px); max-width: 260px; min-height: 100px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; font-weight: bold; text-align: center; color: #FFFFFF; background: #2196F3; cursor: pointer; padding: 30px; border-radius: 3px; margin-right: 14px; margin-bottom: 14px; transition: all 0.2s ease; }
.answer:hover { background: #1E88E5; }
.answer:active { background: #1976D2; }
.answer:nth-child(even) { margin-right: 0; }
.answer:nth-child(n+3) { margin-bottom: 0; }
.done .answer { background-color: darkgray; cursor: default; color: #424242; opacity: 0.7; }
.done .answer.correction { position: relative; background-color: white; border: 3px solid #A5D6A7; opacity: 1; }
.done .answer.correct { position: relative; background-color: #A5D6A7; opacity: 1; }
.done .answer.correct:after { width: 40px; height: 40px; position: absolute; left: 10px; top: 10px; content: ''; background-image: url('https://cdn.slangit.com/img/test/quiz/check.png'); background-repeat: no-repeat; background-size: contain; }
.done .answer.incorrect { position: relative; background-color: #FFCDD2; opacity: 1; }
.done .answer.incorrect span { opacity: 0.7; }
.done .answer.incorrect:before { width: 30px; height: 30px; position: absolute; left: 10px; top: 10px; font-size: 20px; color: #E53935; content: ''; background-image: url('https://cdn.slangit.com/img/test/quiz/wrong.png'); background-repeat: no-repeat; background-size: contain; }
.results { position: relative; display: flex; justify-content: center; align-items: center; color: #f28624; text-align: center; font-weight: bold; border: 10px solid #f28624; border-radius: 3px; margin-top: 15px; margin-bottom: 25px; transition: opacity 1s ease; opacity: 0; }
.results .image-credit { position: absolute; bottom: -32px; right: 0; }
.results .image-credit,
.results .image-credit a { font-size: 12px; color: #757575; }
.results.visible { opacity: 1; }
.results-info { flex: 1; padding: 10px; }
.results-top { line-height: 1.4; }
.results-score { font-size: 28px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
.results .avg { font-size: 16px; }
.results .message { margin-bottom: 15px; }
.results img { max-width: 56.5%; max-height: 500px; }
p.feedback { font-size: 20px; font-weight: normal; padding: 15px 20px; border-radius: 3px; margin-top: 25px; margin-bottom: 0; }
p.feedback a { font-weight: bold; }
p.feedback-correct { border: 3px solid #A5D6A7; }
p.feedback-incorrect { border: 3px solid #FFCDD2; }
.b-lazy { opacity:0; transition: all 500ms; }
.b-loaded { opacity:1; }
.graphic.pending { height: 0; margin: 0; opacity: 0; }
.graphic { height: auto; opacity: 1; transition: all 0.3s ease; }

/* Search */

.advSearchBox		{ width: auto; text-align: center; margin: 20px auto 30px auto; }
.advSearchBox p		{ margin: 25px 0; }
.multiple			{ margin: 10px auto 30px auto; }
.multiple td		{ font-size: 20px; text-align: left; padding: 5px 10px; }
h1.searchHeader		{ font-size: 45px; margin-top: 20px; }
#cse-search-box		{ margin: 20px 0 25px 0; }
#cse-search-box input[type="text"]	{ display: inline-block; width: 300px; height: 32px; font-size: 24px; padding: 2px 8px; border: 2px solid #1E88E5; border-radius: 5px; margin: 0; }
#cse-search-box input[type="text"]:focus	{ outline: none; background-color: #FFFDE7; border-color: #0D47A1; }
#cse-search-box input[type="submit"]	{ display: inline-block; position: relative; top: -1px; width: 100px; height: 40px; font-size: 22px; letter-spacing: 1px; color: #FFF; background: #2196F3; padding: 2px 8px; border: 2px solid #1E88E5; border-radius: 5px; margin: 0 5px; }
#cse-search-box input[type="submit"]:hover { background: #1E88E5; border-color: #1976D2; }
#cse-search-box input[type="submit"]:active { background: #1976D2; border-color: #1565C0; }

/* Contact */

.selectors			{ margin: 0 auto 10px auto; }
.selector			{ display: inline-block; max-width: 200px; white-space: nowrap; }
#mail, .contact #errors 		{ max-width: 600px; background: #FAFAFA; padding: 20px; border: 2px solid #26A69A; border-radius: 3px; margin: 30px auto; overflow: hidden; }
.contact #errors				{ display: none; color: #E53935; line-height: 1.8; padding: 10px 5px; }
.contact #errors ul			{ width: 160px; text-align: left; padding-left: 30px; margin: 0 auto; }
#mail #general, #mail #slang, #mail #emoticon { display: none; }
#contact table		{ width: 100%; }
#contact table td	{ text-align: left; padding: 10px; }
#contact table td:nth-child(1)	{ max-width: 100px; }
#contact input[type="radio"] { vertical-align: middle; margin: 0 5px 0 10px; }
#contact input[type="text"] { display: block; width: 330px; height: 30px; font-size: 20px; padding: 5px 10px; border: 1px solid #80CBC4; border-radius: 5px; }
#contact select		{ font-size: 18px; }
#contact textarea	{ box-sizing: border-box; display: block; width: 95%; height: 200px; font-family: inherit; font-size: 16px; padding: 10px; border: 1px solid #80CBC4; border-radius: 5px; margin: 0 0 5px 0; }
#contact textarea.general { margin: 0 auto 5px auto; }
#contact input[type="text"]:focus, #contact textarea:focus { border: 1px solid #0D47A1; outline: none; }
#contact label.coption { vertical-align: middle; }
#contact input.csubmit { display: block; width: 200px; height: 40px; color: #fff; font-size: 18px; background: #1E88E5; background-image: linear-gradient(#2196F3, #1E88E5); border: 2px solid #1565C0; border-radius: 5px; margin: 0 auto; }
#contact input.csubmit:hover { background-image: linear-gradient(#1E88E5, #1565C0); border-color: #0D47A1; }
#contact input.csubmit:active { background-image: linear-gradient(#1565C0, #0D47A1); border-color: #1B5E20; }
.cfieldreq			{ font-weight: bold; width: 140px; }
.cfieldhid			{ display: none !important; }
.smallBox			{ position: relative; top: -2px; display: inline-block; width: 14px; height: 14px; color: #FFF; font-size: 12px; line-height: 16px; text-align: center; background: #2196F3; border: 1px solid #1976D2; border-radius: 3px; }
.cpopup				{ font-size: 14px; background: #FFF; padding: 5px 8px; border: 1px solid #BDBDBD; border-radius: 3px; margin: 5px -15px; }

/* Autocomplete */

.autocomplete-suggestions { background: #FFF; border: 1px solid #1E88E5; border-radius: 5px; overflow: auto; }
.autocomplete-suggestion { text-align: left; padding: 2px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.autocomplete-selected { background: #F3F3F3; }
.autocomplete-suggestions strong { font-weight: normal; color: #1E88E5; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* DataTables */

table.dataTable thead .sorting, table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc { cursor: pointer; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; background-size: 19px; }
table.dataTable thead .sorting { background-image: url("/img/css/dt_both.png"); }
table.dataTable thead .sorting_asc { background-image: url("/img/css/dt_asc.png"); }
table.dataTable thead .sorting_desc { background-image: url("/img/css/dt_desc.png"); }

/* SlickNav */

.slicknav_btn { width: 20px; float: right; display: block; position: relative; top: -3px; padding: 10px; margin: 6px 0 0 0; vertical-align: middle; cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }
.slicknav_btn:hover .slicknav_icon-bar	{ box-shadow: 0 0 2px #FFF; }
.slicknav_menu	{ display: none; }
.slicknav_menu { box-sizing: border-box; font-size: 16px; background: none; padding: 5px; }
.slicknav_menu .slicknav_icon-bar	{ display: block; width: 20px; height: 2px; background-color: #FFF; border-radius: 1px; }
.slicknav_menu:before { content: " "; display: table; }
.slicknav_menu:after { content: " "; display: table; clear: both; }
.slicknav_nav { z-index: 0; float: right; position: fixed; top: 50px; box-sizing: border-box; width: 100%; background-color: #FB8C00; padding: 0; margin: 0 0 0 -5px; overflow: hidden; }
.slicknav_nav a, .slicknav_nav ul, .slicknav_nav li { display: block; }
.slicknav_nav a { font-size: 18px; color: #fafafa; text-decoration: none; padding: 9px 2px 10px 2px; }
.slicknav_nav a:hover { color: #FFF176; background-color: rgba(230, 82, 0, 0.5); }
.slicknav_nav ul { list-style: none; padding: 0; margin: 0 0 0 20px; overflow: hidden; }
/* Dark Theme */
.themeToggle:before { display: inline-block; width: 16px; height: 16px; background: url(https://cdn.slangit.com/img/css/theme_toggle.png) no-repeat; background-size: 48px; background-position: bottom right; content: ''; margin: 0 0 -1px 0; }
.themeToggle:hover:before { background-position: bottom center; }
.slicknav_menu .themeToggle:hover:before { background-position: bottom left; }
.themeToggle .theme { position:absolute; left:-10000px;	width:1px; height:1px; overflow:hidden; }
.dark .themeToggle:before { background-position: top right; }
.dark .themeToggle:hover:before { background-position: top center; }
.dark .slicknav_menu .themeToggle:hover:before { background-position: top left; }
.dark body { background-color: #131e27; color: white; }
.dark .slangInfo, 
.dark .topBox,
.dark #home #right, 
.dark #home article,
.dark #slang #right,
.dark .modular #right,
.dark .feed-entry, 
.dark .roundedBox,
.dark #main,
.dark header { background-color: #1f3546; }
.dark header { box-shadow: 0px 1px 2px #090342; }
.dark .slicknav_nav { background-color: #1f3546; }
.dark #menu a:hover,
.dark .slicknav_nav a:hover	{ background-color: #131e27; }
.dark header form #term,
.dark #hterm,
.dark #contact input,
.dark #contact textarea { background-color: #131e27; color: #A8A8A8; }
/* .dark #term::placeholder, */
/* .dark #hterm::placeholder { color: #A8A8A8; } */
.dark #term:focus,
.dark #hterm:focus,
.dark #contact input:focus,
.dark #contact textarea:focus { background-color: #1c2a35; color: #cccccc; box-shadow: none; transition: none; }
.dark header { overflow: hidden; background-image: none; }
.dark header a.random { background-color: #131e27; background-image: url(https://cdn.slangit.com/img/css/random_gray.png); }
.dark header a.random:hover	{ background-color: #1e537d; box-shadow: 0 0 3px #cccccc; transition: none; }
.dark header form #submit { background-image: url(https://cdn.slangit.com/img/css/search_gray.png); }
.dark .autocomplete-suggestions { background: #131e27; }
.dark .autocomplete-selected { background-color: #090e13; }
.dark header form #sbutton { background-color: #1e537d; }
.dark #main { border: none; box-shadow: none; }
.dark #left,
.dark #right,
.dark h5,
.dark .alpha,
.dark .category,
.dark article.index h3,
.dark .cnav a { border-color: #5c6369; }
hr { background: #5c6369; }
.dark .modular #main { background: none;}
.dark #right { background: none; }
.dark #feed time,
.dark .listBox p { background: #F57C00; background-image: linear-gradient(#F57C00, #EF6C00); }
.dark .listBox { border-color: #E65100; }
.dark #slang .topBox,
.dark .modular .topBox { border-color: #EF6C00; }
.dark .drawerToggle .toggletext { color: #ffffff; }
.dark .drawerToggle svg { fill: #ffffff; }
.dark .slangInfo_header { background: #1e537d; }
.dark .meaning-vote.active svg, 
.dark .meaning-vote:hover svg { fill: #fb8c00; }
.dark .net-rating { color: #F57C00; }
.dark .navButton,
.dark .category a,
.dark .alpha a,
.dark .anav a,
.dark .answerButton { background: #1e537d; color: white; border-color: #1565C0; }
.dark .question:before { border-left-color: #F57C00; border-top-color: #F57C00; }
.dark .navButton:hover, 
.dark .answerButton:hover	{ color: #FFF; background: #2196F3; background-image: linear-gradient(#42A5F5, #2196F3); border-color: #1976D2; }
.dark .navButton:active,
.dark .answerButton:active	{ color: #FFF; background: #2196F3; background-image: linear-gradient(#2196F3, #1E88E5); border-color: #1565C0; }
.dark .category a:hover, .dark .alpha a:hover,
.dark .cnav a:hover, .dark .anav a:hover { color: #FFF; background: #42A5F5; background-image: linear-gradient(#42A5F5, #2196F3); border-color: #1976D2; }
.dark .category a:active, .dark .alpha a:active,
.dark .cnav a:active, .dark .anav a:active { color: #FFF; background: #2196F3; background-image: linear-gradient(#2196F3, #1E88E5); border-color: #1565C0; }
.dark .list,
.dark .slist { background: #2E495F; }
.dark table.list th, 
.dark table.slist th { background-color: #1976D2; }
.dark table.list tr:hover,
.dark table.slist tr:hover { background: inherit; }
.dark table.list > tbody > tr:nth-child(2n+1),
.dark table.list > tbody > tr:nth-child(2n+1), 
.dark table.slist > tbody > tr:nth-child(2n+1) { background: #1E3A51; }
.dark table.browselist .meaning-vote { color: #FFF; }
.dark .quizTop { background: #1E88E5; background-image: linear-gradient(#1E88E5, #1976D2); }
.dark #translator textarea,
.dark .helpsummary { background-color: #131e27; color: white; }
.dark .help img { background: none; }
.dark #mail, 
.dark .contact #errors { background: #1E3A51; border-color: #131e27; }
.dark #mail input,
.dark #mail textarea { border-color: #1E3A51; }
.dark #mail input[type=submit] { color: white; }
.dark footer { background: #1e537d; }

/* Theme Transitions */
body,
#main,
.slangInfo, 
.topBox,
#home #right, 
#home article,
.dark #menu .themeToggle:hover,
#slang #right,
.modular #right,
.feed-entry, 
.roundedBox,
header a.random,
#term,
#hterm
.quizTop { transition: background-color 1s; }
#slang .topBox { transition: background-color 1s, border-color 1s; }
#main, #hterm, header, header form #submit, #right, .slangInfo_header, .meaning-vote, .net-rating, .question:before, #feed time, .listBox p, .listBox { transition: color 1s, background 1s, background-color 1s, border-color 1s, box-shadow 1s; }
.drawerToggle .toggleintro { transition: color 1s; }

/* Media Queries */

@media  (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi)
{
	header a.home	{ background: url(https://cdn.slangit.com/img/css/slangit2x.png) no-repeat; background-size: 120px 100px; }
}

@media screen and (max-width: 1101px )
{
	#main			{ width: 100%; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; }
	#home #main, #slang #main, .modular #main { box-sizing: border-box; }
	.adBotLB		{ max-height: 280px; }
	#feed h2		{ font-size: 50px; }	

	/* Shareable Quiz */
	.squiz .topBox img  {width: 70px;height: 70px; margin-right: 20px; }
	.results-info { padding: 15px; }
	.results-top { margin-bottom: 15px; }
	.results-score { font-size: 25px; }
	.results .message { margin-bottom: 20px; }
}

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

	#menu a			{ padding: 12px 10px 0 10px; }
	#menu a#twitter { padding-right: 20px; margin-left: -10px; }
	header #content	{ padding: 0; }
	#left			{ margin-right: 250px; }
	#home #left, #slang #left, .modular #left	{ margin-right: 270px; }
	#right			{ width: 220px; margin-left: -251px; }
	article h1:not(.h2)	{ font-size: 54px; margin: 25px 0 20px 0; }
	
	/* .adTopLB		{ max-width: 728px; } */
	.adRightSky		{ max-width: 160px; max-height: 600px; }
	.adDefRect		{ max-width: 300px; max-height: 250px; margin-top: 20px; margin: 20px 0 0 20px; }
	.linkAds		{ height: 337px; }
	
	h1.reviews		{ margin-top: 20px; }
	h1.reviews img	{ max-width: 80px; max-height: 80px; }
	.browseAll		{ padding: 0; }
	a.side			{ height: 35px; font-size: 16px; margin: 11px 0 15px 0; }
	ul.side			{ margin-left: 38px; }
	article.help h1 { margin-top: 5px; }
	.listBox ol li	{ margin-left: 35px; }
	.quiz .quizBox	{ width: 90%; }
	#right .quizTop { height: 55px; background-size: 220px 55px; }
	#home #right .quizTop { height: inherit; }
	#right .quizNext { float: none; display: block; width: 130px; margin: 5px auto 15px auto; }
	.topList td:nth-child(3) { max-width: 60px; }

	#feed h2	 	{ font-size: 40px; }
	.meaning h2		{ font-size: 36px; line-height: 44px; }
	.medMeaning	h2	{ font-size: 30px; line-height: 38px; }
	.smallMeaning h2	{ font-size: 24px; line-height: 32px; }

	/* Shareable Quiz */	
	.squiz .topBox img { width: 50px; height: 50px;  margin-right: 20px; }
	.squiz h1 { text-align: left; font-size: 30px; line-height: 1.4; }
	.results { flex-direction: column; }
	.results img { width: 400px; height: auto; max-height: none; max-width:100%; }
	
}

@media screen and (max-width: 830px)
{
	#menu a			{ padding: 12px 5px 0 5px; }
}

@media screen and (max-width: 780px)
{
	#menu 	{ display: none; }
	.slicknav_menu { display: block; margin-bottom: -50px; }
	header .twitter	{ display: inline; }
	#main	{ width: 100%; box-sizing: border-box; padding: 10px; }
	#home #main, #slang #main:not(.error), .modular #main { box-sizing: border-box; width: 100%; padding: 0 0 10px 0; }
	.topBox { margin: 0 10px 10px 10px; padding: 5px 10px; }
	#lwrap	{ float: none; }
	#left	{ padding: 0; border: 0; margin: 0; }
	#home #left, #slang #left, .modular #left { padding: 0 10px; margin: 0; }
	.feed-entry, .roundedBox { margin-bottom: 10px; }
	.feed-entry { padding: 10px; }
	#loadSlang 		{ margin: 0 auto 10px auto; }
	#home .quizBox		{ margin: 0 10px; max-width: 100%; width: auto; }
	#right	{ float: none; width: 100%; padding: 20px 0 0 0; border: none; border-top: 4px solid #2196F3; margin: 15px 0; }
	#right h5 { margin-top: -10px; }
	#slang #right, .modular #right { box-sizing: border-box; padding: 20px 15px; }
	#slang .sidebar_container .quizLink { order: 0; margin: 0 auto 20px auto; }
	#slang .sidebar_container .linkAds 	{ order: 1; }
	article h1:not(.h2)	{ font-size: 50px; padding: 0 0 20px 0; margin: 0 0 20px 0; }
	
	.adTopLB	{ min-height: 100px; height: auto; margin: 62px auto 12px auto; }
	.adBotLB	{ max-height: 280px; }
	.adQuizLB	{ margin: 0 auto; }
	.adRightSky { max-width: none; max-height: 600px; text-align: center; }
	.linkAds	{ height: auto; min-height: 100px; }
	
	img.dailyimage	{ max-width: 200px; }
	article.help h1	{ font-size: 22px; padding: 10px 0 25px 0; }
	article.help img { max-width: 98%; }
	p.date			{ float: none; text-align: center; }	
	ul.side			{ margin-left: 45px; font-size: 18px; }
	.searchResults	h1 { font-size: 40px; margin: 25px 0 10px 0; }
	.advSearchBox	{ box-sizing: border-box; width: 98%; padding: 10px 5px; margin: 20px auto; }
	#right .quizTop { height: 88px; background-size: 100% auto; }

	#slang .topBox, .modular .topBox	{ padding: 10px 15px; margin: 0 0 10px 0; }
	#slang h1 		{ font-size: 50px; }
	.slangInfo_header { padding: 0 7px 0 15px; }
	.slangInfo_body { padding: 15px; }
	.slang-section	{ padding-bottom: 15px; }

	.slangit { padding: 15px; }
}

@media screen and (max-width: 550px)
{
	header a.home 	{ position: fixed; }
	header input	{ width: 150px; }
	header #search_button { display: inline-block; visibility: visible; top: 8px; right: 5px; }
	header a.random { float: right; top: 5px; margin-right: 12px; }
	header form { position: absolute; left: 0px; top: 50px; width: 100%; height: 60px; visibility: hidden; overflow: hidden; }
	header form #swrap { position: absolute; top: -50px; width: 100%; }
	header form #term { box-sizing: border-box; width: 100%; height: 60px; font-size: 24px; padding: 10px; border: 2px solid #F57C00; border-radius: 0; }
	header form #term:focus { box-shadow: none; }
	header form #submit { display: none; }
	header form #sbutton { top: 3px; right: 22px; }
	footer			{ font-size: 14px; line-height: 24px; padding: 5px; }
	footer a		{ display: inline-block; margin: 2px 4px; }
	.autocomplete-suggestions { font-size: 20px; border-radius: 0; }
	
	.adDefRect		{ display: none; }
	
	h2,
	h1.h2			{ font-size: 24px; margin: 15px 0; }

	h3				{ font-size: 22px; }
	article h1:not(.h2)	{ font-size: 45px; line-height: 55px; padding: 0 0 12px 0; margin: -10px 0 15px 0; }
	article.sw h1	{ font-size: 40px; padding: 0 0 15px 0; margin: -10px 0 15px 0; }
	article ol li, article.index ol li { padding-left: 0; }
	
	h1.hs			{ font-size: 26px; line-height: 36px; margin: 20px 0; }
	.homeSearch		{ width: 97%; margin-bottom: 30px; }
	.homeTable p 	{ font-size: 20px; font-weight: bold; padding: 0; margin: 5px 0; }
	#hs				{ width: 80px; }
	#feed p			{ font-size: 20px; }
	p.date			{ float: none; text-align: center; margin-top: 5px; }
	.largeSquare	{ width: 64px; height: 64px; background-size: 64px; margin-right: 15px; }
	.medSquare		{ width: 48px; height: 48px; background-size: 48px; }
	.smallSquare	{ width: 32px; height: 32px; background-size: 32px; }
	article.help h1 { margin-top: -10px; }
	article.help h1 .smallSquare { margin: 0 10px 0 0; }
	table.slist		{ margin-top: 20px; }
	table.list th, table.slist th	{ font-size: 16px; padding: 5px 8px 7px 8px; }
	table.list td, table.slist td	{ height: 32px; font-size: 16px; padding: 1px 8px 2px 8px; }	

	table.browselist :not(thead) tr { display: grid; grid-template-columns: 65% 35%; }
	table.browselist thead tr { width: 100%; display: flex; }
	table.browselist.slist th { width: auto; max-width: none; }
	table.browselist.slist th:first-child { width: 68%; }
	table.browselist.slist th:last-child { width: 32%; }
	table.browselist.slist th:nth-child(2) { display: none; }
	table.browselist.slist th:nth-child(3) { display: block; padding-left: 4px; }
	table.browselist td:nth-child(1),
	table.browselist td:nth-child(2) { height: auto; grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; padding: 8px; }
	table.browselist td:nth-child(2) { grid-row-start: 2; grid-row-end: 2; padding-top: 0; }
	table.browselist td:nth-child(3) { height: auto; min-width: 0; display: flex; align-items: center; grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: span 2; }

	.list th:nth-of-type(n+3), .list td:nth-of-type(n+3) { display: none; }
	.slist th:nth-of-type(n+3), .slist td:nth-of-type(n+3) { display: none; }
	.slist th:first-child, .slist td:first-child { max-width: 100px; }
	.topList td:nth-child(3) { width: auto; }
	
	#mail			{ padding: 10px; }
	#contact table td	{ text-align: left; text-indent: 0; padding: 5px; }
	#contact input[type="text"]		{ width: 90%; }
	#contact textarea	{ width: 100%; }
	.quiz .quizBox	{ width: 95%; }
	.quizQuestion	{ font-size: 18px; }
	.advSearch #query, #cse-search-box input[type="text"] { width: 60%; }
	.searchResults	h1 { font-size: 30px; margin: 25px 0 10px 0; }
	
	.slangInfo th:first-child, .slangInfo td:first-child { display: none; }
	.slangInfo table.related td:first-child { display: table-cell; width: 70px; }
	.slangInfo th, .slangInfo td { padding-left: 2px; }
	.slangInfo th		{ padding: 5px 10px 20px 1px; }
	.slangInfo .ursHolder { left: -8px; }
	.meaning h2			{ font-size: 30px; line-height: 38px; }
	.medMeaning h2		{ font-size: 26px; line-height: 32px; }
	.smallMeaning h2	{ font-size: 22px; line-height: 26px; }
	.emoticonInfo td	{ font-size: 16px; line-height: 24px; }
	.emoticonInfo .ratingNum { margin-top: 2px; }
	.chars				{ display: none; }
	.trendingImg		{ float: none; max-width: 98%; margin: 0 auto 15px auto; }
	.trending h3		{ font-size: 24px; }

	#slang h1 		{ font-size: 45px; }

	/* Shareable Quiz */
	.squiz .topBox img { display: none; }
	.question { padding: 25px 40px; }
	.question .qlabel { font-size: 1.2em; margin-bottom: 15px; }
	.question:before { width: 30px; height: 25px; border-left: 25px solid #FF9800; border-top: 25px solid #FF9800; border-right: 25px solid transparent; border-bottom: 25px solid transparent; }
	.question .qnum { width: 30px; font-size: 18px; line-height: 25px; }
	.question img { margin-bottom: 20px; }
	.answer { min-height: 75px; font-size: 1em; line-height: 1.4; padding: 22px; }
	.done .answer.correct:after { width: 22px; height: 22px; }
	.done .answer.incorrect:before { width: 22px; height: 22px; }
	p.feedback { font-size: 18px; padding: 10px 15px; }

	/* Dark theme */
	.dark header a.random { background-color: #FFF; background-image: url(https://cdn.slangit.com/img/css/random.png); }
}

@media screen and (max-width: 415px)
{
	article h1:not(.h2)	{ padding-bottom: 0; border-bottom: none; }
	h3					{ font-size: 24px; }
	#main				{ margin-bottom: 80px; }
	.meaning h2			{ font-size: 30px; line-height: 38px; }
	.medMeaning h2		{ font-size: 26px; line-height: 32px; }
	.smallMeaning h2	{ font-size: 22px; line-height: 26px; }
	/* #slang .meaning		{ line-height: 1.4; margin-top: 0; } */
	.category a			{ width: 158px; height: 35px; font-size: 16px; padding: 8px 0 0 0; margin: 10px 4px; }
	.emoticonInfo .ratingsTotals { display: none; }
	.quizQuestion		{ margin: 15px 10px; }
	.quizTable			{ margin: 0 3px; }
	.entry-body 		{ display: block; }
	.entry-left, .entry-right { max-width: none; min-width: 0; padding: 0; }
	#feed img			{ margin: 0 auto; max-height: 500px; }

	.sectionHeader	{ font-size: 18px; }
	.slang-section	{ padding-bottom: 10px; }

	table.browselist .meaning-vote { padding: 0 0 0 26px; }
	table.browselist .meaning-vote:before { left: 0px; }
}

@media screen and (max-width: 320px)
{
	#contact table td	{ font-size: 16px; padding: 5px 2px; }
	#contact select		{ font-size: 16px; }
	#contact input[type="text"]		{ width: 85%; height: 18px; font-size: 16px; padding: 6px; }
	#contact textarea	{ width: 95%; font-size: 16px; padding: 6px; }

	#slang h1 		{ font-size: 32px; }
	#slang .topBox, .modular .topBox { padding: 0 15px; }
	.meaning-vote-count { display: none; }

	/* Shareable Quiz */
	.answer { width: 100%; max-width: none; min-height: 60px; margin-right: 0; margin-bottom: 10px; }
	.answer:nth-child(3) { margin-bottom: 10px; }
}

/* Print Styles */

@media print
{
	header, #right, .adTopLB, .adBotLB, .adQuizLB, .adDefRect, .adRightSky, .linkAds, .slangit, .mc, h5, #disqus_thread { display: none; }
	body		{ color: #000; background: none; }
	a			{ color: #000; }
	#main		{ border-radius: 0; box-shadow: none; }
	#left		{ border-width: 0; border-radius: 0; margin: 0; }
	footer		{ background: none; }
	article		{ font-size: 12pt; line-height: 18pt; }
	article h1:not(.h2)	{ font-size: 50px; padding-bottom: 25px; margin-top: 0; }
	.url		{ display: block; color: #333; font-size: 11pt; margin-top: 30px; }
	p.date		{ color: #333; font-size: 11pt; margin-top: 14px; }
	.copyright	{ display: block; color: #333; }
}