/*
Theme Name: PP Gwand
Theme URI: http://pp-branding.com/
Author: PP Branding
Author URI: http://pp-branding.com/
Description: Custom WordPress theme for Gwand.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ppgwand
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.
PP Gwand is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Language
# Typography
## Responsive Typography
# Elements
## Taxonomies
# Forms
## Buttons
# Navigation
## Links
## Menus
# Accessibility
# General Formats & Alignments
# Clearings
# Widgets
# Layout
## Colors
## Grid
# Header
# Content
## Posts,pages, custom post types
## Comments
# Footer
## Infinite scroll
# Media
## Captions
## Galleries
# Components
## Boostrap Modal
## Tooltip
## Caldera
# Admin + Adminbar
# Plugins
# Test + Checks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Language
--------------------------------------------------------------*/
.sqpp-inline-de,
.sqpp-inline-en {
display: none;
}
html[lang="de-DE"] .sqpp-inline-de {
display: inline !important;
}
html[lang="en-US"] .sqpp-inline-en {
display: inline !important;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.sqpp-font-gwand {
font-family: 'gwand' !important;
}
span.sqpp-font-gwand {
font-family: 'gwand' !important;
}
.sqpp-font-gwandicons {
font-family: 'gwandicons' !important;
}
span.sqpp-font-gwandicons {
font-family: 'gwandicons' !important;
}
.sqpp-fontawesome {
font-family: 'FontAwesome' !important;
}
span.sqpp-fontawesome {
font-family: 'FontAwesome' !important;
}
body,
button,
input,
select,
textarea {
color: #171717;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: sans-serif;
font-weight: normal;
font-family: 'bebas_neuelight';
font-weight: 300;
text-transform: uppercase;
word-spacing: 0.1em;
margin-top: 0;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-family: sans-serif;
font-weight: normal;
font-family: 'bebas_neuebold';
}
#main h2 {
margin-top: 1em;
}
h1 {
font-size: 300%;
line-height: 1;
}
#main h2 {
font-family: bebas_neuebold;
font-size: 200%;
line-height: 1;
}
h2,
h3 {
line-height: 1.2;
}
h4,
h5,
h6 {
line-height: 1.5;
}
h1.entry-title {
font-size: 300%;
line-height: 1;
font-family: bebas_neuebold, sans-serif;
}
.entry-header .entry-title {
margin-bottom: 0px !important;
}
h2,
h3 {
line-height: 1.2;
}
h4,
h5,
h6 {
line-height: 1.2;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:link,
a:visited,
a:hover,
a:active {
color: #171717;
}
a:visited {
color: #171717;
}
a:hover,
a div.sqpp-box-top:hover {
opacity: 0.5;
}
.sqpp-star-box a:hover footer .sqpp-box-footer-left span {
opacity: 1 !important;
z-index: 9999999;
}
.sqpp-font-gwand {
font-family: 'gwand' !important;
font-weight: normal !important;
}
.site-title {
font-family: 'gwand' !important;
font-weight: normal !important;
/*font-size: 237.2093%;*/
font-size: 3em;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.site-title a {
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.site-description {
font-family: 'bebas_neuelight';
font-size: 3em;
text-transform: uppercase;
word-spacing: 0.1em;
width: calc(100% - 90px);
overflow: hidden;
}
/*span.site-description {
white-space: nowrap;
}*/
span.sqpp-claim-extension {
white-space: nowrap;
}
.sqpp-header-text,
.entry-title {
font-family: bebas_neuebold, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 7em;
line-height: 1.1;
}
.entry-content {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 400;
font-style: normal;
font-size: 150%;
}
/*nav#site-navigation.main-navigation ul.menu li {
font-family: sans-serif;
font-family: 'bebasneue_bold' !important;
font-weight: normal;
font-style: normal;
font-size: 200%;
text-transform: uppercase;
}*/
nav#site-navigation.main-navigation ul.menu li {
font-family: bebas_neuebold;
font-weight: normal;
font-style: normal;
font-size: 200%;
}
.main-navigation ul li ul {
display: none !important;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.sqpp-off {
display: none;
}
/** Device and width controls */
.sqpp-inline-block-phone {
display: inline !important;
}
.sqpp-inline-block-desktop {
display: none !important;
}
@media screen and (min-width: 601px) {
.sqpp-inline-block-phone {
display: none !important;
}
.sqpp-inline-block-desktop {
display: inline-block !important;
}
}
/** /.Device and width controls */
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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: transparent; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
/*margin: 0 0 1.5em 3em;*/
margin: 0 0 1.5em 0em;
}
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: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/** Wrapers and container elements */
div#page {
position: relative;
}
.sqpp-full-bg-image,
.sqpp-full-bg-image-2,
.sqpp-full-bg-video,
.sqpp-full-bg-color {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -2;
}
.sqpp-full-bg-image {
background-image: none;
}
.sqpp-full-bg-image-2 {
background-image: none;
}
/*.sqpp-full-bg-video {
display: none;
}*/
.sqpp-full-bg-color {
background-color: #ffffff;
}
#content,
.sqpp-wrap-fullwidth {
width: 100%;
}
#main,
.sqpp-container-boxed {
position: relative;
max-width: 1050px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#main,
.sqpp-hpadding {
padding-right: 15px;
padding-left: 15px;
}
/** Header */
#masthead {
position: relative;
}
.sqpp-header-image-bg,
.sqpp-header-image-2-bg,
.sqpp-header-video-bg,
.sqpp-header-color-bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.sqpp-header-image-bg {
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.sqpp-header-image-2-bg {
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.sqpp-header-video-bg {
display: none;
}
.sqpp-header-color-bg {
background-color: transparent;
}
.sqpp-header-legende {
position: absolute;
bottom: 0px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
text-align: center;
line-height: 1;
}
p.site-title {
margin-top: 4px;
margin-bottom: 0 !important;
line-height: 1.0 !important;
}
.site-description {
line-height: 1 !important;
padding-top: 0.15em;
}
.sqpp-claim-extension p {
margin: 0 !important;
}
.sqpp-header-text {
margin-top: 100px;
margin-bottom: 100px;
}
.sqpp-header-text-table {
width: 100%;
height: 100%;
}
.sqpp-header-text-table p {
width: 90%;
}
.site-title a {
position: relative;
}
.sqpp-branding-line {
font-family: 'gwand';
font-size: 290%;
line-height: 1.2;
width: auto;
border-bottom: none;
padding-top: 0;
overflow: hidden;
}
.sqpp-branding-line span {
display: inline-block;
font-family: 'gwand';
margin-left: -1px;
}
/*** Header yoast crumbs */
p#breadcrumbs {
font-family: 'bebas_neuelight';
margin-bottom: 0;
}
body.home p#breadcrumbs {
visibility: hidden;
}
/** Content */
#content {
margin-top: 3em; /* before 50px */
}
footer {
text-align: center;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/** Search form controls */
.search-no-results .sqpp-search-widget-bottom {
display: none;
}
input:focus,
:focus {
outline-color: magenta;
}
:focus {
outline: -webkit-focus-ring-color auto 2px;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
.sqpp-button {
display: inline-block;
text-align: center;
font-size: 24px;
font-weight: normal;
padding-top: 8px;
padding-right: 32px;
padding-bottom: 8px;
padding-left: 32px;
border-radius: 3px;
}
.sqpp-button.sqpp-button-full-width {
width: 100%;
}
/* remove dotted line below button label text */
/*
#page .sqpp-button .sqpp-inside-button,
#page .sqpp-button a .sqpp-inside-button {
border: none !important;
border-bottom: none !important;
border-bottom: 1px dotted transparent !important;
}
#page .sqpp-button a:link .sqpp-inside-button,
#page .sqpp-button a:visited .sqpp-inside-button,
#page .sqpp-button a:hover .sqpp-inside-button,
#page .sqpp-button a:active .sqpp-inside-button {
border: none !important;
border-bottom: none !important;
border-bottom: 1px dotted transparent !important;
}
*/
.sqpp-inside-button {
border: none !important;
border-bottom: none !important;
border-bottom: 0px dotted transparent !important;
}
/* small button */
.sqpp-button.sqpp-button-small {
font-size: 16px;
font-weight: normal;
padding-top: 4px;
padding-right: 16px;
padding-bottom: 4px;
padding-left: 16px;
}
/** /ad Buttons */
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: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
select {
border: 1px solid #ccc;
}
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: #111;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
#site-navigation {
display: none !important;
}
--------------------------------------------------------------*/
.sqpp-nav-wrap #site-navigation .sqpp-nav-button {
position: absolute;
top: 47px;
right: 0px;
z-index: 999991;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button {
padding-top: 4px;
}
/*@media screen and (min-height: 1200px) {
.sqpp-nav-wrap #site-navigation .sqpp-nav-button-2 {
display: inline-block;
}
}*/
.sqpp-nav-wrap #site-navigation .sqpp-nav-button .menu-toggle {
white-space: nowrap;
}
.sqpp-nav-wrap #site-navigation .sqpp-nav-button .menu-toggle .sqpp-first-menu-toggle {
display: inline-block;
margin-right: -3px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
display: block;
position: absolute;
font-family: 'bebas_neuelight';
font-size: inherit;
line-height: 1.0;
content: "MENU";
padding-top: 8px;
padding-left: 2px;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button .menu-toggle:after {
display: block;
position: absolute;
font-family: 'bebas_neuelight';
font-size: 120px;
line-height: 0.45;
content: "×";
padding-top: 8px;
padding-left: 2px;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button {
display: block;
position: fixed;
top: 43px;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button .menu-toggle:before {
display: block;
position: fixed;
top: 47px;
font-family: 'bebas_neuelight';
font-size: 90%;
content: "CONTENT";
left: 15px;
}
/*
.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button .menu-toggle:after {
content: "";
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-button-icon-not-toggled {
display: inline-block;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-button-icon-toggled {
display: none;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-button-icon-not-toggled {
display: none;
}
.sqpp-nav-wrap #site-navigation.toggled .sqpp-button-icon-toggled {
display: inline-block;
position: fixed;
top: 14px;
right: 15px;
z-index: 99999991;
}
*/
/*.sqpp-nav-wrap #site-navigation.toggled .sqpp-nav-button .menu-toggle:after {
font-family: 'FontAwesome';
content: "";
}*/
/*nav#site-navigation {
position: relative;
}*/
/*#site-navigation.main-navigation div.menu {
position: fixed;
text-align: center;
z-index: 1;
width: 100%;
height: 100%;
min-height: 100%;
}*/
#site-navigation.main-navigation div ul.menu {
position: fixed;
top: 0;
padding-top: 103px;
text-align: center;
z-index: 1;
width: 100%;
height: 100%;
min-height: 100%;
background-color: rgba(255,255,255,0.7);
}
/** Metanav - Secondary */
ul#secondary-menu {
text-align: right;
margin-top: 4px;
margin-bottom: 5px;
}
.meta-navigation li {
display: inline-block;
font-size: 28px;
font-family: bebas_neuelight;
line-height: 1.2;
padding-left: 5px;
}
.meta-navigation ul#secondary-menu li:last-of-type {
padding-right: 17px;
}
html[lang="en-US"] .meta-navigation ul#secondary-menu li:last-of-type {
padding-right: 22px;
}
html[lang="de-DE"] .meta-navigation ul#secondary-menu li:last-of-type {
padding-right: 35px;
}
/*** Metanav exlude sub menu items */
.meta-navigation ul#secondary-menu li ul {
display: none !important;
}
/** Bottomnav - Septenary */
#bottom-navigation,
#bottom-navigation div,
ul#septenary-menu {
display: inline;
}
ul#septenary-menu {
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.bottom-navigation li {
display: inline;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.bottom-navigation li:before {
content: " · ";
}
.bottom-navigation li:last-of-type:after {
content: " · ";
}
/*** Bottomnav exlude sub menu items */
.bottom-navigation ul#septenary-menu li ul {
display: none !important;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #171717;
}
a:visited {
color: #171717;
}
a:hover,
a:focus,
a:active {
color: #171717;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content p a,
footer a {
border-bottom: 1px dotted;
}
.entry-content .sqpp-fontawesome a,
footer .sqpp-fontawesome a {
border-bottom: 0px dotted;
}
.sqpp-link-off a,
.sqpp-link-off {
pointer-events: none;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul li:first-of-type {
border-top: 1px dotted rgba(23,23,23,0.25);
}
.main-navigation ul li ul li:first-of-type,
.main-navigation ul li ul li ul li:first-of-type,
.main-navigation ul li ul li ul li ul li:first-of-type,
.main-navigation ul li ul li ul li ul li ul li:first-of-type,
.main-navigation ul li ul li ul li ul li ul li ul li:first-of-type {
border-top: none;
}
.main-navigation li {
/*float: left;*/
position: relative;
border-bottom: 1px dotted rgba(23,23,23,0.25);
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: inline-block;
}
#masthead .main-navigation a,
#masthead .main-navigation a:link,
#masthead .main-navigation a:visited,
#masthead .main-navigation a:active,
#masthead .main-navigation a:hover {
color: #171717 !important;
}
#masthead .main-navigation a:hover {
opacity: 0.5;
}
#masthead .main-navigation li.current-menu-item a:hover {
opacity: 1;
}
#masthead .main-navigation li.current-menu-item a:before {
content: "· ";
font-weight: 400;
font-style: normal;
}
#masthead .main-navigation li.current-menu-item a:after {
content: " ·";
font-weight: 400;
font-style: normal;
}
#site-navigation button.menu-toggle {
background: transparent !important;
background-color: transparent !important;
padding: 0 !important;
border: 0 !important;
font-size: 3em;
color: inherit;
overflow: hidden;
}
#site-navigation.toggled button.menu-toggle {
color: #171717;
}
/*@media screen and (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: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
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;
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;
}
/*--------------------------------------------------------------
# General Formats & 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;
}
.sqpp-text-align-right {
text-align: right;
}
.sqpp-text-align-center {
text-align: center;
}
.sqpp-text-align-left {
text-align: left;
}
.sqpp-fontawesome {
font-family: 'FontAwesome';
}
.sqpp-inline {
display: inline !important;
}
.sqpp-title-addon {
font-weight: normal !important;
}
h1 .sqpp-title-addon,
h2 .sqpp-title-addon,
h3 .sqpp-title-addon,
h4 .sqpp-title-addon,
h5 .sqpp-title-addon,
h6 .sqpp-title-addon {
font-family: bebas_neuelight;
}
.sqpp-nowrap {
white-space: nowrap;
}
.sqpp-color-default {
color: inherit;
}
.sqpp-color-white {
color: #ffffff;
}
.sqpp-color-magenta {
color: #ff00ff;
}
.sqpp-color-lightgray {
color: #cccccc;
}
.sqpp-color-darkgray {
color: #333333;
}
.sqpp-color-dark {
color: #171717;
}
a[href=""] {
cursor: default;
pointer-events: none;
}
.sqpp-rowcolumn {
padding-right: 16px;
padding-left: 16px;
}
.sqpp-font-weight-normal {
font-weight: normal !important;
}
.sqpp-height-zero {
height: 0;
}
.sqpp-font-size-medium,
.sqpp-the-content {
font-size: 24px;
}
.sqpp-font-size-large {
font-size: 48px;
}
.sqpp-font-size-xlarge {
font-size: 60px;
}
.sqpp-font-size-xxlarge {
font-size: 120px;
}
.sqpp-font-size-default {
font-size: inherit;
}
/*--------------------------------------------------------------
## Responsive Typography
--------------------------------------------------------------*/
@media screen and (min-width: 751px) and (max-width: 900px) {
.site-description,
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
font-size: 48px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
padding-top: 8px;
}
.sqpp-header-text,
.entry-title {
font-size: 84px; /* before 64px */
}
.sqpp-font-size-medium, .sqpp-the-content {
font-size: 24px;
}
.sqpp-font-size-large {
font-size: 48px;
}
.sqpp-font-size-xlarge {
font-size: 72px;
}
.sqpp-font-size-sqpp-font-size-xxlarge {
font-size: 120px;
}
}
@media screen and (min-width: 601px) and (max-width: 750px) {
.site-description,
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
font-size: 42px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
padding-top: 4px;
}
.sqpp-header-text,
.entry-title {
font-size: 64px; /* before 54px */
margin-top: 0;
}
.entry-content {
font-size: 135%;
}
.sqpp-font-size-medium, .sqpp-the-content {
font-size: 22px;
}
.sqpp-font-size-large {
font-size: 40px;
}
.sqpp-font-size-xlarge {
font-size: 60px;
}
.sqpp-font-size-sqpp-font-size-xxlarge {
font-size: 96px;
}
}
@media screen and (min-width: 451px) and (max-width: 600px) {
.site-description,
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
font-size: 32px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
padding-top: 4px;
}
.sqpp-header-text,
.entry-title {
font-size: 54px; /* before 42px */
margin-top: 0;
}
.entry-content {
font-size: 125%;
}
.sqpp-font-size-medium, .sqpp-the-content {
font-size: 20px;
}
.sqpp-font-size-large {
font-size: 32px;
}
.sqpp-font-size-xlarge {
font-size: 48px;
}
.sqpp-font-size-sqpp-font-size-xxlarge {
font-size: 80px;
}
}
@media screen and (min-width: 321px) and (max-width: 450px) {
.site-description,
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
font-size: 28px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
padding-top: 3px;
}
.sqpp-header-text,
.entry-title {
font-size: 42px; /* before 36px */
margin-top: 0;
}
.entry-content {
font-size: 115%;
}
.sqpp-font-size-medium, .sqpp-the-content {
font-size: 18px;
}
.sqpp-font-size-large {
font-size: 24px;
}
.sqpp-font-size-xlarge {
font-size: 32px;
}
.sqpp-font-size-sqpp-font-size-xxlarge {
font-size: 48px;
}
}
@media screen and (max-width: 320px) {
.site-description,
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
font-size: 24px;
}
.sqpp-nav-wrap #site-navigation:not(.toggled) .sqpp-nav-button .menu-toggle:after {
padding-top: 5px;
}
.sqpp-header-text,
.entry-title {
font-size: 36px; /* before 28px */
margin-top: 0;
}
.entry-content {
font-size: 105%;
}
.sqpp-font-size-medium, .sqpp-the-content {
font-size: 16px;
}
.sqpp-font-size-large {
font-size: 22px;
}
.sqpp-font-size-xlarge {
font-size: 28px;
}
.sqpp-font-size-sqpp-font-size-xxlarge {
font-size: 36px;
}
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.comment-content:before,
.comment-content:after,
.comment-meta:before,
.comment-meta:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.hentry:before,
.hentry:after,
.nav-links:before,
.nav-links:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.sqpp-wrap:before,
.sqpp-wrap:after {
content: "";
display: table;
table-layout: fixed;
}
/* sqpp extra clears */
.sqpp-clearfix,
#top-navigation,
#sub-navigation,
.sqpp-wrap:before,
.sqpp-wrap:after {
content: "";
display: table;
clear: both;
}
.clear:after,
.comment-content:after,
.comment-meta:after,
.entry-content:after,
.entry-summary:after,
.hentry:after,
.nav-links:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.sqpp-wrap {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.sqpp-main-boxed-content-wrap {
display: block;
box-sizing: border-box;
position: relative;
max-width: 1050px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
overflow: hidden;
}
div#page {
margin-top: 0 !important;
}
#primary {
margin-bottom: 0; /* before 64px */
}
/*--------------------------------------------------------------
## Wraps
--------------------------------------------------------------*/
.sqpp-outerwrap {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.sqpp-wrap {
width: 100% !important;
max-width: 1050px !important;
margin-right: auto;
margin-left: auto;
}
.entry-title.sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
.sqpp-outerwrap.sqpp-the-content .sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
.sqpp-mf-row-headline.sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
.entry-title.sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
.sqpp-outerwrap.sqpp-the-content .sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/
/* > see at the bottom */
::selection {
background-color: #ff00ff;
color: #ffffff;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#sqpp-header-search-box {
display: none;
border-bottom: 1px solid #eee;
padding-top: 12px;
padding-bottom: 12px;
}
#sqpp-header-search-box form.search-form {
text-align: right;
}
#sqpp-header-search-box form.search-form input.search-field {
width: 210px;
}
/*** Outlines for construction */
/*.sqpp-header-top,
.site-description,
.sqpp-claim {
outline-style: solid;
outline-color: magenta;
outline-width: 1px;
}*/
/*--------------------------------------------------------------
## Grid + MF Grid
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Grid + MF Grid
--------------------------------------------------------------*/
.sqpp-mf-row-headline.sqpp-wrap {
padding-right: 16px;
padding-left: 16px;
}
/*** > remove wraps paddings if mosaik query is within the MF grid */
.sqpp-boxes-within-mf-grid {
/*width: 100%; > responsible for the width gap ? */
margin-top: -16px;
margin-right: -16px;
margin-bottom: -16px;
margin-left: -16px;
margin-top: -16px;
}
.sqpp-mf-row-headline.sqpp-wrap {
margin-top: 16px;
margin-bottom: 0px;
}
.sqpp-aside-content .sqpp-grid-column {
width: 25%;
float: left;
padding: 16px;
}
.sqpp-mf-row-color-bg-layer,
.sqpp-mf-row-image-bg-layer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sqpp-mf-row-color-bg-layer {
z-index: -2;
}
/* mf row background colors
1 : Standard
2 : Blauer Hintergrund
3 : Hellgrauer Hintergrund
4 : Dunkelgrauer Hintergrund
9 : Andere Hintergrund-Farbe
.sqpp-mf-row-color-bg-layer .sqpp-mf-row-bg-color-1 {
background-color: #ffffff;
}
.sqpp-mf-row-color-bg-layer .sqpp-mf-row-bg-color-2 {
background-color: #1da1f2;
}
.sqpp-mf-row-color-bg-layer .sqpp-mf-row-bg-color-3 {
background-color: #cccccc;
}
.sqpp-mf-row-color-bg-layer .sqpp-mf-row-bg-color-4 {
background-color: #333333;
}
.sqpp-mf-row-color-bg-layer .sqpp-mf-row-bg-color-9 {
background-color: inherit;
}
.sqpp-mf-row-image-bg-layer {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: -1;
}
*/
/* mf div outerwrap >
>> sqpp-row-height-3 sqpp-row-top-margin-3 sqpp-row-bottom-margin-3 sqpp-row-top-padding-3 sqpp-row-bottom-padding-3
and...
... mf section wrap >
>> sqpp-wrap sqpp-flex-vertical-align-1 sqppacf-mf-row-content-width-2 sqpp-mf sqpp-grid-1
*/
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height- .sqpp-mf-editor-outerwrap,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-1 .sqpp-mf-editor-outerwrap {
min-height: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-2 .sqpp-mf-editor-outerwrap {
min-height: 120px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-3 .sqpp-mf-editor-outerwrap {
min-height: 240px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-4 .sqpp-mf-editor-outerwrap {
min-height: 360px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-5 .sqpp-mf-editor-outerwrap {
min-height: 480px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-6 .sqpp-mf-editor-outerwrap {
min-height: 720px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-1 {
margin-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-2 {
margin-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-3 {
margin-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-4 {
margin-top: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-5 {
margin-top: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-1 {
margin-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-2 {
margin-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-3 {
margin-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-4 {
margin-bottom: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-5 {
margin-bottom: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-1 {
padding-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-2 {
padding-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-3 {
padding-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-4 {
padding-top: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-5 {
padding-top: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-1 {
padding-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-2 {
padding-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-3 {
padding-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-4 {
padding-bottom: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-5 {
padding-bottom: 48px;
}
/* sqpp-wrap sqpp-flex-vertical-align-1 sqppacf-mf-row-content-width-2 sqpp-mf sqpp-grid-1
CHECK > sqpp-flex-vertical-align-1 > before add flexbox styles */
/* Flex box
align-items: flex-start | flex-end | center | baseline | stretch;
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
*/
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-2 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap,
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-3 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap {
display: flex;
}
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-2 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap {
align-items: center;
align-content: center;
}
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-3 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap {
align-items: flex-end;
align-content: center;
}
/* Flex item
flex-basis: 100%;
justify-content: center;
justify-content: flex-end;
align-self: flex-end;
*/
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align- .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap .sqpp-mf-editor-wrap,
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-1 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap .sqpp-mf-editor-wrap,
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-2 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap .sqpp-mf-editor-wrap,
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqpp-flex-vertical-align-3 .sqpp-grid-column.sqpp-column.sqpp-mf .sqpp-mf-editor-outerwrap .sqpp-mf-editor-wrap {
width: 100%;
}
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqppacf-mf-row-content-width-,
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqppacf-mf-row-content-width-1 {
max-width: 1050px !important;
}
.sqpp-outerwrap.sqpp-mf-row section.sqpp-wrap.sqppacf-mf-row-content-width-2 {
max-width: 1511px !important;
}
/*--------------------------------------------------------------
### Responsive MF Row Styles
--------------------------------------------------------------*/
@media screen and (min-width: 701px) and (max-width: 900px) {
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-2 .sqpp-mf-editor-outerwrap {
min-height: 90px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-3 .sqpp-mf-editor-outerwrap {
min-height: 160px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-4 .sqpp-mf-editor-outerwrap {
min-height: 240px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-5 .sqpp-mf-editor-outerwrap {
min-height: 320px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-6 .sqpp-mf-editor-outerwrap {
min-height: 560px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-1 {
margin-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-2 {
margin-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-3 {
margin-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-4 {
margin-top: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-5 {
margin-top: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-1 {
margin-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-2 {
margin-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-3 {
margin-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-4 {
margin-bottom: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-5 {
margin-bottom: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-1 {
padding-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-2 {
padding-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-3 {
padding-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-4 {
padding-top: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-5 {
padding-top: 48px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-1 {
padding-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-2 {
padding-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-3 {
padding-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-4 {
padding-bottom: 32px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-5 {
padding-bottom: 48px;
}
}
@media screen and (min-width: 451px) and (max-width: 700px) {
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-2 .sqpp-mf-editor-outerwrap {
min-height: 70px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-3 .sqpp-mf-editor-outerwrap {
min-height: 110px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-4 .sqpp-mf-editor-outerwrap {
min-height: 160px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-5 .sqpp-mf-editor-outerwrap {
min-height: 240px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-6 .sqpp-mf-editor-outerwrap {
min-height: 480px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-1 {
margin-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-2 {
margin-top: 6px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-3 {
margin-top: 12px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-4 {
margin-top: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-5 {
margin-top: 36px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-1 {
margin-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-2 {
margin-bottom: 6px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-3 {
margin-bottom: 12px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-4 {
margin-bottom: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-5 {
margin-bottom: 36px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-1 {
padding-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-2 {
padding-top: 6px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-3 {
padding-top: 12px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-4 {
padding-top: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-5 {
padding-top: 36px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-1 {
padding-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-2 {
padding-bottom: 6px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-3 {
padding-bottom: 12px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-4 {
padding-bottom: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-5 {
padding-bottom: 36px;
}
}
@media screen and (max-width: 450px) {
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-2 .sqpp-mf-editor-outerwrap {
min-height: 50px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-3 .sqpp-mf-editor-outerwrap {
min-height: 70px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-4 .sqpp-mf-editor-outerwrap {
min-height: 120px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-5 .sqpp-mf-editor-outerwrap {
min-height: 180px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-height-6 .sqpp-mf-editor-outerwrap {
min-height: 320px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-1 {
margin-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-2 {
margin-top: 4px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-3 {
margin-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-4 {
margin-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-margin-5 {
margin-top: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-1 {
margin-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-2 {
margin-bottom: 4px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-3 {
margin-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-4 {
margin-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-margin-5 {
margin-bottom: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-1 {
padding-top: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-2 {
padding-top: 4px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-3 {
padding-top: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-4 {
padding-top: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-top-padding-5 {
padding-top: 24px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-,
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-1 {
padding-bottom: 0;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-2 {
padding-bottom: 4px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-3 {
padding-bottom: 8px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-4 {
padding-bottom: 16px;
}
.sqpp-outerwrap.sqpp-mf-row.sqpp-row-bottom-padding-5 {
padding-bottom: 24px;
}
}
/*
4 column grid >
1 : 1 Spalte
11 : 2 Spalten - Gleiche Breite
22 : 2 Spalten - Gleiche Breite
13 : 2 Spalten - Schmal Breit
31 : 2 Spalten - Breit Schmal
121 : 3 Spalten > Schmal - Breit - Schmal
112 : 3 Spalten > Schmal - Schmal - Breit
211 : 3 Spalten > Breit - Schmal - Schmal
1111 : 4 Spalten > Gleiche Breite
*/
/*
3 column grid >
1 : 1 Spalte
11 : 2 Spalten - Gleiche Breite
12 : 2 Spalten - Schmal Breit
21 : 2 Spalten - Breit Schmal
111 : 3 Spalten - Gleiche Breite
111111 : 6 Spalten - Gleiche Breite
*/
.sqpp-grid-column {
float: left;
padding: 16px;
}
.sqpp-grid-1 .sqpp-grid-column {
width: 100%;
}
.sqpp-grid-11 .sqpp-grid-column {
width: 50%;
}
.sqpp-grid-12 .sqpp-grid-column:nth-of-type(1) {
width: 33.3333333%;
}
.sqpp-grid-12 .sqpp-grid-column:nth-of-type(2) {
width: 66.6666666%;
}
.sqpp-grid-21 .sqpp-grid-column:nth-of-type(1) {
width: 66.6666666%;
}
.sqpp-grid-21 .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-111 .sqpp-grid-column {
width: 33.3333333%;
}
.sqpp-grid-1111 .sqpp-grid-column {
width: 25%;
}
.sqpp-grid-11111 .sqpp-grid-column {
width: 20%;
}
.sqpp-grid-111111 .sqpp-grid-column {
width: 16.6666666%;
}
/*--------------------------------------------------------------
### Responsive Grid
--------------------------------------------------------------*/
/** Responsive grid temp emergency style */
/*
@media screen and (max-width: 700px) {
#main .sqpp-mf .sqpp-grid-column.sqpp-column.sqpp-mf,
#colophon .sqpp-mf .sqpp-grid-column.sqpp-column.sqpp-mf {
width: 100% !important;
}
} */
/** Responsive grid finale style */
/* Width with a 3 column layout grid */
@media screen and (min-width: 701px) and (max-width: 900px) {
/* basic style */
.sqpp-grid-1:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 100%;
}
.sqpp-grid-11:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 50%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 33.3333333%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 66.6666666%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 66.6666666%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 33.3333333%;
}
.sqpp-grid-111111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 16.6666666%;
}
/* CHECK for 111-grid > if there are empty columns */
.sqpp-grid-1111.sqpp-column-1-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1),
.sqpp-grid-1111.sqpp-column-2-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2),
.sqpp-grid-1111.sqpp-column-3-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3),
.sqpp-grid-1111.sqpp-column-4-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(4) {
display: none;
}
/* CHECK for 111-grid > if 1st column has headline */
.sqpp-grid-11.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1),
.sqpp-grid-22.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 33.3333333%;
}
.sqpp-grid-11.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2),
.sqpp-grid-22.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 66.6666666%;
}
.sqpp-grid-13.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 33.3333333%;
}
.sqpp-grid-13.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 66.6666666%;
}
.sqpp-grid-31.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 66.6666666%;
}
.sqpp-grid-31.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 66.6666666%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 33.3333333%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 33.3333333%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 33.3333333%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 66.6666666%;
}
.sqpp-grid-1111.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-1111.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333%;
}
.sqpp-grid-1111.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 33.3333333%;
}
.sqpp-grid-1111.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(4) {
width: 33.3333333%;
}
}
/* Width with a 2 column layout grid */
@media screen and (min-width: 451px) and (max-width: 700px) {
/* basic style */
.sqpp-grid-1:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 100%;
}
.sqpp-grid-11:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 50%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 50%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 50%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 50%;
}
.sqpp-grid-111111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 25%;
}
/* CHECK for 111-grid > if 1st column has headline */
.sqpp-grid-11.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1),
.sqpp-grid-22.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 50%;
}
.sqpp-grid-11.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2),
.sqpp-grid-22.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-13.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-13.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 100%;
}
.sqpp-grid-31.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-31.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-121.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 50%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-211.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 50%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 50%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 50%;
}
.sqpp-grid-112.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3) {
width: 100%;
}
.sqpp-grid-1111.sqpp-first-column-is-headline:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 50%;
}
}
/* Width with a 1 column layout grid */
@media screen and (max-width: 450px) {
/* basic style */
.sqpp-grid-1:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 100%;
}
.sqpp-grid-11:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-12:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 100%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1) {
width: 100%;
}
.sqpp-grid-21:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2) {
width: 100%;
}
.sqpp-grid-111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 100%;
}
.sqpp-grid-111111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 50%;
}
/* CHECK for 111-grid > if there are empty columns */
section.sqpp-wrap.sqpp-column-1-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(1),
section.sqpp-wrap.sqpp-column-2-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(2),
section.sqpp-wrap.sqpp-column-3-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(3),
section.sqpp-wrap.sqpp-column-4-empty:not(.sqpp-not-responsive) .sqpp-grid-column:nth-of-type(4) {
display: none;
}
}
@media screen and (max-width: 380px) {
/* basic style */
.sqpp-grid-111111:not(.sqpp-not-responsive) .sqpp-grid-column {
width: 100%;
}
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 0; /* before 1.5em */
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.entry-meta {
font-family: 'bebas_neuelight';
}
/*--------------------------------------------------------------
## Boxes
--------------------------------------------------------------*/
.sqpp-mosaik.sqpp-box-wrap {
position: relative;
}
div[id^="CE"] {
display: inline !important;
}
.sqpp-box .sqpp-innerwrap {
overflow: hidden;
z-index: 10;
}
article.sqpp-box {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
/*** Min box height */
div.sqpp-mosaik article.sqpp-box.sqpp-box-eh {
min-height: 80px;
}
/*
div.sqpp-mosaik.sqpp-partner-link-box article.sqpp-box.sqpp-box-eh,
div.sqpp-mosaik.sqpp-person-box article.sqpp-box.sqpp-box-eh {
min-height: 0;
}*/
div.sqpp-mosaik.sqpp-standard-search-box article.sqpp-box.sqpp-box-eh {
min-height: 0;
}
.sqpp-mosaik .sqpp-box {
position: relative;
border: 1px solid #171717;
border-radius: 3px;
}
.sqpp-innerwrap {
position: relative;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
/* before 48px */
padding-left: 8px;
}
.sqpp-box footer {
position: absolute;
box-sizing: border-box;
padding-right: 8px;
padding-left: 8px;
width: 100%;
bottom: 36px;
z-index: 20;
}
.sqpp-box footer .sqpp-box-footer-left-right-wrap {
position: relative;
width: 100%;
}
.sqpp-box footer .sqpp-box-footer-left {
display: block;
position: absolute;
left: 0;
text-align: left;
width: 80%;
width: -o-calc( 100% - 48px);
width: -moz-calc( 100% - 48px);
width: -webkit-calc( 100% - 48px);
width: calc( 100% - 48px);
bottom: 0;
height: 100%;
}
.sqpp-box footer .sqpp-box-footer-right {
display: block;
display: block;
position: absolute;
right: 0;
text-align: right;
width: 48px;
}
.sqpp-box footer p {
margin-bottom: 0;
text-align: right;
}
.sqpp-box-icon {
font-family: 'FontAwesome';
}
.sqpp-box-top-icon {
font-size: 300%;
}
.sqpp-box-cover,
.sqpp-box-bg-color,
.sqpp-box-bg-img,
.sqpp-box-bg-content,
.sqpp-box-bg-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sqpp-box-cover {
z-index: -10;
}
.sqpp-box-bg-color {
background-color: #cccccc;
z-index: -5;
}
.sqpp-box-bg-img {
z-index: -4;
}
.sqpp-box-bg-content {
z-index: -3;
}
.sqpp-box-flexbox {
display: flex;
height: 100%;
align-items: center;
align-content: center;
}
.sqpp-box-flexitem {
width: 100%;
}
/*** Featured Image Credentials aka Creds for boxes */
.sqpp-box-featured-img-creds-url-yn- .sqpp-box-featured-img-creds,
.sqpp-box-featured-img-creds-url-yn-0 .sqpp-box-featured-img-creds {
display: none;
}
.sqpp-box-featured-img-creds-url-yn-1 .sqpp-box-featured-img-creds {
display: inline;
}
/*** CHECK > to be deleted > is old style External link icons display for boxes */
.sqpp-box-footer-external-url-yn- .sqpp-box-footer-external-url,
.sqpp-box-footer-external-url-yn-0 .sqpp-box-footer-external-url {
display: none;
}
.sqpp-box-footer-external-url-yn-1 .sqpp-box-footer-external-url {
display: inline;
}
/*** External link icons display for boxes */
.sqpp-link-icon-display-yn-,
.sqpp-link-icon-display-yn-0 {
display: none;
}
.sqpp-link-icon-display-yn-1 {
display: inline;
}
/*** Star boxes */
/*** > star hover effect */
.sqpp-star-box a:hover article.sqpp-box.sqpp-box-eh {
background-image: url(../../uploads/2018/05/star-bg-transparent-1200x400-1.png);
background-position: center;
background-size: cover;
opacity: 0.7;
}
/*** Divider boxes */
.sqpp-box h3.sqpp-box-title,
.sqpp-box h4.sqpp-box-title,
.sqpp-box h3.widget-title,
.sqpp-box h4.widget-title {
font-size: 24px;
font-family: bebas_neuebold;
line-height: 1.2;
}
.sqpp-box-divider .sqpp-box-bg-icon {
opacity: 0.25;
}
/*.sqpp-box h3.sqpp-box-title,
.sqpp-box h4.sqpp-box-title,
.sqpp-box h3.widget-title,
.sqpp-box h4.widget-title {
color: #333333 !important;
line-height: 36px !important;
background-color: rgba(255,255,255,0.7) !important;
display: inline;
box-shadow: 5px 0 0 rgba(255,255,255,0.7),-9px 0 0 rgba(255,255,255,0.7);
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
font-size: 24px;
}
.sqpp-box footer .sqpp-box-icon .sqpp-icon-1 {
color: #333333 !important;
line-height: 1.5 !important;
background-color: rgba(255,255,255,0.7) !important;
display: inline;
box-shadow: -7px 0 0 rgba(255,255,255,0.7), 9px 0 0 rgba(255,255,255,0.7);
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
font-size: 24px;
}
.sqpp-testimonial-box .sqpp-box footer .sqpp-box-icon .sqpp-icon-1 {
background-color: transparent !important;
box-shadow: none;
}
.sqpp-box-diver .sqpp-box footer .sqpp-box-icon .sqpp-icon-1 {
box-shadow: -14px 0 0 rgba(255,255,255,0.7), 9px 0 0 rgba(255,255,255,0.7);
}*/
/*** Standard Search Boxes */
.sqpp-standard-search-box article.sqpp-box {
padding-bottom: 133.3333333%;
}
.sqpp-standard-search-box .sqpp-box-content-wrap {
position: absolute;
height: 100%;
width: 100%;
}
.sqpp-standard-search-box .sqpp-innerwrap {
position: absolute;
height: 100%;
width: 100%;
}
/*** Production Boxes Detail + Divider */
/*
1 : Standard
2 : Reiner Trenner
.sqpp-box-icon.sqpp-box-button
.sqpp-box-bg-icon
*/
.sqpp-mosaik-tile-type- .sqpp-box-icon.sqpp-box-button,
.sqpp-mosaik-tile-type-1 .sqpp-box-icon.sqpp-box-button {
display: inline;
}
.sqpp-mosaik-tile-type- .sqpp-box-bg-icon,
.sqpp-mosaik-tile-type-1 .sqpp-box-bg-icon {
display: none;
}
.sqpp-mosaik-tile-type-2 .sqpp-box-icon.sqpp-box-button {
display: none;
}
.sqpp-mosaik-tile-type-2 .sqpp-box-bg-icon {
display: block;
}
/*** /Production Boxes Detail + Divider */
/*** Production Without Logo Boxes */
.sqpp-organisation-without-logo a {
border-bottom: none !important;
}
.sqpp-organisation-without-logo::after {
content: " ● ";
}
/*** Post Boxes .sqpp-post-box */
/*
sqppacf_post_type_setting
1 : Standard
2 : Kurzinfo
3 : PopUp
*/
.sqpp-post-type-setting- .sqpp-post-box-button-popup,
.sqpp-post-type-setting-1 .sqpp-post-box-button-popup {
display: none;
}
.sqpp-post-type-setting- .sqpp-post-box-button-detail,
.sqpp-post-type-setting-1 .sqpp-post-box-button-detail {
display: block;
}
.sqpp-post-type-setting-2 .sqpp-post-box-button-popup,
.sqpp-post-type-setting-2 .sqpp-post-box-button-detail {
display: none;
}
.sqpp-post-type-setting-3 .sqpp-post-box-button-popup {
display: inline;
}
.sqpp-post-type-setting-3 .sqpp-post-box-button-detail {
display: none;
}
/*** /Post Boxes .sqpp-post-box */
/*** Location aka Standort aka Stao Boxes */
.sqpp-stao-box .sqpp-box-bg-img {
overflow: hidden;
}
/*** Person/People Boxes */
/*
.sqpp-person-box article.sqpp-box {
padding-bottom: 133.3333333%;
}
.sqpp-person-box .sqpp-box-content-wrap {
position: absolute;
height: 100%;
width: 100%;
}
.sqpp-person-box .sqpp-innerwrap {
height: 100%; width: 100%;
}
*/
/*** Person Intern Boxes */
.sqpp-person-message-yn- .tooltip-wrapper,
.sqpp-person-message-yn-0 .tooltip-wrapper,
.sqpp-person-message-yn- .tooltip-wrapper .sqpp-box-top.sqpp-with-data-tooltip,
.sqpp-person-message-yn-0 .tooltip-wrapper .sqpp-box-top.sqpp-with-data-tooltip {
display: none;
}
.sqpp-person-message-yn- .sqpp-box-top.sqpp-no-data-tooltip,
.sqpp-person-message-yn-0 .sqpp-box-top.sqpp-no-data-tooltip {
display: block;
}
.sqpp-person-message-yn-1 .sqpp-box-top.sqpp-no-data-tooltip {
display: none;
}
.sqpp-person-message-yn-1 .tooltip-wrapper {
display: inline;
}
.sqpp-person-message-yn-1 .tooltip-wrapper .sqpp-box-top.sqpp-with-data-tooltip {
display: block;
}
.sqpp-person-intern-box div.sqpp-box-top {
padding-bottom: 133.3333333%;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.sqpp-person-intern-box .sqpp-box {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.sqpp-person-intern-box .sqpp-box-top {
background-size: cover;
background-position: center center;
}
.sqpp-person-intern-box .sqpp-box .sqpp-innerwrap {
padding-bottom: 48px;
}
.sqpp-person-intern-box .sqpp-box .sqpp-innerwrap .sqpp-box-content-wrap {
height: 144px;
}
/**** Tooltip 2 */
/* Tooltip container */
.sqpp-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.sqpp-tooltip .sqpp-tooltiptext {
visibility: hidden;
width: 120px;
background-color: #04c0ff;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;
}
/* Tooltip arrow */
.sqpp-tooltip .sqpp-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #04c0ff transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.sqpp-tooltip:hover .sqpp-tooltiptext {
visibility: visible;
opacity: 1;
}
/*** Testimonial Boxes */
.sqpp-testimonial-box .sqpp-box-top {
position: relative;
}
.sqpp-testimonial-box .sqpp-innerwrap {
padding-bottom: 28px;
}
.sqpp-testimonial-box div.sqpp-box-top {
padding-bottom: 133.3333333%;
border-top: 1px solid #171717;
border-right: 1px solid #171717;
border-left: 1px solid #171717;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-size: cover;
background-position: center center;
}
.sqpp-testimonial-box .sqpp-box {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.sqpp-testimonial-box .sqpp-innerwrap {
position: relative;
padding-bottom: 24px;
}
.sqpp-testimonial-box .sqpp-box-feature-text {
font-size: 18px;
font-style: italic;
}
.sqpp-testimonial-font-size-2 .sqpp-box-feature-text {
font-size: 24px;
}
/*** Person Eextended Box > very similar to Testimonial Box */
.sqpp-person-extended-box .sqpp-box-top {
position: relative;
}
.sqpp-person-extended-box div.sqpp-box-top {
padding-bottom: 133.3333333%;
border-top: 1px solid #171717;
border-right: 1px solid #171717;
border-left: 1px solid #171717;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-size: cover;
background-position: center center;
}
.sqpp-person-extended-box .sqpp-box {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.sqpp-person-extended-box .sqpp-innerwrap {
position: relative;
padding-bottom: 28px;
}
.sqpp-person-extended-box .sqpp-box-feature-text,
.sqpp-person-extended-box .sqpp-box-feature-text p {
font-size: 18px;
}
/**** CHECK temp */
.sqpp-person-extended-box h4 {
margin-bottom: 0;
}
/*** Img Landscape Content Boxes > very similar to Person and Testimonial Box */
.sqpp-img-landscape-content-box .sqpp-box-top,
.sqpp-img-portrait-content-box .sqpp-box-top,
.sqpp-img-square-content-box .sqpp-box-top {
position: relative;
}
.sqpp-img-landscape-content-box div.sqpp-box-top,
.sqpp-img-portrait-content-box div.sqpp-box-top,
.sqpp-img-square-content-box div.sqpp-box-top {
padding-bottom: 75%;
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-size: cover;
background-position: center center;
}
.sqpp-img-landscape-content-box div.sqpp-box-top {
padding-bottom: 75%;
}
.sqpp-img-portrait-content-box div.sqpp-box-top {
padding-bottom: 133%;
}
.sqpp-img-square-content-box div.sqpp-box-top {
padding-bottom: 100%;
}
.sqpp-img-landscape-content-box .sqpp-box,
.sqpp-img-portrait-content-box .sqpp-box,
.sqpp-img-square-content-box .sqpp-box {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.sqpp-img-landscape-content-box .sqpp-innerwrap,
.sqpp-img-portrait-content-box .sqpp-innerwrap,
.sqpp-img-square-content-box .sqpp-innerwrap {
position: relative;
padding-bottom: 28px;
}
.sqpp-img-landscape-content-box .sqpp-box-feature-text,
.sqpp-img-portrait-content-box .sqpp-box-top,
.sqpp-img-square-content-box .sqpp-box-top,
.sqpp-box .sqpp-star-box-content {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 300;
}
/**** CHECK temp */
.sqpp-img-landscape-content-box h4,
.sqpp-img-portrait-content-box h4,
.sqpp-img-square-content-box h4 {
margin-bottom: 0;
}
/*** Partner Link box */
.sqpp-partner-link-box .sqpp-innerwrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 75%;
padding-left: 0;
}
.sqpp-partner-link-yn- .sqpp-box-cover-link,
.sqpp-partner-link-yn-0 .sqpp-box-cover-link {
display: none;
}
.sqpp-partner-link-yn-1 .sqpp-box-cover-link {
display: inline;
}
.sqpp-partner-link-yn- .sqpp-no-partner-link,
.sqpp-partner-link-yn-0 .sqpp-no-partner-link {
display: block;
}
.sqpp-partner-link-yn-1 .sqpp-no-partner-link {
display: none;
}
/*.sqpp-partner-link-box .sqpp-partner-link-yn-1 .sqpp-box-cover-link {
z-index: 97;
}*/
/*** Mediainfo Boxes */
#page .sqpp-mediainfo-display {
display: none;
}
.sqpp-date-type-day-month-year,
.sqpp-date-type-month-year,
.sqpp-date-type-year {
display: none;
}
.sqpp-date-type-2 .sqpp-date-type-day-month-year {
display: inline;
}
.sqpp-date-type-3 .sqpp-date-type-month-year {
display: inline;
}
.sqpp-date-type-4 .sqpp-date-type-year {
display: inline;
}
/*.sqpp-mediainfo-box .sqpp-box-cover-link.sqpp-mediainfo-display {
display: none;
}*/
#page .sqpp-mediainfo-type- .sqpp-mediainfo-display.sqpp-mediainfo-type-standard,
.sqpp-mediainfo-type-1 .sqpp-mediainfo-display.sqpp-mediainfo-type-standard {
display: inline !important;
}
#page .sqpp-mediainfo-type- div.sqpp-mediainfo-display.sqpp-mediainfo-type-standard,
.sqpp-mediainfo-type-1 div.sqpp-mediainfo-display.sqpp-mediainfo-type-standard {
display: block !important;
}
#page .sqpp-mediainfo-type-2 span.sqpp-mediainfo-display.sqpp-mediainfo-type-shortinfo {
display: inline !important;
}
#page .sqpp-mediainfo-type-2 div.sqpp-mediainfo-display.sqpp-mediainfo-type-shortinfo {
display: block !important;
}
#page .sqpp-mediainfo-type-3 .sqpp-mediainfo-display.sqpp-mediainfo-type-weblink {
display: inline !important;
}
#page .sqpp-mediainfo-type-3 div.sqpp-mediainfo-display.sqpp-mediainfo-type-weblink {
display: block !important;
}
#page .sqpp-mediainfo-type-4 .sqpp-mediainfo-display.sqpp-mediainfo-type-webdok {
display: inline !important;
}
#page .sqpp-mediainfo-type-4 div.sqpp-mediainfo-display.sqpp-mediainfo-type-webdok {
display: block !important;
}
#page .sqpp-mediainfo-type-5 .sqpp-mediainfo-display.sqpp-mediainfo-type-sitelink {
display: inline !important;
}
#page .sqpp-mediainfo-type-5 div.sqpp-mediainfo-display.sqpp-mediainfo-type-sitelink {
display: block !important;
}
#page .sqpp-mediainfo-type-6 .sqpp-mediainfo-display.sqpp-mediainfo-type-download {
display: inline !important;
}
#page .sqpp-mediainfo-type-6 div.sqpp-mediainfo-display.sqpp-mediainfo-type-download {
display: block !important;
}
div.sqpp-mediainfo-display {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 997;
}
/*** ad Testimonials? and People, Person >> sqpp CHECK */
.sqpp-person-box:not(.sqpp-person-detail-link-1) .sqpp-box-cover-link {
display: none;
}
/*
sqpp-person-box sqpp-person-detail-link-{@sqppacf_person_link_detail_y_n}
*/
.sqpp-person-box:not(.sqpp-person-detail-link-1) .sqpp-box footer {
visibility: hidden;
}
.sqpp-person-box .sqpp-innerwrap .sqpp-box-title {
visibility: hidden;
}
.sqpp-person-box .sqpp-innerwrap:hover .sqpp-box-title,
.sqpp-person-box .sqpp-innerwrap:focus .sqpp-box-title {
visibility: visible;
}
/** Responsive Mosaik Boxes */
@media screen and (min-width: 701px) and (max-width: 900px) {
#main .sqpp-grid-1111 .sqpp-grid-column.sqpp-mosaik,
.sqpp-aside-content .sqpp-grid-column,
footer#colophon .sqpp-grid-1111 .sqpp-grid-column {
width: 33.3333333% !important;
}
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(1) {
width: 66.6666666% !important;
}
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(2) {
width: 33.3333333% !important;
}
}
@media screen and (min-width: 451px) and (max-width: 700px) {
div.sqpp-mosaik:not(.sqpp-no-min-height) article.sqpp-box.sqpp-box-eh {
min-height: 160px;
}
#main .sqpp-grid-1111 .sqpp-grid-column.sqpp-mosaik,
.sqpp-aside-content .sqpp-grid-column,
footer#colophon .sqpp-grid-1111 .sqpp-grid-column {
width: 50% !important;
}
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(1),
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(2) {
width: 50% !important;
}
}
@media screen and (max-width: 450px) {
div.sqpp-mosaik:not(.sqpp-no-min-height) article.sqpp-box.sqpp-box-eh {
min-height: 80px;
}
#main .sqpp-grid-1111 .sqpp-grid-column.sqpp-mosaik,
.sqpp-aside-content .sqpp-grid-column,
footer#colophon .sqpp-grid-1111 .sqpp-grid-column {
width: 100% !important;
}
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(1),
.sqpp-pre-footer .sqpp-grid-31 .sqpp-grid-column:nth-of-type(2) {
width: 100% !important;
}
}
/** Responsive Mosaik Boxes within a PopUp or Modal */
@media screen and (min-width: 971px) {
.sqpp-popup-size-3 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 25% !important;
}
.sqpp-popup-size- .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size-2 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 50% !important;
}
.sqpp-popup-size-1 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 100% !important;
}
}
@media screen and (min-width: 771px) and (max-width: 970px) {
.sqpp-popup-size-3 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 33.3333333% !important;
}
.sqpp-popup-size- .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size-2 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 50% !important;
}
.sqpp-popup-size-1 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 100% !important;
}
}
@media screen and (min-width: 521px) and (max-width: 770px) {
.sqpp-popup-size-3 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 50% !important;
}
.sqpp-popup-size- .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size-2 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 50% !important;
}
.sqpp-popup-size-1 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 100% !important;
}
}
@media screen and (max-width: 520px) {
.sqpp-popup-size-3 .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size- .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size-2 .sqpp-popup .sqpp-aside-content .sqpp-grid-column,
.sqpp-popup-size-1 .sqpp-popup .sqpp-aside-content .sqpp-grid-column {
width: 100% !important;
}
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-breadcrumbs {
font-size: 150%;
margin-bottom: 16px;
}
.sqpp-footer-logo {
font-size: 300%;
margin-bottom: 18px;
}
footer .sqpp-footer-logo a {
border-bottom: 0;
}
.site-info {
margin-bottom: 18px;
}
/*--------------------------------------------------------------
## Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}
/*--------------------------------------------------------------
## 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,
.sqpp-legende {
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 14px !important;
line-height: 1.2 !important;
}
.sqpp-legende p,
p.sqpp-legende {
font-size: 14px !important;
line-height: 1.2 !important;
margin-top: -20px !important;
}
/*--------------------------------------------------------------
## 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;
}
/* Jetpack */
/** Share */
div.sharedaddy h3.sd-title {
font-size: 24px !important;
font-weight: 400 !important;
display: none !important;
}
.sd-content ul {
text-align: center;
}
span.share-count {
display: none !important;
}
.sd-content ul li:last-of-type {
margin-right: 0px !important;
}
/*** Share icons background */
/*
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button:hover {
background: #3b5998;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button:hover {
background: #00acee;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button:hover {
background: #0077b5;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-google-plus-1 a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-google-plus-1 a.sd-button:hover {
background: #dd4b39;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button:hover {
background: #ca1f27;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button:hover {
background: #43d854;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-skype a.sd-button,
#page.site .sd-social-icon .sd-content ul li[class*=share-].share-skype a.sd-button:hover {
background: #00AFF0;
color: #fff!important;
}
*/
#page.site .sd-social-icon .sd-content ul li.share-email a.sd-button.share-email,
#page.site .sd-social-icon .sd-content ul li.share-email a.sd-button.share-email:hover {
background: #FF00FF !important;
color: #fff!important;
}
#page.site .sd-social-icon .sd-content ul li[class*=share-] a:hover,
#page.site .sd-social-icon .sd-content ul li[class*=share-] div.option a:hover {
border: none;
opacity: 0.5 !important;
}
/*#page.site .sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
background: #171717;
color: #fff !important;
}*/
/* Mailpoet */
p.wysija-paragraph {
margin-top: 0px !important;
margin-bottom: 10px !important;
}
input.wysija-submit.wysija-submit-field {
margin-top: 0px !important;
}
.sqpp-footer-newsletter .wysija-paragraph,
.sqpp-footer-newsletter input[class="wysija-submit wysija-submit-field"] {
display: inline-block;
}
input[name="wysija[user][email]"] {
width: 240px;
}
.sqpp-footer-newsletter div[class="formError"]{
left: 52% !important;
margin-top: 32px !important;
}
/* Juicer Feed */
.juicer-feed h1.referral {
display: none !important;
}
li.feed-item.juicer.image-post {
display: none !important;
}
/* Specific posts, pages, custom post types */
/** Home */
body.home #content {
margin-top: 0px;
}
body.home main .entry-header
/*body.page-id-18 h1.entry-title*/ {
display: none;
}
body.home main .entry-content {
margin-top: 0;
}
/** Maintenance and coming soon */
body#error-page .sharedaddy.sd-sharing-enabled {
display: none !important;
}
/* CHECKS > delete after */
/*
#masthead {
position: relative;
}
.sqpp-header-image-bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
background-size: cover;
}
.sqpp-header-video-bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
display: none;
}
.sqpp-header-color-bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
background-color: magenta;
}
*/
/*--------------------------------------------------------------
## Boostrap 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;
}
span.sqpp-modal-header-close {
text-align: right;
display: block;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
#main .modal h2 {
margin-top: 0;
}
.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;
}
@media (min-width: 768px) {
/*.modal-dialog {
width: 600px;
margin: 50px auto;
}*/
.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 screen and (min-width: 971px) {}
@media screen and (min-width: 771px) and (max-width: 970px) {}
@media screen and (min-width: 521px) and (max-width: 770px) {}
@media screen and (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;
}
.modal-content p {
font-size: 80% !important;
}
.modal-content ul li,
.modal-content ol li {
font-family: 'Roboto Condensed', sans-serif !important;
font-weight: 300 !important;
font-size: 80% !important;
}
/*** Embedded boxes within modal popup */
.modal-content .sqpp-content-embedded-box .sqpp-box .sqpp-innerwrap {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/** /Boostrap modal */
/*--------------------------------------------------------------
## Boostrap Modal
--------------------------------------------------------------*/
/* see > https://freqdec.github.io/Pure-CSS-Tooltips/ */
/* Styles for elements having a data-tooltip attribute - using the star
selector sucks so you may wish to change this to predefined list of HTML
tags instead */
/* eg > tooltip */
/* eg for a img or div > While I have just said “no extra markup necessary”, replaced elements (such as img, object, input and textarea) require that the data-tooltip attribute is set on a “slightly hacky” wrapper element as is shown below:
* 
*/
span[data-tooltip] {
/* position:relative the tooltip launcher to enable us to position:absolute
the generated content */
position: relative;
/* Change cursor - you may want to remove this if you don't like the
effect
cursor:help;*/
}
/* Default ::before & ::after values */
span[data-tooltip]::before,
span[data-tooltip]::after {
pointer-events: none;
outline: none;
display: block;
z-index: 999;
position: absolute;
bottom: 100%;
left: 50%;
margin: 0;
padding: 0;
/* Set-up the animation */
opacity: 0;
-webkit-transition: all 0.4s ease-out 0.2s;
-moz-transition: all 0.4s ease-out 0.2s;
-o-transition: all 0.4s ease-out 0.2s;
transition: all 0.4s ease-out 0.2s;
-webkit-transform: translate(-50%, -1rem);
-moz-transform: translate(-50%, -1rem);
-ms-transform: translate(-50%, -1rem);
-o-transform: translate(-50%, -1rem);
transform: translate(-50%, -1rem);
}
/* Tooltip arrow */
span[data-tooltip]::before {
content: "";
/* Borders are used to create the arrow so no height or width required */
width: 0;
height: 0;
line-height: 0;
/* This sets the tooptip arrow color */
border-top: 5px solid #000;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: transparent;
overflow: hidden;
}
/* Tooltip bubble */
span[data-tooltip]::after {
/* Use the data-tooltip attribute to set the content */
content: attr(data-tooltip);
/* Set a default width */
width: 248px;
/* Use a margin to create the space required for displaying the tooltip
arrow */
margin-bottom: 5px;
/* Defensive font reset as we inherit */
letter-spacing: normal;
text-align: center;
/* (older) Moz doesn't seem to recognise the following */
text-decoration: none;
word-spacing: normal;
word-wrap: normal;
word-break: normal;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
/*font-weight:normal;
font-family:"Open Sans", "Segoe", "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;*/
/* webkit has problems using rem units on generated content so i'm falling
back to old school pixels */
/*font-size:13px;*/
padding: 6px;
min-height: 18px;
color: #fcfcfc;
/* Default 'dark' theme */
background-color: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
background-image: -moz-linear-gradient(top, #222, #000);
background-image: linear-gradient(top, #222, #000);
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0px;
}
/* :hover & :focus states */
span[data-tooltip]:hover::before,
span[data-tooltip]:focus::before,
span[data-tooltip]:hover::after,
span[data-tooltip]:focus::after {
/* http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/ */
-webkit-transform: perspective(1px) translate(-50%, 0);
-moz-transform: perspective(1px) translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: perspective(1px) translate(-50%, 0);
/* Reset pointer events or things go all strange... */
pointer-events: auto;
/* Set the final opacity */
opacity: 0.96;
}
/* Left align text */
span[data-tooltip][data-tooltip-theme~="lft"]::after,
[data-tooltip-theme~="lft"] span[data-tooltip]::after {
text-align: left;
}
/* Right align text */
span[data-tooltip][data-tooltip-theme~="rht"]::after,
[data-tooltip-theme~="rht"] span[data-tooltip]::after {
text-align: right;
}
/* Right to left writing direction */
span[data-tooltip][data-tooltip-theme~="rtl"]::after,
[data-tooltip-theme~="rtl"] span[data-tooltip]::after {
direction: rtl;
}
/* Make tooltip "links" have a different pointer (as the tooltip uses the
"help" cursor) */
a[data-tooltip] {
cursor: pointer;
}
/*** Tooltip 3 */
/* see > https://jsfiddle.net/greypants/zgCb7/ */
/*
*/
.sqpp-testimonial-box .sqpp-box-top {
position: relative;
}
.sqpp-box-top-tooltip-wrap {
width: 100%;
position: absolute;
bottom: 0px;
padding: 8px;
padding-bottom: 2px;
}
.tooltip3-wrapper {
text-transform: uppercase;
background: transparent;
color: #171717;
cursor: pointer;
font-family: "FontAwesome", sans-serif;
font-size: 24px;
text-transform: none;
/*margin: 100px 75px 10px 75px;*/
/*padding: 15px 20px;*/
position: relative;
text-align: left;
width: 100%;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.tooltip3-wrapper .tooltip3 {
font-family: "Roboto Condensed", sans-serif;
font-size: 16px;
background: #171717;
bottom: 100%;
color: #ffffff;
display: block;
left: 0px;
margin-bottom: 15px;
opacity: 0;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
border-radius: 3px;
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip3-wrapper .tooltip3:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
/* CSS Triangles - see Trevor's post */
.tooltip3-wrapper .tooltip3:after {
border-left: solid transparent 9px;
border-right: solid transparent 9px;
border-top: solid #171717 10px;
bottom: -10px;
content: " ";
height: 0;
left: 2px;
margin-left: 0px;
position: absolute;
width: 0;
}
.tooltip3-wrapper:hover .tooltip3 {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.tooltip3-wrapper .tooltip3 a {
color: inherit;
border-bottom: 1px dotted;
}
/* IE can just show/hide with no transition */
/*
*/
/*
.lte8 .tooltip3-wrapper .tooltip3 {
display: none;
}
.lte8 .tooltip3-wrapper:hover .tooltip3 {
display: block;
}*/
/* /.Tooltip 3 */
/** /Tooltip */
/*--------------------------------------------------------------
## Caldera
--------------------------------------------------------------*/
.caldera-grid form {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 300 !important;
}
.caldera-grid form label {
font-weight: 300 !important;
margin-bottom: 0px !important;
line-height: 1.2 !important;
}
.caldera-grid form input[type="submit"] {
font-weight: 300 !important;
}
.caldera-grid .form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: transparent !important;
border: 1px solid !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.caldera-grid .form-control,
.caldera-grid output {
font-size: 16px !important;
line-height: 1.42857143;
color: inherit !important;
display: block;
}
.caldera-grid .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid !important;
white-space: nowrap;
padding: 6px 24px;
font-size: 16px;
line-height: 1.42857143;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.caldera-grid .btn {
color: inherit !important;
}
.caldera-grid .btn-default {
color: inherit !important;
background-color: transparent !important;
}
.caldera-grid .help-block {
color: inherit !important;
}
.caldera-grid span.field_required {
color: inherit !important;
}
.caldera-grid .has-error .checkbox,
.caldera-grid .has-error .checkbox-inline,
.caldera-grid .has-error .control-label,
.caldera-grid .has-error .form-control-feedback,
.caldera-grid .has-error .help-block,
.caldera-grid .has-error .radio,
.caldera-grid .has-error .radio-inline,
.caldera-grid .has-error.checkbox label,
.caldera-grid .has-error.checkbox-inline label,
.caldera-grid .has-error.radio label,
.caldera-grid .has-error.radio-inline label {
color: inherit !important;
}
.caldera-grid span.parsley-required {
display: block;
margin-top: -5px !important;
font-size: 14px;
font-weight: bold;
}
span.parsley-required:after {
content: " / Pflichtfeld.";
}
.caldera-grid .alert {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 300 !important;
}
/*--------------------------------------------------------------
# Adminbar / Toolbar
--------------------------------------------------------------*/
#wp-admin-bar-customize {
display: none!;
}
.sqpp-edit-link {
display: none;
}
.edit-link {
color: cyan !important;
font-size: 48px;
}
.edit-link a {
color: inherit !important;
}
#wp-admin-bar-edit a {
color: cyan !important;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Simple Tooltip plugin */
.Zebra_Tooltip {
z-index: 9999999999;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
}
.Zebra_Tooltip .Zebra_Tooltip_Message {
position: relative;
padding: 12px;
font-size: inherit;
font-weight: normal;
text-align: center;
}
/*--------------------------------------------------------------
# Test + Checks
--------------------------------------------------------------*/
/*** MF White */
#page.sqpp-color-scheme-6 .sqpp-mf-row-color-bg-layer.sqpp-mf-row-bg-color-1 {
background-color: #ffffff;
}
/** Temp Bg Boxes */
/*
./wp-content/uploads/sqppassets/divider-bg-people.png
*/
/*** general
.sqpp-mosaik .sqpp-box .sqpp-box-bg-img {
background-image: url('http://impulsis.ch/wp-content/uploads/sqppassets/divider-bg-people.png');
}*/
/*** Dividers
.sqpp-box-divider .sqpp-box .sqpp-box-bg-img {
background-image: none;
}*/
/*** specific testimonials
.sqpp-testimonial-box.sqpp-mosaik .sqpp-box .sqpp-box-bg-img {
background-image: url('http://impulsis.ch/wp-content/uploads/sqppassets/hintergrund-bg-referenz-testimonial-1.jpg');
}*/
/*** general search results
.search-results #page .sqpp-mosaik .sqpp-box .sqpp-box-bg-img {
background-image: url('http://impulsis.ch/wp-content/uploads/sqppassets/divider-bg-people.png') !important;
}*/
.search-results #page .sqpp-mosaik .sqpp-box .sqpp-box-bg-img {
opacity: 1.0 !important;
}