| Current File : /home/tsgmexic/4pie.com.mx/wp-content/themes/travelscape/style.css |
/*!
Theme Name: Travelscape
Theme URI: https://wptravelkit.com/travelscape-wordpress-theme/
Author: WP Travel Kit
Author URI: https://wptravelkit.com/
Description: Travelscape is a free tour and travel booking WordPress theme designed specifically for travel agencies. It utilizes the WP Travel Engine, the most popular travel booking plugin. Travelscape combines a visually appealing design with user-friendly features. This theme ensures a mobile-friendly and responsive interface, guaranteeing a captivating experience on any device. The one-click demo import feature expedites the setup process, importing default content and layouts with a single click. Highlighting best seller packages, featured trips, and adventure activities on the homepage, Travelscape engages visitors and encourages hassle-free bookings. Moreover, it is compatible with Elementor and Gutenberg, offering more flexibility to customize your website. View theme demo here: https://preview.wptravelkit.com/travelscape/
Version: 1.0.3
Tested up to: 6.4
Requires PHP: 5.6
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: travelscape
Tags: one-column, two-columns, right-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, translation-ready, food-and-drink, holiday, entertainment
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Travelscape is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
# Layouts
# Components
- Site Header
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
- Scroll to Top
- Error 404
- Site Footer
# plugins
-
# Utilities
- Accessibility
- Alignments
# Media Queries
- Mobile
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: var(--body-color);
font-family: var(--font-family);
font-weight: var(--font-weight);
line-height: var(--line-height);
font-size: var(--font-size);
text-transform: var(--text-transform);
text-align: var(--text-align);
}
h1 {
clear: both;
font-family: var(--font-family-h1);
font-weight: var(--font-weight-h1);
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
text-transform: var(--text-transform-h1);
text-align: var(--text-align-h1);
}
h2 {
clear: both;
font-family: var(--font-family-h2);
font-weight: var(--font-weight-h2);
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
text-transform: var(--text-transform-h2);
text-align: var(--text-align-h2);
}
h3 {
clear: both;
font-family: var(--font-family-h3);
font-weight: var(--font-weight-h3);
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
text-transform: var(--text-transform-h3);
text-align: var(--text-align-h3);
}
h4 {
clear: both;
font-family: var(--font-family-h4);
font-weight: var(--font-weight-h4);
font-size: var(--font-size-h4);
line-height: var(--line-height-h4);
text-transform: var(--text-transform-h4);
text-align: var(--text-align-h4);
}
h5 {
clear: both;
font-family: var(--font-family-h5);
font-weight: var(--font-weight-h5);
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
text-transform: var(--text-transform-h5);
text-align: var(--text-align-h5);
}
h6 {
clear: both;
font-family: var(--font-family-h6);
font-weight: var(--font-weight-h6);
font-size: var(--font-size-h6);
line-height: var(--line-height-h6);
text-transform: var(--text-transform-h6);
text-align: var(--text-align-h6);
}
p {
margin-bottom: 1.5em;
font-family: var(--font-family);
font-weight: var(--font-weight);
font-size: var(--font-size);
line-height: var(--line-height);
text-transform: var(--text-transform);
text-align: var(--text-align);
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted var(--body-color);
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
background: var(--base-color);
}
hr {
background-color: var(--body-color);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 1.5em 0 0;
}
ul {
list-style: disc;
line-height: 1.6em;
}
ol {
list-style: decimal;
line-height: 1.6em;
}
li {
margin-bottom: .5em;
}
li > ul,
li > ol {
margin-bottom: 0.5em;
margin-left: .5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: var(--primary-color);
text-decoration: none;
}
a:visited {
color: var(--secondary-color);
}
a:hover,
a:focus,
a:active {
color: var(--primary-color);
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Forms
--------------------------------------------- */
form label {
font-size: 0.85em;
font-weight: 400;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-radius: 3px;
background: var(--primary-color);
color: var(--primary-color-inverse);
line-height: 1em;
font-size: 15px;
padding: 10px 15px;
text-align: center;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: var(--body-color);
border-radius: 3px;
padding: 3px;
border: 1px solid var(--primary-border-color);
background-color: #fff;
box-shadow: 0px 10px 15px -21px rgba(0,0,0,0.1);
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline: none;
border: 1px solid var(--primary-color);
}
select {
border-radius: 3px;
border: 1px solid var(--primary-border-color);
background-color: #fff;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container{
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
}
@media (min-width:576px){
.container{
max-width:540px;
}
}
@media (min-width:768px){
.container{
max-width:720px;
}
}
@media (min-width:992px){
.container{
max-width:960px;
}
}
@media (min-width:1200px){
.container{
max-width:1290px;
}
}
@media (min-width:576px){
.container,.container-sm{
max-width:540px;
}
}
@media (min-width:768px){
.container,.container-md,.container-sm{
max-width:720px;
}
}
@media (min-width:992px){
.container,.container-lg,.container-md,.container-sm{
max-width:960px;
}
}
@media (min-width:1200px){
.container,.container-lg,.container-md,.container-sm,.container-xl{
max-width:1320px;
}
body.travelscape-container-flow .container.post-wrap {
max-width:100%;
width:100%;
}
}
.row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap: wrap;
margin-right:-15px;
margin-left:-15px
}
.no-wrap {
flex-wrap: nowrap;
}
/* Content Area
--------------------------------------------- */
.site-main {
}
body.travelscape-content-no-padding .site-main {
padding: 0;
}
#primary {
padding-top: 25px;
padding-bottom: 25px;
width: calc(100% - var(--bc-sidebar-width));
}
.page #primary,
.single #primary {
margin: 0 auto;
margin-top: 25px;
padding: 0 20px;
max-width: 100%;
margin-bottom: 32px;
}
body.travelscape-content-no-padding.page #primary,
body.travelscape-content-no-padding.single #primary {
padding: 0;
margin: 0 auto;
}
body.travelscape-no-sidebar #primary {
width: 52rem;
margin: 0 auto;
}
body.travelscape-container-flow #primary {
width: 100%;
}
body.travelscape-content-no-padding .page-content,
body.travelscape-content-no-padding .entry-content {
margin: 0;
}
/* Sidebar
--------------------------------------------- */
#secondary {
width: var(--bc-sidebar-width);
padding: 35px 30px;
}
/* Sidebar Position */
body.travelscape-right-sidebar #primary {
order: 0;
padding-right: 30px;
}
body.travelscape-right-sidebar #secondary {
order: 1;
border-left: 0.5px solid var(--primary-border-color);
}
body.travelscape-left-sidebar #primary {
order: 1;
padding-left: 30px;
}
body.travelscape-left-sidebar #secondary {
order: 0;
border-right: 0.5px solid var(--primary-border-color);
}
body.travelscape-right-sidebar.page #primary,
body.travelscape-right-sidebar.single #primary {
padding-right: 30px;
padding-left: 0;
}
body.travelscape-left-sidebar.page #primary,
body.travelscape-left-sidebar.single #primary {
padding-right: 0px;
padding-left: 30px;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Site Header
--------------------------------------------- */
.site-header {
top: 0; /* required */
margin: 0;
z-index: 20;
position: relative;
background-color: var(--base-color);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
padding: 0px 0;
border-bottom: 0.5px solid var(--primary-border-color);
}
.travelscape-header .travelscape-header-top {
padding: 10px 0;
border-bottom: 0.5px solid var(--primary-border-color);
font-size: var(--wp--preset--font-size--x-small);
}
.site-header .travelscape-header-top .custom-logo {
margin-top: 0px;
margin-bottom: 0px;
padding: 15px 0;
}
.site-header .menu-toggle svg {
color: var(--primary-color);
fill: var(--primary-color);
}
/* Header Top
--------------------------------------------- */
.travelscape-header-top .row {
align-items: center;
justify-content: space-between;
}
.travelscape-header-top-left {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.9em;
column-gap: 10px;
}
.travelscape-header-top-left a:nth-child(2) {
border-left: 1px solid var(--primary-border-color);
padding-left: 10px;
line-height: 1.1em;
}
.travelscape-header-top-right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-left: auto;
font-size: 0.9em;
}
.travelscape-header-top a {
color: var(--heading-color);
}
.travelscape-header-top a:hover {
color: var(--heading-color);
text-decoration: underline;
}
.travelscape-header-bottom {
padding: 15px 0;
}
.travelscape-header-bottom .header-mobile {
display: none;
}
.travelscape-header-bottom .row {
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.travelscape-header.layout-one .site-branding {
}
.site-header .site-branding h1 {
margin:0px;
font-weight: 400;
font-size: 30px;
line-height: 1.6;
text-transform: none;
text-align: center;
}
.site-header .site-branding p a,
.site-header .site-branding h1 a, visited {
color:var(--black-color);
font-weight: 400;
font-size: 30px;
line-height: 1.6;
}
.site-header .site-branding p {
font-size:14px;
margin:0px;
font-size: 14px;
line-height: 1.6;
text-transform: none;
text-align: center;
}
.site-header .site-branding .custom-logo {
max-width:100%;
height:auto;
width: 124px;
}
.site-header .search-form {
display: flex;
border: 1px solid var(--primary-border-color);
border-radius: 3px;
padding: 5px;
}
.site-header .search-form label {
width:100%;
display:block;
}
.site-header .search-form input {
width:180px;
display:block;
font-size: 13px;
padding: 5px 10px;
border: none;
border-radius: 3px;
}
.site-header .search-form .search-submit {
width: auto;
background-color: var(--primary-color);
color: var(--primary-color-inverse);
border: none;
text-transform: uppercase;
font-weight: 500;
}
.site-header .header-account-link-wrap {
list-style: none;
display: flex;
margin: 0;
}
.site-header .header-account-link-wrap li {
border-right: 1px solid var(--primary-border-color);
padding: 0px 15px;
}
.site-header .header-account-link-wrap li:last-child {
border: none;
padding-right: 0;
}
.skip-link {
background-color: var(--base-color);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: var(--body-color);
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link:focus {
background-color: var(--base-color);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: var(--black-color);
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
border-width:2px;
clip:unset;
}
.travelscape-sticky-header {
position: fixed;
top: 0; /* required */
width: 100%;
z-index: 100;
transition: .35s ease-out;
padding:0px 0px;
}
/*--------------------------------------------------------------
# Travelscape Site Header - Header Elements
--------------------------------------------------------------*/
.travelscape-header .container {
transition:all 0.5s;
}
.travelscape-header .container-fluid {
padding-left:25px;
padding-right:25px;
transition:all 0.5s;
}
.travelscape-social-media-wrap .social-icons {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.travelscape-social-media-wrap .social-icons li {
margin-left: 10px;
}
.travelscape-social-media-wrap .social-icons a {
background-color: var(--primary-color-inverse);
padding: 7px;
border-radius: 100px;
vertical-align: middle;
font-size: 11px;
box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
}
.travelscape-social-media-wrap .social-icons a svg {
width: 14px;
height: 14px;
color: var(--primary-color);
fill: var(--primary-color);
vertical-align: inherit;
}
/*--------------------------------------------------------------
# Header Contact
--------------------------------------------------------------*/
.travelscape-header-items .travelscape-header-elements .header-item.header-contact li {
margin-top:2px;
font-size: 15px;
}
.travelscape-header-items .travelscape-header-elements .header-item.header-contact li a {
font-size: 16px;
color: var(--body-color);
}
.travelscape-header-items .travelscape-header-elements .header-item.header-contact.inline li {
display: inline-block;
margin-left: 10px;
}
/*--------------------------------------------------------------
# Sticky Header
--------------------------------------------------------------*/
.travelscape-header.is-sticky {
position: sticky;
top: 0;
}
@media (min-width: 120px) and (max-width: 1023px) {
.travelscape-header.is-sticky {
position: relative;
top: 0;
}
}
/* Navigation
--------------------------------------------- */
/* Main Navigation Desktop */
.header-desktop .travelscape-menu-wrap {
margin-left: auto;
}
.header-desktop .main-navigation {
}
.header-desktop .main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.header-desktop .main-navigation ul li {
display: inline-block;
margin-left: 30px;
position: relative;
}
.header-desktop .main-navigation ul li a {
font-size: 18px;
font-family: var(--font-family-h3);
color: var(--heading-color);
}
.header-desktop .main-navigation ul li:hover > a {
color: var(--primary-color);
}
.header-desktop .main-navigation ul li.page_item_has_children:after,
.header-desktop .main-navigation ul li.menu-item-has-children:after {
content: "";
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
-webkit-mask: var(--svg);
mask: var(--svg);
background-color: var(--heading-color);
}
.header-desktop .main-navigation ul li.page_item_has_children:hover:after,
.header-desktop .main-navigation ul li.menu-item-has-children:hover:after {
background-color: var(--primary-color);
}
.header-desktop .main-navigation ul li .children,
.header-desktop .main-navigation ul li .sub-menu {
width: 16em;
background: var(--base-color);
box-shadow: 0 2px 4px -2px rgba(0,0,0,.1), 0 4px 15px 0 rgba(0,0,0,.1);
text-align: left;
border-radius: 2px;
position: absolute;
left: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 99;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
top: 100%;
margin: 0;
padding: 0;
}
.header-desktop .main-navigation ul li.page_item_has_children:focus-within > ul.children,
.header-desktop .main-navigation ul li.page_item_has_children:hover > ul.children,
.header-desktop .main-navigation ul li.menu-item-has-children:focus-within > ul.sub-menu,
.header-desktop .main-navigation ul li.menu-item-has-children:hover > ul.sub-menu {
height: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
overflow: initial;
visibility: visible;
opacity: 1;
}
.header-desktop .main-navigation ul li > ul.children li.page_item_has_children:after,
.header-desktop .main-navigation ul li > ul.sub-menu li.menu-item-has-children:after {
transform: rotate(-90deg); /* Equal to rotateZ(45deg) */
}
.header-desktop .main-navigation ul li .children li a,
.header-desktop .main-navigation ul li .sub-menu li a {
font-size: 0.85em;
}
.header-desktop .main-navigation ul li .children li,
.header-desktop .main-navigation ul li .sub-menu li {
display: block;
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid var(--primary-border-color);
}
.header-desktop .main-navigation ul li .children .children,
.header-desktop .main-navigation ul li .sub-menu .sub-menu {
top: 0px;
left: 100%;
}
/* Main Navigation Mobile */
.header-mobile {
}
.header-mobile .top-wrap {
padding: 0;
}
.header-mobile .travelscape-menu-wrap {
width: 100%;
padding-top: 0px;
display: none;
}
.header-mobile .main-navigation {
}
.header-mobile .main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.header-mobile .main-navigation ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
border-bottom: .5px solid var(--primary-border-color);
}
.header-mobile .main-navigation ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.header-mobile .main-navigation ul li > a {
font-size: 0.9em;
padding: 10px 15px;
background: var(--subtle-color);
color: var(--heading-color);
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile .main-navigation ul li:hover > a {
color: var(--primary-color);
}
.header-mobile .main-navigation ul li.page_item_has_children > a:after,
.header-mobile .main-navigation ul li.menu-item-has-children > a:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
font-size: 15px;
}
.header-mobile .main-navigation ul li.page_item_has_children:hover:after,
.header-mobile .main-navigation ul li.menu-item-has-children:hover:after {
background-color: var(--primary-color);
}
.header-mobile .main-navigation ul li .children,
.header-mobile .main-navigation ul li .sub-menu {
width: auto;
background: var(--subtle-color);
text-align: left;
border-radius: 2px;
position: relative;
left: 0;
z-index: 99;
overflow: hidden;
display: none;
margin: 0;
padding: 0;
}
.header-mobile .main-navigation ul li .children li a,
.header-mobile .main-navigation ul li .sub-menu li a {
font-size: 0.85em;
padding: 5px 25px;
}
.header-mobile .main-navigation ul li .children li,
.header-mobile .main-navigation ul li .sub-menu li {
display: block;
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid var(--primary-border-color);
}
.header-mobile .main-navigation ul li .children li:first-child,
.header-mobile .main-navigation ul li .sub-menu li:first-child {
border-top: 1px solid var(--primary-border-color);
}
.header-mobile .main-navigation ul li .children li:last-child,
.header-mobile .main-navigation ul li .sub-menu li:last-child {
border-bottom: none;
}
.header-mobile .main-navigation ul li .children .children,
.header-mobile .main-navigation ul li .sub-menu .sub-menu {
top: 0px;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
article.article {
padding-bottom: 25px;
margin-bottom: 25px;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0em 0 0;
}
.page-header {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 118px 0;
color: #fff;
position: relative;
margin-bottom: 25px;
}
.page-header:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #0E0D0D;
opacity: 0.7;
}
.page-header .row {
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
flex-direction: column;
}
.page-header h1 {
margin: 0;
text-align: center;
padding: 0;
color: #ffffff;
font-size: 52px;
font-weight: 700;
line-height: 1.6em;
}
.page-header p {
margin: 0 0 15px 0;
padding: 0;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 1.6em;
}
.post-content .alignwide {
margin: 20px -10%;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page #primary article.hentry,
.single #primary article.hentry {
margin: 0 auto;
max-width: 100%;
}
body.travelscape-content-no-padding.page #primary article.hentry,
body.travelscape-content-no-padding.single #primary article.hentry {
padding: 0;
}
article .post-meta {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
display: flex;
gap:10px;
}
article .post-meta a {
color: var(--body-color);
}
article h3.entry-title {
margin: 0 0 15px 0;
}
article h3.entry-title a, visited {
color: var(--heading-color);
font-size: var(--font-size-h1);
}
article h3.entry-title a:hover {
color: var(--primary-color);
}
article .entry-excerpt {
position: relative;
z-index: 1;
margin: 0px 0 0 0;
line-height: 1.6em;
padding: 0px;
}
body.travelscape-no-sidebar article.has-post-thumbnail .entry-excerpt {
position: relative;
z-index: 1;
line-height: 1.6em;
background-color: var(--subtle-color);
padding: 40px;
border-radius: 0px 0px 2px 2px;
box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05);
margin: -50px 0 0;
padding: 60px 60px;
}
article.has-post-thumbnail .entry-excerpt {
position: relative;
z-index: 1;
line-height: 1.6em;
background-color: var(--subtle-color);
padding: 40px;
border-radius: 0px 0px 2px 2px;
box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05);
margin: -20px 0 0;
padding: 60px 60px;
}
article.has-post-thumbnail .entry-excerpt:empty {
padding: 0;
margin-bottom: 25px;
}
article .entry-excerpt p {
margin: 0;
padding: 0;
line-height: 1.8em;
}
body.travelscape-no-sidebar article.article .post-thumbnail {
overflow: hidden;
border-radius: 4px;
margin-left: -80px;
margin-right: -80px;
}
article.article .post-thumbnail {
overflow: hidden;
border-radius: 4px;
margin-left: 0px;
margin-right: 0px;
}
article.article .post-thumbnail img {
width: 100%;
height: 600px;
object-fit: cover;
border-radius: 2px;
}
article.article .travelscape-post-category {
margin: 5px 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
article.article .travelscape-post-category a {
background-color: var(--subtle-color);
color: var(--primary-color);
padding: 2px 8px;
border-radius: 8px;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
}
article.article .entry-footer {
margin: 15px 0 0 0;
padding: 0;
}
article.article .entry-footer .entry-meta span {
display: block;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
article.article .read-more {
margin-top: 45px;
margin-bottom: 15px;
}
article.article .read-more-link {
background-color: var(--primary-color);
color: var(--primary-color-inverse);
padding: 10px 35px;
font-weight: 600;
font-size: var(--font-size);
text-transform: uppercase;
border-radius: 100px;
display: inline-block;
}
article.article .read-more-link:hover {
background-color: var(--secondary-color);
color: var(--primary-color-inverse);
}
.page-template-template-wide.page #primary {
width: 100%;
}
.travelscape-no-sidebar.page #primary article,
.travelscape-no-sidebar.single #primary article {
padding-top: 40px;
}
.page #primary article,
.single #primary article {
padding-top: 0px;
}
.page #primary .post-header,
.single #primary .post-header {
padding-top: 0px;
margin-bottom: 20px;
}
.page #primary .post-header h1,
.single #primary .post-header h1 {
font-size: 42px;
font-weight: bold;
line-height: 1.2em;
margin: 0;
color: var(--heading-color);
}
.page #primary .post-header .post-excerpt p,
.single #primary .post-header .post-excerpt p {
font-size: 18px;
line-height: 1.6em;
font-weight: 300;
color: var(--body-color);
margin: 10px 0 10px 0;
}
.page #primary .post-content,
.single #primary .post-content {
font-size: 20px;
line-height: 1.6em;
color: var(--body-color);
}
/* posts pagination - numbered */
.travelscape-pagination {
width: 100%;
grid-column: 1 / -1;
text-align: center;
font-size: 0.8em;
}
.travelscape-pagination .navigation .nav-links > * ,
.travelscape-pagination .pagination .nav-links > * {
margin-right: 15px;
}
.travelscape-pagination .page-numbers {
padding: 10px 15px;
border: 1px solid var(--primary-border-color);
color: var(--primary-color);
display: inline;
border-radius: 0px;
}
.travelscape-pagination .page-numbers:hover {
border: 1px solid var(--primary-color);
color: var(--secondary-color);
padding: 10px 15px;
border-radius: 0px;
background-color: var(--primary-color);
color: var(--primary-color-inverse);
}
.travelscape-pagination span.current {
background-color: var(--primary-color);
color: var(--primary-color-inverse);
border-radius: 0px;
border: 1px solid var(--primary-color);
}
.travelscape-pagination span.current:hover {
background-color: var(--primary-color);
color: var(--primary-color-inverse);
border-radius: 0px;
border: 1px solid var(--primary-color);
}
/* posts navigation - olderpost/newerposts */
.travelscape-pagination .posts-navigation .nav-links {
display: flex;
align-items: center;
justify-content: space-between;
}
/* single post pagination */
.site-main .post-navigation {
margin: 45px 0;
}
.post-navigation a {
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
}
.post-navigation a img {
width: 60px;
height: 60px;
border-radius: 3px;
}
.post-navigation a .meta-wrap .meta-nav {
font-size: 12px;
letter-spacing: .5px;
text-transform: uppercase;
display: block;
}
.post-navigation a .meta-wrap .post-title {
font-size: 13px;
color: var(--heading-color);
font-weight: 600;
}
/* Post Tags
--------------------------------------------- */
.post-tags a {
display: inline-flex;
font-size: 12px;
font-weight: 400;
padding: 0.3em 0.85em;
margin-bottom: 12px;
--buttonTextInitialColor: var(--body-color);
--buttonInitialColor: transparent;
position: relative;
color: var(--body-color);
border: var(--primary-border-color);
background-color: transparent;
box-shadow: inset 0px 0px 0px 1px var(--subtle-color);
}
.post-tags a:not(:last-child) {
margin-inline-end: 10px;
}
/* Comments
--------------------------------------------- */
.comment-respond {
background-color: var(--subtle-color);
padding: 25px;
}
.comment-reply-title {
color: var(--heading-color);
font-size: 18px;
margin: 0;
padding: 0;
}
.comment-notes {
color: var(--body-color);
font-size: 13px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-form {
}
.comment-respond label {
display: none;
}
.comment-form .logged-in-as,
.comment-form-cookies-consent label {
display: inline;
font-size: 80%;
vertical-align: text-top;
}
.comment-form textarea,
.comment-form input {
text-transform: capitalize;
padding: 5px;
font-size: 14px;
width: 100%;
}
.comment-form .comment-form-cookies-consent input {
width: auto;
}
.comment-form input.submit {
width: auto;
padding: 10px 20px;
}
/*=====================================
Comment Template CSS
========================================*/
.comments-area {
margin-top: 40px;
}
.comments-area h2.comments-title {
font-size: 25px;
margin-bottom: 20px;
}
.comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment-meta {
margin-bottom: 20px;
}
.comment-meta a {
color: #333;
}
.comment-meta img {}
.comment-author.vcard {
position: relative;
padding-left: 50px;
}
.comment-author.vcard img {
position: absolute;
left: 0;
top: 5px;
}
.comment-metadata {
margin-left: 50px;
}
.comments-area table {
border-left: 1px solid #dddd;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.comments-area table td,
.comments-area table th {
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px;
}
.comments-area th {
background: #278cc1;
color: #fff;
}
.comments-area dd {
margin-bottom: 15px;
}
.comments-area .comments-content ul,
.comments-area .comments-content ol {
padding-left: 15px;
}
.comments-area .comment-content ul,
.comments-area .comment-content ol {
padding-left: 15px;
}
.comment-body .reply {
text-align: right;
}
.comment-reply-link {
display: inline-block;
text-align: right;
color: var(--primary-color);
border-radius: 5px;
clear: both;
overflow: hidden;
}
.comment-list li.comment {
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.comment-metadata {
font-size: 80%;
}
.comment-reply-link {
margin-top: 10px;
}
.comment-list li ol.children {
padding-left: 50px;
margin: 0;
list-style: none;
margin-top: 25px;
}
.comment-list li ol.children ol.children {
padding-left: 20px;
}
.comment-list li.comment:last-child {
border-bottom: 0px solid;
padding-bottom: 0;
margin-bottom: 0;
}
.comment-respond {
margin-top: 50px;
}
.comment-notes {
font-size: 90%;
margin-bottom: 40px;
}
.comment-form label {
display: block;
margin-bottom: 10px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
margin-bottom: 20px;
}
.comment-form input[type=submit] {
width: auto;
padding: 14px 32px;
font-weight: 500;
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--primary-color-inverse);
font-size: 16px;
}
/* Widgets
--------------------------------------------- */
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary .widget {
margin-bottom: 30px;
font-size:1rem;
padding-bottom: 15px;
margin-bottom: 15px;
overflow: hidden;
}
#secondary .widget h1:first-child,
#secondary .widget h2:first-child,
#secondary .widget h3:first-child,
#secondary .widget h4:first-child,
#secondary .widget h5:first-child,
#secondary .widget h6:first-child,
#secondary .widget .widget-title {
display: inline-flex;
align-items: center;
color: var(--heading-color);
word-break: break-word;
width: 100%;
margin-bottom: 20px;
margin-top:0;
}
#secondary .widget:last-of-type {
margin-bottom: 0;
}
/* classic Widgets */
.widget {
position: relative;
margin-bottom: 40px;
}
.widget_nav_menu li .sub-menu,
.widget_categories li .children,
.widget_pages li .children {
margin-left: 20px;
}
.widget figure,
.widget img {
max-width:100%;
height:auto;
}
.widget figure figcaption {
background-color:var(--subtle-color);
padding:5px;
font-size:13px;
text-align:center;
}
/* Make sure select elements fit in widgets. */
.widget select {
width: 100%;
font-size: 80%;
padding: 7px;
}
.widget ul {
list-style: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 0;
-webkit-padding-start: 0;
}
.widget.widget_archive li,
.widget.widget_categories li,
.widget.widget_pages li,
.widget.widget_nav_menu li,
.widget.widget_recent_comments li,
.widget.widget_meta li,
.widget.widget_recent_entries li,
.widget.widget_recent_comments tr,
.widget.widget_links li,
.widget.widget_authors ul > li,
.widget.widget_goodreads div[class*="gr_custom_each_container"] {
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.widget.widget_archive ul > li:first-child,
.widget.widget_categories ul:not(.children) > li:first-child,
.widget.widget_pages ul:not(.children) > li:first-child,
.widget.widget_nav_menu ul:not(.sub-menu) > li:first-child,
.widget.widget_recent_comments li:first-child,
.widget.widget_meta li:first-child,
.widget.widget_recent_entries li:first-child,
.widget.widget_recent_comments tr:first-child,
.widget.widget_links li:first-child,
.widget.widget_authors ul > li:first-child,
.widget.widget_goodreads div[class*="gr_custom_each_container"]:first-of-type {
border-top: none;
padding-top: 0;
}
.widget.widget_calendar table {
margin-bottom: 0;
}
/* Recent Comments widget. */
.widget.widget_recent_comments ul > li .comment-author-link:after {
content: "\2192";
padding-left: 4px;
margin-right: 4px;
}
.widget.widget_rss ul li {
border-bottom: 1px solid var(--primary-border-color);
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget.widget_rss .rsswidget,
.widget.widget_recent_comments .recentcomments > a {
font-weight: bold;
}
.widget.widget_rss .rss-date,
.widget.widget_recent_entries .post-date {
display: block;
margin: 5px 0;
font-size: 0.778em;
opacity: 0.6;
}
/* Tags widget. */
.widget .tagcloud,
.widget.widget_tag_cloud,
.wp_widget_tag_cloud {
overflow: hidden;
}
#page .widget .tagcloud a:hover,
#page .widget.widget_tag_cloud a:hover,
#page .wp_widget_tag_cloud a:hover {
text-decoration: none;
background: rgba(var(--subtle-color));
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid var(--primary-border-color);
display: inline-block;
float: left;
margin: 4px 4px 0 0;
padding: 4px 10px 5px;
border-radius: 3px;
}
.widget_search .search-field {
font-size: inherit;
width:100%;
padding:11px;
border:1px solid var(--primary-border-color);
}
.widget_search .search-submit {
border: none;
background-color: var(--primary-color);
color: var(--primary-color-inverse);
font-size: 15px;
line-height: 1.6;
padding: 10px 25px;
margin-left: -3px;
}
.widget.widget_calendar table {
position: relative;
width: 100%;
}
.widget.widget_calendar table td {
color: var(--body-color);
font-size: 13px;
line-height: 24px;
text-align: center;
padding: 10px 9px;
letter-spacing: 0.5px;
border: solid 1px var(--primary-border-color);
}
.widget.widget_calendar table td#today {
background-color: var(--primary-color);
color:var(--primary-color-inverse);
}
.widget.widget_calendar table td a {
border: 1px solid var(--primary-border-color);
display: inline-block;
padding: 1px 0;
border-radius: 50%;
height: 32px;
width: 32px;
}
.widget.widget_calendar table caption {
font-size: 13px;
line-height: 18px;
color: var(--primary-color-inverse);
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0;
text-align: center;
background-color: var(--primary-color);
letter-spacing: 0.5px;
padding: 15px 0;
caption-side:top;
}
.widget.widget_calendar table .fa {
font-size: 16px;
line-height: 20px;
color: var(--primary-color);
}
.widget.widget_calendar table #prev {
text-align: left;
padding: 20px 0 0;
}
.widget.widget_calendar table #next {
text-align: right;
padding: 20px 0 0;
}
.widget.widget_calendar table #prev a {
display: block;
background: none;
color: var(--primary-color-inverse);
font-size: 13px;
line-height: 17px;
position: absolute;
top: 15px;
left: 11px;
border: 0;
text-transform: uppercase;
font-weight: 700;
width: 50px;
letter-spacing: 0.5px;
}
.widget.widget_calendar table #next a {
height: 100%;
background: none;
color: var(--primary-color-inverse);
font-size: 14px;
line-height: 17px;
font-weight: 700;
position: absolute;
top: 21px;
right: 10px;
border: 0;
text-transform: uppercase;
font-weight: 700;
width: 50px;
}
.widget.widget_calendar table #next .fa {
margin-left: 5px;
}
.widget.widget_calendar table #prev .fa {
margin-right: 5px;
}
.widget.widget_calendar table thead {
color: var(--primary-color);
font-size: 12px;
line-height: 24px;
font-weight: 700;
color: var(--primary-color-inverse);
}
.widget.widget_calendar table tbody {
border: 1px solid var(--primary-border-color);
border-top: 0;
}
.widget.widget_calendar table tbody td {
border: solid 1px var(--primary-border-color);
}
.widget.widget_calendar table th {
padding: 10px 14px;
font-size: 13px;
line-height: 17px;
font-weight: 700;
color: var(--primary-color-inverse);
background-color: var(--primary-color);
}
/* Blocks Widgets */
#secondary .wp-block-latest-posts img {
vertical-align: top;
}
#secondary .wp-block-latest-posts .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) {
margin-bottom: 1em;
}
#secondary .wp-block-latest-posts .wp-block-latest-posts__post-title {
font-size: 1.125em;
font-weight: 500;
line-height: 1.4;
}
#secondary .wp-block-latest-posts .wp-block-latest-posts__post-excerpt:last-child {
margin-bottom: 0;
}
#secondary .wp-block-latest-posts li:not(:last-child) {
padding-bottom: 1.5em;
margin-bottom: 1.5em;
border-bottom: 1px solid var(--primary-border-color);
}
#secondary ul li a {
color: var(--body-color);
}
#secondary ul li a:hover {
color: var(--primary-color);
}
#secondary ul li:last-child {
margin-bottom: 0;
}
#secondary p.wp-block-tag-cloud a {
background: var(--primary-color);
color: var(--primary-color-inverse);
}
#secondary p.wp-block-tag-cloud a:hover {
background: var(--primary-color);
color: var(--primary-color-inverse);
}
#secondary .wp-block-read-more {
color: var(--primary-color);
}
#secondary .wp-block-read-more:after {
background: var(--primary-color);
}
#secondary .wp-block-read-more:hover {
color: var(--primary-color);
}
#secondary .wp-block-read-more:hover:after {
background: var(--primary-color);
}
#secondary .wp-block-comment-template .wp-block-comment-author-name a,
#secondary .wp-block-comment-template .wp-block-comment-date a,
#secondary .wp-block-comment-template .wp-block-comment-edit-link a,
#secondary .wp-block-comment-template .wp-block-comment-content p a,
#secondary .wp-block-comment-template .wp-block-comment-reply-link a {
color: var(--primary-color);
}
#secondary .wp-block-comment-template .wp-block-comment-author-name a:hover,
#secondary .wp-block-comment-template .wp-block-comment-date a:hover,
#secondary .wp-block-comment-template .wp-block-comment-edit-link a:hover,
#secondary .wp-block-comment-template .wp-block-comment-content p a:hover,
#secondary .wp-block-comment-template .wp-block-comment-reply-link a:hover {
color: var(--primary-color);
}
#secondary blockquote {
padding: 30px;
}
#secondary .wp-block-pullquote,
#secondary blockquote {
margin: 0;
}
#secondary .wp-block-search,
footer .wp-block-search {
margin: 0;
}
#secondary .wp-block-categories li,
#secondary .wp-block-archives li,
footer .wp-block-categories li,
footer .wp-block-archives li {
justify-content: space-between;
}
/********** Widgets **********/
.wp-block-image .alignleft {
margin-right: 25px;
}
.wp-block-search {
margin: 20px 0;
position: relative;
}
.wp-block-search label {
display: none;
}
.wp-block-search .wp-block-search__input {
font-size: 0.889em;
height: 50px;
}
.wp-block-search .wp-block-search__button {
width: 50px;
height: 50px;
border: none;
box-shadow: none;
background-color: var(--primary-color);
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
text-indent: 60px;
white-space: nowrap;
overflow: hidden;
position: absolute;
right: 0;
margin: 0 !important;
border-radius: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 0;
border: none;
position: relative;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border: 1px solid rgba(var(--primary-color-rgb), 0.05);
padding: 15px;
}
.wp-block-archives-list,
.wp-block-categories-list,
.wp-block-latest-posts__list,
.wp-block-page-list,
.wp-block-rss {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-archives-list li,
.wp-block-categories-list li,
.wp-block-latest-posts__list li,
.wp-block-page-list li,
.wp-block-rss li {
display: block;
width: 100%;
font-size: 0.875em;
margin-bottom: 15px;
}
.wp-block-archives-list li a,
.wp-block-categories-list li a,
.wp-block-latest-posts__list li a,
.wp-block-page-list li a,
.wp-block-rss li a {
color: var(--body-color);
}
.wp-block-archives-list li a:hover,
.wp-block-categories-list li a:hover,
.wp-block-latest-posts__list li a:hover,
.wp-block-page-list li a:hover,
.wp-block-rss li a:hover {
color: var(--primary-color));
}
.wp-block-archives-list li:last-child,
.wp-block-categories-list li:last-child,
.wp-block-latest-posts__list li:last-child,
.wp-block-page-list li:last-child,
.wp-block-rss li:last-child {
border: none;
}
.wp-block-categories li,
.wp-block-archives li {
display: inline-flex;
width: 100%;
}
.wp-block-categories li a,
.wp-block-archives li a {
margin-right: 10px;
}
.wp-block-categories label,
.wp-block-archives label {
margin-bottom: 10px;
}
.wp-block-categories select,
.wp-block-archives select {
border: 1px solid rgba(var(--primary-color-rgb), 0.05);
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 20px;
font-size: 0.88889em;
font-weight: 400;
}
.wp-block-calendar {
position: relative;
}
.wp-block-calendar .wp-calendar-nav {
display: block;
position: absolute;
top: 0;
padding: 7px 35px;
width: 100%;
height: 1.6em;
line-height: 1.75;
font-size: 0.875em;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a,
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a {
font-size: 0;
opacity: 0.5;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a::after,
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a::after {
content: "";
display: inline-block;
width: 20px;
height: 15px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.333' height='13.244' viewBox='0 0 16.333 13.244'%3E%3Cg id='Group_763' data-name='Group 763' transform='translate(1.061 1.061)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M3296.026,368.331l-5.561,5.561,5.561,5.561' transform='translate(-3290.464 -368.331)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_6' data-name='Line 6' x1='14.523' transform='translate(0 6)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
-webkit-background-size: 17px;
-o-background-size: 17px;
background-size: 17px;
position: absolute;
top: 12px;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:hover,
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a:hover {
opacity: 1;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a::after {
left: 20px;
}
.wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.562' height='13.244' viewBox='0 0 17.562 13.244'%3E%3Cg id='Group_762' data-name='Group 762' transform='translate(0.75 1.061)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.465,368.331l5.561,5.561-5.561,5.561' transform='translate(-3280.275 -368.331)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(0 6)' fill='none' stroke='%231e1e1e' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
right: 20px;
}
.wp-block-calendar .wp-calendar-table {
border: solid 1px rgba(var(--primary-color-rgb), 0.05);
}
.wp-block-calendar .wp-calendar-table caption {
background: var(--heading-color);
font-size: 0.875em;
line-height: 1.75;
font-weight: 500;
color: var(--body-color);
padding: 7px;
}
.wp-block-calendar thead th {
background: none;
border: none;
}
.wp-block-calendar thead tr {
border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.05);
}
.wp-block-calendar tbody td {
border: none;
}
.wp-block-calendar th,
.wp-block-calendar td {
text-align: center;
}
.wp-block-calendar th {
font-size: 14px;
padding: 5px;
}
.wp-block-calendar td {
font-size: 14px;
color: var(--body-color);
height: 25px;
width: 25px;
line-height: 25px;
padding: 5px 0;
font-weight: 400;
}
.wp-block-calendar td a {
text-decoration: none;
}
.wp-block-calendar td#today {
background: var(--primary-color);
color: var(--primary-color-inverse);
}
.wp-block-calendar td#today a {
color: var(--primary-color-inverse);
}
.has-avatars .wp-block-latest-comments__comment article {
margin-left: 3.3em;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-avatar {
margin-right: 0;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
font-size: 0.875em;
line-height: 1.75;
margin-bottom: 10px;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
color: var(--body-color);
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover {
color: var(--primary-color);
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
margin-top: 10px;
}
p.wp-block-tag-cloud a {
display: inline-flex;
flex-wrap: wrap;
padding: 8px 10px;
color: var(--primary-color-inverse);
background: var(--primary-color);
text-decoration: none;
border-radius: 7px;
font-size: 0.75em !important;
text-transform: uppercase;
letter-spacing: 0.6px;
vertical-align: middle;
margin: 0 5px 5px 0;
}
p.wp-block-tag-cloud a:hover {
color: var(--body-inverse);
background: var(--heading-color);
}
.widget_nav_menu ul {
margin: 0;
list-style: none;
}
.widget_nav_menu ul li {
padding: 0 0 15px;
border: none;
}
.widget_nav_menu ul li ul {
display: none;
}
.widget_nav_menu ul li:last-child {
padding: 0;
}
.wp-block-read-more {
position: relative;
}
.wp-block-read-more:after {
display: inline-block;
content: "";
margin-left: 12px;
background: var(--primary-color);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%235081f5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%235081f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%235081f5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%235081f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
vertical-align: middle;
-webkit-transition: transform ease 0.25s;
-moz-transition: transform ease 0.25s;
-ms-transition: transform ease 0.25s;
transition: transform ease 0.25s;
width: 18px;
height: 10px;
}
.wp-block-read-more:hover:after {
background: var(--primary-color);
-webkit-transform: translateX(6px);
-moz-transform: translateX(6px);
transform: translateX(6px);
}
.wp-block-comment-template .wp-block-columns {
gap: 15px;
}
.wp-block-comment-template .wp-block-columns .wp-block-comment-author-name,
.wp-block-comment-template .wp-block-columns .wp-block-comment-date,
.wp-block-comment-template .wp-block-columns .wp-block-comment-edit-link,
.wp-block-comment-template .wp-block-columns .wp-block-comment-content p {
margin: 0 0 10px;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/* Error 404
--------------------------------------------- */
.error404 #primary {
max-width: 100%;
width: 100%;
}
.error-404 {
text-align: center;
}
.error-404 .search-form {
display: flex;
border: .5px solid #d9d9d9;
border-radius: 3px;
padding: 5px;
width: 50%;
justify-content: space-evenly;
margin: auto;
}
.error-404 .search-form label {
width:100%;
display:block;
}
.error-404 .search-form input {
width:100%;
display:block;
padding: 5px 10px;
border: none;
border-radius: 3px;
}
.error-404 .search-form .search-submit {
width: auto;
background-color: var(--primary-color);
color: var(--primary-color-inverse);
border: none;
text-transform: uppercase;
font-weight: 500;
border-radius: 0px 6px 6px 0px;
}
/* Site Footer
--------------------------------------------- */
.site-footer {
padding: 45px 0 0 0;
border-top: 0.5px solid var(--primary-border-color);
background-color: rgba(var(--subtle-color-rgb), 0.5);
color: var(--body-color);
font-size: 18px;
margin-top: 45px;
}
.site-footer .travelscape-footer-top {
padding-bottom: 25px;
}
.site-footer .travelscape-footer-top .grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: 40% 20% 20% 20%;
}
.site-footer h3.widget-title {
font-size: 26px;
margin-bottom: 10px;
}
.site-footer .widget {
line-height: 1.6em;
padding-right: 45px;
}
.site-footer .widget a {
color: var(--body-color);
}
.site-footer .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .widget ul li {
padding: 0 0 5px 0;
border: none;
}
.site-footer .travelscape-footer-bottom {
border-top: 0.5px solid var(--primary-border-color);
background-color: rgba(var(--subtle-color-rgb), 1);
padding: 15px 0;
}
.site-footer .travelscape-footer-bottom .row {
justify-content: space-between;
align-items: center;
}
.site-footer .travelscape-footer-bottom .travelscape-payment-logo {
margin-left: auto;
}
.site-footer .site-info .sep {
display: inline-block;
margin: 0 6px;
}
.site-footer .site-info {
text-align: center;
font-size: 12px;
}
.site-footer .site-info p {
text-align: center;
margin: 0;
padding: 0;
font-size: 14px;
}
.site-footer .site-info a {
color: var(--body-color);
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
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;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.entry-content a:where(:not(.wp-element-button)) {
text-decoration: underline;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/* Media Queries
--------------------------------------------- */
@media (max-width: 1024px) {
.site-main.row #primary {
width: 100%;
padding: 0;
margin-top: 0px;
}
.site-main.row #secondary {
width: 100%;
padding: 20px;
border: none;
margin-bottom: 0px;
}
.travelscape_hero_post article .post-wrap {
padding: 10px 0px;
}
.travelscape_hero_post article .post-thumbnail img {
height: auto;
}
.travelscape_stacked_posts_big article.hentry .post-thumbnail img {
height: auto;
}
.travelscape_stacked_posts_small article .post-thumbnail {
margin: 0px 0 0 0;
}
.search #primary, .archive #primary, .home #primary {
padding: 0;
}
.site-main.row #primary {
width: 100%;
padding: 0;
margin-top: 20px;
}
body.travelscape-right-sidebar #primary {
order: 0;
padding-left: 0;
}
.page #primary article.hentry,
.single #primary article.hentry {
padding: 0px;
}
body.travelscape-left-sidebar #secondary {
padding: 0;
padding-right: 0px;
}
.site-footer .travelscape-footer-top .grid {
grid-template-columns: 50% 50%;
}
}
@media (max-width: 768px) {
.site-header {
align-items: center;
justify-content: space-between;
padding: 5px 0;
}
.site-header .travelscape-header-top {
}
.site-header .travelscape-header-bottom {
padding: 10px 0px;
width: 100%;
display: block;
}
.travelscape-header-bottom .header-desktop {
display: none;
}
.travelscape-header-bottom .header-mobile {
display: block;
}
.site-header .site-branding .custom-logo {
width: 120px;
}
.site-header .menu-toggle {
display: block;
margin-left: auto;
}
.site-header .travelscape-header-bottom .row {
position: relative;
}
.site-header .search-form input {
width: 135px;
}
.site-main.row {
flex-direction: column;
}
.site-main.row #primary {
width: 100%;
padding: 0;
margin-top: 0px;
}
.site-main.row #secondary {
width: 100%;
padding: 20px;
border: none;
margin-bottom: 0px;
}
article.article {
padding: 10px 0px;
margin-bottom: 0;
border: none;
border-radius: 0;
}
article.article .post-thumbnail img {
height: auto;
}
.page #primary article.hentry,
.single #primary article.hentry {
padding: 20px 0px;
}
body.travelscape-content-no-padding.page #primary article.hentry,
body.travelscape-content-no-padding.single #primary article.hentry {
padding: 0;
}
.site-footer {
padding: 10px 0;
}
.site-footer .travelscape-footer-top .grid {
grid-template-columns: 50% 50%;
}
.site-footer .travelscape-footer-top .widget {
padding: 0;
margin: 0;
}
.site-footer .social-icons {
margin: 30px 0;
}
.site-footer .site-info a, .site-footer .site-info {
text-align: center;
}
body.travelscape-right-sidebar #primary {
padding-right: 0px;
}
.page #primary, .single #primary {
max-width: 100%;
margin: 0;
}
.page #primary .post-header h1, .single #primary .post-header h1 {
font-size: 27px;
line-height: 1.3em;
}
.single #primary .post-meta ul.social-sharing-links {
margin-top: 20px;
}
.page #primary .post-thumbnail img, .single #primary .post-thumbnail img {
height: auto;
width: 100%;
}
.post-navigation a .meta-wrap .post-title {
display: none;
}
.site-main .post-navigation {
margin: 0 0 20px 0;
}
.post-navigation a {
justify-content: unset;
}
.travelscape-pagination {
margin: 35px 0;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
text-align: end;
flex: .5;
}
.page-header {
padding: 80px 0;
}
.page-header h1 {
font-size: 28px;
}
.page-header p {
width: 100%;
font-size: 20px;
}
.search #primary, .archive #primary, .home #primary {
grid-template-columns: repeat(2,minmax(0,1fr));
margin: 10px 0;
padding: 0;
gap:25px;
}
.post-content .alignwide {
margin: 20px -5.5%;
}
.site-footer {
padding: 0 ;
margin-top: 0;
}
}
@media (max-width: 480px) {
.site-header .right-menu,
.site-header .left-menu {
display: none;
}
.site-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 0;
}
.site-header .travelscape-header-top .row {
justify-content: center;
row-gap: 5px;
}
.site-header .travelscape-header-top-left {
order:1;
padding-left: 10px;
}
.site-header .travelscape-header-top-right {
order: 0;
margin-left: inherit;
}
.site-header .travelscape-header-bottom {
padding: 10px 10px;
width: 100%;
display: block;
}
.travelscape-header-bottom .header-desktop {
display: none;
}
.travelscape-header-bottom .header-mobile {
display: block;
}
.site-header .site-branding .custom-logo {
width: 120px;
}
.site-header .menu-toggle {
display: block;
margin-left: auto;
}
.site-header .travelscape-header-bottom .row {
position: relative;
}
.site-main.row {
flex-direction: column;
}
.row #primary {
width: 100%;
padding: 0;
margin-top: 0px;
}
.row #secondary {
width: 100%;
padding: 15px;
border: none;
margin-bottom: 10px;
}
article.article {
padding: 10px 15px;
margin-bottom: 0;
border: none;
border-bottom: 1px solid var(--primary-border-color);
border-radius: 0;
}
article .post-meta {
font-size:0.8rem;
gap: 0px 5px;
flex-wrap: wrap;
}
article h3.entry-title a, visited {
font-size: var(--font-size-h3);
}
body.travelscape-no-sidebar article.has-post-thumbnail .entry-excerpt,
article.has-post-thumbnail .entry-excerpt {
margin: -10px 0 0 0;
padding: 20px;
}
body.travelscape-no-sidebar article.has-post-thumbnail .entry-excerpt:empty,
article.has-post-thumbnail .entry-excerpt:empty {
padding: 0;
margin-bottom: 25px;
}
body.travelscape-no-sidebar article.article .post-thumbnail {
border-radius: 4px;
margin-left: 0px;
margin-right: 0px;
}
article.article .post-thumbnail img {
height: auto;
}
article .entry-excerpt p {
font-size: 1rem;
}
.page #primary article.hentry,
.single #primary article.hentry {
padding: 10px 15px;
}
.entry-content {
margin: 0;
}
.single #primary .post-header {
padding-top: 0px;
margin-bottom: 0px;
}
body.travelscape-content-no-padding.page #primary article.hentry,
body.travelscape-content-no-padding.single #primary article.hentry {
padding: 0;
}
.travelscape-pagination {
margin: 35px 0;
}
body.travelscape-right-sidebar #primary {
padding-right: 0px;
}
article.article .read-more {
margin-top: 15px;
margin-bottom: 15px;
}
.site-footer {
padding: 25px 0 0 0 ;
margin-top: 0;
}
.site-footer .travelscape-footer-top .grid {
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
.site-footer .widget {
margin-bottom: 0px;
}
.site-footer .widget h3 {
margin: 0px 0 15px 0;
}
.site-footer .widget ul li {
padding-bottom: 5px;
}
.site-footer .social-icons {
margin: 30px 0;
}
.site-footer .site-info a, .site-footer .site-info {
text-align: center;
}
.site-footer .travelscape-footer-bottom .row {
justify-content: center;
align-items: center;
padding: 10px 0;
gap:10px;
}
.site-footer .travelscape-footer-bottom .travelscape-payment-logo {
margin-left: 0;
}
.page #primary, .single #primary {
max-width: 100%;
margin: 0;
}
.page #primary .post-header h1, .single #primary .post-header h1 {
font-size: 27px;
line-height: 1.3em;
}
.single #primary .post-meta ul.social-sharing-links {
margin-top: 20px;
}
.page #primary .post-thumbnail img, .single #primary .post-thumbnail img {
height: 250px;
}
.post-navigation a .meta-wrap .post-title {
display: none;
}
.site-main .post-navigation {
margin: 0 0 20px 0;
}
.post-navigation a {
justify-content: unset;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
text-align: end;
flex: 1 0 15%;
}
.travelscape_related_posts {
gap:0;
grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
margin-left: 0px;
margin-right: 0px;
margin-bottom: 35px;
}
.travelscape_related_posts article {
margin-bottom: 20px;
}
.page-header {
padding: 50px 0;
}
.page-header p {
width: 100%;
font-size: 20px;
}
.search #primary, .archive #primary, .home #primary {
gap: 0px 20px 10px 20px;
padding: 0px 20px;
grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
}
.post-content .alignwide {
margin: 0px;
}
}