/*
Theme Name: MUHRID Theme
Theme URI: http://muhrid.com
Author: Muhammad Riduan
Author URI: http://muhrid.com/
Description: Template minimalis yang insyaAllah fast loading dan sudah sesuai kaidah SEO :)
Version: 4.0
*/

@font-face {
font-family:'ABeeZee';
font-style:normal;
font-weight:400;
src:local(ABeeZee),local(ABeeZee-Regular),url(//www.avgoclub.com/wp-content/themes/muhrid/assets/font/ABeeZee.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
font-family:'Signika';
font-style:normal;
font-weight:700;
src:local(Signika-Bold),url(//www.avgoclub.com/wp-content/themes/muhrid/assets/font/Signika.woff2) format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none
}

:focus {
outline:0
}

ins {
text-decoration:none
}

del {
text-decoration:line-through
}

table {
border-collapse:collapse;
border-spacing:0
}

body {
font-family:ABeeZee;
font-size:1rem;
line-height:1.25;
color:#2c3e50;
background:#f2f2f2
}

h1,h2,h3,h4,h5,h6 {
font-family:Signika
}

a {
color:#2c3e50;
text-decoration:none
}


.ads br {
display:none;
}

img {
width:100%;
height:auto
}

img:hover {
opacity:.9
}

header a {
color:inherit
}

a:hover {
opacity:.75
}

iframe {
max-width:100%;
margin-bottom:1rem
}

blockquote {
display:block;
background:#f7f7f7;
font-size:.97rem;
line-height:1.4;
color:#2c3e50;
padding:1rem;
margin-bottom:1rem;
border-radius:4px
}

blockquote p:nth-last-child(1) {
margin:0
}

*,::after,::before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

header {
position:fixed;
z-index:3;
height:50px;
width:100%;
top:0;
left:0;
background-color:#2c3e50;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:-webkit-transform .3s;
-moz-transition:-moz-transform .3s;
transition:transform .3s
}

header::before {
display:none;
content:'mobile'
}

header.nav-is-visible {
-webkit-transform:translateX(-260px);
-moz-transform:translateX(-260px);
-ms-transform:translateX(-260px);
-o-transform:translateX(-260px);
transform:translateX(-260px)
}

#header {
width:96%;
max-width:1068px;
margin:0 auto
}

.title-blog,.description-blog {
display:none
}

.logo, .text-title {
display:inline-block;
height:100%;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

.logo img, .text-title h1, .text-title h2 {
display:block;
width:200px;
max-width:100%;
margin:5px 0
}

.text-title h1, .text-title h2 {
color:#fff;
font-size:2em;
}

form .search input[type=text] {
width:calc(100% - 2em);
font-family:ABeeZee;
font-size:1rem;
margin:.9em 1em;
box-sizing:border-box;
border:2px solid #ccc;
border-radius:4px;
background-color:#fff;
padding:5px;
color:#2c3e50;
-webkit-transition:width .4s ease-in-out;
transition:width .4s ease-in-out;
text-align:center
}

.main-nav.moves-out > li > form {
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}

.nav-trigger {
display:block;
position:absolute;
right:0;
top:0;
height:100%;
width:50px;
overflow:hidden;
white-space:nowrap;
color:transparent
}

.nav-trigger span {
position:absolute;
height:2px;
width:20px;
top:50%;
margin-top:-1px;
left:50%;
margin-left:-10px;
-webkit-transition:background-color .3s .3s;
-moz-transition:background-color .3s .3s;
transition:background-color .3s .3s;
background-color:#fff
}

.nav-trigger span::before,.nav-trigger span::after {
content:'';
position:absolute;
width:100%;
height:100%;
background-color:#fff;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:-webkit-transform .3s .3s;
-moz-transition:-moz-transform .3s .3s;
transition:transform .3s .3s
}

.nav-trigger span::before {
-webkit-transform:translateY(-6px);
-moz-transform:translateY(-6px);
-ms-transform:translateY(-6px);
-o-transform:translateY(-6px);
transform:translateY(-6px)
}

.nav-trigger span::after {
-webkit-transform:translateY(6px);
-moz-transform:translateY(6px);
-ms-transform:translateY(6px);
-o-transform:translateY(6px);
transform:translateY(6px)
}

.nav-is-visible .nav-trigger span {
background-color:rgba(255,255,255,0)
}

.nav-is-visible .nav-trigger span::before {
-webkit-transform:translateY(0) rotate(-45deg);
-moz-transform:translateY(0) rotate(-45deg);
-ms-transform:translateY(0) rotate(-45deg);
-o-transform:translateY(0) rotate(-45deg);
transform:translateY(0) rotate(-45deg)
}

.nav-is-visible .nav-trigger span::after {
-webkit-transform:translateY(0) rotate(45deg);
-moz-transform:translateY(0) rotate(45deg);
-ms-transform:translateY(0) rotate(45deg);
-o-transform:translateY(0) rotate(45deg);
transform:translateY(0) rotate(45deg)
}

.main-nav {
position:fixed;
z-index:101;
top:0;
right:0;
width:260px;
height:100vh;
overflow:hidden;
-webkit-overflow-scrolling:touch;
visibility:hidden;
background:#2c3e50;
-webkit-transition:visibility 0 .3s;
-moz-transition:visibility 0 .3s;
transition:visibility 0 .3s
}

.main-nav form {
border-bottom:1px solid #f9f9f9
}

.main-nav a {
display:block;
font-size:1rem;
padding:.9em 1em;
border-bottom:1px solid #f9f9f9;
color:#fff;
-webkit-transition:-webkit-transform 0.3s,opacity .3s;
-moz-transition:-moz-transform 0.3s,opacity .3s;
transition:transform 0.3s,opacity .3s
}

.main-nav li a:hover {
color:#fff;
opacity:.75
}

.main-nav li ul {
position:absolute;
top:0;
left:0;
width:100%;
-webkit-transition:-webkit-transform .3s;
-moz-transition:-moz-transform .3s;
transition:transform .3s;
-webkit-transform:translateX(260px);
-moz-transform:translateX(260px);
-ms-transform:translateX(260px);
-o-transform:translateX(260px);
transform:translateX(260px)
}

.main-nav.nav-is-visible {
visibility:visible;
-webkit-transition:visibility 0 0;
-moz-transition:visibility 0 0;
transition:visibility 0 0
}

.main-nav.moves-out > li > a {
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0
}

.main-nav.moves-out > li > ul {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}

.main-nav .subnav-trigger,.main-nav .go-back a {
position:relative
}

.main-nav .subnav-trigger::before,.main-nav .subnav-trigger::after,.main-nav .go-back a::before,.main-nav .go-back a::after {
content:'';
position:absolute;
top:50%;
margin-top:-1px;
display:inline-block;
height:2px;
width:10px;
background:#485c68;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

.main-nav .subnav-trigger::before,.main-nav .go-back a::before {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}

.main-nav .subnav-trigger::after,.main-nav .go-back a::after {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.main-nav .subnav-trigger::before,.main-nav .subnav-trigger::after {
right:20px;
-webkit-transform-origin:9px 50%;
-moz-transform-origin:9px 50%;
-ms-transform-origin:9px 50%;
-o-transform-origin:9px 50%;
transform-origin:9px 50%
}

.main-nav .go-back a {
padding-left:2em
}

.main-nav .go-back a::before,.main-nav .go-back a::after {
left:20px;
-webkit-transform-origin:1px 50%;
-moz-transform-origin:1px 50%;
-ms-transform-origin:1px 50%;
-o-transform-origin:1px 50%;
transform-origin:1px 50%
}

.main-nav .placeholder {
display:none
}

.main-content {
position:relative;
z-index:2;
background-color:#f2f2f2;
-webkit-transition:-webkit-transform .3s;
-moz-transition:-moz-transform .3s;
transition:transform .3s;
margin-top:50px
}

.main-content.nav-is-visible {
-webkit-transform:translateX(-260px);
-moz-transform:translateX(-260px);
-ms-transform:translateX(-260px);
-o-transform:translateX(-260px);
transform:translateX(-260px)
}

.no-js .nav-trigger,.no-js .subnav-trigger {
display:none
}

.no-js header {
position:relative;
height:auto
}

.no-js .logo img {
margin-bottom:14px
}

.no-js .main-nav {
position:static;
width:100%;
height:auto;
visibility:visible;
overflow:visible
}

.no-js .main-nav li {
display:inline-block
}

.no-js .main-nav li:last-child {
display:block
}

.no-js .main-nav .go-back {
display:none
}

.no-js .main-nav li ul {
position:static;
width:100%;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}

.no-js .main-content {
padding-top:0
}

#main {
width:96%;
max-width:1068px;
margin:0 auto 2%
}

.post-item {
vertical-align:top;
display:inline-block;
font-size:.9rem;
width:32%;
margin:2% 2% 0 0;
background:#fff;
border-radius:5px;
overflow:hidden;
position:relative;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.post-item .category {
position:absolute;
top:0;
font-weight:bold;
font-size:.75rem;
padding:10px;
background:#2c3e50;
color:#fff
}

.post-item img {
border-bottom:2px solid #f7f7f7
}

.post-item .title {
padding:10px
}

.post-item h3 {
height:2.2rem;
font-family:ABeeZee;
overflow:hidden
}

.wrap-pagination {
display:block;
width:100%;
margin:.5rem 0
}

.page-numbers {
display:inline-block;
padding:.4rem .7rem;
margin:.2rem .2rem 0 0;
text-decoration:none;
border-radius:4px;
font-weight:700;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.page-numbers.current,a.page-numbers:hover {
color:#fff;
background:#2c3e50
}

.screen-reader-text {
display:none
}

.main-article {
display:inline-block;
vertical-align:top;
margin-top:2%;
width:60%
}

.comment {
width:100%;
display:inline-block;
border-radius:4px;
margin-top:2%;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.comment .comment-box {
padding:20px
}

.comment .comment-list {
font-size:.9rem
}

.comment img {
margin-right:5px
}

.comment .comment-author {
vertical-align:middle
}

.comment ol,.comment li {
list-style:none;
padding:0
}

.comment li {
width:100%;
background:#f7f7f7;
box-shadow:none
}

.comment .children {
padding-left:20px;
margin-top:-2%
}

.comment .comment-body {
padding:10px
}

.comment .comment-reply-title {
margin-top:1rem
}

.comment img {
width:20px;
height:20px;
background:#fff;
border-radius:4px;
overflow:hidden
}

.comment cite {
font-weight:700;
font-style:normal
}

.comment .comment-meta {
font-size:.7rem
}

.comment .comment-list p {
margin:5px 0
}

.comment #respond {
width:100%
}

#respond label {
display:block
}

#respond {
margin:0 auto;
max-width:100%
}

#respond li {
padding:0;
display:block;
list-style:none;
margin:0 0 10px
}

#respond label {
margin:0 0 3px;
padding:0;
display:block;
font-weight:700
}

#respond input[type=text],#respond textarea {
font-family:ABeeZee;
font-size:.9rem;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border:0;
padding:7px;
margin:0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
outline:none;
width:100%
}

