body.single-post{ .gallery{ display:grid; grid-template-columns:33.333% 33.333% 33.333%; gap:1rem 1rem; @media (max-width: 991px) { grid-template-columns:auto; } img{ width:100%; height:auto; } } .inner-xs{ max-width:54rem; margin:0 auto; } .content{ color:#636363; padding:6rem 0 0 0; h2{ font-size:4rem; } h3{ font-size:3.5rem; } h4{ font-size:3rem; } h5{ font-size:2.5rem; } h6{ font-size:2rem; } @media (max-width: 991px) { padding-top:2rem; h2{ font-size:3rem; } h3{ font-size:2.5rem; } h4{ font-size:2rem; } h5{ font-size:1.8rem; } h6{ font-size:1.6rem; } } p{ margin-bottom:2rem; } a:hover{ text-decoration:underline; } a{ color:#AB902C; text-decoration:none; } li:before{ content:''; display:inline-block; vertical-align:middle; width:.2rem; height:1.125rem; background:var(--gold-color); margin-right:1.7rem; transform: skew(-20deg); } li{ padding:.3rem 0 .3rem 4rem; @media (max-width: 991px) { padding-left:0; } } ul,ol{ margin-bottom:2rem; padding:1rem 0; } } .header:before{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:#161408; opacity:.5; } .header{ position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; height:50rem; @media (max-width: 991px) { height:auto; padding-bottom:3rem; } .cntnt{ position:relative; color:#fff; .toolbar{ margin-bottom:9rem; padding:4.5rem 0; a:hover{ color:var(--gold-color); text-decoration:none; } a{ color:#fff; text-decoration:none; transition:color 150ms; font-size: 1rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.1rem; text-transform:uppercase; svg{ width: 1.6875rem; height: 1.625rem; display:inline-block; vertical-align:middle; margin:-.3rem .2rem 0 0; } } @media (max-width: 991px) { margin-bottom:0; padding:3rem 0; } } h1{ color: #EDEDEB; font-family: Cosen; font-size: 3.125rem; font-style: normal; font-weight: 700; line-height: 3.125rem; /* 100% */ text-transform: uppercase; margin-bottom:2rem; @media (max-width: 991px) { font-size:2rem; line-height:1.3; } } .date-p:before{ content:''; display:block; position:absolute; left:3rem; top:6rem; height:8rem; border-left:1px solid #fff; @media (max-width: 991px) { display:none; } } .date-p{ position:relative; .date:before{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; transform: skew(-20deg); } .date{ color:#161408; position:relative; font-size:0.75rem; padding:.5rem .8rem; display:inline-block; span{ position:relative; } } } } } }