/*
Theme Name: Renz Ramos
Theme URI: http://www.renzramos.com
Author: Renz Ramos
Author URI: http://www.renzramos.com
Description: Basic Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: wpbasictheme
*/




.last-update-date-container p {
    margin: 0px;
}
.last-update-date-container {
    text-align: right;
    background: #FAFAFA;
    padding: 5px;
    margin-bottom: 20px;
}

h2.card-title h2 a {
    color: blaclk;
}

h2.card-title a {
    color: black;
}

.cart-tags-container ul li {
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
    /* padding: 2px 10px; */
}

.cart-tags-container ul li a {
    text-transform: uppercase;
    display: block;
    color: black;
    background: #F1F1F1;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 11px;
}

.cart-tags-container ul {
    padding: 0px;
    margin: 0px 0px 15px;
}

.cart-tags-container ul li a:before {content: '#';}
p {
    font-size: 16px;
}
/* 
body * {
    filter: grayscale(1);
} */
/* general */
body{
	font-family: 'Open Sans', sans-serif;
}
.padding{
	padding:60px 0px;
}

h2 {
    margin-bottom: 30px;
}


div#main-search {
    max-width: 400px;
    margin-left: auto;
}
div#main-topbar form button {
    padding: 0px;
}
div#main-topbar form input, div#main-topbar form button {
    height: 26px;
}
div#main-topbar {
    padding: 5px;
    background: #707070;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}
/* .general */

/* header */
.logo-container img {
    max-width: 250px;
}
#main-header {
    background-color: white;
    padding: 15px 0px;
}
.header-menu-container {
    margin-top: 6px;
}

.home header#main-header img {
    filter: brightness(100) contrast(0);
}
.home header#main-header {
    position: fixed;
    width: 100%;
    background: transparent;
    z-index: 9999999;
}
.home #mega-menu-wrap-header_menu #mega-menu-header_menu > li.mega-menu-item > a.mega-menu-link {
    color: white;
}
.home header#main-header {
    position: fixed;
    width: 100%;
    background: black;
    z-index: 9999999;
}
/* .header */


.btn-danger {
    color: #fff;
    background-color: #707070;
    border-color: #707070;
    text-transform: uppercase;
}


/* home */
.tutorial-tags {
    padding-top: 10px;
}
.tutorial-tags ul li a {
    display: block;
    background: #3333338a;
    color: white;
    margin-right: 5px;
    padding: 5px 6px;
    border-radius: 5px;
    font-size: 9px;
    line-height: 100%;
}
.tutorial-tags ul li {
    display: inline-block;
}
.tutorial-tags ul {
    padding: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.section-feature {
    background: black;
    color: white;
    background-size: cover;
    padding: 80px 0px;
    color: white;
    background-size: cover;
    text-align: center;
    height:100vh;
}
.section-feature .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tutorial-date .date {
    margin-bottom: 0px;
    margin-top: 10px;
}
.section-feature .content {
    margin-top: 80px;
}
.section-feature .content h1 {
    margin: 0px 0px 5px;
}
.section-home-introduction {
    background: #f5f5f5;
}
.section-blog {
    background: #f5f5f5;
}


.home-feature-container h1+p {
    margin-bottom: 30px;
    font-size: 18px;
}

.home-feature-container h1 {
    font-weight: bolder;
    font-size: 46px;
    margin-bottom: 0px;
}

.expertise-container h3 {
    font-size: 17px;
}
.expertise-container {
    padding: 30px 0px;
    border: 1px solid #c6b9b9;
    border-radius: 5px;
}
/* .home */


.main-content {
    background: #ebebeb;
}



/* blog */
.blog-post {
    margin: 15px 0px;
    border-bottom: 1px solid #3333331c;
    padding-bottom: 15px;
}
.blog-post h2, .blog-post h3 {
    text-transform: uppercase;
    font-size: 21px;
    margin: 0px;
    font-weight: bold;
    color: #2c3e50;
    border-bottom: 1px solid #3333332b;
    padding-bottom: 5px;
}
/* blog */

/* resume */
#resume-page h2 {
    margin-bottom: 30px;
    background: #b4b4b4;
    color: white;
    text-transform: uppercase;
    padding: 14px;
    font-size: 17px;
}
.company-container {
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 30px;
}
.section-skills {
    background: #FAFAFA;
}
/* .section-skills img {
    margin-bottom: 30px;
} */
/* .resume */