#respond input[type=text]:focus,#respond textarea:focus {
-moz-box-shadow:0 0 8px #88D5E9;
-webkit-box-shadow:0 0 8px #88D5E9;
box-shadow:0 0 8px #88D5E9;
border:0
}

#respond input[type=submit],#respond input[type=button] {
font-family:ABeeZee;
background:#2c3e50;
padding:8px 15px;
border:none;
color:#fff
}

#respond input[type=submit]:hover,#respond input[type=button]:hover {
cursor:pointer;
opacity:.75
}

.comment .reply a {
color:#2c3e50;
padding:5px 0
}

.comment form {
font-size:.9rem;
margin:10px 0;
border-radius:4px;
background:#f7f7f7;
padding:10px
}

.comment form p {
margin-bottom:.5rem
}

.comment .input-comment {
padding:15px 10px
}

.content {
padding:20px;
border-radius:4px;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.content .title h1 {
font-size:1.5rem
}

.content #breadcrumbs {
font-size:.9rem;
padding:.5rem;
border-radius:4px;
border:2px solid #f7f7f7;
text-align:left
}

.meta {
margin-top:5px;
font-size:.7rem
}

.meta a {
color:#fff
}

.meta div {
display:inline-block;
background:#2c3e50;
color:#fff;
padding:5px;
border-radius:4px;
margin:2px 5px 5px 0;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.meta div:nth-child(2),.meta div:nth-child(4),.meta div:nth-child(6) {
background:#2c3e50
}

.article {
width:100%;
margin:10px 0;
line-height:1.4
}

.article img {
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.article .open1 {
margin:1rem 0
}

.article .open2 {
font-family:ABeeZee;
padding:.5rem .25rem;
width:100%;
font-size:.9rem;
border:none;
background:#f7f7f7;
border-radius:4px
}

.article .open2:hover {
cursor:pointer;
opacity:.85
}

.article .alignnone {
display:block;
margin:1rem auto;
width:auto;
max-width:100%;
height:auto
}

.article .aligncenter {
display:block;
margin:1rem auto;
width:auto;
max-width:100%;
height:auto
}

.article .wp-caption {
width:auto;
max-width:100%;
height:auto
}

.article .wp-caption-text {
display:block;
font-size:.75rem;
font-weight:700;
line-height:1.4;
color:#2c3e50;
margin-top:.2rem
}

.article h2 {
font-size:115%;
margin-bottom:.5rem
}

.article h3 {
font-size:110%;
}

.article h4 {
font-size:100%;
}

.article h3,.article h4,.article h5,.article h6,.article p {
margin-bottom:10px
}

.article h3 {
font-size:110%;
}

.article ol {
list-style:decimal;
padding:0 2rem 1rem
}

.article ol li {
padding-left:.25em;
text-align: justify
}

.article ul {
list-style:disc;
padding:0 2rem 1rem
}

.article ul li {
padding-left:.5em;
text-align: justify
}

.article p {
text-align:justify
}

.article a {
text-decoration:none;
font-weight:700
}

.ads {
padding:7px 0;
border-radius:4px;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
margin-bottom:1em
}

.sidebar {
display:inline-block;
vertical-align:top;
margin:2% 0 0 2%;
width:38%;
position:-webkit-sticky;
position:sticky;
top:calc(50px + 2%)
}

.related-post h3,.random-post h3 {
font-size:1.25rem
}

.related-post,.random-post {
padding:20px;
border-radius:4px;
background:#fff;
margin-bottom:2%;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

.random-post {
margin:0!important
}

.related-post a,.random-post a {
display:block;
padding:4px 0;
border-bottom:1px solid #f7f7f7
}

.related-post a:last-child,.random-post a:last-child {
border:0
}

.share {
display:block;
z-index:10;
width:100%;
background:#fff;
position:fixed;
bottom:0;
height:40px;
-webkit-box-shadow:0 0 10px rgba(50,50,50,0.17);
-moz-box-shadow:0 0 10px rgba(50,50,50,0.17);
box-shadow:0 0 10px rgba(50,50,50,0.17)
}

.share img {
width:auto
}

.logo-share {
display:block;
text-align:center
}

.fb {
background:#3d5a98;
width:32%;
float:left
}

.twitter {
background:#2eabf4;
width:36%;
float:left
}

.google {
background:#da4835;
width:32%;
float:left
}

footer {
position:relative;
font-size:.8rem;
padding:12px 0;
color:#fff;
background:#2c3e50;
width:100%;
z-index:100;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}

#footer {
width:96%;
max-width:1068px;
margin:0 auto
}

#footer .copyright {
display:inline-block
}

#footer .author {
display:inline-block;
float:right
}

