/*
Theme Name: Fund Theme
Theme URI: https://pp-branding.com/
Author: Patrick Beffa
Author URI: https://pp-branding.com/
Description: WordPress ase theme for the FP, FS, and FH websites.
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sqppfund
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Fund Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
	## Testimonials
	## Videos
	## Search
	## Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Videos
# Modules
	## Easy Pods
--------------------------------------------------------------*/


/* frontend only > .site */


/* backend only > .block-editor */


/* media queries frontend and backend */


/*
@media screen and (min-width: 1201px) {}
@media screen and (min-width: 901px) {}
@media screen and (min-width: 782px) {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 501px) {}
/*

/* media queries frontend only */


/*
@media screen and (min-width: 1201px) { .site {}}
@media screen and (min-width: 901px) { .site {}}
@media screen and (min-width: 782px) { .site {}}
@media screen and (min-width: 600px) { .site {}}
@media screen and (min-width: 501px) { .site {}}
/*

/* media queries backend only */


/*
@media screen and (min-width: 782px) { .block-editor {}}
@media screen and (min-width: 600px) { .block-editor {}}
/*

/*--------------------------------------------------------------
# DEV AREA
--------------------------------------------------------------*/


/* General styles > above all to be added via the Gutenberg block editor */


/* line-heigts */

.line-height-0-7 {
    line-height: 0.7 !important;
}

.line-height-0-75 {
    line-height: 0.75 !important;
}

.line-height-0-8 {
    line-height: 0.8 !important;
}

.line-height-0-85 {
    line-height: 0.85 !important;
}

.line-height-0-9 {
    line-height: 0.9 !important;
}

.line-height-0-95 {
    line-height: 0.95 !important;
}

.line-height-1 {
    line-height: 1.0 !important;
}

.line-height-1-05 {
    line-height: 1.05 !important;
}

.line-height-1-1 {
    line-height: 1.1 !important;
}

.line-height-1-15 {
    line-height: 1.15 !important;
}

.line-height-1-2 {
    line-height: 1.2 !important;
}

.line-height-1-25 {
    line-height: 1.25 !important;
}

.line-height-1-3 {
    line-height: 1.3 !important;
}
.line-height-1-35 {
    line-height: 1.35 !important;
}
.line-height-1-4 {
    line-height: 1.4 !important;
}
.line-height-1-45 {
    line-height: 1.45 !important;
}
.line-height-1-5 {
    line-height: 1.5 !important;
}


/* margins and paddings */

.margin-top-auto {
    margin-top: auto !important;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-9 {
    margin-top: 9px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-1-minus {
    margin-top: -1px !important;
}

.margin-top-2-minus {
    margin-top: -2px !important;
}

.margin-top-3-minus {
    margin-top: -3px !important;
}

.margin-top-4-minus {
    margin-top: -4px !important;
}

.margin-top-5-minus {
    margin-top: -5px !important;
}

.margin-top-6-minus {
    margin-top: -6px !important;
}

.margin-top-7-minus {
    margin-top: -7px !important;
}

.margin-top-8-minus {
    margin-top: -8px !important;
}

.margin-top-9-minus {
    margin-top: -9px !important;
}

.margin-top-10-minus {
    margin-top: -10px !important;
}

.margin-top-15-minus {
    margin-top: -15px !important;
}

.margin-top-20-minus {
    margin-top: -20px !important;
}

.margin-top-25-minus {
    margin-top: -25px !important;
}

.margin-bottom-auto {
    margin-bottom: auto !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-4 {
    margin-bottom: 4px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-bottom-7 {
    margin-bottom: 7px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-9 {
    margin-bottom: 9px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-1-minus {
    margin-bottom: -1px !important;
}

.margin-bottom-2-minus {
    margin-bottom: -2px !important;
}

.margin-bottom-3-minus {
    margin-bottom: -3px !important;
}

.margin-bottom-4-minus {
    margin-bottom: -4px !important;
}

.margin-bottom-5-minus {
    margin-bottom: -5px !important;
}

.margin-bottom-6-minus {
    margin-bottom: -6px !important;
}

.margin-bottom-7-minus {
    margin-bottom: -7px !important;
}

.margin-bottom-8-minus {
    margin-bottom: -8px !important;
}

.margin-bottom-9-minus {
    margin-bottom: -9px !important;
}

.margin-bottom-10-minus {
    margin-bottom: -10px !important;
}

.margin-bottom-15-minus {
    margin-bottom: -15px !important;
}

.margin-bottom-20-minus {
    margin-bottom: -20px !important;
}

.margin-bottom-25-minus {
    margin-bottom: -25px !important;
}

.margin-right-auto {
    margin-right: auto !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-left-auto {
    margin-left: auto !important;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.padding-top-7 {
    padding-top: 7px !important;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-9 {
    padding-top: 9px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-bottom-1 {
    padding-bottom: 1px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-4 {
    padding-bottom: 4px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-6 {
    padding-bottom: 6px !important;
}

.padding-bottom-7 {
    padding-bottom: 7px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px !important;
}

.padding-bottom-9 {
    padding-bottom: 9px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

/* Inline wraps, text wraps */
.nobreak,
.nowrap {
    white-space: nowrap;
}


/* Wraps */

.content-wrap {
    max-width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

#footer-bottom-line .content-wrap {
    max-width: 1480px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}


/* Grid styles */


/* Normalize WP Gutengrid grid */


/*
.wp-block-columns {
    margin-bottom: 0px;
}*/

#page.site #page-wrap .wp-block-columns.has-background.grid-outerwrap-5 {
    padding: 0em 0em !important;
}

#page.site #page-wrap .grid-wrap .wp-block-column {
    margin-bottom: 0px !important;
}

#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style^="flex-basis"] {
    flex-basis: auto !important;
}

#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:20%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:25%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:50%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:75%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-wrap-item.grid-item[style="flex-basis:80%"] {
    flex-basis: auto !important;
}

#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style^="flex-basis"] {
    flex-basis: auto !important;
}

#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:20%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:25%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:50%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:75%"],
#page.site #page-wrap .grid-wrap .wp-block-column.grid-item[style="flex-basis:80%"] {
    flex-basis: auto !important;
}

@media screen and (min-width: 782px) {
    #page.site #page-wrap .grid-wrap .wp-block-column:not(:first-child) {
        margin-left: 0px;
    }
    #page.site #page-wrap .grid-wrap .wp-block-column:first-child {
        margin-left: 0px;
    }
}


/* @media screen and (min-width: 600px) { } */


/** Reset gutenberg styles from WP */


/** > reset */

#page.site #page-wrap .grid-wrap .wp-block-columns {
    display: flex;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

@media (min-width:782px) {
    #page.site #page-wrap .grid-wrap .wp-block-columns {
        flex-wrap: wrap;
    }
}

#page.site #page-wrap .grid-wrap .wp-block-column {
    margin-bottom: 1em;
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

@media (max-width:599px) {
    #page.site #page-wrap .grid-wrap .wp-block-column {
        flex-basis: auto !important;
    }
}

@media (min-width:600px) {
    #page.site #page-wrap .grid-wrap .wp-block-column {
        flex-basis: auto !important;
        flex-grow: 1;
    }
    #page.site #page-wrap .grid-wrap .wp-block-column:nth-child(2n) {
        margin-left: 0px;
    }
}

@media (min-width:782px) {
    #page.site #page-wrap .grid-wrap .wp-block-column:not(: first-child) {
        margin-left: 0px;
        flex-wrap: wrap;
    }
    .wp-block-columns {
        flex-wrap: wrap;
    }
}


