/* webfonts and iconfonts - (_document-setup.scss) */
@import url("https://cdn.staticfile.org/font-awesome/4.2.0/css/font-awesome.min.css");
@import url("https://hxsupload-oss.hxsapp.com/lib/flow/css/micons/css/micons.min.css");
@import url("https://hxsupload-oss.hxsapp.com/lib/flow/css/fonts.min.css");


/* base style overrides */
html{font-size:10px}
@media only screen and (max-width:1024px){html{font-size:9.4px}}
@media only screen and (max-width:768px){html{font-size:10px}}
@media only screen and (max-width:400px){html{font-size:9.4px}}
html,body{height:100%;scroll-behavior:smooth}
body{background:#f5f5f5;font-family:"roboto-regular",sans-serif;font-size:1.7rem;line-height:3rem;color:#111111}


/* links */
a,a:visited{color:#1237B1;border-bottom:1px solid transparent;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
a:hover,a:focus{color:#000000;border-color:rgba(21,21,21,0.2)}


/* typography & general theme styles */
h1,h2,h3,h4,h5,h6,.h01,.h02,.h03,.h04,.h05,.h06{font-family:"montserrat-bold",sans-serif;color:#151515;font-style:normal;text-rendering:optimizeLegibility;margin-bottom:2.1rem;margin-top:5rem}
h3,.h03,h4,.h04{margin-bottom:1.8rem}
h5,.h05,h6,.h06{margin-bottom:1.2rem}
h1,.h01{font-size:3.1rem;line-height:1.35;letter-spacing:-.1rem}
@media only screen and (max-width:600px){h1,.h01{font-size:2.6rem;letter-spacing:-.07rem}}
h2,.h02{font-size:2.4rem;line-height:1.25}
h3,.h03{font-size:2rem;line-height:1.5}
h4,.h04{font-size:1.7rem;line-height:1.76}
h5,.h05{font-size:1.4rem;line-height:1.7;text-transform:uppercase;letter-spacing:.2rem}
h6,.h06{font-size:1.3rem;line-height:1.85;text-transform:uppercase;letter-spacing:.2rem}
p img{margin:0}
p.lead{font-family:'roboto-light',sans-serif;font-size:2.4rem;line-height:1.8;color:#666666}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
@media only screen and (max-width:768px){p.lead{font-size:2.1rem}}
em,i,strong,b{font-size:1.7rem;line-height:3rem;font-style:normal;font-weight:normal}
em,i{font-family:'roboto-italic',sans-serif}
strong,b{font-family:'roboto-bold',sans-serif}
small{font-size:1.1rem;line-height:inherit}
blockquote{margin:0;padding-left:4.2rem;position:relative}
blockquote:before{content:"\201C";font-size:10rem;line-height:0;margin:0;color:rgba(0,0,0,0.2);font-family:arial,sans-serif;position:absolute;top:3.6rem;left:0}
blockquote p{font-family:"roboto-light",sans-serif;padding:0;margin:0;color:#999;}
blockquote cite{display:block;font-family:"muli-regular",sans-serif;font-size:1.4rem;font-style:normal;line-height:1.714}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited{color:#373737;border:none}
abbr{font-family:"roboto-bold",sans-serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:.05rem;color:#2b2b2b}
var,kbd,samp,code,pre{font-family:"JetBrains Mono",monospace,Consolas,"Andale Mono"}
pre{padding:1rem 1rem 1rem 0}
code{font-size:1.4rem;margin:0 .2rem}
pre > code{display:block;white-space:pre;line-height:2;padding:0;margin:0}
pre.prettyprint code{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;border:0;border:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
mark{background:#FFF49B;color:#000}
hr{border:solid #c2c2c2;border-width:1px 0 0;clear:both;margin:2.4rem 0 1.5rem;height:0}


/* Lists */
ol{list-style:decimal}
ul{list-style:disc}
li{display:list-item;line-height:2.2rem}
ol,ul{margin-left:4rem}
ul li{margin-bottom:.5rem}
ul li p{margin-bottom:.5rem}
ul ul,ul ol,ol ol,ol ul{margin:.6rem 0 .6rem 1.7rem}
ul.disc li{display:list-item;list-style:none;padding:0 0 0 .8rem;position:relative}
ul.disc li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#999999;position:absolute;left:-17px;top:11px;vertical-align:middle}
dt{margin:0;color:#151515}
dd{margin:0 0 0 2rem}


/* Spacing */
button,.button{margin-bottom:1.2rem}
fieldset{margin-bottom:1.5rem}
input,textarea,select,pre,blockquote,figure,table,p,ul,ol,dl,form,.fluid-video-wrapper,.ss-custom-select{margin-bottom:2rem}


/* tables */
table{border-width:0;width:100%;max-width:100%;font-family:"roboto-regular",sans-serif}
th,td{padding:1.5rem 3rem;text-align:left;border-bottom:1px solid #E8E8E8}
th{color:#151515;font-family:"montserrat-bold",sans-serif}
td{line-height:1.5}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}


/* pace.js styles - minimal */
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace-inactive{display:none}
.pace .pace-progress{background:#000000;position:fixed;z-index:900;top:0;right:100%;width:100%;height:5px}


/* preloader */
.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#FFFFFF;z-index:800;height:100%;width:100%}
.loader{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;padding:0}
.loader:before{content:"";border-top:8px solid rgba(0,0,0,0.2);border-right:8px solid rgba(0,0,0,0.2);border-bottom:8px solid rgba(0,0,0,0.2);border-left:8px solid #000000;-webkit-animation:load 1.1s infinite linear;animation:load 1.1s infinite linear;display:block;border-radius:50%;width:60px;height:60px}
@-webkit-keyframes load {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}


/* header styles */
header{width:100%;height:30rem}
header .header-content{height:auto;max-width:1290px;position:absolute;top:18px;left:0;right:0;width:100%}
header a{border:none}
@media only screen and (max-width:415px){header{height:18rem}}

/* header logo */
header .logo{position:absolute;left:35px;top:6px;z-index:601}
header .logo a{display:block;margin:0;padding:0;outline:0;border:none;width:60px;height:60px;background:url("https://hxsupload-oss.hxsapp.com/lib/flow/image/logo.png") no-repeat center;background-size:60px 60px;font:0/0 a;text-shadow:none;color:transparent;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

/* responsive: header logo */
@media only screen and (max-width:768px){header .logo{left:45px}}
@media only screen and (max-width:600px){header .logo{left:35px}}
@media only screen and (max-width:400px){header .logo{left:25px}
    header .logo a{width:54px;height:54px;background-size:54px 54px}}

/* navigation */
.triggers{position:absolute;right:35px;top:18px}
.triggers .search-trigger{display:inline-block;font-size:17px;color:#000000}
.triggers .menu-toggle{display:none}

/* responsive: triggers */
@media only screen and (max-width:768px){.triggers{right:40px;top:12px}}
@media only screen and (max-width:600px){.triggers{right:30px}}
@media only screen and (max-width:400px){.triggers{right:20px}}


/* main navigation */
#main-nav-wrap{display:table;float:right;padding-right:85px;font-family:"montserrat-regular",sans-serif;font-size:15px;height:78px}
.main-navigation{display:table-cell;vertical-align:middle;list-style:none}
.main-navigation li{position:relative;display:inline-block;float:left;margin-right:22px;padding:0}
.main-navigation li:last-child{margin-right:0}
.main-navigation li a{display:block;padding-bottom:9px;color:#898989;border:none}
.main-navigation li a:hover{color:#000000}
.main-navigation li > a{border-bottom:2px solid transparent}
.main-navigation li.current > a{border-bottom:2px solid #151515;color:#000000;font-family:"montserrat-bold",sans-serif}
.main-navigation ul{position:absolute;top:100%;left:0;margin:0;background:#f4f4f4;border-radius:0 0 3px 3px;font-size:11px;z-index:500;display:none;box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.main-navigation ul ul{position:absolute;top:0;left:100%;left:calc(100% + 1px);border-radius:0 3px 3px 3px}
.main-navigation ul li{display:block;text-align:left;padding:0;margin:0;border-bottom:1px solid rgba(0,0,0,0.05);min-height:48px;width:100%}
.main-navigation ul li:last-child{border:none}
.main-navigation ul li a{white-space:nowrap;padding:16.5px 25px;font-family:"muli-regular",sans-serif;font-size:14px;line-height:15px;display:block;color:#8E8E8E}
.main-navigation ul li a:hover{background:transparent;color:#000000}
.main-navigation ul li:hover > ul,.main-navigation ul li.sfHover > ul{display:block}


/* main navigation - mobile view */
@media only screen and (max-width:768px){
    .triggers{z-index:601}
    .triggers .menu-toggle{display:block;width:40px;height:40px;position:absolute;top:50%;right:0}
    .triggers .search-trigger{position:absolute;top:50%;right:45px;font-size:21px;margin-top:5px;display:block;height:3rem;line-height:3rem;width:2.6rem;text-align:left}
    #main-nav-wrap{display:block;width:100%;float:none;position:absolute;margin:0;padding:0;top:-24px;right:0;z-index:600}
    .menu-toggle span{display:block;width:24px;height:3px;margin-top:-1.5px;position:absolute;right:8px;top:50%;bottom:auto;left:auto;background-color:black;-moz-transition:background 0.2s ease-in-out;-o-transition:background 0.2s ease-in-out;-webkit-transition:background 0.2s ease-in-out;-ms-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out;font:0/0 a;text-shadow:none;color:transparent}
    .menu-toggle span::before,.menu-toggle span::after{content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0;-moz-transition-duration:0.2s,0.2s;-o-transition-duration:0.2s,0.2s;-webkit-transition-duration:0.2s,0.2s;-ms-transition-duration:0.2s,0.2s;transition-duration:0.2s,0.2s;-moz-transition-delay:0.2s,0s;-o-transition-delay:0.2s,0s;-webkit-transition-delay:0.2s,0s;-ms-transition-delay:0.2s,0s;transition-delay:0.2s,0s}
    .menu-toggle span::before{top:-8px;-moz-transition-property:top,transform;-o-transition-property:top,transform;-webkit-transition-property:top,transform;-ms-transition-property:top,transform;transition-property:top,transform}
    .menu-toggle span::after{bottom:-8px;-moz-transition-property:bottom,transform;-o-transition-property:bottom,transform;-webkit-transition-property:bottom,transform;-ms-transition-property:bottom,transform;transition-property:bottom,transform}
    .menu-toggle.is-clicked span{background-color:transparent}
    .menu-toggle.is-clicked span::before,.menu-toggle.is-clicked span::after{background-color:black;-moz-transition-delay:0s,0.2s;-o-transition-delay:0s,0.2s;-webkit-transition-delay:0s,0.2s;-ms-transition-delay:0s,0.2s;transition-delay:0s,0.2s}
    .menu-toggle.is-clicked span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .menu-toggle.is-clicked span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
    .main-navigation{display:none;background:#FFFFFF;padding:132px 45px 54px 45px;margin:0;width:100%;height:auto;clear:both;box-shadow:0 3px 3px rgba(0,0,0,0.15)}
    .main-navigation li{float:none}
    .main-navigation > li{display:block;text-align:left;margin-right:0;border:none;min-height:60px}
    .main-navigation li a{display:block;width:auto;color:#848484;padding:18px 0;line-height:24px;border:none}
    .main-navigation li a:hover{color:#000000;border:none}
    .main-navigation li.current > a{color:#000000;border:none}
    .main-navigation li.has-children a{position:relative}
    .main-navigation li.has-children > a:after{content:"\f067";display:inline;padding-left:10px;color:#000000;font-family:"fontAwesome";font-size:12px;height:20px;width:20px;line-height:20px;margin-top:-10px;position:absolute;left:auto;right:0;top:50%;background:none;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
    .main-navigation li.has-children:hover > a:after{content:"\f068"}
    .main-navigation li.has-children ul{position:static;background:#FFFFFF;box-shadow:none;margin-top:-6px}
    .main-navigation li.has-children ul ul{margin-bottom:0}
    .main-navigation li.has-children li{border:none;padding-left:12px;margin:0;min-height:48px}
    .main-navigation li.has-children li a{padding:18px 25px 18px 0}
    .main-navigation li.has-children li:last-child{margin-bottom:18px}
}

/* make sure the menu is visible on larger screens */
@media only screen and (min-width:769px){#main-nav-wrap ul.main-navigation{display:table-cell !important}}


/* search wrap */
.search-wrap{display:block;text-align:center;background:white;opacity:0;visibility:hidden;z-index:900;position:fixed;top:0;left:0;width:100%;height:100%;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.search-wrap .search-form{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.search-wrap .search-form::after{content:"Press Enter to begin your search.";display:block;letter-spacing:0.6px;font-size:1.6rem;margin-top:3rem;text-align:center;color:#999999}
.search-wrap .search-form::-webkit-input-placeholder{color:#000;text-align:center !important;opacity:1}
.search-wrap .search-form:-moz-placeholder{color:#000;text-align:center !important;opacity:1}
.search-wrap .search-form::-moz-placeholder{color:#000;text-align:center !important;opacity:1}
.search-wrap .search-form:-ms-input-placeholder{color:#000;text-align:center !important;opacity:1}
.search-wrap .search-form .placeholder{color:#000;text-align:center !important;opacity:1}
.search-wrap input[type="search"]{background-color:transparent;border:none;color:#000;height:auto;width:100%;font-family:"montserrat-bold",sans-serif;font-size:6.3rem;line-height:1.523;letter-spacing:0.02rem;border-bottom:1px solid #dedede;max-width:680px;padding-top:.6rem !important;padding-bottom:.6rem !important;margin:0 auto}
.search-wrap input[type="search"]:focus{outline:none}
.search-wrap .search-form input[type="submit"]{display:none}
.search-wrap .close-btn{position:fixed;display:block;width:45px;height:45px;top:21px;left:50%;margin-left:-23px;font:0/0 a;text-shadow:none;color:transparent}
.search-wrap .close-btn::before,.search-wrap .close-btn::after{content:'';position:absolute;display:inline-block;width:2px;height:20px;top:12px;left:22px;background-color:#333333}
.search-wrap .close-btn::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.search-wrap .close-btn::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-visible .search-wrap{opacity:1;visibility:visible}

/* responsive:search wrap */
@media only screen and (max-width:768px){
    .search-wrap .search-form::after{font-size:1.5rem}
    .search-wrap input[type="search"]{max-width:none;width:80%;font-size:4.6rem}
}
@media only screen and (max-width:600px){.search-wrap input[type="search"]{font-size:3.2rem}}
@media only screen and (max-width:400px){.search-wrap input[type="search"]{font-size:2.4rem}}


/* page header */
#page-header{padding:4.2rem 0 0 0;text-align:center}
#page-header .row{max-width:870px}
#page-header h1{margin-bottom:3rem}
#page-header p{color:#999999}


/* content wrap */
#content-wrap .row{max-width:950px}
#content-wrap .row.wide{max-width:1300px}
#content-wrap .row.narrow{max-width:800px}
#content-wrap .content-media{position:relative;margin-bottom:4rem;margin-top:4rem}
#content-wrap .content-media img{vertical-align:bottom}
#content-wrap .primary-content{padding:0}
#content-wrap .entry-title,#content-wrap .page-title{font-size:3.3rem;line-height:1.364;margin-bottom:0.5rem;margin-top:0}

/* responsive:content wrap */
@media only screen and (max-width:1024px){
    #content-wrap .row{max-width:880px}
    #content-wrap .primary-content{padding-left:5rem;padding-right:5rem}
}
@media only screen and (max-width:960px){
    #content-wrap .row{max-width:880px}
    #content-wrap .primary-content{padding-left:4rem;padding-right:4rem}
}
@media only screen and (max-width:768px){
    #content-wrap .primary-content{padding-left:0;padding-right:0}
    #content-wrap .entry-title,#content-wrap .page-title{font-size:3rem}
}
@media only screen and (max-width:600px){
    #content-wrap .entry-title,#content-wrap .page-title{font-size:2.8rem}
}


/* footer */
footer{font-size:1.5rem;color:#8E8E8E}
footer a,footer a:visited{color:#000000}
footer h4{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:1.2rem;margin-bottom:1.5rem}
footer ul{margin-left:0}
footer ul li{padding-left:0}
.footer-main{padding-bottom:1.5rem}
.footer-main ul li{list-style:none}
.footer-main ul a,.footer-main ul a:visited{color:#8E8E8E;border:none}
.footer-main ul a:hover,.footer-main ul a:focus{color:#000000}
.footer-main .footer-subscribe p{margin-bottom:1.5rem}
.footer-main .footer-subscribe .subscribe-form #mc-form{padding:0}
.footer-main .footer-subscribe .subscribe-form input[type="email"]{padding:.6rem 2rem;background:rgba(0,0,0,0.1);border:none;width:100%;color:#777777;margin-bottom:1.8rem}
.footer-main .footer-subscribe .subscribe-form input[type="submit"]{display:none}
.footer-main .footer-subscribe .subscribe-form .subscribe-message{font-family:"roboto-bold",sans-serif;font-size:1.4rem;color:#000000}
.footer-main .footer-subscribe .subscribe-form .subscribe-message i{color:#000000;margin-right:5px}
.footer-bottom{margin-top:3rem;text-align:center}
.footer-bottom .copyright{font:bold 1.2rem sans-serif;color:#8E8E8E;padding-bottom:1rem}
.footer-bottom .copyright span a{color:#8E8E8E}
.footer-bottom .copyright span{display:inline-block}
.footer-bottom .copyright span::after{content:"|";display:inline-block;padding:0 0.6rem 0 1.2rem;color:#8E8E8E}
.footer-bottom .copyright span:last-child::after{display:none}


/* responsive:footer */
@media only screen and (max-width: 768px) {
    .footer-main .footer-info {text-align: center;}
}
@media only screen and (max-width: 600px) {
    .footer-main .row {max-width: 420px;}
    .footer-main .footer-subscribe {text-align: center;}
    .footer-main .subscribe-form form input[type="email"] {margin-left: auto !important;margin-right: auto !important;text-align: center;}
    .footer-bottom {padding-bottom: .6rem;}
    .footer-bottom .copyright span {display: block;}
    .footer-bottom .copyright span::after {display: none;}
}
@media only screen and (max-width: 400px) {
    .footer-main .site-links,.footer-main .social-links {text-align: center;}
    .footer-main .site-links h4,.footer-main .social-links h4 {border: none;}
    .footer-main ul {width: 100%;display: block;margin-left: auto;margin-right: auto;}
    .footer-main ul li a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding: .6rem 0;}
    .footer-main ul li:first-child a {border-top: 1px solid rgba(0, 0, 0, 0.08);}
}


/* go to top */
#go-top{position:fixed;bottom:24px;right:30px;z-index:700;display:none}
#go-top a{text-decoration:none;border:0 none;display:block;height:63px;width:60px;line-height:63px;text-align:center;background:#b5b5b5;color:#555;text-align:center;text-transform:uppercase;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#go-top a i{font-size:24px;line-height:inherit}
#go-top a:visited{background:#b5b5b5;color:#555}
#go-top a:hover,#go-top a:focus{background:#000000;color:#FFFFFF}

/* responsive:go to top */
@media only screen and (max-width: 600px) {
    #go-top {bottom: 0;right: 0;}
}


/* blog styles - single post */
.blog-single .entry-meta{font-family:"muli-regular",sans-serif;font-size:1.5rem;list-style:none;margin-left:0;margin-bottom:1.2rem;color:#999}
.blog-single .entry-meta a,.blog-single .entry-meta a:visited{color:#000000}
.blog-single .entry-meta li{display:inline-block;padding-left:0}
.blog-single .entry-meta .date{margin-right:1rem}
.blog-single .entry-meta .cat a{margin-right:5px}
.blog-single .entry-meta .cat a:last-child{margin-right:0}
.blog-single .entry-meta .cat a::after{content:","}
.blog-single .entry-meta .cat a:last-child::after{content:none}
.blog-single .tags{margin:6rem 0 4.2rem}
.blog-single .tags span{color:#151515;margin-right:1rem;font-size:1.5rem;font-family:"montserrat-bold",sans-serif}
.blog-single .tags a{color:#999999;margin-right:1rem}
.blog-single .author-profile{margin-top:9rem;padding-left:9rem;position:relative}
.blog-single .author-profile a,.blog-single .author-profile a:visited{color:#000000}
.blog-single .author-profile img{margin:0.6rem 0 0 0 !important;width:6rem;height:6rem;border-radius:50%;position:absolute;left:0;top:0}
.blog-single .author-profile p{margin-bottom:1.2rem}
.blog-single .author-profile .author-social{list-style:none;margin-left:0;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.1rem}
.blog-single .author-profile .author-social li{display:inline-block;margin-right:0.8rem;padding-left:0}
.blog-single .author-profile .author-social a{color:#999999}
.blog-single .pagenav{padding-top:1.5rem;margin:12rem 0;border-top:1px solid rgba(0,0,0,0.1)}
.blog-single .pagenav div{padding-top:1.5rem;float:left;width:50%}
.blog-single .pagenav a{font-size:2.1rem;line-height:1.571;font-family:"montserrat-bold",sans-serif;border:none;color:#000000}
.blog-single .pagenav a span{font-size:1.5rem;line-height:3rem;font-family:"muli-regular",sans-serif;display:block;margin-bottom:1.5rem;color:#999999;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.blog-single .pagenav a:hover span{color:#000000}

/* responsive:single post */
@media only screen and (max-width: 768px) {
    .blog-single .entry-meta{font-size:1.5rem}
    .blog-single .pagenav div{float:none;width:100%}
    .blog-single .pagenav div:first-child{margin-bottom:0.9rem}
}
@media only screen and (max-width: 600px) {
    .blog-single .author-profile{padding-left:0;text-align:center}
    .blog-single .author-profile img{position:static;width:6.6rem;height:6.6rem;margin:0 0 0.6rem 0 !important}
    .blog-single .pagenav{text-align:center}
}


/* ZYaller DIY */
section{background:rgb(245,245,245);font-family:roboto-regular,sans-serif;font-size:1.7rem;line-height:3rem;color:rgb(17,17,17);padding-top:3rem;padding-bottom:3rem}
div.content-media{text-align:center}
@media only screen and (min-width:768px){
    div.content-media img{width:65%}
}
div.bricks-loading{text-align:center}
div.bricks-loading > i{animation:fa-spin 2s infinite linear}