:root {
--main-background: #f9f9f9;
--main-color: #333;
--header-background: #fff;
--nav-link-color: #333;
--nav-color: #191919;
--nav-btn-color: #2dc5cc;
--nav-btn-hover: #2478b9;
--header-top-container: #fff;
--over-nav: #fff;
--second-background: #f9f9f9;
--items-background: #fff;
--items-color: #323232;
--breadcrumb-background: #f5f5f5;
--header-color: #333;
--header-bottom-stroke: #e8e8e8;
--footer-background: #fff;
--search-border: none;
--search-color: #000;
--main-shadow: 0px 0px 20px rgba(0, 0, 0, 0.063);
--hamburger-color: #000;
--link-underline: none;
--image-background: none;
--background-heading-img: url(//cus.glowczyce.pl/wp-content/themes/MainsoftClassic/assets/images/background-jasne.jpg);
--box-item-text: #fff;
--box-item-1: rgba(230, 125, 11, 0.69);
--box-item-2: rgba(95, 85, 236, 0.76);
--box-item-3: rgba(239, 69, 101, 0.72);
--box-item-4: rgba(55, 181, 219, 0.74);
--box-item-5: rgba(25, 27, 123, 0.81);
--box-item-6: rgba(58, 213, 126, 0.74);
--second-background-items: #2dc5cc;
--second-color-items: #fff;
}
.contrast {
--main-background: #000;
--main-color: #ff0;
--header-background: #202020;
--nav-link-color: #ff0;
--nav-color: #ff0;
--nav-btn-color: #ff0;
--nav-btn-hover: #d2d200;
--over-nav: #000;
--second-background: #000;
--items-background: #202020;
--items-color: #ff0;
--breadcrumb-background: #000;
--header-color: #ff0;
--header-bottom-stroke: #ff0;
--footer-background: #202020;
--search-border: 1px solid var(--header-bottom-stroke);
--search-color: #ff0;
--main-shadow: none;
--hamburger-color: #fff;
--link-underline: underline;
--image-background: #fff;
--background-heading-img: #000;
--box-item-text: #ff0;
--box-item-1: #202020;
--box-item-2: #202020;
--box-item-3: #202020;
--box-item-4: #202020;
--box-item-5: #202020;
--box-item-6: #202020;
--second-background-items: #333;
--second-color-items: #ff0;
}
*,
::after,
::before {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth
}
body {
font: 16px/1.5 "Roboto", sans-serif;
color: var(--main-color);
overflow-x: hidden;
background: var(--main-background)
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 1;
border-radius: 0%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid #eee
}
iframe,
embed,
object,
video {
max-width: 100%
}
code,
kbd,
pre,
samp,
textarea,
input,
button {
font-family: "Roboto", sans-serif
}
a:focus,
input:focus,
button:focus {
outline: 2px dashed red !important
}
.error-404 {
font-size: 4em;
text-align: center;
padding: 200px 50px;
margin-top: 140px
}
.medium-font {
font-size: 18px
}
.big-font {
font-size: 20px
}
.flex {
display: flex
}
.flex-center {
justify-content: center;
align-items: center
}
.over-nav {
display: flex;
align-items: center;
background-color: var(--over-nav);
border-bottom: 1px solid #eff2f5;
display: flex;
font-size: .75rem;
height: 60px;
justify-content: center
}
.over-nav-left,
.over-nav-right {
align-items: center;
display: flex;
max-width: 700px;
width: 100%;
gap: 0 8px
}
.over-nav-right {
justify-content: flex-end
}
.over-nav .fa-calendar-alt {
margin-right: 5px
}
.flags-container {
gap: 0 8px
}
.flags-item {
height: 20px
}
.flags-item img {
height: 100%
}
.accessibility {
display: flex;
gap: 0 8px;
align-items: center;
list-style: none
}
.translate-btn,
.contrast-btn,
.font-btn {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
border-radius: 8px;
background: #e8e8e8;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none
}
.contrast-btn {
background: #323232;
color: #ff0
}
.search-form {
position: relative;
width: 200px;
height: 32px
}
.search-input {
height: 100%;
width: 100%;
background: #e8e8e8;
border: none;
border-radius: 8px;
padding: 0 50px 0 8px;
font-size: .9rem
}
.search-submit {
border: none;
width: 36px;
height: 100%;
background: #323232;
color: #fff;
font-size: 16px;
position: absolute;
transition: background .2s ease-in-out, color .2s ease-in-out;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
right: 0
}
.header {
min-height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding-top: 120px
}
.hamburger,
.menuBtn {
display: none
}
.header-container {
margin: auto;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: var(--header-background);
box-shadow: var(--main-shadow)
}
.logo-container {
text-decoration: none;
display: flex;
width: 230px;
align-items: center
}
.navigation {
width: 100%;
height: 100px;
max-width: 1400px;
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
margin: auto;
overflow: hidden;
}
.navigation-list {
list-style: none;
display: flex;
justify-content: end;
flex-flow: row wrap;
}
.navigation-list .menu-item a {
text-decoration: none !important;
display: block;
font-size: 1.125em;
color: var(--nav-color);
white-space: nowrap;
padding: 10px;
cursor: pointer;
font-weight: 500;
border-radius: 4px
}
.navigation-list .menu-item a:hover,
.navigation-list .menu-item a:active {
background-color: var(--nav-btn-color);
color: var(--header-background)
}
.navigation-custom-button a {
background-color: var(--nav-btn-color);
color: var(--header-background) !important;
margin-left: 5px
}
.navigation-custom-button a:hover {
background-color: var(--nav-btn-hover) !important
}
.menu-item-has-children>a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-left: 6px;
content: ""
}
.sub-menu {
display: none;
flex-direction: column;
list-style: none;
min-width: 200px;
}
.sub-menu.active {
display: flex;	
}
.sub-menu .menu-item a {
padding: 13px 30px
}
.dropdown-content a {
color: #000;
padding: 12px 16px;
text-decoration: none;
display: block
}
.dropdown-content a:hover {
background-color: #f1f1f1
}
.logo-image {
width: 350px;
width: 100%;
height: 100%;
background: var(--image-background)
}
.navigation-related-sites {
display: flex;
align-items: center;
gap: 0 8px;
margin-left: 20px
}
.header-links-a {
text-decoration: none;
margin-right: 8px
}
.main-page-heading {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
background: var(--background-heading-img) no-repeat;
background-size: cover;
background-position: center
}
.main-page-heading .left-side {
width: 500px
}
.main-page-heading .right-side {
min-width: 575px;
height: 400px;
display: flex;
justify-content: center
}
.main-page-heading .right-side img {
width: 575px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none
}
.wrapper-container {
min-height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.heading-big-text {
font-size: 3.15rem;
font-weight: 600;
color: #094067
}
.heading-low-text {
font-size: 1.5rem;
font-weight: 300;
color: #5f6c7b
}
.container-all {
max-width: 1400px;
margin: 75px auto;
display: flex;
justify-content: space-between;
gap: 0 50px;
width: 100%
}
.wrapper-container {
background: var(--second-background)
}
.articles-header {
font-size: 1.6em;
font-weight: 700;
background: var(--second-background-items);
border-radius: 8px;
color: var(--second-color-items);
padding: 10px 20px;
text-align: center;
box-shadow: 0px 4px 19px -2px rgba(0, 0, 0, .11)
}
.articles-header a {
color: var(--nav-color);
text-decoration: none
}
.posts-flex {
display: flex;
gap: 20px;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.post-item {
width: 100%;
max-width: 345px;
height: fit-content;
height: 525px;
padding: 10px;
background: var(--items-background);
border-radius: 8px;
display: flex;
margin-top: 20px;
box-shadow: 0px 4px 19px -2px rgba(0, 0, 0, .11);
flex-direction: column;
}
.post-title {
color: var(--nav-color) !important;
margin-bottom: 10px;
text-decoration: none
}
.post-btn-more {
color: var(--nav-color)
}
.post-item-img {
width: 100%;
height: 200px;
align-self: center;
}
.post-content {
max-width: 750px;
width: 100%;
padding: 10px;
overflow: hidden;
}
.post-item-img a {
display: block;
width: 100%;
height: 100%
}
.post-img {
width: 100%;
height: 100%;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover
}
.page-main-title {
font-size: 2em
}
.post-date {
font-weight: 300;
padding: 8px 2px;
color: var(--items-color)
}
.post-excerpt {
color: var(--items-color);
overflow: hidden;
margin: 10px 0
}
.breadcrumb {
padding: 8px 15px;
list-style: none;
background-color: var(--breadcrumb-background);
border-radius: 4px
}
.breadcrumb a {
color: var(--nav-color);
text-decoration: none
}
.breadcrumb a:hover {
text-decoration: underline
}
.container-posts-inside {
width: 100%;
border: 1px solid #e7e7e7;
background: var(--items-background);
color: var(--main-color);
padding: 0px !important;
word-wrap: break-word;
padding: 30px !important;
margin-bottom: 50px;
max-width: 990px
}
.container-posts-inside a {
color: var(--nav-color)
}
.page-information {
margin-bottom: 20px
}
.change-page-container {
width: 100%;
height: 50px;
background: var(--items-background);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0;
box-shadow: 0px 4px 19px -2px rgba(0, 0, 0, .11)
}
.change-page-container a {
width: 195px;
height: 42px;
display: flex;
text-align: center;
margin: 4px;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 0px 5px 5px 0px;
color: var(--nav-color)
}
.post-content-inside {
text-align: justify;
word-wrap: break-word;
line-height: 30px
}
.post-content-inside li {
margin-left: 30px
}
.wp-block-file__button {
padding: 5px 15px !important;
font-size: 1em !important;
background: #12629f;
color: #fff !important
}
.wp-block-file a {
font-size: 1.6em !important;
text-decoration: none
}
.wp-block-file a:hover {
text-decoration: underline
}
.container-posts {
width: 100%;
order: 2;
}
.post-content-inside .wp-block-page-list {
list-style: none;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
gap: 20px;
margin-left: 60px
}
.post-content-inside .wp-block-navigation__submenu-container {
display: none
}
.post-content-inside .wp-block-pages-list__item {
width: 250px;
height: 200px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
background: #2dc5cc;
border-radius: 8px;
margin: 0 !important
}
.post-content-inside .wp-block-pages-list__item__link {
text-decoration: none;
text-align: center;
color: #fff;
font-size: 1.5rem;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex
}
.sidebar-home {
max-width: 358px;
margin-top: 20px
}
.footer-day-hour-container {
justify-content: space-between
}
.aside-item {
width: 100%;
border-radius: 6px;
background-color: var(--items-background);
box-shadow: 0px 4px 19px -2px rgba(0, 0, 0, .11);
overflow: hidden;
margin-bottom: 30px;
padding: 20px
}
.bottom-slider-container {
max-width: 350px;
order: 1;
}
.aside-contact,
.aside-contact-link {
color: var(--nav-color);
font-size: 1.3em;
align-items: center;
gap: 10px;
margin-bottom: 15px
}
.aside-contact-link {
font-size: .9em;
text-decoration: none;
margin: 0
}
.main-box-container {
flex-flow: row wrap;
max-width: 1200px;
gap: 40px;
justify-content: center
}
.box-item {
width: 350px;
height: 200px;
border-radius: 8px
}
.box-item a {
text-decoration: none;
text-align: center;
color: var(--box-item-text);
font-size: 1.5em;
width: 100%;
height: 100%
}
.box-item:nth-of-type(1) {
background: var(--box-item-1)
}
.box-item:nth-of-type(2) {
background: var(--box-item-2)
}
.box-item:nth-of-type(3) {
background: var(--box-item-3)
}
.box-item:nth-of-type(4) {
background: var(--box-item-4)
}
.box-item:nth-of-type(5) {
background: var(--box-item-5)
}
.box-item:nth-of-type(6) {
background: var(--box-item-6)
}
.footer {
width: 100%;
background: var(--footer-background);
color: var(--header-color)
}
.footer-container {
margin: 0 auto;
height: 100px;
padding: 0 30px;
display: flex;
align-items: center;
background: var(--second-background);
justify-content: space-between
}
.footer-copyright {
display: flex;
align-items: center;
height: 100%;
width: 100%;
max-width: 1400px;
margin: 0 auto;
justify-content: center
}
.mainsoft {
-webkit-text-decoration: var(--link-underline) !important;
text-decoration: var(--link-underline) !important;
color: var(--nav-color) !important
}
.footer-module-container {
display: flex;
justify-content: space-evenly;
padding: 30px;
position: relative;
max-width: 1400px;
margin: 0 auto;
min-height: 275px
}
.footer-module-item ul {
list-style: none;
max-width: 300px
}
.footer-module-item {
z-index: 10
}
.contact-container {
font-size: 1.2em
}
.contact-container:first-of-type {
font-size: 1em;
margin-bottom: 10px
}
.contact-container a,
.contact-container i {
color: var(--nav-color);
text-decoration: none
}
.footer-module-item h2 {
border-bottom: 2px solid var(--nav-color);
margin-bottom: 15px
}
.footer-day-hour-container {
justify-content: space-between;
max-width: 250px
}
.footer-module-item .phone {
margin-top: 10px
}
.contact-container ul .navigation-custom-button a {
background-color: var(--nav-btn-color);
color: var(--header-background) !important;
display: flex;
padding: 5px;
margin: 0 0 5px 0
}
.mobile-menu-btn {
display: none;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
cursor: pointer;
z-index: 9999;
transition: transform .3s ease-in-out;
overflow: hidden
}
.navigation-container.active {
display: flex;
z-index: 999;
top: 0;
overflow-y: scroll;
}
.hamburger {
display: flex;
width: 50px;
height: 6px;
background: var(--hamburger-color);
border-radius: 5px;
transition: all .3s ease-in-out;
border: rgba(0, 0, 0, 0);
justify-content: end;
cursor: pointer;
outline: none
}
.hamburger::after,
.hamburger::before {
content: "";
position: absolute;
width: 50px;
height: 6px;
background: var(--hamburger-color);
border-radius: 5px;
transition: all .3s ease-in-out
}
.hamburger::before {
transform: translateY(-16px)
}
.hamburger::after {
transform: translateY(16px)
}
.mobile-menu-btn.active {
position: fixed;
right: 20px;
}
.mobile-menu-btn.active .hamburger {
background: rgba(0, 0, 0, 0);
transform: translateX(-50px)
}
.mobile-menu-btn.active .hamburger::before {
transform: rotate(-45deg) translate(35px, 35px);
visibility: visible
}
.mobile-menu-btn.active .hamburger::after {
transform: rotate(45deg) translate(35px, -35px);
visibility: visible
}
.center-bar-boxes {
display: flex;
gap: 20px;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.center-bar-boxes .aside-item {
width: 527px;
min-height: 225px;
align-items: center;
justify-content: center;
display: flex;
margin: 0;
}
.center-bar-boxes .aside-item a{ 
color: var(--nav-color) !important;
text-decoration: none;
text-align: center;
font-size: 1.5em;
width: 100%;
height: 100%;
}
.menu_title {
display: none;
}
.nav-sidebar-home ul {
list-style: none;	
}
.nav-sidebar-home ul li {
width: 100%;
text-align: center;	
background: var(--second-background-items);
}
.nav-sidebar-home ul li a {
display: block;
width: 100%;
text-decoration: none;
color: var(--second-color-items);
border-bottom: 1px solid #fff;
padding: 10px;
cursor: pointer;
}
.nav-sidebar-home ul li a:hover{ 
background: #12afb6;
}
.facebook-btn {
background: #4267b2;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
border-radius: 8px;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bip-btn {
display: block;
width: 32px;
}
.bip-btn img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
@media(max-width: 1200px) {
.navigation-related-sites,
.mini-date,
.flags-container {
display: none
}
.container-all {
flex-direction: column;
padding: 0 30px
}
.aside {
order: 2
}
.header-container {
padding: 0 20px
}
.container-aside {
max-width: 100%
}
.nav-container.active .nav-elements-holder {
flex-direction: column;
align-items: baseline;
padding: 15px 30px;
gap: 10px 0;
width: 100%
}
.nav-container.active .nav-menu {
flex-direction: column;
width: 100%
}
.nav-container.active .sub-menu {
border-radius: 0;
background: unset;
box-shadow: none;
position: unset;
padding: 0 10px;
border: none
}
.footer-module-container {
flex-direction: column;
width: 100%;
gap: 30px 0
}
.footer-day-hour-container {
max-width: none
}
.bottom-slider-container {
max-width: 100%
}
}
@media(max-width: 800px) {
.navigation {
position: relative;	
}
.navigation-list .menu-item a {
padding: 6px;
font-size: 0.95rem !important; 
}
.navigation-container {
width: 100%;
position: fixed;
top: 140px;
background: var(--header-background);
padding: 20px;
justify-content: start;
left: 0;
display: none
}
.menu-item-has-children>a::after {
display: none
}
.navigation-list .menu-item a {
margin: 0;
font-size: 1.05rem
}
.navigation-custom-button {
margin-top: 10px
}
.sub-menu .menu-item a {
padding: 10px
}
.navigation-list {
flex-direction: column;
width: 100%
}
.sub-menu {
display: flex;
box-shadow: none;
position: initial;
border-top: none;
background: none
}
.mobile-menu-btn {
display: flex
}
.post-item {
flex-direction: column
}
.post-item-img {
width: 100%;
margin: 0
}
.footer-container {
padding: 0
}
.footer-copyright {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px 0;
text-align: center
}
.over-nav-left {
display: none
}
.over-nav-right {
justify-content: space-between
}
}