/* sqpp Grid styles */


/** .epgrid-11 > div[id^="CEP"] > div .grid-item */

.grid-wrap {
    margin-bottom: 20px;
}

.grid-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    /*background-color: cyan;*/
}

.grid-wrap .grid-wrap-item {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    /*background-color: yellow;*/
    flex-basis: auto;
}

.grid-wrap .grid-wrap-item:first-of-type {
    padding-bottom: 0px;
}


/** Mobile first grid */

#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
    width: 100%;
    /*background-color: yellow;*/
}

#page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
    width: 100%;
    /*background-color: orange;*/
}

@media screen and (min-width: 501px) {
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
        width: 100%;
    }
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
        width: 100%;
    }
}

@media screen and (min-width: 901px) {
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
        width: 100%;
    }
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
        width: 100%;
    }
}

@media screen and (min-width: 1201px) {
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:first-of-type {
        width: 20%;
    }
    #page.site #page-wrap .grid-wrap-1-4 .grid-wrap-item:last-of-type {
        width: 80%;
    }
}


/* > copy past 
@media screen and (min-width: 1201px) { #page.site #page-wrap {}}
@media screen and (min-width: 901px) { #page.site #page-wrap {}}
@media screen and (min-width: 501px) { #page.site #page-wrap {}}
*/


/** Embeded grid */

.ggrid>div.wp-block-group__inner-container,
.epgrid>div[id^="CEP"]>div,
.grid,
.grid-11,
.grid-211,
.grid-112,
.grid-1111 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    /*background-color: magenta;*/
    /* width: 100%; > if set does not fill full length */
    width: calc(100% + 20px);
}

.wp-block-group__inner-container {
    margin-right: 0px !important;
    margin-left: 0px !important;
}


/* sqpp */

.grid-wrap .grid-wrap-item:last-of-type {
    margin-bottom: -20px !important;
}

.ggrid>div.wp-block-group__inner-container,
.epgrid>div[id^="CEP"]>div,
.grid-wrap-item .grid:last-of-type {
    margin-bottom: -20px !important;
}


/** grid padding rules */

.ggrid>div.wp-block-group__inner-container .grid-item,
.epgrid>div[id^="CEP"]>div .grid-item,
.grid-11 .grid-item,
.grid-211 .grid-item,
.grid-112 .grid-item,
.grid-1111 .grid-item {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.ggrid>div.wp-block-group__inner-container .grid-item,
.epgrid>div[id^="CEP"]>div .grid-item,
.grid>.grid-item {
    flex-grow: unset !important;
}


/** grid padding rules exceptions */


/*** > nth-last-child(1) = last-child-of */


/*** > nth-last-child(2) = is the second last child */


/*
.grid-wrap-1-4 .grid-11 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-211 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-112 .grid-item:nth-last-child(1),
.grid-wrap-1-4 .grid-1111 .grid-item:nth-last-child(1) {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

}
*/


/* @media screen and (min-width: 1201px) { .site {}} > not needed */


/*
@media screen and (min-width: 901px) { 

}
@media screen and (min-width: 782px) { 

}
@media screen and (min-width: 600px) { 

}
@media screen and (min-width: 501px) { 

}
*/


/** Mobile first grid */


/* > copy past 
@media screen and (min-width: 1201px) {  {}}
@media screen and (min-width: 901px) {  {}}
@media screen and (min-width: 501px) {  {}}
*/

.ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
.epgrid-11>div[id^="CEP"]>div .grid-item,
.grid-11>.grid-item {
    width: 100%;
}

.grid-211>.grid-item:nth-of-type(3n+1) {
    width: 100%;
}

.grid-211>.grid-item:nth-of-type(3n+2) {
    width: 100%;
}

.grid-211>.grid-item:nth-of-type(3n+3) {
    width: 100%;
}

.grid-112>.grid-item:nth-of-type(3n+1) {
    width: 100%;
}

.grid-112>.grid-item:nth-of-type(3n+2) {
    width: 100%;
}

.grid-112>.grid-item:nth-of-type(3n+3) {
    width: 100%;
}

.ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
.epgrid-1111>div[id^="CEP"]>div .grid-item,
.grid-1111>.grid-item {
    width: 100%;
}

@media screen and (min-width: 501px) {
    .ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
    .epgrid-11>div[id^="CEP"]>div .grid-item,
    .grid-11>.grid-item {
        width: 100%;
    }
    .grid-211>.grid-item:nth-of-type(3n+1) {
        width: 100%;
    }
    .grid-211>.grid-item:nth-of-type(3n+2) {
        width: 50%;
    }
    .grid-211>.grid-item:nth-of-type(3n+3) {
        width: 50%;
    }
    .grid-112>.grid-item:nth-of-type(3n+1) {
        width: 50%;
    }
    .grid-112>.grid-item:nth-of-type(3n+2) {
        width: 50%;
    }
    .grid-112>.grid-item:nth-of-type(3n+3) {
        width: 100%;
    }
    .ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
    .epgrid-1111>div[id^="CEP"]>div .grid-item,
    .grid-1111>.grid-item {
        width: 50%;
    }
}

@media screen and (min-width: 901px) {
    .ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
    .epgrid-11>div[id^="CEP"]>div .grid-item,
    .grid-11>.grid-item {
        width: 50%;
    }
    .grid-211>.grid-item:nth-of-type(3n+1) {
        width: 50%;
    }
    .grid-211>.grid-item:nth-of-type(3n+2) {
        width: 25%;
    }
    .grid-211>.grid-item:nth-of-type(3n+3) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+1) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+2) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+3) {
        width: 50%;
    }
    .ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
    .epgrid-1111>div[id^="CEP"]>div .grid-item,
    .grid-1111>.grid-item {
        width: 25%;
    }
}