#footer ul,#footer li {
display:inline-block
}

#footer li:first-child {
padding:0 7px
}

#footer li {
padding:0 7px 0 0
}

#footer a {
color:#fff
}

#footer a:hover {
opacity:.75
}

@media only screen and (min-width:1024px) {
header {
height:50px
}

header.nav-is-visible {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}

header::before {
content:'desktop'
}

.logo, .text-title {
position:absolute;
z-index:2
}

.logo img {
margin:5px 0
}

.nav-trigger {
display:none
}

.main-nav {
position:static;
visibility:visible;
width:100%;
height:50px;
line-height:50px;
padding:0;
background:transparent;
text-align:right
}

.main-nav form .search input[type=text] {
width:100px;
font-size:.9rem!important;
box-sizing:border-box;
border:2px solid #ccc!important;
margin:0!important;
border-radius:4px;
background-color:#fff;
padding:2px 5px!important;
-webkit-transition:width .4s ease-in-out;
transition:width .4s ease-in-out;
text-align:center
}

.main-nav li {
display:inline-block;
height:100%
}

.main-nav li a {
display:inline-block;
padding:.4em;
margin:0 .2em;
line-height:1;
font-size:.9rem;
border-bottom:none;
border:1px solid rgba(255,255,255,0.2);
border-radius:4px;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:opacity .2s;
-moz-transition:opacity .2s;
transition:opacity .2s
}

.main-nav li a:not(.subnav-trigger):hover {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:.6
}

.main-nav .go-back {
display:none
}

.main-nav .subnav-trigger {
z-index:1;
border:1px solid rgba(255,255,255,0.2);
border-radius:4px;
-webkit-transition:border .3s;
-moz-transition:border .3s;
transition:border .3s
}

.main-nav .subnav-trigger:hover {
border-color:rgba(255,255,255,0.4)
}

.main-nav .subnav-trigger::before,.main-nav .subnav-trigger::after {
right:17px;
background-color:#fff;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;
-webkit-transition:-webkit-transform 0.3s,width 0.3s,right .3s;
-moz-transition:-moz-transform 0.3s,width 0.3s,right .3s;
transition:transform 0.3s,width 0.3s,right .3s
}

.main-nav .subnav-trigger::before {
right:23px
}

.main-nav .subnav-trigger,.main-nav .placeholder {
padding-right:2.4em;
padding-left:1.1em
}

.main-nav li ul {
height:50px;
background-color:#34495e;
padding:0 9% 0 calc(9% + 200px);
-webkit-transform:translateY(-80px);
-moz-transform:translateY(-80px);
-ms-transform:translateY(-80px);
-o-transform:translateY(-80px);
transform:translateY(-80px);
-webkit-transition:-webkit-transform .3s .2s;
-moz-transition:-moz-transform .3s .2s;
transition:transform .3s .2s
}

.main-nav li ul li {
opacity:0;
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);
transform:translateY(-20px);
-webkit-transition:-webkit-transform .3s 0s,opacity .3s 0;
-moz-transition:-moz-transform .3s 0s,opacity .3s 0;
transition:transform .3s 0s,opacity .3s 0
}