.section-x img{
    margin:5px;
}

.code-post .image p {
    position: absolute;
    top: 50%;
    color: white;
    width: 80%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}
.code-post .image {
    position: relative;
}
.code-post .image img {
    border-radius: 20px;
}

section h2 {
    text-transform: uppercase;
    margin-bottom: 50px;
    font-weight: bolder;
}

.view-all-container {
    text-align: center;
    margin: 60px 0px 0px;
}

.view-all-container a {
    text-transform: uppercase;
    padding: 5px 20px;
    background: #333;
}

/* sub */
.page-header-container h1 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 2em;
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.page-header-container {
    background: black;
    text-align: center;
    color: white;
    padding: 50px;
    background-size: cover;
}
.page-header-container a {
    color: white;
    font-weight: bolder;
}
.page-header-container p {
    margin: 0px;
}
.article img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.article h2 {
    font-size: 28px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bolder;
}
.article h3 {
    font-size: 18px;
    color: #333;
}
#comments h2{
    margin: 0px;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bolder;
}
#comments h3 {
    margin: 0px 0px;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bolder;
}
#comments {
    background: #3333330f;
    border-radius: 5px;
    padding: 30px;
    margin-top: 30px;
}
#comments .comment-list {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 15px;
}
#comments .comment-body {
    background: white;
    padding: 15px;
    position: relative;
}
#comments .comment-content {
    margin: 15px 0px;
}
#comments .comment-meta img {
    width: 23px;
}
#comments .comment-metadata .edit-link {
    text-decoration: underline;
}
#comments .comment-metadata a {
    color: #00000052;
}
#comments .comment-metadata {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #333;
}
#comments textarea,
#comments input {
    width: 100%;
}
#comments #submit {
    width: auto;
    background: #0082ff;
    border: none;
    color: white;
    padding: 9px 15px;
}
/* .sub */

article.article {
    background: white;
    padding: 20px;
    border: 1px solid #d5d3d3;
}

/* sidebar */
.sidebar-box {
    background: white;
    padding: 20px;
    border: 1px solid #d5d3d3;
}
.sidebar-box h2 {
    margin: 0px;
    font-size: 19px;
    text-transform: capitalize;
    text-align: center;
    margin: 5px 0px 15px;
}
ul.sidebar-tutorials {
    padding: 0px;
    margin: 0px;
}

ul.sidebar-tutorials li {
    list-style-type: none;
}

ul.sidebar-tutorials li a {
    color: #737373;
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}

ul.sidebar-tutorials li a:hover {
    color: #000;
    text-decoration: none;
}
/* .sidebar */

/* footer */
.section-footer {
    background: #333;
    color: white;
    padding: 30px;
}
.section-footer p {
    margin: 0px;
}
/* footer */

@media screen and (max-width:768px){
    #mega-menu-wrap-header_menu .mega-menu-toggle {
        background: none;
        position: absolute;
        right: 0px;
        top: -47px;
    }
    #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-1:after {
        color: #d9534f;
        font-size: 60px;
    }
    #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
        display: none;
    }
    .blog-post {
        margin: 15px 0px;
        border-bottom: 1px solid #3333331c;
        padding-bottom: 15px;
    }
    .blog-post h2, 
    .blog-post h3 {
        text-transform: uppercase;
        font-size: 22px;
        margin: 0px;
        font-weight: bold;
        color: #2c3e50;
    }
}
/* ============================================================
   MODERN UI ENHANCEMENTS v2 — 2026 refresh (site-wide)
   Pure-CSS restyle loaded after Bootstrap. No markup changes.
   ============================================================ */
