/*!
Theme Name:    Page Builder Framework Child
Author:        schwarzpunkt
Author URI:    https://www.schwarzpunkt.ch
Description:   Page Builder Framework Child Theme
Version:       1.0.1
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* Your custom code goes here! */

h1, .home h2, p.markant, blockquote {font-size: 30px; font-weight: 600; font-family: 'Roboto'; text-transform: uppercase; letter-spacing: 3px}
@media only screen and (max-width: 600px) {
    h1, .home h2, p.markant, blockquote {font-size: 18px; letter-spacing: 1.5px}
}
h2.markant {font-size: 34px; font-weight: 600; letter-spacing: 3px}
@media only screen and (max-width: 600px) {
    h2.markant {font-size: 26px; letter-spacing: 1.5px}
}
h2.p {font-family: 'Open Sans'; text-transform: none; letter-spacing: 0; font-size: 1em}
h2+p {margin-top: -12px}
h4 a {text-decoration: underline; -webkit-text-decoration-color: #000; text-decoration-color: #000}
h4 a:hover {-webkit-text-decoration-color: #000000; text-decoration-color: #000000}
p.lead {font-size: 20px}
blockquote {border: none; padding: 0; margin: 0}
blockquote p {font-style: normal; padding: 0}

ul, .widget ul {margin-bottom: 20px}
ul li:not(.menu-item), .widget ul li {list-style: disc; margin-left: 27px;}

.lsow-dark-bg * {color: white !important}
.lsow-dark-bg a {; -webkit-text-decoration-color: white !important; text-decoration-color: white !important}
.lsow-dark-bg .ow-button-hover:hover,
.lsow-dark-bg .ow-button-hover:hover span,
.lsow-dark-bg .ow-button-hover:hover i {color: rgb(204,46,41) !important}
.lsow-dark-bg .black .ow-button-hover:hover,
.lsow-dark-bg .black .ow-button-hover:hover span,
.lsow-dark-bg .black .ow-button-hover:hover i {color: black !important}

.wpbf-container.wpbf-container-center.wpbf-padding-medium {padding-top: 0; padding-bottom: 0}
.wpbf-inner-footer.wpbf-container.wpbf-container-center {padding-top: 0}
.wpbf-menu-effect-boxed.wpbf-menu-animation-fade > .menu-item > a:before {border-radius: 10px 0 !important}
.wpbf-mobile-menu-toggle {font-size: 30px}

.home #content {padding-top: 0}
.home #inner-content {padding-top: 0}

.wpbf-inner-footer {padding-bottom: 0}
.wpbf-inner-footer a {color: black;}
.wpbf-inner-footer a:hover {text-decoration: underline; text-decoration: underline; -webkit-text-decoration-color: #CC2E29; text-decoration-color: #CC2E29}
.wpbf-inner-footer h2 {font-size: 1em; margin-bottom: 0.5em}

.big-icon {font-size: 170px; color: rgba(53,53,53,.3)}
.lsow-dark-bg .big-icon * {color: rgba(255,255,255,.8) !important}

.lsow-carousel .lsow-carousel-item {padding-left: 0 !important; padding-right: 20px !important}
.lsow-carousel .lsow-carousel-item > * {max-width: 300px; text-align: left}

.lsow-block-header-expanded .lsow-block-header.lsow-no-heading {margin: 0 !important; justify-content: left !important}
.lsow-block-header-expanded .lsow-block-header.lsow-no-heading .lsow-filter-item {border-bottom: 0; margin-right: 15px}
.lsow-block-header-expanded .lsow-block-header.lsow-no-heading .lsow-filter-item a {color: black !important; text-transform: uppercase; font-family: "Roboto" !important; letter-spacing: 1px; padding: 0 0 3px 0 !important}
.lsow-block-header-6 .lsow-taxonomy-filter .lsow-filter-item.lsow-active:after {border-width: 1px !important; border-color: black !important}

.lsow-service h3.lsow-title {font-size: 26px !important; color: black !important}
@media only screen and (max-width: 600px) {
    .lsow-service h3.lsow-title {font-size: 18px !important} 
}
.lsow-services .lsow-service .lsow-service-text {font-size: 16px; color: black !important; line-height: 1.7 !important}

.post-links {padding-top: 100px; margin-bottom: 50px}

table.layout {border: 0}
table.layout tr {}
table.layout td,
table.layout th {padding: 0; margin: 0; border: 0; vertical-align: top}
table.layout td+td,
table.layout th+th {padding-left: 3px}
table.layout td a {display: inline-block}

.footermeta {text-align: center}
@media only screen and (max-width: 780px) {
    .footermeta {text-align: left}
}