@media screen and (min-width: 1201px) {
    .ggrid.grid-11>div.wp-block-group__inner-container .grid-item,
    .epgrid-11>div[class^="CEP"]>div .grid-item,
    .grid-11>.grid-item {
        width: 50%;
    }
    .grid-211>.grid-item:nth-of-type(3n+1) {
        width: 50%;
    }
    .grid-211>.grid-item:nth-of-type(3n+2) {
        width: 25%;
    }
    .grid-211>.grid-item:nth-of-type(3n+3) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+1) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+2) {
        width: 25%;
    }
    .grid-112>.grid-item:nth-of-type(3n+3) {
        width: 50%;
    }
    .ggrid.grid-1111>div.wp-block-group__inner-container .grid-item,
    .epgrid-1111>div[class^="CEP"]>div .grid-item,
    .grid-1111>.grid-item {
        width: 25%;
    }
}


/* Sub Grid aka subgrid styles */


/** Embeded grid */

.subgrid,
.subgrid-11,
.subgrid-12,
.subgrid-21,
.subgrid-13,
.subgrid-31,
.subgrid-14,
.subgrid-41 {
    display: flex;
    flex-direction: row;
    margin-right: -10px;
    margin-left: -10px;
    /*background-color: magenta;*/
    /* width: 100%; > if set does not fill full length */
    width: calc(100% + 20px);
}

.grid-wrap-item .subgrid:last-of-type {
    margin-bottom: -20px;
}

.grid-item .subgrid:last-of-type {
    margin-bottom: -20px;
}


/* grid padding rules */

.subgrid .subgrid-item,
.subgrid-11 .subgrid-item,
.subgrid-12 .subgrid-item,
.subgrid-21 .subgrid-item,
.subgrid-13 .subgrid-item,
.subgrid-31 .subgrid-item,
.subgrid-14 .subgrid-item,
.subgrid-41 .subgrid-item {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}

.subgrid-11>.subgrid-item {
    width: 50%;
}


/* > nth-calc seems to be worng */


/*
.subgrid-12 .subgrid-item:nth-of-type(2n+1) {
	width: 34%;
}
.subgrid-12 .subgrid-item:nth-of-type(2n+2) {
	width: 66%;
}*/

.subgrid-12>.subgrid-item:nth-of-type(2n+1) {
    width: 34%;
}

.subgrid-12>.subgrid-item:nth-of-type(2n+2) {
    width: 66%;
}

.subgrid-21>.subgrid-item:nth-of-type(2n+1) {
    width: 66%;
}

.subgrid-21>.subgrid-item:nth-of-type(2n+2) {
    width: 34%;
}

.subgrid-13>.subgrid-item:nth-of-type(2n+1) {
    width: 25%;
}

.subgrid-13>.subgrid-item:nth-of-type(2n+2) {
    width: 75%;
}

.subgrid-31>.subgrid-item:nth-of-type(2n+1) {
    width: 75%;
}

.subgrid-31>.subgrid-item:nth-of-type(2n+2) {
    width: 25%;
}

.subgrid-14>.subgrid-item:nth-of-type(2n+1) {
    width: 20%;
}

.subgrid-14>.subgrid-item:nth-of-type(2n+2) {
    width: 80%;
}

.subgrid-41>.subgrid-item:nth-of-type(2n+1) {
    width: 80%;
}

.subgrid-41>.subgrid-item:nth-of-type(2n+2) {
    width: 20%;
}


/** auto-grid > temp > switch to other style, then delete */

.auto-grid-item {
    padding-bottom: 20px;
}

div>div.auto-grid-item:last-of-type {
    padding-bottom: 0px;
}


/* Header */

#masthead {
    margin-top: 30px;
    margin-bottom: 12px;
}

.header-top-wrap {
    border-bottom: 1px solid #cccccc;
}

.header-top,
.header-sub {
    display: flex;
    flex: auto;
    position: relative;
}

.header-coop-wrap {
    font-size: 14px;
    padding-left: 9px;
}

.header-coop-wrap div,
.header-coop-wrap section,
.header-coop-wrap p {
    display: inline-block;
}

.header-coop-wrap img {
    display: inline-block;
}

.header-coop-text-wrap div.textwidget {
    margin-top: 15px;
}


/** Header search box */

#site-search {
    display: none;
}


/* Content */

.crumbs-wrap {
    margin-bottom: 12px;
}

#primary.content-area img {
    border: 1px solid #cccccc;
}

/** Header tweaks for the new FP */
.header-claim-wrap {
    position: relative;
    height: 100%;
    width: 210px;
}
.header-claim {
    position: absolute;
    bottom: 0px;
}
.header-claim-wrap .header-claim #text-4 p {
    white-space: nowrap;
}


/* Footer */


/** Footer share icons */

#colophon .share-icons-wrap {
    margin-bottom: 30px;
}

#colophon ul.share-buttons {
    display: flex;
    margin: 0px !important;
    padding-left: 2px;
}

#colophon ul.share-buttons li {
    display: inline-block;
    padding-right: 20px;
}


/** Footer widgets */


/*
.footer-bottom-line-left {
    margin-left: -10px;
}
.footer-bottom-line-right {
    margin-right: -10px;
}
*/

.footer-bottom-line-wrap {
    display: block;
}
.footer-byline-wrap p {
    padding-right: 15px;
    padding-bottom: 10px;
}

@media screen and (min-width: 901px) {
    .footer-bottom-line-wrap {
        display: flex;
    }
}

.footer-bottom-line-wrap {
    display: flex;
    flex: auto;
    position: relative;
    border-top: 1px solid;
    padding-top: 0px;
}

.footer-bottom-line-left div,
.footer-bottom-line-left p,
.footer-bottom-line-left span {
    display: inline;
}

.footer-bottom-line-left ul {
    display: inline-block;
}

.footer-bottom-line {
    font-size: 14px !important;
}

.footer-coop-wrap {
    font-size: 14px;
}

.footer-coop-wrap div,
.footer-coop-wrap section,
.footer-coop-wrap p {
    display: inline-block;
}

@media screen and (max-width: 1200px) {
    .footer-bottom-line-wrap {
        display: block;
    }
    div.footer-coop-text-wrap {
        display: block;
    }
    .footer-coop-text-wrap p {
        margin-bottom: 2px;
    }
    div.footer-coop-wrap img {
        padding-right: 5px !important;
    }
    div.footer-coop-wrap img:first-of-type {
        margin-left: 0px !important;
    }
}

.footer-coop-text-wrap p {
    white-space: nowrap;
}
.footer-coop-text-wrap i {
    padding-right: 15px;
}
.footer-coop-text-wrap i.fab.fa-youtube {
    padding-right: 0px;
}

.footer-coop-wrap img {
    display: inline-block;
}

.footer-coop-wrap div.textwidget {
    margin-top: 0px;
}


/* Layout */

.border-top {
    border-top: 1px solid;
    padding-top: 3px;
}

hr.border-top {
    margin-bottom: 3px !important;
    padding-top: 0px !important;
}