:root{
	--accent:#6366f1;--accent-2:#8b5cf6;--accent-3:#22d3ee;
	--ink:#0f172a;--muted:#64748b;
	--bg-soft:#f8fafc;--bg-soft-2:#eef2f7;--border:#e2e8f0;
	--card-shadow:0 10px 30px -12px rgba(15,23,42,.18);
	--card-shadow-hover:0 22px 48px -16px rgba(79,70,229,.35);
	--radius:16px;
	--grad:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
	--hero-bg:radial-gradient(900px 500px at 78% 18%,rgba(139,92,246,.28),transparent 60%),
		radial-gradient(760px 520px at 12% 88%,rgba(34,211,238,.18),transparent 55%),
		linear-gradient(160deg,#0b1020 0%,#121a33 55%,#0b1224 100%);
}
html{scroll-behavior:smooth;}
body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
::selection{background:rgba(99,102,241,.22);}
a{transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;}
h1,h2,h3,h4,h5,.home-feature-container h1,section h2{
	font-family:'Poppins','Open Sans',sans-serif;letter-spacing:-.02em;
}
.main-content{background:var(--bg-soft);}

/* ---------- accent underline: ONLY on centered section titles ---------- */
section h2.text-center{position:relative;padding-bottom:22px;margin-bottom:48px;font-weight:800;color:var(--ink);}
section h2.text-center:after{content:"";position:absolute;left:50%;bottom:0;width:64px;height:4px;border-radius:4px;transform:translateX(-50%);background:var(--grad);}
/* left-aligned section headings (resume, comments): subtle left accent bar */
.sidebar-box h2,#resume-page section h2,#comments>h2,.article h2:first-of-type{position:relative;}
#resume-page section h2{padding-left:16px;border-left:4px solid var(--accent);background:none!important;color:var(--ink)!important;text-transform:uppercase;font-weight:700;}

/* ============================ HERO (home) ============================ */
.section-feature{height:auto;min-height:92vh;background:var(--hero-bg);overflow:hidden;}
.section-feature:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 72%);pointer-events:none;}
.home-feature-container{position:relative;z-index:2;}
.home-feature-container h1{font-size:clamp(2.4rem,5.6vw,4.25rem);font-weight:800;line-height:1.05;margin-bottom:18px;color:#fff;}
.home-feature-container h1 strong{background:linear-gradient(120deg,#a5b4fc,#8b5cf6 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:800;}
.home-feature-container h1+p{font-size:clamp(1rem,1.6vw,1.28rem);color:#c7d2e5;font-weight:400;margin-bottom:38px;}

/* ---------- buttons (site-wide) ---------- */
.btn-danger,.section-feature .btn-danger,
.view-all-container a,
a.btn-primary,.btn.btn-primary{
	background:var(--grad)!important;border:none!important;color:#fff!important;
	border-radius:999px;font-weight:600;letter-spacing:.03em;text-decoration:none;
	box-shadow:0 12px 26px -12px rgba(99,102,241,.6);
	transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.btn-danger,.section-feature .btn-danger{padding:15px 40px;}
.view-all-container a{display:inline-block;padding:14px 38px!important;}
a.btn-primary.btn-sm,.btn.btn-primary.btn-sm{padding:8px 22px;font-size:.85rem;}
.btn-danger:hover,.view-all-container a:hover,a.btn-primary:hover,.btn.btn-primary:hover{
	transform:translateY(-3px);filter:brightness(1.07);color:#fff!important;
	box-shadow:0 20px 40px -14px rgba(139,92,246,.7);
}
.view-all-container{margin-top:44px;}

/* ==================== TECHNICAL EXPERTISE (home) ==================== */
.section-skills{background:var(--bg-soft);}
.section-skills .col-lg-3{margin-bottom:26px;}
.expertise-container{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:38px 20px;height:100%;box-shadow:var(--card-shadow);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.expertise-container:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.expertise-container:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);border-color:transparent;}
.expertise-container:hover:before{transform:scaleX(1);}
.expertise-container h3{font-size:1.06rem;font-weight:600;margin:0;color:var(--ink);}

/* ====================== TECHNOLOGIES pills (home) ====================== */
.section-x{background:var(--bg-soft-2);}
.section-x .col-lg-12>.row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0;}
.section-x .col-sm-2{width:auto;max-width:none;flex:0 0 auto;padding:0;}
.section-x .col-sm-2 p{margin:0;background:#fff;border:1px solid var(--border);color:#334155;font-size:.92rem;font-weight:500;padding:9px 20px;border-radius:999px;box-shadow:0 2px 6px -3px rgba(15,23,42,.15);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease;cursor:default;}
.section-x .col-sm-2 p:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent);box-shadow:0 10px 20px -10px rgba(99,102,241,.5);}

/* ====================== RECENT TUTORIALS cards (home) ====================== */
.section-blog{background:var(--bg-soft);}
.section-blog .col-md-3{margin-bottom:26px;}
.section-blog .col-md-3 .mt-4{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px 24px;height:100%;box-shadow:var(--card-shadow);transition:transform .26s ease,box-shadow .26s ease;display:flex;}
.section-blog .col-md-3 .mt-4:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);}
.section-blog .col-md-3 a{display:block;width:100%;text-decoration:none;}
.section-blog .image p{margin:0;color:var(--ink);font-weight:600;font-size:1rem;line-height:1.4;text-align:left!important;}
.section-blog .image p:after{content:"Read tutorial \2192";display:block;margin-top:16px;font-size:.8rem;font-weight:600;color:var(--accent);}

