/* Theme Name: Wiki Main Website Theme URI: http://rafaelmarques.com/ Description: WP Theme developed by RM Pixels. Version: 1.0 Author: Rafael Marques Author URI: http://www.rafaelmarques.com/ Tags: responsive, threaded-comments, custom-menu, custom-colors */ *{margin:0;padding:0;border:0}:focus{outline:0}.reset-margin{margin:0!important}.reset-margin-top{margin-top:0!important}.reset-margin-right{margin-right:0!important}.reset-margin-bottom{margin-bottom:0!important}.reset-margin-left{margin-left:0!important}.reset-padding-top{padding-top:0!important}.reset-padding-right{padding-right:0!important}.reset-padding-bottom{padding-bottom:0!important}.reset-padding-left{padding-left:0!important}.reset-padding{padding:0!important}.reset-border{border:0!important}.reset-border-top{border-top:0!important}.reset-border-right{border-right:0!important}.reset-border-bottom{border-bottom:0!important}.reset-border-left{border-left:0!important}.reset-background{background:none!important}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,section,summary,video{display:block}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-30{padding:30px}.padding-35{padding:35px}.padding-40{padding:40px}.padding-45{padding:45px}.padding-50{padding:50px}.padding-55{padding:55px}.padding-60{padding:60px}.padding-65{padding:65px}.padding-70{padding:70px}.padding-75{padding:75px}.padding-80{padding:80px}.padding-85{padding:85px}.padding-90{padding:90px}.padding-95{padding:95px}.padding-100{padding:100px}.padding-top-5{padding-top:5px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-25{padding-top:25px}.padding-top-30{padding-top:30px}.padding-top-35{padding-top:35px}.padding-top-40{padding-top:40px}.padding-top-45{padding-top:45px}.padding-top-50{padding-top:50px}.padding-top-55{padding-top:55px}.padding-top-60{padding-top:60px}.padding-top-65{padding-top:65px}.padding-top-70{padding-top:70px}.padding-top-75{padding-top:75px}.padding-top-80{padding-top:80px}.padding-top-85{padding-top:85px}.padding-top-90{padding-top:90px}.padding-top-95{padding-top:95px}.padding-top-100{padding-top:100px}.padding-right-5{padding-right:5px}.padding-right-10{padding-right:10px}.padding-right-15{padding-right:15px}.padding-right-20{padding-right:20px}.padding-right-25{padding-right:25px}.padding-right-30{padding-right:30px}.padding-right-35{padding-right:35px}.padding-right-40{padding-right:40px}.padding-right-45{padding-right:45px}.padding-right-50{padding-right:50px}.padding-right-55{padding-right:55px}.padding-right-60{padding-right:60px}.padding-right-65{padding-right:65px}.padding-right-70{padding-right:70px}.padding-right-75{padding-right:75px}.padding-right-80{padding-right:80px}.padding-right-85{padding-right:85px}.padding-right-90{padding-right:90px}.padding-right-95{padding-right:95px}.padding-right-100{padding-right:100px}.padding-bottom-5{padding-bottom:5px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-25{padding-bottom:25px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-35{padding-bottom:35px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-45{padding-bottom:45px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-55{padding-bottom:55px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-65{padding-bottom:65px}.padding-bottom-70{padding-bottom:70px}.padding-bottom-75{padding-bottom:75px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-85{padding-bottom:85px}.padding-bottom-90{padding-bottom:90px}.padding-bottom-95{padding-bottom:95px}.padding-bottom-100{padding-bottom:100px}.padding-left-5{padding-left:5px}.padding-left-10{padding-left:10px}.padding-left-15{padding-left:15px}.padding-left-20{padding-left:20px}.padding-left-25{padding-left:25px}.padding-left-30{padding-left:30px}.padding-left-35{padding-left:35px}.padding-left-40{padding-left:40px}.padding-left-45{padding-left:45px}.padding-left-50{padding-left:50px}.padding-left-55{padding-left:55px}.padding-left-60{padding-left:60px}.padding-left-65{padding-left:65px}.padding-left-70{padding-left:70px}.padding-left-75{padding-left:75px}.padding-left-80{padding-left:80px}.padding-left-85{padding-left:85px}.padding-left-90{padding-left:90px}.padding-left-95{padding-left:95px}.padding-left-100{padding-left:100px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}.margin-35{margin:35px}.margin-40{margin:40px}.margin-45{margin:45px}.margin-50{margin:50px}.margin-55{margin:55px}.margin-60{margin:60px}.margin-65{margin:65px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-85{margin:85px}.margin-90{margin:90px}.margin-95{margin:95px}.margin-100{margin:100px}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-55{margin-top:55px}.margin-top-60{margin-top:60px}.margin-top-65{margin-top:65px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-85{margin-top:85px}.margin-top-90{margin-top:90px}.margin-top-95{margin-top:95px}.margin-top-100{margin-top:100px}.margin-right-5{margin-right:5px}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-25{margin-right:25px}.margin-right-30{margin-right:30px}.margin-right-35{margin-right:35px}.margin-right-40{margin-right:40px}.margin-right-45{margin-right:45px}.margin-right-50{margin-right:50px}.margin-right-55{margin-right:55px}.margin-right-60{margin-right:60px}.margin-right-65{margin-right:65px}.margin-right-70{margin-right:70px}.margin-right-75{margin-right:75px}.margin-right-80{margin-right:80px}.margin-right-85{margin-right:85px}.margin-right-90{margin-right:90px}.margin-right-95{margin-right:95px}.margin-right-100{margin-right:100px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-45{margin-bottom:45px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-55{margin-bottom:55px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-65{margin-bottom:65px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-85{margin-bottom:85px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-95{margin-bottom:95px}.margin-bottom-100{margin-bottom:100px}.margin-left-5{margin-left:5px}.margin-left-10{margin-left:10px}.margin-left-15{margin-left:15px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}.margin-left-35{margin-left:35px}.margin-left-40{margin-left:40px}.margin-left-45{margin-left:45px}.margin-left-50{margin-left:50px}.margin-left-55{margin-left:55px}.margin-left-60{margin-left:60px}.margin-left-65{margin-left:65px}.margin-left-70{margin-left:70px}.margin-left-75{margin-left:75px}.margin-left-80{margin-left:80px}.margin-left-85{margin-left:85px}.margin-left-90{margin-left:90px}.margin-left-95{margin-left:95px}.margin-left-100{margin-left:100px}[class*=w-]{max-width:100%}.w-10{width:10px}.w-20{width:20px}.w-30{width:30px}.w-40{width:40px}.w-50{width:50px}.w-60{width:60px}.w-70{width:70px}.w-80{width:80px}.w-90{width:90px}.w-100{width:100px}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-140{width:140px}.w-150{width:150px}.w-160{width:160px}.w-170{width:170px}.w-180{width:180px}.w-190{width:190px}.w-200{width:200px}.w-210{width:210px}.w-220{width:220px}.w-230{width:230px}.w-240{width:240px}.w-250{width:250px}.w-260{width:260px}.w-270{width:270px}.w-280{width:280px}.w-290{width:290px}.w-300{width:300px}.w-310{width:310px}.w-320{width:320px}.w-330{width:330px}.w-340{width:340px}.w-350{width:350px}.w-360{width:360px}.w-370{width:370px}.w-380{width:380px}.w-390{width:390px}.w-400{width:400px}.w-410{width:410px}.w-420{width:420px}.w-430{width:430px}.w-440{width:440px}.w-450{width:450px}.w-460{width:460px}.w-470{width:470px}.w-480{width:480px}.w-490{width:490px}.w-500{width:500px}.w-510{width:510px}.w-520{width:520px}.w-530{width:530px}.w-540{width:540px}.w-550{width:550px}.w-560{width:560px}.w-570{width:570px}.w-580{width:580px}.w-590{width:590px}.w-600{width:600px}.w-610{width:610px}.w-620{width:620px}.w-630{width:630px}.w-640{width:640px}.w-650{width:650px}.w-660{width:660px}.w-670{width:670px}.w-680{width:680px}.w-690{width:690px}.w-700{width:700px}.w-710{width:710px}.w-720{width:720px}.w-730{width:730px}.w-740{width:740px}.w-750{width:750px}.w-760{width:760px}.w-770{width:770px}.w-780{width:780px}.w-790{width:790px}.w-800{width:800px}.w-810{width:810px}.w-820{width:820px}.w-830{width:830px}.w-840{width:840px}.w-850{width:850px}.w-860{width:860px}.w-870{width:870px}.w-880{width:880px}.w-890{width:890px}.w-900{width:900px}.w-910{width:910px}.w-920{width:920px}.w-930{width:930px}.w-940{width:940px}.w-950{width:950px}.w-960{width:960px}.w-970{width:970px}.w-980{width:980px}.w-990{width:990px}.w-1000{width:1000px}.h-10{height:10px}.h-20{height:20px}.h-30{height:30px}.h-40{height:40px}.h-50{height:50px}.h-60{height:60px}.h-70{height:70px}.h-80{height:80px}.h-90{height:90px}.h-100{height:100px}.h-110{height:110px}.h-120{height:120px}.h-130{height:130px}.h-140{height:140px}.h-150{height:150px}.h-160{height:160px}.h-170{height:170px}.h-180{height:180px}.h-190{height:190px}.h-200{height:200px}.h-210{height:210px}.h-220{height:220px}.h-230{height:230px}.h-240{height:240px}.h-250{height:250px}.h-260{height:260px}.h-270{height:270px}.h-280{height:280px}.h-290{height:290px}.h-300{height:300px}.h-310{height:310px}.h-320{height:320px}.h-330{height:330px}.h-340{height:340px}.h-350{height:350px}.h-360{height:360px}.h-370{height:370px}.h-380{height:380px}.h-390{height:390px}.h-400{height:400px}.h-410{height:410px}.h-420{height:420px}.h-430{height:430px}.h-440{height:440px}.h-450{height:450px}.h-460{height:460px}.h-470{height:470px}.h-480{height:480px}.h-490{height:490px}.h-500{height:500px}.h-510{height:510px}.h-520{height:520px}.h-530{height:530px}.h-540{height:540px}.h-550{height:550px}.h-560{height:560px}.h-570{height:570px}.h-580{height:580px}.h-590{height:590px}.h-600{height:600px}.h-610{height:610px}.h-620{height:620px}.h-630{height:630px}.h-640{height:640px}.h-650{height:650px}.h-660{height:660px}.h-670{height:670px}.h-680{height:680px}.h-690{height:690px}.h-700{height:700px}.h-710{height:710px}.h-720{height:720px}.h-730{height:730px}.h-740{height:740px}.h-750{height:750px}.h-760{height:760px}.h-770{height:770px}.h-780{height:780px}.h-790{height:790px}.h-800{height:800px}.h-810{height:810px}.h-820{height:820px}.h-830{height:830px}.h-840{height:840px}.h-850{height:850px}.h-860{height:860px}.h-870{height:870px}.h-880{height:880px}.h-890{height:890px}.h-900{height:900px}.h-910{height:910px}.h-920{height:920px}.h-930{height:930px}.h-940{height:940px}.h-950{height:950px}.h-960{height:960px}.h-970{height:970px}.h-980{height:980px}.h-990{height:990px}.h-1000{height:1000px}ol.unstyled,ul.unstyled{list-style:none;margin-left:0}ol.inline,ul.inline{margin-left:0;list-style:none}ol.inline>li,ul.inline>li{display:inline-block;padding-right:5px;padding-left:5px}ul.disc{list-style-type:disc}ul.circle{list-style-type:circle}ul.square{list-style-type:square}ol.decimal{list-style-type:decimal}ol.decimal-leading-zero{list-style-type:decimal-leading-zero}ol.lower-alpha{list-style-type:lower-alpha}ol.upper-alpha{list-style-type:upper-alpha}ol.lower-roman{list-style-type:lower-roman}ol.upper-roman{list-style-type:upper-roman}ol.lower-latin{list-style-type:lower-latin}ol.upper-latin{list-style-type:upper-latin}img.rounded{border-radius:4px}img.circle{border-radius:50%}img.polaroid{padding:3px;border:1px solid #ddd}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-warning{color:#b84}.text-error{color:#a33}.text-info{color:#258}.text-success{color:#373}.float-left{float:left!important}.float-right{float:right!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-center{margin:0 auto;display:block}.align-left{float:left;margin-right:3%}.align-right{float:right;margin-left:3%}img.align-center{margin:0 auto}img.align-left{margin:0 3% 3% 0}img.align-right{margin:0 0 3% 3%}.clear{clear:both}iframe,img,object{max-width:100%}img{height:auto}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;vertical-align:baseline;font-size:100%;line-height:1;position:relative}a:link,a:visited{text-decoration:none}a:hover{text-decoration:underline}a:active{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal;margin-top:.2rem;margin-bottom:1.2rem;line-height:1.4}p{line-height:150%}strong{font-weight:700}small{font-size:11px}address{display:block}hr{clear:both}blockquote{position:relative;padding-left:3%;border:0;margin:0 0 20px;overflow:hidden}ul{list-style:inside square}ol{list-style:inside decimal}menu{list-style:inside disc}li{display:list-item}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}footer ol,footer ul,header ol,header ul,nav ol,nav ul{list-style:none;margin-left:0}legend{display:block;width:100%}button,input,label,select,textarea{cursor:pointer;font-weight:400}form:after,form:before{display:table;line-height:0;content:""}form:after{clear:both}button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}label.inline{display:inline;margin:0 1.5% 1.5% 0}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:block;margin-bottom:2%;vertical-align:middle;-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}input,textarea{margin-left:0}textarea{height:auto;max-width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{cursor:inherit;border-color:rgba(82,168,236,.8);outline:0}input[type=checkbox],input[type=radio]{margin:3px 1px 3px 0;line-height:normal;box-sizing:border-box}input[type=radio]{-webkit-appearance:radio}input[type=checkbox]{-webkit-appearance:checkbox}input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit]{width:auto}input[type=datetime-local],input[type=datetime],input[type=time]{padding-right:5px!important}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly]{background-color:transparent}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,select:focus:invalid:focus,textarea:focus:invalid:focus{border-color:#e9322d}form.use-grid input,form.use-grid select,form.use-grid textarea{width:100%}form table td label{float:right;margin-right:1.5%}table{width:100%;border-spacing:0}td,th{padding:8px;line-height:18px;text-align:left;border-top:1px solid #ddd}th{font-weight:700;vertical-align:bottom}td{vertical-align:top}td+td,td+th,th+td,th+th{border-left:1px solid #ddd}table thead:first-child tr td,table thead:first-child tr th{border-top:0}table tbody+tbody{border-top:2px solid #ddd}table{border:1px solid #ddd;border-collapse:separate}tbody:first-child tr:first-child td,tbody:first-child tr:first-child th,thead:first-child tr:first-child th{border-top:0}tfoot,thead{background:#f2f2f2}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:#f5f5f5}pre{font:12px "Andale Mono","Courier New","Lucida Console",monospace;display:block;color:#777;padding:20px;line-height:19px;background:#272822;border:1px solid #ddd;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);overflow:auto;word-wrap:normal;white-space:pre}article ul{margin:0 0 3% 3%}article ul li{list-style:square inside}article ul li ul li{list-style:disc inside}article ul li ul li ul li{list-style:circle inside}a{-webkit-transition:opacity 150ms linear,color 150ms linear,background-color 150ms linear;-moz-transition:opacity 150ms linear,color 150ms linear,background-color 150ms linear;-ms-transition:opacity 150ms linear,color 150ms linear,background-color 150ms linear;-o-transition:opacity 150ms linear,color 150ms linear,background-color 150ms linear;transition:opacity 150ms linear,color 150ms linear,background-color 150ms linear}address,blockquote,dd,dl,fieldset,form,hr,iframe,legend,menu,nav,nav ul,ol,p,pre,table,ul{margin-bottom:3%}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.full{width:100%;position:relative;margin:0 auto 20px;float:left}.wrapper{position:relative;margin:0 auto;width:1180px;max-width:100%}.row:after,.row:before,.wrapper:after,.wrapper:before{content:" ";display:table}.row:after,.wrapper:after{clear:both}.last,.row [class*=eight-]:last-child,.row [class*=eleven-]:last-child,.row [class*=five-]:last-child,.row [class*=four-]:last-child,.row [class*=nine-]:last-child,.row [class*=one-]:last-child,.row [class*=seven-]:last-child,.row [class*=six-]:last-child,.row [class*=ten-]:last-child,.row [class*=three-]:last-child,.row [class*=two-]:last-child{margin-right:0!important;clear:right}[class*=-eighth],[class*=-eleventh],[class*=-fifth],[class*=-fourth],[class*=-half],[class*=-ninth],[class*=-seventh],[class*=-sixth],[class*=-tenth],[class*=-third],[class*=-twelfth]{display:inline-block;position:relative;margin:0 3% 3% 0;float:left;max-width:100%}[class*=-eighth]>:last-child,[class*=-eleventh]>:last-child,[class*=-fifth]>:last-child,[class*=-fourth]>:last-child,[class*=-half]>:last-child,[class*=-ninth]>:last-child,[class*=-seventh]>:last-child,[class*=-sixth]>:last-child,[class*=-tenth]>:last-child,[class*=-third]>:last-child,[class*=-twelfth]>:last-child{margin-bottom:0}.five-tenth,.four-eighth,.one-half,.six-twelfth,.three-sixth,.two-fourth{width:48.5%}.four-twelfth,.one-third,.three-ninth,.two-sixth{width:31.33%}.eight-twelfth,.six-ninth,.two-third{width:65.66%}.one-fourth,.three-twelfth,.two-eighth{width:22.75%}.nine-twelfth,.six-eighth,.three-fourth{width:74.25%}.one-fifth,.two-tenth{width:17.6%}.four-tenth,.two-fifth{width:38.2%}.three-fifth{width:58.8%}.eight-tenth,.four-fifth{width:79.4%}.one-sixth,.two-twelfth{width:14.16%}.four-sixth{width:68.64%}.five-sixth,.ten-twelfth{width:82.8%}.one-seventh{width:11.71%}.two-seventh{width:26.42%}.three-seventh{width:41.13%}.four-seventh{width:55.84%}.five-seventh{width:70.55%}.six-seventh{width:85.26%}.one-eighth{width:9.87%}.three-eighth{width:35.61%}.five-eighth{width:61.35%}.seven-eighth{width:87.09%}.one-ninth{width:8.44%}.two-ninth{width:19.88%}.four-ninth{width:42.76%}.five-ninth{width:54.2%}.seven-ninth{width:77.08%}.eight-ninth{width:88.52%}.one-tenth{width:7.3%}.three-tenth{width:27.9%}.six-tenth{width:58.8%}.seven-tenth{width:69.1%}.nine-tenth{width:89.7%}.one-eleventh{width:6.36%}.two-eleventh{width:17.72%}.three-eleventh{width:25.08%}.four-eleventh{width:34.44%}.five-eleventh{width:43.8%}.six-eleventh{width:53.16%}.seven-eleventh{width:62.52%}.eight-eleventh{width:71.88%}.nine-eleventh{width:81.24%}.ten-eleventh{width:90.6%}.one-twelfth{width:5.58%}.five-twelfth{width:39.9%}.seven-twelfth{width:57.06%}.eleven-twelfth{width:91.38%}.nested [class*=-eighth],.nested [class*=-eleventh],.nested [class*=-fifth],.nested [class*=-fourth],.nested [class*=-half],.nested [class*=-ninth],.nested [class*=-seventh],.nested [class*=-sixth],.nested [class*=-tenth],.nested [class*=-third],.nested [class*=-twelfth]{margin:0}.nested .five-tenth,.nested .four-eighth,.nested .one-half,.nested .six-twelfth,.nested .three-sixth,.nested .two-fourth{width:50%}.nested .four-twelfth,.nested .one-third,.nested .three-ninth,.nested .two-sixth{width:33.33%}.nested .eight-twelfth,.nested .six-ninth,.nested .two-third{width:66.66%}.nested .one-fourth,.nested .three-twelfth,.nested .two-eighth{width:25%}.nested .nine-twelfth,.nested .six-eighth,.nested .three-fourth{width:75%}.nested .one-fifth,.nested .two-tenth{width:20%}.nested .four-tenth,.nested .two-fifth{width:40%}.nested .three-fifth{width:60%}.nested .eight-tenth,.nested .four-fifth{width:80%}.nested .one-sixth,.nested .two-twelfth{width:16.66%}.nested .four-sixth{width:66.66%}.nested .five-sixth,.nested .ten-twelfth{width:83.33%}.nested .one-seventh{width:14.28%}.nested .two-seventh{width:28.57%}.nested .three-seventh{width:42.8%}.nested .four-seventh{width:57.14%}.nested .five-seventh{width:71.42%}.nested .six-seventh{width:85.71%}.nested .one-eighth{width:12.5%}.nested .three-eighth{width:37.5%}.nested .five-eighth{width:62.5%}.nested .seven-eighth{width:87.5%}.nested .one-ninth{width:11.11%}.nested .two-ninth{width:22.22%}.nested .four-ninth{width:44.44%}.nested .five-ninth{width:55.5%}.nested .seven-ninth{width:77.77%}.nested .eight-ninth{width:88.88%}.nested .one-tenth{width:10%}.nested .three-tenth{width:30%}.nested .six-tenth{width:60%}.nested .seven-tenth{width:70%}.nested .nine-tenth{width:90%}.nested .one-eleventh{width:9.09%}.nested .two-eleventh{width:18.18%}.nested .three-eleventh{width:27.27%}.nested .four-eleventh{width:36.36%}.nested .five-eleventh{width:45.45%}.nested .six-eleventh{width:54.54%}.nested .seven-eleventh{width:63.63%}.nested .eight-eleventh{width:72.72%}.nested .nine-eleventh{width:81.81%}.nested .ten-eleventh{width:90.9%}.nested .one-twelfth{width:8.33%}.nested .five-twelfth{width:41.66%}.nested .seven-twelfth{width:58.33%}.nested .eleven-twelfth{width:91.66%}@media only screen and (min-width:1180px){.hidden-desktop,.hidden-phone,.hidden-tablet,.visible-large-desktop{display:inherit!important}.hidden-large-desktop,.visible-desktop,.visible-phone,.visible-tablet{display:none!important}}@media only screen and (min-width:980px) and (max-width:1179px){.wrapper{width:940px}.hidden-large-desktop,.hidden-phone,.hidden-tablet,.visible-desktop{display:inherit!important}.hidden-desktop,.visible-large-desktop,.visible-phone,.visible-tablet{display:none!important}}@media only screen and (min-width:768px) and (max-width:979px){.wrapper{width:700px}.hidden-desktop,.hidden-large-desktop,.hidden-phone,.visible-tablet{display:inherit!important}.hidden-tablet,.visible-desktop,.visible-large-desktop,.visible-phone{display:none!important}}@media only screen and (min-width:480px) and (max-width:767px){.wrapper{width:460px}}@media only screen and (max-width:479px){.wrapper{width:300px}}@media only screen and (max-width:767px){[class*=-eighth],[class*=-eleventh],[class*=-fifth],[class*=-fourth],[class*=-half],[class*=-ninth],[class*=-seventh],[class*=-sixth],[class*=-tenth],[class*=-third],[class*=-twelfth]{width:100%!important;margin-right:0!important;float:none!important}.hidden-desktop,.hidden-large-desktop,.hidden-tablet,.visible-phone{display:inherit!important}.hidden-phone,.visible-desktop,.visible-large-desktop,.visible-tablet{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}} /*-----------------------------------------------------------------------------------*/ /* UI ELEMENTS /*-----------------------------------------------------------------------------------*/ /* Links */ a, a * {transition: color 0.3s ease-in-out !important} a:link {color:#796da1;} a:hover {color:#8a7eb2; text-decoration:none; } /* Forms */ label {margin-bottom:10px;} select {width:100%; height:46px; font-size:14px; padding:6px 12px; border:1px solid #c0c2c6;} textarea {} input[type="text"], input[type="email"] {height:46px;} input[type="text"], input[type="email"], textarea {display:block; background:#fff; font-size:14px; padding:6px 12px; border:1px solid #c0c2c6; border-radius:4px; -webkit-border-radius:4px;} .field {clear:both; margin-bottom:20px;} .field.vertical label {} .field.horizontal label {margin-bottom:10px; float:left; display:block; padding-top:14px;} .field.horizontal input, .field.horizontal button, .field.horizontal select, .field.horizontal textarea {margin-left:120px;} @media only screen and (max-width:767px) { .field.horizontal label {float:none; padding:0;} .field.horizontal * {margin-left:0 !important; width:100% !important;} } /* Headings & Text Sizes */ h1, h2, h3, h4, h5, h6 {margin:0 0 16px;} .title-01 {color:#fff;} .title-01, .title-02 {letter-spacing:-1px;} .title-01 {font-size:40px; line-height:48px; font-weight:100;} .title-02 {font-size:32px; line-height:40px; font-weight:100;} .title-03 {font-size:24px; line-height:32px; font-weight:100;} .text-01 {font-size:18px; line-height:26px;} .text-02 {} @media only screen and (min-width:768px) and (max-width:979px) { .title-01 {font-size:30px; line-height:38px;} .title-02 {font-size:26px; line-height:34px;} .title-03 {font-size:20px; line-height:28px;} .text-01 {} .text-02 {} } @media only screen and (max-width:767px) { .title-01 {font-size:24px; line-height:32px;} .title-02 {font-size:20px; line-height:28px;} .title-03 {font-size:18px; line-height:26px;} .text-01 {} .text-02 {} } /* Buttons */ .button-primary { display:inline-block; padding:0 20px; height:44px; font-size:18px; line-height:40px; color:#fff !important; background-color:#0ac7de; background-image:-webkit-linear-gradient(top, #0ac7de, #08a5bc); background-image: -moz-linear-gradient(top, #0ac7de, #08a5bc); background-image: -ms-linear-gradient(top, #0ac7de, #08a5bc); background-image: -o-linear-gradient(top, #0ac7de, #08a5bc); border:1px solid #0ab; border-radius:4px; -webkit-border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); text-shadow:0 -1px 0 rgba(0,0,0,0.75); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.75); } .button-primary:hover { background-color:#9492e3; background-image:-webkit-linear-gradient(top, #1bd8ef, #0ac7de); background-image: -moz-linear-gradient(top, #1bd8ef, #0ac7de); background-image: -ms-linear-gradient(top, #1bd8ef, #0ac7de); background-image: -o-linear-gradient(top, #1bd8ef, #0ac7de); } /*-----------------------------------------------------------------------------------*/ /* RM TEMPLATE TAGS /*-----------------------------------------------------------------------------------*/ #breadcrumb {margin:0;} #breadcrumb ul {margin:0; padding:0; display:block;} #breadcrumb ul li {display:inline-block; font-size:13px; margin-right:5px; color:#bbb;} #breadcrumb ul li.first {margin-right:0;} #breadcrumb ul li a {display:inline-block; color:#0ac7de;} #breadcrumb ul li a:hover {} /*-----------------------------------------------------------------------------------*/ /* HEADER & MAIN MENU /*-----------------------------------------------------------------------------------*/ /* Primary Header */ .website-logo {padding-right:15px;} #header-primary {background:#0f1114; height:60px; position:fixed; z-index:99; left:0; right:0;} #header-secondary, #header-tertiary {position:relative; top:60px;} #website-content {padding-top:105px;} /* Secondary Header */ #header-secondary {background:#111417; padding:15px 0;} #header-secondary .trending {font-size:13px;} #header-secondary .trending ul {padding:0; margin:0;} #header-secondary .trending ul li {display:inline-block;} #header-secondary .trending ul li::after {content: "•"; font-size:1em; margin:0 .5rem 0 .75rem; color:#ffd06b;} #header-secondary .trending ul li:first-child {margin-right:1rem; color:#ffd06b;} #header-secondary .trending ul li:first-child::after, #header-secondary .trending ul li:last-child::after {display:none;} #header-secondary .trending ul li a {color:#fff;} #header-secondary .wiki-name {font-size:22px; color:#fff; margin-bottom:12px;} /* Header Breadcrumb */ #header-tertiary {background:#15181d; padding:12px 0;} /* Multiste Menu */ #multisite-nav {margin:0;} #multisite-nav .menu-main-menu-container {float:left;} #multisite-nav ul {margin:0; padding-left:12px;} #multisite-nav ul li {display:inline-block; margin:5px 0; font-size:16px; line-height:28px; font-weight:bold; text-transform:uppercase; position:relative;} #multisite-nav ul li a {display:inline-block; color:#fff; padding:3px 12px; border-radius:4px} #multisite-nav ul li a:hover {text-decoration:none; background:#15181d; color:#ffd06b;} #multisite-nav ul li.current-menu-item > a {color:#111417; background:#ffd06b;} #multisite-nav ul.sub-menu {display:none; border-radius:6px;} #multisite-nav ul li:hover ul.sub-menu {display:block; background:#0e1013; margin:0; padding:4px; position:absolute; top:100%; left:-4px;width:max-content; min-width:125%; z-index:99;} #multisite-nav ul li:hover ul.sub-menu li {display:block; width:100%; font-size:14px; line-height:21px; text-transform:none; font-weight:300; margin:0;} #multisite-nav ul li:hover ul.sub-menu li a {display:block;} #multisite-nav ul li.menu-item-has-children a {padding-right:22px;} #multisite-nav ul li.menu-item-has-children > a:before {display:block; content:""; position:absolute; top:15px; right:8px; width:0; height:0; border:4px solid transparent; border-top-color:#fff;} #multisite-nav ul li.menu-item-has-children.current-menu-item > a:before {border-top-color:#111417;} /* Multiste Social */ #multisite-social {font-size:16px; line-height:28px;} #multisite-social a {margin-left:10px; color:#a7acb3;} #multisite-social a:hover {color:#ffd06b;} #multisite-social i.bi-youtube {font-size:22px; line-height:30px;} /* Main Menu */ nav#main-menu {margin:0; padding:5px 0; background:#0f1114;} nav#main-menu ul {display:block; margin:0; padding:0;} nav#main-menu ul li {display:inline-block; margin-right:4px; font-size:14px; position:relative;} nav#main-menu ul li:last-child {margin-right:0;} nav#main-menu ul li:hover {background:#0e1013;} nav#main-menu ul li a {display:block; padding:6px 8px; color:#ddd; position:relative; border-radius:4px; cursor:pointer;} nav#main-menu ul li a:hover {background:#2c3440; color:#fff; text-decoration:none;} nav#main-menu ul li a i {display:inline-block; margin-right:6px;} nav#main-menu ul li.current-menu-item > a {color:#111417; background:#ffd06b;} nav#main-menu ul li.current-menu-item a:hover {} nav#main-menu ul.sub-menu {display:none;} nav#main-menu ul li:hover ul.sub-menu {display:block; background:#0e1013; padding:4px; position:absolute; top:100%; left:-4px;width:max-content; min-width:125%; z-index:99} nav#main-menu ul li:hover ul.sub-menu li {display:block; width:100%; line-height:18px;} nav#main-menu ul li:hover ul.sub-menu li a {display:block;} nav#main-menu ul li.menu-item-has-children a {padding-right:22px;} nav#main-menu ul li.menu-item-has-children > a:before {display:block; content:""; position:absolute; top:19px; right:8px; width:0; height:0; border:4px solid transparent; border-top-color:#fff;} nav#main-menu ul li.menu-item-has-children.current-menu-item > a:before {border-top-color:#111417;} /* Toggle Mobile Menu */ nav#main-menu .navbar-collapse.show .nav-item {display:block !important;} nav#main-menu .navbar-collapse.show .nav-item ul.sub-menu {position:inherit !important; top:inherit; left:0; min-width:100%;} nav#main-menu .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} nav#main-menu .navbar-toggler {border:0;} nav#main-menu .navbar-toggler[aria-expanded="true"] {box-shadow:0 0 0 .1rem #ffd06b !important;} nav#main-menu .navbar-toggler.collapsed {box-shadow:none !important;} /* Make Responsive */ nav#main-menu .navicon { display:none; content:""; cursor:pointer; width:40px; height:40px; position:absolute; top:10px; right:0; background-color:#8381d2; background-image:-webkit-linear-gradient(top, #8381d2, #8f75b6); background-image: -moz-linear-gradient(top, #8381d2, #8f75b6); background-image: -ms-linear-gradient(top, #8381d2, #8f75b6); background-image: -o-linear-gradient(top, #8381d2, #8f75b6); border-radius:4px; -webkit-border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); text-shadow:0 -1px 0 rgba(0,0,0,0.75); -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.75); } @media only screen and (min-width:768px) { } @media only screen and (max-width:767px) { } /*-----------------------------------------------------------------------------------*/ /* FOOTER & NEWSLETTER /*-----------------------------------------------------------------------------------*/ /* Footer */ footer#main-footer {background:#0e1013; color:#a0a4af; padding:60px 0; font-size:14px; margin:45px 0 0;} footer#main-footer .copyright {float:left;} footer#main-footer #footer-primary {padding-bottom:30px; border-bottom:1px solid #1c2026;} footer#main-footer #footer-secondary {padding-top:30px; border-top:1px solid #000;} footer#main-footer h6 {margin:0 0 10px; line-height:1rem; font-weight:bold; color:#fff;} footer#main-footer ul {padding:0; margin:0;} footer#main-footer ul li {font-size:14px; line-height:20px; display:block; padding:5px 0;} nav#footer-menu {float:right; margin:0;} nav#footer-menu ul {display:block; margin:0;} nav#footer-menu ul li {display:inline-block; margin-left:20px;} nav#footer-menu ul li a {color:#fff;} nav#footer-menu ul li a:hover {color:#9492e3;} @media only screen and (max-width:767px) { footer#main-footer {padding:40px 0;} footer#main-footer .copyright {float:none; margin-bottom:20px;} nav#footer-menu {float:none;} nav#footer-menu ul li {display:block; margin:10px 0 0;} } /*-----------------------------------------------------------------------------------*/ /* PAGE: COMMON FOR ALL /*-----------------------------------------------------------------------------------*/ /* General Header */ .page-header h1 {color:#fff;} .browser-bar {background:#2d2d2d; height:24px; padding-left:4px; border-top-left-radius:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;} .browser-bar:before, .browser-bar span.dots:before, .browser-bar span.dots:after {display:inline-block; content:""; float:left; width:8px; height:8px; margin:8px 0 0 4px; background:#606060; border-radius:50%; -webkit-border-radius:50%;} .browser-bar span.price {display:inline-block; float:right; font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; width:60px; height:24px; line-height:24px; color:#fff; background:#9380c1; border-top-right-radius:4px; -webkit-border-top-right-radius:4px;} .browser-bar span.price.free {background:#67c7b5;} @media only screen and (min-width:768px) and (max-width:979px) { .page-header {height:175px; padding-top:50px;} } @media only screen and (max-width:767px) { .page-header {height:175px !important; padding-top:35px;} .page-header img.bg {width:200%; max-width:inherit; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} } /*-----------------------------------------------------------------------------------*/ /* PAGE: HOME /*-----------------------------------------------------------------------------------*/ body { background:#1c2025; color:#b0b9c5; font-weight:300; background: linear-gradient(180deg, #0e1013, #1c2025); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } body.home .page-header {height:440px; margin-bottom:0;} body.home .page-header .content {text-align:center;} body.home .page-header img.logo {margin-bottom:16px;} body.home .page-header h1 {color:#b2a7fc;} body.home .page-header p span {color:#929bbf;} /* Main Highlight (Primary) */ #spotlights .spotlight {position:relative; border-radius:6px; overflow: hidden;} #spotlights .spotlight a h3 {color:#fff;} #spotlights .spotlight a:hover h3 {color:#ffd06b;} #spotlights .spotlight span.post-text {position:absolute; z-index:9; left:15px; right:15px; bottom:15px; margin:0; max-width:80%} #spotlights .spotlight span.post-tag {display:inline-block; padding:3px 10px; margin-bottom:10px; background:#ffd06b; color:#000; font-size:11px; font-weight:bold; line-height:1rem; text-transform:uppercase; border-radius:3px;} #spotlights .spotlight h3 {font-size: clamp(13px, 2vw + 1rem, 20px); line-height: clamp(20px, 2vw + 1.25rem, 26px); letter-spacing:-0.3px; margin:0; text-shadow:0 5px 5px rgba(0,0,0,0.75);} #spotlights .spotlight a:after {display:block; content:""; width:100%; height:200px; position:absolute; bottom:0; left:0; right:0; background: linear-gradient(to top, #0e1013, transparent);} #spotlights .spotlight a:hover:after {background:linear-gradient(to top, #000, transparent);} #spotlights .spotlight img {width:100%; height:auto;} #spotlights .spotlight.primary span.post-text {left:30px; right:30px; bottom:30px; max-width:75%} #spotlights .spotlight.primary span.post-tag {padding:6px 15px 5px; font-size:15px;} #spotlights .spotlight.primary h3 {font-size: clamp(16px, 2vw + 1rem, 36px); line-height: clamp(20px, 2vw + 1.25rem, 42px); letter-spacing:-1.3px; } #spotlights .spotlight.secondary {margin-bottom:15px;} @media (max-width: 991px) { #spotlights .spotlight span.post-text {max-width:100%} #spotlights .spotlight h3 {font-size:16px; line-height:22px;} #spotlights .spotlight.primary span.post-text {left:15px; right:15px; bottom:15px; max-width:90%} } @media (max-width: 575px) { /* Mobile Portrait */ #spotlights .spotlight span.post-tag {margin-top:10px} #spotlights .spotlight span.post-text, #spotlights .spotlight.primary span.post-text {position:relative; left:0; right:0; bottom:inherit; max-width:100%;} #spotlights .spotlight a:after {display:none;} #spotlights .spotlight.primary span.post-tag {padding:3px 10px; font-size:11px;} #spotlights .spotlight.primary h3 {font-size:16px; line-height:22px; letter-spacing:-0.3px} } /*-----------------------------------------------------------------------------------*/ /* PAGE: BLOG /*-----------------------------------------------------------------------------------*/ body.single article {font-size:17px;} body.single article .entry-title {} body.single article h2, body.single article h3, body.single article h4 {color:#fff; line-height: 2rem;} body.single article h2 {font-size:1.75rem; text-shadow: 1px 1px 5px rgba(0,0,0,1)} body.single article h3 {font-size:1.25rem;} body.single article h4 {font-size:1.25rem;} body.single article * {line-height: 1.75rem;} body.single article strong {color:#e3edf8} body.single article ul li {list-style: disc outside; margin:0 0 .75rem;} .meta {font-size:14px; padding:8px 0 10px; margin:0 0 15px; border-bottom:1px solid #1c2025;} .meta time {font-weight:bold;} .meta a:hover {text-decoration:none;} .meta a:hover i {color:#ffd06b;} .meta i {font-size:16px; margin-left:5px;} .meta i.bi-whatsapp {color:#00d757;} .meta i.bi-twitter-x {color:#1d9bf0} .meta i.bi-facebook {color:#0866ff} .game-card {font-size:14px; line-height:16px !important; border-radius:6px; overflow: hidden; color:#fff; border:1px solid #1c2025; box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.5)} .game-card dl div {display: flex; flex-flow: row wrap; margin:0 0 10px;} .game-card dt, .game-card dd {margin:0;} .game-card dt { font-weight: normal; color:#b0b9c5; width:100%; max-width:30%; padding-right:10px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; -moz-line-clamp: 1; } .game-card dd {width:100%; max-width:70%;} .game-card .game-cover {background:#0e1013; padding:.5rem; border-right:1px dotted #2d3136; position:relative;} .game-card .game-cover button {margin:0; position:absolute; top:196px; left:12px; right:12px; z-index:2} .game-card .game-info {background:#0f1215;} .game-card .game-cover img {max-width:150px;} .game-card h4 {margin:0 0 .5rem;} /*-----------------------------------------------------------------------------------*/ /* PAGE: 404 ERROR /*-----------------------------------------------------------------------------------*/ body.error404 {background:#2f3449; overflow:hidden;} body.error404 .error-message .content {padding-top:17.5%; position:absolute; z-index:100; left:0; right:0;} body.error404 .error-message .content h1 {color:#fff; margin-bottom:10px;} body.error404 .error-message .content p {color:#b7b7b7; margin-bottom:20px;} body.error404 .error-message img.bg {width:100% !important; height:auto; position:absolute;} /*-----------------------------------------------------------------------------------*/ /* PAGE: TEMPLATE-DEFAULT /*-----------------------------------------------------------------------------------*/ body.page-template-default .page-header {height:130px !important; padding-top:40px !important;} @media only screen and (max-width:767px) { body.page-template-default .page-header {height:80px !important; padding-top:20px !important; margin-bottom:30px;} } /*-----------------------------------------------------------------------------------*/ /* PAGE: SINGLE-CHARACTERS (Single page of Characters Post Type) /*-----------------------------------------------------------------------------------*/ .widget .widget-title > * {font-size:16px; color:#fff; margin:0; padding:0;} .widget .widget-title {border-bottom:1px solid #515860; position:relative; margin:0 0 20px; padding:5px 0 8px;} .widget .widget-title:before {content:""; display:block; clear:both; width:60px; height:5px; border-radius:5px; background:#ffd06b; position: absolute; left:0; bottom:-3px;} .widget .widget-title:after {content:""; display:block; clear:both;} #widget-related-posts img {height:fit-content;} #widget-related-posts h5 {font-size:15px; line-height:22px; margin:0} #widget-related-posts .tag {margin:0 0 4px; font-size:11px; text-transform: uppercase;} #widget-related-posts .post {padding-bottom:15px; margin-bottom: 15px; border-bottom:1px solid #2d3136;} #widget-related-posts .post:last-child {padding-bottom:0; margin-bottom:0; border:0;} #widget-related-posts .post:after {display:block; content:""; clear: both;} #widget-related-posts .post .col-auto + .col {padding-left:0;} @media (min-width: 992px) { #widget-related-posts h5 {font-size:13px; line-height:20px;} } @media (min-width: 1200px) { #widget-related-posts h5 {font-size:15px; line-height:22px;} } #widget-toc h2 {font-size:16px; line-height:26px; color:#fff; margin:0;} #widget-toc .box-title {border-bottom:1px solid #1c2025;} #widget-toc .box-title, #widget-toc .box-content {padding:6px 12px;} .mention-item {margin-bottom:14px; position:relative; border-radius:6px; overflow:hidden;} .mention-item:after {display:block; content:""; clear:both;} .mention-item .mention-thumbnail-container {float:left; margin-right:10px; display:inline-block; width:100px; min-height:100px; max-width:100px; max-height:100px; background:#1c2025; text-align:center;} .mention-item .mention-thumbnail-img {max-width:100%; height:auto;} .mention-item .mention-post {background:#15181d; border-radius:4px; float:left; width:calc(100% - 110px);} .mention-item .mention-title {background:#0f1114; padding:6px 12px;} .mention-item .mention-title > h4 {font-size:17px; margin:0;} .mention-item .mention-note p {font-size:13px;} .mention-item .mention-notes p {padding:3% 12px 0;} .mention-item .mention-notes .btn-toggle {background:#0f1114; color:#fff; font-size:10px; text-transform: uppercase; padding:2px 12px; position:absolute; top:6px; right:0;} .mention-item .mention-notes .item-details {background:#0f1114; font-size:12px; line-height:20px; position:relative; top:0; left:0; padding:0 12px 12px;} .section-title {border-bottom:1px solid #515860; position:relative; margin:0 0 20px; padding:0 0 5px;} .section-title > * {font-size:22px; color:#fff; margin:0; padding:0;} .section-title:before {content:""; display:block; clear:both; width:60px; height:5px; border-radius:5px; background:#ffd06b; position: absolute; left:0; bottom:-3px;} .section-title:after {content:""; display:block; clear:both;} .character-card {position:relative; z-index:1; width:100px; border-radius:4px; margin:0 10px 14px 0; vertical-align:top; display:inline-block;} .character-card .character-image img {width:100px; height:auto; max-height:100px !important; max-width:100px !important; background:#ebc05b; } .character-card > a span {display:inline-block;} .character-card .character-name {width:100%; font-size:13px; line-height:16px; padding:6px; text-align:center; color:#fff; font-weight:bold; background:#0f1114;} .character-card .character-archetypes {position:absolute; top:-6px; left:-6px; z-index:3; width:24px;} .character-card .character-archetypes img {display:block; width:24px; height:24px; padding:3px; border-radius:2px; background:#0f1114; margin-bottom:2px;} /*-----------------------------------------------------------------------------------*/ /* PAGE: SINGLE-TIERLISTS (Single page of Tierlists Post Type) /*-----------------------------------------------------------------------------------*/ div[id*="tier-"] {border-left:32px solid transparent; position:relative;} h2.tier-title {background:rgba(0,0,0,0.5); color:#fff; border-radius:3px; position:absolute; top:6px; left:-26px; z-index:99; font-size:16px; width:20px; text-align:center; font-weight:bold;} #tier-0 {border-color:#e00;} #tier-1 {border-color:#e95;} #tier-2 {border-color:#e00;} #tier-3 {border-color:#e00;} #tier-4 {border-color:#e00;} #tier-5 {border-color:#e00;} /*-----------------------------------------------------------------------------------*/ /* GLOBAL ELEMENTS /*-----------------------------------------------------------------------------------*/ div[class*="box-"] {border-radius:6px;} .box-01 {background:#15181d; box-shadow:0 25px 30px rgba(14,16,19,0.65); font-size:13px; line-height:21px;} .box-outline {border:1px solid #2d3136; box-shadow:inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(0,0,0,0.5)} .box-dark {background:#14171c; border-radius:6px; box-shadow:0 10px 20px rgba(14,16,19,0.25);} div[class*="box-"] div[class*="-title"] > * {margin:0; color:#fff;} div[class*="box-"] div[class*="-title"], div[class*="box-"] div[class*="-content"] {padding:.7rem .8rem .6rem;} /* Sections */ section {font-size:14px; line-height:22px;} section h3 {font-size:20px;} /*-----------------------------------------------------------------------------------*/ /* GLOBAL SECTIONS /*-----------------------------------------------------------------------------------*/ #review h3 {margin-bottom:0.5rem;} #review ul {padding:0 0 0 1rem; list-style-position: outside; margin-bottom:1.5rem;} .pros .pros-title, .pros li::marker {color:#5e5;} .cons .cons-title, .cons li::marker {color:#f66;} .cons .cons-title {} /*-----------------------------------------------------------------------------------*/ /* DYNAMIC COLORS /*-----------------------------------------------------------------------------------*/ .section-title:before {background:#ffd06b;} a:link, a:active, a:visited {color:#ffd06b;} a:hover {color:#fff; text-decoration:underline;} .youtube-embed { position: relative; width: 100%; /* A largura será sempre 100% */ padding-bottom: 56.25%; /* Proporção de 16:9 (altura / largura * 100) */ height: 0; overflow: hidden; } .youtube-embed iframe { position: absolute; top: 0; left: 0; width: 100%; /* Largura total */ height: 100%; /* Altura ajustada automaticamente para a proporção */ border: 0; } .item { display: none; /* Esconde todos os itens inicialmente */ } .item.active { display: inline-block; /* Mostra os itens filtrados */ } .filters { margin-bottom: 20px; } .filters .filter-category { display:inline-block; margin:0 10px 10px 0; border:2px solid #0e1013; border-radius:4px; } .filters {} .filters button {color:#fff; min-width:36px; height:36px; text-align:center; font-size:18px; line-height:36px; background:#0e1013; border-right:1px solid #2f3235; padding:0 8px;} .filters button:first-child {border-top-left-radius:4px; border-bottom-left-radius:4px;} .filters button:last-child {border:0; border-top-right-radius:4px; border-bottom-right-radius:4px;} .filters button:hover {background:#1b2330;} .filters button.active {color:#fff; background:#2c3440; position:relative;} .filters button.active:before {display:block; content:""; height:4px; width:16px; border-radius:4px; position:absolute; bottom:-3px; left:calc(50% - 8px); right:0; z-index:1; background:#ffd06b;} .filters button img {max-width:24px; max-height:24px; height:auto; position:relative; top:-2px} .filters .filter-input {height:40px; float:left; margin-right:12px; border:2px solid #0e1013;} button.reset-filters {border:2px solid #0e1013 !important; border-radius:4px; font-size:14px; height:40px; position:relative; top:-1px;} button.reset-filters:active {background:#ffd06b; color:#0e1013;} /*-----------------------------------------------------------------------------------*/ /* MAIN WEBSITE: LEONHART GAMES /*-----------------------------------------------------------------------------------*/ /* Section: HIGHLIGHTS */ .highlight .post {overflow:hidden;} .highlight:hover .post {background:#04070c;} .highlight .post .post-text {padding:15px;} .highlight .post h3.post-title {font-size:16px; light-height:22px; margin:0;} .highlight .post h3.post-title a {color:#fff; display:block;} .highlight .post h3.post-title a:hover {} @media (max-width: 991px) { /* Tablet Portrait*/ .highlight .post {margin-bottom:15px; height:inherit !important;} .highlight:last-child .post {margin:0;} .highlight .post .thumbnail {float:left; max-width:180px; height:auto;} .highlight .post .post-text {padding:10px 15px 0 195px;} .highlight .post .post-tag {font-size:13px;} .highlight .post h3.post-title {font-size:14px; light-height:20px; margin:0;} } @media (max-width: 767px) { /* Phone Landscape */ .highlight .post .thumbnail {max-width:120px; padding:10px;} .highlight .post .post-text {padding:10px;} .highlight .post .post-text {padding-left: 120px;} } /* Section: GACHA*/ #gacha .gacha-wiki {padding:20px;} #gacha .gacha-wiki a h4 {color:#fff;} #gacha .gacha-wiki span {text-align:center; display:block;} #gacha .gacha-wiki span.tag {font-size:12px; font-weight:bold; color:#ccc;} #gacha .gacha-wiki span.name {margin:5px 0 0; line-height:normal;} #gacha .gacha-wiki h3 {font-size:18px; line-height:24px; margin:0 0 10px;} #gacha .gacha-wiki h4 {font-size:15px; line-height:21px; margin:10px 0 0;} @media (min-width: 768px) and (max-width: 991px) { /* Tablet Portrait*/ #gacha .gacha-wiki {padding:15px;} #gacha .gacha-wiki h4 {font-size:14px; line-height:20px; margin:5px 0 0;} #gacha .gacha-character {margin-bottom:15px; display:block;} #gacha .gacha-character:after {display:block; content:""; clear:both;} #gacha .gacha-character .thumbnail {float:left; max-width:80px; } #gacha .gacha-character span {padding-left:90px; text-align:left;} } @media (max-width: 767px) { /* Phone Portrait*/ #gacha .gacha-wiki h4 {font-size:13px; line-height:20px;} } /* Section: NEWS*/ .posts-list .post {margin-bottom:2.5rem;} .posts-list .post img.thumbnail {border-radius:6px;} .posts-list .post span.meta {font-size:13px; line-height:21px;} .posts-list .post span.meta a {font-weight:bold;} .posts-list .post h3.title {font-size:22px; line-height:28px; margin:5px 0;} .posts-list .post h3.title a {color:#fff;} .posts-list .post p.description {font-size:16px; light-height:22px;} .posts-list .post time {font-size:12px;} @media (max-width: 991px) { .posts-list .post h3.title {font-size:16px; line-height:24px;} .posts-list .post p.description {font-size:14px; light-height:20px;} } .builds .build {background:#15181d; border-radius:6px; overflow:hidden; box-shadow:0 10px 20px rgba(14,16,19,0.5);} .builds .build-text {padding:15px;} .builds .build-text:hover {background:#04070c;} .builds h3.title {font-size:16px; light-height:22px; margin:0;} .builds h3.title a {color:#fff; display:block;} .builds h3.title a:hover {} .btn-youtube {background:#f03; border-color:#f03} .btn-youtube a {color:#fff;} .cta-youtube {display:block; margin:10px 0 0; font-size:15px; line-height:21px;} .cta-youtube img {position:relative; top:-1px;} /* Items Rarity */ *[class*="tax-1-"] img.thumbnail, *[class*="tax-2-"] img.thumbnail, *[class*="tax-3-"] img.thumbnail, *[class*="tax-4-"] img.thumbnail, *[class*="tax-5-"] img.thumbnail {border-radius:4px;} *[class*="tax-1-"] img.thumbnail {background: linear-gradient(to top, #6b707c, #4e5764);} *[class*="tax-2-"] img.thumbnail {background: linear-gradient(to top, #4d756d, #4b595b);} *[class*="tax-3-"] img.thumbnail {background: linear-gradient(to top, #497c94, #505374);} *[class*="tax-4-"] img.thumbnail {background: linear-gradient(to top, #8c70a9, #605683);} *[class*="tax-5-"] img.thumbnail {background: linear-gradient(to top, #c48f56, #76594f);} /*-----------------------------------------------------------------------------------*/ /* FUNCTIONS /ADDONS /*-----------------------------------------------------------------------------------*/ /* Table of Contents */ .toc {background:#15181d; font-size:12px; line-height:16px; border-radius:6px; margin-bottom:1rem;} .toc .toc-title {border-bottom:1px solid #1c2025; font-size:16px;} .toc .toc-title a {color:#fff; display:block;} nav.toc-menu {margin:0 0 .25rem;} nav.toc-menu ol {margin:0; padding:0;} nav.toc-menu ol li {padding:0 2px; counter-increment:item;} nav.toc-menu ol li:last-child {padding-bottom:0;} nav.toc-menu ol li a:before {content: counter(item) '. '; color:#8e99ac;} nav.toc-menu ol li a {display:block; padding:6px; margin:0 -6px; border-radius:3px;} nav.toc-menu ol li a:hover {text-decoration: none; background:#ffd06b; color:#0e1013;} nav.toc-menu ol li a:hover:before {color:#0e1013;} /*-----------------------------------------------------------------------------------*/ /* BOOTSTRAP CUSTOMIZATION /*-----------------------------------------------------------------------------------*/ .btn i {margin:0 5px 0 0;} .btn-leonhart-01 {background:#ffd06b; border-color:#ffd06b;} .btn-leonhart-01:hover {background:#bb9027; border-color:#bb9027;} .btn-leonhart-02 {background:#0ac7de; border-color:#0ac7de; color:#fff;} .btn-leonhart-02:hover {background:#0794ab; border-color:#0794ab} /*-----------------------------------------------------------------------------------*/ /* MAYBE DELETE /*-----------------------------------------------------------------------------------*/ #spotlight-container .yt-post {margin-bottom:15px;} #spotlight-container .yt-post:after {display:block; content:""; clear:both;} #spotlight-container .yt-post * {margin:0} #spotlight-container .yt-post img.thumbnail {float:left; width:125px; height:70px;} #spotlight-container .yt-post img.yt-icon {margin-right:2px;} #spotlight-container .yt-post span {padding-left:140px; display:block; font-size:10px; font-weight:bold; text-transform:uppercase; line-height:1rem;} #spotlight-container .yt-post h3 {padding-left:140px; font-size:13px; line-height:19px;} #spotlight-container .yt-post a span {color:#f03;} #spotlight-container .yt-post a h3 {color:#fff;} #recent-videos-lg .youtube-video {background:#15181d; border-radius:6px; padding:15px; height:100% !important;} #recent-videos-lg .youtube-video .channel-name {display:inline-block; margin:10px 0 5px;} #recent-videos-lg .youtube-video img.yt-icon {margin-right:2px; width:22px;} #recent-videos-lg .youtube-video h3 {margin:0;} #recent-videos-lg .youtube-video a span {color:#f03;} #recent-videos-lg .youtube-video a h3 {color:#fff;} .section-title.livestream:before {width:160px; background:#f03;} .section-title.livestream h2 {display:inline-block;} /* Livestream animated icon */ .loader{margin:0 0 2em; text-align:center; margin:0 auto; display:inline-block; vertical-align:top;} /* Set the color of the icon */ svg path, svg rect {fill:#f03;}