/*
Theme Name: SGRP Meridian Child
Theme URI: https://sgrpmeridian.com
Description: GeneratePress child theme for SGRP Meridian trade and logistics magazine
Template: generatepress
Version: 1.2.2
Text Domain: sgrpmeridian-child
*/
:root{
--sgrp-navy:#002147;
--sgrp-navy-2:#013b6e;
--sgrp-gold:#c5b358;
--sgrp-gold-2:#a8923f;
--sgrp-ink:#15202b;
--sgrp-text:#333740;
--sgrp-muted:#7a8088;
--sgrp-bg:#eef1f5;
--sgrp-card:#ffffff;
--sgrp-soft:#f4f6f8;
--sgrp-line:#dde2e8;
--sgrp-warn:#a5402f;
--sgrp-warn-bg:#fbf2f0;
--sgrp-tip-bg:#f8f6ec;
--sgrp-serif:Georgia,"Times New Roman",serif;
}
body{
background-color:var(--sgrp-bg);
background-image:linear-gradient(rgba(0,33,71,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,33,71,0.04) 1px,transparent 1px);
background-size:48px 48px;
color:var(--sgrp-text);
}
.site-header{
background-color:var(--sgrp-card);
border-bottom:1px solid var(--sgrp-line);
box-shadow:0 2px 14px rgba(0,33,71,0.05);
}
.inside-header{
border-bottom:3px solid var(--sgrp-gold);
}
.main-navigation,
.main-navigation ul{
background-color:var(--sgrp-navy);
}
.main-navigation .main-nav ul li a{
color:#eef1f4;
letter-spacing:0.09em;
font-size:0.86em;
font-weight:600;
text-transform:uppercase;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{
color:var(--sgrp-gold);
background-color:var(--sgrp-navy-2);
}
.entry-title,
.page-title,
h1.entry-title,
.entry-content h2,
.entry-content h3,
.widget-title{
font-family:var(--sgrp-serif);
color:var(--sgrp-ink);
letter-spacing:-0.01em;
}
.entry-title a{
color:var(--sgrp-navy);
transition:color 0.2s ease;
}
.entry-title a:hover{
color:var(--sgrp-gold-2);
}
.blog .site-main,
.archive .site-main,
.search-results .site-main{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:36px;
align-items:stretch;
}
.blog .site-main > *:not(article),
.archive .site-main > *:not(article),
.search-results .site-main > *:not(article){
grid-column:1 / -1;
}
.blog .site-main > article,
.archive .site-main > article,
.search-results .site-main > article{
margin-bottom:0;
display:flex;
}
.blog .site-main > article:first-of-type{
grid-column:1 / -1;
}
.inside-article{
display:flex;
flex-direction:column;
width:100%;
height:100%;
background-color:var(--sgrp-card);
border:1px solid var(--sgrp-line);
border-top:3px solid var(--sgrp-navy);
padding:34px 36px;
position:relative;
box-shadow:0 4px 18px rgba(0,33,71,0.06);
transition:box-shadow 0.28s ease,transform 0.28s ease,border-top-color 0.28s ease;
}
.inside-article:hover{
box-shadow:0 20px 46px rgba(0,33,71,0.14);
transform:translateY(-5px);
border-top-color:var(--sgrp-gold);
}
.blog .site-main > article:first-of-type .inside-article{
border-top-width:5px;
padding:48px 54px;
background-image:linear-gradient(180deg,rgba(0,33,71,0.018),transparent 160px);
}
.blog .site-main > article:first-of-type .inside-article::after{
content:"";
position:absolute;
left:0;
top:0;
width:5px;
height:64px;
background-color:var(--sgrp-gold);
}
.blog .site-main > article:first-of-type .entry-title{
font-size:2.1em;
}
.inside-article .entry-header{
margin-bottom:14px;
}
.inside-article .entry-summary,
.inside-article .entry-content{
flex:1 1 auto;
color:var(--sgrp-text);
line-height:1.78;
}
.entry-meta{
font-size:0.82em;
color:var(--sgrp-muted);
margin-top:14px;
}
.entry-meta .cat-links{
display:flex;
gap:8px;
flex-wrap:wrap;
}
.entry-meta .cat-links a{
display:inline-flex;
align-items:center;
gap:7px;
background-color:transparent;
color:var(--sgrp-navy);
border:1px solid var(--sgrp-line);
font-size:0.92em;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
padding:4px 12px;
border-radius:2px;
text-decoration:none;
transition:background-color 0.2s ease,color 0.2s ease;
}
.entry-meta .cat-links a::before{
content:"";
width:6px;
height:6px;
background-color:var(--sgrp-gold);
transform:rotate(45deg);
}
.entry-meta .cat-links a:hover{
background-color:var(--sgrp-navy);
color:#fff;
}
.read-more{
display:inline-block;
margin-top:22px;
align-self:flex-start;
color:var(--sgrp-navy);
font-weight:700;
font-size:0.92em;
letter-spacing:0.05em;
text-transform:uppercase;
text-decoration:none;
padding-bottom:4px;
border-bottom:2px solid var(--sgrp-gold);
transition:color 0.2s ease,border-color 0.2s ease;
}
.read-more:hover{
color:var(--sgrp-gold-2);
border-color:var(--sgrp-gold-2);
}
.entry-content .wp-block-button__link{
display:inline-block;
background-color:var(--sgrp-navy);
color:var(--sgrp-gold);
font-weight:700;
letter-spacing:0.05em;
padding:11px 26px;
border-radius:3px;
text-decoration:none;
transition:background-color 0.2s ease;
}
.entry-content .wp-block-button__link:hover{
background-color:var(--sgrp-navy-2);
color:#fff;
}
.single .content-area .inside-article,
.page .content-area .inside-article{
padding:52px 60px;
}
.single .inside-article:hover,
.page .inside-article:hover{
box-shadow:none;
transform:none;
border-top-color:var(--sgrp-navy);
}
.single .entry-header{
text-align:center;
padding-bottom:18px;
margin-bottom:38px;
}
.single .entry-header h1::after{
content:"";
display:block;
width:13px;
height:13px;
margin:20px auto 0;
background-color:var(--sgrp-gold);
transform:rotate(45deg);
}
.single .entry-header::after{
content:"";
display:block;
width:220px;
height:1px;
margin:18px auto 0;
background-image:linear-gradient(90deg,transparent,var(--sgrp-line) 20%,var(--sgrp-line) 80%,transparent);
}
.entry-content blockquote{
border-left:4px solid var(--sgrp-gold);
background-color:var(--sgrp-soft);
padding:18px 24px;
font-family:var(--sgrp-serif);
font-style:italic;
color:var(--sgrp-ink);
}
.widget-title{
font-size:1.18em;
border-bottom:2px solid var(--sgrp-gold);
padding-bottom:9px;
margin-bottom:18px;
}
.sidebar .widget,
.inside-right-sidebar .widget{
background-color:var(--sgrp-card);
border:1px solid var(--sgrp-line);
padding:24px 26px;
margin-bottom:28px;
}
.sidebar .widget ul li,
.inside-right-sidebar .widget ul li{
border-bottom:1px solid var(--sgrp-line);
padding:9px 0;
list-style:none;
}
.sidebar .widget ul,
.inside-right-sidebar .widget ul{
list-style:none;
margin-left:0;
padding-left:0;
}
.sidebar .widget ul li a,
.inside-right-sidebar .widget ul li a{
color:var(--sgrp-text);
text-decoration:none;
transition:color 0.2s ease;
}
.sidebar .widget ul li a:hover,
.inside-right-sidebar .widget ul li a:hover{
color:var(--sgrp-gold-2);
}
.wp-block-search__input,
.search-field{
border:1px solid var(--sgrp-line);
padding:10px 13px;
background-color:var(--sgrp-soft);
}
.wp-block-search__button,
.search-form button{
background-color:var(--sgrp-navy);
color:var(--sgrp-gold);
border:0;
padding:10px 18px;
font-weight:700;
}
.paging-navigation .page-numbers,
.pagination .page-numbers,
nav.navigation .page-numbers{
display:inline-block;
padding:8px 14px;
border:1px solid var(--sgrp-line);
background-color:var(--sgrp-card);
color:var(--sgrp-navy);
font-weight:600;
text-decoration:none;
margin:0 3px;
}
.paging-navigation .page-numbers.current,
.pagination .page-numbers.current,
nav.navigation .page-numbers.current{
background-color:var(--sgrp-navy);
color:var(--sgrp-gold);
border-color:var(--sgrp-navy);
}
.site-footer,
.site-footer .inside-site-info,
.footer-widgets{
background-color:var(--sgrp-navy);
color:#c3ccd6;
}
.footer-widgets .widget-title{
color:#fff;
border-bottom-color:var(--sgrp-gold);
}
.footer-widgets .widget,
.footer-widgets .widget ul li{
background-color:transparent;
border-color:rgba(255,255,255,0.12);
}
.site-info{
background-color:var(--sgrp-navy);
color:#c3ccd6;
border-top:3px solid var(--sgrp-gold);
position:relative;
overflow:hidden;
}
.site-info::before{
content:"";
position:absolute;
right:-26px;
top:50%;
transform:translateY(-50%);
width:150px;
height:150px;
opacity:0.07;
background-repeat:no-repeat;
background-position:center;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpolygon points='50,6 56,44 50,50 44,44' fill='%23ffffff'/%3E%3Cpolygon points='50,94 56,56 50,50 44,56' fill='%23ffffff'/%3E%3Cpolygon points='94,50 56,56 50,50 56,44' fill='%23ffffff'/%3E%3Cpolygon points='6,50 44,56 50,50 44,44' fill='%23ffffff'/%3E%3C/svg%3E");
}
.site-info a{
color:var(--sgrp-gold);
}
.site-info .copyright{
display:block;
width:100%;
}
.sgrp-footer{
display:grid;
grid-template-columns:1.7fr 1fr 1fr;
gap:44px;
max-width:1100px;
margin:0 auto;
padding:18px 0 6px;
text-align:left;
position:relative;
z-index:1;
}
.sgrp-foot-logo{
font-family:var(--sgrp-serif);
font-size:1.4em;
font-weight:700;
letter-spacing:0.04em;
color:#ffffff;
}
.sgrp-foot-brand p{
margin:12px 0 0;
color:#aeb8c4;
font-size:0.92em;
line-height:1.75;
max-width:340px;
}
.sgrp-foot-col h4{
font-family:var(--sgrp-serif);
color:var(--sgrp-gold);
font-size:1.02em;
margin:0 0 14px;
letter-spacing:0.02em;
}
.sgrp-foot-col ul{
list-style:none;
margin:0;
padding:0;
}
.sgrp-foot-col li{
margin-bottom:9px;
}
.sgrp-foot-col a{
color:#c3ccd6;
text-decoration:none;
font-size:0.92em;
transition:color 0.2s ease;
}
.sgrp-foot-col a:hover{
color:var(--sgrp-gold);
}
.sgrp-foot-bottom{
grid-column:1 / -1;
border-top:1px solid rgba(255,255,255,0.12);
margin-top:18px;
padding-top:18px;
color:#8e99a6;
font-size:0.85em;
letter-spacing:0.03em;
}
.posted-on,
.entry-meta .posted-on,
time.entry-date,
.byline{
display:none;
}
.ol-post{
color:var(--sgrp-text);
line-height:1.85;
}
.ol-lead{
font-size:1.12em;
color:var(--sgrp-ink);
font-weight:500;
border-left:3px solid var(--sgrp-gold);
padding-left:18px;
margin:0 0 32px;
}
.ol-tag{
display:inline-block;
background-color:var(--sgrp-navy);
color:#fff;
font-size:0.74em;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
padding:4px 11px;
border-radius:3px;
margin-right:6px;
}
.ol-note,
.ol-warn,
.ol-tip{
padding:22px 26px 22px 58px;
margin:30px 0;
border-radius:4px;
line-height:1.75;
position:relative;
}
.ol-note::before,
.ol-warn::before,
.ol-tip::before{
content:"";
position:absolute;
left:20px;
top:24px;
width:22px;
height:22px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}
.ol-note{
background-color:var(--sgrp-soft);
border-left:4px solid var(--sgrp-navy);
}
.ol-note::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23002147' stroke-width='2'/%3E%3Cpolygon points='12,3 14,11 12,13 10,11' fill='%23c5b358'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23002147'/%3E%3C/svg%3E");
}
.ol-warn{
background-color:var(--sgrp-warn-bg);
border-left:4px solid var(--sgrp-warn);
}
.ol-warn::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 L22 21 L2 21 Z' fill='none' stroke='%23a5402f' stroke-width='2' stroke-linejoin='round'/%3E%3Crect x='11' y='9' width='2' height='6' fill='%23a5402f'/%3E%3Crect x='11' y='17' width='2' height='2' fill='%23a5402f'/%3E%3C/svg%3E");
}
.ol-tip{
background-color:var(--sgrp-tip-bg);
border-left:4px solid var(--sgrp-gold);
}
.ol-tip::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21 L15 21 L14 9 L10 9 Z' fill='none' stroke='%23b59a2e' stroke-width='1.8'/%3E%3Crect x='10' y='4' width='4' height='5' fill='%23c5b358'/%3E%3Cline x1='12' y1='2' x2='12' y2='4' stroke='%23b59a2e' stroke-width='1.8'/%3E%3C/svg%3E");
}
.ol-keypoints{
background-color:var(--sgrp-soft);
border:1px solid var(--sgrp-line);
border-top:3px solid var(--sgrp-gold);
padding:26px 30px;
margin:34px 0;
border-radius:4px;
}
.ol-kp-title{
font-weight:800;
color:var(--sgrp-navy);
font-size:1.05em;
letter-spacing:0.02em;
margin-bottom:14px;
}
.ol-keypoints ul{
margin:0;
padding-left:20px;
}
.ol-keypoints li{
margin-bottom:8px;
}
.ol-faq{
margin:34px 0;
}
.ol-faq-q{
font-weight:700;
color:var(--sgrp-navy);
font-size:1.06em;
margin:24px 0 8px;
padding-bottom:8px;
border-bottom:1px solid var(--sgrp-line);
}
.ol-faq-a{
color:var(--sgrp-text);
margin:0 0 18px;
line-height:1.8;
}
.ol-table-wrap{
overflow-x:auto;
margin:32px 0;
}
.ol-table{
width:100%;
border-collapse:collapse;
font-size:0.96em;
}
.ol-table th{
background-color:var(--sgrp-navy);
color:#fff;
font-weight:700;
text-align:left;
padding:12px 16px;
}
.ol-table td{
padding:11px 16px;
border-bottom:1px solid var(--sgrp-line);
}
.ol-table tr:nth-child(even) td{
background-color:var(--sgrp-soft);
}
.ol-steps{
counter-reset:sgrp-step;
list-style:none;
margin:30px 0;
padding:0;
}
.ol-steps li{
counter-increment:sgrp-step;
position:relative;
padding-left:48px;
margin-bottom:20px;
line-height:1.75;
}
.ol-steps li::before{
content:counter(sgrp-step);
position:absolute;
left:0;
top:0;
width:32px;
height:32px;
background-color:var(--sgrp-navy);
color:var(--sgrp-gold);
font-weight:800;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}
.ol-ref{
font-size:0.9em;
color:var(--sgrp-muted);
border-top:1px solid var(--sgrp-line);
margin-top:44px;
padding-top:18px;
line-height:1.7;
}
.ol-ref a{
color:var(--sgrp-muted);
text-decoration:underline;
}
@media (max-width:880px){
.blog .site-main,
.archive .site-main,
.search-results .site-main{
grid-template-columns:1fr;
gap:28px;
}
.blog .site-main > article:first-of-type .inside-article{
padding:34px 30px;
}
.blog .site-main > article:first-of-type .entry-title{
font-size:1.6em;
}
.inside-article{
padding:26px 24px;
}
.single .content-area .inside-article,
.page .content-area .inside-article{
padding:30px 24px;
}
.ol-note,
.ol-warn,
.ol-tip{
padding:18px 20px 18px 52px;
}
.ol-keypoints{
padding:20px 22px;
}
.site-info::before{
width:110px;
height:110px;
}
.sgrp-footer{
grid-template-columns:1fr;
gap:28px;
}
}