hero css


 


.entry-summary { margin: 2em 0 0; display: none; }



.widget ul li {

       position: relative;

    padding: 0;

    color: #36bb63;

    border-bottom: 1px solid rgba(0,0,0,0.05);

    border-top: 1px solid rgba(255,255,255,0.12);

    list-style-type: none;

    position: relative;

    padding-bottom: 5px;

}



#respond .comment-form-url {

display: none;

}




/* Subscribe Box */

#subscribe-box p{font-size:15px;color:#fff;margin:0 0 24px;padding:0;line-height:normal}#subscribe-box .emailfield{margin:auto}#subscribe-box .emailfield input{padding:15px;background-color:#67686d;color:#aaa;border:0;font-size:14px;margin-bottom:16px;border-radius:5px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);transition-delay:0.2s;width: 100%;}#subscribe-box .emailfield input:focus{color:#222;outline:none;box-shadow:0 2px 0.8rem -0.8rem rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.05);transition-delay:0s}#subscribe-box .emailfield .submitbutton{background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(0,0,0,0.15);color:#fff;box-shadow:0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.1)}#HTML98 {

    border: 0;

    border-radius: 12px;

    background: linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);

    margin: 3px;

    padding: 10px;

}#HTML98 h2,#HTML98 h3{color:#fff}





.quangcaoads {

width: calc(100% - 8rem);

    margin-left: auto;

    margin-right: auto;

    max-width: 120rem;

  margin-bottom: 1em;

       }



#pprivacy {

    color: #868e96;

    background-color: #f8f9fa;

    font-size: 80%;

    position: relative;

    padding: 1rem 1rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem;

}



.site-title a {background:#FF9800;background:-webkit-linear-gradient( left,#F44336 0%,#FF5722 25%,#E91E63 50%,#FFC107 100%) repeat;-webkit-background-clip:text;-ms-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-ms-text-fill-color:transparent;-moz-text-fill-color:transparent;text-fill-color:transparent;-webkit-animation-name:masked-animation;-webkit-animation-duration:100s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}

@-webkit-keyframes masked-animation{0%{background-position:0 0}100%{background-position:-8000px -3000px}}


.pagination-single {

    font-size: 2.4rem;

    margin-top: 8rem;

max-width: 87rem;

    width: calc(100% - 8rem);

}


.wplogout-social-wrapper {

    margin: 30px 0;

    font-size: 0;

    margin-left: auto;

    margin-right: auto;

    max-width: 87rem;

    width: calc(100% - 8rem);

}


.wplogout-social-wrapper span {

    font-weight: bold;

    padding-right: 10px;

    font-size: 16px;

}


.wplogout-social-sharing {

    font-size: 17px;

    padding: 7px 20px;

}


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

    .wplogout-social-sharing {

        font-size: 17px;

        padding: 7px 12px;

        display: inline-block;

    }

}


.wplogout-social-sharing svg {

    position: relative;

    top: 0.15em;

    display: inline-block;

}


.wplogout-social-sharing:first-of-type {

    border-radius: 100px 0 0 100px;

}


.wplogout-social-sharing:last-of-type {

    border-radius: 0 100px 100px 0;

}


.wplogout-social-facebook {

    fill: #fff;

    background-color: rgba(59, 89, 152, 1);


}


.wplogout-social-facebook:hover {

    background-color: rgba(59, 89, 152, .8);

}


.wplogout-social-twitter {

    fill: #fff;

    background-color: rgba(29, 161, 242, 1);

}


.wplogout-social-twitter:hover {

    background-color: rgba(29, 161, 242, .8);

}


.wplogout-social-pinterest {

    fill: #fff;

    background-color: rgba(189, 8, 28, 1);

}


.wplogout-social-pinterest:hover {

    background-color: rgba(189, 8, 28, .8);

}


.wplogout-social-linkedin {

    fill: #fff;

    background-color: rgba(0, 119, 181, 1);

}


.wplogout-social-linkedin:hover {

    background-color: rgba(0, 119, 181, .8);

}


.wplogout-social-whatsapp {

    fill: #fff;

    background-color: rgba(37, 211, 102, 1);

}


.wplogout-social-whatsapp:hover {

    background-color: rgba(37, 211, 102, .8);

}


.wplogout-social-reddit {

    fill: #fff;

    background-color: rgba(255, 87, 0, 1);

}