/* ==================== FREE CONSULTATION form (home) ==================== */
.section-free-consultation{background:var(--bg-soft-2);}
.section-free-consultation>.container>div{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:var(--card-shadow);}

/* ---------- form fields (site-wide: contact page + home) ---------- */
.section-free-consultation label,.nf-field-label label,.contact-form label{font-weight:600;color:var(--ink);margin-bottom:8px;}
.section-free-consultation input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
.section-free-consultation textarea,.section-free-consultation select,
.nf-field-element input:not([type=button]),.nf-field-element textarea{
	width:100%;border:1px solid var(--border)!important;border-radius:10px!important;padding:12px 14px!important;background:#fff!important;font-size:.98rem;color:var(--ink);box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease;}
.section-free-consultation input:focus,.section-free-consultation textarea:focus,.section-free-consultation select:focus,.nf-field-element input:focus,.nf-field-element textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(99,102,241,.15)!important;}
.section-free-consultation input[type=button],.section-free-consultation input[type=submit],.section-free-consultation button[type=submit],.nf-field-element input[type=button]{background:var(--grad)!important;border:none!important;color:#fff!important;padding:13px 40px!important;border-radius:999px!important;font-weight:600!important;letter-spacing:.03em;cursor:pointer;box-shadow:0 12px 26px -12px rgba(99,102,241,.6);transition:transform .2s ease,filter .2s ease;width:auto!important;}
.section-free-consultation input[type=button]:hover,.section-free-consultation input[type=submit]:hover,.section-free-consultation button[type=submit]:hover,.nf-field-element input[type=button]:hover{transform:translateY(-2px);filter:brightness(1.07);}

/* ========================= HEADER / NAV ========================= */
.home header#main-header{background:rgba(9,13,26,.72)!important;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease;}
#main-header{box-shadow:0 1px 0 rgba(15,23,42,.06);}
.header-menu-container a{transition:color .2s ease;}

/* ============ INNER PAGE HEADER BANNER (all subpages) ============ */
.page-header-container{background:var(--hero-bg)!important;padding:72px 20px 64px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);}
.page-header-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);pointer-events:none;}
.page-header-container .container{position:relative;z-index:2;}
.page-header-container h1{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.7rem,3.4vw,2.6rem);color:#fff;max-width:100%;letter-spacing:-.02em;}
.page-header-container #breadcrumbs,.page-header-container p{color:#c7d2e5;font-size:.95rem;}
.page-header-container a,.page-header-container #breadcrumbs a{color:#a5b4fc;font-weight:600;}
.page-header-container a:hover{color:#fff;}

/* ====================== ARTICLE (single) ====================== */
article.article{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px 36px;box-shadow:var(--card-shadow);}
.article p{line-height:1.75;color:#334155;font-size:1rem;}
.article h2,.article h3{color:var(--ink);}
.last-update-date-container{background:var(--bg-soft-2);border-radius:10px;padding:10px 16px;margin-bottom:26px;}
.last-update-date-container p{color:var(--muted);font-size:.9rem;}
#comments{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);}
#comments #submit{background:var(--grad);border:none;border-radius:999px;padding:11px 28px;font-weight:600;}

/* ====================== ARCHIVE / BLOG list cards ====================== */
.blog-post{border:none;padding:0;margin:0 0 26px;}
.blog-post .card{border:1px solid var(--border)!important;border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;transition:transform .26s ease,box-shadow .26s ease;}
.blog-post .card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover);}
.blog-post .card-body{padding:22px 26px;}
.blog-post .image img{border-radius:10px;}
.blog-post h2.card-title{border:none;text-transform:none;font-size:1.3rem;font-weight:700;margin-bottom:10px;}
.blog-post h2.card-title a{color:var(--ink);}
.blog-post h2.card-title a:hover{color:var(--accent);text-decoration:none;}
.blog-post .card-text{color:var(--muted);line-height:1.6;font-size:.96rem;}
.cart-tags-container ul li a{background:rgba(99,102,241,.1)!important;color:var(--accent)!important;border-radius:999px;font-weight:600;}