a.link-button,
span.link-button>a {
    background: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    padding: 10px 30px 10px 30px;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
}

a.link-button-full-width {
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 2px solid;
    margin: 0px;
    padding: 10px 30px 10px 30px;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/* Widgets */

.widget-title-off .widget-title {
    display: none;
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */


/* Document
	 ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
	 ========================================================================== */


/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 24px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}


/* Grouping content
	 ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

hr.wp-block-separator.border-top {
    border-top: none;
    background-color: #121710;
    margin-top: 0px;
    margin-bottom: 0px;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 16px;
    /* 2 */
}


/* Text-level semantics
	 ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong,
.bold {
    /*font-weight: bolder;*/
    font-weight: bold;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
 * Add the correct font size in all browsers. > sqpp check
 */


/** Default size is 16px > 85% > 14px */

small {
    font-size: 87.5%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
	 ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}


/* Forms
	 ========================================================================== */


/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}


/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* Interactive
	 ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}


/* Misc
	 ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}


/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}


/* Prevent content jumping after page switch */

html {
    overflow-y: scroll;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
    color: #121710;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    line-height: 1.2;
}

.font-style-default {
    color: #121710 !important;
    font-family: 'Asap', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

h1,
h2,
.featured h2.widgettitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

h3,
h4,
h5,
h2.widgettitle {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

h6 {
    font-size: 80%;
    font-weight: 700;
    margin-bottom: 8px;
}

p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    /* before 10px */
    margin-left: 0px;
}

.font-size-default,
.font-size-16 {
    font-size: 16px !important;
}


/* p margin-bottom rules */

.entry-content p {
    margin-bottom: 25px;
}

.entry-content .wp-block-column p:last-of-type {
    margin-bottom: 0px;
}


/** exceptions for the p margin-bottom rules */

.entry-content .wp-block-column p:last-of-type+div,
.entry-content .wp-block-column p:last-of-type+header,
.entry-content .wp-block-column p:last-of-type+article,
.entry-content .wp-block-column p:last-of-type+footer,
.entry-content .wp-block-column p:last-of-type+section,
.entry-content .wp-block-column p:last-of-type+aside,
.entry-content .wp-block-column p:last-of-type+h1,
.entry-content .wp-block-column p:last-of-type+h2,
.entry-content .wp-block-column p:last-of-type+h3,
.entry-content .wp-block-column p:last-of-type+h4,
.entry-content .wp-block-column p:last-of-type+h5,
.entry-content .wp-block-column p:last-of-type+h6 {
    margin-top: 25px;
}

.featured {
    font-size: 24px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.2em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    max-width: 100%;
    overflow: auto;
    padding: 1.2em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 16px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/** Default size is 16px > 85% > 14px */

small {
    font-size: 87.5%;
}


/** Icons */


/* Add font awesome */


/* Set the font-weight: 900 (Solid), 400 (Regular or Brands), 300 (Light) */


/* Step 1: Common Properties: All required to make icons render reliably */


/*

 f002 <i class="fas fa-search"></i>

 f0ac <i class="fas fa-globe"></i>

*/

li.icon a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}


/* Step 2: Reference Individual Icons */


/** Icon > Search */

li.icon.search>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    padding-right: 0px;
}


/** Icon > Globe */

li.icon.globe>a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ac";
}

.sqpp-font-awesome,
.fa {
    font-family: "Font Awesome 5 Free";
}


/** Colors */

.color-white {
    color: #ffffff !important;
}


/** Weights */
.normal,
.default,
.prefix-normal .prefixer:before {
    font-weight: normal !important;
}

