/*
Theme Name: Fund Theme
Theme URI: https://pp-branding.com/
Author: Patrick Beffa sqppdev
Author URI: https://pp-branding.com/
Description: WordPress ase theme for the FP, FS, and FH websites.
Version: 5.2.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sqppfund
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Fund Theme is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
/* Colors */
/* Dark > #121710 */
/* Orange > #ff6600 */
/* Breaking points for responsiveness */
/* Desktop (min-width: 1201px) */
/* Tablet (min-width: 782px) and (max-width: 1200px) */
/* Mobile (max-width: 781px) */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Colors
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
## Testimonials
## Videos
## Search
## Footer
## Post types
# Infinite scroll
# Media
## Captions
## Galleries
## Videos
## Ads
# Modules
## Easy Pods
## Soliloquy Slider
## Envira Gallery
## Modal
## Beyond box
## WPFront Scroll Top
# Blocks
--------------------------------------------------------------*/
/* frontend only > .site */
/* backend only > .block-editor */
/* media queries frontend and backend */
/*
@media (min-width: 1201px) {}
@media (min-width: 901px) {}
@media (min-width: 782px) {}
@media (min-width: 600px) {}
@media (min-width: 501px) {}
/*
/* media queries frontend only */
/*
@media (min-width: 1201px) { .site {}}
@media (min-width: 901px) { .site {}}
@media (min-width: 782px) { .site {}}
@media (min-width: 600px) { .site {}}
@media (min-width: 501px) { .site {}}
/*
/* media queries backend only */
/*
@media (min-width: 782px) { .block-editor {}}
@media (min-width: 600px) { .block-editor {}}
/*
/*--------------------------------------------------------------
# DEV AREA
--------------------------------------------------------------*/
/* Select color */
::-moz-selection { /* Code for Firefox */
color: #ffffff;
background: #ff6600;
}
::selection {
color: #ffffff;
background: #ff6600;
}
body {
/* sqpp > make fonts more saturated */
-moz-osx-font-smoothing: grayscale;
/*-webkit-font-smoothing: antialiased;*/
-moz-osx-font-smoothing: unset;
-webkit-font-smooting: unset;
font-smooth: unset;
}
/** List style tweak */
/*** Reset old FP inline list styles and set the new list style */
div[id="content"] div[id="primary"] ul {
margin-top: 10px;
margin-left: 0em !important;
padding-right: 0em !important;
padding-left: 1em !important;
}
div[id="content"] div[id="primary"] ul.soliloquy-slider {
margin-top: 0px !important;
}
footer[id="colophon"] ul {
margin-top: 3px;
margin-left: 0em !important;
padding-right: 0em !important;
padding-left: 1em !important;
}
div[id="content"] div[id="primary"] ul li {
/* sqpp > CHECK */
/* margin-bottom: 0.5em !important; */
margin-bottom: 0.3125em !important;
}
footer[id="colophon"] ol,
div[id="content"] div[id="primary"] ol {
margin-left: 0 !important;
padding-right: 0em !important;
padding-left: 1em !important;
}
div[id="content"] div[id="primary"] ol li {
margin-bottom: 0.5em !important;
}
/** /List style tweak */
/* General styles > above all to be added via the Gutenberg block editor */
/* line-heigts */
.line-height-0-7 {
line-height: 0.7 !important;
}
.line-height-0-75 {
line-height: 0.75 !important;
}
.line-height-0-8 {
line-height: 0.8 !important;
}
.line-height-0-85 {
line-height: 0.85 !important;
}
.line-height-0-9 {
line-height: 0.9 !important;
}
.line-height-0-95 {
line-height: 0.95 !important;
}
.line-height-1 {
line-height: 1.0 !important;
}
.line-height-1-05 {
line-height: 1.05 !important;
}
.line-height-1-1 {
line-height: 1.1 !important;
}
.line-height-1-15 {
line-height: 1.15 !important;
}
.line-height-1-2 {
line-height: 1.2 !important;
}
.line-height-1-25 {
line-height: 1.25 !important;
}
.line-height-1-3 {
line-height: 1.3 !important;
}
.line-height-1-35 {
line-height: 1.35 !important;
}
.line-height-1-4 {
line-height: 1.4 !important;
}
.line-height-1-45 {
line-height: 1.45 !important;
}
.line-height-1-5 {
line-height: 1.5 !important;
}
/* margins and paddings */
.margin-top-auto {
margin-top: auto !important;
}
.margin-top-0 {
margin-top: 0px !important;
}
.margin-top-1 {
margin-top: 1px !important;
}
.margin-top-2 {
margin-top: 2px !important;
}
.margin-top-3 {
margin-top: 3px !important;
}
.margin-top-4 {
margin-top: 4px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-top-6 {
margin-top: 6px !important;
}
.margin-top-7 {
margin-top: 7px !important;
}
.margin-top-8 {
margin-top: 8px !important;
}
.margin-top-9 {
margin-top: 9px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-1-minus {
margin-top: -1px !important;
}
.margin-top-2-minus {
margin-top: -2px !important;
}
.margin-top-3-minus {
margin-top: -3px !important;
}
.margin-top-4-minus {
margin-top: -4px !important;
}
.margin-top-5-minus {
margin-top: -5px !important;
}
.margin-top-6-minus {
margin-top: -6px !important;
}
.margin-top-7-minus {
margin-top: -7px !important;
}
.margin-top-8-minus {
margin-top: -8px !important;
}
.margin-top-9-minus {
margin-top: -9px !important;
}
.margin-top-10-minus {
margin-top: -10px !important;
}
.margin-top-15-minus {
margin-top: -15px !important;
}
.margin-top-20-minus {
margin-top: -20px !important;
}
.margin-top-25-minus {
margin-top: -25px !important;
}
.margin-bottom-auto {
margin-bottom: auto !important;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
.margin-bottom-1 {
margin-bottom: 1px !important;
}
.margin-bottom-2 {
margin-bottom: 2px !important;
}
.margin-bottom-3 {
margin-bottom: 3px !important;
}
.margin-bottom-4 {
margin-bottom: 4px !important;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-bottom-6 {
margin-bottom: 6px !important;
}
.margin-bottom-7 {
margin-bottom: 7px !important;
}
.margin-bottom-8 {
margin-bottom: 8px !important;
}
.margin-bottom-9 {
margin-bottom: 9px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-25 {
margin-bottom: 25px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-1-minus {
margin-bottom: -1px !important;
}
.margin-bottom-2-minus {
margin-bottom: -2px !important;
}
.margin-bottom-3-minus {
margin-bottom: -3px !important;
}
.margin-bottom-4-minus {
margin-bottom: -4px !important;
}
.margin-bottom-5-minus {
margin-bottom: -5px !important;
}
.margin-bottom-6-minus {
margin-bottom: -6px !important;
}
.margin-bottom-7-minus {
margin-bottom: -7px !important;
}
.margin-bottom-8-minus {
margin-bottom: -8px !important;
}
.margin-bottom-9-minus {
margin-bottom: -9px !important;
}
.margin-bottom-10-minus {
margin-bottom: -10px !important;
}
.margin-bottom-15-minus {
margin-bottom: -15px !important;
}
.margin-bottom-20-minus {
margin-bottom: -20px !important;
}
.margin-bottom-25-minus {
margin-bottom: -25px !important;
}
.margin-right-auto {
margin-right: auto !important;
}
.margin-right-0 {
margin-right: 0px !important;
}
.margin-right-5 {
margin-right: 5px !important;
}
.margin-right-10 {
margin-right: 10px !important;
}
.margin-right-20 {
margin-right: 20px !important;
}
.margin-left-auto {
margin-left: auto !important;
}
.margin-left-0 {
margin-left: 0px !important;
}
.margin-left-5 {
margin-left: 5px !important;
}
.margin-left-10 {
margin-left: 10px !important;
}
.margin-left-20 {
margin-left: 20px !important;
}
.padding-top-0 {
padding-top: 0px !important;
}
.padding-top-1 {
padding-top: 1px !important;
}
.padding-top-2 {
padding-top: 2px !important;
}
.padding-top-3 {
padding-top: 3px !important;
}
.padding-top-4 {
padding-top: 4px !important;
}
.padding-top-5 {
padding-top: 5px !important;
}
.padding-top-6 {
padding-top: 6px !important;
}
.padding-top-7 {
padding-top: 7px !important;
}
.padding-top-8 {
padding-top: 8px !important;
}
.padding-top-9 {
padding-top: 9px !important;
}
.padding-top-10 {
padding-top: 10px !important;
}
.padding-top-15 {
padding-top: 15px !important;
}
.padding-top-20 {
padding-top: 20px !important;
}
.padding-top-25 {
padding-top: 25px !important;
}
.padding-bottom-0 {
padding-bottom: 0px !important;
}
.padding-bottom-1 {
padding-bottom: 1px !important;
}
.padding-bottom-2 {
padding-bottom: 2px !important;
}
.padding-bottom-3 {
padding-bottom: 3px !important;
}
.padding-bottom-4 {
padding-bottom: 4px !important;
}
.padding-bottom-5 {
padding-bottom: 5px !important;
}
.padding-bottom-6 {
padding-bottom: 6px !important;
}
.padding-bottom-7 {
padding-bottom: 7px !important;
}
.padding-bottom-8 {
padding-bottom: 8px !important;
}
.padding-bottom-9 {
padding-bottom: 9px !important;
}
.padding-bottom-10 {
padding-bottom: 10px !important;
}
.padding-bottom-15 {
padding-bottom: 15px !important;
}
.padding-bottom-20 {
padding-bottom: 20px !important;
}
.padding-bottom-25 {
padding-bottom: 25px !important;
}
.padding-right-0 {
padding-right: 0px !important;
}
.padding-right-5 {
padding-right: 5px !important;
}
.padding-right-10 {
padding-right: 10px !important;
}
.padding-right-20 {
padding-right: 20px !important;
}
.padding-left-0 {
padding-left: 0px !important;
}
.padding-left-5 {
padding-left: 5px !important;
}
.padding-left-10 {
padding-left: 10px !important;
}
.padding-left-20 {
padding-left: 20px !important;
}
/* Inline wraps, text wraps */
.nobreak,
.nowrap {
white-space: nowrap;
}
/* Max width eg for elements within a grid column */
.max-width-10pct {
max-width: 10% !important;
}
.max-width-20pct {
max-width: 20% !important;
}
.max-width-25pct {
max-width: 25% !important;
}
.max-width-30pct {
max-width: 30% !important;
}
.max-width-33pct {
max-width: 33.33% !important;
}
.max-width-40pct {
max-width: 40% !important;
}
.max-width-50pct {
max-width: 50% !important;
}
.max-width-60pct {
max-width: 60% !important;
}
.max-width-66pct {
max-width: 66.66% !important;
}
.max-width-75pct {
max-width: 75% !important;
}
.max-width-80pct {
max-width: 80% !important;
}
.max-width-90pct {
max-width: 90% !important;
}
.max-width-100pct {
max-width: 100% !important;
}
@media (min-width: 1201px) {
.max-width-10pct-desktop {
max-width: 10% !important;
}
.max-width-20pct-desktop {
max-width: 20% !important;
}
.max-width-25pct-desktop {
max-width: 25% !important;
}
.max-width-30pct-desktop {
max-width: 30% !important;
}
.max-width-33pct-desktop {
max-width: 33.33% !important;
}
.max-width-40pct-desktop {
max-width: 40% !important;
}
.max-width-50pct-desktop {
max-width: 50% !important;
}
.max-width-60pct-desktop {
max-width: 60% !important;
}
.max-width-66pct-desktop {
max-width: 66.66% !important;
}
.max-width-75pct-desktop {
max-width: 75% !important;
}
.max-width-80pct-desktop {
max-width: 80% !important;
}
.max-width-90pct-desktop {
max-width: 90% !important;
}
.max-width-100pct-desktop {
max-width: 100% !important;
}
}
@media (min-width: 782px) and (max-width: 1200px) {
.max-width-10pct-tablet {
max-width: 10% !important;
}
.max-width-20pct-tablet {
max-width: 20% !important;
}
.max-width-25pct-tablet {
max-width: 25% !important;
}
.max-width-30pct-tablet {
max-width: 30% !important;
}
.max-width-33pct-tablet {
max-width: 33.33% !important;
}
.max-width-40pct-tablet {
max-width: 40% !important;
}
.max-width-50pct-tablet {
max-width: 50% !important;
}
.max-width-60pct-tablet {
max-width: 60% !important;
}
.max-width-66pct-tablet {
max-width: 66.66% !important;
}
.max-width-75pct-tablet {
max-width: 75% !important;
}
.max-width-80pct-tablet {
max-width: 80% !important;
}
.max-width-90pct-tablet {
max-width: 90% !important;
}
.max-width-100pct-tablet {
max-width: 100% !important;
}
}
@media (max-width: 781px) {
.max-width-10pct-mobile {
max-width: 10% !important;
}
.max-width-20pct-mobile {
max-width: 20% !important;
}
.max-width-25pct-mobile {
max-width: 25% !important;
}
.max-width-30pct-mobile {
max-width: 30% !important;
}
.max-width-33pct-mobile {
max-width: 33.33% !important;
}
.max-width-40pct-mobile {
max-width: 40% !important;
}
.max-width-50pct-mobile {
max-width: 50% !important;
}
.max-width-60pct-mobile {
max-width: 60% !important;
}
.max-width-66pct-mobile {
max-width: 66.66% !important;
}
.max-width-75pct-mobile {
max-width: 75% !important;
}
.max-width-80pct-mobile {
max-width: 80% !important;
}
.max-width-90pct-mobile {
max-width: 90% !important;
}
.max-width-100pct-mobile {
max-width: 100% !important;
}
}
/* Wraps */
.content-wrap {
max-width: 1480px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
#footer-bottom-line .content-wrap {
max-width: 1480px;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
}
/* Grid styles */
/* Normalize WP Gutengrid grid */
/*
.wp-block-columns {
margin-bottom: 0px;
}*/
/* sqpp
#page.site #page-wrap .wp-block-columns.has-background.grid-outerwrap-5 {
padding: 0em 0em !important;
}
*/
/* Gap reset */
/* Set gap to 0 > later maybe use gap to replace the padding */
/* Added to header.php too > check and delete in case */
#page.site #page-wrap .wp-block-columns.is-layout-flex,
#page.site #page-wrap .wp-block-columns.is-layout-grid {
gap: 0px !important;
}
:where(.wp-block-columns.is-layout-flex){gap: 0px !important;}
:where(.wp-block-columns.is-layout-grid){gap: 0px !important;}
/* Styles for the full width column */
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 {
padding: 0em 0em !important;
margin: 0px calc(50% - 50vw);
margin-bottom: 30px;
max-width: 100vw;
width: 100vw;
}
#page.site #page-wrap .fullwidth {
padding: 0em 0em !important;
margin: 0px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 .wp-block-column.grid-outerwrap-inner {
max-width: 1480px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5.fullwidth-content .wp-block-column.grid-outerwrap-inner {
max-width: none;
margin-right: auto;
margin-left: auto;
padding-right: none;
padding-left: none;
width: 100%;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 .wp-block-column.grid-outerwrap-inner > .wp-block-columns {
margin-bottom: 0px;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 .wp-block-column.grid-outerwrap-inner .grid-item.grid-wrap-item {
padding-bottom: 0px;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 .wp-block-column.grid-outerwrap-inner div.wp-block-column.grid-item > figure.wp-block-image img {
display: block;
border: 0px;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5.background-neutral .wp-block-column.grid-outerwrap-inner div.wp-block-column.grid-item > figure.wp-block-image img {
display: block;
border: 1px solid #cccccc;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5.background-neutral .wp-block-column.grid-outerwrap-inner div.wp-block-column.grid-item > figure.wp-block-image.border-off img {
display: block;
border: none;
}
#page.site #page-wrap .grid-wrap .wp-block-column {
margin-bottom: 0px !important;
}
/* Make bottom text align with the box bottom */
.wp-block-columns.grid-outerwrap-5.background-neutral p:last-of-type,
.wp-block-columns.grid-outerwrap-5.background-transparent p:last-of-type,
.wp-block-columns.grid-outerwrap-5.background-white p:last-of-type,
.wp-block-columns.grid-outerwrap-5.background-off p:last-of-type {
margin-bottom: 0px;
}
@media (min-width: 782px) {
#page.site #page-wrap .wp-block-columns {
flex-wrap: wrap !important;
}
}
/** outerwrap inner margins and paddings if color bg
/* Make bottom text align with the box bottom */
/*
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .wp-block-column.grid-item > h1,
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .wp-block-column.grid-item > h2,
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .wp-block-column.grid-item > h3,
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .wp-block-column.grid-item > p,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .wp-block-column.grid-item > h1,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .wp-block-column.grid-item > h2,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .wp-block-column.grid-item > h3,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .wp-block-column.grid-item > p,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .wp-block-column.grid-item > h1,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .wp-block-column.grid-item > h2,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .wp-block-column.grid-item > h3,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .wp-block-column.grid-item > p,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .wp-block-column.grid-item > h1,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .wp-block-column.grid-item > h2,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .wp-block-column.grid-item > h3,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .wp-block-column.grid-item > p {
padding-top: 0px !important;
}*/
/*
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .wp-block-column.grid-item,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .wp-block-column.grid-item,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .wp-block-column.grid-item,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .wp-block-column.grid-item {
padding-bottom: 0px !important;
}
*/
/** Styles within the full width column */
.top-bottom-box {
display: flex;
flex-flow: column;
flex: 1;
}
#page.site #page-wrap .wp-block-columns.grid-outerwrap-5 .wp-block-column.grid-outerwrap-inner div.wp-block-column.grid-item .top-part {
padding-top: 3px;
}
.bottom-part {
margin-top: auto;
padding-bottom: 0px;
}
.grid-outerwrap-5.background-neutral .bottom-part,
.grid-outerwrap-5.background-transparent .bottom-part,
.grid-outerwrap-5.background-white .bottom-part,
.grid-outerwrap-5.background-off .bottom-part {
padding-bottom: 0px;
}
.wp-block-columns.grid-outerwrap-5:not(.background-neutral) .bottom-part,
.wp-block-columns.grid-outerwrap-5:not(.background-transparent) .bottom-part,
.wp-block-columns.grid-outerwrap-5:not(.background-white) .bottom-part,
.wp-block-columns.grid-outerwrap-5:not(.background-off) .bottom-part {
padding-bottom: 7px !important;
}
/** Grid outerwrap-5 boxed sqppdev > CHECK */
@media (min-width:1201px) {
.wp-block-columns.grid-outerwrap-5.width-boxed {
margin-right: auto !important;
margin-left: auto !important;
max-width: 1480px !important;
width: auto !important;
}
.wp-block-columns.grid-outerwrap-5.width-boxed .grid-outerwrap-inner {
padding-right: 0px !important; /* before 30px */
padding-left: 0px !important; /* before 30px */
}
.wp-block-columns.grid-outerwrap-5.width-boxed .grid-wrap-item:first-of-type {
padding-left: 20px !important;
}
.wp-block-columns.grid-outerwrap-5.width-boxed .grid-wrap-item:last-of-type {
padding-right: 20px !important;
}
}
/*** slim line for one line headings */
.grid-outerwrap-5.slim-line h1,
.grid-outerwrap-5.slim-line h2,
.grid-outerwrap-5.slim-line h3,
.grid-outerwrap-5.slim-line h4,
.grid-outerwrap-5.slim-line h5,
.grid-outerwrap-5.slim-line h6,
.grid-outerwrap-5.slim-line p {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 7px;
padding-bottom: 7px;
}
/** /Styles within the full width column */
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style^="flex-basis"] {
flex-basis: auto !important;
}
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:20%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:25%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:50%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:75%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:80%"] {
flex-basis: auto !important;
}
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style^="flex-basis"] {
flex-basis: auto !important;
}
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:20%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:25%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:50%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:75%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:80%"] {
flex-basis: auto !important;
}
/* sqpp > CHECK */
#page.site #page-wrap .grid-wrap.grid-wrap-5 .grid-wrap-item:first-of-type,
#page.site #page-wrap .grid-wrap.grid-wrap-1-4 .grid-wrap-item:first-of-type {
margin-bottom: 20px !important;
}
/* sqpp dev */
#page.site #page-wrap .grid-wrap.grid-wrap-5 .grid-wrap-item:first-of-type {
margin-bottom: 10px !important;
}
/* /sqpp dev */
#page.site #page-wrap .grid-outerwrap-5 .grid-wrap.grid-wrap-5 .grid-wrap-item:first-of-type,
#page.site #page-wrap .grid-outerwrap-5 .grid-wrap.grid-wrap-1-4 .grid-wrap-item:first-of-type,
#page.site #page-wrap .grid-outerwrap-1-4 .grid-wrap.grid-wrap-5 .grid-wrap-item:first-of-type,
#page.site #page-wrap .grid-outerwrap-1-4 .grid-wrap.grid-wrap-1-4 .grid-wrap-item:first-of-type {
margin-bottom: 0px !important;
}
@media (min-width: 782px) {
#page.site #page-wrap .grid-wrap .wp-block-column:not(:first-child) {
margin-left: 0px;
}
#page.site #page-wrap .grid-wrap .wp-block-column:first-child {
margin-left: 0px;
}
}
/* @media (min-width: 600px) { } */
/** Reset gutenberg styles from WP */
/** > reset */
#page.site #page-wrap .grid-wrap .wp-block-columns {
display: flex;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width:782px) {
#page.site #page-wrap .grid-wrap .wp-block-columns {
flex-wrap: wrap;
}
}
@media (max-width:1200px) {
#page.site #page-wrap grid-wrap-1-4 {
flex-wrap: wrap !important;
}
}
@media (min-width: 782px) {
#page.site #page-wrap .wp-block-columns.grid-wrap-1-4 {
flex-wrap: wrap !important;
}
}
#page.site #page-wrap .grid-wrap .wp-block-column {
margin-bottom: 1em;
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
}
@media (max-width:599px) {
#page.site #page-wrap .grid-wrap .wp-block-column {
flex-basis: auto !important;
}
}
@media (min-width:600px) {
#page.site #page-wrap .grid-wrap .wp-block-column {
flex-basis: auto !important;
flex-grow: 1;
}
#page.site #page-wrap .grid-wrap .wp-block-column:nth-child(2n) {
margin-left: 0px;
}
}
@media (min-width:782px) {
#page.site #page-wrap .grid-wrap .wp-block-column:not(: first-child) {
margin-left: 0px;
flex-wrap: wrap;
}
.wp-block-columns {
flex-wrap: wrap;
}
}
/* sqpp Grid styles */
/** .epgrid-11 > div[id^="CEP"] > div .grid-item */
.grid-wrap {
margin-bottom: 20px;
}
.grid-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
/*background-color: cyan;*/
}
.grid-wrap .grid-wrap-item {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
/*background-color: yellow;*/
flex-basis: auto;
}
.grid-wrap .grid-wrap-item:first-of-type {
padding-bottom: 0px;
}
/*** More grid items */
/** Mobile first grid */
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
width: 100%;
/*background-color: yellow;*/
}
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
width: 100%;
/*background-color: orange;*/
}
/* > wrong I guess */
/*
@media (min-width: 501px) {
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
width: 100%;
}
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
width: 100%;
}
}
*/
@media (min-width: 901px) {
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
width: 100%;
}
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
width: 100%;
}
}
@media (min-width: 1201px) {
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
width: 20%;
}
#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
width: 80%;
}
}
/* > copy past
@media (min-width: 1201px) { #page.site #page-wrap {}}
@media (min-width: 901px) { #page.site #page-wrap {}}
@media (min-width: 501px) { #page.site #page-wrap {}}
*/
/** Embeded grid */
.ggrid>div.wp-block-group__inner-container,
.epgrid>div[id^="CEP"]>div,
.grid,
.grid-11,
.grid-22,
.grid-13,
.grid-31,
.grid-211,
.grid-112,
.grid-1111 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
/*background-color: magenta;*/
/* width: 100%; > if set does not fill full length */
width: calc(100% + 20px);
}
.wp-block-group__inner-container {
margin-right: 0px !important;
margin-left: 0px !important;
}
/* sqpp */
.grid-wrap .grid-wrap-item:last-of-type {
margin-bottom: -20px !important;
}
.ggrid>div.wp-block-group__inner-container,
.epgrid>div[id^="CEP"]>div,
.grid-wrap-item .grid:last-of-type {
margin-bottom: -20px !important;
}
/** grid padding rules */
.ggrid>div.wp-block-group__inner-container .grid-item,
.epgrid>div[id^="CEP"]>div .grid-item,
.grid-11 .grid-item,
.grid-22 .grid-item,
.grid-13 .grid-item,
.grid-31 .grid-item,
.grid-211 .grid-item,
.grid-112 .grid-item,
.grid-1111 .grid-item {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
}
.ggrid>div.wp-block-group__inner-container .grid-item,
.epgrid>div[id^="CEP"]>div .grid-item,
.grid>.grid-item {
flex-grow: unset !important;
}
/** grid padding rules exceptions */
/*** > nth-last-child(1) = last-child-of */
/*** > nth-last-child(2) = is the second last child */
/*
.grid-wrap-1-4 .grid-11 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-211 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-112 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-1111 .grid-item:nth-last-child(1) {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
*/
/* @media (min-width: 1201px) { .site {}} > not needed */
/*
@media (min-width: 901px) {
}
@media (min-width: 782px) {
}
@media (min-width: 600px) {
}
@media (min-width: 501px) {
}
*/
/** Mobile first grid */
/* > copy past
@media (min-width: 1201px) { {}}
@media (min-width: 901px) { {}}
@media (min-width: 501px) { {}}
*/
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 100%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 100%;
}
@media (min-width: 301px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 50%;
}
}
@media (min-width: 401px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 50%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 50%;
}
}
@media (min-width: 501px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 100%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 50%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 100%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 50%;
}
}
@media (min-width: 701px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 50%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 25%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 25%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 100%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 50%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 100%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 50%;
}
}
@media (min-width: 901px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.epgrid-22>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 50%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 25%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 25%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 25%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 25%;
}
}
@media (min-width: 1201px) {
.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.ggrid.grid-22>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[class^="CEP"]>div .grid-item,
.epgrid-22>div[class^="CEP"]>div .grid-item,
.grid-11>.grid-item,
.grid-22>.grid-item {
width: 50%;
}
.grid-13>.grid-item:nth-of-type(2n+1) {
width: 25%;
}
.grid-13>.grid-item:nth-of-type(2n+2) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+1) {
width: 75%;
}
.grid-31>.grid-item:nth-of-type(2n+2) {
width: 25%;
}
.grid-211>.grid-item:nth-of-type(3n+1) {
width: 50%;
}
.grid-211>.grid-item:nth-of-type(3n+2) {
width: 25%;
}
.grid-211>.grid-item:nth-of-type(3n+3) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+1) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+2) {
width: 25%;
}
.grid-112>.grid-item:nth-of-type(3n+3) {
width: 50%;
}
.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[class^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
width: 25%;
}
}
/* Sub Grid aka subgrid styles */
/** Embeded grid */
.subgrid,
.subgrid-11,
.subgrid-12,
.subgrid-21,
.subgrid-13,
.subgrid-31,
.subgrid-14,
.subgrid-41 {
display: flex;
flex-direction: row;
margin-right: -10px;
margin-left: -10px;
/*background-color: magenta;*/
/* width: 100%; > if set does not fill full length */
width: calc(100% + 20px);
}
.grid-wrap-item .subgrid:last-of-type {
margin-bottom: -20px;
}
.grid-item .subgrid:last-of-type {
margin-bottom: -20px;
}
/* grid padding rules */
.subgrid .subgrid-item,
.subgrid-11 .subgrid-item,
.subgrid-12 .subgrid-item,
.subgrid-21 .subgrid-item,
.subgrid-13 .subgrid-item,
.subgrid-31 .subgrid-item,
.subgrid-14 .subgrid-item,
.subgrid-41 .subgrid-item {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.subgrid-11>.subgrid-item {
width: 50%;
}
/* > nth-calc seems to be worng */
/*
.subgrid-12 .subgrid-item:nth-of-type(2n+1) {
width: 34%;
}
.subgrid-12 .subgrid-item:nth-of-type(2n+2) {
width: 66%;
}*/
.subgrid-12>.subgrid-item:nth-of-type(2n+1) {
width: 34%;
}
.subgrid-12>.subgrid-item:nth-of-type(2n+2) {
width: 66%;
}
.subgrid-21>.subgrid-item:nth-of-type(2n+1) {
width: 66%;
}
.subgrid-21>.subgrid-item:nth-of-type(2n+2) {
width: 34%;
}
.subgrid-13>.subgrid-item:nth-of-type(2n+1) {
width: 25%;
}
.subgrid-13>.subgrid-item:nth-of-type(2n+2) {
width: 75%;
}
.subgrid-31>.subgrid-item:nth-of-type(2n+1) {
width: 75%;
}
.subgrid-31>.subgrid-item:nth-of-type(2n+2) {
width: 25%;
}
.subgrid-14>.subgrid-item:nth-of-type(2n+1) {
width: 20%;
}
.subgrid-14>.subgrid-item:nth-of-type(2n+2) {
width: 80%;
}
.subgrid-41>.subgrid-item:nth-of-type(2n+1) {
width: 80%;
}
.subgrid-41>.subgrid-item:nth-of-type(2n+2) {
width: 20%;
}
/* More subgrid styles */
/* .subgrid is a sqpp style > has to be added to the wp columns block in the editor */
.wp-block-columns.subgrid .wp-block-column {
padding-right: 10px;
padding-left: 10px;
/* flex-grow: 0 !important; */
/* flex-shrink: 0 !important; */
}
.grid-item .wp-block-columns.subgrid {
padding-bottom: 20px;
}
.grid-item .wp-block-columns.subgrid:last-of-type {
padding-bottom: 0px;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:10%"] {
width: 10% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:20%"] {
width: 20% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:25%"] {
width: 25% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:30%"] {
width: 30% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:33.33%"] {
width: 33.33% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:40%"] {
width: 40% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:50%"] {
width:50% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:60%"] {
width:60% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:66.66%"] {
width: 66.66% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:70%"] {
width:70% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:75%"] {
width:75% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:80%"] {
width: 80% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:90%"] {
width: 90% !important;
}
.wp-block-columns.subgrid .wp-block-column[style="flex-basis:100%"] {
width: 100% !important;
}
/** auto-grid > temp > switch to other style, then delete */
.auto-grid-item {
padding-bottom: 20px;
}
div>div.auto-grid-item:last-of-type {
padding-bottom: 0px;
}
/* Header */
#masthead {
margin-top: 30px;
margin-bottom: 12px;
}
.header-top-wrap {
border-bottom: 1px solid #cccccc;
}
.header-top,
.header-sub {
display: flex;
flex: auto;
position: relative;
}
.header-coop-wrap {
font-size: 14px;
padding-left: 9px;
}
/* sqpp font size query */
@media (max-width: 900px) {
.header-coop-wrap {
font-size: 13px;
}
}
@media (max-width: 700px) {
.header-coop-wrap {
font-size: 12px;
}
}
@media (max-width: 500px) {
.header-coop-wrap {
font-size: 11px;
}
}
.header-coop-wrap div,
.header-coop-wrap section,
.header-coop-wrap p {
display: inline-block;
}
.header-coop-wrap img {
display: inline-block;
}
.header-coop-text-wrap div.textwidget {
margin-top: 15px;
}
/** Header search box */
/*
#site-search {
display: none;
}
*/
/* Content */
.crumbs-wrap {
margin-bottom: 12px;
}
/* Truncate text */
/* @https://dev.to/codewithshan/truncate-text-with-css-the-possible-ways-1p4o */
.crumbs-wrap .crumbs {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#primary.content-area img {
border: 1px solid #cccccc;
}
#primary.content-area img.border-off,
#primary.content-area figure.border-off img {
border: none;
}
/** Header tweaks for the new FP */
.header-sub-wrap {
border-bottom: 2px solid #ff6600 !important;
padding-bottom: 1px;
}
.header-logo {
/*max-width: 295px;*/
/*max-width: 240px;*/
padding-bottom: 13px;
}
.header-logo-img {
height: 28px;
width: auto;
}
.header-menu-icon {
height: 28px;
width: auto;
}
.header-claim-wrap {
position: relative;
height: 100%;
width: 210px;
}
.header-claim {
width: 100%;
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
font-weight: bold;
}
.header-claim-wrap .header-claim #text-4 p {
white-space: nowrap;
}
.header-logo-wrap {
display: flex;
}
.site-header-claim.pushright {
display: flex;
}
.header-mobile-menu-icon,
.header-mobile-menu-txt {
display: block;
}
/* before min 901px */
@media (min-width: 1167px) {
.header-mobile-menu-icon,
.header-mobile-menu-txt {
display: none;
}
.header-logo-img {
height: 32px;
width: auto;
}
.header-menu-icon {
height: 32px;
width: auto;
}
}
/* Footer */
/** Footer share icons */
#colophon .share-icons-wrap {
margin-bottom: 30px;
}
#colophon ul.share-buttons {
display: flex;
margin: 0px !important;
padding-left: 2px;
}
#colophon ul.share-buttons li {
display: inline-block;
padding-right: 20px;
}
/** Footer widgets */
#footer-widgets-full-width-wrap {
background-color: #ff6600;
}
/*
.footer-bottom-line-left {
margin-left: -10px;
}
.footer-bottom-line-right {
margin-right: -10px;
}
*/
.footer-bottom-line-wrap {
display: block;
}
.footer-byline-wrap p {
padding-right: 15px;
padding-bottom: 10px;
}
@media (min-width: 901px) {
.footer-bottom-line-wrap {
display: flex;
}
}
.footer-bottom-line-wrap {
display: flex;
flex: auto;
position: relative;
border-top: 1px solid;
padding-top: 0px;
}
.footer-bottom-line-left div,
.footer-bottom-line-left p,
.footer-bottom-line-left span {
display: inline;
}
.footer-bottom-line-left ul {
display: inline-block;
}
.footer-bottom-line {
font-size: 14px !important;
/* sqpp */
padding-bottom: 0px;
/*min-height: 57px;*/
}
body.home .footer-bottom-line {
font-size: 14px !important;
/* sqpp */
padding-bottom: 0px;
}
.footer-coop-wrap {
font-size: 14px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.footer-bottom-line,
.footer-coop-wrap {
font-size: 13px !important;
}
}
@media (max-width: 700px) {
.footer-bottom-line,
.footer-coop-wrap {
font-size: 12px !important;
}
}
@media (max-width: 500px) {
.footer-bottom-line,
.footer-coop-wrap {
font-size: 11px !important;
}
}
.footer-coop-wrap div,
.footer-coop-wrap section,
.footer-coop-wrap p {
display: inline-block;
}
@media (max-width: 1200px) {
.footer-bottom-line-wrap {
display: block;
}
div.footer-coop-text-wrap {
display: block;
}
.footer-coop-text-wrap p {
margin-bottom: 2px;
}
div.footer-coop-wrap img {
padding-right: 5px !important;
}
div.footer-coop-wrap img:first-of-type {
margin-left: 0px !important;
}
}
.footer-coop-text-wrap p {
white-space: nowrap;
}
.footer-coop-text-wrap i {
padding-right: 15px;
}
.footer-coop-text-wrap i.fab.fa-youtube {
padding-right: 0px;
}
.footer-coop-wrap img {
display: inline-block;
}
.footer-coop-wrap div.textwidget {
margin-top: 0px;
}
/*** Footer sqppdev */
div#footer-widgets-wrap ul {
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 20px;
padding-left: 0px !important;
padding-right: 0px !important;
}
div#footer-widgets-wrap ul li {
list-style: none;
margin-left: 0px !important;
margin-right: 0px !important;
line-height: 1.5;
}
p.footer-nl-link-button-wrap a {
color: inherit !important;
}
div#footer-widgets-5 p {
line-height: 1.5;
}
p.footer-nl-link-button-wrap {
margin-top: 20px;
}
/* Layout */
.border-top,
.sqpp-border-top,
.sqpp-pb-box-border-top {
border-top: 1px solid;
padding-top: 3px;
}
hr.wp-block-separator.border-top,
hr.border-top {
margin-top: 0px !important;
margin-bottom: 3px !important;
padding-top: 0px !important;
}
hr.wp-block-separator.border-top + *,
hr.border-top + * {
padding-top: 0px !important;
}
hr.wp-block-separator.border-top.orange,
hr.border-top.orange {
background-color: #ff6600;
}
a.link-button,
span.link-button>a,
p.link-button a,
a>span.link-button {
/*background: #FFFFFF;*/
background: transparent;
text-decoration: none;
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0px;
padding: 10px 30px 10px 30px;
font-family: 'Asap', sans-serif;
/*font-size: 16px;*/
cursor: pointer;
text-decoration: none;
line-height: 1.2;
border: 2px solid;
border-color: inherit;
}
p.link-button strong a {
border: 2px solid;
}
a.link-button.featured,
.span.link-button.featured>a,
p.link-button.featured a {
font-size: 24px;
line-height: 1.1;
border: 2px solid;
}
a.link-button:hover,
span.link-button>a:hover,
p.link-button a:hover,
a>span.link-button:hover {
opacity: 0.7;
}
/* sqpp font-size query */
@media (max-width: 900px) {
a.link-button.featured,
.span.link-button.featured>a,
p.link-button.featured a {
font-size: 22px;
}
}
@media (max-width: 700px) {
a.link-button.featured,
.span.link-button.featured>a,
p.link-button.featured a {
font-size: 20px;
}
}
@media (max-width: 500px) {
a.link-button.featured,
.span.link-button.featured>a,
p.link-button.featured a {
font-size: 18px;
}
}
p.link-button.featured strong a {
border: 3px solid;
}
a.link-button-full-width {
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #FFFFFF;
border: 2px solid;
margin: 0px;
padding: 10px 30px 10px 30px;
font-family: 'Asap', sans-serif;
font-size: 16px;
cursor: pointer;
text-decoration: none;
line-height: 1.2;
box-sizing: border-box;
text-align: center;
width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* Widgets */
.widget-title-off .widget-title {
display: none;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | 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;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Smooth scroll */
html {
scroll-behavior: smooth;
}
/* Users in some browsers/operating systems can express their preference for reduced motion effects with the Reduce Motion API */
/* @https://gomakethings.com/smooth-scrolling-links-with-only-css/ */
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
/* Directions */
.ltr {
direction: ltr;
}
.rtl {
direction: rtl;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/* Make footer stick at bottom */
#page-wrap {
display: flex;
flex-flow: column;
min-height: calc( 100vh );
min-height: calc( 100dvh );
}
body.admin-bar #page-wrap {
display: flex;
flex-flow: column;
min-height: calc( 100vh - 20px );
min-height: calc( 100dvh - 20px );
}
footer#colophon {
margin-top: auto;
}
#footer-widgets-outerwrap {
padding-top: 10px;
}
@media (max-width: 1200px) {
footer#colophon .grid-wrap-item-1 {
order: 2;
}
footer#colophon .grid-wrap-item-1 #footer-widgets-1 {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #121D2C;
}
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 24px;
line-height: 1.1;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
h1 {
font-size: 22px;
}
}
@media (max-width: 700px) {
h1 {
font-size: 20px;
}
}
@media (max-width: 500px) {
h1 {
font-size: 18px;
}
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
hr.wp-block-separator.border-top {
border-top: none;
background-color: #121710;
margin-top: 0px;
margin-bottom: 0px;
}
/**
* 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;
/* 1 */
font-size: 16px;
/* 2 */
}
/* sqpp font-size query */
@media (max-width: 900px) {
pre {
font-size: 15px;
}
}
@media (max-width: 700px) {
pre {
font-size: 14px;
}
}
@media (max-width: 500px) {
pre {
font-size: 12px;
}
}
/* 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;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong,
.strong,
.bold {
/*font-weight: bolder;*/
font-weight: bold;
}
/**
* 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;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers. > sqpp check
*/
/** Default size is 16px > 85% > 14px */
small {
font-size: 87.5%;
}
.small {
font-size: 87.5%;
}
/**
* 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;
}
/* fluid sup and sub */
/* @https://css-tricks.com/fluid-superscripts-and-subscripts/ */
/* For backward compatibility wrapped all of it in a @supports */
@supports (font-size: calc(1em + 1px)) {
sup, sub {
position: relative;
vertical-align: baseline;
}
sup {
font-size: calc(0.4em + 5px);
/* Formula: Superscript/Subscript Position × Browser's default sup/sub scaling factor (0.83) × Parent Font Size (2.5 × (1em - 5px)) */
top: calc(-0.77em + 3.84px);
}
sub {
font-size: calc(0.4em + 5px);
/* Formula: Superscript/Subscript Position × Browser's default sup/sub scaling factor (0.83) × Parent Font Size (2.5 × (1em - 5px)) */
top: calc(0.54em - 2.7px);
}
}
/* 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;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
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;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 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;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 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;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* 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;
/* 1 */
font: inherit;
/* 2 */
}
/* 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;
}
/* Prevent content jumping after page switch */
html {
overflow-y: scroll;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
/*color: #121710;*/
color: #121D2C;
font-family: 'Asap', sans-serif;
font-size: 16px;
line-height: 1.2;
}
/** there is same class for font-weight > therefore removed normal here > sqpp CHECK */
/*
.font-size-normal,
.normal
*/
.font-size-default,
.default {
font-size: 16px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
body {
font-size: 15px;
}
button, input, select, optgroup, textare {
font-size: 16px;
}
}
@media (max-width: 700px) {
body {
font-size: 14px;
}
button, input, select, optgroup, textare {
font-size: 16px;
}
}
@media (max-width: 500px) {
body {
font-size: 12px;
}
button, input, select, optgroup, textare {
font-size: 16px;
}
}
.font-style-default {
color: #121710 !important;
font-family: 'Asap', sans-serif !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.font-style-default {
font-size: 15px !important;
}
}
@media (max-width: 700px) {
.font-style-default {
font-size: 14px !important;
}
}
@media (max-width: 500px) {
.font-style-default {
font-size: 12px !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
h1,
h2,
.featured h2.widgettitle {
font-size: 24px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 10px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
h1, h2, .featured h2.widgettitle {
font-size: 22px;
}
}
@media (max-width: 700px) {
h1, h2, .featured h2.widgettitle {
font-size: 20px;
}
}
@media (max-width: 500px) {
h1, h2, .featured h2.widgettitle {
font-size: 18px;
}
}
/* /sqpp font-size query */
h3,
h4,
h5,
h2.widgettitle {
font-size: 16px;
font-weight: 700;
/* sqpp > CHECK */
/* margin-bottom: 10px; */
margin-bottom: 0.625em;
}
#footer-widgets-wrap h2,
#footer-widgets-wrap h3,
#footer-widgets-wrap h4,
#footer-widgets-wrap h5 {
margin-bottom: 3px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
h3, h4, h5, h2.widgettitle {
font-size: 15px;
}
}
@media (max-width: 700px) {
h3, h4, h5, h2.widgettitle {
font-size: 14px;
}
}
@media (max-width: 500px) {
h3, h4, h5, h2.widgettitle {
font-size: 12px;
}
}
/* /sqpp font-size query */
h6 {
font-size: 80%;
font-weight: 700;
margin-bottom: 8px;
}
p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
/* before 10px */
margin-left: 0px;
}
.font-size-default,
.font-size-16 {
font-size: 16px !important;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.font-size-default,
.font-size-16 {
font-size: 15px !important;
}
}
@media (max-width: 700px) {
.font-size-default,
.font-size-16 {
font-size: 14px !important;
}
}
@media (max-width: 500px) {
.font-size-default,
.font-size-16 {
font-size: 12px !important;
}
}
/* /sqpp font-size query */
/* p margin-bottom rules */
.entry-content p {
margin-bottom: 25px;
}
/* sqpp > CHECK */
.entry-content p:has(+ ul),
.entry-content p:has(+ ol) {
margin-bottom: 0.625em;
}
.entry-content .wp-block-column p:last-of-type {
margin-bottom: 0px;
}
.grid-wrap-5 > div p:last-of-type,
.grid-wrap-1-4 > div p:last-of-type {
/* sqpp > CHECK */
/*margin-bottom: 10px !important;*/
margin-bottom: 0px !important;
}
.grid-outerwrap-5 .grid-wrap-5 > div p:last-of-type,
.grid-outerwrap-5 .grid-wrap-1-4 > div p:last-of-type {
margin-bottom: 0px !important;
}
/** exceptions for the p margin-bottom rules */
.entry-content .wp-block-column p:last-of-type+div,
.entry-content .wp-block-column p:last-of-type+header,
.entry-content .wp-block-column p:last-of-type+article,
.entry-content .wp-block-column p:last-of-type+footer,
.entry-content .wp-block-column p:last-of-type+section,
.entry-content .wp-block-column p:last-of-type+aside,
.entry-content .wp-block-column p:last-of-type+h1,
.entry-content .wp-block-column p:last-of-type+h2,
.entry-content .wp-block-column p:last-of-type+h3,
.entry-content .wp-block-column p:last-of-type+h4,
.entry-content .wp-block-column p:last-of-type+h5,
.entry-content .wp-block-column p:last-of-type+h6 {
margin-top: 25px;
}
.featured {
font-size: 24px;
line-height: 1.2;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.featured {
font-size: 22px;
}
}
@media (max-width: 700px) {
.featured {
font-size: 20px;
}
}
@media (max-width: 500px) {
.featured {
font-size: 18px;
}
}
/* /sqpp font-size query */
.more-supersized {
font-size: 42px;
line-height: 1.1;
}
.supersized {
font-size: 36px;
line-height: 1.1;
}
.less-supersized {
font-size: 30px;
line-height: 1.1;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.more-supersized {
font-size: 36px;
}
.supersized {
font-size: 32px;
}
.less-supersized {
font-size: 28px;
}
}
@media (max-width: 700px) {
.more-supersized {
font-size: 32px;
}
.supersized {
font-size: 28px;
}
.less-supersized {
font-size: 24px;
line-height: 1.2;
}
}
@media (max-width: 500px) {
.more-supersized {
font-size: 28px;
line-height: 1.2;
}
.supersized {
font-size: 24px;
line-height: 1.2;
}
.less-supersized {
font-size: 22px;
line-height: 1.2;
}
}
/* /sqpp font-size query */
dfn,
cite,
em,
i {
font-style: italic;
}
/* Blockquote */
/** Blockquote default */
blockquote {
margin: 0 1.2em;
}
/** Blockquote styles */
blockquote,
blockquote.wp-block-quote,
.wp-block-quote {
margin-top: 0rem;
margin-right: 1.35em;
margin-bottom: 20px;
margin-left: 1.35em;
}
blockquote p,
blockquote.wp-block-quote p,
.wp-block-quote p {
position: relative;
}
blockquote p:first-of-type:before,
blockquote.wp-block-quote p:first-of-type:before,
.wp-block-quote p:first-of-type:before {
content: "\f10d";
font-family: "Font Awesome 5 Free";
color: inherit;
font-weight: 900;
display: inline-block;
position: absolute;
left: -1.35em;
top: -0.07em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 16px;
line-height: 1.2;
margin-bottom: 10px;
max-width: 100%;
overflow: auto;
padding: 1.2em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 16px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
pre, code, kbd, tt, var {
font-size: 15px;
}
}
@media (max-width: 700px) {
pre, code, kbd, tt, var {
font-size: 14px;
}
}
@media (max-width: 500px) {
pre, code, kbd, tt, var {
font-size: 12px;
}
}
/* /sqpp font-size query */
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/** Default size is 16px > 85% > 14px */
small {
font-size: 87.5%;
}
/** Icons */
/* Add font awesome */
/* Set the font-weight: 900 (Solid), 400 (Regular or Brands), 300 (Light) */
/* Step 1: Common Properties: All required to make icons render reliably */
/*
f002
f0ac
*/
li.icon a::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
padding-right: 6px;
}
/* Step 2: Reference Individual Icons */
/** Icon > Search */
li.icon.search>a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f002";
padding-right: 0px;
}
/** Icon > Globe */
li.icon.globe>a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0ac";
}
.sqpp-font-awesome,
.fa {
font-family: "Font Awesome 5 Free";
}
/*** make icon size a bit smaller > sqpp CHECK */
icon {
font-size: 87.5%;
}
/** Colors */
.color-white {
color: #ffffff !important;
}
/** Weights */
/** > seted also the font size to 16px > now removed */
.normal,
.default,
.prefix-normal .prefixer:before {
font-weight: normal !important;
}
.bold,
.prefix-bold .prefixer:before {
font-weight: bold !important;
}
/** Hyphens - silbentrennung */
.hyphens-auto {
/*hyphens: auto;*/
hyphens: manual;
}
.hyphens-auto blockquote,
.hyphens-auto blockquote p {
hyphens: manual;
}
.hyphens-manual {
hyphens: manual;
}
.hyphens-none {
hyphens: none;
}
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.orange {
color: #ff6600;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.2em;
}
/*** sqpp hr tweaks */
#page hr.wp-block-separator.border-top {
height: 1px !important;
margin-bottom: 3px !important;
border-bottom: none !important;
}
#page hr.wp-block-separator.border-top + p,
#page hr.wp-block-separator.border-top + h1,
#page hr.wp-block-separator.border-top + h2,
#page hr.wp-block-separator.border-top + h3,
#page hr.wp-block-separator.border-top + h4,
#page hr.wp-block-separator.border-top + h5,
#page hr.wp-block-separator.border-top + h6 {
padding-top: 3px;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 0 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* sqpp */
/** Displays and positions */
.top-0,
.child-top-0>div {
top: 0px;
}
.bottom-0,
.child-bottom-0>div {
bottom: 0px;
}
.right-0,
.child-right-0>div {
right: 0px;
}
.left-0,
.child-left-0>div {
left: 0px;
}
.position-absolute,
.child-position-absolute>div {
position: absolute;
}
.position-relative,
.child-position-relative>div {
position: relative;
}
.display-inline {
display: inline !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-block {
display: block !important;
}
.display-flex {
display: flex !important;
}
/** Borders and outlines */
.border {
border: 1px solid;
}
.border-gray {
border: 1px solid #cccccc;
}
.outline-gray {
outline-color: #cccccc;
outline-style: solid;
outline-width: thin;
}
/** Background bg styles */
/*** sqpp */
.bg-test-img,
.child-bg-test-img>div {
background-image: url("https://fundhead.com/wp-content/uploads/2019/07/Tatjana-Greil-Castro-1365.jpg");
}
/* sqpp check > after dev move to site specific plugin styles, e.g. styles-fh.css */
.background-colored,
.bg-colored,
.child-bg-colored>div,
.child-background-colored>div {
/*background-color: rgba(18, 148, 246, 1);*/
background-color: rgb(255, 102, 0, 1);
}
.background-colored-100,
.bg-colored-100,
.child-bg-colored-100>div,
.child-background-colored-100>div {
/*background-color: rgba(18, 148, 246, 1);*/
background-color: rgb(255, 102, 0, 1);
}
.background-colored-80,
.bg-colored-80,
.child-bg-colored-80>div,
.child-background-colored-80>div {
/*background-color: rgba(18, 148, 246, 0.8);*/
background-color: rgb(255, 102, 0, 0.8);
}
.bg-cover,
.bg-stretch,
.child-bg-cover>div,
.child-bg-stretch>div {
background-size: cover !important;
}
.bg-center-center,
.child-bg-center-center>div {
background-position: center center !important;
}
/** Rations + ratio box styles > e.g. for a bg box */
.ratio-16-9,
.child-ratio-16-9>div,
.ratio-16-9-box,
.child-ratio-16-9-box>div {
padding-bottom: 56.25%;
}
/** Boxes */
.box-colored {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.info-box-basic,
.infobox-basic,
.info-box-orange,
.infobox-orange,
.info-box-green,
.infobox-green,
.info-box-blue,
.infobox-blue,
.info-box-pink,
.infobox-pink {
padding: 10px;
border: 1px solid;
border-radius: 3px;
}
.info-box-orange,
.infobox-orange {
color: #FF6600;
background-color: rgba(255, 102, 0, 0.25);
border: 1px solid rgba(255, 102, 0, 0.75);
}
.info-box-green,
.infobox-green {
color: #1D7E43;
background-color: rgba(29, 126, 67, 0.25);
border: 1px solid rgba(29, 126, 67, 0.75);
}
.info-box-blue,
.infobox-blue {
color: #1294F6;
background-color: rgba(18, 148, 246, 0.25);
border: 1px solid rgba(18, 148, 246, 0.75);
}
.info-box-pink,
.infobox-pink {
color: #FF1493;
background-color: rgba(255, 20, 147, 0.25);
border: 1px solid rgba(255, 20, 147, 0.75);
}
/** Responsive display */
/** > moved at the end of the style sheet */
/** Loggedin Loggedout display */
body:not(.logged-in) .loggedin,
body:not(.logged-in) .logged-in {
display: none !important;
}
/** Font Awsome tweaks */
.icon-left {
position: relative;
padding-left: 24px;
}
.icon-left i {
display: inline-block;
position: absolute;
left: 0px;
}
.featured.icon-left {
position: relative;
padding-left: 35px;
}
.featured.icon-left i {
display: inline-block;
position: absolute;
left: 0px;
}
.supersized.icon-left {
position: relative;
padding-left: 50px;
}
.supersized.icon-left i {
display: inline-block;
position: absolute;
left: 0px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 2px solid;
border-color: #FF6600;
border-radius: 3px;
background: #ffffff;
color: #FF6600;
font-size: 16px;
line-height: 1.2;
padding-top: 9px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
opacity: 0.5;
}
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: inherit;
}
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: inherit;
border: 2px solid;
border-color: inherit;
border-radius: 3px;
padding-top: 9px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
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 {
color: inherit;
}
select {
border: 2px solid;
border-color: inherit;
}
textarea {
width: 100%;
}
/** Search box field */
input[type="search"].search-field {
border-width: 2px !important;
}
@media (min-width:901px) {
input[type="search"] {
width: 473px !important;
}
.search-form input[type="submit"] {
box-sizing: border-box !important;
width: 120px !important;
}
}
/** /Search box field */
/* Caldera forms */
/* > removed as now Formidable forms > ...-ALT-43 */
/* Formidable forms */
div#frm_form_3_container {
margin-top: -15px;
}
.frm_form_fields .contact-form-html-field {
margin-top: 0px !important;
margin-bottom: 0px !important;
color: #121D2C !important;
}
.frm_error_style {
margin-top: 25px !important;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links > see also site specific css style plugin
--------------------------------------------------------------*/
a {
color: inherit;
text-decoration: none;
}
a:link {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
text-decoration: none;
}
a:hover,
a:focus {
color: inherit;
text-decoration: none;
}
/* sqpp > CHECK */
p a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
a.link:hover {
color: #ff6600;
}
/* bad */
/*
#main *:not(.preview) a:hover:not(.link-orange):not(.sqpp-link-orange) {
color: #ff6600;
text-decoration: none;
}
*/
a:active {
color: inherit;
text-decoration: none;
}
a:focus {
/*outline: thin dotted;*/
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a.link-off,
.link-off > a {
pointer-events: none;
cursor: default;
text-decoration: none;
color: inherit;
}
.link-orange > a,
a.link-orange {
color: #ff6600;
}
.link-orange > a:hover,
a.link-orange:hover {
opacity: 0.7;
}
a:hover img,
a:focus img {
opacity: 0.7;
}
#content *:not(.preview):not(.preview-box) a:has(img):hover,
#content *:not(.preview):not(.preview-box) a:has(img):focus {
background-color: rgb(255, 102, 0, 0.3);
}
/* sqpp > CHECK */
/** Footer links */
footer#colophon #footer-widgets-wrap a:hover {
opacity: 0.7;
}
#footer-bottom-line a:hover {
opacity: 1;
color: #ff6600;
}
#footer-bottom-line a:hover i {
opacity: 0.7;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* #site-subnav-addon ul.menu > li:last-of-type */
.menu ul li a {
white-space: nowrap;
}
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
/*display: none; sqpp */
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100%;
}
/*
.main-navigation ul ul a {
width: 150px;
}
*/
#site-subnav #menu-subnav ul ul a {
width: 225px !important;
}
/* sqppdev */
#site-subnav #menu-subnav ul ul a {
width: 240px !important;
}
#site-subnav-addon ul ul a {
width: 170px;
}
#site-subnav-addon ul ul li.current-menu-item a,
/* a:pseudoclass order > Link, Visited, Hover, Active */
#site-subnav-addon li.current-menu-item a:link,
#site-subnav-addon li.current-menu-item a:visited,
#site-subnav-addon li.current-menu-item a:hover,
#site-subnav-addon li.current-menu-item a:active,
#site-subnav-addon li.current-menu-item a:focus {
color: #ff6600;
}
#site-subnav-addon ul#menu-subnav-addon li.icon.globe > ul li {
margin-left: -40px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
#masthead nav a {
font-weight: normal;
}
.header-top nav#site-navigation {
align-self: flex-end;
}
.header-top .menu a,
.header-sub .menu a {
background: #FFFFFF;
border-top: 0px solid #DDDDDD;
border-bottom: 0px solid #DDDDDD;
border-left: 0px solid #DDDDDD;
border-right: 0px solid #DDDDDD;
margin: 0 0px 0 0px;
padding: 13px 10px 13px 10px;
/*color: #121710;*/
}
#masthead ul.menu ul li a {
border-top: 1px solid #eeeeee;
padding-top: 10px;
padding-bottom: 10px;
}
#masthead ul.menu ul li:last-of-type a {
border-bottom: 1px solid #eeeeee;
padding-top: 13px;
padding-bottom: 13px;
}
.header-top .menu ul li,
.header-sub #site-subnav ul li,
.header-sub .site-subnav-coop-wrap ul li,
.header-sub .site-subnav-addon-wrap ul li {
white-space: nowrap;
}
.header-top .menu>li:first-of-type>a,
.header-sub #site-subnav .menu>li:first-of-type>a {
padding-left: 0px;
}
.header-sub #site-subnav-addon .menu>li:last-of-type>a {
padding-right: 0px;
}
@media (max-width: 1700px) {
.header-sub #site-subnav-addon ul.menu>li:last-of-type:hover ul.sub-menu {
right: 0px;
}
}
@media (min-width: 901px) {
div.mobile-nav-outerwrap {
display: none;
}
}
/* Mobilenav mobile menu */
.menu-mobilenav-container {
border-bottom: 0px solid #ffffff;
}
#menu-mobilenav {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu-mobilenav > li {
/*padding-left: 20px;*/
border-top: 1px solid #ffffff;
background-color: #ff6600;
color: #15141A;
}
#menu-mobilenav > li:first-of-type {
border-top: 1px solid #ffffff;
}
#menu-mobilenav > li {
}
#menu-mobilenav > li:hover,
#menu-mobilenav > li:focus {
opacity: 0.75;
}
#menu-mobilenav a {
display: inline-block;
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
}
.mobilenav-close-wrap {
position: absolute;
right: 20px;
bottom: 0px;
}
.mobilenav-close-icon.featured {
font-size: 200%;
color: #15141A;
}
.mobilenav-close-icon.featured:hover {
opacity: 0.75;
}
/*** new mobile nav menu sqppdev */
.mobile-menu-wrap li {
line-height: 2em;
border-top: 1px solid #cccccc;
}
.mobile-menu-wrap li {
list-style-type: none;
}
.mobile-menu-wrap li:not(.menu-item-title):hover {
background-color: #eeeeee;
}
.mobile-menu-wrap li a {
display: inline-block;
width: 100%;
}
.mobile-menu-wrap li:not(.menu-item-title) a,
.mobile-menu-wrap li:not(.menu-item-title) a:link,
.mobile-menu-wrap li:not(.menu-item-title) a:visited,
.mobile-menu-wrap li:not(.menu-item-title) a:active {
color: #ff6600;
}
.mobile-menu-wrap li:not(.menu-item-title) a:hover {
color: #121D2C;
}
/** Search icon */
#masthead .header-sub #site-subnav-addon span.search-text {
display: none;
}
#masthead ul.sub-menu>li:first-of-type {
margin-top: -1px;
}
.site-subnav-coop-wrap p span {
display: inline-block;
padding-top: 14px;
padding-left: 9px;
font-size: 14px;
line-height: 1.3;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.site-subnav-coop-wrap p span {
font-size: 12px;
}
}
@media (max-width: 700px) {
.site-subnav-coop-wrap p span {
font-size: 11px;
}
}
@media (max-width: 500px) {
.site-subnav-coop-wrap p span {
font-size: 10px;
}
}
/* /sqpp font-size query */
.site-subnav-addon-wrap {
display: flex;
flex-wrap: nowrap;
}
/* sqppdev */
/* Content menus e.g. in sidebars, blocks */
#main ul.menu,
#main ul.menu ul {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
#main ul.menu li a {
display: inline-block;
font-size: 24px;
line-height: 1.1;
padding-bottom: 8px;
}
div[id="content"] div[id="primary"] main[id="main"] .menu-multimedia-container ul[id="menu-multimedia"] {
padding-left: 0em !important;
}
div[id="content"] div[id="primary"] main[id="main"] .menu-multimedia-container ul[id="menu-multimedia"] li {
margin-bottom: 0em;
line-height: 1.5;
}
div[id="content"] div[id="primary"] main[id="main"] .menu-multimedia-container ul[id="menu-multimedia"] li a {
padding-bottom: 0em;
}
/* sqpp */
div[id="content"] div[id="primary"] ul[id="menu-multimedia"] li {
margin-bottom: 0em !important;
}
/* sqpp font-size query */
@media (max-width: 900px) {
#main ul.menu li a {
font-size: 22px;
}
}
@media (max-width: 700px) {
#main ul.menu li a {
font-size: 20px;
}
}
@media (max-width: 500px) {
#main ul.menu li a {
font-size: 18px;
}
}
/* /sqpp font-size query */
/* Footer widget menus */
#footer-widgets-wrap .widget_nav_menu ul {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}
footer[id="colophon"] .footer-bottom-line-left ul#menu-footernav {
padding-left: 0px !important;
}
footer[id="colophon"] .footer-bottom-line-left.footer-byline-wrap {
padding-right: 10px !important;
}
#footer-widgets-wrap .widget_nav_menu ul li a {
display: inline-block;
padding-bottom: 5px;
}
/* Footer bottomline nav */
#site-footernav {
float: none;
}
#site-footernav ul {
white-space: nowrap;
padding-bottom: 10px;
}
#site-footernav ul,
#site-footernav li,
#site-footernav a {
display: inline;
float: none;
}
#site-footernav ul li a:after {
/*content: " -"; removed for FP new */
}
#site-footernav ul li:last-of-type a:after {
content: "";
}
#site-footernav ul li {
padding-right: 10px;
}
#site-footernav ul li:last-of-type {
padding-right: 0px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: none;
/*width: 50%;*/
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: none;
text-align: inherit;
/*width: 50%;*/
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: block;
}
.comment-navigation .nav-links .nav-previous,
.comment-navigation .nav-links .nav-next,
.posts-navigation .nav-links .nav-previous,
.posts-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
display: inline-block;
}
#masthead .header-top ul.menu>li.current-menu-item a,
#masthead .header-sub ul.menu>li.current-menu-item a,
body.home #masthead .header-sub ul.menu>li.menu-item-home a {
position: relative;
}
#masthead .header-top ul.menu>li.current-menu-item a:after,
#masthead .header-sub ul.menu>li.current-menu-item a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
font-family: "Font Awesome 5 Free";
font-size: 30px !important;
line-height: 1 !important;
right: 50%;
margin-right: -10px;
font-weight: bold;
}
/* sqpp font-size query */
@media (max-width: 900px) {
#masthead .header-top ul.menu>li.current-menu-item a:after,
#masthead .header-sub ul.menu>li.current-menu-item a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
font-size: 26px !important;
}
}
@media (max-width: 700px) {
#masthead .header-top ul.menu>li.current-menu-item a:after,
#masthead .header-sub ul.menu>li.current-menu-item a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
font-size: 26px !important;
}
}
@media (max-width: 500px) {
#masthead .header-top ul.menu>li.current-menu-item a:after,
#masthead .header-sub ul.menu>li.current-menu-item a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
font-size: 26px !important;
}
}
/* /sqpp font-size query */
#masthead .header-sub #site-subnav ul.menu>li.current-menu-item:first-of-type a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after,
#masthead .header-sub #site-mobilesubnav ul.menu>li.current-menu-item:first-of-type a:after {
margin-right: -5px;
}
/*
@media (min-width: 901px) {
#masthead .header-top ul.menu>li.current-menu-item a:after {
content: "\f0de";
position: absolute;
bottom: -17px;
}
#masthead .header-top ul.menu>li.current-menu-item:first-of-type a:after {
margin-right: -5px;
}
#masthead .header-sub ul.menu>li.current-menu-item a:after {
content: "\f0dd";
position: absolute;
top: -16px;
}
}
@media (max-width: 900px) {
#masthead .header-sub ul.menu>li.current-menu-item>a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
content: "\f0de";
position: absolute;
bottom: -18px;
}
}
*/
#masthead .header-sub ul.menu>li.current-menu-item>a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
content: "\f0de";
position: absolute;
bottom: -17px;
}
@media (min-width: 901px) {
#masthead .header-sub ul.menu>li.current-menu-item>a:after,
body.home #masthead .header-sub ul.menu>li.menu-item-home a:after {
bottom: -20px;
}
}
#masthead .header-sub ul li a::after {
color: #f60;
}
/*** Menu Multimedia */
ul#menu-multimedia {
margin-bottom: 0px;
}
ul#menu-multimedia li:last-of-type a {
padding-bottom: 0px;
}
/*body[class*=video] #main ul#menu-multimedia li a[href*="video"],*/
body[class*=coffee] #main ul#menu-multimedia li a[href*="coffee"],
body[class*=interview] #main ul#menu-multimedia li a[href*="interview"],
body[class*=snapshot] #main ul#menu-multimedia li a[href*="snapshot"] {
color: #ff6600 !important;
}
/*** /Header menu arrow to point to the currently active menu item */
/** Page navigation - pagination */
.pagination-wrap {
flex-basis: 100%;
}
.pagination {
padding-right: 10px;
padding-left: 10px;
}
.pagination-wrap.item-nav.in-item-nav .pagination,
.pagination-wrap.item-nav.in-taxo-nav .pagination,
.pagination-wrap.item-nav.in-archive-nav .pagination {
padding-right: 0px;
padding-left: 0px;
}
span.link-button.previous-icon>a,
a>span.link-button.previous-icon {
margin-right: 8px;
}
div.pagination-wrap+div.video-content-after-wrap {
margin-top: 20px;
}
/* sqpp > CHECK > in respect to the margin between content and footer */
.pagination-wrap.items-nav.in-list-nav {
margin-bottom: 20px;
margin-top: 10px;
}
body.archive #page .pagination-wrap.item-nav .pagination,
body.archive #page .pagination-wrap.item-nav.in-taxo-nav .pagination {
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
.pagination-wrap.items-nav.in-taxo-nav .pagination {
padding-right: 0px;
padding-left: 0px;
}
body.search div#search-pagination-wrap nav.pagination {
padding-left: 0px;
padding-right: 0px;
}
body.search div#search-pagination-wrap nav.pagination a.page-numbers:not(.prev):not(.next) {
display: none;
}
body.search div#search-pagination-wrap nav.pagination span.page-numbers.current {
display: none;
}
body.search div#search-pagination-wrap nav.pagination span.page-numbers.dots {
display: none;
}
/*** more search page fixes */
body.search:has(nav.pagination) div#search-pagination-wrap {
margin-top: 30px;
}
body.search footer#colophon {
margin-top: 20px;
}
/*--------------------------------------------------------------
## Languages + Regions
--------------------------------------------------------------*/
/* sqpp Lang styles together with Polylang plugin > check if still needed */
/*
html[lang="en-US"] #site-navigation,
html[lang="en-US"] #site-subnav,
html[lang="en-US"] .site-subnav-addon-wrap.pushright {
visibility: hidden;
}
html[lang="en-US"] .header-sub-wrap {
display: none;
}
html[lang="en-US"] div#footer-widgets-wrap .grid-wrap-item {
display: none;
}
*/
/* New lang styles */
/* DE */
html[lang*="de"] .en,
html[lang*="de"] .en-block,
html[lang*="de"] .en-inline-block,
html[lang*="de"] .en-inline,
html[lang*="de"] .en-flex,
html[lang*="de"] .en-table {
display: none;
}
html[lang*="de"] .de-block {
display: block;
}
html[lang*="de"] .de-inline-block {
display: inline-block;
}
html[lang*="de"] .de-inline {
display: inline;
}
html[lang*="de"] .de-flex {
display: flex;
}
html[lang*="de"] .de-table {
display: table;
}
/* EN */
html[lang*="en"] .de,
html[lang*="en"] .de-block,
html[lang*="en"] .de-inline-block,
html[lang*="en"] .de-inline,
html[lang*="en"] .de-flex,
html[lang*="en"] .de-table {
display: none;
}
/* Display .en elements only if lang is en */
/* ...OR display it always and only not if lang is de */
/*
html[lang*="en"] .en-block {
display: block;
}
html[lang*="en"] .en-inline-block {
display: inline-block;
}
html[lang*="en"] .en-inline {
display: inline;
}
*/
/*--------------------------------------------------------------
# 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;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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: 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;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.push-top,
.pushtop {
margin-bottom: auto;
}
.push-right,
.pushright {
margin-left: auto;
}
.push-left,
.pushleft {
margin-right: auto;
}
.push-buttom,
.pushbottom {
margin-top: auto;
}
/** align-bottom aka push bottom of an item within a box, container, div ... */
/*** First add this class to the surrounding element > */
.subitems-wrap {
display: flex;
flex-direction: column;
}
/*** Second add this class to the last item within the .subitems-wrap > */
/*** .pushbottom or .push-bottom */
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 10px;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
#masthead .widget {
margin: 0;
}
footer#colophon h1.widgettitle,
footer#colophon h2.widgettitle,
footer#colophon h3.widgettitle,
footer#colophon h4.widgettitle,
footer#colophon h5.widgettitle,
footer#colophon h1.widget-title,
footer#colophon h2.widget-title,
footer#colophon h3.widget-title,
footer#colophon h4.widget-title,
footer#colophon h5.widget-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
footer#colophon h1.widgettitle, footer#colophon h2.widgettitle, footer#colophon h3.widgettitle, footer#colophon h4.widgettitle, footer#colophon h5.widgettitle, footer#colophon h1.widget-title, footer#colophon h2.widget-title, footer#colophon h3.widget-title, footer#colophon h4.widget-title, footer#colophon h5.widget-title {
font-size: 15px;
}
}
@media (max-width: 700px) {
footer#colophon h1.widgettitle, footer#colophon h2.widgettitle, footer#colophon h3.widgettitle, footer#colophon h4.widgettitle, footer#colophon h5.widgettitle, footer#colophon h1.widget-title, footer#colophon h2.widget-title, footer#colophon h3.widget-title, footer#colophon h4.widget-title, footer#colophon h5.widget-title {
font-size: 14px;
}
}
@media (max-width: 500px) {
footer#colophon h1.widgettitle, footer#colophon h2.widgettitle, footer#colophon h3.widgettitle, footer#colophon h4.widgettitle, footer#colophon h5.widgettitle, footer#colophon h1.widget-title, footer#colophon h2.widget-title, footer#colophon h3.widget-title, footer#colophon h4.widget-title, footer#colophon h5.widget-title {
font-size: 12px;
}
}
/* /sqpp font-size query */
footer#colophon .widget ul {
margin-bottom: 10px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
footer#colophon .widget ul {
margin-bottom: 9px;
}
}
@media (max-width: 700px) {
footer#colophon .widget ul {
margin-bottom: 8px;
}
}
@media (max-width: 500px) {
footer#colophon .widget ul {
margin-bottom: 7px;
}
}
/* /sqpp font-size query */
/** Seach by logo widget area */
#masthead .search-by-logo-wrap {
display: flex;
}
#masthead .search-by-logo-wrap span {
display: block;
margin-top: auto;
margin-bottom: auto;
padding-left: 5px;
}
.search-by-logo-wrap .widget a:hover img {
opacity: 0.5;
}
.search-by-logo-wrap .widget img {
display: block;
margin-top: auto;
margin-bottom: auto;
}
/*
.header-sub #site-subnav-addon .menu > li:last-of-type > a {
display: inline-block;
}
*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0 0 20px;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/** Data person */
p span.text-string-item:after {
content: ", ";
}
p span.text-string-item:last-of-type:after {
content: "";
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
## Testimonials
--------------------------------------------------------------*/
.testimonial.auto-grid-item p {
display: inline;
}
/*--------------------------------------------------------------
## Taxonomies - Categories - Tags
--------------------------------------------------------------*/
/** Prefix with taxonomy term if belongs to it */
/** > \00a0 > */
/** > \202F > */
/*
.sqpptaxovideocat-spotlights .video-category-prefix:before {
content: "Spotlights\00a0";
}
.sqpptaxovideocat-opinions .video-category-prefix:before {
content: "Opinions\00a0";
}
.sqpptaxovideocat-finews .video-category-prefix:before {
content: "by finews\00a0";
}
.sqpptaxovideocat-fundinfo .video-category-prefix:before {
content: "by fundinfo\00a0";
}
*/
/** Prefix for Videos > Line or Category > sqpptaxovideocat or sqpptaxovideoline [class*=""] */
.prefix-video [class*="sqpptaxovideocat-spotlights"] .prefixer:before,
[class*="sqpptaxovideocat-spotlights"] .prefix-video .prefixer:before {
content: "Spotlights\202F";
}
.prefix-video [class*="sqpptaxovideocat-opinions"] .prefixer:before,
[class*="sqpptaxovideocat-opinions"] .prefix-video .prefixer:before {
content: "Opinions\202F";
}
.prefix-video [class*="sqpptaxovideocat-etf-tv"] .prefixer:before,
[class*="sqpptaxovideocat-etf-tv"] .prefix-video .prefixer:before {
content: "by ETF TV\202F";
}
.prefix-video [class*="sqpptaxovideocat-finews"] .prefixer:before,
[class*="sqpptaxovideocat-finews"] .prefix-video .prefixer:before {
content: "by finews\202F";
}
.prefix-video [class*="sqpptaxovideocat-robert-halver"] .prefixer:before,
[class*="sqpptaxovideocat-robert-halver"] .prefix-video .prefixer:before {
content: "by Robert Halver\202F";
}
.prefix-video [class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefixer:before,
[class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefix-video .prefixer:before {
content: "by Sarasin Quant Solutions\202F";
}
.prefix-video [class*="sqpptaxovideoline-insights"] .prefixer:before,
[class*="sqpptaxovideoline-insights"] .prefix-video .prefixer:before {
content: "Insights\202F";
}
.prefix-video [class*="sqpptaxovideoline-markets"] .prefixer:before,
[class*="sqpptaxovideoline-markets"] .prefix-video .prefixer:before {
content: "Markets\202F";
}
/** Prefix for Video Line > sqpptaxovideoline */
.prefix-video-line [class*="sqpptaxovideoline-spotlights"] .prefixer:before,
[class*="sqpptaxovideoline-spotlights"] .prefix-video-line .prefixer:before {
content: "Spotlights\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-opinions"] .prefixer:before,
[class*="sqpptaxovideoline-opinions"] .prefix-video-line .prefixer:before {
content: "Opinions\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-insights"] .prefixer:before,
[class*="sqpptaxovideoline-insights"] .prefix-video-line .prefixer:before {
content: "Insights\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-views"] .prefixer:before,
[class*="sqpptaxovideoline-views"] .prefix-video-line .prefixer:before {
content: "Views\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-markets"] .prefixer:before,
[class*="sqpptaxovideoline-markets"] .prefix-video-line .prefixer:before {
content: "Markets\202F";
}
/** Prefix for Video Category > sqpptaxovideocat */
.prefix-video-category [class*="sqpptaxovideocat-spotlights"] .prefixer:before,
[class*="sqpptaxovideocat-spotlights"] .prefix-video-category .prefixer:before {
content: "Spotlights\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-opinions"] .prefixer:before,
[class*="sqpptaxovideocat-opinions"] .prefix-video-category .prefixer:before {
content: "Opinions\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-etf-tv"] .prefixer:before,
[class*="sqpptaxovideocat-etf-tv"] .prefix-video-category .prefixer:before {
content: "by ETF TV\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-finews"] .prefixer:before,
[class*="sqpptaxovideocat-finews"] .prefix-video-category .prefixer:before {
content: "by finews\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-fundinfo"] .prefixer:before,
[class*="sqpptaxovideocat-fundinfo"] .prefix-video-category .prefixer:before {
content: "by fundinfo\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-robert-halver"] .prefixer:before,
[class*="sqpptaxovideocat-robert-halver"] .prefix-video-category .prefixer:before {
content: "by Robert Halver\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefixer:before,
[class*="sqpptaxovideocat-sarasin-quant-solutions"].sqpptaxovideocat-sarasin-quant-solutions .prefix-video-category .prefixer:before {
content: "by Sarasin Quant Solutions\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-bnp-paribas"] .prefixer:before,
[class*="sqpptaxovideocat-bnp-paribas"].sqpptaxovideocat-bnp-paribas .prefix-video-category .prefixer:before {
content: "by BNP Paribas\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-ovidpartner"] .prefixer:before,
[class*="sqpptaxovideocat-ovidpartner"] .prefix-video-category .prefixer:before {
content: "by OVIDpartner\202F";
}
/** By prefix */
h2.by-prefix:before, h3.by-prefix:before, h4.by-prefix:before,
.by-prefix h2:before, .by-prefix h3:before, .by-prefix h4:before {
content: "by ";
}
/** Suffixes */
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h2:after,
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h3:after,
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h4:after,
[class*="sqpptaxovideoline-markets"] h2.suffix-vidcat:after,
[class*="sqpptaxovideoline-markets"] h3.suffix-vidcat:after,
[class*="sqpptaxovideoline-markets"] h4.suffix-vidcat:after {
content: " by fundinfo";
}
/*--------------------------------------------------------------
## Preview boxes basic general styles
--------------------------------------------------------------*/
.preview.basic a:hover .preview-box {
opacity: 0.9;
}
.preview.basic a:hover img {
background-color: rgba(255,102,0,0.3);
}
.preview.basic a:hover .caption {
color: #ff6600;
}
/* Preview box bg basic styles */
.breaking-inner-wrap .wp-block-image,
.video-preview-inner-wrap .wp-block-image,
.beyond-box-item {
background-position: center center;
background-size: cover !important;
background-repeat: no-repeat;
}
#main .breaking-wrap i:before {
color: #ffffff !important;
}
/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/
a .preview.video:hover .video-preview-inner-wrap {
background-color: rgba(255,102,0,0.3);
}
a .preview.video:hover .video-preview-inner-wrap .wp-block-image {
opacity: 0.7;
}
.preview.video .caption {
margin-top: 5px;
}
/** Fundinfo - Video lightbox */
.nivo-lightbox-wrap {
max-width: 1150px;
}
.nivo-lightbox-content iframe {
background-color: white;
background-color: rgba(255, 255, 255, 1.0);
}
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
content: "×";
display: block;
position: absolute;
top: 20px;
right: 20px;
font-size: 60px;
font-weight: bold;
color: #ffffff;
}
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
content: "\00d7";
display: block;
position: absolute;
top: 20px;
right: 20px;
font-size: 60px;
font-weight: bold;
color: #ffffff;
}
/* sqpp font-size query */
@media (max-width: 900px) {
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before,
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
font-size: 52px;
}
}
@media (max-width: 700px) {
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before,
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
font-size: 42px;
}
}
@media (max-width: 500px) {
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before,
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
font-size: 36px;
}
}
/* /sqpp font-size query */
.nivo-lightbox-theme-default .nivo-lightbox-nav.nivo-lightbox-prev,
.nivo-lightbox-theme-default .nivo-lightbox-nav.nivo-lightbox-next,
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: none !important;
}
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
/** Search page */
.search-results-wrap {
display: flex;
flex-flow: column;
}
.wp-block-group__inner-container div.preview.search {
border-bottom: 1px solid #cccccc;
}
/*
.wp-block-group__inner-container div.preview.search:first-of-type {
border-top: 1px solid #121D2C;
}
*/
/*
.wp-block-group__inner-container div.preview.search:first-of-type:hover {
border-top: 1px solid #ff6600;
}
div.preview.search:hover {
border-top: 1px solid #ff6600;
}
*/
div.preview.search p.item-info {
margin-top: 3px;
}
/** Search box */
div#site-search {
border-bottom: 1px solid #cccccc;
}
.search-box-inner {
display: flex;
padding-top: 8px;
padding-bottom: 8px;
}
.search-box-form {
display: flex;
}
form.search-form {
margin-top: auto;
margin-bottom: auto;
}
.search-box-sponsor-wrap {
display: flex;
margin-left: auto;
}
.search-box-sponsor-text {
display: flex;
}
.search-box-sponsor-text .widget {
margin-top: auto !important;
margin-bottom: 0px !important;
padding-right: 5px;
}
.search-box-sponsor-text p {
margin-bottom: 0px;
padding-bottom: 1px;
}
/* sqppdev */
@media (max-width:900px) {
#search-box .search-box-form {
width: 100%;
}
#search-box form.search-form {
width: 100%;
}
#search-box input[type="search"].search-field {
width: calc( 100% - 93px );
}
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 15px;
}
}
@media (max-width:700px) {
#search-box .search-box-form {
width: 100%;
}
#search-box form.search-form {
width: 100%;
}
#search-box input[type="search"].search-field {
width: calc( 100% - 93px );
}
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 13px;
}
}
@media (max-width:600px) {
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 12px;
}
}
@media (max-width:500px) {
.search-box-inner {
flex-wrap: wrap;
}
.search-box-form,
.search-box-sponsor-wrap {
width: 100%;
}
.search-box-sponsor-text {
margin-left: auto;
}
.search-box-sponsor-wrap {
padding-top: 20px;
}
.search-box-sponsor-wrap {
display: none;
}
#search-box input[type="search"].search-field {
width: calc( 100% - 83px );
}
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 11px;
}
}
@media (max-width:400px) {
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 10px;
}
}
@media (max-width:300px) {
#search-box input.search-field,
#search-box input[type="submit"] {
font-size: 9px;
}
}
#page div.preview.search p.item-info.featured {
margin-bottom: 10px !important;
}
/** Search language control data-permalink="" */
.search div.video-item {
display: none !important;
}
html[lang="de-CH"] .search div.video-item[data-permalink*="/ch/"] {
display: block !important;
}
html[lang="de-DE"] .search div.video-item[data-permalink*="/de/"] {
display: block !important;
}
html[lang="de-LU"] .search div.video-item[data-permalink*="/lu/"] {
display: block !important;
}
html[lang="de-AT"] .search div.video-item[data-permalink*="/at/"] {
display: block !important;
}
html[lang="en-CH"] .search div.video-item[data-permalink*="/ch-en/"] {
display: block !important;
}
/*--------------------------------------------------------------
## Content Footer
--------------------------------------------------------------*/
.video-content-after-wrap {
flex-basis: 100%;
}
footer.video-content-after {
padding-right: 10px;
padding-left: 10px;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer-bottom-line span.footer-byline-wrap {
padding-right: 10px;
}
/*--------------------------------------------------------------
## Post types
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
height: auto;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* figure */
/* figure margin-bottom etc. rules */
figure.wp-block-image {
max-width: 100%;
margin-bottom: 0em;
/* WP rule is 1em */
margin-left: 0;
margin-right: 0;
}
/** exceptions for the figure.wp-block-image margin-bottom rule */
figure.wp-block-image+p,
figure.wp-block-image+div,
figure.wp-block-image+header,
figure.wp-block-image+article,
figure.wp-block-image+footer,
figure.wp-block-image+section,
figure.wp-block-image+aside,
figure.wp-block-image+h1,
figure.wp-block-image+h2,
figure.wp-block-image+h3,
figure.wp-block-image+h4,
figure.wp-block-image+h5,
figure.wp-block-image+h6 {
margin-top: 10px;
}
/** sqpp */
img.image-block,
.image-block img {
display: block;
}
img.image-inline-block,
.image-inline-block img {
display: inline-block;
}
img.image-inline,
.image-inline img {
display: inline;
}
figure.border-off img,
img.border-off {
border: none !important;
}
/*--------------------------------------------------------------
## 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;
}
.grid-wrap .wp-element-caption {
margin-bottom: 0px;
margin-top: 5px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.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%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/
.embed-vimeo>iframe,
.video-wrap>iframe {
outline-color: #cccccc;
outline-style: solid;
outline-width: thin;
}
/** fix the height for embedded videos */
/** @ https://bplugins.com/blog/16365/responsive-video-embeds-in-wordpress/ */
.wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/** Breaking box */
.sqpp-block-breaking a:hover>article {
opacity: 0.5;
}
.sqpp-block-breaking a:hover>article .breaking-box {
opacity: 1.0;
}
body #page #page-wrap .grid-wrap .wp-block-columns.has-2-columns.breaking-box-wrap {
width: 100%;
display: flex;
flex-wrap: nowrap !important;
}
.breaking-inner-wrap:hover {
opacity: 0.9;
}
.breaking-inner-wrap:hover img {
background-color: rgba(255,102,0,0.3);
}
@media (min-width: 782px) {
body #page #page-wrap .grid-wrap .wp-block-columns.has-2-columns.breaking-box-wrap {
flex-wrap: nowrap !important;
}
}
/*
.breaking-box-icon {
flex-grow: 0 !important;
}
.breaking-box-icon {
display: inline-block;
}
.breaking-box-text {
flex-grow: 1 !important;
}*/
/*--------------------------------------------------------------
## Ads
--------------------------------------------------------------*/
/*
.boxadouterwrap {
margin-top: -10px;
}
*/
/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Easy Pods
--------------------------------------------------------------*/
/** Easy Pods list navigation buttons > colors see theme plugin */
#page.site #page-wrap span.search-pagination {
display: block;
margin-top: 45px;
margin-bottom: 25px;
}
#page.site #page-wrap a.pods-pagination-number {
font-family: 'FontAwesome' !important;
}
#page.site #page-wrap a.pods-pagination-number:hover {
opacity: 0.5;
}
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
text-decoration: none;
display: block;
width: 74px;
box-sizing: border-box;
position: absolute;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 2px solid;
margin: 0;
padding: 10px 30px 10px 30px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
line-height: 1.2;
margin-top: -17px;
}
/* sqpp font-size query */
@media (max-width: 900px) {
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
font-size: 15px;
}
}
@media (max-width: 700px) {
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
font-size: 14px;
}
}
@media (max-width: 500px) {
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
font-size: 12px;
}
}
/* /sqpp font-size query */
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before {
content: "\f053";
}
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
content: "\f054";
}
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next {
margin-top: -20px !important;
display: block;
}
#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev+a.pods-pagination-number.pods-pagination-next {
margin-top: -38px !important;
display: block;
padding-left: 86px;
}
/*--------------------------------------------------------------
## Soliloquy Slider
--------------------------------------------------------------*/
.catch-wrap.soliloquy .soliloquy-container {
margin-bottom: 5px !important;
}
.grid-outerwrap-5 .catch-wrap.soliloquy .soliloquy-container {
margin-bottom: 0px !important;
}
div[id="primary"] main[id="main"] ul[id*="soliloquy"] {
padding-left: 0px !important;
}
div[id="content"] div[id="primary"] ul[id*="soliloquy"] li {
/* margin-bottom: 0.5em !important; */
margin-bottom: 0em !important;
}
/*--------------------------------------------------------------
## Envira Gallery
--------------------------------------------------------------*/
.catch-wrap.envira {
margin-right: -5px;
margin-left: -5px;
}
.catch-wrap.envira .catch-text-wrap {
margin-right: 5px;
margin-left: 5px;
}
.catch-wrap.envira .envira-gallery-wrap {
margin-bottom: 5px !important;
}
.catch-wrap.envira .envira-gallery-public {
margin-bottom: 0px !important;
}
/*--------------------------------------------------------------
## Modal
--------------------------------------------------------------*/
/* Mosaik Boxes in PopUp */
/*
.sqpp-outerwrap.sqpp-entry-aside.sqpp-popup {
z-index: 10;
}
*/
/*
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*NG ADDON*/
.modal-header .close {
float: none;
font-size: 30px;
line-height: 1;
/*color: #fff;*/
width: 40px;
height: 40px;
/*border-radius: 20px;*/
padding: 0;
position: absolute;
top: 0px;
right: 32px;
z-index: 10;
/*filter: alpha(opacity=20);*/
/*opacity: 1;*/
}
.modal-header .close:hover,
.modal-header .close:focus {
/*color: #000;*/
text-decoration: none;
cursor: pointer;
/*filter: alpha(opacity=50);*/
/*opacity: .5;*/
}
/*end of NG ADDON*/
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
/*width: auto;*/
/*margin: 10px;*/
margin-top: 64px;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}
.modal-header .close {
margin-top: 12px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal-dialog {
max-width: 80%;
margin: 50px auto;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 50px auto;
}
.modal-title {
2.4rem;
}
.modal .sqpp-popup {
font-size: 1.6rem;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
/*.modal-sm {
width: 300px;
}*/
}
/*@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
@media (min-width: 1200px) {
.modal-lg {
width: 1090px;
}
}*/
/*** Modal aka PopUp sizes */
/*
* 1 : Schmales > 1 column layout
* 2 : Mittelbreites > 2 columns layout
* 3 : Breites > 4 columns layout
*/
/** Responsive Mosaik Boxes within a PopUp or Modal */
/* for reference ...
@media (min-width: 971px) {}
@media (min-width: 771px) and (max-width: 970px) {}
@media (min-width: 521px) and (max-width: 770px) {}
@media (max-width: 520px) {}
*/
.modal-dialog.sqpp-popup-size-1 {
width: 100%;
max-width: 456px !important;
margin-right: auto;
margin-left: auto;
padding-right: 32px;
padding-left: 32px;
}
.modal-dialog.sqpp-popup-size-,
.modal-dialog.sqpp-popup-size-2 {
width: 100%;
max-width: 706px !important;
margin-right: auto;
margin-left: auto;
padding-right: 32px;
padding-left: 32px;
}
.modal-dialog.sqpp-popup-size-3 {
width: 100%;
max-width: 1082px !important;
margin-right: auto;
margin-left: auto;
padding-right: 32px;
padding-left: 32px;
}
/** /Boostrap modal */
/*--------------------------------------------------------------
## Beyond box
--------------------------------------------------------------*/
.beyond-box-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.beyond-box-wrap .beyond-box-item-1 { grid-area: 1 / 1 / 3 / 3; }
.beyond-box-wrap .beyond-box-item-2 { grid-area: 1 / 3 / 2 / 4; }
.beyond-box-wrap .beyond-box-item-3 { grid-area: 2 / 3 / 3 / 4; }
.beyond-box-wrap .cssgrid-img {
display:block !important; border:none !important;
}
.beyond-box-wrap .beyond-box-item {
border:1px solid #cccccc;
}
/* sqppdev */
.beyond-box-item-wrap:not(.lifestyle) {
margin-bottom: 10px !important;
}
.beyond-box-item-wrap:not(.lifestyle) p,
#primary #main div.beyond-box-item-wrap.people p {
padding-bottom: 10px !important;
}
@media (min-width:100px) {
#primary #main div.beyond-box-item-wrap.people p {
padding-bottom: 10px !important;
}
}
.beyond-box-item-wrap:hover .beyond-info {
color: #ff6600;
}
/*--------------------------------------------------------------
## WPFront Scroll Top
--------------------------------------------------------------*/
#wpfront-scroll-top-container i {
color: #ff6600;
font-size: 36px;
background: white;
border-radius: 50%;
}
#wpfront-scroll-top-container:hover i {
opacity: 70%;
}
/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/** Hello snippet shortcode */
.hello {
font-weight: bold;
color: #FF6600;
}
/*--------------------------------------------------------------
# Quick fixes > move to right place
--------------------------------------------------------------*/
.colored,
.color,
p.color,
p.colored,
p.color a,
p.colored a {
color: #FF6600;
}
a.link-gray,
a.link-gray:link,
a.link-gray i,
a.link-gray:link i a span.link-gray,
a:link span.link-gray,
a span.link-gray i,
a:link span.link-gray i {
color: #cccccc !important;
}
/** if 2 grid-items after one another fix */
.grid-item>.grid-item {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
/*a:hover article .bg-cover {
opacity: 0.5;
}*/
a:hover article h2,
a:hover article h3,
a:hover article h4,
a:hover article p,
a>article:hover i:before,
a:focus article h2,
a:focus article h3,
a:focus article h4,
a:focus article p,
a>article:focus i:before {
color: #FF6600;
}
/* sqpp hide admin tool bar if not logged in */
/* css hack because else admin tool bar is displayed also if not logged in */
/*
body:not(.logged-in) #wpadminbar {
display: none !important;
}
*/
/* sqpp grid-13 grid-31 */
/* hack because else width is not 25% 75% resp 75% 25% */
@media only screen and (max-width: 900px) and (min-width: 780px) {
#content #primary #main .grid-13>.grid-item:nth-of-type(2n+1) {
width: 25%;
}
#content #primary #main .grid-13>.grid-item:nth-of-type(2n+2) {
width: 75%;
}
#content #primary #main .grid-31>.grid-item:nth-of-type(2n+1) {
width: 75%;
}
#content #primary #main .grid-31>.grid-item:nth-of-type(2n+2) {
width: 25%;
}
}
/* sqpp dev */
/* sqpp > check if browser refresh works */
/*
#mobile-nav-wrap a {
color: red;
}
*/
/* CPT styles shared */
/** Preview CPT styles shared */
.wp-block-image.preview-box {
margin-bottom: 5px;
}
/** /Preview CPT styles shared */
/* sqppdev */
/* Beyond list - Info - Lifestyle - People - Picks */
.beyond-list-wrap {
margin-top: 0px;
}
.beyond-list-item-wrap {
margin-top: 20px;
}
.beyond-list-wrap .beyond-list-item-wrap:first-of-type {
margin-top: 0px;
}
.beyond-list-item-wrap:hover .beyond-list-item.border-top {
border-top-color: #ff6600;
}
.beyond-list-item-wrap:hover .beyond-list-item-headline {
color: #ff6600;
}
.beyond-list-item-wrap .beyond-target-icon.link-orange {
color: #ff6600;
}
.beyond-list-item-wrap:hover .beyond-target-icon.link-orange {
font-weight: bold;
}
p.beyond-list-footer {
padding-top: 20px;
}
.beyond-list-wrap.top.has-top-on p {
margin-bottom: 20px !important;
}
/* /Beyond - Info - Lifestyle - People - Picks */
/* /CPT styles shared */
/* Interviews */
.wp-block-image.preview-box.single-interview {
margin-bottom: 0px;
}
.entry-title.interview.about.wp-block-heading {
margin-bottom: 0px;
}
.interview-text-wrap {
margin-top: 25px;
}
.interview-info-wrap,
.interview-disclaimer-wrap {
margin-top: 25px;
}
div.preview.interview:not(.shortcode) {
position: relative;
padding-bottom: 40px;
}
p.interview-intro {
margin-bottom: 10px !important;
}
p.interview-info {
margin-top: 5px;
margin-bottom: 10px;
}
p.interview-info.border-top {
margin-top: 0px;
}
p.interview-icon.icon-bottom {
position: absolute;
bottom: 20px;
margin-bottom: 0px;
}
.preview.interview a:hover .interview-byline {
color: #121D2C;
}
.preview.interview a:hover img {
opacity: 0.3;
background-color: #ff6600;
}
p.interview-intro {
padding-bottom: 10px !important;
}
/* /Interviews */
/* Snapshots */
.preview.snapshot a:hover .preview-box {
opacity: 0.9;
}
.preview.snapshot a:hover img {
background-color: rgba(255,102,0,0.3);
}
.preview.snapshot a:hover .caption {
color: #ff6600;
}
/* /Snapshots */
/* Event type 1 eg Roundtables */
.content-event-1 .catch-wrap .envira-gallery-wrap {
margin-bottom: 0px !important;
}
.catch-caption {
margin-top: 0px !important;
}
h2.entry-title.event-1.moderators {
margin-top: 30px;
}
aside.event-1-people.participant,
aside.event-1-people.moderator {
margin-top: 30px;
}
aside.event-1-people > div {
padding-bottom: 0px !important;
margin-bottom: 10px !important;
}
/* Microsite */
.microsite-contacts {
margin-bottom: 15px;
}
.sqppcontact .grid-item .wp-block-columns.subgrid {
padding-bottom: 0px !important;
margin-bottom: 20px !important;
}
/* /Microsite */
/* NP News */
.sqppnpnews a span.link-orange {
color: #ff6600 !important;
}
.sqppnpnews a:link span.link-orange {
color: #ff6600 !important;
}
.preview.newsnp.home:hover .preview-box {
opacity: 0.9;
}
.preview.newsnp.home:hover .preview-box {
background-color: #ff6600;
}
.preview.newsnp.home:hover .news-title {
color: #ff6600;
}
/* /NP News */
/* Contact cpt */
.sqppcontact p.contact-name,
.sqppcontact p.contact-info {
margin-bottom: 0px;
}
/* /Contact cpt */
/* ad Ads */
/** sqpp temp */
.boxadwrap {
max-width: 1480px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
div[id*=ad-leaderboard-].boxadwrap img {
margin: 0px !important;
margin-top: 0px !important;
}
/** /sqpp temp */
/* /ad Ads */
/* Temp styles for to display old grid styles from old FP to get rudimentary displayed on new FP site */
/* Import temp styles for display of post imports from old FP to new FP site */
.panel-grid {
width: 100%;
}
.sqpp-5,
.sqpp-1-4,
.sqpp-1-2-2, .sqpp-1-2pb-2, .sqpp-1-2-2pb, .sqpp-1-2pb-2pb,
.sqpp-1-1-2-1,
.sqpp-1-1-1-2, .sqpp-1-1-1-2pb,
.sqpp-1-2-1-1, .sqpp-1-2pb-1-1,
.sqpp-1-1-1-1-1,
.sqpp-1-1-3,
.sqpp-1-3-1 {
width: 100%;
display: flex;
outline: thin solid #00ff00;
outline-offset: 6px;
gap: 20px;
margin-bottom: 30px;
}
.sqpp-5 > div,
.sqpp-1-4 > div,
.sqpp-1-2-2 > div, .sqpp-1-2pb-2 > div, .sqpp-1-2-2pb > div, .sqpp-1-2pb-2pb > div,
.sqpp-1-1-2-1 > div,
.sqpp-1-1-1-2 > div, .sqpp-1-1-1-2pb > div,
.sqpp-1-2-1-1 > div, .sqpp-1-2pb-1-1 > div,
.sqpp-1-1-1-1-1 > div,
.sqpp-1-1-3 > div,
.sqpp-1-3-1 > div {
outline: thin solid #00ff00;
outline-offset: 3px;
}
.sqpp-5 > div {
width: 100%;
}
.sqpp-1-4 > div:nth-of-type(1) {
width: calc( (20% - (20px * 1 / 2)) - 1px );
}
.sqpp-1-4 > div:nth-of-type(2) {
width: calc( (80% - (20px * 1 / 2)) - 1px );
}
.sqpp-1-2-2 > div:nth-of-type(1),
.sqpp-1-2pb-2 > div:nth-of-type(1),
.sqpp-1-2-2pb > div:nth-of-type(1),
.sqpp-1-2pb-2pb > div:nth-of-type(1) {
width: calc( (20% - (20px * 2 / 3)) - 1px );
}
.sqpp-1-2-2 > div:nth-of-type(2),
.sqpp-1-2-2 > div:nth-of-type(3),
.sqpp-1-2pb-2 > div:nth-of-type(2),
.sqpp-1-2pb-2 > div:nth-of-type(3),
.sqpp-1-2-2pb > div:nth-of-type(2),
.sqpp-1-2-2pb > div:nth-of-type(3),
.sqpp-1-2pb-2pb > div:nth-of-type(2),
.sqpp-1-2pb-2pb > div:nth-of-type(3) {
width: calc( (40% - (20px * 2 / 3)) - 1px );
}
.sqpp-1-1-2-1 > div:nth-of-type(1),
.sqpp-1-1-2-1 > div:nth-of-type(2),
.sqpp-1-1-2-1 > div:nth-of-type(4) {
width: calc( (20% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-1-2-1 > div:nth-of-type(3) {
width: calc( (40% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-1-1-2 > div:nth-of-type(1),
.sqpp-1-1-1-2 > div:nth-of-type(2),
.sqpp-1-1-1-2 > div:nth-of-type(3),
.sqpp-1-1-1-2pb > div:nth-of-type(1),
.sqpp-1-1-1-2pb > div:nth-of-type(2),
.sqpp-1-1-1-2pb > div:nth-of-type(3) {
width: calc( (20% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-1-1-2 > div:nth-of-type(4),
.sqpp-1-1-1-2pb > div:nth-of-type(4) {
width: calc( (40% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-2-1-1 > div:nth-of-type(1),
.sqpp-1-2-1-1 > div:nth-of-type(3),
.sqpp-1-2-1-1 > div:nth-of-type(4),
.sqpp-1-2pb-1-1 > div:nth-of-type(1),
.sqpp-1-2pb-1-1 > div:nth-of-type(3),
.sqpp-1-2pb-1-1 > div:nth-of-type(3) {
width: calc( (20% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-2-1-1 > div:nth-of-type(2),
.sqpp-1-2pb-1-1 > div:nth-of-type(2) {
width: calc( (40% - (20px * 3 / 4)) - 1px );
}
.sqpp-1-1-1-1-1 > div:nth-of-type(1),
.sqpp-1-1-1-1-1 > div:nth-of-type(2),
.sqpp-1-1-1-1-1 > div:nth-of-type(3),
.sqpp-1-1-1-1-1 > div:nth-of-type(4),
.sqpp-1-1-1-1-1 > div:nth-of-type(5) {
width: calc( (20% - (20px * 4 / 5)) - 1px );
}
.sqpp-1-1-3 > div:nth-of-type(1),
.sqpp-1-1-3 > div:nth-of-type(2) {
width: calc( (20% - (20px * 2 / 3)) - 1px );
}
.sqpp-1-1-3 > div:nth-of-type(3) {
width: calc( (60% - (20px * 2 / 3)) - 1px );
}
.sqpp-1-3-1 > div:nth-of-type(1),
.sqpp-1-3-1 > div:nth-of-type(3) {
width: calc( (20% - (20px * 2 / 3)) - 1px );
}
.sqpp-1-3-1 > div:nth-of-type(2) {
width: calc( (60% - (20px * 2 / 3)) - 1px );
}
/* Sub grid very basic style not responsive on old FP site */
.ggrid {
display: flex;
width: 100%;
}
/** Display the old transfered content only if logged in */
body .entry-content div[id*="pl-"] {
display: none;
}
body.logged-in .entry-content div[id*="pl-"] {
display: block;
}
/* /Temp styles for to display old grid styles from old FP to get rudimentary displayed on new FP site */
/** Responsive display */
/** > moved from above at the end of the style sheet */
/** > block inline-block inline flex table */
/*** flex item order */
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-20 {
order: 20;
}
.order-21 {
order: 21;
}
.order-22 {
order: 22;
}
.order-23 {
order: 23;
}
.order-30 {
order: 30;
}
.order-40 {
order: 40;
}
.order-50 {
order: 50;
}
.order-51 {
order: 51;
}
.order-52 {
order: 52;
}
.order-53 {
order: 53;
}
.order-60 {
order: 60;
}
.order-70 {
order: 70;
}
.order-80 {
order: 80;
}
.order-90 {
order: 90;
}
.order-99 {
order: 99;
}
.order-100 {
order: 100;
}
.order-999 {
order: 999;
}
/*** device specific displays */
.mobile,
.mobile-block,
.mobile-inline-block,
.mobile-inline,
.mobile-flex,
.mobile-table {
display: none;
}
.tablet,
.tablet-block,
.tablet-inline-block,
.tablet-inline,
.tablet-flex,
.tablet-table {
display: none;
}
.laptop,
.laptop-block,
.laptop-inline-block,
.laptop-inline,
.laptop-flex,
.laptop-table {
display: none;
}
.desktop,
.desktop-block,
.desktop-inline-block,
.desktop-inline,
.desktop-flex,
.desktop-table {
display: none;
}
@media (min-width: 1201px) {
.mobile,
.mobile-block,
.mobile-inline-block,
.mobile-inline,
.mobile-flex,
.mobile-table,
.tablet,
.tablet-block,
.tablet-inline-block,
.tablet-inline,
.tablet-flex,
.tablet-table,
.laptop,
.laptop-block,
.laptop-inline-block,
.laptop-inline,
.laptop-flex,
.laptop-table {
display: none !important;
}
.desktop-block {
display: block !important;
}
.desktop-inline-block {
display: inline-block !important;
}
.desktop-inline {
display: inline !important;
}
.desktop-flex {
display: flex !important;
}
.desktop-table {
display: table !important;
}
.desktop-order-1 {
order: 1;
}
.desktop-order-2 {
order: 2;
}
.desktop-order-3 {
order: 3;
}
.desktop-order-4 {
order: 4;
}
.desktop-width-25 {
width: 25% !important;
}
.desktop-width-50 {
width: 50% !important;
}
.desktop-width-100 {
width: 100% !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.mobile,
.mobile-block,
.mobile-inline-block,
.mobile-inline,
.mobile-flex,
.mobile-table,
.tablet,
.tablet-block,
.tablet-inline-block,
.tablet-inline,
.tablet-flex,
.tablet-table,
.desktop,
.desktop-block,
.desktop-inline-block,
.desktop-inline,
.desktop-flex,
.desktop-table {
display: none !important;
}
.laptop-block {
display: block !important;
}
.laptop-inline-block {
display: inline-block !important;
}
.laptop-inline {
display: inline !important;
}
.laptop-flex {
display: flex !important;
}
.laptop-table {
display: table !important;
}
.laptop-order-1 {
order: 1;
}
.laptop-order-2 {
order: 2;
}
.laptop-order-3 {
order: 3;
}
.laptop-order-4 {
order: 4;
}
.laptop-width-25 {
width: 25% !important;
}
.laptop-width-50 {
width: 50% !important;
}
.laptop-width-100 {
width: 100% !important;
}
}
@media (min-width: 501px) and (max-width: 900px) {
.mobile,
.mobile-block,
.mobile-inline-block,
.mobile-inline,
.mobile-flex,
.mobile-table,
.laptop,
.laptop-block,
.laptop-inline-block,
.laptop-inline,
.laptop-flex,
.laptop-table,
.desktop,
.desktop-block,
.desktop-inline-block,
.desktop-inline,
.desktop-flex,
.desktop-table {
display: none !important;
}
.tablet-block {
display: block !important;
}
.tablet-inline-block {
display: inline-block !important;
}
.tablet-inline {
display: inline !important;
}
.tablet-flex {
display: flex !important;
}
.tablet-table {
display: table !important;
}
.tablet-order-1 {
order: 1;
}
.tablet-order-2 {
order: 2;
}
.tablet-order-3 {
order: 3;
}
.tablet-order-4 {
order: 4;
}
.tablet-width-25 {
width: 25% !important;
}
.tablet-width-50 {
width: 50% !important;
}
.tablet-width-100 {
width: 100% !important;
}
.tablet-featured {
font-size: 22px;
}
}
@media (max-width: 500px) {
.tablet,
.tablet-block,
.tablet-inline-block,
.tablet-inline,
.tablet-flex,
.tablet-table,
.laptop,
.laptop-block,
.laptop-inline-block,
.laptop-inline,
.laptop-flex,
.laptop-table,
.desktop,
.desktop-block,
.desktop-inline-block,
.desktop-inline,
.desktop-flex,
.desktop-table {
display: none !important;
}
.mobile-block {
display: block !important;
}
.mobile-inline-block {
display: inline-block !important;
}
.mobile-inline {
display: inline !important;
}
.mobile-flex {
display: flex !important;
}
.mobile-table {
display: table !important;
}
.mobile-order-1 {
order: 1;
}
.mobile-order-2 {
order: 2;
}
.mobile-order-3 {
order: 3;
}
.mobile-order-4 {
order: 4;
}
.mobile-width-25 {
width: 25% !important;
}
.mobile-width-50 {
width: 50% !important;
}
.mobile-width-100 {
width: 100% !important;
}
.mobile-featured {
font-size: 18px;
}
}
/** /Responsive display */
/* Bottom equal margin for all pages fix */
.post-type-archive footer#colophon,
.single-sqppunternehmen footer#colophon,
.single-sqppcoffee footer#colophon,
.single-sqpproundtable footer#colophon,
.single-sqppinterview footer#colophon,
.single-sqppsnapshot footer#colophon,
.single-sqppvideo footer#colophon {
margin-top: 20px;
}
/* Print hacks > for most print CSS see > assets/css/print.css */
@media print {
#primary #main .crumbs-wrap .crumbs {
border-bottom: 1px solid transparent !important;
}
} /* @print */