/* ---------- pagination ---------- */
.pagination-container{margin-top:36px;}
.pagination .page-link{color:var(--accent);border-radius:10px!important;margin:0 4px;border:1px solid var(--border);font-weight:600;}
.pagination .page-item.active .page-link{background:var(--grad);border-color:transparent;color:#fff;}
.pagination .page-link:hover{background:rgba(99,102,241,.1);}

/* ---------- sidebar ---------- */
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:26px 24px;}
.sidebar-box h2{position:relative;padding-bottom:14px;margin-bottom:18px;font-size:1.15rem;font-weight:700;}
.sidebar-box h2:after{content:"";position:absolute;left:50%;bottom:0;width:48px;height:3px;border-radius:3px;transform:translateX(-50%);background:var(--grad);}
ul.sidebar-tutorials li a{color:#475569;font-size:.92rem;padding:8px 0;border-bottom:1px solid var(--bg-soft-2);}
ul.sidebar-tutorials li a:hover{color:var(--accent);padding-left:6px;}

/* ====================== RESUME page ====================== */
#resume-page .company-container{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:24px 26px;margin-bottom:22px;transition:transform .2s ease,box-shadow .2s ease;}
#resume-page .company-container:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);}
#resume-page .company-container .name h3{font-weight:700;color:var(--ink);}
#resume-page .company-container p{color:var(--muted);margin-bottom:4px;font-size:.95rem;}
#resume-page .section-skills img{margin:14px;filter:grayscale(1);opacity:.7;transition:filter .25s ease,opacity .25s ease,transform .25s ease;}
#resume-page .section-skills img:hover{filter:grayscale(0);opacity:1;transform:scale(1.08);}

/* ============================ FOOTER ============================ */
.section-footer{background:linear-gradient(180deg,#0f172a,#0b1020);padding:40px 30px;border-top:1px solid rgba(99,102,241,.25);}
.section-footer p{color:#94a3b8;font-size:.92rem;}

/* ========================= RESPONSIVE ========================= */
@media screen and (max-width:768px){
	.section-feature{min-height:86vh;}
	.home-feature-container h1{font-size:2.3rem;}
	.section-free-consultation>.container>div,article.article{padding:24px 20px;}
	section h2.text-center{margin-bottom:34px;}
	.page-header-container{padding:54px 16px 44px;}
	.blog-post .image{margin-bottom:16px;}
}