/*
Theme Name: The Box
Text Domain: the-box
Version: 1.5.3
Requires at least: 4.5
Tested up to: 6.4
Requires PHP: 5.6
Description: Clean and Simple WordPress Theme designed for blogs and online publications. With easy to use options The Box lets you focus on your awesome writing.
Author: Design Lab
Author URI: https://www.designlabthemes.com/
Theme URI: https://www.designlabthemes.com/the-box-wordpress-theme/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, one-column, post-formats, right-sidebar, sticky-post, theme-options, two-columns, translation-ready
*/
/********************************************************************************************************
* Please don't edit this file. You can lose all modifications if the theme is updated.
* Please use Additional CSS via Customizer (since WordPress 4.7) or a child theme. You can overwrite specific style rules in your child theme's 'style.css' file.
* See here more about Child Themes: https://codex.wordpress.org/Child_Themes
********************************************************************************************************/
/*
01: Normalize
02: Layout
03: Typography
04: Elements
05: Navigation
06: Header
07: Content
08: Post Formats
09: Widgets
10: Footer
11: Comments
12: Blocks
13: Additional Styles
14: Responsive
*/
/*
* 01: Normalize
* Styles based on Normalize v7.0.0
*/
html {
font-family: sans-serif;
font-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 0;
}
a {
background-color: transparent;
}
a:focus,
a:active {
outline: 0;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
abbr[title] {
border-bottom: 1px #777 dotted;
text-decoration: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
small {
font-size: 80%;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
border-style: none;
}
img[loading="lazy"] {
animation: fimg-FadeIn 2.5s;
}
@keyframes fimg-FadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
button,
input,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
margin: 0;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
box-sizing: border-box;
}
[hidden] {
display: none;
}
/*
* 02: Layout
*/
body {
background: #f0f3f5;
}
#page {
padding: 0 20px;
margin: auto;
}
.content-area,
.widget-area {
float: none;
width: 100%;
margin: auto;
padding: 0;
}
/* Grid */
.row {
margin: 0 -10px;
padding: 0;
list-style-type: none;
box-sizing: border-box;
}
.col-3, .col-4, .col-6, .col-8, .col-12,
.col-xs-3, .col-xs-4, .col-xs-6, .col-xs-12,
.col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin: 0;
box-sizing: border-box;
}
.col-xs-3, .col-xs-4, .col-xs-6, .col-xs-12 {
float: left;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3334%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-12 {
width: 100%;
}
@media (min-width: 768px) {
.col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12 {
float: left;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3334%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-12 {
width: 100%;
}
}
@media (min-width: 1024px) {
.col-3, .col-4, .col-6, .col-8, .col-12 {
float: left;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.3334%;
}
.col-6 {
width: 50%;
}
.col-8 {
width: 66.6667%;
}
.col-12 {
width: 100%;
}
}
/*
* 03: Typography
*/
body,
button,
input,
select,
textarea {
font-family: 'Oxygen', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.65;
color: #353535;
}
/* Headings */
h1 {
font-size: 1.714em; /* 24px */
line-height: 1.4;
margin: 20px 0 10px;
}
h2 {
font-size: 1.571em; /* 22px */
line-height: 1.4;
font-weight: 700;
margin: 20px 0 10px;
}
h3 {
font-size: 1.286em; /* 18px */
line-height: 1.4;
font-weight: 700;
margin: 20px 0 10px;
}
h4 {
font-size: 1.143em; /* 16px */
font-weight: 700;
margin: 10px 0;
}
h5 {
font-size: 1em;
text-transform: uppercase;
font-weight: 400;
margin: 10px 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child {
margin-top: 0;
}
.site-title {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
font-size: 2em; /* 28px */
font-weight: 700;
line-height: 1.2;
margin: 0;
}
.entry-title {
margin: 0;
font-weight: 400;
color: #252525;
font-size: 1.714em; /* 24px */
}
.page-title {
color: #959595;
font-weight: 400;
}
.page-title span {
color: #0fa5d9;
font-weight: 700;
}
/*
* 04: Elements
*/
.main-navigation,
.site-footer,
.widget-area,
.entry-footer,
.entry-meta {
font-size: 0.929em /* 13px */
}
hr {
background-color: #eee;
border: 0;
height: 1px;
margin: 20px 0;
}
p {
margin: 0 0 20px 0;
}
img {
height: auto;
max-width: 100%;
}
strong {
font-weight: 700;
}
ul, ol {
margin: 0 0 20px 0;
padding: 0 0 0 20px;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
ul li,
ol li {
margin: 0 0 5px 20px;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 20px 20px;
}
b, strong {
font-weight: 700;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
font-style: italic;
margin: 20px 0;
padding: 0 15px;
border-left: 4px solid #ddd;
}
blockquote p {
margin-bottom: 10px;
}
blockquote cite {
font-size: 14px;
font-weight: 700;
font-style: normal;
color: #252525;
line-height: 1.5;
}
address {
margin: 0 0 20px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
padding: 20px;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 20px 0;
width: 100%;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
}
th {
font-weight: 700;
}
thead th {
font-size: 1.143em;
color: #252525;
}
th, td {
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 10px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #0fa5d9;
color: #fff;
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
line-height: 20px;
padding: 10px 24px;
border: none;
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
opacity: 0.75;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type=text],
input[type=email],
input[type=password],
input[type=url],
textarea {
color: #454545;
border: 1px solid rgba(0,0,0,0.07);
margin: 10px 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
color: #252525;
border-color: rgba(0,0,0,0.2);
}
input[type=text],
input[type=email],
input[type=password],
input[type=url] {
padding: 0.5em 1em;
}
textarea {
padding: 10px;
width: 100%;
box-sizing: border-box;
}
#submit {
border: none;
color: #fff;
font-weight: 700;
font-size: 0.929em;
text-transform: uppercase;
}
#submit:hover {
color: #fff;
}
/* Search Form */
.search-form {
position: relative;
}
.search-form label {
display: block;
}
input#s {
height: 40px;
width: 100%;
margin: 0;
padding: 10px 50px 10px 10px;
border: 0;
line-height: 20px;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: none;
-webkit-appearance: none;
}
.entry-content input#s {
border: 1px solid #eee;
}
#search-submit {
position: absolute;
display: block;
right: 0;
top: 0;
width: 50px;
height: 40px;
padding: 6px 0 4px;
margin: 0;
line-height: 1;
text-align: center;
box-sizing: border-box;
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
#search-submit:hover {
opacity: 0.75;
}
.error404 .search-form {
max-width: 66.6667%;
}
/* Make sure embeds and iframes fit their containers */
embed,
object,
iframe {
max-width: 100%;
}
/* Links */
a {
color: #0fa5d9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:focus,
a:active {
outline: 0;
}
h1 a,
h2 a,
h3 a {
color: #252525;
}
.site-title a {
display: inline-block;
color: #252525;
}
.site-title a:hover {
text-decoration: none;
color: #0fa5d9;
}
.entry-title a:hover {
text-decoration: none;
}
.edit-link a {
display: inline-block;
padding: 2px 15px;
text-decoration: none;
font-size: 0.923em;
font-weight: 700;
line-height: 1.5;
color: #0fa5d9;
background-color: #fff;
border: 1px solid #0fa5d9;
border-radius: 64px;
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
.edit-link a:hover {
opacity: .75;
}
.more-link {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
}
.more-link:hover {
text-decoration: underline;
}
/* Alignments */
.alignleft {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
.alignright {
display: inline;
float: right;
margin: 0 0 10px 20px;
}
.aligncenter {
clear: both;
display: block;
margin: 20px auto;
}
/* Clearings */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.main-navigation:before,
.main-navigation:after,
.entry-header:before,
.entry-header:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.widget:before,
.widget:after,
.gallery:before,
.gallery:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after,
.container:after,
.main-navigation:after,
.entry-header:after,
.entry-content:after,
.entry-summary:after,
.widget:after,
.gallery:after {
clear: both;
}
/*
* 05: Navigation
*/
/* Main Navigation */
.main-navigation {
background-color: #0fa5d9;
overflow-wrap: break-word;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
float: left;
position: relative;
padding: 0;
margin: 0;
}
.main-navigation a {
color: #fff;
text-decoration: none;
display: inline-block;
height: 48px;
line-height: 48px;
padding: 0 10px;
}
.main-navigation > div > ul > li > a:hover {
color: #fff;
}
.main-navigation > div > ul > li.menu-item-has-children > a,
.main-navigation > div > ul > li.page_item_has_children > a,
.main-navigation > div ul ul > li.menu-item-has-children > a,
.main-navigation > div ul ul > li.page_item_has_children > a {
padding-right: 18px;
}
.main-navigation > div > ul > li.menu-item-has-children > a:before,
.main-navigation > div > ul > li.page_item_has_children > a:before,
.main-navigation > div ul ul > li.menu-item-has-children > a:before,
.main-navigation > div ul ul > li.page_item_has_children > a:before {
font-family: "icons-font" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 2px;
content: "\69";
font-size: 14px;
width: 14px;
text-align: left;
display: inline-block;
}
.main-navigation > div > ul > li.menu-item-has-children > a:before,
.main-navigation > div > ul > li.page_item_has_children > a:before {
top: 18px;
}
.main-navigation > div ul ul > li.menu-item-has-children > a:before,
.main-navigation > div ul ul > li.page_item_has_children > a:before {
top: 14px;
right: 6px;
}
.main-navigation li:hover a,
.main-navigation li:focus a {
background-color: rgba(255,255,255,0.2);
}
.main-navigation ul ul {
visibility: hidden;
opacity: 0;
width: 180px;
position: absolute;
top: 48px;
left: 0;
z-index: 99999;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.4s ease-in-out 0s;
}
.main-navigation ul ul:after {
border-bottom: 6px solid #fff;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
margin: 0 auto 0 -4px;
position: absolute;
text-align: center;
width: 0;
left: 1em;
top: -6px;
}
.main-navigation > div > ul > li:hover > ul {
visibility: visible;
opacity: 1;
}
.main-navigation ul ul li {
float: none;
margin: 0;
border-top: 1px dashed rgba(0,0,0,0.1);
}
.main-navigation ul ul li:first-child {
border: 0;
}
.main-navigation ul ul a {
color: #656565;
display: block;
height: auto;
line-height: 1.5;
padding: 10px;
background: #fff;
}
.main-navigation ul li:hover ul a,
.main-navigation ul li:focus ul a {
background: #fff;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
color: #0fa5d9;
}
.main-navigation ul ul ul {
display: none;
visibility: visible;
opacity: 1;
left: 100%;
top: 0;
}
.main-navigation ul ul ul:after {
content: none;
}
.main-navigation div ul ul li:hover > ul {
display: block;
}
.main-navigation div ul ul ul li:hover > ul {
display: block;
}
/* Social Icons */
html {
--dl-icon-facebook: url('data:image/svg+xml,');
--dl-icon-feed: url('data:image/svg+xml,');
--dl-icon-flickr: url('data:image/svg+xml,');
--dl-icon-github: url('data:image/svg+xml,');
--dl-icon-instagram: url('data:image/svg+xml,');
--dl-icon-linkedin: url('data:image/svg+xml,');
--dl-icon-medium: url('data:image/svg+xml,');
--dl-icon-pinterest: url('data:image/svg+xml,');
--dl-icon-share: url('data:image/svg+xml,');
--dl-icon-tiktok: url('data:image/svg+xml,');
--dl-icon-tumblr: url('data:image/svg+xml,');
--dl-icon-twitter: url('data:image/svg+xml,');
--dl-icon-xing: url('data:image/svg+xml,');
--dl-icon-youtube: url('data:image/svg+xml,');
}
.social-navigation {
margin: 10px 0 0;
box-sizing: border-box;
}
.social-links {
list-style-type: none;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
}
.social-links li a,
.social-links li {
line-height: 1;
padding: 0;
margin: 0;
}
.social-links a {
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background: #353535;
color: #fff;
text-align: center;
text-decoration: none;
margin: 0;
}
.social-links li:first-child a {
margin-left: 0;
}
.social-links a span:before {
content: none !important;
}
.social-links a span {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: inherit;
line-height: 1;
vertical-align: unset;
width: 16px;
height: 16px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.social-links li a span {
/* Displays default share icon, if no icon is available */
-webkit-mask-image: var(--dl-icon-share);
mask-image: var(--dl-icon-share);
}
.social-links li a[href*="facebook.com"] span {
-webkit-mask-image: var(--dl-icon-facebook);
mask-image: var(--dl-icon-facebook);
}
.social-links li a[href*="feed"] span {
-webkit-mask-image: var(--dl-icon-feed);
mask-image: var(--dl-icon-feed);
}
.social-links li a[href*="flickr.com"] span {
-webkit-mask-image: var(--dl-icon-flickr);
mask-image: var(--dl-icon-flickr);
}
.social-links li a[href*="github.com"] span {
-webkit-mask-image: var(--dl-icon-github);
mask-image: var(--dl-icon-github);
}
.social-links li a[href*="instagram.com"] span {
-webkit-mask-image: var(--dl-icon-instagram);
mask-image: var(--dl-icon-instagram);
}
.social-links li a[href*="linkedin.com"] span {
-webkit-mask-image: var(--dl-icon-linkedin);
mask-image: var(--dl-icon-linkedin);
}
.social-links li a[href*="medium.com"] span {
-webkit-mask-image: var(--dl-icon-medium);
mask-image: var(--dl-icon-medium);
}
.social-links li a[href*="pinterest.com"] span {
-webkit-mask-image: var(--dl-icon-pinterest);
mask-image: var(--dl-icon-pinterest);
}
.social-links li a[href*="tiktok.com"] span {
-webkit-mask-image: var(--dl-icon-tiktok);
mask-image: var(--dl-icon-tiktok);
}
.social-links li a[href*="tumblr.com"] span {
-webkit-mask-image: var(--dl-icon-tumblr);
mask-image: var(--dl-icon-tumblr);
}
.social-links li a[href*="twitter.com"] span {
-webkit-mask-image: var(--dl-icon-twitter);
mask-image: var(--dl-icon-twitter);
}
.social-links li a[href*="xing.com"] span {
-webkit-mask-image: var(--dl-icon-xing);
mask-image: var(--dl-icon-xing);
}
.social-links li a[href*="youtube.com"] span {
-webkit-mask-image: var(--dl-icon-youtube);
mask-image: var(--dl-icon-youtube);
}
.social-links a:hover {
background: #252525;
}
.social-links .rss:hover {
background: #F28A29;
}
.social-links .facebook:hover {
background: #1778f2;
}
.social-links .instagram:hover {
background: #f00075;
}
.social-links .linkedin:hover {
background: #007bb6;
}
.social-links .medium:hover {
background: #000;
}
.social-links .flickr:hover {
background: #ff0084;
}
.social-links .github:hover {
background: #121111;
}
.social-links .pinterest:hover {
background: #cb2027;
}
.social-links .tiktok:hover {
background: #000;
}
.social-links .tumblr:hover {
background: #001935;
}
.social-links .twitter:hover {
background: #000;
}
.social-links .xing:hover {
background: #1A7576;
}
.social-links .youtube:hover {
background: #bb0000;
}
/* Menu toggle */
.menu-toggle {
display: none;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
text-decoration: none;
color: #151515;
padding: 0;
margin: 0;
background-color: transparent;
border: 0;
border-radius: 0;
text-align: center;
cursor: pointer;
}
.menu-toggle:hover,
.menu-toggle:active {
background-color: transparent;
opacity: 1;
}
/* Button toggle */
.button-toggle {
display: block;
background-color: #151515;
height: 3px;
opacity: 1;
position: absolute;
transition: opacity 0.3s ease 0s, background 0.3s ease 0s;
width: 24px;
z-index: 20;
left: 8px;
top: 20px;
border-radius: 2px;
}
.button-toggle:before {
content: "";
height: 3px;
left: 0;
position: absolute;
top: -7px;
transform-origin: center center 0;
transition: transform 0.3s ease 0s, background 0.3s ease 0s;
width: 24px;
background-color: #151515;
border-radius: inherit;
}
.button-toggle:after {
bottom: -7px;
content: "";
height: 3px;
left: 0;
position: absolute;
transform-origin: center center 0;
transition: transform 0.3s ease 0s, background 0.3s ease 0s;
width: 24px;
background-color: #151515;
border-radius: inherit;
}
.toggled-on .button-toggle {
background-color: transparent;
}
.toggled-on .button-toggle:before,
.toggled-on .button-toggle:after {
opacity: 1;
background-color: #fff;
}
.toggled-on .button-toggle:before {
transform: translate(0px, 7px) rotate(-45deg);
}
.toggled-on .button-toggle:after {
transform: translate(0px, -7px) rotate(45deg);
}
/* Mobile Navigation */
@media (max-width: 480px) {
.mobile-navigation {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
#site-navigation-sticky-wrapper,
#site-navigation {
display: none;
}
.menu-toggle {
display: block;
z-index: 1000;
border: 0;
border-radius: 0;
text-decoration: none;
text-align: center;
}
.mobile-navigation {
display: block;
background-color: #151515;
height: 100vh;
opacity: 0;
overflow-y: auto;
overflow-x: hidden;
padding: 60px 40px 40px;
font-size: 16px;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
transition: .3s;
box-sizing: border-box;
}
.admin-bar .mobile-navigation {
padding-top: 100px;
}
.mobile-navigation ul {
list-style-type: none;
}
.mobile-navigation ul li {
display: block;
margin: 0;
}
.mobile-navigation ul ul {
margin: 0;
padding: 0 0 0 20px;
opacity: 0;
visibility: hidden;
max-height: 0;
transition: .4s ease-in-out;
}
.mobile-navigation .home-link {
float: none;
padding: 0 10px;
}
.mobile-navigation .home-link a {
color: #fff;
}
.mobile-navigation .icon-home {
font-size: 18px;
}
.mobile-nav-menu {
padding: 0;
margin: 0;
}
.mobile-nav-menu .icon-home {
font-size: 18px;
}
.mobile-nav-menu > li {
border-bottom: 1px solid rgba(255,255,255,.1);
}
.mobile-nav-menu a {
display: inline-block;
width: auto;
height: auto;
padding: 15px 10px;
line-height: 1.5;
color: #ddd;
background: transparent;
text-decoration: none;
border: 0;
}
.mobile-nav-menu a:hover {
text-decoration: none;
}
.mobile-nav-menu ul a {
padding-left: inherit;
}
.mobile-nav-menu a:hover {
background-color: #151515;
color: #fff;
}
.mobile-navigation.toggled-on {
opacity: 1;
visibility: visible;
}
.mobile-nav-open {
overflow: hidden;
}
.mobile-navigation li.toggle-on > a ~ ul {
opacity: 1;
visibility: visible;
max-height: 1024px;
}
.mobile-navigation .dropdown-toggle {
display: inline-block;
position: relative;
padding: 10px;
color: #fff;
vertical-align: middle;
cursor: pointer;
}
.mobile-navigation .dropdown-toggle:before {
border-color: currentcolor;
border-style: solid;
border-width: 0 2px 2px 0;
border-radius: 2px;
content: "";
height: 7px;
width: 7px;
position: absolute;
right: 6px;
top: 4px;
transform: rotate(45deg);
}
.mobile-navigation .toggle-on > .dropdown-toggle:before {
transform: rotate(-135deg);
}
.mobile-navigation .social-links {
margin: 0;
padding: 10px;
}
.mobile-navigation .social-links li a {
width: 30px;
height: 30px;
border-radius: 30px;
text-decoration: none;
background-color: #fff;
color: #151515;
}
.mobile-navigation .social-links a span {
width: 18px;
height: 18px;
}
}
@media (min-width: 769px) {
.mobile-navigation {
display: none;
}
}
/* Footer Navigation */
.footer-navigation .menu li,
.footer-navigation .menu li a {
display: inline-block;
}
.footer-navigation .menu {
margin: 0;
padding: 0;
}
.footer-navigation .menu li {
margin: 0 0 0 0.5em;
}
.footer-navigation .menu li:first-child {
margin-left: 0;
}
/* Post Navigation */
.navigation {
overflow: hidden;
clear: both;
}
.post-navigation {
margin: 0 0 20px;
overflow: hidden;
padding: 15px 20px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.post-navigation .nav-previous,
.post-navigation .previous-image {
float: left;
width: 50%;
}
.post-navigation .nav-next,
.post-navigation .next-image {
float: right;
text-align: right;
width: 50%;
}
/* Pagination */
.pagination {
margin: 0 0 20px 0;
padding: 0;
}
.pagination .nav-links {
clear: both;
list-style-type: none;
margin: 0;
padding: 0;
}
.pagination .nav-links a,
.pagination .nav-links span {
display: block;
float: left;
height: 35px;
min-width: 35px;
margin: 0 5px 5px 0;
padding: 0 10px;
text-align: center;
font-size: 12px;
line-height: 35px;
background-color: #fff;
color: #777;
box-sizing: border-box;
border: 1px solid #ddd;
}
.pagination .nav-links .current,
.pagination .nav-links .current:hover,
.pagination .nav-links a:hover {
border-color: transparent;
text-decoration: none;
color: #fff;
background: #0fa5d9;
}
.pagination .icon-font {
vertical-align: middle;
}
/*
* 06: Header
*/
.site-header {
position: relative;
}
.site-brand {
position: relative;
margin: 20px 0;
}
.site-brand h1 a {
text-decoration: none;
outline: none;
margin: auto
}
.site-description {
color: #959595;
color: rgba(0,0,0,0.5);
margin: 5px 0 0;
font-size: 1em;
font-weight: 400;
}
.header-image {
display: none;
}
.header-ads {
margin: 0 auto 20px;
text-align: center;
}
.header-ads img {
display: block;
margin: auto;
}
/*
* 07: Content
*/
.site-main {
margin: 20px 0;
}
.hentry,
.no-results {
margin: 0 0 20px 0;
padding: 0;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.entry-header {
position: relative;
padding: 15px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.entry-title,
.entry-meta {
box-sizing: border-box;
}
.entry-meta,
.entry-meta a {
color: #959595;
}
.entry-meta a:hover {
color: #0fa5d9;
}
.entry-time {
display: none;
}
.entry-content,
.entry-summary {
padding: 20px;
overflow-wrap: break-word;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-footer {
padding: 15px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.07);
color: #959595;
}
.entry-content > *:last-child,
.entry-summary > *:last-child,
.entry-footer > *:last-child {
margin-bottom: 0;
}
.posted-on,
.byline,
.comments-link,
.cat-links,
.tags-links {
padding-right: 0.5em;
display: inline-block;
}
.posted-on,
.byline,
.comments-link {
margin-top: 10px;
}
.sep {
display: inline-block;
padding: 0 0.5em;
color: #b5b5b5;
}
.cat-links + .tags-links,
.cat-links + .edit-link,
.tags-links + .edit-link,
.comments-link + .edit-link {
margin-left: 0.5em;
}
.post-thumbnail img {
display: block;
margin: 0 auto 15px;
max-width: 100%;
height: auto;
}
.updated:not(.published) {
display: none;
}
/* Icons */
.icon-font {
font-size: 14px;
display: inline-block;
vertical-align: -10%;
}
.entry-meta .icon-font {
vertical-align: -5%;
}
.entry-footer .icon-font {
color: #0fa5d9;
}
/* Single Posts and Pages */
.page-header {
background-color: #FFFFFF;
margin: 0 0 20px 0;
padding: 15px 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.page-header h1 {
font-size: 0.857em; /*12px*/
text-transform: uppercase;
margin: 0;
padding: 0;
}
.page-header .taxonomy-description {
margin: 10px 0 0;
}
.page-header .taxonomy-description p {
margin-bottom: 10px;
}
.page-header .taxonomy-description *:last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-links > a,
.page-links > span {
padding: 0 0.25em;
display: inline-block;
}
/* Featured Image on Single Post */
.featured-image {
margin-bottom: 20px;
}
.featured-image img {
margin: auto;
display: block;
}
/* Galleries */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.gallery-item {
display: inline-block;
padding: 0 10px;
margin: 0 0 1.5em 0;
text-align: center;
vertical-align: top;
width: 100%;
box-sizing: border-box;
}
.gallery-item img {
display: block;
max-width: 100%;
height: auto;
border: none;
}
#content .gallery-icon img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border: none;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
/* Captions */
.wp-caption {
border: 0;
margin: 0 0 1.5em 0;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #757575;
font-size: 0.929em;
margin-top: 0.5em;
}
.gallery-caption {
color: #757575;
display: block;
font-size: 0.929em;
margin: 0;
padding-top: 0.5em;
}
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #10c0cc;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/* Author bio */
.author-info {
background-color: #fff;
margin: 0 0 20px;
padding: 15px 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
font-size: 0.929em;
}
.author-info:before,
.author-info:after {
content: none;
}
.author-avatar {
max-width: 80px;
margin: 0 auto 20px;
}
.author-avatar img {
border-radius: 50%;
}
.author-title {
clear: none;
margin: 0 0 10px;
text-align: center;
font-weight: 700;
}
.author-description p:last-child {
margin-bottom: 0;
}
/*
* 08: Posts Formats
*/
.format-quote .entry-summary blockquote {
margin: 0;
}
.format-image .entry-summary img {
margin: 0
}
.format-status .entry-summary,
.format-quote .entry-summary {
position: relative;
}
.format-status .entry-summary p {
margin-bottom: 10px;
}
.format-status .posted-on a {
color: #959595;
}
.entry-format-icon {
display: none;
}
/* Posts Formats Icons */
.entry-format-icon {
line-height: 48px;
}
.entry-format-icon:before {
font-family: "icons-font" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 21px;
text-align: center;
color: #fff;
vertical-align: middle;
}
.sticky .entry-time-day,
.sticky .entry-time-month,
.format-image .entry-time-day,
.format-image .entry-time-month,
.format-gallery .entry-time-day,
.format-gallery .entry-time-month,
.format-link .entry-time-day,
.format-link .entry-time-month,
.format-quote .entry-time-day,
.format-quote .entry-time-month,
.format-video .entry-time-day,
.format-video .entry-time-month {
display: none;
}
.sticky .entry-format-icon,
.format-image .entry-format-icon,
.format-gallery .entry-format-icon,
.format-link .entry-format-icon,
.format-quote .entry-format-icon,
.format-video .entry-format-icon,
.format-status .entry-format-icon {
display: block;
}
.sticky .entry-format-icon:before {
content: "\73";
}
.format-image .entry-format-icon:before {
content: "\74";
}
.format-gallery .entry-format-icon:before {
content: "\55";
}
.format-video .entry-format-icon:before {
content: "\75";
}
.format-link .entry-format-icon:before {
content: "\51";
}
.format-quote .entry-format-icon:before {
content: "\61";
}
.format-status .entry-format-icon:before {
content: "\76";
}
/*
* 09: Widgets
*/
.widget {
margin: 0 0 20px;
padding: 15px 20px;
color: #757575;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
overflow-wrap: break-word;
}
.widget-title {
color: #353535;
font-size: 1.154em;
margin: 0 0 10px 0;
line-height: 1.4;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget li {
margin: 0;
padding: 0.5em 0;
list-style-type: none;
}
.widget *:last-child {
margin-bottom: 0;
}
.widget_archive li a:before,
.widget_links li a:before,
.widget_categories li a:before,
.widget_meta li a:before,
.widget_recent_entries li a:before,
.widget_recent_comments li .comment-author-link:before {
font-family: "icons-font" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 14px;
width: 14px;
text-align: left;
display: inline-block;
vertical-align: -15%;
}
.widget_archive li a:before,
.widget_links li a:before,
.widget_categories li a:before,
.widget_meta li a:before,
.widget_recent_entries li a:before {
content: "\66";
}
.widget_recent_entries.widget_block li a:before {
content: none;
}
.widget_recent_comments li .comment-author-link:before {
content: "\4a";
padding-right: 0.25em;
}
.widget select {
max-width: 100%;
}
/* Image Widget */
.widget_media_image img {
display: block;
}
/* Text Widget */
.widget_text p {
margin-bottom: 10px;
}
.widget_text img.aligncenter {
margin: 10px auto;
}
/* Calendar Widget */
.widget_calendar table {
margin: 0;
}
.widget_calendar caption {
color: #353535;
font-size: 1.154em;
margin-bottom: 15px;
font-weight: 700;
text-align: left;
}
/* Comments Widget */
.widget_recent_comments a {
color: #999;
}
.widget_recent_comments li a.url:before {
content: "J";
padding-right: 0.25em;
}
.sidebar .widget_recent_comments a.url {
color: #0FA5D9;
}
/* Tag Cloud Widget */
.widget_tag_cloud a {
display: inline-block;
padding: 1px 10px;
margin: 0 0 5px 0;
font-size: 1em !important;
line-height: 1.4;
border: 1px solid rgba(255,255,255,.05);
border-radius: 3px;
background-color: transparent;
}
/* Footer Widgets */
#tertiary {
border-bottom: 1px solid rgba(255,255,255,0.05);
margin: 0 0 20px 0;
}
#tertiary .widget {
width: 100%;
padding: 0;
margin-bottom: 20px;
border: none;
background: transparent;
color: #ccc;
box-shadow: none;
box-sizing: border-box;
}
#tertiary .widget-title {
font-size: 0.923em;
text-transform: uppercase;
color: #fff;
}
#tertiary .widget ul {
margin: 0;
padding: 0;
}
#tertiary .widget li {
list-style-type: none;
padding: 0;
margin: 0.5em 0;
}
#tertiary .widget_archive li a:before,
#tertiary .widget_links li a:before,
#tertiary .widget_categories li a:before,
#tertiary .widget_meta li a:before,
#tertiary .widget_recent_entries li a:before {
content: none;
}
#tertiary .widget_search input#s {
width: 100%;
}
#tertiary table,
#tertiary th,
#tertiary td {
border-color: #555;
}
#tertiary .widget_calendar caption {
font-size: 0.923em;
text-transform: uppercase;
color: #fff;
}
#tertiary thead th {
background: #252525;
}
/*
* 10: Footer
*/
.site-footer {
clear: both;
color: rgba(255, 255, 255, 0.85);
padding: 20px;
background: #252525;
}
.site-footer a {
color: #fff;
}
.credits,
.footer-navigation {
text-align: center;
}
.credits {
margin-bottom: 10px;
}
/*
* 11: Comments
*/
.comments-area {
margin: 20px 0;
padding: 15px 20px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"],
.comments-area textarea {
border-radius: 0;
box-shadow: none;
display: block
}
.comments-area h2,
.comments-area h3 {
color: #353535;
margin-bottom: 10px;
}
.comments-area label {
display: inline-block;
font-weight: 700;
}
.comment-respond > h3:first-child {
margin-top: 0;
}
.form-allowed-tags {
display: none;
}
.commentlist {
margin: 1.5em 0;
padding: 0;
}
.commentlist li {
list-style-type: none;
margin: 0 0 1.5em 0;
}
.comment .avatar {
float: left;
margin-right: 20px;
border-radius: 64px;
}
.comment-content {
clear: both;
padding: 0.5em 0
}
.comment-content p:last-child {
margin: 0;
}
.comment .fn {
font-style: normal;
font-weight: 700;
}
.bypostauthor {}
/*
* 12: Blocks
*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.125em;
}
/* Captions */
[class^="wp-block-"] figcaption {
display: block;
margin: 10px 0 0;
font-size: 14px;
text-align: center;
line-height: 1.5;
color: #959595;
box-sizing: border-box;
}
/* Image */
.wp-block-image {
margin-bottom: 20px;
}
.wp-block-image img {
display: block;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
margin: 0 auto 20px;
}
.wp-block-image .aligncenter {
clear: both;
margin: 20px auto;
}
@media screen and (min-width: 480px) {
.wp-block-image .alignleft {
margin: 0 20px 5px 0;
}
.wp-block-image .alignright {
margin: 0 0 5px 20px;
}
}
/* Cover Image */
.wp-block-cover-image,
.wp-block-cover {
margin: 20px auto;
}
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child,
.wp-block-cover .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
/* Gallery */
.wp-block-gallery {
margin-left: 0;
}
/* Buttons */
.wp-block-button {
margin-bottom: 2em;
}
.wp-block-button__link,
.wp-block-file .wp-block-file__button {
background: #353535;
font-weight: 700;
line-height: 20px;
border-radius: 0;
}
.wp-block-button__link {
padding: 10px 24px;
font-size: 1em;
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
.wp-block-button__link:hover {
text-decoration: none;
opacity: 0.75;
}
.wp-block-file .wp-block-file__button {
padding: 8px 16px;
font-size: 14px;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.wp-block-button.is-style-outline {
color: #353535;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: none;
border-color: currentColor;
padding: 8px 22px;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: inherit;
}
/* Separator */
.wp-block-separator {
color: #353535;
border: 0;
}
.wp-block-separator:not(.is-style-wide) {
background-color: #353535;
}
.wp-block-separator:not(.is-style-dots) {
height: 2px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide) {
max-width: 80px;
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-dots:before {
background-color: transparent;
font-size: 2em;
letter-spacing: 2em;
padding-left: 2em;
}
/* Quote */
.wp-block-quote.has-text-align-center {
border-left: 0;
padding: 0 20px;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 30px auto;
}
/* Media & Text */
.wp-block-media-text {
margin-bottom: 20px;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/* Columns */
.wp-block-columns {
margin-bottom: 30px;
}
/* Audio */
.wp-block-audio audio {
display: block;
width: 100%;
}
/* Widgets */
.wp-block-latest-posts,
.wp-block-latest-comments {
padding-left: 0;
margin-left: 0;
}
.wp-block-categories {
margin-left: 0;
}
.entry-content .wp-social-link a,
.entry-content .wp-social-link a:hover,
.entry-content .wp-social-link a:active,
.entry-content .wp-social-link a:visited,
.entry-content .wp-social-link svg {
color: currentColor;
}
/* Colors & Font sizes */
.entry-content .has-black-color {
color: #000;
}
.entry-content .has-dark-gray-color {
color: #252525;
}
.entry-content .has-medium-gray-color {
color: #353535;
}
.entry-content .has-light-gray-color {
color: #959595;
}
.entry-content .has-white-color {
color: #fff;
}
.entry-content .has-black-background-color {
background-color: #000;
}
.entry-content .has-dark-gray-background-color {
background-color: #252525;
}
.entry-content .has-medium-gray-background-color {
background-color: #353535;
}
.entry-content .has-light-gray-background-color {
background-color: #959595;
}
.entry-content .has-white-background-color {
background-color: #fff;
}
.has-small-font-size {
font-size: 14px;
}
.has-regular-font-size {
font-size: 16px;
}
.has-large-font-size {
font-size: 24px;
line-height: 1.4;
}
.has-larger-font-size {
font-size: 32px;
line-height: 1.4;
}
/*
* 13: Additional Styles
*/
/* No Sidebar Template */
.page-template-no-sidebar .content-area,
.page-template-no-sidebar.site-paged .content-area {
width: 100%;
max-width: 100%;
float: none;
}
/* One Column Layout */
.one-column .content-area,
.one-column.site-paged .content-area {
width: 100%;
max-width: 100%;
float: none;
}
/* Two Columns Grid Layout */
.grid2 .posts-loop .entry-time,
.grid2-sidebar .posts-loop .entry-time {
display: none;
}
.grid2 .post-thumbnail img,
.grid2-sidebar .post-thumbnail img {
max-width: 100%;
margin: 0 auto 10px;
}
.grid2 .posts-loop .entry-title,
.grid2-sidebar .posts-loop .entry-title {
padding: 0;
font-size: 1.429em;
}
.grid2 .posts-loop .entry-meta,
.grid2-sidebar .posts-loop .entry-meta {
padding: 0;
}
.grid2 .posts-loop .entry-header,
.grid2-sidebar .posts-loop .entry-header {
padding: 20px 20px 10px;
}
.grid2 .entry-summary,
.grid2-sidebar .entry-summary {
padding-top: 10px;
padding-bottom: 10px;
}
.grid2 .posts-loop .entry-footer,
.grid2-sidebar .posts-loop .entry-footer {
padding-top: 10px;
padding-bottom: 10px;
}
.grid2.site-paged .posts-loop .hentry > *,
.grid2-sidebar.site-paged .posts-loop .hentry > * {
padding: 0;
}
/* WooCommerce */
.woocommerce .woocommerce-content {
margin: 0;
padding: 20px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
overflow-wrap: break-word;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 20px;
}
.woocommerce .product .summary {
padding: 0;
}
.woocommerce-products-header .page-title {
color: #353535;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 0;
margin: 10px 0;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 60px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .products ul,
.woocommerce ul.products {
margin-bottom: 20px;
}
/*
* 14: Responsive
*/
/* Large Mobile */
@media screen and (min-width: 480px) {
/* Header */
.header-image {
display: block;
text-decoration: none;
margin-top: 20px;
}
.header-image img {
display: block;
max-width: 100%;
height: auto;
}
}
/* Small Tablet */
@media screen and (min-width: 600px) {
/* Layout */
#page {
padding: 0 30px;
}
/* Layout Options */
.one-column .post-thumbnail .size-medium {
max-width: 50%;
}
/* Author bio */
.author-info {
display: flex;
gap: 20px;
}
.author-avatar {
flex-basis: 80px;
flex-grow: 0;
margin: 0;
}
.author-description {
flex: 1 1 0;
}
.author-title {
margin: 0 0 5px;
text-align: left;
}
}
/* Large Tablet */
@media screen and (min-width: 768px) {
/* Layout */
#page {
max-width: 740px;
padding: 0 40px;
}
/* Content */
.entry-title,
.entry-meta {
padding-right: 60px;
}
.entry-time {
display: block;
position: absolute;
width: 48px;
height: 48px;
right: 20px;
top: 15px;
background-color: rgba(15,165,217,0.75);
border-radius: 24px;
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
.entry-time-day {
display: block;
line-height: 1;
padding: 8px 0 3px;
}
.entry-time-month {
border-top: 1px solid rgba(255, 255, 255, 0.2);
display: inline-block;
line-height: 1;
padding: 3px 0 0;
}
.post .entry-header {
min-height: 48px;
}
/* Footer */
.credits {
text-align: left;
}
.footer-navigation {
text-align: right;
}
.credits,
.footer-navigation {
margin: 10px 0;
}
/* Layout Options */
.grid2 .posts-loop .row > div:nth-child(2n+1),
.grid2-sidebar .posts-loop .row > div:nth-child(2n+1) {
clear: left;
}
}
/* Tablet & Small Desktop */
@media screen and (min-width: 1024px) {
/* Layout */
#page {
margin: auto;
padding: 0;
max-width: 980px;
}
.content-area {
width: 65.3062%; /* 640px */
float: left;
}
.widget-area {
width: 30.6123%; /* 300px */
float: right;
}
/* Layout Options */
.sidebar-content .content-area {
float: right;
}
.sidebar-content .widget-area {
float: left;
}
.one-column .post-thumbnail .size-medium {
max-width: 300px;
}
}
@media (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
/* Header */
.site-brand .col-6 {
width: 100%;
float: none;
}
.site-logo,
.site-title {
padding-right: 60px;
}
.site-brand {
margin-bottom: 0;
}
.social-navigation {
width: 100%;
float: none;
padding: 0;
}
.social-links {
justify-content: flex-start;
}
}