.main-nav .placeholder {
display:block;
visibility:hidden;
opacity:0;
pointer-event:none
}

.main-nav.moves-out > li > a {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
opacity:1
}

.main-nav.moves-out > li > ul {
-webkit-transition:-webkit-transform .3s;
-moz-transition:-moz-transform .3s;
transition:transform .3s;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}

.main-nav.moves-out > li ul li {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transition:-webkit-transform .3s 0.2s,opacity .3s .2s;
-moz-transition:-moz-transform .3s 0.2s,opacity .3s .2s;
transition:transform .3s 0.2s,opacity .3s .2s
}

.main-nav.moves-out .subnav-trigger::before,.main-nav.moves-out .subnav-trigger::after {
width:14px;
right:17px
}

.main-nav.moves-out .subnav-trigger::before {
-webkit-transform:rotate(225deg);
-moz-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-o-transform:rotate(225deg);
transform:rotate(225deg)
}

.main-nav.moves-out .subnav-trigger::after {
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg)
}

.main-content::before {
display:none;
content:'mobile';
content:desktop
}

.main-content.nav-is-visible {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}

.no-js .main-nav {
height:50px
}

.no-js .main-nav li ul {
position:absolute;
top:50px
}

.no-js .main-nav li ul li {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}

.no-js .main-nav li ul li:last-child {
display:none
}