.wplogout-social-reddit:hover {

    background-color: rgba(255, 87, 0, .8);

}


.read-more {

    display: none;

}






.relatedcat {

    margin: 20px 0 0;

    background: #fff;

    border: 1px solid #bce8f1;

    border-radius: 4px;

    padding: 10px;

    margin-left: auto;

    margin-right: auto;

    max-width: 87rem;

    width: calc(100% - 8rem);

}


.relatedcat h3 {

    color: #fff;

    margin: -10px -10px 10px;

     background: #5d86dc;

    padding: 10px;

    font-weight: 500;

    line-height: normal;

}

.relatedcat ul {

    margin-left: 0;

}

.relatedcat ul li {

    list-style-type: none;

    color: #222;

       line-height: 24px;

    overflow: hidden;

    border-bottom: 1px dashed #ccc;

    padding: 6px 0;

}

.relatedcat ul li a {

    color: #222;

}



.entry-content h2 { position:relative;padding:10px 0;border-bottom:3px solid #ff0000;}



.entry-content h3{color:#333;}

.entry-content h4,.entry-content h5,.entry-content h6{color:#333;}





.rbz-info {

    background: #eaebed;

    margin: 30px auto 10px;

    display: block;

    position: relative;

    padding: 35px 25px 25px;

    overflow: hidden;

    max-width: 87rem;

    width: calc(100% - 8rem);

}


.rbz-info{background:#EAEBED;margin:30px auto 10px;display:block;position:relative;padding:35px 25px 25px;overflow:hidden}

.rbz-info::before{content:"";display:block;width:100%;height:88px;background:#FE634A;position:absolute;top:0;left:0;right:0;z-index:0}

.authorname{font-size:20px;font-weight:700!important;padding:0!important;display:block;margin:17px 0 32px!important;text-transform:uppercase}

.author-photo{display:inline-block;float:left;position:relative;z-index:1}

.author-photo img{width:90px;height:90px;border-radius:99em;z-index:1;border:7px solid #EAEBED}

.about-author{z-index:1;position:relative;display:inline-block;float:right;width:calc(100% - 125px)}

.author-desc{font-size:15px;font-weight:400;line-height:1.6em;color:#777}

ul.sosmed-saya{display:block;overflow:hidden;margin:20px auto 10px;padding:0}

ul.sosmed-saya li a,ul.sosmed-saya li.site{display:inline-block;margin-right:7px;margin-bottom:5px;font-size:15px;padding:0;width:45px;height:30px;line-height:30px;color:#fff;text-align:center;border-radius:2px}

ul.sosmed-saya li {display: inline-block;}

.author a, .author a:hover {color: #fff;}


ul.sosmed-saya li.site{width:auto;background-color:#fff;border:1px solid #bdc3c7;padding:0 15px;font-style:italic;font-size:14px;color:#999}




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

.rbz-info {padding: 30px 15px 20px;width:80%}

.author {margin: 20px 0 35px !important;}

}


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

.rbz-info{margin:30px auto 10px;text-align:center}

.author-photo{display:block;float:none}

.about-author{display:block;float:none;width:100%;text-align:center}

.author{text-align:center;display:block;margin:15px 0 25px!important}

.author-desc{text-align:center}

ul.sosmed-saya{display:block;text-align:center}

ul.sosmed-saya li{display:inline-block;text-align:center;}

.author a,.author a:hover{color:#888}

}


.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {

    padding-top: 0%;

}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {

    content: "";

    display: block;

    padding-top: 0%;

}



.wp-block-group {

    padding: 10px;

    border: 2px solid #d9e3ea;

}



.entry-content p a:hover {

color: #276ae6;

    padding: 5px;

    border: 1px dashed;

font-weight: 600;

}



.comments .comment {

    margin: 5px;

    padding-top: 5rem;

    padding: 20px;

    border-bottom: 1px solid #f0f0f0;

    position: relative;

    background-color: #80abd4;

    border-radius: 13px;

}








.comment-body:before{

    content: "";

    position: absolute;

    top: 6px;

    left:-30px;

    z-index: 1;

    border: solid 15px transparent;

    border-right-color: #c9d4ea;

}


.comment-body {

    display: block;

    background: #c9d4ea;

    border: 1px solid #f0f0f0;

    border-radius: 13px;

}



.comment-pagination {

    padding: 25px 0;

}


.page-numbers.current {

    background: #ff6200;

    color: #fff;

    border: 1px solid #ff6600;

    text-decoration: none;

    border: 1px solid #dfdfdf;

    background: #f0f0f0;

    padding: 10px 10px;

    border-radius: 3px;

    color: #999;

}



.page-numbers, .page-numbers:visited {

    border: 1px solid #dfdfdf;

    background: #f0f0f0;

    padding: 10px 10px;

    border-radius: 3px;

    color: #999;

margin: 3px;

}



a:focus, a:hover {

    text-decoration: none;

    color: #0366d6;

}


.entry-content p a:not(.button):not(.wp-block-file__button){color:#222;transition:background-position .3s linear,box-shadow .15s linear 0s;background-image:linear-gradient(to right,#ffdb6d,#ffdb6d,#27cba4);background-size:400%;background-repeat:no-repeat;background-position:0 1.1em;cursor:pointer}

.entry-content p a:hover:not(.button):not(.wp-block-file__button){background-image:linear-gradient(to right,#ffdb6d,#27cba4,#ffdb6d);}





.entry-title a:focus, .entry-title a:hover {

    text-decoration: none;

}



a {

  text-decoration: none !important;

  box-shadow: none !important;

}


body, input, textarea, button, .entry-content, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {

   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

}



p.read-more-container {

  display: none !important;

}


.home .post-inner.thin, .category .post-inner.thin {

    display: none;

}


.home .post-meta-wrapper.post-meta-single-bottom, .category .post-meta-wrapper.post-meta-single-bottom {

    display: none;

}




.bg-attachment-fixed, .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {

    background-attachment: scroll;

}

@media (min-width: 1000px) {

    .bg-attachment-fixed, .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {

        background-attachment: fixed;

    }

}



.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {

    max-width: 87rem;

    width: calc(100% - 8rem);

}



@media (min-width: 700px) {

.footer-widgets {

    margin-left: 4rem;

    width: 100%;

}}




body.template-cover .entry-header {

    background: 0 0;

    padding: 0;

}


.singular .entry-header {

    background: 0 0;

    padding: 0;

color: #ffffff;

}



@media (min-width: 700px) {

body:not(.singular) main>article:first-of-type {

    padding: 0;

}

}


body:not(.singular) main>article:first-of-type {

    padding: 0;

}


.single-post #site-header {

    background: transparent;

    margin: 0;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 2;

}


.single-post body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .singular:not(.overlay-header) .entry-header a, .header-footer-group .color-accent {

    color: #fff;

}



.single-post .primary-menu > li > a, .single-post .primary-menu > li > .icon {

     color: #ffffff !important;

}



.singular:not(.overlay-header) .entry-header .post-meta a {

    color: #ffffff;

}



.singular .toggle-inner {

color: #ffffff;

}


.single-post :not(.overlay-header) .toggle-inner .toggle-text {

    color: #ffffff;

}


.menu-modal-inner {

    background: #f08484;

    display: flex;

    justify-content: stretch;

    overflow: auto;

    -ms-overflow-style: auto;

    width: 100%;

}


@media (min-width: 1220px){

.cover-header + .post-inner {

    padding-top: 3rem;

}}



.capnhatbv {

    background: #fff799;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border: 1px solid #ee9d00;

    color: #000;

    padding: 10px 5px 10px 62px;

    margin-left: auto;

    margin-right: auto;

    max-width: 87rem;

    width: calc(100% - 8rem);

}



#fixed-button {

    position: fixed;

    top: calc(50% - 40px);

    right: 0;

    background: #fefefe;

    border: .05rem solid #dadee4;

    border-right: 0;

    border-radius: .2rem 0 0 .2rem;

    overflow: hidden;

}




#fixed-button button{display:block;background:inherit;border:0;z-index: 9999999999;font-size: 0.3rem;opacity: 1;}



.breadcrumbs {

    padding: 15px 0;

    list-style: none;

    border-radius: 4px;

    margin-left: auto;

    margin-right: auto;

    max-width: 87rem;

    width: calc(100% - 8rem);

border: 1px solid #ddd;

padding: 20px;

}


.previous-post, .next-post {

    color: #fff;

    background-color: #c9d4de;

    text-align: center;

    height: 34px;

    line-height: 34px;

    font-size: 14px;

    border: 1px solid;

    padding: 0 20px;

    margin-bottom: 30px;

    text-transform: uppercase;

    border-radius: 4px;

    font-weight: bold;

}