//html{ // scroll-behavior: smooth; //} .hidden{ display: none; } *{ font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-style: normal; box-sizing: content-box; } body{ margin: 0!important; } header{ background: #439b6b; } .logo{ z-index: 99; } .grid{ max-width: 1392px; padding: 0 20px; margin-left: auto; margin-right: auto; } .newsletter_popup_section_container{ position: relative; &:after{ background: url(../images/totem2.png); position: absolute; content: ""; right: 160px; top: -26px; width: 639px; height: 625px; background-size: cover; @media (max-width: 1250px){ right: 50px!important; top: 97px!important; width: 410px!important; height: 408px!important; z-index: -1; } @media (max-width: 600px){ right: 25px !important; top: 25px !important; width: 180px !important; height: 180px !important; z-index: -1; } } } @media (max-width: 500px){ .post_type_page_articles .post_single a .right h3{ font-size: 18px!important; } } @media (max-width: 1000px){ .coloured_text_grid:after{ display: none!important; } .contact_map_section h1:after{ right: 15px!important; width: 42px!important; height: 50px!important; } .post_type_page > h1:after{ right: 15px!important; width: 42px!important; height: 50px!important; } .post_baner_section.gray_bck .post_baner_wrapper:before{ display: none!important; } } @media screen and (max-width: 1024px) and (min-width: 500px){ nav { padding-top: 20px!important; padding-bottom: 20px!important; } } @media (max-width: 1024px){ .search_results{ .search_container{ display: none!important; } } .search_container.active { position: fixed!important; top: 75px!important; left: 0; max-width: 100vw; box-sizing: border-box; width: 100%; input{ min-width: calc(100vw - 169px) !important; } } } @media (min-width: 1100px){ nav.flex_center_between{ display: grid; grid-template-columns: 2fr 8fr 2fr !important; grid-gap: 20px; ul{ padding-left: 0!important; } .menu.flex_center{ justify-content: center; } } } .flex_center_between{ display: flex; align-items: center; justify-content: space-between; } .flex_center{ display: flex; align-items: center; } nav{ position: relative; .header_button{ padding: 20px 0; display: flex; a{ font-size: 14.73px; color: #000; font-weight: bold; text-decoration: none; font-family: "Poppins", sans-serif; padding: 12px 17px; border: 3px solid #000; transition: ease-in-out 0.3s; &:hover{ background: #000; color: #fff; } } } .menu{ ul{ list-style: none; li{ &.has_children{ } margin-right: 20px; >div{ padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; gap: 6px; a{ font-family: "Poppins", sans-serif; font-size: 14.17px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; transition: 0.3s ease all; display: block; width: 100%; height: 100%; &:hover{ color: #bfd62e; } } } } } .search{ margin-left: 20px; cursor: pointer; } } } .gap{ gap: 20px; } .hamburger{ display: flex; flex-direction: column; gap: 10px; z-index: 99; height: 44px; align-items: center; justify-content: center; &.open{ span{ &:nth-child(1){ width: 25px; } &:nth-child(3){ width: 20px; } } } span{ width: 44px; height: 3px; background: #fff; transition: ease-in-out 0.3s; } } @media (min-width: 1024px){ .mobile{ display: none!important; } } @media (max-width: 500px){ .mobile500{ display: none!important; } nav{ padding: 20px!important; } } .children_menu{ display: none; li{ margin: 0!important; } } @media (max-width: 1024px){ .has_children img{ transition: ease-in-out 0.3s; &.open{ transform: rotate(90deg); } } .children_menu{ padding-left: 0!important; &.classic.categories{ width: 100%; flex-direction: column; display: none; li{ width: 100%; } } li{ margin-bottom: 10px; } a{ font-family: "Poppins", sans-serif; font-size: 14.17px; color: #000; text-decoration: none; text-transform: uppercase; } } .menu{ //.search{ // display: none!important; //} ul{ width: 100%; li{ width: 100%; >div{ justify-content: space-between; a,img{ padding: 5px 0; } } } } &.open{ left: 0%; } transition: ease-in-out 0.3s; position: fixed; left: -100%; width: 100vw; height: 100vh; z-index: 9; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: #000000cf; ul{ padding: 20px; flex-direction: column; align-items: flex-start; gap: 5px; } } } @media (max-width: 500px){ .header_button{ padding: 20px!important; display: flex; justify-content: center; width: calc(100% - 40px); a{ width: 100% !important; text-align: center; } } } @media (min-width: 500px){ .mobile500m{ display: none!important; } } @media (min-width: 1024px){ .has_children{ img{ transition: ease-in-out 0.3s; } &:hover{ .children_menu{ visibility: visible; opacity: 1; } img{ transform: rotate(90deg); } } } .children_menu{ transition: ease-in-out 0.3s; position: absolute; left: 20px; visibility: hidden; opacity: 0; display: block; padding: 20px; background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); min-width: 300px; top: 89px; max-width: 1392px; width: 100%; z-index: 9; .page{ } li{ a{ font-family: "Poppins", sans-serif; font-size: 14.17px; color: #000; text-decoration: none; font-weight: bold; text-transform: uppercase; } } } } .baner_section{ margin: 40px 0 80px 0; } .news_section{ margin: 40px 0 80px; .news_section_container{ display: grid; grid-template-columns: 57% 40%; grid-gap: 3%; position: relative; &:after{ content: ''; top: -10px; right: 0; background-image: url("../images/totem.png"); width: 86px; height: 86px; position: absolute; background-size: contain; background-repeat: no-repeat; } .post_changer{ border-bottom: 1px solid #000; padding-bottom: 15px; display: flex; align-items: center; span{ font-family: "Poppins", sans-serif; font-size: 18.21px; font-weight: bold; padding-right: 28px; margin-right: 20px; cursor: pointer; position: relative; &:after{ content: ''; position: absolute; bottom: -16px; width: 0%; background: #439b6b; height: 3px; left: 0; transition: ease-in-out 0.3s; } &.active{ &:after{ width: 100%; } color: #439b6b!important; } } } .post_description{ h3{ color: #000; margin: 0 0 20px 0; font-size: 37.5px; font-weight: 700; } span{ font-family: "Merriweather", serif; font-weight: 400; font-size: 15.86px; line-height: 24.87px; color: #737373; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } .post_newest{ a{ text-decoration: none!important; } .post_categories{ margin: 25px 0 20px 0; color: #429b6a; a{ font-size: 16.44px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; } } .post_image{ display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } img{ aspect-ratio: 100 / 72; height: unset; object-fit: cover; } } } } } .container{ padding-top: 10px; } .search_page{ .post_container{ .post_single{ a{ flex-direction: column; .left{ img{ width: 100%; aspect-ratio: 1; height: auto; } } .right{ h3{ font-size: 26px; } } } } } } .post_container{ margin-top: 30px; display: flex; flex-direction: column; gap: 25px; .post_single{ display: flex; gap: 22px; text-decoration: none; a{ text-decoration: none; } .left{ position: relative; display: flex; align-items: center; justify-content: center; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; max-width: 40px; min-width: 40px; } } img{ object-fit: cover; width: 139px; height: 95px; min-width: 139px; } } .right{ h3{ font-size: 20.00px; font-weight: 700; color: #000; margin: 5px 0 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .excerpt{ font-family: "Merriweather", serif; font-weight: 400; font-size: 14px!important; line-height: 21.87px; color: #737373; margin-top: 15px; display: block; @media (max-width: 768px){ font-size: 12px !important; line-height: 16.87px; } } .post_single_categories{ margin: 0!important; color: #429b6a; font-family: "Poppins", sans-serif; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-family: "Poppins", sans-serif; font-size: 16.44px; color: #429b6a; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } flex-direction: column; display: flex; justify-content: flex-start; padding-top: 8px; } } } .post_container[data-type="recommended"]{ display: none; } .search_results{ .no_results{ margin: 90px 0; display: block; font-size: 20px; } h2{ margin-top: 70px; } margin-top: 70px; margin-bottom: 70px; .post_container{ display: grid; grid-template-columns: repeat(4, 1fr); @media (max-width: 1100px){ grid-template-columns: 1fr 1fr!important; gap: 20px 10px!important; } gap: 30px; } @media (min-width: 500px){ .post_container .post_single .left > img{ width: 100%; aspect-ratio: 1; height: unset!important; } .post_type_page_articles .post_single a .left > img{ width: 100%; aspect-ratio: 1; height: unset!important; } } } .post_type_page_articles .post_single a .left > img{ width: 100%; aspect-ratio: 1; height: unset!important; } .post_type_page_articles{ .first_grid_on_list{ grid-column-start: 1; grid-column-end: 5; display: grid; grid-template-columns: 2fr 1fr 1fr; grid-gap: 20px; border-bottom: 4px solid #000; padding-bottom: 80px; margin-bottom: 50px; position: relative; &:after{ content: "Czytaj więcej"; position: absolute; bottom: 5px; font-size: 20px; font-weight: 700; color: #000; margin: 10px 0 0 0; } .post_single{ a{ .left{ >img{ height: 385px!important; } } } } } } .search{ display: flex; align-items: center; gap: 20px; position: relative; .search_container{ &.active{ visibility: visible; opacity: 1; } visibility: hidden; opacity: 0; position: absolute; display: flex; align-items: center; transition: ease-in-out 0.3s; padding: 20px; top: 56px; z-index: 1; background: #fff; justify-content: center; right: -24px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); .search_submit, .search_submit_a{ background: #000; padding: 14px 21px; transition: ease-in-out 0.3s; &:hover{ background: #4ca647; img{ filter: invert(1); } } span{ font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #fff; font-family: "Poppins", sans-serif; } } input{ border: 1px solid !important; font-family: "Poppins", sans-serif; font-size: 13px !important; font-weight: 500 !important; border-radius: 0; padding: 13px 20px; min-width: 430px; height: unset; &:focus{ outline: none; box-shadow: unset; } } input[type="submit"]{ min-width: 0px; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #fff; font-family: "Poppins", sans-serif; } } } .is-ajax-search-post .is-title a { color: #000 !important; cursor: pointer; padding: 4px 0 3px; text-align: center; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-family: "Poppins", sans-serif; display: block; width: 100%; height: 100%; text-align: left; } .is-ajax-search-categories-details>div:hover, .is-ajax-search-result .is-ajax-search-post:hover, .is-ajax-search-result .is-show-more-results:hover, .is-ajax-search-tags-details>div:hover{ background: #fff !important; a{ color: #429b6a !important; text-decoration: none !important; } } div.is-ajax-search-result { background: #FFF !important; -webkit-box-shadow: 0px 42px 100px -38px black; -moz-box-shadow: 0px 42px 100px -38px black; box-shadow: 0px 42px 100px -38px black; margin-top: 20px; } button.is-search-submit, span.is-search-icon{ display: none !important; } body{ .is-ajax-search-result{ .is-show-more-results { background: #000 !important; padding: 14px 21px !important; transition: ease-in-out 0.3s; color: #fff; &:hover{ background: #429b6a !important; } .is-show-more-results-text { cursor: pointer; padding: 4px 0 3px; text-align: center; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #fff; font-family: "Poppins", sans-serif; span{ font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #fff; font-family: "Poppins", sans-serif; } } } } } .video_popup_container{ position: fixed; left: -120%; transition: ease-in-out 0.3s; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 999999; background: #000000d6; &.active{ left: 0%; } .video_popup_close{ position: absolute; top: 100px; right: 100px; z-index: 9999999999; cursor: pointer; @media (max-width: 1000px){ top: 20px; right: 20px; } } iframe{ width: 1400px; aspect-ratio: 16 / 9; height: unset; max-width: 80vw; max-height: 80vh; } } .top_image{ padding: 0!important; display: flex; >img{ transform: unset !important; max-width: 100%; width: 100%; aspect-ratio: 142 / 100; } position: relative; .video_overlay_post { cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ transform: unset!important; width: 40px; height: 40px; object-fit: cover; } } .video_overlay_time { font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } } body .page_pagination{ display: flex; align-items: center; gap: 7px; margin-top: 20px!important; span{ cursor: pointer; border: 1px solid #dcdcdc; line-height: 22px; text-align: center; vertical-align: middle; font-size: 15px; color: #b7b7b7; min-width: 25px; min-height: 25px; display: flex; width: 25px; height: 25px; justify-content: center; align-items: center; transition: ease-in-out 0.2s; &.disabled{ opacity: .5; } &:hover{ background: #504bdc; color: #fff!important; } } } .page_slug_container{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; } .bottom_content{ padding: 16px; display: flex; flex-direction: column; background: #eaeaea; .post_single_categories{ display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ color: #429b6a; font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 400; text-transform: none; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } h3{ font-size: 16px; margin: 5px 0 0 0; text-transform: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 57px; line-height: 19px; } } .page{ opacity: 1; } .loading{ transition: ease-in-out 0.3s; opacity: 0.5!important; pointer-events: none; } .classic_children{ position: relative; } .classic_children img{ filter: invert(1); } ul.children_menu.classic { left: -10px; top: 54px; padding-left: 10px !important; min-width: 140px; box-sizing: border-box; background: #439b6b; &.categories{ flex-wrap: wrap; width: 500px; flex-direction: row; top: 52px; li{ width: calc(33% - 20px); } } a{ font-size: 12px!important; transition: 0.3s ease all; color: rgba(255, 255, 255, 0.9); display: block; width: 100%; height: 100%; &:hover{ color: #bfd62e; } } } .knowledge_section{ margin: 40px 0 80px 0; a{ text-decoration: none; display: block; } .totem_icon{ width: 26px; margin-left: 10px; position: relative; top: -5px; height: auto; } } .knowledge_section_container{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; .right{ a{ text-decoration: none; } .bottom{ display: grid; grid-template-columns: repeat(2, 1fr); padding-top: 25px; grid-gap: 20px; .baner_knowledge{ img{ aspect-ratio: 1.33333; width: 100%; object-fit: cover; } } .rest_posts{ display: flex; flex-direction: column; .post_grid{ padding: 22px 0 40px 0; border-top: 1px solid; .post_grid__categories{ font-size: 14.24px; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } h3{ color: #000; margin: 7px 0 0 0; font-size: 20.79px; line-height: 25px; font-weight: 700; } } } } .top{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; .baner_knowledge{ img{ aspect-ratio: 1.33333; width: 100%; object-fit: cover; } } .post_grid__image{ display: flex; align-items: center; img{ width: 100%; aspect-ratio: 143 / 100; object-fit: cover; height: auto; } } h3{ font-size: 20.79px; margin: 10px 0 15px 0; font-weight: 700; color: #000; line-height: 27px; } span.excerpt{ font-family: "Merriweather", serif; font-weight: 400; font-size: 12.86px; line-height: 19.87px; color: #737373; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .post_grid__categories{ padding-top: 18px; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 14.28px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } } } .left{ .post_description{ h3{ color: #000; margin: 0 0 20px 0; font-size: 37.5px; font-weight: 700; } span{ font-family: "Merriweather", serif; font-weight: 400; font-size: 15.86px; line-height: 24.87px; color: #737373; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } .post_newest{ a{ text-decoration: none!important; } .post_categories{ margin: 25px 0 20px 0; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 16.44px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } .post_image{ display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } img{ aspect-ratio: 100 / 72; height: unset; object-fit: cover; width: 100%; } } } } } img{ max-width: 100%; } .archive_title{ background-size: cover!important; display: flex; justify-content: space-between; align-items: center; max-width: 1392px!important; margin-bottom: 30px; background-position: center!important; padding: 10px 10px 10px 0 !important; .left{ display: flex; align-items: center; gap: 5px; h2{ font-size: 46px; font-weight: 700; margin: 0; color: #000; text-decoration: none; } } .right{ display: flex; align-items: center; .all_btn{ text-decoration: none; &:hover{ background: #000; color: #fff; } font-size: 14.73px; color: #000; font-weight: bold; text-decoration: none; font-family: "Poppins", sans-serif; padding: 12px 17px; border: 3px solid #000; transition: ease-in-out 0.3s; } } } .search_top{ margin-bottom: 40px !important; padding-bottom: 40px !important; border-bottom: 5px solid; display: flex; justify-content: space-between; align-items: center; @media (max-width: 950px){ .right{ width: 100%; input{ width: 100%; min-width: unset!important; } } flex-direction: column; align-items: flex-start; .search_container{ input{ min-width: 100%; } } } h1{ font-family: "Merriweather", serif; font-size: 20px!important; font-weight: 400!important; margin: 0 0 10px 0!important; @media (max-width: 768px){ font-size: 16px!important; } } span{ font-size: 50px; line-height: 1.2 !important; font-weight: 700 !important; @media (max-width: 768px){ font-size: 36px!important; } } .search_container{ &.active{ visibility: visible; opacity: 1; } visibility: hidden; opacity: 0; display: flex; align-items: center; transition: ease-in-out 0.3s; padding: 20px 0 20px 0; top: 56px; z-index: 1; background: #fff; justify-content: center; right: -24px; .search_submit, .search_submit_a{ background: #000; padding: 14px 21px; transition: ease-in-out 0.3s; &:hover{ background: #4ca647; } span{ font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #fff; font-family: "Poppins", sans-serif; } } input{ border: 1px solid !important; font-family: "Poppins", sans-serif; font-size: 13px !important; font-weight: 500 !important; border-radius: 0; padding: 13px 20px; min-width: 430px; height: unset; &:focus{ outline: none; box-shadow: unset; } } } } .search_submit, .search_submit_a{ cursor: pointer; } .news_full_content{ display: flex; grid-gap: 40px; align-items: flex-start; @media (max-width: 1024px){ flex-wrap: wrap; >div{ flex-basis: 100% !important; } } .right{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; flex-basis: 40%; .post_grid{ &.top{ grid-column: 2; grid-row-start: 1; grid-row-end: 4; border-bottom: unset !important; } &.bottom{ grid-column: 2; grid-row-start: 3; grid-row-end: 6; border-bottom: unset !important; } a{ text-decoration: none; } padding: 0px 0 20px 0; border-bottom: 1px solid; .post_grid__categories{ font-size: 14.24px; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } h3{ color: #000; margin: 7px 0 0 0; font-size: 16.46px; line-height: 21px; font-weight: 700; @media (min-width: 600px){ word-break: break-word; } } } } .left{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; flex-basis: 60%; .post_description{ h3{ color: #000; margin: 0 0 20px 0; font-size: 25.45px; font-weight: 700; line-height: 30px; } span{ font-family: "Merriweather", serif; font-weight: 400; font-size: 13.05px; line-height: 20.87px; color: #737373; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } .post_newest{ a{ text-decoration: none!important; } .post_categories{ margin: 25px 0 20px 0; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 16.44px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } .post_image{ display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } img{ aspect-ratio: 1; height: unset; object-fit: cover; width: 100%; } } } } } .case_studies_content{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; @media (max-width: 1024px){ grid-template-columns: 1fr!important; } &.alt_view{ .right{ .top{ &:not(.list_grid){ >.post_grid{ min-height: 294.5px; } } .h3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } } .left{ .post_newest{ .post_image{ img { aspect-ratio: 0.667487; } } } } } .right{ display: flex; gap: 20px; .top{ display: flex; flex-direction: column; flex: 1; &.list_grid{ .post_grid{ padding: 0px 0 20px 0; border-bottom: 1px solid; &:last-child{ border-bottom: 0; } h3{ margin: 10px 0 0px 0; min-height: unset; } } } a{ text-decoration: none; } .post_grid__image{ display: flex; align-items: center; position: relative; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } img{ width: 100%; aspect-ratio: 318 / 191; object-fit: cover; height: auto; } } h3{ font-size: 17.0px; margin: 10px 0 11px 0; font-weight: 700; color: #000; line-height: 24px; min-height: 48px; } span.excerpt{ font-family: "Merriweather", serif; font-weight: 400; font-size: 12.86px; line-height: 19.87px; color: #737373; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .post_grid__categories{ padding-top: 10px; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 14.28px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } } } .left{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; .post_description{ h3{ color: #000; margin: 0 0 20px 0; font-size: 25.45px; font-weight: 700; line-height: 30px; } span{ font-family: "Merriweather", serif; font-weight: 400; font-size: 13.05px; line-height: 20.87px; color: #737373; } } .post_newest{ a{ text-decoration: none!important; } .post_categories{ margin: 25px 0 20px 0; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 16.44px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } .post_image{ display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } img{ aspect-ratio: 328 / 394; height: unset; object-fit: cover; width: 100%; } } } } } body.single .services_section{ background: #439b6b; &:not(.newest_section){ display: none; } h2,h3,.post_newest:hover h3{ color: #fff !important; } .services_content_elements{ grid-template-columns: repeat(6, 1fr) !important; } h3{ margin-top: 0; } .post_categories{ margin: 15px 0 5px 0; color: #429b6a; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 14px; color: #429b6a; font-weight: 400; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } } body.single .services_section.newest_section{ background: #f4f4f4; h2,h3,.post_newest h3{ color: #000 !important; } .post_newest h3:hover{ color: #429b6a !important; } .services_content_elements{ grid-template-columns: repeat(4, 1fr) !important; margin-top: 80px; .post_image img{ aspect-ratio: 3 / 2; height: auto; } } h3{ margin-top: 0; } .post_categories{ margin: 15px 0 5px 0; color: #429b6a; font-weight: 500; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-size: 14px; color: #429b6a; font-weight: 700; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } } .services_section{ background: #000000; padding: 85px 0 90px; .services_section_container { >a{ display: flex; align-items: center; gap: 15px; text-decoration: none; h2{ @media (max-width: 1024px){ font-size: 40px!important; } font-size: 46px; font-weight: 700; margin: 0; color: #fff; } } .post_description{ h3{ font-size: 17px; font-weight: 600; color: #fff; &:hover{ color: #439b6b !important; } } } .services_content_elements{ margin-top: 80px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px; @media (max-width: 1024px){ grid-template-columns: 1fr!important; } a{ text-decoration: none; } .post_image{ position: relative; >img{ aspect-ratio: 1; width: 100%; object-fit: cover; } } .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; } } } } } .services_pagination{ display: flex; justify-content: space-between; margin-top: 60px; .prev_services{ transform: rotate(180deg); } img{ cursor: pointer; height: 17px; width: auto; &.disabled{ opacity: 0.5; pointer-events: none; } } } .patronites_pagination{ display: flex; justify-content: space-between; margin-top: 60px; .prev_patronites{ transform: rotate(180deg); } img{ cursor: pointer; height: 17px; width: auto; &.disabled{ opacity: 0.5; pointer-events: none; } } } .patronites_section_container{ padding-top: 80px; padding-bottom: 60px; .totem_icon{ width: 26px; margin-left: 10px; position: relative; top: -5px; height: auto; } .patronites_content_elements{ @media (max-width: 600px){ padding-bottom: 0!important; } padding: 40px 0 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; @media (max-width: 900px){ grid-template-columns: repeat(2,1fr) !important; } .patronites_element{ display: flex; justify-content: center; align-items: center; min-height: 150px; } a{ display: flex; justify-content: center; align-items: center; &:hover{ img{ filter: grayscale(0); opacity: 1; } } img{ max-height: 150px; object-fit: contain; transition: ease-in-out 0.3s; max-width: 100%; @media(max-width: 700px){ max-height: 75px!important; } } } } >a{ display: flex; align-items: center; gap: 15px; text-decoration: none; h2{ @media (max-width: 1024px){ font-size: 40px!important; } font-size: 46px; font-weight: 700; margin: 0; color: #000; } } } .single-partnerzy{ .partner_tab{ .wp-block-image{ position: relative; &:after { content: ""; top: -50px; right: -50px; background-image: url("../images/totem.png"); width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } } .partners_tab_selectors{ position: relative; &:after { content: ""; top: -110px; right: -50px; background-image: url("../images/totem.png"); width: 150px; height: 150px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } } .post_baner_section, footer { content-visibility: visible !important; } //body:not(.page-template-page-partners) { .footer_container { position: relative; &:after { content: ""; top: -50px; right: 0; background-image: url("../images/totem.png"); width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } .post_type_page { > h1 { position: relative; &:after { content: ""; top: 25px; right: 0; background-image: url("../images/totem.png"); width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } } //} .wp-block-separator { margin: 40px 0; } footer{ background: #000; .footer_bottom{ display: flex; justify-content: space-between; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #666666; padding-left: 0; padding-right: 0; .right{ display: flex; align-items: center; gap: 9px; a{ width: 33px; height: 33px; @media screen and (max-width: 768px){ width: 44px; height: 44px; } border: 1px solid #ffff; display: flex; align-items: center; justify-content: center; transition: 0.3s ease all; &:hover{ background: #fff; img{ filter: invert(1); } } img{ width: 13px; height: 13px; object-fit: contain; transition: 0.3s ease all; } } } .left{ display: flex; align-items: center; .left_cont{ display: flex; align-items: center; gap: 15px; } a{ color: #fff; font-weight: 500; text-decoration: none; font-family: "Poppins", sans-serif; font-size: 13.3px; transition: 0.3s ease all; &:hover{ color: #429b6a; } } span{ color: #fff; font-weight: 400; text-decoration: none; font-size: 13.3px; font-family: "Poppins", sans-serif; margin-left: 110px; } } } @media (max-width: 1000px){ .footer_bottom{ flex-direction: column; align-items: center; gap: 20px; .left{ flex-direction: column; align-items: center; gap: 20px; span{ margin: 0!important; } } } } .footer_container{ padding: 75px 0 60px 0; display: flex; gap: 40px; justify-content: space-between; @media (max-width: 1000px){ flex-direction: column; .column{ max-width: 100% !important; width: 100% !important; } } .column{ display: flex; flex-direction: column; align-items: flex-start; &:nth-child(3){ max-width: 317px; width: 100%; h2{ margin: 0; color: #fff; text-transform: uppercase; font-size: 15.32px; padding-bottom: 11px; border-bottom: 1px solid #666666; width: 100%; } ul{ padding-left: 0; display: flex; flex-direction: column; gap: 15px; margin: 25px 0 0 0; li{ a{ text-decoration: none; .post_single_categories{ padding-bottom: 13px; font-size: 14.36px; font-weight: 400; color: #429b6a; font-family: "Poppins", sans-serif; } h3{ margin: 0; font-size: 17px; font-weight: 500; color: #fff; line-height: 22px; } } } } } &:nth-child(4){ max-width: 317px; width: 100%; h2{ margin: 0; color: #fff; text-transform: uppercase; font-size: 15.32px; padding-bottom: 11px; border-bottom: 1px solid #666666; width: 100%; } ul{ padding-left: 0; display: flex; flex-direction: column; gap: 15px; margin: 25px 0 0 0; width: 100%; li{ width: 100%; a{ span{ &:nth-child(2){ font-weight: 400; } } width: 100%; display: flex; justify-content: space-between; text-decoration: none; color: #fff; font-weight: 500; font-size: 14.21px; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #429b6a; } } } } } &:nth-child(2){ max-width: 317px; width: 100%; h2{ margin: 0; color: #fff; text-transform: uppercase; font-size: 15.32px; padding-bottom: 11px; border-bottom: 1px solid #666666; width: 100%; } ul{ padding-left: 0; display: flex; flex-direction: column; gap: 15px; margin: 25px 0 0 0; li{ a{ text-decoration: none; color: #fff; font-weight: 500; font-size: 14.21px; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #429b6a; } } } } } &:nth-child(3){ max-width: 317px; width: 100%; h2{ margin: 0; color: #fff; text-transform: uppercase; font-size: 15.32px; padding-bottom: 11px; border-bottom: 1px solid #666666; width: 100%; } ul{ padding-left: 0; display: flex; flex-direction: column; gap: 15px; margin: 25px 0 0 0; li{ a{ text-decoration: none; color: #fff; font-weight: 500; font-size: 14.21px; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #429b6a; } } } } } &:nth-child(1){ a{ &:nth-child(3){ font-size: 15.57px; font-weight: bold; color: #fff; text-decoration: none; font-family: "Poppins", sans-serif; background: #439b6b; border: 4px solid #439b6b; padding: 14px 20px; transition: 0.3s ease all; &:hover{ background: #000; } } } span{ font-weight: 300; font-size: 15px; line-height: 25.87px; color: #fff; padding: 33px 0; max-width: 307px; letter-spacing: 1.1px; } } } } } @media (max-width: 1392px){ .footer_container,.footer_bottom{ padding-left: 20px!important; padding-right: 20px!important; } } body:not(.page-id-1332){ .post_type_page{ &:not(.konferencje_page):not(.raporty_page){ .post_type_filters{ display: none!important; } } } } .post_type_page{ margin-bottom: 40px; h1, .h1{ text-align: center; font-size: 46px; font-weight: 700; padding: 80px 0 40px; margin: 0; } .post_type_filters{ .post_types_container{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 30px; a{ font-size: 13px; color: #000; font-family: "Poppins", sans-serif; text-decoration: none; font-weight: 500; text-transform: uppercase; background: #f4f4f4; padding: 10px 15px; transition: ease-in-out 0.1s; @media (min-width: 1000px){ &:hover{ background: #000; color: #fff; } } &.active{ background: #000; color: #fff; } } select{ font-size: 13px; color: #000; font-family: "Poppins", sans-serif; font-weight: 500; text-transform: uppercase; background: #f4f4f4; padding: 10px 15px; outline: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/arrow_down.png") 97% center no-repeat !important;; } } .bottom{ background: #fafafaad; padding: 0px 30px !important; box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0px 50px; .right{ display: flex; flex-direction: column; margin-top: 30px; position: relative; #time_range_slider_ui{ position: absolute; bottom: 0; width: 100%; height: 20px; border-radius: 30px; z-index: 3; .ui-slider-range.ui-corner-all.ui-widget-header{ background: #000!important; } .ui-slider-handle.ui-corner-all.ui-state-default{ top: -2px!important; background: #fff !important; margin-left: 0!important; transform: translate(-12px); border-radius: 100%; outline: unset!important; border: 1px solid #fff!important; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); cursor: pointer; } } h2{ font-weight: 500; font-family: "Poppins", sans-serif; margin: 0 0 20px; } } .left{ display: flex; margin-top: 30px; flex-direction: column; h2{ font-weight: 500; font-family: "Poppins", sans-serif; margin: 0px 0 20px; } } .tags_container{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; a{ text-decoration: none; padding: 8px 10px; transition: ease-in-out 0.3s; border-radius: 30px; border: 2px solid transparent; color: #949494; font-weight: 400; @media (min-width: 1000px){ &:hover{ border: 2px solid #000; color: #000; } } &.active{ border: 2px solid #000; color: #fff; background: #000; } } } } .top{ display: flex; justify-content: center; gap: 8px; align-items: center; flex-wrap: wrap; max-width: 850px; margin: auto; margin-bottom: 30px; a{ font-size: 13px; color: #000; font-family: "Poppins", sans-serif; text-decoration: none; font-weight: 500; text-transform: uppercase; background: #f4f4f4; padding: 10px 15px; transition: ease-in-out 0.1s; @media (min-width: 1000px){ &:hover{ background: #000; color: #fff; } } &.active{ background: #000; color: #fff; } } } } } #clear_filters,#hide_filters{ font-weight: 900; } .post_type_page_articles_pagination{ display: flex; justify-content: center; .ptpa_pagination{ display: flex; background: #f4f4f4; padding: 20px; margin: 50px 0 0 0; gap: 10px; a,span{ font-size: 15px!important; color: #000!important; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background: transparent; font-weight: 500; transition: ease-in-out 0.3s; text-decoration: none; } span{ background: gainsboro!important; } a:hover{ background: gainsboro!important; } } .prev,.next{ font-weight: 900; } } .empty{ height: 0; grid-column-end: 3; } .bottom_under{ background: #fafafaad; padding: 50px 30px 30px 30px!important; box-sizing: border-box; display: flex; justify-content: space-between; .left{ display: flex; align-items: center; gap: 20px; } span{ font-weight: 600; font-family: "Poppins", sans-serif; font-size: 15px; cursor: pointer; } } .time_range_slider{ .time_chunk.active{ &.first{ &:before{ width: 20px; height: 20px; border: 1px solid #fff; background: #fff; content: ""; position: absolute; transform: translate(-50%); border-radius: 100%; top: -1px; left: -1px; z-index: 1; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); } } &.last{ &:after{ width: 20px; height: 20px; border: 1px solid #fff; background: #fff; content: ""; position: absolute; transform: translate(50%); border-radius: 100%; top: -1px; right: 1px; z-index: 1; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); } } } } .time_range_slider_relative{ position: relative; } .time_range_slider{ display: flex; width: 100%; border: 1px solid #c6c6c6; border-radius: 30px; position: relative; height: 20px; .infinity_end{ position: absolute; bottom: -25px; right: -5px; font-size: 12px; } .time_chunk{ position: relative; &.active{ background: #000; &:first-child{ } } span.line{ right: -1px; content: ''; background: #000; top: -5px; height: 30px; z-index: 2 ; width: 2px; position: absolute; } &:last-of-type{ span.line{ display: none; } } span{ position: absolute; bottom: -25px; transform: translate(-50%); font-size: 12px; } &:nth-child(1){ flex-basis: calc(100% / 15 * 3); } &:nth-child(2){ flex-basis: calc(100% / 15 * 2); } &:nth-child(3){ flex-basis: calc(100% / 3); } &:nth-child(4){ flex-basis: calc(100% / 6); } &:nth-child(5){ flex-basis: calc(100% / 6); } &:nth-child(6){ flex-basis: calc(100% / 6); } &:nth-child(7){ flex-basis: calc(100% / 6); } } } .post_type_page_articles{ margin-top: 75px; display: grid; grid-template-columns: repeat(4, 1fr); &.on_author{ grid-template-columns: repeat(3, 1fr); } gap: 30px; .post_single{ a{ flex-direction: column; .left{ img{ width: 100%; aspect-ratio: 1; height: auto; } } .right{ h3{ font-size: 26px; } } } } .post_single{ a{ display: flex; gap: 22px; text-decoration: none; } .left{ position: relative; display: flex; align-items: center; justify-content: center; .video_overlay_time{ font-family: "Poppins", sans-serif; font-weight: bold; position: absolute; right: 0; bottom: 0; background: #000; color: #fff; padding: 5px 6px; font-size: 10px; } .video_overlay_post{ cursor: pointer; position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000005e; img{ width: 40px; height: 40px; object-fit: cover; max-width: 40px; min-width: 40px; } } img{ object-fit: cover; width: 139px; height: 95px; min-width: 139px; } } .right{ h3{ font-size: 20.00px; font-weight: 700; color: #000; margin: 10px 0 0 0; } .excerpt{ font-family: "Merriweather", serif; font-weight: 400; font-size: 14px!important; line-height: 21.87px; color: #737373; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; @media (max-width: 768px){ font-size: 12px !important; line-height: 16.87px; } } .post_single_categories{ margin: 0!important; color: #429b6a; font-family: "Poppins", sans-serif; display: flex; flex-wrap: wrap; align-items: flex-end; .span_href{ font-family: "Poppins", sans-serif; font-size: 16.44px; color: #429b6a; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } flex-direction: column; display: flex; justify-content: flex-start; padding-top: 8px; } } } @media (max-width: 920px){ .post_type_filters{ .bottom{ grid-template-columns: 1fr!important; } } .post_type_page .post_type_filters .bottom .right #time_range_slider_ui{ bottom: 0!important; } .first_grid_on_list{ grid-template-columns: 1fr!important; grid-column-end: 3!important; } .post_type_page_articles{ grid-template-columns: 1fr 1fr!important; } } .newsletter_section{ position: relative; .wpcf7-spinner{ display: none!important; } &:after{ background: url(../images/totemy.png); position: absolute; content: ""; right: 5%; top: 16px; width: 400px; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 0; @media (max-width: 1600px){ width: 300px; height: 300px; } @media (max-width: 900px){ width: 200px; height: 200px; } @media (max-width: 600px){ top: -65px; } } margin: 40px 0 80px 0; padding: 237px 0 120px 0; background-size: cover; @media (max-width: 600px){ padding-top: 150px!important; padding-bottom: 70px!important; .form_row.first{ >input{ grid-column-start: 1!important; grid-row-start: 2!important; } } } @media (max-width: 1070px){ padding-left: 20px; padding-right: 20px; .form_row.first{ display: grid!important; grid-template-columns: 1fr!important; >input{ grid-column-start: 2; grid-row-start: 1; } input{ min-width: unset!important; } } } .newsletter_section_container{ max-width: 1050px; width: 100%; margin: auto; display: flex; flex-direction: column; align-items: flex-start; h2{ color: #fff; font-size: 37.5px; font-weight: 700; line-height: 44px; margin: 0; margin-bottom: 10px; letter-spacing: 0.5px; } h3{ color: #fff; font-family: "Poppins", sans-serif; font-weight: 400; margin: 10px 0; font-size: 22px; } form{ display: flex; flex-direction: column; .wpcf7-list-item{ margin-left: 0!important; } } .form_row{ display: flex; align-items: center; gap: 15px; margin: 10px 0; input{ &[type="checkbox"]{ margin: 0; width: 25px; height: 25px; min-width: 25px; min-height: 25px; border: 0; border-radius: 0; } } &:not(.first){ } } label{ display: flex; align-items: center; gap: 10px; span{ color: #fff; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 19px; a{ color: #fff; text-decoration: underline; } } } input{ min-width: 390px; width: 100%; min-height: 50px; padding: 20px 15px; box-sizing: border-box; border: 0; font-size: 17px; font-weight: 500; color: #000; font-family: "Poppins", sans-serif; outline: none; &::placeholder{ font-weight: 500; color: #000; font-family: "Poppins", sans-serif; text-transform: unset!important; } &[type="email"]{ text-transform: initial; font-size: 17px; font-weight: 500; } &[type="submit"]{ background: #bfd62e; border: 4px solid #bfd62e; cursor: pointer; font-size: 17px; font-weight: bold; transition: 0.3s ease all; padding: 16px 15px; &:hover{ background: #429b6a; color: #fff; } } } .mailerlite-form-inputs { display: flex; gap: 30px; } button{ min-width: 390px; width: 100%; min-height: 50px; padding: 20px 15px; box-sizing: border-box; border: 0; font-size: 17px; font-weight: 500; color: #000; font-family: "Poppins", sans-serif; text-transform: uppercase; outline: none; &[type="submit"]{ background: #bfd62e; cursor: pointer; font-size: 17px; font-weight: 700; transition: 0.3s ease all; &:hover{ background: #429b6a; color: #fff; } } } } } .wpcf7-form.invalid input[type="submit"] { margin-bottom: 30px; } .wpcf7-not-valid-tip { color: #bfd62e; margin-top: 15px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #bfd62e; padding: 10px; color: #fff; margin: 30px 0; } .single{ .wpcf7-form.invalid input[type="submit"] { margin-bottom: 0px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #bfd62e; } } .post_header_addon{ display: flex; justify-content: center; padding: 10px 20px; background: #000000; .post_header_addon_container{ gap: 30px; display: flex; align-items: center; span{ color: #fff; font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 600; } a{ padding: 3px 15px; color: #fff; font-family: "Poppins", sans-serif; font-weight: 400; background: #439b6b; border: 2px solid #439b6b; text-decoration: none; min-width: 95px; font-size: 14px; text-align: center; transition: 0.3s ease all; &:hover{ background: #000; } } } } .post_single:hover,.post_newest:hover,.post_grid:hover{ h3{ color: #439b6b!important; } } .ptpa_pagination:empty{ display: none!important; } .no_articles{ text-align: center; min-width: 100%; display: inline-grid; justify-content: center; grid-column-start: 1; grid-column-end: 5; margin-bottom: 80px; font-size: 20px; font-weight: 600; } .post_type_page_articles_pagination { margin-bottom: 100px; } #hide_filters_img{ cursor: pointer; width: 10px; margin-right: 5px; transition: ease-in-out 0.3s; &.active{ transform: rotate(180deg); } } .patronites_content_elements .owl-nav{ display: none!important; } .single_post_wrapper{ margin-top: -10px; } em { font-style: italic !important; } .post_banner{ width: 100%; max-height: 600px; height: 100%; position: relative; .banner_background{ width: 100%; height: 100%; position: relative; display: flex; &:before { content: ""; top: 25px; right: 25px; background-image: url("../images/totem.png"); width: 150px; height: 150px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } &:after{ content: ""; background: #000; position: absolute; width: 100%; height: 100%; display: flex; top: 0; left: 0; opacity: 0.15; } picture, img{ aspect-ratio: 1854 / 800; max-height: 600px; width: 100%; object-fit: cover; height: auto; } } .banner_text{ position: absolute; left: 80px; top: 30%; max-width: 50%; .banner_text_cat { a{ padding: 0 10px 0 0; color: #bfd62e; font-size: 15px !important; font-weight: 500 !important; margin: 0px 0px 30px; -webkit-text-stroke: 0.1px #a7f9be; display: block; text-decoration: none; transition: 0.3s ease all; &:hover{ color: #fff; } } } .banner_text_title{ h1 { font-size: 45px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: 0.5px !important; color: #fff; margin: 0; } } .banner_text_meta { display: flex; color: #fff; align-items: center; gap: 25px; margin-top: 20px; .banner_text_date { position: relative; &:after { content: "|"; position: absolute; right: -15px; } } } } &.video_banner{ display: flex; flex-direction: row-reverse; gap: 30px; justify-content: space-between; .banner_background{ width: 50%; height: 100%; flex-shrink: 0; iframe{ width: 100%; } } .banner_text{ max-width: 50%; position: static; align-self: center; .banner_text_cat { color: #bfd62e; } .banner_text_title{ h1 { color: #000; } } .banner_text_meta { color: #000; } } } } .single_post_content_wrapper { display: flex; gap: 40px; margin-top: 40px; .single_post_socialshare_wrapper{ width: 15%; .single_post_socialshare { display: flex; flex-direction: column; &.sticky { top: 96px; position: -webkit-sticky; position: sticky; margin-bottom: 25px; } & > p { color: #000; font-family: "Poppins" !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; margin-bottom: 20px !important; margin-top: 0; } .share_btn{ height: 38px; font-size: 11px; text-align: center; vertical-align: middle; width: 38px; @media screen and (max-width: 768px){ width: 44px; height: 44px; } border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-color: #000; margin-bottom: 5px; a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ddd; border: 2px solid #000; background: #000; text-decoration: none; font-size: 14px; transition: 0.3s ease all; &:hover{ color: #000; background: #fff; } } } } } .single_post_content { width: 60%; margin-bottom: 150px; p.lead, p.lead > strong, p.lead > a, p.lead > a > strong{ font-weight: bold !important; font-size: 20px !important; } td, li, em{ font-size: 18px !important; line-height: 1.8 !important; font-weight: 400 !important; font-family: "Merriweather"; word-wrap: break-word; } td > strong, li > strong, em > strong{ font-size: 18px !important; line-height: 1.8 !important; font-weight: bold !important; font-family: "Merriweather"; word-wrap: break-word; } > p { font-size: 18px !important; line-height: 1.8 !important; font-weight: 400 !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; } > p > strong { font-size: 18px !important; line-height: 1.8 !important; font-weight: bold !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; } >:not(details):not(.section-breadcrumbs):not(.author_contact_section){ a:not(.author_contact_btn) { font-size: 18px !important; line-height: 1.8 !important; font-weight: bold !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; color: #429b6a; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } .wp-block-table table { width: calc(100% - 10px); } p + ul{ margin-top: -10px; } li{ margin-bottom: 5px; &:last-of-type{ margin-bottom: 0; } } h2, h2 > strong{ font-weight: 700 !important; font-size: 27px; line-height: 38px; margin-top: 30px; margin-bottom: 20px; scroll-margin-top: 60px; } .author_quote { display: flex; gap: 50px; margin-top: 60px; margin-bottom: 40px; &.with_titled_author{ display: flex; flex-direction: column; margin-left: 100px; gap: 15px; margin-top: 35px; margin-bottom: 10px; .author_quote_content_wrapper { position: relative; margin-top: 25px; &:before { background-repeat: no-repeat; background-size: cover; width: 125px; height: 86px; color: #bfd62e; position: absolute; top: -50px; left: -106px; } } .author_quote_content_wrapper a, .author_quote_content_wrapper p { font-size: 26px !important; } } .author_quote_avatar_wrapper { display: flex; flex-direction: column; flex-shrink: 0; width: 205px; z-index: 9; img{ width: 200px; border-radius: 50%; height: 200px; object-fit: cover; object-position: center; } } .author_quote_name{ font-size: 22px !important; margin: 0px !important; width: 100%; line-height: 1.5 !important; font-family: "Poppins", sans-serif; font-weight: 500 !important; } .author_quote_title{ width: 100%; font-size: 16px !important; margin: 0px !important; text-transform: uppercase; color: #439b6b; line-height: 1.5 !important; font-weight: 400 !important; font-family: "Poppins", sans-serif; } &.without_author .author_quote_content_wrapper{ margin-top: 0px; &:before{ content: ""; background-image: url(../images/quote.png); background-repeat: no-repeat; background-size: cover; width: 145px; height: 100px; color: #439b6b; position: absolute; top: -50px; left: 0; } a, li, p{ font-size: 36px !important; margin: 0px !important; width: auto; line-height: 1.2 !important; font-family: "Poppins", sans-serif; font-weight: 600 !important; color: #439b6b; padding-left: 110px !important; } } .author_quote_content_wrapper{ position: relative; margin-top: 40px; &:before{ content: ""; background-image: url(../images/quote.png); background-repeat: no-repeat; background-size: cover; width: 187px; height: 129px; color: #bfd62e; position: absolute; top: -75px; left: -146px; } a, li, p{ font-size: 18px !important; margin: 0px !important; width: 100%; line-height: 1.5 !important; font-family: "Poppins", sans-serif; font-weight: 600 !important; color: #439b6b; } } } } .single_post_content_sidebar { width: 25%; .table_of_contents { border-width: 0px; border-style: solid; border-color: #e3e3e5; border-radius: 0px; background-color: #f4f4f4; padding: 20px 18px; text-align: left; h2 { font-weight: 700 !important; margin: 0 0 15px; font-size: 20px; line-height: 1.3; //font-family: "Poppins"; } ul { list-style: none; margin: 0; width: 100%; counter-reset: List; padding: 0; li{ margin-left: 0; font-weight: 500 !important; //font-family: "Poppins"; counter-increment: List; justify-content: left; display: flex; align-items: baseline; flex-wrap: wrap; font-size: 14px; line-height: 1.4; color: #444; a{ color: #000; text-decoration: none; flex: 1; margin-bottom: 4px; display: flex; &:hover{ color: #439b6b; } &:before{ content: counters(List, '.') '.'; margin-right: 10px; color: #000; } } } } } .read_more_widget{ &.sticky { top: 96px; position: -webkit-sticky; position: sticky; margin-bottom: 25px; } h2{ color: #000; font-size: 30px !important; font-weight: 700 !important; letter-spacing: -1px !important; line-height: 28px; margin-bottom: 0; margin-top: 40px; padding-bottom: 10px !important; border-color: #000; border-style: solid !important; border-width: 0px 0px 5px 0px !important; } ul{ margin-top: 24px !important; margin-bottom: 0px !important; padding-left: 0; display: flex; flex-direction: column; gap: 15px; list-style: none; .post_single_categories{ margin: 0 !important; padding: 3px 6px 4px 0; a{ margin: 0 !important; color: #429b6a; font-family: "Poppins", sans-serif; font-weight: 500 !important; font-size: 13px !important; line-height: 1.2 !important; transition: 0.3s ease all; &:hover{ color: #bfd62e; } } } a{ text-decoration: none; h3{ color: #000; box-shadow: inset 0 0 0 0 #000; font-size: 18px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -1px !important; margin: 0px 0 6px; &:hover{ color: #439b6b; } } } } } } } .top_scroll_fix_bar{ position: fixed; z-index: 10001; top: 0px; width: 100%; height: 8px; .top_scroll_fix_bar_fill{ width: 0; max-width: 100%; height: 8px; background-color: #bfd62e; transition: width .2s ease; } } header.sticky { position: fixed; top: 0; width: 100%; z-index: 1000; } .single_post_tags_wrapper { display: flex; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; .single_post_tags_title { margin-right: 4px; padding: 4px 8px 4px; font-family: "Poppins" !important; line-height: 1 !important; font-weight: 700 !important; text-transform: capitalize !important; display: flex; align-items: center; font-size: 18px !important; } a { padding: 4px 0px 4px; border: 0px solid #ededed; color: #000; background-color: rgba(255, 255, 255, 0); font-size: 15px !important; line-height: 1 !important; text-decoration: none; text-transform: lowercase; font-family: "Poppins" !important; margin: 0 !important; &:hover{ color: #439b6b; } } } .author_contact_section { border-color: #000; border-style: solid !important; border-width: 5px 0px 0px 0px !important; padding-top: 60px; margin-top: 60px; display: flex; gap: 40px; &.on_author{ border-width: 0px 0px 5px 0px!important; margin-bottom: 60px; padding-bottom: 60px; } .author_avatar { flex-shrink: 0; img{ border-radius: 50%; object-fit: cover; } } .author_contact_name, .author_contact_name a{ font-weight: 600 !important; font-size: 18px !important; margin-bottom: 5px !important; color: #000 !important; text-decoration: none; } .author_contact_desc { font-weight: 400; font-size: 15px; line-height: 1.2; padding-bottom: 30px; margin-bottom: 30px; } .author_contact_form{ .form_label{ font-size: 14px !important; font-family: "Poppins", sans-serif; font-weight: 500 !important; >p{ margin: 0; } } .form_row{ margin-bottom: 40px; > p{ margin: 0; } } input[type=submit]{ border: 3px solid #439b6b; width: fit-content; padding: 5px 30px; font-weight: 600; color: #fff; background: #439b6b; font-size: 18px !important; cursor: pointer; transition: ease-in-out 0.3s; &:hover{ background: transparent; color: #439b6b; } } .wpcf7-list-item{ margin: 0; > label{ display: flex; font-size: 15px; line-height: 1.2; } } .form_info { font-size: 15px; line-height: 1.2; margin-bottom: 10px; } input[type=checkbox]{ background: #000; width: 13px; height: 13px; margin: 0 10px 0 0; position: relative; &:before { content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 13px; background: #fff; border: 2px solid #000; } &:checked:after { content: ""; position: absolute; top: 1px; left: 5px; width: 3px; height: 8px; border: solid #429b6a; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } input { width: 100%; border-width: 0 0 2px 0; height: 30px; margin-top: 10px; font-size: 16px !important; &:focus-visible { outline: none; } } textarea { width: 100%; border-width: 0 0 2px 0; font-size: 16px !important; height: 70px; margin-top: 10px; &:focus-visible { outline: none; } } .wpcf7-response-output{ margin: 0; padding: 10px 10px; } } } .favorite_post_btn{ font-size: 28px; top: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.8); box-shadow: none; position: absolute; width: 1em; height: 1em; border-radius: 100%; cursor: pointer; z-index: 9; &.selected{ .favorite_post-ico-full{ opacity: 1; } } &:hover{ .favorite_post-ico-full{ opacity: 1; fill: #439b6b; } } .favorite_post-ico{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .556em; height: auto; fill: #000; transition: opacity .2s ease-in-out; } .favorite_post-ico-empty{ } .favorite_post-ico-full{ opacity: 0; transition: opacity .2s ease-in-out; } } .page-id-304{ .coloured_text_grid:after{ display: none; } } .post_baner_section{ background: #000; &.gray_bck{ background: transparent; >div{ background: #f4f4f4; } .post_baner_container { &:hover{ h3{ color: #439b6b!important; } } .post_baner_wrapper { h3 { color: #000; &:hover{ color: #439b6b; } } p{ color: #000; } .post_baner_btn{ color: #000; border: 3px solid #000; &:hover{ background: #000; color: #fff; } } } } } &.black_bck{ .post_baner_container{ padding: 50px 0; .post_baner_image { img { min-height: 450px; } } .post_baner_wrapper{ position: relative; &:after{ content: ""; top: -100px; right: 0; background-image: url("../images/totem.png"); width: 150px; height: 150px; position: absolute; background-size: contain; background-repeat: no-repeat; } } } } &.gray_bck{ .post_baner_wrapper{ position: relative; &:before{ content: ""; top: -100px; left: -100px; background-image: url("../images/totem.png"); width: 150px; height: 150px; position: absolute; background-size: contain; background-repeat: no-repeat; } } } a{ text-decoration: none; } .post_baner_container { display: flex; .post_baner_image { width: 60%; position: relative; overflow: hidden; &::after { content: ""; position: absolute; top: 0; right: 0; width: 15%; height: 100%; background-image: inherit; background-size: cover; filter: blur(60px); } img{ display: block; height: 100%; object-fit: cover; width: 100%; @media screen and (min-width: 1025px){ min-height: 500px; } } } .post_baner_wrapper { width: 40%; display: flex; justify-content: center; text-decoration: none; flex-direction: column; z-index: 9; padding: 0px 30px 15px; h3 { color: #fff; display: flex; font-size: 30px; margin-bottom: 20px; max-width: 80%; min-height: 62px; margin-top: 60px; line-height: 30px; } li, p{ color: #fff; font-size: 24px; margin-top: 0; font-weight: 300; max-width: 80%; line-height: 1.2; } .post_baner_btn{ font-size: 14.73px; color: #fff; font-weight: bold; text-decoration: none; font-family: "Poppins", sans-serif; padding: 12px 30px; border: 3px solid #fff; transition: ease-in-out 0.3s; width: fit-content; &:hover{ background: #fff; color: #000; } } } } } .newsletter_popup_section{ content-visibility: visible !important; } .newsletter_popup_section{ position: relative; z-index: 9; background-size: cover; .newsletter_popup_section_container { background-size: cover; padding: 220px 20px; display: flex; flex-direction: column; box-sizing: content-box; justify-content: center; h3 { font-size: 36px; max-width: 60%; font-weight: 600; margin-top: 0; } > p:first-of-type { font-weight: 300; opacity: 0.4; font-size: 22px; max-width: 57%; line-height: 1.2; margin-bottom: 20px; margin-top: 0; font-family: "Poppins", sans-serif; } > p { margin: 0; padding: 0; } > p:last-of-type { font-weight: 300; opacity: 0.4; font-size: 16px; max-width: 58%; line-height: 1.2; margin-bottom: 20px; margin-top: 0; font-family: "Poppins", sans-serif; } .newsletter_popup_section_a, .newsletter_popup_section_btn { font-size: 18px; color: #000; font-weight: bold; text-decoration: none; font-family: "Poppins", sans-serif; padding: 12px 40px; border: 3px solid #000; transition: ease-in-out 0.3s; width: fit-content; cursor: pointer; &:hover{ background: #000; color: #fff; } } } } .newsletter_popup_container{ opacity: 1; background: rgba(0, 0, 0, 0.7); transition: opacity 0.2s ease-out; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: flex; align-items: center; justify-content: center; &.hidden{ opacity: 0; z-index: -1; .newsletter_popup_wrapper{ opacity: 0; } } .newsletter_popup_wrapper{ opacity: 1; transform: translateY(0); transition: opacity 0.2s ease-out, transform 0.2s ease-out; width: 1000px; border-radius: 0px; box-shadow: none; display: flex; flex-direction: column; position: relative; background-color: #fdf2f1; max-width: 100%; max-height: 100%; overflow: hidden; z-index: 1; padding: 60px 20px; .newsletter_popup_header { position: absolute; top: 20px; right: 20px; cursor: pointer; } .newsletter_popup_content { display: flex; gap: 60px; } .newsletter_popup_content_txt { width: 50%; h3{ font-size: 30px !important; line-height: 1.1 !important; font-weight: 700 !important; margin-bottom: 17px; margin-top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; } li, p{ margin-bottom: 0; font-size: 15px !important; line-height: 1.6 !important; font-family: "Merriweather" !important; margin-top: 0; } } .newsletter_popup_content_form { width: 50%; } } } .sub_partners_category_wrapper, .main_partners_category_wrapper { display: grid; grid-template-columns: repeat(4, 1fr); .patron { background: #fff; display: flex; flex-direction: column; padding: 40px; transition: all ease 0.3s; border-bottom: 2px solid #a6a6a6; border-right: 2px solid #a6a6a6; &:nth-child(4n) { border-right: 0; } &:nth-last-child(-n+4){ border-bottom: 0; } &:hover { img { border-bottom: 4px solid #439b6b; } } a { display: block; height: 100%; width: 100%; text-decoration: none; img { aspect-ratio: 16 / 9; object-fit: contain; border-bottom: 1px solid #a6a6a6; padding-bottom: 30px; height: auto; } h3 { text-decoration: none; color: #000; font-weight: 500; font-size: 22px; margin-top: 30px; margin-bottom: 10px; font-family: "Poppins", sans-serif; } span { color: #000; font-size: 14px; font-weight: 400; text-transform: uppercase; font-family: "Poppins", sans-serif; } } } } .sub_partners_category_wrapper{ span { display: none; } img { } } .page-template-page-partners{ .post_type_filters{ display: flex; justify-content: center; margin-bottom: 40px; .search{ cursor: pointer; margin-left: 10px; } } } .text-center{ text-align: center; } body.single-partnerzy{ .h1{ text-align: center; font-size: 46px; font-weight: 700; padding: 90px 0 40px; margin: 0 auto; } .partner_banner{ background: #f4f4f4; .banner_background { display: flex; position: relative; &:after{ content: ""; background: #000; position: absolute; width: 100%; height: 100%; display: flex; top: 0; left: 0; opacity: 0.3; } picture, img{ width: 100%; object-fit: cover; max-height: 315px; } picture > img{ height: auto; } } .banner_text { display: flex; gap: 40px; margin-top: -110px; margin-left: 17%; padding-bottom: 95px; position: relative; .banner_text_logo { width: 330px; background: #fff; padding: 20px; height: 200px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; img{ object-fit: contain; width: 100%; height: 100%; } } .banner_text_title{ h1 { color: #fff; font-weight: 700; font-size: 45px; margin-top: 15px; } } .banner_text_meta { margin-top: 65px; .banner_text_cat { color: #777777; font-family: "Merriweather", serif; a,span{ color: #000; font-weight: 600; text-decoration: none; font-family: "Merriweather", serif; font-size: 18px; } } .banner_text_url { margin-top: 10px; a{ font-family: "Merriweather", serif; color: #3e3e3e; text-decoration: none; } } } } } .single_post_wrapper{ margin-bottom: 40px; } .single_post_content{ margin: auto; .partners_tab_selectors{ display: flex; justify-content: center; margin-bottom: 60px; .partners_tab_selector{ padding: 10px 40px; border: 1px solid #f4f4f4; cursor: pointer; transition: all ease 0.3s; &.active { background: #f4f4f4; cursor: default; } &:hover { background: #f4f4f4; } } } .partner_tab{ &:not(.show){ display: none; } > p { font-size: 18px !important; line-height: 1.8 !important; font-weight: 400 !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; } > h2 { font-weight: 700 !important; font-size: 27px; line-height: 38px; margin-top: 30px; margin-bottom: 20px; scroll-margin-top: 60px; } } } .partner_tab .services_section { background: transparent; padding: 0; .services_content_elements{ grid-template-columns: repeat(3, 1fr) !important; .post_image > img{ aspect-ratio: 640 / 321; } } } .partner_tab .services_section.newest_section { background: transparent; .services_content_elements{ grid-template-columns: repeat(3, 1fr) !important; margin: 0; } } .author_contact_section .author_avatar img{ object-fit: contain; width: 200px; height: 200px; background: #f4f4f4; padding: 10px; box-sizing: border-box; } .author_contact_section .author_contact_name{ font-weight: 700 !important; font-size: 32px; line-height: 38px; margin-bottom: 20px; } } body .single_post_content_wrapper .single_post_content .wpcf7-list-item-label a, body .single_post_content_wrapper .single_post_content .form_info a { font-size: 15px !important; text-decoration: none !important; font-weight: 500; font-family: "Poppins", sans-serif !important; line-height: 1.2 !important; color: #439b6b !important; transition: 0.3s ease all; } body .single_post_content_wrapper .single_post_content .wpcf7-list-item-label a:hover, body .single_post_content_wrapper .single_post_content .form_info a:hover { color: #bfd62e !important; } .author_contact_btn{ background: transparent; border: 3px solid #439b6b; width: fit-content; padding: 5px 30px; font-weight: 600; color: #439b6b; font-size: 18px !important; cursor: pointer; transition: ease-in-out 0.3s; height: 30px; margin-top: 10px; text-decoration: none; display: flex; align-items: center; justify-content: center; &:hover{ background: #439b6b; color: #fff; } } .author_thx_wrapper, .newsletter_thx_wrapper{ display: none; margin-top:20px; i{ color: #bfd62e; font-size: 60px; display: block; margin: auto; width: fit-content; } h3{ font-size: 37.5px; color: #fff; margin: 20px 0px 20px; line-height: 1.1 !important; font-weight: 700 !important; text-align: center; } li, p{ color: #fff; margin: 0; font-size: 18.04px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 21.65px; text-align: center; } } .author_thx_wrapper{ p, h3{ color: #000; } } .footer_contact_section{ display: flex; width: 100%; flex-direction: column; gap: 21px; .socials_wrapper{ display: flex; margin-top: 20px; gap: 15px; width: 100%; a{ width: 40px; height: 40px; @media screen and (max-width: 768px){ width: 44px; height: 44px; } border: 1px solid #ffff; display: flex; align-items: center; justify-content: center; transition: 0.3s ease all; &:hover{ background: #fff; img{ filter: invert(1); } } img{ width: 14px !important; height: 14px !important; @media screen and (max-width: 768px){ width: 16px !important; height: 16px !important; } object-fit: contain !important; transition: 0.3s ease all; } } } .contact_footer_data_items { display: flex; flex-direction: column; gap: 20px; .contact_footer_data_item { display: flex; gap: 20px; align-items: center; .contact_form_icon { width: 40px; height: auto; object-fit: contain; display: flex; align-items: center; justify-content: center; } a { text-decoration: none; color: #fff; font-weight: 500; font-size: 14.21px; font-family: "Poppins", sans-serif; transition: 0.3s ease all; &:hover{ color: #439b6b; } } p { text-decoration: none; color: #fff; font-weight: 500; font-size: 14.21px; font-family: "Poppins", sans-serif; transition: 0.3s ease all; line-height: 1.4 !important; margin: 0; } } } } body.single .services_section.newest_section .post_newest:hover h3{ color: #439b6b!important; } .contact_form_icon img { width: 40px; height: auto; object-fit: contain; } .contact_form_section{ h1{ text-align: center; font-size: 46px; margin-top: 50px; margin-bottom: 90px; position: relative; font-weight: 700; &:after{ content: ""; top: -25px; right: 150px; background-image: url("../images/totem.png"); width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } .contact_form_outer { background-repeat: no-repeat; background-size: cover; } .contact_form_inner { display: flex; max-width: 1030px; width: 100%; gap: 40px; padding: 80px 0; .contact_form_data { width: 30%; flex-shrink: 0; h3{ font-size: 37.5px; color: #fff; margin: 0 0 40px; line-height: 1.1 !important; font-weight: 700 !important; } li, p{ color: #fff; margin: 0; font-size: 18.04px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 21.65px; } .contact_form_data_items{ margin-top: 50px; display: flex; flex-direction: column; gap: 20px; .contact_form_data_item { display: flex; gap: 15px; align-items: center; a { color: #fff; text-decoration: none; font-size: 18.04px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 21.65px; } .contact_form_data_item p { color: #fff; text-decoration: none; font-size: 18.04px; margin: 0; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 21.65px; } } } } .contact_form_wrapper { width: calc(70% - 40px); &.thx_wrapper{ display: none; flex-direction: column; align-items: center; i{ color: #bfd62e; font-size: 60px; display: block; margin: auto; width: fit-content; } h3{ font-size: 37.5px; color: #fff; margin: 20px 0px 20px; line-height: 1.1 !important; font-weight: 700 !important; text-align: center; } li, p{ color: #fff; margin: 0; font-size: 18.04px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 21.65px; text-align: center; } } .form_row { display: flex; gap: 10px; margin-bottom: 10px; .wpcf7-form-control-wrap { width: 100%; input,textarea{ width: 100%; box-sizing: border-box; height: 50px; padding: 0 10px; border: 0; font-size: 18px; line-height: 17.4px; } textarea{ padding-top: 18px; max-width: 100%; min-width: 100%; height: 100px; } } } .form_info_row{ color: #fff; margin-top: 25px; font-size: 13.16px; font-family: "Poppins", sans-serif; font-weight: 500 !important; line-height: 16.49px; a { color: #fff; text-decoration: underline; font-size: 13.16px; font-family: "Poppins", sans-serif; font-weight: 500 !important; line-height: 16.49px; } .form_info{ margin-bottom: 20px; } .wpcf7-list-item{ margin:0; } } .wpcf7-submit { font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; background: #bfd62e; padding: 18px 60px; outline: none; border: none; margin-top: 30px; transition: 0.3s ease all; cursor: pointer; border: 4px solid #bfd62e; &:hover { background: transparent; } } } } } .contact_map_inner{ position: relative; #map{ width: 100%; min-height: 790px; } .contact_map_data_wrapper { position: absolute; top: 25%; left: 25%; background: #fff; padding-left: 80px; padding-right: 150px; padding-top: 80px; padding-bottom: 60px; h2{ font-size: 46px; margin: 0; } .contact_map_data_item{ display: flex; margin-top: 30px; margin-bottom: 50px; gap: 15px; .contact_map_icon { display: flex; align-items: center; justify-content: center; } li, p{ font-family: "Poppins", sans-serif; font-size: 18.04px; } } a{ font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; font-family: "Poppins", sans-serif; background: #439b6b; border: 4px solid #439b6b; padding: 15px 20px 14px 20px; transition: ease-in-out 0.3s; &:hover{ background: transparent; color: #439b6b; } } } } .our_team{ h2{ text-align: center; font-size: 48px; margin-top: 115px; margin-bottom: 75px; } .our_team_container{ display: grid; grid-template-columns: 1fr 1fr; gap: 75px 130px; padding-bottom: 105px; .our_team_box{ display: flex; align-items: center; gap: 35px; .left{ img{ width: 220px; height: 220px; border-radius: 100%; object-fit: cover; min-width: 220px; min-height: 220px; } } .right{ display: flex; flex-direction: column; h3{ font-size: 31px; font-weight: bold; margin-bottom: 3px; margin-top: 0!important; color: #000000; } .state{ font-size: 19px; font-weight: bold; color: #439b6b; margin-bottom: 24px; } .mail{ font-size: 19px; font-weight: bold; color: #439b6b; text-decoration: none; } } } } } .coloured_text_grid{ max-width: 827px; margin: auto; padding: 110px 20px 85px; box-sizing: content-box; position: relative; &:after{ content: ""; bottom: 50px; right: -80px; background-image: url("../images/totem.png"); width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } h3{ margin: 0 0 40px 0; font-size: 48px; font-weight: bold; text-align: center; color: #ffffff; } span{ font-size: 23px; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 200; line-height: 34px; } } .experts_esg_container{ h2{ font-size: 48px; margin-top: 90px; margin-bottom: 80px; font-weight: 700; } .experts_esg_content{ padding-bottom: 100px; display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 115px 75px; .experts_esg_box{ display: flex; flex-direction: column; align-items: flex-start; img{ width: 220px; height: 200px; min-width: 220px; min-height: 220px; object-fit: cover; border-radius: 100%; margin-bottom: 30px; } h3{ font-size: 24px; font-weight: 700; line-height: 36px; text-align: left; margin: 0 !important; color: #000000; } h4{ font-size: 24px; line-height: 36px; text-align: left; font-weight: 300; margin: 0 !important; color: #439b6b; } } } } @media (max-width: 650px){ .coloured_text_grid h3,.our_team h2,.contact_map_section h1,.experts_esg_container h2{ font-size: 25px!important; } .coloured_text_grid{ padding: 70px 20px 70px; } .coloured_text_grid span{ font-size: 17px!important; } .experts_esg_container .experts_esg_content .experts_esg_box h3{ font-size: 23px!important; } .experts_esg_container .experts_esg_content{ grid-gap: 30px!important; } .our_team .our_team_container{ grid-gap: 50px!important; } .contact_map_section .contact_map_inner .contact_map_data_wrapper .contact_map_data{ gap: 27px!important; align-items: center!important; flex-direction: column!important; p,a{ font-size: 20px!important; text-align: center; } } .our_team .our_team_container .our_team_box .right h3{ font-size: 23px!important; line-height: 1.3; margin-bottom: 10px; } .our_team .our_team_container .our_team_box{ flex-direction: column!important; align-items: center!important; .right{ h3,span,a{ text-align: center; } } } } @media (max-width: 1100px){ .our_team .our_team_container{ grid-template-columns: 1fr!important; } .experts_esg_container .experts_esg_content{ grid-template-columns: 1fr 1fr 1fr 1fr!important; @media (max-width: 800px){ grid-template-columns: 1fr 1fr 1fr!important; @media (max-width: 600px){ grid-template-columns: 1fr!important; } } } } @media (max-width: 1400px){ .our_team .our_team_container .our_team_box .left img{ width: 170px!important; min-width: 170px!important; height: 170px!important; min-height: 170px!important; } .our_team .our_team_container{ grid-gap: 30px!important; } .experts_esg_box{ img{ width: 100% !important; min-width: unset!important; height: unset!important; min-height: unset!important; aspect-ratio: 1; } } } .konferencja_place, .konferencja_creator, .konferencja_date { margin-top: 5px; font-size: 14px !important; } .konferencje_page{ .post_single{ &:hover{ } .left img{ width: 100%; height: 300px; } .post_single_categories_wrapper{ display: flex; flex-direction: column; gap: 10px; } .konferencja_payable { background: #e6e6e6; width: fit-content; padding: 5px 20px; font-size: 14px; &.payed{ background: #bfd62e; color: #fff; } } .excerpt{ -webkit-line-clamp: unset !important; overflow: auto !important; } } } #activate_filters{ display: none; } .raporty_page{ .post_single{ &:hover{ } .left img{ width: 100%; height: 450px; } .excerpt{ -webkit-line-clamp: unset !important; overflow: auto !important; } } } section.section_h1.h1_hp{ h1{ color: #fff; font-size: 12px; margin: 0; } } .section_h1_container{ h1{ font-size: 50px; font-weight: 700; margin: 0; color: #000; text-decoration: none; } } #cookie-law-info-bar #wt-cli-settings-btn{ padding: 0 !important; } .content_page_container{ li{ font-size: 18px !important; line-height: 1.8 !important; font-weight: 400 !important; font-family: "Merriweather"; margin-bottom: 10px; margin-top: 10px; word-wrap: break-word; margin-left: auto; margin-right: auto; } p{ font-size: 18px !important; line-height: 1.8 !important; font-weight: 400 !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; } li > strong, p > strong{ font-size: 18px !important; line-height: 1.8 !important; font-weight: 700 !important; font-family: "Merriweather"; margin-bottom: 26px; word-wrap: break-word; margin-left: auto; margin-right: auto; } h2, h2 > strong{ font-weight: 700 !important; font-size: 27px; line-height: 38px; margin-top: 30px; margin-bottom: 20px; scroll-margin-top: 60px; } } body .partnerzy_content .author_contact_section .author_avatar img { object-fit: contain; width: 200px; height: 200px; background: #f4f4f4; padding: 10px; box-sizing: border-box; } body .partnerzy_content .author_contact_section .author_contact_name { font-weight: 700 !important; font-size: 32px; line-height: 38px; margin-bottom: 20px; } body .wp-block-details{ z-index: 1; cursor: pointer; border-radius: 12px; width: 100%; padding-bottom: 0; overflow: hidden; padding: 1rem; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .06); margin-bottom: 10px; &[open] summary:after { content: " ▼"; } summary{ font-weight: bold; font-size: 1rem; line-height: 1.7; list-style: none; position: relative; &::-webkit-details-marker { display: none } &::after { content: ' ►'; position: absolute; right: 0; transition: 0.3s ease all; } } p{ margin-top: 1rem; padding-bottom: 0px; line-height: 1.2 !important; } .wp-block-list{ li{ font-size: 16px !important; line-height: 1.2 !important; font-weight: 400 !important; font-family: "Poppins", sans-serif; word-wrap: break-word; } li > strong{ font-size: 16px !important; line-height: 1.2 !important; font-weight: bold !important; font-family: "Poppins", sans-serif; word-wrap: break-word; } } a{ font-size: 16px !important; line-height: 1.2 !important; font-family: "Poppins", sans-serif; word-wrap: break-word; margin-left: auto; margin-right: auto; color: #429b6a; font-weight: bold !important; } } .logo img { width: 250px; object-fit: contain; height: auto; } .footer_container.grid img { width: 200px; object-fit: contain; height: auto; } h4.wp-block-heading { font-weight: 500; font-size: 1.17em; > strong{ font-weight: 500; } } h5.wp-block-heading{ font-size: unset; } h6.wp-block-heading{ font-size: unset; font-weight: 500; > strong{ font-weight: 500; } } .udi_download_report_form__container{ .right{ img{ height: auto; } } } #download_report{ font-size: 15.57px; color: #fff; text-decoration: none; font-family: "Poppins", sans-serif; background: #439b6b; padding: 13px 20px; display: block; text-align: center; border-radius: 30px; margin: 15px 0; font-weight: bold; letter-spacing: 0.5px; } .udi_download_report_form_outside{ display: none; z-index: 999999999; position: fixed; } .udi_download_report_form{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.40); .udi_download_report_form__container{ border-radius: 5px; position: relative; @media (max-width: 1500px){ width: 90vw!important; } width: 100%; max-width: 1500px; max-height: 90vh; background: #fff; display: grid; grid-template-columns: 1fr 1fr; @media (max-width: 800px){ grid-template-columns: 1fr!important; } padding: 5% 8%; box-sizing: border-box; grid-gap: 50px; overflow: auto; .right{ @media (max-width: 1450px){ img,div{ max-width: 329px!important; width: 100%; } } } .left{ >span{ font-weight: 300; display: block; margin-bottom: 50px; &.report_form_output{ display: none; font-size: 22px; font-family: "Poppins", sans-serif; color: #439b6b !important; font-weight: bold; line-height: 1.3; position: relative; &:after{ content: ""; BOTTOM: -100px; right: -64px; background-image: url(../images/totem.png); width: 75px; height: 75PX; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; @media (max-width: 800px){ BOTTOM: -109px; right: 19px; } } } @media (max-width: 800px){ margin-bottom: 20px!important; padding-right: 30px!important; } } form{ display: flex; flex-direction: column; label{ display: flex; flex-direction: column; margin-bottom: 18px; font-size: 12px; font-weight: 300; input{ width: 100%; min-height: 63px; @media (max-width: 800px){ min-height: 43px!important; padding-left: 10px!important; } padding-left: 30px !important; outline: unset; border: 1px solid #eaeaea; margin-top: 10px; box-sizing: border-box; } } .submit_button{ display: flex; input{ background: #439b6b; border: 0; width: 100%; border-radius: 30px; color: #fff; padding: 14px 20px; margin-top: 30px; font-weight: bold; font-size: 16px; cursor: pointer; letter-spacing: 0px; } } .acceptances{ label{ p{ margin: 0; line-height: 1.8; a{ color: #439b6b!important; } } display: flex; flex-direction: row; align-items: flex-start; gap: 20px; input{ accent-color: #439c6b; cursor: pointer; width: 16px; min-width: 16px; height: 16px; display: flex; margin: 0; max-height: 16px; display: block; min-height: 16px; } } } } } } #close_download_form{ position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 9999; } } .validate_false_input{ border-color: rgba(255, 0, 0) !important; } .udi_download_report_form .udi_download_report_form__container .left form label input.validate_false_checkbox{ appearance: none; padding-left: 0 !important; background-color: white; border: 1px solid red; border-radius: 3px; } .udi_report_output span{ font-size: 20px; border-bottom: 1px solid #8080804f; padding-bottom: 50px; line-height: 1.8; } .udi_report_output{ max-width: 1392px; padding: 0 10px; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; } @media (max-width: 1500px){ .post_banner{ padding-left: 0px!important; padding-right: 0px!important; } } .pobierz_raport_more{ font-size: 46px; font-weight: 700; margin: 0; color: #000; text-decoration: none; padding-left: 20px; @media (max-width: 600px){ font-size: 30px!important; padding-left: 0!important; } } @media (max-width: 600px){ .udi_report_output { margin: 50px 0!important; padding-left: 0!important; span{ font-size: 20px!important; } } } .sidebar_reports_tiles--newsletter{ background: #439c6b; border-top-left-radius: 70px; border-bottom-right-radius: 70px; padding: 25px; h3{ font-size: 30px; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.5px !important; color: #fff; margin: 0; margin-top: 30px; } h4{ color: #fff; font-weight: 400; font-size: 15px; margin: 16px 0; } form{ display: flex; flex-direction: column; align-items: unset; gap: 10px; .acceptances{ label{ display: flex; align-items: center; gap: 10px; font-size: 11px; input{ width: 13px; height: 13px; margin: 0; accent-color: #bed62f; } span{ font-size: 11px!important; color: #fff; a{ color: #fff; } p{ margin: 0; line-height: 1.3; font-weight: 300; } } } } input{ width: 100%; box-sizing: border-box; &[type="text"]{ font-size: 15px; font-weight: 400; padding: 10px; color: #000; //font-family: "Poppins"; border: 0; outline: none; &::placeholder{ color: #000; } } &[type="submit"]{ background: #bfd62e; cursor: pointer; font-size: 15px; font-weight: 700; padding: 10px; border: 0; //font-family: "Poppins"; text-transform: uppercase; } } } } .sidebar_reports_tiles{ margin-bottom: 30px; gap: 30px; } .sidebar_reports_tiles--newsletter__img{ display: flex; align-items: center; justify-content: center; img{ width: 200px; position: relative; left: 40px; height: auto; } } .sidebar_reports_tiles{ display: flex; } .error_mail_acc{ color: red; font-size: 12px; margin-top: 10px; display: none; &.validate_false_checkbox{ display: block; } } .error_mail_news{ color: red; font-size: 12px; display: none; &.validate_false_input{ display: block; } } .done_popup{ position: fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 9999; background: #00000099; span{ font-size: 30px; color: #ffff; } } .uro_2 strong{ color: #439c6b; font-size: 26px; } .uro_1 .green_button{ font-size: 20px; padding: 20px 20px; background: #439c6b; color: #fff; text-decoration: none; cursor: pointer; font-weight: bold; font-family: "Poppins", sans-serif; @media (max-width: 700px){ font-size: 13px!important; } } .children_menu.classic{ display: flex; flex-direction: column; gap: 20px; } .download_report_too{ font-size: 15.57px; color: #fff; text-decoration: none; font-family: "Poppins", sans-serif; background: #439b6b; padding: 20px 20px; display: block; text-align: center; border-radius: 30px; margin: 15px 0; font-weight: bold; letter-spacing: 0.5px; cursor: pointer; @media (max-width: 600px){ padding: 10px!important; } } .udi_report_output.cs2{ position: relative; &:after{ content: ""; BOTTOM: -37px; right: 10px; background-image: url(../images/totem.png); width: 75px; height: 75PX; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; @media (max-width: 800px){ } } } ul.children_menu.classic li.active a, nav .menu ul li.active > div a{ color: #bfd62e; } .section-breadcrumbs .box-breadcrumbs a { padding: 0px 0px 5px; font-family: "Poppins" !important; line-height: 1 !important; font-weight: 300 !important; text-transform: capitalize !important; display: flex; align-items: center; font-size: 18px !important; color: #000; text-decoration: none; transition: 0.3s ease all; } .section-breadcrumbs .box-breadcrumbs a.active { color: #439b6b; } .section-breadcrumbs .box-breadcrumbs a:hover { color: #439b6b; } .box-breadcrumbs{ display: flex; flex-wrap: wrap; align-items: center; } .box-breadcrumbs .separator{ margin: 0 8px; color: #000 !important; } .single_post_content .box-breadcrumbs{ margin-top: 40px; } .category_cloud_container { display: flex; flex-wrap: wrap; gap: 10px; max-width: 75%; justify-content: center; margin: auto; } a.category_cloud_item { background: #f7f8fa; padding: 8px 16px; font-family: "Poppins", sans-serif; font-size: 13px !important; line-height: 1.2 !important; font-weight: 500 !important; text-transform: uppercase !important; text-decoration: none; color: #000; transition: 0.3s ease all; &:hover{ background: #000; color: #fff; } } section.section_start{ padding-bottom: 60px; h1{ position: relative; text-align: center; font-size: 46px; font-weight: 700; margin: 0; padding: 80px 0 40px; &:after{ background: url(../images/totem.png); content: ""; right: 0px; bottom: 40px; width: 100px; height: 100px; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 999; } } .flex_grid { display: flex; justify-content: space-between; .left{ width: 60%; p,em{ font-size: 22px; line-height: 35px; font-weight: 400; margin-top: 0; } } .right{ img{ width: 100%; height: auto; object-fit: contain; } } } } .services_table_cols { display: flex; justify-content: space-between; gap: 120px; margin-top: 60px; .left { width: 50%; position: relative; &::after{ content: ""; position: absolute; width: 4px; height: 100%; background: #D3D3D3; right: -60px; top: 0; } } .right { width: 50%; } p { font-size: 18px; font-weight: 400; line-height: 27.7px; } h3 { font-size: 27px; color: #429B6A; line-height: 31.97px; &:first-child{ margin-top: 0; } } } .section_cta_bg{ padding: 100px 0; .grid_small{ max-width: 800px; } h2{ font-size: 46px; position: relative; font-weight: 400; line-height: 1.4; margin-top: 0px; b,strong{ font-weight: 700; } } li, p{ font-weight: 400; margin-bottom: 10px; font-size: 18px; line-height: 1.7; margin-top: 0; } ul,ol{ font-size: 18px; font-weight: 400; line-height: 28px; margin-top: 0px; li{ &::marker{ font-weight: bold; } margin-bottom: 10px; } } .btn_cont{ display: flex; justify-content: space-between; gap: 40px; .btn{ width: calc(50% - 20px); } } .btn{ font-size: 18px; font-weight: 700; line-height: 26px; text-align: center; text-decoration: none; color: #fff; padding: 15px 30px; display: inline-block; margin-top: 40px; transition: 0.3s ease all; border-width: 4px; border-style: solid; &:hover{ background: transparent !important; color: #000; } } } .section_cta_img_bg{ padding: 100px 0; .grid{ display: flex; gap: 100px; justify-content: space-between; .left{ width: 60%; } .right{ display: flex; align-items: center; img{ width: 100%; height: auto; object-fit: contain; } } } h2{ font-size: 46px; position: relative; font-weight: 400; line-height: 1.4; b,strong{ font-weight: 700; } } li, p{ font-size: 22px; font-weight: 400; line-height: 36px; margin-top: 40px; } .btn{ font-size: 18px; font-weight: 700; line-height: 26px; text-align: center; text-decoration: none; color: #fff; padding: 15px 30px; display: inline-block; margin-top: 40px; transition: 0.3s ease all; border-width: 4px; border-style: solid; &:hover{ background: transparent !important; color: #000; } } } .classic_boxes_container{ padding: 100px 0px 80px 0px; margin: auto; h2{ font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-top: 0; margin-bottom: 115px; color: #191919; strong,b{ font-weight: 700; } } .classic_boxes_boxes{ display: grid; grid-gap: 120px; &.grid_2{ grid-template-columns: repeat(2,1fr); } &.grid_3{ grid-template-columns: repeat(3,1fr); } &.grid_1{ grid-template-columns: repeat(1,1fr); } @media (max-width: 1200px){ grid-template-columns: 1fr 1fr!important; grid-gap: 50px; @media (max-width: 750px){ grid-template-columns: 1fr!important; } } h3{ font-size: 27px; font-weight: 700; line-height: 43.2px; letter-spacing: -0.02em; text-align: left; margin: 0 0 25px 0; } .classic_boxes_box{ justify-content: space-between; >img{ right: 0; top: 0; z-index: -1; opacity: 0.8; position: absolute; max-height: 200px; } position: relative; padding-top: 90px; display: flex; flex-direction: column; span{ font-size: 18px; font-weight: 400; line-height: 25.5px; text-align: left; } a{ font-size: 18px; font-weight: 600; line-height: 25.5px; text-align: right; margin-top: 35px; color: #439b6b; text-transform: lowercase; } } } } .classic_team_container{ box-sizing: content-box; padding-top: 85px; padding-bottom: 85px; margin: auto; h2{ font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-top: 0; margin-bottom: 50px; color: #191919; strong,b{ font-weight: 700; } } } .classic_team_boxes{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 63px; @media (max-width: 800px){ grid-template-columns: 1fr 1fr; gap: 30px; } .classic_team_box{ img{ width: 100%; aspect-ratio: 1 / 1; margin-bottom: 30px; object-fit: cover; @media (max-width: 600px){ margin-bottom: 15px; } } h3{ color: #429b6a; } h3,span{ font-size: 24px; font-weight: 700; line-height: 36px; text-align: left; margin: 0!important; } span{ font-weight: 300!important; } } } .services_table_container{ padding: 85px 0px; @media (max-width: 600px){ padding: 50px 20px; } h2{ font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-bottom: 25px; margin-top: 0; strong,b{ font-weight: 700; } } .services_table_rows{ padding-left: 20px; @media (max-width: 850px){ padding-left: 0!important; } } .services_table_row{ display: flex; justify-content: space-between; padding: 35px 35px 35px 48px; border-bottom: 4px solid #D3D3D3; &:last-child{ border-bottom: unset!important; } align-items: center; @media (max-width: 850px){ flex-direction: column; align-items: flex-start; gap: 20px; padding: 26px 10px; } .left{ span{ font-size: 27px; font-weight: 300; line-height: 43.2px; letter-spacing: -0.02em; text-align: left; @media (max-width: 850px){ font-size: 24px; line-height: 34.2px; } @media (max-width: 850px){ br{ display: none!important; } } } } .right{ max-width: 425px; span{ font-size: 18px; font-weight: 300; line-height: 25.5px; text-align: left; } } } } .thinkco_classic_9_container{ margin: auto; padding: 85px 00px; h2{ font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-top: 0; margin-bottom: 70px; strong,b{ font-weight: 700; } } .logos{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 45px 25px; .logo{ display: flex; justify-content: center; align-items: center; min-height: 80px; img{ transition: ease-in-out 0.3s; height: 70px; width: auto; max-width: 200px; object-fit: contain; } } } } .thinkco_classic_8{ background: #E9E9E9; .thinkco_classic_8_container{ margin: auto; display: flex; flex-direction: column; padding: 85px 00px 101px 00px; .testimonial_grid_box{ padding: 42px 42px 21px 42px; box-sizing: content-box; .testimonial_box { background: #fff; width: 100%; height: 100%; min-height: 291px; padding: 42px 42px 21px 42px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; } .owl-nav { display: flex; width: calc(100% + 60px); justify-content: space-between; position: absolute; left: -30px; top: 50%; span{ font-size: 60px; } } span{ font-size: 18px; font-weight: 300; line-height: 25.5px; color: #191919; text-align: left; } h3{ margin-bottom: 0; color: #191919; font-size: 22px; font-weight: 500; line-height: 30px; text-align: left; margin-top: 30px; } &:nth-child(1){ background: transparent!important; padding: 0!important; h2{ font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-top: 0; margin-bottom: 0; strong,b{ font-weight: 700; } } } } } } .services_steps_container{ padding: 100px 0px; &.grid_small{ max-width: 800px; } @media (max-width: 600px){ padding: 50px 20px; } ul{ padding-left: 20px; li{ margin-bottom: 10px; } } h2{ color: #ffffff; font-size: 46px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; text-align: left; margin-bottom: 70px; margin-top: 0; b,strong{ font-weight: 700; } } .services_steps_steps{ color: #ffffff; display: grid; &.grid_3{ grid-template-columns: 1fr 1fr 1fr; grid-gap: 100px 60px; } &.grid_2{ grid-template-columns: 1fr 1fr; grid-gap: 100px; } &.grid_1{ grid-template-columns: 1fr; grid-gap: 40px; } @media (max-width: 1030px){ grid-gap: 50px 30px!important; grid-template-columns: 1fr 1fr!important; @media (max-width: 700px){ grid-gap: 40px!important; grid-template-columns: 1fr!important; } } .services_step{ position: relative; padding-top: 41px; .before_step{ position: absolute; top: 0; left: 0; font-size: 96px; font-weight: 700; line-height: 115.2px; letter-spacing: -0.02em; text-align: left; color: #439b6b; z-index: 1; opacity: 0.3; } h3{ margin: 0; z-index: 2; display: block; position: inherit; font-size: 27px; font-weight: 400; line-height: 43.2px; letter-spacing: -0.02em; text-align: left; margin-bottom: 25px; } span{ z-index: 2; display: block; position: inherit; font-size: 17px; font-weight: 300; line-height: 25.5px; text-align: left; } p{ margin-bottom: 35px; } } } } .thinkco_classic_12{ .thinkco_classic_12_container{ padding: 85px 0px; @media (max-width: 1000px){ padding-top: 50px!important; padding-bottom: 50px!important; } *{ margin: 0; } h2{ font-size: 46px; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; @media screen and (max-width: 1100px) { font-size: 45px; } @media screen and (max-width: 500px) { font-size: 34px; } } .row{ display: flex; gap: 100px; padding: 50px 106px; @media screen and (max-width: 1200px) { padding: 30px 53px; } @media screen and (max-width: 700px) { padding: 25px 53px; } @media screen and (max-width: 470px) { gap: 50px; padding: 25px 0px; } .left{ width: 70px; span{ font-size: 96px; font-weight: 700; line-height: 115.2px; letter-spacing: -0.02em; text-align: left; color: #439b6b; opacity: 0.3; } } .right{ display: flex; align-items: center; span{ font-size: 36px; font-weight: 400; line-height: 43.2px; letter-spacing: -0.02em; @media screen and (max-width: 1200px) { font-size: 30px; } @media screen and (max-width: 700px){ font-size: 24px; } @media screen and (max-width: 470px){ font-size: 20px; } } } } .breakline{ box-sizing: border-box; display: block; background-color: #D3D3D3; height: 4px; width: 100%; padding: 0px 19px; } >div{ >:last-child{ display: none; } } } } .categories_burger a { font-size: 0px !important; } .categories_burger a span { width: 30px; height: 2px; background: #fff; display: block; } .categories_burger img { display: none; } .categories_burger a span:not(:first-child) { margin-top: 5px; } @media screen and (max-width: 1024px) { .categories_burger a { font-size: 14.17px !important; } .categories_burger a span { display: none; } .categories_burger img { display: block; } } .favorite_post_btn{ display: none!important; } .trainer_section{ padding-top: 64px; padding-right: 16px; padding-bottom: 64px; padding-left: 16px; max-width: 1280px; margin: auto; } .wp-block-gallery { .wp-block-image{ &:after{ display: none; } } } a{ strong{ font-family: inherit!important; } } html body .single_post_content_wrapper .single_post_content .lead { font-family: 'Poppins', sans-serif !important; font-weight: bold !important; //font-size: 18px!important; *{ font-family: 'Poppins', sans-serif !important; } a{ font-family: 'Poppins', sans-serif !important; font-weight: bold !important; font-size: inherit!important; } } html body .single_post_content_wrapper .single_post_content > :not(details):not(.section-breadcrumbs):not(.author_contact_section) .lead a:not(.author_contact_btn){ font-family: 'Poppins', sans-serif !important; font-weight: bold !important; font-size: inherit!important; } .partner_tab{ p{ strong{ font-family: inherit!important; } } } @media (max-width: 1000px){ body ul.children_menu.classic{ background: transparent!important; padding-left: 0px !important; } nav .menu ul li > div{ padding-top: 3px!important; padding-bottom: 3px!important; } } translation-select{ bottom: 40px!important; } @media (max-width: 600px){ .case_studies_content.alt_view .left .post_newest .post_image img{ aspect-ratio: 1.664921466!important; } } .grecaptcha-badge { display: none !important; }