.no-js .main-content {
padding-top:50px
}

#footer .author {
float:right!important
}
}

@media only screen and (min-width: 737px) {
.post-item:nth-child(3),.post-item:nth-child(6) {
margin:2% 0 0
}

#footer .author {
float:none;
display:block
}
}

@media only screen and (min-width:415px) and (max-width : 736px) {
.post-item {
width:49%;
margin-right:2%
}

.post-item:nth-child(2),.post-item:nth-child(4),.post-item:nth-child(6) {
margin:2% 0 0
}

.main-article {
display:block;
width:100%;
margin-top:60px;
border-radius:0
}

.sidebar {
display:block;
width:100%;
margin:2% 0 0;
border-radius:0
}

#footer .author {
float:none;
display:block
}
}

@media only screen and (max-width : 414px) {
#header {
width:90%
}

#main {
width:90%;
margin:0 auto 2%
}

#main-article {
width:100%
}

.post-item {
width:100%;
font-size:.75rem;
margin:5% 0 0
}

.post-item .category {
font-size:.65rem;
padding:5px
}

.post-item .title {
padding:10px
}

.post-item h3 {
height:auto
}

.main-article {
display:block;
width:100%;
margin-top:60px;
border-radius:0
}

.sidebar {
display:block;
width:100%;
margin:2% 0 0;
border-radius:0
}

#footer {
width:90%;
line-height:1.3
}

#footer .author {
float:none;
display:block
}

#footer li:first-child {
padding:0 7px 0 0
}
}

.list-content {
padding:0;
box-shadow:none
}

.hidden {
display: none !important;
}

.views {display:none;}

.notfound h1 {
font-size:7em !important;
margin:0 !important;
text-align:center;
}

.notfound h2 {
font-size:1.5em;
text-transform:uppercase;
text-align:center;
}