.bold,
.prefix-bold .prefixer:before {
    font-weight: bold !important;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.2em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/* sqpp */


/** Displays and positions */

.top-0,
.child-top-0>div {
    top: 0px;
}

.bottom-0,
.child-bottom-0>div {
    bottom: 0px;
}

.right-0,
.child-right-0>div {
    right: 0px;
}

.left-0,
.child-left-0>div {
    left: 0px;
}

.position-absolute,
.child-position-absolute>div {
    position: absolute;
}

.position-relative,
.child-position-relative>div {
    position: relative;
}

.display-inline {
    display: inline !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-block {
    display: block !important;
}

.display-flex {
    display: flex !important;
}

/** Borders and outlines */
.border {
    border: 1px solid;
}
.border-gray {
    border: 1px solid #cccccc;
}
.outline-gray {
    outline-color: #cccccc;
    outline-style: solid;
    outline-width: thin;

}

/** Background bg styles */


/*** sqpp */

.bg-test-img,
.child-bg-test-img>div {
    background-image: url("https://fundhead.com/wp-content/uploads/2019/07/Tatjana-Greil-Castro-1365.jpg");
}


/* sqpp check > after dev move to site specific plugin styles, e.g. styles-fh.css */

.background-colored,
.bg-colored,
.child-bg-colored>div,
.child-background-colored>div {
    background-color: rgba(18, 148, 246, 1)
}

.background-colored-100,
.bg-colored-100,
.child-bg-colored-100>div,
.child-background-colored-100>div {
    background-color: rgba(18, 148, 246, 1)
}

.background-colored-80,
.bg-colored-80,
.child-bg-colored-80>div,
.child-background-colored-80>div {
    background-color: rgba(18, 148, 246, 0.8)
}

.bg-cover,
.bg-stretch,
.child-bg-cover>div,
.child-bg-stretch>div {
    background-size: cover !important;
}

.bg-center-center,
.child-bg-center-center>div {
    background-position: center center !important;
}


/** Rations + ratio box styles > e.g. for a bg box */

.ratio-16-9,
.child-ratio-16-9>div,
.ratio-16-9-box,
.child-ratio-16-9-box>div {
    padding-bottom: 56.25%;
}


/** Boxes */

.box-colored {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.info-box-basic,
.infobox-basic,
.info-box-orange,
.infobox-orange,
.info-box-green,
.infobox-green,
.info-box-blue,
.infobox-blue,
.info-box-pink,
.infobox-pink {
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
}

.info-box-orange,
.infobox-orange {
    color: #FF6600;
    background-color: rgba(255, 102, 0, 0.25);
    border: 1px solid rgba(255, 102, 0, 0.75);
}

.info-box-green,
.infobox-green {
    color: #1D7E43;
    background-color: rgba(29, 126, 67, 0.25);
    border: 1px solid rgba(29, 126, 67, 0.75);
}

.info-box-blue,
.infobox-blue {
    color: #1294F6;
    background-color: rgba(18, 148, 246, 0.25);
    border: 1px solid rgba(18, 148, 246, 0.75);
}

.info-box-pink,
.infobox-pink {
    color: #FF1493;
    background-color: rgba(255, 20, 147, 0.25);
    border: 1px solid rgba(255, 20, 147, 0.75);
}


/** Responsive display */


/** > block inline-block inline flex table */

.mobile,
.mobile-block,
.mobile-inline-block,
.mobile-inline,
.mobile-flex,
.mobile-table {
    display: none;
}

.tablet,
.tablet-block,
.tablet-inline-block,
.tablet-inline,
.tablet-flex,
.tablet-table {
    display: none;
}

.laptop,
.laptop-block,
.laptop-inline-block,
.laptop-inline,
.laptop-flex,
.laptop-table {
    display: none;
}

.desktop,
.desktop-block,
.desktop-inline-block,
.desktop-inline,
.desktop-flex,
.desktop-table {
    display: none;
}

@media screen and (min-width: 1201px) {
    .mobile,
    .tablet,
    .laptop {
        display: none;
    }
    .desktop-block {
        display: block;
    }
    .desktop-inline-block {
        display: inline-block;
    }
    .desktop-inline {
        display: inline;
    }
    .desktop-flex {
        display: flex;
    }
    .desktop-table {
        display: table;
    }
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
    .mobile,
    .tablet,
    .desktop {
        display: none;
    }
    .laptop-block {
        display: block;
    }
    .laptop-inline-block {
        display: inline-block;
    }
    .laptop-inline {
        display: inline;
    }
    .laptop-flex {
        display: flex;
    }
    .laptop-table {
        display: table;
    }
}

@media screen and (min-width: 501px) and (max-width: 900px) {
    .mobile,
    .laptop,
    .desktop {
        display: none;
    }
    .tablet-block {
        display: block;
    }
    .tablet-inline-block {
        display: inline-block;
    }
    .tablet-inline {
        display: inline;
    }
    .tablet-flex {
        display: flex;
    }
    .tablet-table {
        display: table;
    }
}

@media screen and (max-width: 500px) {
    .tablet,
    .laptop,
    .desktop {
        display: none;
    }
    .mobile-block {
        display: block;
    }
    .mobile-inline-block {
        display: inline-block;
    }
    .mobile-inline {
        display: inline;
    }
    .mobile-flex {
        display: flex;
    }
    .mobile-table {
        display: table;
    }
}


/** Loggedin Loggedout display */

body:not(.logged-in) .loggedin,
body:not(.logged-in) .logged-in {
    display: none !important;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 2px solid;
    border-color: #FF6600;
    border-radius: 3px;
    background: #ffffff;
    color: #FF6600;
    font-size: 16px;
    line-height: 1.2;
    padding-top: 9px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    opacity: 0.5;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: inherit;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: inherit;
    border: 2px solid;
    border-color: inherit;
    border-radius: 3px;
    padding-top: 9px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: inherit;
}

select {
    border: 2px solid;
    border-color: inherit;
}

textarea {
    width: 100%;
}

@media screen and (min-width:901px) {
    input[type="search"] {
        width: 320px !important;
    }
    .search-form input[type="submit"] {
        box-sizing: border-box !important;
        width: 120px !important;
    }
}


/* Caldera forms */


/* Subscribe form */

input[type="submit"].sqpp-submit-button {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}


/** ad Caldera forms */

.sqpp-form-wrap,
.calera-from-wrap {
    margin-right: -20px;
}


/*** Caldera grid */

#main .caldera-grid {
    width: calc(100% + 20px);
}

.caldera-grid div[id^="CF"].row {
    margin-left: -10px !important;
    margin-right: -10px !important;
    max-width: 100% !important;
}

.caldera-grid .col-lg-1,
.caldera-grid .col-lg-10,
.caldera-grid .col-lg-11,
.caldera-grid .col-lg-12,
.caldera-grid .col-lg-2,
.caldera-grid .col-lg-3,
.caldera-grid .col-lg-4,
.caldera-grid .col-lg-5,
.caldera-grid .col-lg-6,
.caldera-grid .col-lg-7,
.caldera-grid .col-lg-8,
.caldera-grid .col-lg-9,
.caldera-grid .col-md-1,
.caldera-grid .col-md-10,
.caldera-grid .col-md-11,
.caldera-grid .col-md-12,
.caldera-grid .col-md-2,
.caldera-grid .col-md-3,
.caldera-grid .col-md-4,
.caldera-grid .col-md-5,
.caldera-grid .col-md-6,
.caldera-grid .col-md-7,
.caldera-grid .col-md-8,
.caldera-grid .col-md-9,
.caldera-grid .col-sm-1,
.caldera-grid .col-sm-10,
.caldera-grid .col-sm-11,
.caldera-grid .col-sm-12,
.caldera-grid .col-sm-2,
.caldera-grid .col-sm-3,
.caldera-grid .col-sm-4,
.caldera-grid .col-sm-5,
.caldera-grid .col-sm-6,
.caldera-grid .col-sm-7,
.caldera-grid .col-sm-8,
.caldera-grid .col-sm-9,
.caldera-grid .col-xs-1,
.caldera-grid .col-xs-10,
.caldera-grid .col-xs-11,
.caldera-grid .col-xs-12,
.caldera-grid .col-xs-2,
.caldera-grid .col-xs-3,
.caldera-grid .col-xs-4,
.caldera-grid .col-xs-5,
.caldera-grid .col-xs-6,
.caldera-grid .col-xs-7,
.caldera-grid .col-xs-8,
.caldera-grid .col-xs-9 {
    position: relative;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/*** Caldera form fields */

.caldera-grid input[type="submit"] {
    margin-top: 30px;
}

.caldera-grid label {
    margin-bottom: 3px;
    font-weight: 400;
}

.caldera-grid .field_required {
    margin-left: -2px;
}

.caldera-grid .form-control:focus {
    outline: 0;
}


/** Caldera form submit styles */

.caldera-grid input[type="submit"],
.frm_submit input[type="submit"],
form[name="NLCH"] input[type="submit"],
form[name="NLDE"] input[type="submit"] {
    margin: 0 !important;
    padding: 10px 40px 10px 40px !important;
    font-family: 'Asap', sans-serif !important;
    font-size: 16px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.caldera-grid input[type="submit"] {
    margin-top: 30px;
}

.caldera-grid input[type="submit"]:hover {
    opacity: 0.5;
}


/** Caldera form error styles */

.caldera-grid .has-error .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links > see also site specific css style plugin
--------------------------------------------------------------*/

a {
    color: inherit;
    text-decoration: none;
}

a:link {
    color: inherit;
    text-decoration: none;
}

a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #FF6600;
    text-decoration: none;
}

a:active {
    color: inherit;
    text-decoration: none;
}

a:focus {
    /*outline: thin dotted;*/
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* #site-subnav-addon ul.menu > li:last-of-type */

.menu ul li a {
    white-space: nowrap;
}

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    /*display: none; sqpp */
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 150px;
}
#site-subnav-addon ul ul a {
    width: 170px;
}
#site-subnav-addon ul ul li.current-menu-item a,
/* a:pseudoclass order > Link, Visited, Hover, Active */
#site-subnav-addon li.current-menu-item a:link,
#site-subnav-addon li.current-menu-item a:visited,
#site-subnav-addon li.current-menu-item a:hover,
#site-subnav-addon li.current-menu-item a:active,
#site-subnav-addon li.current-menu-item a:focus {
    color: #ff6600;
}
#site-subnav-addon ul#menu-subnav-addon li.icon.globe > ul li {
    margin-left: -40px;
}


