@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,700&display=swap"); :root {
--ciemniejsze-tlo: #e8eded;
--jasniejsze-tlo: #fff;
--ograniczenie-szerokosci-contentu: 1200px;
}
* {
font-family: 'Roboto Flex', sans-serif;
} #banner-header {
height: 25vw;
background: url(https://mojereguly.pl/wp-content/uploads/banner-header-duzy.webp);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width:768px) {
#banner-header {
background: url(https://mojereguly.projektninja.com/wp-content/uploads/banner-header-mobile.jpg);
height: 39vw;
background-repeat: no-repeat;
background-size: contain;
}
} header.menu-glowne {
position: fixed;
width: 100%;
top: 0;
height: 68px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
color: #17271d;
background: #fff;
z-index: 99999;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
color: #445338;
text-transform: uppercase; }
.menu-glowne .wp-block-navigation-item__content {
transition: all 0.4s;
}
.menu-glowne .wp-block-navigation-item__content:hover {
color: #dfc280;
transform: scale(1.1) !important;
box-shadow: inset #dfc183 0px -3px;
z-index: 99;
} .wp-block-navigation__submenu-container li:nth-child(even) {
background: #dee3e2;
}
.wp-block-navigation__submenu-container li {
font-size: 14px;
} #modal-1-content {
gap: 9px;
padding-top: 0;
}
#modal-1-content > ul:first-child {
grid-column-gap: 19px;
grid-row-gap: 5px;
margin: 0 20px;
}
@media(max-width:599px) {
#modal-1.is-menu-open {
height: fit-content; padding-bottom: 15px;
box-shadow: rgb(0 0 0 / 20%) 0px 9px 20px;
}
#modal-1-content > ul { margin: auto;
}
.wp-block-navigation__responsive-dialog {
display: flex;
justify-content: center;
flex-direction: column;
}
#modal-1-content .wp-block-navigation li { width: 100%;
border-bottom: 2px #0000002e solid;
padding-top: 5px;
padding-bottom: 5px;
}
#modal-1-content .wp-block-navigation li > a {
width: 100%; } #modal-1-content .wp-block-navigation li:first-child {
border-top: 2px #0000002e solid;
}
#modal-1-content .wp-block-navigation li:last-child {
border-bottom: none;
} ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
position: relative;
padding-top: 0px !important;
padding-right: 0 !important;
padding-left: 15px !important;
padding-bottom: 5px;
position: relative !important;
top: 7px !important;
} button.wp-block-navigation__responsive-container-close {
position: static;
margin: auto;
margin-top: 20px;
} .wp-block-social-links {
display: none !important;
}
}
.wp-block-social-link{
transition: all 0.4s;
}
.wp-block-social-link:hover{
transform: scale(1.2);
} hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 144px;
height: 34px; border: 0;
margin: 0px auto 10px auto;
background: url(https://mojereguly.projektninja.com/wp-content/uploads/podzialka.png);
}
@media (max-width:768px) {
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
background-size: contain;
width: 95px;
height: 24px;
background-repeat: no-repeat;
}
} #bio {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#bio > figure {
width: 30%;
min-width: 326px;
}
#bio > p {
width: 60%;
}
figure#profilowe img {
border-radius: 1000px;
border: solid 10px rgb(59 48 44 / 31%);
box-shadow: rgb(0 0 0 / 45%) 1px 9px 10px;
}
@media(max-width:768px) {
#bio > figure {
width: 70%;
min-width: unset;
}
#bio > p {
width: 100%;
}
figure#profilowe img {
border: solid 5px rgb(59 48 44 / 31%);
}
} .entry-content {
margin-top: 68px;
}
.entry-content section {
margin-block-start: 0;
padding: 100px 50px;
background: var(--jasniejsze-tlo);
}
.entry-content section:nth-child(odd) {
background: var(--ciemniejsze-tlo);
} @media (max-width:768px) {
.entry-content section {
padding: 30px 20px;
}
} .wp-block-cover__image-background.has-parallax {
background-attachment: fixed;
} body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--ograniczenie-szerokosci-contentu);
margin-left: auto !important;
margin-right: auto !important;
} iframe#mapka-google {
width: 100%;
height: 60vh;
margin: 28px 0 0 0;
padding: 0;
} @media(max-width:425px) {
* {
font-size: 14px;
}
.entry-content p{
margin-top: 10px;
}
} h1,
h2,
h3,
h4 {
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
color: #445338;
text-transform: uppercase;
}
h1 {
font-size: 2.3rem;
}
@media (max-width:768px) {
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1.3rem;
}
h3 {
font-size: 14px;
line-height: 1.3;
}
} #opinie .opinia {
width: 300px;
background: #fff;
padding: 24px;
border-radius: 25px;
height: 100%;
transition: all 0.4s;
box-shadow: #00000040 0px 5px 16px;
}
#opinie ul {
display: flex;
gap: 15px;
margin-top: 17px;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
#opinie ul li {
margin-block-start: 0;
}
#opinie p {
font-size: 14px;
color: #7b7b7b;
}
#opinie .opinie-gora > div {
margin: 0 !important;
}
#opinie .opinia figure {
margin: 0 !important;
}
#opinie h2 {
font-size: 14px;
margin: 0;
}
#opinie .opinia > div {
display: flex; gap: 10px;
}
.zajawa {
margin: 12px;
}
@media(max-width:768px) {
.profilowa-awatar img {
width: 38px;
}
.rating-gwiazdki img {
width: 80px;
}
.opinie-gora-prawa { }
#opinie p {
font-size: 12px;
color: #7b7b7b;
}
figure.rating-gwiazdki {
position: relative;
bottom: 12px;
}
#opinie .opinia > div {
margin-top: 0px;
flex-wrap: wrap;
}
#opinie .opinia {
padding: 17px;
}
} form.wpcf7-form input,
form.wpcf7-form textarea {
width: 100%;
height: 27px;
border-radius: 11px;
background: #c9d1d1;
border: none;
box-shadow: inset rgb(0 0 0 / 21%) 1px 2px 7px;
margin-top: 10px;
}
form.wpcf7-form textarea {
height: 300px;
}
form.wpcf7-form.init {
max-width: 700px;
margin: auto;
}
form.wpcf7-form label {
font-weight: bold;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
max-width: 209px;
height: 40px;
font-weight: bold;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
font-size: 18px;
margin: auto;
display: block;
background: linear-gradient(344deg, #2c3a2a, #6d7f55);
border-radius: 0;
color: #ddbf81;
box-shadow: none;
cursor: pointer;
transition: all 0.4s;
}
.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
transform: scale(1.1);
box-shadow: rgb(0 0 0 / 49%) 0px 7px 4px;
}
#loga-partnerzy {
display: flex;
background: #fff;
border-radius: 20px;
box-shadow: #00000040 0px 5px 16px;
width: 37vw;
padding: 10px;
gap: 20px;
}
#loga-partnerzy figure {
padding: 0;
margin: 0;
}
#loga-partnerzy img {
margin: 0;
}
.wp-block-table > table{
}
.wp-block-table > table tr td{
border: 0;
}
.wp-block-table > table tr:nth-child(odd) td{
background: #00000012;
}
.wp-block-table > table tr td:first-child{
text-align: right;
font-weight: bold;
color: #445338;
}
.wp-block-table > table tr td:nth-child(2){
color: #ab8942;
}
footer {
display: flex;
margin-top: 17px;
}
#made-by-ninja img {
width: 140px;
}
.wp-block-cover.is-light.has-parallax {
margin-top: 0;
}