/**
Theme Name: Folmont Child Theme
Author: RavDev
Author URI: https://ravdev.pl
Description: Motyw stworzony na potrzeby strony oklejanieokien.pl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: folmont-child-theme
Template: astra
*/
:root {
--site-content-width: 1600px;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{
height:110px;
}
.folmont-collapse-widget {
position: relative;
}
@media (min-width: 1150px){
.site-primary-header-wrap{
position: relative;
}
.main-navigation {
li {
position: static !important;
}
&>ul {
position: static;
}
.sub-menu {
margin:0 20px !important;
width: calc(100% - 40px);
top:66% !important;
max-width: calc(100% - 40px);
left: 0;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
overflow: hidden;
height:0 !important;
}
}
.main-header-menu .menu-item:hover>.sub-menu{
display: grid !important;
height:auto !important;
}
}
@media (max-width:1300px){
.site-header-primary-section-right{
.social-item-label{
display: none !important;
}
}
}
.uagb-post__cta{
display: flex !important;
margin-bottom: 40px;
a{
width:100%;
padding:10px 20px !important;
text-align: center;
}
}
.ast-container:has(.folmont-blog-intro){
max-width: 1920px !important;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
padding:0 !important;
}
.folmont-collapse-widget h3 {
margin-bottom: 10px;
font-size: 1.2rem;
}
.folmont-terms-container ul {
list-style: none;
margin: 0;
padding: 0;
}
.folmont-toggle-btn{
padding: 10px 20px;
}
#sidebar{
.uagb-post__inner-wrap{
box-shadow: none;
background:#FFF;
}
.wp-block-search__inside-wrapper{
padding: 0 !important;
outline: none !important;
border:none !important;
height: 50px;
input,button{
border-radius: 0 !important;
height:50px !important;
margin:0 !important;
}
}
}
.folmont-terms-container li {
margin-bottom: 5px;
}
.folmont-terms-container a {
text-decoration: none;
color: inherit;
display: flex;
justify-content: space-between;
}
#sidebar p{
margin: 0 !important;
}
#sidebar{
form{
margin-bottom: 40px !important;
}
.folmont-collapse-widget:not(:last-of-type){
margin-bottom:40px !important;
}
}
.folmont-terms-container span.count {
opacity: 0.6;
font-size: 0.9em;
}
.count{
text-wrap: nowrap;
}
.folmont-terms-container {
max-height: 200px;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
position: relative;
}
.folmont-terms-container.expanded {
max-height: 750px;
overflow: auto;
}
.white-logo svg {
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(6%) hue-rotate(10deg) brightness(104%) contrast(104%);
}
.page-title-hero{
position: relative !important;
.wp-block-safe-svg-svg-icon{
position: static !important;
}
.romb{
width:35% !important;
height:45% !important;
position: absolute;
z-index: 1;
}
.wp-block-safe-svg-svg-icon {
margin:0 !important
}
.romb-blue{
width:20% !important;
height:30% !important;
top:0% !important;
right:10%;
transform: translateX(50%);
}
.romb-red{
right:0;
top:33%;
transform: translate(50%, -50%);
}
}
#primary #main .hero-shapes {
position: relative !important;
width:100% !important;
.wp-block-safe-svg-svg-icon{
position: static !important;
}
.romb{
width:30% !important;
height:40% !important;
position: absolute;
z-index: 1;
}
.wp-block-safe-svg-svg-icon {
margin:0 !important
}
.romb-blue{
bottom:-5% !important;
right:25%;
transform: translate(50%, 50%);
}
.romb-red{
left:0;
top:25%;
transform: translate(-50%, -50%);
}
/* &:before {
bottom:0;
content: url('data:image/svg+xml,');
}
&:after{
left:0;
max-width: 200px;
max-height: 200px;
top:40px;
transform: translateX(-50%);
content:url('data:image/svg+xml,');
} */
}
.section-bg {
figure {
max-height: unset !important;
}
}
footer{
.widget{
margin-bottom: 0 !important;
}
a{
font-weight: 400 !important;
}
svg{
fill:var(--ast-global-color-1) !important;
}
}
.itmajlo{
margin-left: auto !important;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section{
align-items: start !important;
}
.site-header-above-section-center {
.ast-builder-layout-element,
.ast-header-social-1-wrap {
width: 100%;
}
a:last-of-type {
margin-right: 0 !important;
}
.header-social-item:nth-of-type(2) {
padding-left: 0 !important;
margin-right: auto;
margin-left: 0 !important;
}
.header-social-item:first-of-type {
padding-left: 0 !important;
margin-left: 0 !important;
}
.header-social-inner-wrap {
display: flex !important;
}
}
@media (max-width: 767px) {
.section-bg {
background: #fff !important;
}
.trail-items {
font-size: 14px;
}
.ast-breadcrumbs {
margin: 0 !important;
}
}
.offer-loop>ul {
padding: 0 !important;
.offer-list-wrapper {
&:hover::before {
background: #DE147C82 !important;
}
&:before {
transition: .3s ease;
z-index: 1;
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
background: #28167096 !important;
}
position: relative !important;
}
.wp-block-post {
height: auto;
margin: 0 !important;
display: flex !important;
align-items: end;
}
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 40px;
grid-row-gap: 20px;
.relative-image-list {
position: relative !important;
img {
max-height: 250px;
}
}
li {
position: static !important;
}
.title-list {
height: 100%;
width: 100%;
margin: 0 !important;
a {
display: flex !important;
height: 100%;
align-items: center;
justify-content: center;
width: 100%;
display: block;
color: #FFF !important;
text-decoration: none !important;
}
text-align: center;
position: absolute !important;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.uagb-blockquote__author-wrap img{
border-radius: 0 !important;
}
.wpcf7-list-item{
margin-left: 0 !important;
}
.wp-google-powered {
display: none !important;
}
.wp-gr .grw-header {
width: 100% !important;
}
#primary #main .wp-gr{
max-height:100% !important;
width:100% !important
}
#primary #main .wp-google-list {
.wp-google-right{
padding:20px !important;
}
margin-top: 20px !important;
margin-left:40px !important;
.wp-google-place{background:#FFF !important;}
.wp-google-wr{
margin-left: 0 !important;
margin-right: auto !important;
}
&>div{
width:fit-content !important;
&>div{
width:fit-content !important;
&>div{
width:fit-content !important;
&>div{
width:fit-content !important;
}
}
}
}
}
.google-reviews-sc{
height: 100% !important;
}
.offers .wp-block-uagb-image__figure{
max-width: 530px !important;
max-height: 350px;
}
.other-offers{
.spectra-image-gallery {
row-gap: 20px;
}
.spectra-image-gallery__media-thumbnail-caption--overlay{
padding:0 !important;
}
.spectra-image-gallery__media-thumbnail-caption-wrapper--overlay{
a{
color:#FFF !important;
height: 100%;
width: 100%;
display: flex
;
align-items: center;
text-decoration: none;
justify-content: center;
}
.spectra-image-gallery__media-thumbnail-caption{
font-size:26px !important;
font-weight: 500;
letter-spacing: 1px;
}
&:hover{
background: #DE147C82 !important;
}
background: #28167096 !important;
}
}
.wp-block-uagb-faq {
.uagb-faq-item-active {
.uagb-faq-questions-button {
border: 1px solid var(--ast-global-color-1);
}
}
.uagb-faq-content{
background:#f8f8f8;
}
.uagb-faq-questions-button {
border: 1px solid var(--ast-global-color-0);
}
}
.ast-breadcrumbs {
margin: 1rem 0;
.trail-end span {
font-weight: 700;
}
}
.logo-reverse {
gap: 20px;
flex-direction: row-reverse !important;
}
.logo-reverse .uagb-ifb-desc {
margin-bottom: 0;
strong {
color: var(--ast-global-color-1);
}
text-align: left;
}
.num-container {
.uagb-ifb-content {
position: relative;
.uagb-ifb-icon-wrap {
z-index: -1;
opacity: .2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
@media (min-width: 1025px) {
body .uag-hide-desktop.uagb-google-map__wrap, body .uag-hide-desktop {
display: none !important;
}
}
#colophon a{
color:#FFF !important
}
.footer-menus{
gap:60px !important;
ul{
display: flex;
justify-content: space-between;
}
ul:last-of-type{
justify-content: space-evenly !important;
}
li{
display: block !important;
}
&>div:first-of-type a{
text-decoration: none;
}
}
.footer-menus:not(.uag-hide-desktop){
display: flex;
gap:60px !important;
ul{
display: flex;
justify-content: space-between;
}
ul:last-of-type{
justify-content: space-evenly !important;
}
li{
display: block !important;
}
&>div:first-of-type a{
text-decoration: none;
}
}
.ast-builder-grid-row-2-rheavy .ast-builder-grid-row {
grid-template-columns: 4fr 5fr !important;
}
@media only screen and (max-width: 767px) {
.wp-block-uagb-container.uagb-block-bb2a34e3::before {
top: -0px;
left: -0px;
width: calc(100% + 0px + 0px);
height: calc(100% + 0px + 0px);
background: #00000075;
opacity: 1;
}
}
@media (max-width: 544px) {
.uagb-image-caption{
font-size: 14px !important;
}
h1,
.entry-content :where(h1) {
font-size: 24px !important;
}
h2,
.entry-content :where(h2) {
font-size: 20px !important;
}
h3,
.entry-content :where(h3) {
font-size: 16px !important;
}
h4,
.entry-content :where(h34) {
font-size: 14px !important;
}
.uagb-ifb-title-prefix{
font-size: 14px !important;
}
}
.blog-see-all{
text-align: center !important;
}
#ast-scroll-top{
bottom:81px;
}
@media (min-width: 768px) and (max-width: 1024px) {
body .uag-hide-tab.uagb-google-map__wrap, body .uag-hide-tab {
display: none !important;
}
}
@media (max-width: 768px) {
body .uag-hide-mob.uagb-google-map__wrap, body .uag-hide-mob {
display: none !important;
}
.main-hero .uagb-ifb-title-prefix{
width:fit-content;
margin:auto !important;
background:#FFF;
padding:0 10px !important;
}
.main-hero .uagb-ifb-title{
color:#FFF !important
}
}
@media (max-width: 1024px) {
#colophon .privacy,.itmajlo{
margin:auto !important;
}
#colophon .copyright p{
flex-direction: column !important;
}
.section-bg .uagb-container-inner-blocks-wrap{
gap:20px !important;
}
.site-below-footer-wrap>div{
padding: 0 !important;
.site-footer-below-section-1{
margin-bottom: 0 !important;
padding:0 20px !important;
width:100% !important;
.ast-footer-copyright{
margin:0 !important;
width:100%;
}
}
}
.footer-menus{
padding:0 !important;
}
#colophon .ast-builder-footer-grid-columns{
.wp-block-uagb-container{
padding: 0 !important;
}
.uagb-container-inner-blocks-wrap{
&>p{
display: none !important;
}
align-items: center !important;
}
display: flex;
justify-content: center !important;
align-items: center !important;
.wp-block-safe-svg-svg-icon{
display: flex;
justify-content: center;
}
h3,button{
box-shadow: none !important;
}
}
footer {
.uagb-ifb-title{
margin-top:20px;
}
.uagb-ifb-desc,.uagb-ifb-title{
text-align: center !important;
}
.ast-builder-footer-grid-columns,
.site-footer-primary-section-1,
.uagb-block-bec151d8 {
display: flex !important;
flex-direction: column !important;
gap: 0 !important
}
}
}
.footer-menus.accordion{
ul{
flex-direction: column !important;
}
}
@media (max-width: 767px){
.offer-loop>ul {
grid-template-columns: repeat(1, 1fr) !important;
}
.uagb-block-be5079a3,.uagb-block-b7e6e479,.uagb-block-a03e6918,.uagb-block-dc475f2a{
.uagb-container-inner-blocks-wrap{
justify-content: center !important;
}
}
.offers>div>div{
justify-content: center !important;
}
}
@media (max-width:499px){
#primary #main .uagb-block-5f034935 {
margin-bottom: 156px !important;
.swiper-button-prev {
right: calc(50% + 10px) !important;
left:unset;
}
.swiper-button-next {
left: calc(50% + 10px) !important;
}
}
.uagb-block-2847c062{
margin-bottom:66px;
top: calc(100% + 46px + 20px) !important;
}
}
@media (min-width:500px) and (max-width: 1024px) {
.uagb-block-2847c062>div{
justify-content: end !important;
}
}
@media only screen and (max-width: 1024px) {
.slider-quote-wrapper .swiper-content{
padding-left:0 !important;
padding-right: 0 !important;
}
.uagb-block-67effee5{
width:100% !important;
max-width: 100% !important;
}
}
@media (min-width: 1200px) {
.cta > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container.map {
flex-grow: 1 !important;
width: auto !important;
flex-basis: 0 !important;
padding: 0 !important;
margin: 0 !important;
}}
@media (min-width: 1600px) {
.wp-block-uagb-container.cta.alignfull {
overflow-x: clip !important;
}
html body #primary #main .cta > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap {
--site-left-margin: calc((100vw - var(--site-content-width)) / 2 - 20px);
max-width: none !important;
margin-left: var(--site-left-margin) !important;
margin-right: 0 !important;
width: calc(100vw - var(--site-left-margin)) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.cta > .wp-block-uagb-container > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:first-child {
width: calc(var(--site-content-width) / 2) !important;
flex-basis: calc(var(--site-content-width) / 2) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
}
}
.cta .uagb-google-map__wrap,
.cta .uagb-google-map__iframe {
width: 100% !important;
min-height: 750px;
}
.cta{
.map{
max-height: 100% !important;
overflow: hidden;
}
p{
margin-bottom: 0;
}
.wpcf7 form>div{
margin-bottom: 10px;
}
a{
text-decoration: none !important;
}
.wpcf7-form-control-wrap input{
background:transparent !important;
&::placeholder{
color:#000 !important;
}
&:focus{
border-bottom:2px solid var(--ast-global-color-1) !important;
}
border: none;
border-bottom: 2px solid black;
border-radius: 0;
padding:0 !important;
}
textarea{
background:transparent !important;
margin-top:20px;
&::placeholder{
color:#000 !important;
}
&:focus{
border:2px solid var(--ast-global-color-1) !important;
}
border: 2px solid black;
}
}
.form-row {
display: flex;
gap: 20px;
margin-bottom: 30px !important;
}
.form-col-half {
flex: 1;
min-width: 0;
}
.form-col-full {
flex: 1 1 100%;
}
.wpcf7-form-control {
width: 100%;
box-sizing: border-box;
}
.form-row-submit {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.form-col-acceptance {
flex-grow: 1;
}
.form-col-submit {
flex-shrink: 0;
}
.ast-builder-menu {
flex-grow: 1;
&>div,
.main-navigation,
.main-navigation>ul {
width: 100%;
justify-content: space-between;
}
}
figcaption {
background: var(--ast-global-color-0) !important;
width: 100%;
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 24px;
padding: 20px 20px;
}
.slider-quote-wrapper {
.wp-block-uagb-buttons {
position: absolute !important;
top: 100%;
a {
height: 46px !important;
line-height: 46px !important;
}
}
.blockquote-slider {
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
left: 56px;
}
div[role="button"] {
position: absolute !important;
top: 100% !important;
margin: 0 !important;
top: unset !important;
}
.uagb-blockquote__icon {
display: none !important;
}
.uagb-blockquote__author {
strong {
color: var(--ast-global-color-0) !important;
}
margin-left:10px;
color:#000 !important;
font-weight: 600;
font-size:16px;
}
img {
object-fit: fill !important;
width: auto !important;
height: 30px !important;
}
}
}
.copyright p{
display: flex;
flex-direction: row;
}
@media (min-width:1024px){
.privacy::before{
content:"| ";
}
.site-below-footer-wrap{
.ast-builder-grid-row-container-inner{
max-width: 100vw !important ;
padding: 0 40px 0 0 !important;
}
}}
#menu-stopka-oferta{
display: flex !important;
flex-wrap: wrap !important;
row-gap: 20px;
column-gap: 20px;
}
@media (max-width: 921px) {
.ast-desktop .ast-primary-header-bar.main-header-bar,
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
padding-top: 10px !important;
padding-bottom: 10px;
}
.site-branding {
padding: 0 !important;
}
.main-hero>div>div>div {
background-size: cover !important;
}
}
#sidebar{
.uagb-layout-grid{
display:flex !important;
flex-wrap: wrap;
.uagb-taxomony-box{
padding: 5px !important;
font-size:16px !important;
}
}
}
@media (max-width:500px){
.site-below-footer-wrap{
padding:0 !important;
padding-top:10px !important;
}
.site-footer-below-section-1{
width: 100%;
&>div{
margin:0 !important;
}
}
.copyright p{
flex-direction: column !important;
justify-content: center;
*{
text-align: center !important;
}
.privacy{
margin-right: auto !important;
}
}
#primary #main .site-below-footer-wrap{
.ast-builder-grid-row-container-inner{
max-width: 100vw !important ;
padding: 0 !important;
}
}
}