.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

#masthead nav a {
    font-weight: normal;
}

.header-top nav#site-navigation {
    align-self: flex-end;
}

.header-top .menu a,
.header-sub .menu a {
    background: #FFFFFF;
    border-top: 0px solid #DDDDDD;
    border-bottom: 0px solid #DDDDDD;
    border-left: 0px solid #DDDDDD;
    border-right: 0px solid #DDDDDD;
    margin: 0 0px 0 0px;
    padding: 13px 10px 13px 10px;
    /*color: #121710;*/
}

#masthead ul.menu ul li a {
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
}

#masthead ul.menu ul li:last-of-type a {
    border-bottom: 1px solid #eeeeee;
    padding-top: 13px;
    padding-bottom: 13px;
}

.header-top .menu ul li,
.header-sub #site-subnav ul li,
.header-sub .site-subnav-coop-wrap ul li,
.header-sub .site-subnav-addon-wrap ul li {
    white-space: nowrap;
}

.header-top .menu>li:first-of-type>a,
.header-sub #site-subnav .menu>li:first-of-type>a {
    padding-left: 0px;
}

.header-sub #site-subnav-addon .menu>li:last-of-type>a {
    padding-right: 0px;
}

@media screen and (max-width: 1700px) {
    .header-sub #site-subnav-addon ul.menu>li:last-of-type:hover ul.sub-menu {
        right: 0px;
    }
}


/** Search icon */

#masthead .header-sub #site-subnav-addon span.search-text {
    display: none;
}

#masthead ul.sub-menu>li:first-of-type {
    margin-top: -1px;
}

.site-subnav-coop-wrap p span {
    display: inline-block;
    padding-top: 14px;
    padding-left: 9px;
    font-size: 14px;
    line-height: 1.3;
}

.site-subnav-addon-wrap {
    display: flex;
    flex-wrap: nowrap;
}


/* Content menus e.g. in sidebars, blocks */

#main ul.menu,
#main ul.menu ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

#main ul.menu li a {
    display: inline-block;
    font-size: 24px;
    padding-bottom: 8px;
}


/* Footer widget menus */

#footer-widgets-wrap .widget_nav_menu ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

#footer-widgets-wrap .widget_nav_menu ul li a {
    display: inline-block;
    padding-bottom: 5px;
}


/* Footer bottomline nav */

#site-footernav {
    float: none;
}
#site-footernav ul {
    white-space: nowrap;
    padding-bottom: 10px;
}

#site-footernav ul,
#site-footernav li,
#site-footernav a {
    display: inline;
    float: none;
}

#site-footernav ul li a:after {
    /*content: " -"; removed for FP new */
}
#site-footernav ul li:last-of-type a:after {
    content: "";
}

#site-footernav ul li {
    padding-right: 10px;
}
#site-footernav ul li:last-of-type {
    padding-right: 0px;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media 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%;
}


/** Header menu arrows */


/*** Header menu arrow to point to the currently active menu item */


/*** > old colors > #DDDDDD rgba(18,29,44,0.25) */


/**** Test */


/*
#masthead .header-top ul.menu li.current-menu-item a:after,
#masthead .header-sub ul.menu li.current-menu-item a:after {
	content: 'TEST';
	font-size: 30px !important;
	line-height: 1 !important;
}*/


/* /Test */

#masthead .header-top ul.menu>li.current-menu-item a,
#masthead .header-sub ul.menu>li.current-menu-item a {
    position: relative;
}

#masthead .header-top ul.menu>li.current-menu-item a:after,
#masthead .header-sub ul.menu>li.current-menu-item a:after {
    font-family: "Font Awesome 5 Free";
    font-size: 30px !important;
    line-height: 1 !important;
    right: 50%;
    margin-right: -10px;
	font-weight: bold;
}

#masthead .header-sub #site-subnav ul.menu>li.current-menu-item:first-of-type a:after,
#masthead .header-sub #site-mobilesubnav ul.menu>li.current-menu-item:first-of-type a:after {
    margin-right: -5px;
}

@media screen and (min-width: 901px) {
    #masthead .header-top ul.menu>li.current-menu-item a:after {
        content: "\f0de";
        position: absolute;
        bottom: -17px;
    }
    #masthead .header-top ul.menu>li.current-menu-item:first-of-type a:after {
        margin-right: -5px;
    }
    #masthead .header-sub ul.menu>li.current-menu-item a:after {
        content: "\f0dd";
        position: absolute;
        top: -16px;
    }
}

@media screen and (max-width: 900px) {
    #masthead .header-sub ul.menu>li.current-menu-item>a:after {
        content: "\f0de";
        position: absolute;
        bottom: -18px;
    }
}


/*** /Header menu arrow to point to the currently active menu item */


/** Nav menu pointer arrows */


/*** OFF */


/*** Arrow off for submenu items */


/*
.sub-menu .current-menu-item a:after,
.current-menu-item.menu-item-has-children .sub-menu .current-menu-item a:after {
	color: transparent !important;
}
@media screen and (min-width: 901px) {
	.menu-primary .current-menu-item > a:after {
		bottom: -10px !important;
		right: 50% !important;
		margin-right: -8px !important;
	}
}*/


/** Page navigation - pagination */

.pagination-wrap {
    flex-basis: 100%;
}

.pagination {
    padding-right: 10px;
    padding-left: 10px;
}

span.link-button.previous-icon>a {
    margin-right: 8px;
}

div.pagination-wrap+div.video-content-after-wrap {
    margin-top: 20px;
}


/*--------------------------------------------------------------
## Languages + Regions
--------------------------------------------------------------*/

/* sqpp Lang styles together with Polylang plugin > check if still needed */
/*
html[lang="en-US"] #site-navigation,
html[lang="en-US"] #site-subnav,
html[lang="en-US"] .site-subnav-addon-wrap.pushright {
    visibility: hidden;
}

html[lang="en-US"] .header-sub-wrap {
    display: none;
}

html[lang="en-US"] div#footer-widgets-wrap .grid-wrap-item {
    display: none;
}
*/

/* New lang styles */


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.push-top,
.pushtop {
    margin-bottom: auto;
}

.push-right,
.pushright {
    margin-left: auto;
}

.push-left,
.pushleft {
    margin-right: auto;
}

.push-buttom,
.pushbottom {
    margin-top: auto;
}


/** align-bottom aka push bottom of an item within a box, container, div ... */


/*** First add this class to the surrounding element > */

.subitems-wrap {
    display: flex;
    flex-direction: column;
}


/*** Second add this class to the last item within the .subitems-wrap > */


/*** .pushbottom or .push-bottom */


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 10px;
    /* Make sure select elements fit in widgets. */
}

.widget select {
    max-width: 100%;
}

#masthead .widget {
    margin: 0;
}

footer#colophon h1.widgettitle,
footer#colophon h2.widgettitle,
footer#colophon h3.widgettitle,
footer#colophon h4.widgettitle,
footer#colophon h5.widgettitle,
footer#colophon h1.widget-title,
footer#colophon h2.widget-title,
footer#colophon h3.widget-title,
footer#colophon h4.widget-title,
footer#colophon h5.widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

footer#colophon .widget ul {
    margin-bottom: 10px;
}


/** Seach by logo widget area */

#masthead .search-by-logo-wrap {
    display: flex;
}

#masthead .search-by-logo-wrap span {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
}

.search-by-logo-wrap .widget a:hover img {
    opacity: 0.5;
}

.search-by-logo-wrap .widget img {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}


/*
.header-sub #site-subnav-addon .menu > li:last-of-type > a {
    display: inline-block;
}
*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 20px;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/** Data person */

p span.text-string-item:after {
    content: ", ";
}

p span.text-string-item:last-of-type:after {
    content: "";
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
## Testimonials
--------------------------------------------------------------*/

.testimonial.auto-grid-item p {
    display: inline;
}


/*--------------------------------------------------------------
## Taxonomies - Categories - Tags
--------------------------------------------------------------*/


/** Prefix with taxonomy term if belongs to it */


/** > \00a0 > &nbsp; */
/** > \202F > &#8239; */

/*
.sqpptaxovideocat-spotlights .video-category-prefix:before {
    content: "Spotlights\00a0";
}

.sqpptaxovideocat-opinions .video-category-prefix:before {
    content: "Opinions\00a0";
}

.sqpptaxovideocat-finews .video-category-prefix:before {
    content: "by finews\00a0";
}

.sqpptaxovideocat-fundinfo .video-category-prefix:before {
    content: "by fundinfo\00a0";
}
*/

/** Prefix for Videos > Line or Category > sqpptaxovideocat or sqpptaxovideoline [class*=""] */

.prefix-video [class*="sqpptaxovideocat-spotlights"] .prefixer:before,
[class*="sqpptaxovideocat-spotlights"] .prefix-video .prefixer:before {
    content: "Spotlights\202F";
}

.prefix-video [class*="sqpptaxovideocat-opinions"] .prefixer:before,
[class*="sqpptaxovideocat-opinions"] .prefix-video .prefixer:before {
    content: "Opinions\202F";
}

.prefix-video [class*="sqpptaxovideocat-etf-tv"] .prefixer:before,
[class*="sqpptaxovideocat-etf-tv"] .prefix-video .prefixer:before {
    content: "by ETF TV\202F";
}
.prefix-video [class*="sqpptaxovideocat-finews"] .prefixer:before,
[class*="sqpptaxovideocat-finews"] .prefix-video .prefixer:before {
    content: "by finews\202F";
}
.prefix-video [class*="sqpptaxovideocat-robert-halver"] .prefixer:before,
[class*="sqpptaxovideocat-robert-halver"] .prefix-video .prefixer:before {
    content: "by Robert Halver\202F";
}
.prefix-video [class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefixer:before,
[class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefix-video .prefixer:before {
    content: "by Sarasin Quant Solutions\202F";
}

.prefix-video [class*="sqpptaxovideoline-insights"] .prefixer:before,
[class*="sqpptaxovideoline-insights"] .prefix-video .prefixer:before {
    content: "Insights\202F";
}
.prefix-video [class*="sqpptaxovideoline-markets"] .prefixer:before,
[class*="sqpptaxovideoline-markets"] .prefix-video .prefixer:before {
    content: "Markets\202F";
}

/** Prefix for Video Line > sqpptaxovideoline */

.prefix-video-line [class*="sqpptaxovideoline-spotlights"] .prefixer:before,
[class*="sqpptaxovideoline-spotlights"] .prefix-video-line .prefixer:before {
    content: "Spotlights\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-opinions"] .prefixer:before,
[class*="sqpptaxovideoline-opinions"] .prefix-video-line .prefixer:before {
    content: "Opinions\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-insights"] .prefixer:before,
[class*="sqpptaxovideoline-insights"] .prefix-video-line .prefixer:before {
    content: "Insights\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-views"] .prefixer:before,
[class*="sqpptaxovideoline-views"] .prefix-video-line .prefixer:before {
    content: "Views\202F";
}
.prefix-video-line [class*="sqpptaxovideoline-markets"] .prefixer:before,
[class*="sqpptaxovideoline-markets"] .prefix-video-line .prefixer:before {
    content: "Markets\202F";
}


/** Prefix for Video Category > sqpptaxovideocat */

.prefix-video-category [class*="sqpptaxovideocat-spotlights"] .prefixer:before,
[class*="sqpptaxovideocat-spotlights"] .prefix-video-category .prefixer:before {
    content: "Spotlights\202F";
}

.prefix-video-category [class*="sqpptaxovideocat-opinions"] .prefixer:before,
[class*="sqpptaxovideocat-opinions"] .prefix-video-category .prefixer:before {
    content: "Opinions\202F";
}

.prefix-video-category [class*="sqpptaxovideocat-etf-tv"] .prefixer:before,
[class*="sqpptaxovideocat-etf-tv"] .prefix-video-category .prefixer:before {
    content: "by ETF TV\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-finews"] .prefixer:before,
[class*="sqpptaxovideocat-finews"] .prefix-video-category .prefixer:before {
    content: "by finews\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-fundinfo"] .prefixer:before,
[class*="sqpptaxovideocat-fundinfo"] .prefix-video-category .prefixer:before {
    content: "by fundinfo\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-robert-halver"] .prefixer:before,
[class*="sqpptaxovideocat-robert-halver"] .prefix-video-category .prefixer:before {
    content: "by Robert Halver\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-sarasin-quant-solutions"] .prefixer:before,
[class*="sqpptaxovideocat-sarasin-quant-solutions"].sqpptaxovideocat-sarasin-quant-solutions .prefix-video-category .prefixer:before {
    content: "by Sarasin Quant Solutions\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-bnp-paribas"] .prefixer:before,
[class*="sqpptaxovideocat-bnp-paribas"].sqpptaxovideocat-bnp-paribas .prefix-video-category .prefixer:before {
    content: "by BNP Paribas\202F";
}
.prefix-video-category [class*="sqpptaxovideocat-ovidpartner"] .prefixer:before,
[class*="sqpptaxovideocat-ovidpartner"] .prefix-video-category .prefixer:before {
    content: "by OVIDpartner\202F";
}

/** By prefix */
h2.by-prefix:before, h3.by-prefix:before, h4.by-prefix:before,
.by-prefix h2:before, .by-prefix h3:before, .by-prefix h4:before {
    content: "by "; 
}

/** Suffixes */
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h2:after,
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h3:after, 
[class*="sqpptaxovideoline-markets"] .suffix-vidcat h4:after,
[class*="sqpptaxovideoline-markets"] h2.suffix-vidcat:after,
[class*="sqpptaxovideoline-markets"] h3.suffix-vidcat:after,
[class*="sqpptaxovideoline-markets"] h4.suffix-vidcat:after {
    content: " by fundinfo";
}


/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/


/** Fundinfo - Video lightbox */

.nivo-lightbox-wrap {
    max-width: 1150px;
}

.nivo-lightbox-content iframe {
    background-color: white;
    background-color: rgba(255, 255, 255, 1.0);
}

.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
    content: "×";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
}

.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open:before {
    content: "\00d7";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav.nivo-lightbox-prev,
.nivo-lightbox-theme-default .nivo-lightbox-nav.nivo-lightbox-next, 
.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: none !important;
}


/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/


/** Search box */

div#site-search {
    border-bottom: 1px solid #cccccc;
}

.search-box-inner {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

.search-box-form {
    display: flex;
}

form.search-form {
    margin-top: auto;
    margin-bottom: auto;
}

.search-box-sponsor-wrap {
    display: flex;
    margin-left: auto;
}

.search-box-sponsor-text {
    display: flex;
}

.search-box-sponsor-text .widget {
    margin-top: auto !important;
    margin-bottom: 0px !important;
    padding-right: 5px;
}

.search-box-sponsor-text p {
    margin-bottom: 0px;
    padding-bottom: 1px;
}

@media screen and (max-width:500px) {
    .search-box-inner {
        flex-wrap: wrap;
    }
    .search-box-form,
    .search-box-sponsor-wrap {
        width: 100%;
    }
    .search-box-sponsor-text {
        margin-left: auto;
    }
    .search-box-sponsor-wrap {
        padding-top: 20px;
    }
}


/** Search language control data-permalink="<?php echo $item_parmalink; ?>" */

.search div.video-item {
    display: none !important;
}

html[lang="de-CH"] .search div.video-item[data-permalink*="/ch/"] {
    display: block !important;
}

html[lang="de-DE"] .search div.video-item[data-permalink*="/de/"] {
    display: block !important;
}

html[lang="de-LU"] .search div.video-item[data-permalink*="/lu/"] {
    display: block !important;
}

html[lang="de-AT"] .search div.video-item[data-permalink*="/at/"] {
    display: block !important;
}

html[lang="en-CH"] .search div.video-item[data-permalink*="/ch-en/"] {
    display: block !important;
}


/*--------------------------------------------------------------
## Content Footer
--------------------------------------------------------------*/

.video-content-after-wrap {
    flex-basis: 100%;
}

footer.video-content-after {
    padding-right: 10px;
    padding-left: 10px;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/* figure */


/* figure margin-bottom etc. rules */

figure.wp-block-image {
    max-width: 100%;
    margin-bottom: 0em;
    /* WP rule is 1em */
    margin-left: 0;
    margin-right: 0;
}


/** exceptions for the figure.wp-block-image margin-bottom rule */

figure.wp-block-image+p,
figure.wp-block-image+div,
figure.wp-block-image+header,
figure.wp-block-image+article,
figure.wp-block-image+footer,
figure.wp-block-image+section,
figure.wp-block-image+aside,
figure.wp-block-image+h1,
figure.wp-block-image+h2,
figure.wp-block-image+h3,
figure.wp-block-image+h4,
figure.wp-block-image+h5,
figure.wp-block-image+h6 {
    margin-top: 10px;
}


/** sqpp */

img.image-block,
.image-block img {
    display: block;
}

img.image-inline-block,
.image-inline-block img {
    display: inline-block;
}

img.image-inline,
.image-inline img {
    display: inline;
}

figure.border-off img,
img.border-off {
    border: none !important;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/

.embed-vimeo>iframe,
.video-wrap>iframe {
    outline-color: #cccccc;
    outline-style: solid;
    outline-width: thin;
}


/** Breaking box */

.sqpp-block-breaking a:hover>article {
    opacity: 0.5;
}

.sqpp-block-breaking a:hover>article .breaking-box {
    opacity: 1.0;
}

body #page #page-wrap .grid-wrap .wp-block-columns.has-2-columns.breaking-box-wrap {
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
}

@media (min-width: 782px) {
    body #page #page-wrap .grid-wrap .wp-block-columns.has-2-columns.breaking-box-wrap {
        flex-wrap: nowrap !important;
    }
}


/*
.breaking-box-icon {
	flex-grow: 0 !important;
}

.breaking-box-icon {
	display: inline-block;
}

.breaking-box-text {
	flex-grow: 1 !important;
}*/


/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Easy Pods
--------------------------------------------------------------*/


/** Easy Pods list navigation buttons > colors see theme plugin */

#page.site #page-wrap span.search-pagination {
    display: block;
    margin-top: 45px;
    margin-bottom: 25px;
}

#page.site #page-wrap a.pods-pagination-number {
    font-family: 'FontAwesome' !important;
}

#page.site #page-wrap a.pods-pagination-number:hover {
    opacity: 0.5;
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
    text-decoration: none;
    display: block;
    width: 74px;
    box-sizing: border-box;
    position: absolute;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid;
    margin: 0;
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    margin-top: -17px;
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before {
    content: "\f053";
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
    content: "\f054";
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-next {
    margin-top: -20px !important;
    display: block;
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev+a.pods-pagination-number.pods-pagination-next {
    margin-top: -38px !important;
    display: block;
    padding-left: 86px;
}


/*--------------------------------------------------------------
# Quick fixes > move to right place
--------------------------------------------------------------*/

.colored,
.color {
    color: #FF6600;
}

a.link-gray,
a.link-gray:link,
a.link-gray i,
a.link-gray:link i a span.link-gray,
a:link span.link-gray,
a span.link-gray i,
a:link span.link-gray i {
    color: #cccccc !important;
}


/** if 2 grid-items after one another fix */

.grid-item>.grid-item {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}


/*a:hover article .bg-cover {
	opacity: 0.5;
}*/

a:hover article h2,
a:hover article h3,
a:hover article h4,
a:hover article p,
a>article:hover i:before,
a:focus article h2,
a:focus article h3,
a:focus article h4,
a:focus article p,
a>article:focus i:before {
    color: #FF6600;
}