html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}.container-fluid{padding-right:40px;padding-left:40px}}@media (min-width: 1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after{clear:both} /* Theme Name: Sydney Theme URI: https://athemes.com/theme/sydney Author: aThemes Author URI: https://athemes.com Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/) Version: 2.17 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tested up to: 5.9 Requires PHP: 5.6 Text Domain: sydney Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/inter/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://bateriadohulajnogi.pl/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .page-wrap{padding:0!important}section.blog-posts .posts-container{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:1fr!important}section.blog-posts .posts-container .post img{aspect-ratio:1/1;object-fit:cover;border-radius:4px!important}section.blog-posts .posts-container .post-excerpt p{font-weight:400;font-size:15px;line-height:150%;color:#13110c;opacity:.8} .comments-area{margin-bottom:60px;margin-top:30px}.comments-title{margin:0 0 30px 0;font-size:24px}.comments-area ol{list-style:none}.comments-area ol{padding:0}.comments-area .children{padding-left:20px}.comments-area .fn{color:#505050}.comment-author .avatar{position:absolute}.comment-author .fn,.comment-metadata{margin-left:80px}.comment-metadata{font-size:13px;margin-bottom:20px;text-transform:uppercase}.comment-form .form-submit{margin-top:20px;margin-bottom:0}.comment-body{margin-bottom:40px}.reply{margin-left:80px;display:table;margin-top:15px}.comment-reply-link{font-weight:600}.comment-meta a{color:var(--sydney-text-color);text-decoration:none}.comment-form input:not([type=checkbox]){width:100%;max-width:100%}.form-submit input{width:auto}.comment-content{margin-left:80px}#commentform{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#commentform p{width:100%}#commentform .comment-form-email,#commentform .comment-form-url{width:calc(50% - 15px)}#commentform .comment-form-email{margin-right:15px}#commentform .comment-form-url{margin-left:15px}.comment-respond{background-color:#fff;padding:60px}.comment-respond .comment-notes{margin-bottom:40px} :root { --sydney-headings-color: #00102e; --sydney-dark-background: #00102e; --sydney-grey-color: #737c8c; --sydney-text-color: #233452; --sydney-light-background: #f4f5f7; --sydney-button-background: #d65050; --sydney-border-color: #dbdbdb; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next { float: right; text-align: right; width: 50%; } .posts-navigation .nav-previous { padding-left: 15px; } .posts-navigation .nav-next { padding-right: 15px; } .post-navigation .nav-links { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 60px; position: relative; border-top: 1px solid var(--sydney-border-color); } .post-navigation .nav-next, .post-navigation .nav-previous { width: 50%; } .post-navigation .nav-next { text-align: right; } .post-navigation a { color: var(--sydney-text-color); } .post-navigation .nav-previous:hover span, .post-navigation .nav-next:hover span { color: var(--sydney-text-color); } .post-navigation span { color: #c7c7c7; -webkit-transition: color 0.3s; transition: color 0.3s; } .post-navigation .nav-previous, .post-navigation .nav-next { padding: 30px 60px; } .post-navigation .nav-previous span { margin-right: 10px; } .post-navigation .nav-previous { border-right: 1px solid var(--sydney-border-color); } .post-navigation .nav-next span { margin-left: 10px; } .woocommerce nav.woocommerce-pagination ul li .page-numbers, .nav-links .page-numbers { background-color: var(--sydney-dark-background); width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; color: var(--sydney-text-color); margin-right: 5px; } .page-numbers.dots { background: transparent; } .woocommerce nav.woocommerce-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers:hover, .nav-links .page-numbers:not(.dots):hover, .nav-links .page-numbers.current { background-color: #252525; color: #fff; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .widget select { max-width: 100%; } .widget_search .search-submit { display: none; } .sticky { display: block; } .updated:not(.published) { display: none; } .single .entry-header, .page .entry-header { margin-bottom: 30px; } .entry-footer { clear: both; margin-top: 30px; } .page-links { clear: both; margin: 0 0 30px; } .page-header { margin: 0; border: 0; } .single .meta-post .post-cat::before { content: '/'; padding: 0 10px; } .single .meta-post .post-cat:first-of-type::before { content: ''; padding: 0; } .single .hentry .meta-post a { color: #d65050; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } ol.wp-block-latest-comments { padding: 0; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } img { max-width: 100%; height: auto; vertical-align: middle; } .fitVids-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .fitVids-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*='wp-image-'] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-size: 16px; line-height: 1.7; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; background: #fff; color: var(--sydney-text-color); } a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: #443f3f; text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } p { margin-bottom: 20px; } .footer-widgets .widget ul, .widget-area .widget ul { list-style: none; padding: 0; } .widget .children { padding-left: 15px; } strong { font-weight: 600; } h1 { font-size: 48px; } h2 { font-size: 38px; } h3 { font-size: 32px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; color: var(--sydney-headings-color); font-weight: 600; margin: 10px 0 24px; line-height: 1.2; } button, .llms-button-action, .llms-student-dashboard .llms-button-secondary, input[type='button'], input[type='reset'], input[type='submit'], div.wpforms-container-full .wpforms-form input[type='submit'], div.wpforms-container-full .wpforms-form button[type='submit'], div.wpforms-container-full .wpforms-form .wpforms-page-button { position: relative; display: inline-block; font-size: 13px; line-height: 24px; padding: 12px 34px; color: #fff; text-transform: uppercase; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } button:hover, .llms-button-action:hover, .llms-student-dashboard .llms-button-secondary:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, div.wpforms-container-full .wpforms-form input[type='submit']:hover, div.wpforms-container-full .wpforms-form button[type='submit']:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: transparent; } .select2-container--default .select2-selection--single, select, textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'], div.wpforms-container-full .wpforms-form input[type='date'], div.wpforms-container-full .wpforms-form input[type='datetime'], div.wpforms-container-full .wpforms-form input[type='datetime-local'], div.wpforms-container-full .wpforms-form input[type='email'], div.wpforms-container-full .wpforms-form input[type='month'], div.wpforms-container-full .wpforms-form input[type='number'], div.wpforms-container-full .wpforms-form input[type='password'], div.wpforms-container-full .wpforms-form input[type='range'], div.wpforms-container-full .wpforms-form input[type='search'], div.wpforms-container-full .wpforms-form input[type='tel'], div.wpforms-container-full .wpforms-form input[type='text'], div.wpforms-container-full .wpforms-form input[type='time'], div.wpforms-container-full .wpforms-form input[type='url'], div.wpforms-container-full .wpforms-form input[type='week'], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { color: #767676; background-color: #fafafa; border: 1px solid #dbdbdb; height: 50px; padding: 4px 20px; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='number']:focus, input[type='email']:focus, input[type='url']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='color']:focus { -webkit-box-shadow: none; box-shadow: none; } textarea { width: 100%; height: 120px; padding: 15px 20px; } input[type='checkbox'] { display: inline; } input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a2a2; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c3c3c3; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } textarea, input { text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } table { width: 100%; } th, td { border: 1px solid #333; padding: 5px; text-align: center; } .site-title { font-size: 32px; line-height: 1.2; font-weight: 600; } .site-title a, .site-title a:hover { color: #fff; } .site-logo { max-height: 100px; width: auto; vertical-align: middle; } .site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: transparent; padding: 20px 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .admin-bar .site-header, .admin-bar .site-header.float-header { top: 32px; } .admin-bar:not(.siteScrolled) .slide-item { background-position: 50% 0 !important; } .header-image { display: none; position: relative; height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; } .header-inner { display: none; } .site-description:empty { margin: 0; } .site-header.fixed { position: fixed; } .site-header .col-md-4, .site-header .col-md-8 { min-height: 0; } .site-header .logo { margin: 40px 0; float: left; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .site-header .logo a { display: block; height: 100%; } .site-header .logo { width: 135px; height: 27px; } .site-header.float-header { background-color: rgba(0, 0, 0, 0.9); padding: 5px; } .site-header.float-header #mainnav { padding: 0; } .site-header.float-header #mainnav > ul > li > a { height: 70px; line-height: 70px; } .site-header.float-header .logo { margin: 20px 0; } #mainnav { display: block; float: right; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } #mainnav ul { list-style: none; margin: 0; padding: 0; } #mainnav li { float: left; padding: 0 14px; font-size: 14px; } #mainnav ul ul li { padding: 0; } #mainnav ul li a { position: relative; display: block; color: #fff; font-weight: 500; text-decoration: none; outline: none; } #mainnav ul li a:hover { color: #d65050; } #mainnav ul ul a { width: 180px; } #mainnav > ul > li:last-child { padding-right: 0; } #mainnav ul li { position: relative; } #mainnav ul li ul { width: 180px; position: absolute; top: 100%; left: initial; opacity: 0; visibility: hidden; border-radius: 0 0 2px 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #mainnav ul li ul ul { top: 0; } #mainnav .dropdown-symbol { fill: #fff; margin-left: 8px; position: relative; top: -2px; } #mainnav ul ul .dropdown-symbol svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #mainnav ul li ul:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; } #mainnav ul li ul ul:after { top: 0; } #mainnav ul li ul li ul { left: 100%; } #mainnav:not(.mainnav.toggled) li > ul.toggled, #mainnav:not(.mainnav.toggled) li:hover > ul { opacity: 1; padding-top: 10px; visibility: visible; left: auto; display: block !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #mainnav:not(.mainnav.toggled) li ul.toggled ul.toggled, #mainnav:not(.mainnav.toggled) li:hover > ul ul { padding-top: 0; left: 100%; } #mainnav .sub-menu { z-index: 99999; } #mainnav .sub-menu li a { color: #fff; display: block; line-height: 30px; background: #1c1c1c; padding: 0 18px; border-top: 1px solid #252525; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #mainnav .sub-menu li:hover > a { color: #fff; } #mainnav li:hover > .sub-menu > li > a { padding: 8px 18px; } #mainnav ul li::before { font-family: 'Fontawesome', 'Font Awesome 5 Free'; color: #fff; float: left; margin: 5px 5px 0 0; font-size: 14px; line-height: 1; font-weight: 400; } #mainnav ul li a { float: left; } #mainnav .sub-menu li:before { content: ''; margin: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mainnav.toggled ul li a, #mainnav-mobi ul li a { float: none !important; } .mainnav.toggled ul li::before, #mainnav-mobi ul li::before { content: ''; } .fw-menu-container { padding-left: 60px; padding-right: 60px; } .main-header { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .main-header, .header-search-form { background-color: var(--sydney-dark-background); z-index: 999; } .bottom-header-row #mainnav, .main-header #mainnav { float: none; } .bottom-header-row #mainnav ul li ul, .main-header #mainnav ul li ul { left: -9999em; } .site-header-inner { padding-top: 15px; padding-bottom: 15px; } .bottom-header-row #mainnav a, .main-header #mainnav a { background: transparent !important; border: 0 !important; } .bottom-header-row #mainnav ul li ul:after, .main-header #mainnav ul li ul:after { display: none !important; } .bottom-header-row #mainnav ul ul li, .main-header #mainnav ul ul li { background-color: #233452; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 18px; width: 100%; } .bottom-header-row #mainnav ul ul li:first-of-type, .main-header #mainnav ul ul li:first-of-type { padding-top: 16px; } .bottom-header-row #mainnav ul ul li:last-of-type, .main-header #mainnav ul ul li:last-of-type { padding-bottom: 16px; } .bottom-header_layout_4 #mainnav > div > ul > li:first-of-type, .bottom-header_layout_5 #mainnav > div > ul > li:first-of-type { padding-left: 0; } .bottom-header-row #mainnav ul li ul, .main-header #mainnav ul li ul { width: 220px; } .main-header ul ul a:not(.mega-menu-link) { padding: 0 !important; } .header-item.header-contact i { margin-right: 5px; } .sydney-offcanvas-menu, .mobile-header { display: none; } .sydney-offcanvas-menu .dropdown-symbol { margin-left: 0 !important; } .sydney-offcanvas-menu .header-search, .sydney-offcanvas-menu .wc-account-link, .sydney-offcanvas-menu .site-header-cart { display: inline-block; vertical-align: middle; } .sydney-offcanvas-menu .button { margin-top: 30px; } .sydney-offcanvas-menu #mainnav ul li a { float: none !important; } .sydney-offcanvas-menu .header-contact a { margin-bottom: 15px; } .sydney-offcanvas-menu .header-contact { background-color: transparent !important; border: 0 !important; margin-top: 30px; padding: 0 !important; } .sydney-offcanvas-menu svg { max-height: 16px; } .sydney-offcanvas-menu { position: fixed; left: -100%; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; top: 0; -webkit-box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.07); box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.07); padding: 30px; margin: 0; z-index: 99999; background-color: var(--sydney-dark-background); width: 100%; max-width: 300px; height: 100%; overflow-y: auto; } .sydney-offcanvas-menu .mobile-header-item { visibility: hidden; } .admin-bar .sydney-offcanvas-menu { top: 32px; } .sydney-offcanvas-menu.toggled { left: 0; opacity: 1; font-weight: 600; } .sydney-offcanvas-menu.toggled .mobile-header-item { visibility: visible; } .sydney-offcanvas-menu #mainnav a { width: 100%; } .sydney-offcanvas-menu #mainnav .menu-item-has-children a { width: calc(100% - 23px); } .sydney-offcanvas-menu #mainnav ul ul a { width: calc(100% - 23px); background: transparent; border: 0; padding-top: 5px; padding-bottom: 5px; } .sydney-offcanvas-menu #mainnav ul li a { font-size: 18px; } .sydney-offcanvas-menu #mainnav ul ul li a { font-size: 16px; } .sydney-offcanvas-menu #mainnav ul ul a:hover { background: transparent; } .sydney-offcanvas-menu #mainnav ul ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; } .sydney-offcanvas-menu #mainnav ul li ul:after, .sydney-offcanvas-menu #mainnav ul li ul ul:after { display: none; } .sydney-offcanvas-menu #mainnav ul li { padding: 0; margin-right: 0; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul { padding-top: 0; } .sydney-offcanvas-menu #mainnav ul ul ul { position: static; } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul, .sydney-offcanvas-menu #mainnav ul ul li:hover > ul { display: none !important; } .sydney-offcanvas-menu #mainnav .sub-menu { display: none; margin: 0; list-style: none; padding-left: 10px; position: static; float: none; -webkit-box-shadow: none; box-shadow: none; } .mobile-menu-close svg { fill: var(--sydney-text-color); } .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) .sub-menu.toggled { display: block !important; visibility: visible; opacity: 1; width: 100%; margin-bottom: 10px; } .sydney-offcanvas-menu #mainnav li:hover > .sub-menu > li > a { padding: 5px 18px; } .sydney-offcanvas-menu.toggled .menu { display: block; } .sydney-offcanvas-menu #mainnav { display: block; float: none; } .sydney-offcanvas-menu .mainnav ul li:last-of-type { border: 0 !important; } .sydney-offcanvas-menu #mainnav .sub-menu li:hover > a { background: transparent !important; } .mobile-header-item { margin-bottom: 30px; } .main-header .header-contact, .bottom-header-row .header-contact, .mobile-header .header-contact { background: transparent !important; border: 0 !important; width: auto !important; position: static !important; padding: 0 !important; } .mobile-header-item:last-of-type { margin-bottom: 0; } .mobile-header-item .align-right { text-align: right; } @media (max-width: 1024px) { .bottom-header-row, .main-header { display: none; } .mobile-header { display: block; padding-top: 15px; padding-bottom: 15px; } .mobile-header .align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .mobile-header .align-center { text-align: center; } .sydney-offcanvas-menu { display: block; } } .site-title { margin: 0; } .site-title a, .site-title a:visited { color: #fff; } .site-description { color: #efefef; margin: 5px 0 0; } .header-elements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-elements svg { fill: #fff; max-height: 14px; } .header_layout_1 .header-elements, .header_layout_2 .header-elements { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header_layout_2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header_layout_2 .menu-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header_layout_2 .menu-center .mainnav > div > ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header_layout_2 .menu-right .mainnav > div > ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header_layout_2 .header-col { padding-left: 15px; padding-right: 15px; } .header_layout_1 .site-branding, .header_layout_3 .site-branding, .header_layout_5 .site-branding { text-align: center; } .bottom-header_layout_3 .mainnav > div > ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_4 .header-elements:not(:first-of-type), .header_layout_4 .header-elements:not(:first-of-type), .bottom-header_layout_5 .header-elements:not(:first-of-type), .header_layout_5 .header-elements:not(:first-of-type) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-header .top-header-row { padding-top: 15px; padding-bottom: 15px; } .main-header.header_layout_3 .site-header-inner, .site-header.header_layout_4 .site-header-inner, .main-header.header_layout_5 .site-header-inner { padding: 0; } .transparent-header .sticky-header.sticky-scrolltop { position: absolute; z-index: 19; width: 100%; top: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .transparent-header .bottom-header_layout_3.sticky-header.sticky-scrolltop:not(.is-sticky), .transparent-header .bottom-header_layout_4.sticky-header.sticky-scrolltop:not(.is-sticky), .transparent-header .bottom-header_layout_5.sticky-header.sticky-scrolltop:not(.is-sticky) { position: static; } .admin-bar.transparent-header .sticky-header.sticky-scrolltop { top: 32px; } .sticky-header.sticky-scrolltop { position: sticky; top: -200px; -webkit-transition: top 0.4s; transition: top 0.4s; } .sticky-header.is-sticky, .sticky-header.sticky-always { position: sticky; top: 0; } .admin-bar .sticky-header.is-sticky, .admin-bar .sticky-header.sticky-always { top: 32px; } .sticky-header.sticky-shadow, .sticky-header.is-sticky { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); } .bottom-header-row { background-color: var(--sydney-dark-background); z-index: 999; } .bottom-header-inner { padding-top: 15px; padding-bottom: 15px; } .header-item { margin-right: 25px; line-height: 1; font-size: 14px; } .header-item:last-child { margin-right: 0; } .header-contact a { display: block; margin-bottom: 5px; } .header-contact a:last-of-type { margin-bottom: 0; } .header-search .icon-search, .header-search .icon-cancel { display: none; cursor: pointer; position: relative; z-index: 999; } .header-search .icon-search.active, .header-search .icon-cancel.active { display: inline-block; } .header-search .icon-cancel svg { width: 20px; height: 24px; } .icon-cancel { cursor: pointer; } .header-search-form { position: absolute; width: 100%; top: auto; padding: 20px; z-index: 999999; left: -9999em; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; visibility: hidden; } .header-search-form form { max-width: 720px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-search-form form .search-field, .header-search-form form label { width: 100%; } .header-search-form label { margin-bottom: 0; } .header-search-form form button, .header-search-form form .search-field { display: block; } .header-search-form form button svg, .header-search-form form .search-field svg { fill: #fff; } .header-search-form form button { padding: 13px 24px !important; border-radius: 0 !important; font-size: 14px !important; } .header-search-form.active { opacity: 1; left: 0; visibility: visible; } .search-overlay { position: fixed; top: 0; height: 100%; width: 100%; z-index: 998; background-color: rgba(0, 0, 0, 0.3); left: -100%; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .search-overlay.active { opacity: 1; left: 0; } .header-image img { width: 100%; vertical-align: top; } .custom-logo-link { line-height: 1; } .custom-logo-link img { max-width: 180px; } @media (max-width: 1024px) { .bottom-header-row, .main-header { display: none; } .mobile-header { display: block; padding-top: 15px; padding-bottom: 15px; } .mobile-header .align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .mobile-header .align-center { text-align: center; } .sydney-offcanvas-menu { display: block; } } .sticky-always { -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .main-header.sticky-active { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .transparent-header .header-wrapper { position: absolute; width: 100%; top: auto; z-index: 999; } @media (min-width: 1024px) { .transparent-header .main-header:not(.sticky-active):not(.is-sticky), .transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) { background-color: transparent; } } .transparent-header .sticky-header.sticky-always { position: fixed; top: auto; left: 0; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .transparent-header .sticky-header.is-sticky { position: fixed; width: 100%; } .transparent-header .sticky-header.sticky-always.sticky-active { position: fixed; top: 0; z-index: 999; } .admin-bar.transparent-header .sticky-header.sticky-always.sticky-active { position: fixed; top: 32px; z-index: 999; } .mainnav.toggled { display: block !important; top: 100%; } .mainnav.toggled, #mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; background-color: #1c1c1c; margin-top: 15px; z-index: 1000; } #mainnav-mobi { top: 28px; } .mainnav.toggled ul, #mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } .mainnav.toggled ul li, #mainnav-mobi ul li { margin: 0; position: relative; text-align: left; border-top: 1px solid #252525; cursor: pointer; float: none !important; } .mainnav.toggled ul > li > a, #mainnav-mobi ul > li > a { display: block; text-decoration: none; padding: 10px 50px; color: #fff; } .mainnav.toggled ul.sub-menu, #mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; background-color: #161625; } .mainnav.toggled > ul > li > ul > li, .mainnav.toggled > ul > li > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li { position: relative; border-top: 1px solid #252525; background-color: #222; } .mainnav.toggled > ul > li > ul > li > a, #mainnav-mobi > ul > li > ul > li > a { padding-left: 70px !important; } .mainnav.toggled > ul > li > ul > li > ul > li a, #mainnav-mobi > ul > li > ul > li > ul > li a { padding-left: 90px !important; } .mainnav.toggled ul.sub-menu > li > a, #mainnav-mobi ul.sub-menu > li > a { display: block; text-decoration: none; padding: 10px 60px; border-top-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mainnav.toggled > ul > li > ul > li:first-child a, #mainnav-mobi > ul > li > ul > li:first-child a { border-top: none; } #mainnav.toggled ul.sub-menu, #mainnav.toggled ul ul a { width: 100%; left: 0; } #mainnav.toggled li > .sub-menu > li > a { padding: 10px 50px; } #mainnav.toggled ul li ul:after { display: none; } #mainnav.toggled .sub-menu li a { background: transparent !important; } #mainnav.toggled ul ul li { padding: 0 14px; } .mainnav.toggled ul.sub-menu > li > a:hover, .mainnav.toggled > ul > li > ul > li.active > a, #mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a { color: #fff; } .btn-menu { float: right; color: #fff; text-align: center; width: 28px; height: 28px; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-submenu { position: absolute; right: 20px; top: 0; width: 50px; text-align: center; } .btn-submenu.is-amp { color: #fff; font-size: 26px; } @media (min-width: 1025px) { .btn-submenu { display: none; } } .btn-menu { display: none; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70); opacity: 0.7; } .page-wrap { padding: 83px 0 100px; clear: both; } .page-template-page_front-page .page-wrap, .projects-template-post_full .page-wrap, .projects-template-post_full .page-wrap .content-wrapper { padding: 0; } .entry-post p { margin-bottom: 24px; } .entry-post img { margin: 10px 0 20px; } .header-slider, .owl-wrapper { direction: ltr; } .header-slider, .owl-carousel { -webkit-transform: translate3d(0, 0, 0); } .header-slider { -webkit-transform: none; transform: none; } .parallax { width: 100%; background-attachment: fixed; background-position: 50% 0; } .single .hentry { margin-bottom: 60px; } .content-area.sidebar-left .post-wrap { padding-right: 0; } .content-area.sidebar-left.no-sidebar { float: none; padding-left: 15px; } .no-sidebar .content-area.sidebar-left { padding-left: 15px; } .content-area .post-wrap, .contact-form-wrap { padding-right: 30px; } .no-sidebar .page-wrap { overflow-x: hidden; } .content-area.no-sidebar { padding-left: 15px; padding-right: 15px; } .no-sidebar .content-area .post-wrap { padding-right: 0; padding-left: 0; } .container-narrow { max-width: 730px; margin-left: auto; margin-right: auto; float: none; width: auto; } .entry-content > * { margin-bottom: 1.5em; } .entry-content > .elementor, .entry-content > .panel-layout { margin-bottom: 0; } body:not(.elementor-page):not(.panel-layout) .entry-content h1 { margin-top: 1em; margin-bottom: 0.5em; } body:not(.elementor-page):not(.panel-layout) .entry-content h2, body:not(.elementor-page):not(.panel-layout) .entry-content h3, body:not(.elementor-page):not(.panel-layout) .entry-content h4, body:not(.elementor-page):not(.panel-layout) .entry-content h5, body:not(.elementor-page):not(.panel-layout) .entry-content h6 { margin-top: 1.2em; margin-bottom: 0.5em; } .container-narrow .post-wrap { padding-right: 0; } .content-area .hentry { position: relative; } .hentry .post-content { overflow: hidden; } .content-area .entry-thumb { text-align: center; margin-bottom: 24px; } .single .related-post .entry-thumb { margin-bottom: 12px; } .hentry .title-post { margin: 0; } .single .entry-header .entry-title { padding: 0; } .posts-layout .hentry { margin-bottom: 60px; } .posts-layout .entry-title { font-size: 32px; padding: 0; } .single-post-author .author-link, .posts-layout .read-more { color: var(--sydney-headings-color); text-decoration: underline; display: inline-block; margin-top: 20px; } .single-post-author .author-link:hover, .posts-layout .read-more:hover { color: var(--sydney-grey-color); } .posts-layout .entry-header { margin-bottom: 24px; } .posts-layout .entry-post p:last-of-type { margin-bottom: 0; } .entry-title a { color: var(--sydney-headings-color); } .posts-layout .entry-title a:hover { color: var(--sydney-grey-color); } span.author.vcard { padding: 0; margin: 0; } .hentry .wp-block-quote.is-style-large, .hentry blockquote { background-color: var(--sydney-light-background); font-size: 22px; margin: 30px 0; padding: 30px 30px 30px 40px; position: relative; font-style: normal; border-left: 3px solid #000; } .hentry .wp-block-quote.is-style-large p { font-style: normal; font-size: 32px; } .hentry blockquote cite { color: var(--sydney-grey-color); text-transform: uppercase; font-size: 12px; font-style: normal; letter-spacing: 1px; } .hentry .wp-block-quote.is-style-large cite { font-size: 12px; } .hentry .wp-block-pullquote blockquote { padding: 30px; border: 3px solid #000; } .hentry .wp-block-pullquote p { font-size: 32px; } .fullwidth { width: 100%; } .error-404 { text-align: center; } .error-404 .page-content p { margin-bottom: 30px; } .layout5 .hentry:after { width: 0; height: 0; } .layout3 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .posts-layout .post-align-center { text-align: center; } .posts-layout .post-align-center .entry-meta { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .posts-layout .post-align-center .entry-header { text-align: center; } .posts-layout .post-align-right { text-align: right; } .posts-layout .post-align-right .entry-header { text-align: right; } .posts-layout .post-align-right .entry-meta { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .posts-layout .list-image { width: 35%; } .posts-layout .list-content { width: 65%; max-width: 65%; } .posts-layout article:not(.has-post-thumbnail) .list-content { width: 100%; max-width: 100%; } .layout4 article, .layout6 article { display: -webkit-box; display: -ms-flexbox; display: flex; } .layout4 .entry-thumb, .layout6 .entry-thumb { margin: 0 24px 0 0; height: 100%; } .layout4 .entry-thumb a, .layout6 .entry-thumb a { display: block; height: 100%; } .layout4 .entry-thumb img, .layout6 .entry-thumb img { -o-object-fit: cover; object-fit: cover; height: 100%; } .posts-layout .post-vertical-align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .posts-layout .post-vertical-align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .layout4 .image-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .layout4 .image-right .entry-thumb { margin: 0 0 0 30px; } .list-image.image-left:empty { display: none; } .layout6 article:nth-of-type(even) .list-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .layout6 article:nth-of-type(even) .list-image .entry-thumb { margin: 0 0 0 24px; } .no-sidebar .layout1, .no-sidebar .layout2 { max-width: 920px; margin-left: auto; margin-right: auto; padding-left: 15px !important; padding-right: 15px !important; float: none !important; } .single .meta-post a { text-transform: uppercase; letter-spacing: 5px; font-size: 13px; } .single-meta, .single-meta a { color: #68647a; } .single .single-meta { text-transform: uppercase; font-size: 13px; } .single .single-meta { display: table; } .single-meta .byline { padding-left: 10px; } .single-post-author { margin-bottom: 60px; background-color: var(--sydney-light-background); padding: 40px; text-align: center; } .single-post-author .author-avatar img { border-radius: 50%; } .sydney-related-posts { margin-bottom: 60px; } .related-post .entry-meta { margin-bottom: 6px; } .related-post .entry-title { margin-top: 6px; margin-bottom: 0; } .entry-meta { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; margin-bottom: 15px; } .entry-meta .avatar { border-radius: 50%; margin-left: 5px; vertical-align: middle; } .entry-meta .author a.url { color: var(--sydney-headings-color); } .entry-meta, .entry-meta a { color: var(--sydney-grey-color); } .posts-layout .entry-meta a:hover, .entry-meta a:hover { color: var(--sydney-headings-color); } .entry-meta > * { margin-right: 10px; } .entry-meta > *:last-of-type { margin-right: 0; } .entry-meta.delimiter-dot > *, .entry-meta.delimiter-vertical > *, .entry-meta.delimiter-horizontal > * { margin-right: 0; } .entry-meta.delimiter-dot > *:after, .entry-meta.delimiter-vertical > *:after, .entry-meta.delimiter-horizontal > *:after { padding: 0 10px; } .entry-meta.delimiter-dot > *:last-child:after, .entry-meta.delimiter-vertical > *:last-child:after, .entry-meta.delimiter-horizontal > *:last-child:after { display: none; } .entry-meta.delimiter-dot > *:after { content: ''; background: #00102e; opacity: 0.2; width: 4px; height: 4px; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 10px; padding: 0; } .entry-meta.delimiter-vertical > *:after { content: '\007C'; } .entry-meta.delimiter-horizontal > *:after { content: '\0023AF'; } .single .entry-meta-below { margin-bottom: 0; } #secondary { padding: 30px; } .widget-area .widget { position: relative; margin-bottom: 60px; } .widget-area .widget_block { margin-bottom: 30px; } .widget-area .widget:last-child { margin-bottom: 0; } .sidebar-column .widget:last-of-type { margin-bottom: 0; } .footer-widgets h2, .widget-area h2 { font-size: 32px; } .widget-area .widget-title { font-size: 22px; line-height: normal; padding-bottom: 24px; margin: 0; } .widget-area .widget ul li { padding: 5px 0; } .widget-area .widget ul li:first-child { padding-top: 0; } .widget-area .widget ul li:last-child { padding-bottom: 0; } .widget-categories .categories li a { position: relative; display: block; } .widget-categories .categories li span { position: absolute; right: 0; top: 0; } .widget-tags .tag-list a { display: inline-block; font-size: 13px; color: #767676; border: 1px solid #dbdbdb; padding: 7px 15px; margin: 4px; margin-left: 0; } .widget-tags .tag-list a:hover { color: #5e5e5e; } .search-field { max-width: 100%; } .tags-links a { display: inline-block; background-color: var(--sydney-grey-color); padding: 2px 10px; color: #fff; margin: 0 4px; font-size: 12px; text-transform: uppercase; font-weight: 600; } .tags-links a:hover { background-color: var(--sydney-headings-color); } .tags-links a:first-of-type { margin-left: 0; } .footer-widgets { border: 0; padding: 0; background-color: #252525; } .footer-widgets .widget { margin-bottom: 30px; } .footer-widgets .widget:last-of-type { margin-bottom: 0; } .footer-widgets .widget-title { text-transform: uppercase; color: #fff; line-height: normal; margin: 5px 0 0; } .footer-widgets, .footer-widgets a { color: #666666; } .footer-widgets-grid { padding: 95px 0; display: grid; gap: 30px; } .footer-widgets-grid.footer-layout-2 { grid-template-columns: repeat(2, 1fr); } .footer-widgets-grid.footer-layout-col2-bigleft { grid-template-columns: 2fr 1fr; } .footer-widgets-grid.footer-layout-col2-bigright { grid-template-columns: 1fr 2fr; } .footer-widgets-grid.footer-layout-3 { grid-template-columns: repeat(3, 1fr); } .footer-widgets-grid.footer-layout-col3-bigleft { grid-template-columns: 3fr 1fr 1fr; } .footer-widgets-grid.footer-layout-col3-bigright { grid-template-columns: 1fr 1fr 3fr; } .footer-widgets-grid.footer-layout-4 { grid-template-columns: repeat(4, 1fr); } .footer-widgets-grid.footer-layout-col4-bigleft { grid-template-columns: 2fr 1fr 1fr 1fr; } .footer-widgets-grid.footer-layout-col4-bigright { grid-template-columns: 1fr 1fr 1fr 2fr; } .footer-widgets-grid.align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-widgets-grid.align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .visibility-mobile-only { display: none; } @media (max-width: 991px) { .visibility-desktop-only { display: none; } .visibility-mobile-only { display: block; } } .site-info { padding: 20px 0; } .site-footer { background-color: #1c1c1c; } .site-footer, .site-footer a { color: #666; } .site-footer svg { fill: #666; } .social-profile { text-align: right; } .social-profile a { margin-right: 20px; } .social-profile a:last-of-type { margin-right: 0; } .preloader { background: none repeat scroll 0 0 #fff; height: 100%; opacity: 1; position: fixed; text-align: center; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; width: 100%; z-index: 9999; } .preloader.disable { opacity: 0; } .preloader.hide { display: none; } .preloader .spinner { height: 30px; left: 50%; /* margin-left: -15px; margin-top: -15px; */ position: relative; top: 50%; width: 30px; } .preloader .pre-bounce1, .preloader .pre-bounce2 { -webkit-animation: 2s ease 0s normal none infinite bounce; animation: 2s ease 0s normal none infinite bounce; background-color: #de4939; border-radius: 50%; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } .preloader .pre-bounce2 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .go-top { position: fixed !important; right: 20px; bottom: -45px; color: #fff; display: block; line-height: 1; text-align: center; padding: 15px; visibility: hidden; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); opacity: 0; z-index: 9999; cursor: pointer; font-size: 14px; border-radius: 2px; -webkit-transition: all 0.5s; transition: all 0.5s; } .go-top.position-left { right: auto; left: 20px; } .go-top:hover { background-color: #fff; } .go-top.show { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1; visibility: visible; bottom: 11px; } .go-top span { margin-right: 7px; vertical-align: middle; } .sydney_contact_info_widget span { color: #d65050; margin-right: 15px; } .sydney_contact_info_widget div { margin-bottom: 10px; } .roll-button { position: relative; display: inline-block; font-size: 13px; line-height: 24px; font-weight: 500; padding: 12px 35px; letter-spacing: 1px; color: #fff; text-transform: uppercase; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; } .roll-button:hover { background-color: transparent; } .roll-button.border { background-color: transparent; text-transform: uppercase; } .roll-button.border:hover { color: #fff; } .roll-button.border.text-white { color: #fff; } .more-button { display: table; margin: 30px auto 0; clear: both; } a { color: #d65050; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d65050; } .text-color { color: #d65050; } button, input[type='button'], input[type='reset'], input[type='submit'], div.wpforms-container-full .wpforms-form input[type='submit'], div.wpforms-container-full .wpforms-form button[type='submit'], div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: #d65050; border: 1px solid #d65050; } button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, div.wpforms-container-full .wpforms-form input[type='submit']:hover, div.wpforms-container-full .wpforms-form button[type='submit']:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { background-color: transparent; color: #d65050; } textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='number']:focus, input[type='email']:focus, input[type='url']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='color']:focus { border: 1px solid #d65050; } #mainnav > ul > li > a.active, #mainnav > ul > li > a:hover { color: #d65050; } #mainnav ul li ul:after { background-color: #d65050; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #mainnav .sub-menu li:hover > a { background-color: #d65050; } .error-wrap #search-submit:hover { background-color: #d65050; border-color: #d65050; } .hentry .meta-post a:hover { color: #d65050; } .sidebar .widget:before { background-color: #d65050; } .widget-tags .tag-list a:hover { border: 1px solid #d65050; } .comment .comment-detail { border: 1px solid #d65050; } .bottom .socials li:hover a, .go-top { background-color: #d65050; } .go-top:hover { color: #d65050; } .switcher-container .switcher-icon a:focus { color: #d65050; } .llms-student-dashboard .llms-button-secondary, .roll-button { background-color: #d65050; border: 1px solid #d65050; } .llms-student-dashboard .llms-button-secondary:hover, .roll-button:hover { color: #d65050; } .roll-button.border { color: #d65050; border: 1px solid #d65050; } .roll-button.border:hover { background-color: #d65050; } .wp-custom-header video { display: block; height: auto; max-width: 100%; width: 100%; } .wp-custom-header iframe { vertical-align: top; } .wp-custom-header { position: relative; } .wp-custom-header .wp-custom-header-video-button { display: none; } .page-template-page_front-page.elementor-page .page-wrap .content-wrapper, .page-template-page_front-page.fl-builder .page-wrap .content-wrapper { width: 100%; padding: 0 15px; } .fl-widget .widgettitle, div[class*='elementor-widget-wp-widget-sydney'] h5 { text-align: center; margin-bottom: 50px; position: relative; font-weight: 600; line-height: normal; text-transform: uppercase; padding-bottom: 10px; font-size: 32px; } .mc4wp-form label { display: block; width: 100%; } .mc4wp-form input:not([type='submit']) { width: 100%; } .sydney-breadcrumbs { background-color: #f7f7f7; padding: 15px; margin-bottom: 30px; margin-right: 20px; } .sydney-breadcrumbs, .sydney-breadcrumbs a { color: #47425d; } .sydney-breadcrumbs a { text-decoration: underline; margin: 0 3px; -webkit-text-decoration-color: #bababa; text-decoration-color: #bababa; } .sydney-svg-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; line-height: 1; } .go-top svg { stroke: #fff; width: 18px; height: 18px; } .go-top:hover svg { fill: none; stroke: #d65050; } .meta-post .sydney-svg-icon { position: absolute; top: 2px; left: 0; width: 14px; } .posted-on .sydney-svg-icon { top: -1px; } .single-meta .sydney-svg-icon { fill: #68647a; } .single-meta .sydney-svg-icon { width: 14px; height: 20px; margin-right: 7px; } .wp-custom-header button { fill: #fff; } .btn-menu .sydney-svg-icon { width: 22px; fill: #fff; } .btn-submenu svg { fill: #fff; width: 20px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; top: 15px; } .btn-submenu.active svg { -webkit-transform: rotate(0); transform: rotate(0); } .visibility-mobile-only { display: none; } @media (max-width: 991px) { .visibility-desktop-only { display: none; } .visibility-mobile-only { display: block; } } @media only screen and (min-width: 1930px) { .parallax { background-size: cover; } } @media only screen and (max-width: 991px) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center !important; } .header-wrap .col-md-8 { padding: 0; } .last { margin-bottom: 0 !important; } .margin-bottom-device { margin-bottom: 50px; } .margin-top-device { margin-top: 50px; } .content-area .post-wrap, .contact-form-wrap { padding-right: 0; } .contact-form-aside, .sidebar { margin-top: 50px; } .footer-widgets .widget { margin-bottom: 50px; } } @media only screen and (max-width: 1024px) { .site-header.fixed { position: static !important; } .site-header { position: static; background-color: rgba(0, 0, 0, 0.9); } .header-clone { display: none; } .posts-navigation { overflow: hidden; margin-bottom: 30px; } #mainnav { display: none; } .btn-menu { display: block; } .fw-menu-container { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 780px) { h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } } /* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .parallax { background-size: cover; background-attachment: scroll; background-position: top center !important; } } */ @media only screen and (max-width: 1399px) { .site-header #mainnav ul li ul { right: 14px; } .site-header #mainnav ul li ul li ul { left: -100%; } } @media only screen and (max-width: 767px) { .layout6 article { display: block; } .posts-layout .list-image { width: 100% !important; } .posts-layout .list-image .entry-thumb { margin: 0 0 30px !important; } .col-grow-mobile { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .posts-layout { max-width: 100%; } .roll-button { padding: 10px 30px; } .comment-list .children { margin-left: 75px; } .social-menu-widget a:before { font-size: 42px; } .btn-menu { float: none; margin: 15px auto 0; } .header-wrap { text-align: center; } #mainnav-mobi { top: auto; } .site-header.float-header { padding-top: 20px; padding-bottom: 20px; } .fluid-width-video-wrapper + #wp-custom-header-video-button { display: none; } .footer-widgets-grid { grid-template-columns: 1fr !important; } .site-info .sydney-credits, .site-info .social-profile { text-align: center; } .site-info .social-profile { margin-top: 15px; } input, optgroup, select, textarea { max-width: 100%; } } @media only screen and (max-width: 575px) { .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; float: none; text-align: left; text-align: center; padding: 15px; } .post-navigation .nav-previous { border: 0; border-bottom: 1px solid rgba(0, 16, 46, 0.1); } #commentform .comment-form-email, #commentform .comment-form-url { width: 100%; margin-left: 0; margin-right: 0; } .comment-respond { padding: 20px; } } @media only screen and (max-width: 479px) { .sidebar-column { padding: 0; } .roll-button { font-size: 12px; } } @media screen and (min-width: 1025px) { /* #mainnav > div > ul, .header-wrap .fw-menu-container > .row, .header-wrap .container > .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } */ .main-header #mainnav > div > ul, .bottom-header-row #mainnav > div > ul { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } #mainnav > div > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-centered #mainnav > div > ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-centered .fw-menu-container > .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .mobile-slide { display: none; } .sydney-hero-area { overflow: hidden; } .wp-block-button__link { font-weight: 600; background-color: var(--sydney-button-background); } .wp-block-button__link:hover { opacity: 0.85; } .wp-block-button.is-style-outline a:not(.has-text-color) { color: var(--sydney-button-background); } .wp-block-button.is-style-outline a:not(.has-text-color):hover { background-color: var(--sydney-button-background); border-color: var(--sydney-button-background); color: #fff; } .post-template-post_nosidebar .content-area { max-width: 805px; margin-left: auto; margin-right: auto; } .post-template-post_nosidebar .alignfull, .post-template-post_nosidebar .wp-block-cover-image { max-width: 100vw; width: auto; margin-left: -182px; margin-right: -182px; } .post-template-post_nosidebar .alignwide { max-width: none; width: calc(100% + 200px); position: relative; left: -100px; } @media (min-width: 1024px) { .no-sidebar .entry-content .alignfull { margin: 20px calc(50% - 50vw); max-width: 100vw; width: 100vw; } .no-sidebar .entry-content .alignwide { margin: 20px calc(25% - 25vw); width: auto; } } .wp-block-group.has-background { padding: 20px 30px; } #mainnav-mobi.syd-hidden { display: none; } #mainnav-mobi.toggled { display: block; } .btn-submenu.toggled ~ .sub-menu { display: block !important; position: relative !important; opacity: 1 !important; visibility: visible !important; } .sub-menu.toggled { display: block !important; } @media (min-width: 991px) { .content-area.sidebar-left { padding-right: 15px; padding-left: 60px; float: right; } } /* OWN STYLES */ .container { width: 100%; max-width: 1270px !important; margin: 0 auto !important; padding: 0 15px !important; } p { padding: 0; margin: 0; } .btn { font-weight: 600; font-size: 15px; line-height: 18px; color: #ffffff; font-family: 'Inter', sans-serif; padding: 15px 30px; display: block; width: fit-content; } .btn--secondary { border: 1px solid rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.16)); border-radius: 4px; } .btn--secondary:focus, .btn--secondary:hover { background: rgba(255, 255, 255, 0.2); color: #fff !important; } .btn--primary { background: #81bc45 !important; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16) !important; border-radius: 4px !important; } .btn--primary:focus, .btn--primary:hover { color: #ffffff !important; background-color: #13161a !important; } section.banner { min-height: 740px; display: flex; align-items: center; width: 100% !important; background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/banner.jpg'); background-position: right; background-repeat: no-repeat; background-size: auto; background-color: #000; position: relative; } section.banner .absolute-battery { position: absolute; top: 575px; display: block; right: 494px; } section.banner .absolute-battery .battery-container { position: relative; } section.banner .absolute-battery .battery-container .battery-part-2 { position: relative; top: -55px; left: 6px; } section.banner .absolute-battery .battery-container .battery-part-1 { width: 68px; height: 110px; position: relative; left: 43px; top: 0px; } h2 { font-weight: 600 !important; font-size: 40px !important; line-height: 120% !important; color: #13110c !important; padding: 0; margin: 0; max-width: 500px; } .cll { background-color: red !important; } h1 { z-index: 2; padding: 0; margin: 0; background: linear-gradient( 270deg, #ffffff -0.85%, rgba(255, 255, 255, 0.8) 101.63% ) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; font-weight: 500 !important; font-size: 40px !important; line-height: 49px !important; display: block; } .img-h1 { display: block; height: 120px; width: 607px; opacity: 0; } h1 span { /* display: block !important; */ display: none !important; background: linear-gradient( 88.03deg, #2253d4 0.44%, #59e2ed 68.37% ) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-transform: uppercase !important; font-weight: 800 !important; font-size: 123px !important; line-height: 97.5% !important; } section.banner .btn-wrapper { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(3.5px); border-radius: 5px; max-width: 600px; display: flex; align-items: center; justify-content: space-between; padding: 30px; margin-top: 17px; z-index: 2; position: relative; } section.banner .btn-wrapper::before { transition: all 0.3s linear; content: ''; position: absolute; inset: 0; border-radius: 5px; padding: 1px; background: linear-gradient(90deg, #ffffff00 0%, #ffffff30 100%); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } section.banner .btn-wrapper p { font-weight: 500; font-size: 22px; line-height: 27px; color: #ffffff; } section.banner .container { position: relative; z-index: 0; } section.banner .container::before { position: absolute; display: block; content: url(https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/ellipse.svg); height: 570px; /* width: 260px; */ top: -350px; left: -350px; z-index: -1; } @media only screen and (max-width: 1300px) { section.banner { background-position: right -260px center; background-repeat: no-repeat; background-size: cover; background-color: #000; min-height: 650px; } section.banner .absolute-battery { position: absolute; top: auto; display: block; right: 155px; bottom: 36px; } h1 span { font-size: 100px !important; } } @media only screen and (max-width: 768px) { h1 { font-size: 22px !important; margin: 30px auto 0 auto; text-align: center; } h1 span { font-weight: 800 !important; font-size: 56px !important; line-height: 97.5% !important; } section.banner { background-position: right -110px top; background-repeat: no-repeat; background-size: auto 75%; background-color: #000; min-height: 620px; margin-top: 58px !important; } section.banner .absolute-battery { position: absolute; top: auto; display: block; right: 218px; bottom: 167px; } section.banner .absolute-battery .battery-container .battery-part-3 { height: auto; width: 77px; right: 20px; top: 12px; } section.banner .absolute-battery .battery-container .battery-part-2 { position: relative; top: -40px; left: 12px; height: 141px; width: 68px; } section.banner .absolute-battery .battery-container .battery-part-1 { width: 62px; height: 101px; position: relative; left: 46px; top: 4px; } .img-h1 { height: auto; width: 70%; max-width: 450px; } section.banner .container { display: flex; flex-direction: column; /* justify-content: space-between; */ align-items: center; min-height: 660px; } section.banner .container::before { display: none; } section.banner .btn-wrapper { align-self: center; flex-direction: column; /* border: 1px solid red; */ padding: 20px 30px; position: absolute; bottom: 35px; } section.banner .btn-wrapper p { font-size: 17px; line-height: 21px; padding: 0 0 15px 0; } } @media only screen and (max-width: 500px) { section.banner { background-position: right -210px top; background-repeat: no-repeat; background-size: auto 75%; background-color: #000; min-height: 640px; margin-top: 58px !important; } section.banner .absolute-battery { position: absolute; top: auto; display: block; right: 117px; bottom: 162px; } section.banner .absolute-battery .battery-container .battery-part-1 { width: 62px; height: 101px; position: relative; left: 46px; top: -1px; } section.banner .absolute-battery .battery-container .battery-part-2 { position: relative; top: -42px; left: 12px; height: 150px; width: 68px; } } section.offer { margin: 130px 0 0 0; position: relative; } section.offer .offer-top-bg { position: absolute; display: block; top: 30px; left: 15px; z-index: -1; } section.offer .offer-bottom-bg { position: absolute; display: block; bottom: 180px; width: 1030px; height: 680px; max-width: 1030px; right: 15px; z-index: -1; } section.offer .intro { display: flex; align-items: start; justify-content: space-between; } h3 { padding: 0; margin: 0; font-weight: 600 !important; font-size: 32px !important; line-height: 120% !important; color: #13110c !important; } section.offer h2 { display: flex; align-items: start; justify-content: space-between; } section.offer p.desc { max-width: 610px; font-weight: 400; font-size: 17px; line-height: 150%; color: #13110c; opacity: 0.8; } section.offer .offer-container { margin: 150px 0 100px 0; } section.offer .offer-container .offer-box { display: flex; align-items: center; justify-content: start; background: linear-gradient(90deg, #efefef 60%, rgba(239, 239, 239, 0) 100%); border-radius: 0px 36px 36px 0px; border-radius: 36px 0px 0px 36px; position: relative; } section.offer .offer-container .offer-box::before { position: absolute; display: block; content: ''; background: #efefef; border-radius: 24px 0px 0px 24px; width: 30px; height: 150px; left: -30px; z-index: -1; } section.offer .offer-container .offer-box img { max-width: 608px; height: auto; display: block; padding: 0; margin: 0; border-radius: 36px 0px 0px 36px; } section.offer .offer-container .offer-box .content { max-width: 400px; margin-left: 130px; } section.offer .offer-container .offer-box .content p { font-size: 17px !important; line-height: 150% !important; color: #13110c !important; opacity: 0.8 !important; padding: 25px 0; } section.offer .offer-container .offer-box-reverse { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: 300px 0 0 0 !important; margin-top: -150px !important; margin: auto; } section.offer .offer-container .offer-box-reverse img { filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.16)); border-radius: 8px; } section.offer .offer-container .offer-box-reverse .content p { font-size: 17px !important; line-height: 150% !important; color: #13110c !important; opacity: 0.8 !important; padding: 25px 0; } section.offer .offer-container .offer-box-reverse .content { max-width: 500px; margin-right: 50px; } @media only screen and (max-width: 1200px) { section.offer .offer-container .offer-box .content { margin-left: 40px; } section.offer .offer-container .offer-box { margin: 0 0 0 20px; } section.offer .offer-container .offer-box img { max-width: 450px; } section.offer .offer-container .offer-box-reverse img { width: 100%; max-width: 450px; } } @media only screen and (max-width: 1024px) { section.offer .intro { flex-direction: column; } section.offer h2 { max-width: 100%; font-size: 32px !important; } section.offer p.desc { max-width: 100%; padding: 15px 0 0 0; } section.offer .offer-container .offer-box-reverse .content p, section.offer .offer-container .offer-box .content p { font-size: 15px !important; padding: 15px 0; } section.offer .offer-container .offer-box img { max-width: 380px; } section.offer .offer-container .offer-box-reverse img { width: 100%; max-width: 380px; } section.offer .offer-container .offer-box::before { left: -10px; } section.offer .offer-container .offer-box { margin: 0; } section.offer .offer-container .offer-box-reverse img { width: 380px; } section.offer .offer-container .offer-box-reverse { padding: 110px 0 0 0; } section.offer { margin: 45px 0 0 0; } section.offer .offer-container { margin: 130px 0 80px 0; } section.offer .offer-bottom-bg { bottom: 0; } } @media only screen and (max-width: 768px) { section.offer .offer-top-bg { max-width: 1300px; left: -430px; top: -48px; } section.offer p.desc { font-size: 15px; } section.offer .offer-container .offer-box { flex-direction: column-reverse; max-width: 500px; margin: auto; padding: 130px 0 0 0; border-radius: 0px 0px 36px 36px; } section.offer .offer-container .offer-box-reverse .content p, section.offer .offer-container .offer-box .content p { padding: 25px 0; } section.offer .offer-container .offer-box .content { margin: 0 0 40px 0; padding: 0 40px; max-width: 100%; } section.offer .offer-container .offer-box { background: linear-gradient(0deg, #efefef 50%, rgba(239, 239, 239, 0) 100%); } section.offer .offer-container .offer-box img { max-width: 100%; border-radius: 0px 0px 36px 36px; } section.offer .offer-container { margin: 0 0 80px 0; } section.offer .offer-container .offer-box::before { bottom: -24px; left: 31%; border-radius: 0px 0px 24px 24px; height: 24px; width: 150px; z-index: -1; } section.offer .offer-container .offer-box-reverse { flex-direction: column-reverse; max-width: 500px; padding: 110px auto 0 auto; } section.offer .offer-container .offer-box-reverse .content { margin: 0; padding: 0 0 40px 0; } section.offer .offer-container .offer-box-reverse img { width: 100%; max-width: 100%; } } @media only screen and (max-width: 768px) { section.offer .offer-top-bg { max-width: 1300px; left: -585px; top: -5px; } section.offer .offer-bottom-bg { bottom: -280px; width: 1030px; right: -285px; height: 670px; } } h4 { font-weight: 600 !important; font-size: 24px !important; line-height: 120% !important; color: #13110c !important; text-align: center; } section.stages-steps .stages-container { margin: 80px 0 0 0; display: flex; justify-content: space-between; align-items: baseline; } section.stages-steps .stages-container-bottom { margin: -100px 0 120px 0; padding: 0; justify-content: center; } section.stages-steps .stages-container .stage-box { width: 264px; padding: 20px 25px; height: 264px; display: flex; align-items: center; flex-direction: column; justify-content: space-between; transition: all 0.5s linear; background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-l.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0; } section.stages-steps .stages-container-bttom .stage-box { opacity: 0; } section.stages-steps .stages-container-bottom .stage-box.active, section.stages-steps .stages-container .stage-box.active { opacity: 1; } section.stages-steps .stages-container .stage-box:nth-child(2), section.stages-steps .stages-container .stage-box:nth-child(3) { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-t.svg'); } section.stages-steps .stages-container .stage-box:nth-child(4) { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-r.svg'); } section.stages-steps .stages-container-bottom .stage-box:nth-child(2) { margin: 0 60px; } section.stages-steps .stages-container-bottom .stage-box:nth-child(2), section.stages-steps .stages-container-bottom .stage-box:nth-child(3), section.stages-steps .stages-container-bottom .stage-box { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-b.svg'); } section.stages-steps .stages-container .stage-box .number { border: 4px solid #d9d9d9; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 19px; line-height: 120%; text-align: center; color: #13110c; } section.stages-steps .stages-container .stage-box .underlay img { transition: all 0.5s linear; } section.stages-steps .stages-container-bottom .stage-box .underlay { opacity: 0; } section.stages-steps .stages-container .stage-box .underlay { border-radius: 100%; width: 58px; height: 58px; display: block; background-color: #81bc45; display: flex; align-items: center; transition: all 0.5s linear; justify-content: center; filter: drop-shadow(0px 4px 6px rgba(125, 168, 43, 0.16)) drop-shadow(0px 12px 16px rgba(129, 188, 69, 0.32)); opacity: 0; } section.stages-steps .stages-container-bottom .stage-box .underlay.active, section.stages-steps .stages-container .stage-box .underlay.active { opacity: 1; } section.stages-steps .stages-container .stage-box p { font-weight: 600 !important; font-size: 17px !important; line-height: 120% !important; text-align: center !important; transition: all 0.5s linear; color: #13110c !important; padding: 5px 0 0 0; } section.stages-steps .stages-container .stage-box p.desc { font-weight: 400 !important; font-size: 13px !important; line-height: 130% !important; text-align: center !important; color: #13110c !important; opacity: 0.8 !important; padding: 0px 0 10px 0; } @media only screen and (max-width: 1270px) { section.stages-steps { padding-bottom: 100px; } section.stages-steps .stages-container .stage-box { margin: 25px 0; } section.stages-steps .container { display: flex; flex-wrap: wrap; } section.stages-steps .container h4 { width: 100%; } section.stages-steps .container .stages-container { width: 55%; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: end; margin: 0 0 -50px 0; } section.stages-steps .container .stages-container-bottom { width: 45%; align-items: start; margin: 50px 0 0 -106px; } section.stages-steps .stages-container .stage-box:nth-child(1) { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-l.svg') !important; } section.stages-steps .stages-container .stage-box:nth-child(2), section.stages-steps .stages-container .stage-box:nth-child(3) { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-mb.svg') !important; } section.stages-steps .stages-container .stage-box:nth-child(4) { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-mt.svg') !important; } section.stages-steps .container .stages-container-bottom .stage-box { background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/border-tm.png') !important; } section.stages-steps .stages-container-bottom .stage-box:nth-child(2) { margin: 25px 0 !important; } section.stages-steps .stages-container-bottom .stage-box { margin: 25px 0 !important; } } @media only screen and (max-width: 768px) { section.stages-steps .stages-container .stage-box { height: 220px; width: 220px; } section.stages-steps .stages-container .stage-box p { font-size: 14px !important; line-height: 120%; } section.stages-steps .stages-container .stage-box p.desc { font-size: 11px !important; line-height: 130%; } section.stages-steps .stages-container .stage-box .number { font-size: 16px; } section.stages-steps .stages-container .stage-box .underlay { height: 46px; min-height: 46px; width: 46px; min-width: 46px; } section.stages-steps .container .stages-container { width: 63%; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: end; margin: 0 0 -50px 0; } section.stages-steps .container .stages-container-bottom { width: 37%; align-items: start; margin: 50px 0 0 -90px; } } section.hero-banner { background-color: linear-gradient(90deg, #13110c 0%, #050608 100%); padding: 100px 0; margin: 0 0 120px 0; background: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/battery.jpg'), linear-gradient(90deg, #13110c 0%, #050608 100%); background-repeat: no-repeat; background-position: right center; } section.hero-banner .content { max-width: 505px; } section.hero-banner .content h3 { color: #fff !important; } section.hero-banner .btn--primary:hover { background-color: #fff !important; background: #fff !important; color: #81bc45 !important; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16) !important; border-radius: 4px !important; } section.hero-banner .content p { padding: 15px 0; font-weight: 400; font-size: 17px; line-height: 150%; color: #ffffff; opacity: 0.8; } @media only screen and (max-width: 1270px) { section.hero-banner { background-color: #000000; background-position: right -200px center; } } @media only screen and (max-width: 1024px) { section.hero-banner { padding: 50px 0; background-color: #000000; background-position: right -350px center; } } @media only screen and (max-width: 768px) { section.hero-banner { padding: 50px 0 400px 0; margin: 0 0 80px 0; background-color: #000000; /* background-position: bottom center; */ background-position: bottom -44px left -100px; } } @media only screen and (max-width: 500px) { section.hero-banner { padding: 50px 0 400px 0; background-color: #000000; background-position: bottom left; background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/battery-mobile.jpg'); /* background-size: contain; */ } } section.questions { position: relative; } section.questions h3 { background-color: #fff !important; padding: 0 50px !important; margin: auto; width: fit-content; } section.questions hr { z-index: -1; top: 20px; position: absolute; display: block; width: 100%; max-width: 1240px; height: 1px; background-color: #d9d9d9; border: 0; outline: 0; padding: 0; margin: 0; } section.questions .questions-container { padding: 40px 0 0 0; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } section.questions .questions-container .question-box { width: 48%; padding: 0 0 0 30px; } section.questions .questions-container .question-box p.title { font-weight: 600; font-size: 19px; line-height: 120%; color: #13110c; padding: 40px 0 15px 0; position: relative; } section.questions .questions-container .question-box p.title::before { display: block; position: absolute; top: 38px; left: -40px; content: ''; background-image: url(https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/icons/chevron-right.svg); background-repeat: no-repeat; background-size: contain; height: 24px; width: 24px; } section.questions .questions-container .question-box p.desc { font-weight: 400; font-size: 15px; line-height: 150%; color: #13110c; opacity: 0.8; } section.questions.mobile { display: none; } @media only screen and (max-width: 1270px) { section.questions hr { max-width: 97%; } } @media only screen and (max-width: 768px) { h3 { font-size: 24px !important; } section.questions.mobile h3 { padding: 0 !important; width: max-width; margin: 0; } section.questions hr { display: none; } section.questions.desktop { display: none; } section.questions.mobile { display: block; } section.questions .questions-container .question-box { width: 100%; padding: 0; } section.questions .questions-container .question-box p.desc { padding: 0 33px 5px 0; } section.questions .questions-container .question-box p.title { margin: 0; padding: 15px 55px 15px 0; } section.questions .questions-container .question-box p.title::before { right: 0; left: auto; top: 13px; transition: all 0.2s linear; } section.questions .questions-container .question-box p.title.is-open::before { right: 0; left: auto; top: 13px; transform: rotate(90deg); } section.questions.mobile p.desc { max-height: 0; height: 100%; overflow: hidden; transition: max-height 0.2s ease-in-out; } } section.blog-posts { z-index: 3; margin: 200px 0 0 0; position: relative; } section.blog-posts .posts-bg { position: absolute; display: block; top: -167px; left: 0px; z-index: -1; } section.blog-posts .posts-container { margin: 120px 0 0 0; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; /* grid-gap: 25px; grid-template-columns: repeat(4, 23.5%); */ } section.blog-posts .posts-container .post { width: 292px; min-width: 292px; margin-right: 24px; } section.blog-posts .posts-container .post:last-child { margin-right: 0; } section.blog-posts .posts-container .post p.reading-time { padding: 0 0 0 15px; font-weight: 600; font-size: 13px; line-height: 150%; color: #13110c; opacity: 0.8; position: relative; } section.blog-posts .posts-container .post p.reading-time::before { width: 8px; height: 8px; display: block; content: ''; background: #81bc45; border-radius: 100%; position: absolute; top: 3.5px; left: 0; } section.blog-posts .posts-container .post a.post-title { font-weight: 600 !important; font-size: 19px !important; line-height: 120% !important; color: #13110c !important; padding: 8px 0 !important; margin: 0 !important; display: block; } section.blog-posts .posts-container .post p.post-excerpt { font-weight: 400; font-size: 15px; line-height: 150%; color: #13110c; opacity: 0.8; } section.blog-posts .posts-container .post a.btn--post { position: relative; font-weight: 600; font-size: 15px; line-height: 18px; color: #13110c; display: block; margin: 10px 0 0 0 !important; width: fit-content; } section.blog-posts .posts-container .post .img-box { margin: 0 0 25px 0; } section.blog-posts .posts-container .post a.btn--post::after { transition: all 0.2s linear; position: absolute; right: -20px; top: 1px; content: ''; display: block; height: 16px; width: 16px; background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/icons/chevron-post.svg'); background-repeat: no-repeat; background-size: contain; } section.blog-posts .posts-container .post a.btn--post:hover::after { right: -25px; } @media only screen and (max-width: 1270px) { section.blog-posts .posts-container { overflow: auto; } } @media only screen and (max-width: 1024px) { section.blog-posts .posts-container { margin: 40px 0 0 0; } section.blog-posts { margin: 80px 0 0 0; } } @media only screen and (max-width: 1024px) { section.blog-posts .posts-bg { display: none; } } section.contact .scooter-bg { position: absolute; top: 430px; left: -300px; } @media only screen and (max-width: 1024px) { section.contact .scooter-bg { display: none; } } section.contact { z-index: 0; padding: 350px 0 0 0; margin: -200px 0 0 0; background: linear-gradient(0deg, #efefef 45%, rgba(239, 239, 239, 0) 100%); position: relative; } section.contact .container { display: flex; align-items: flex-end; width: 100%; justify-content: flex-end; position: relative; } section.contact .contact-form { margin-bottom: -85px; width: 100%; self-align: end; max-width: 850px; border-radius: 8px; } section.contact .contact-form-container { box-shadow: 36px 56px 66px rgba(0, 0, 0, 0.08); } section.contact .contact-form h3 { text-align: center; margin: auto; width: fit-content; padding-bottom: 55px; color: #81bc45 !important; } section.contact .contact-form .tab { display: flex; margin: auto; width: 100%; } section.contact .contact-form .tab .tablinks { border-radius: 8px 0 0 0; display: flex; justify-content: center; align-items: center; width: 50%; padding: 32px 10px; text-transform: none !important; font-weight: 400; font-size: 19px; line-height: 120%; color: #13110c; background: #e1e1e1; border: none; border-bottom: 2px solid #e1e1e1; transition: 0.3s all linear; } section.contact .contact-form .tab .tablinks.active { border-bottom: 2px solid #81bc45; font-weight: 600 !important; background: #fff; } section.contact .contact-form .tab .tablinks:nth-child(2) { border-radius: 0 8px 0 0; } section.contact .contact-form .tabcontent { padding: 50px 170px 65px 170px; display: none; background: #fff; border-radius: 0 0 8px 8px; } section.contact .contact-form .tabcontent.active { display: block; } section.contact .contact-img { position: absolute; bottom: 50px; left: 0px; z-index: 100; display: block; padding: 0; margin: 0; } .forminator-ui.forminator-custom-form .forminator-label { font-weight: 500 !important; font-size: 14px !important; line-height: 20px !important; color: #13110c !important; font-family: 'Inter', sans-serif !important; padding: 0 0 5px 0; } .forminator-ui.forminator-custom-form .forminator-input::placeholder { font-weight: 300 !important; font-size: 16px !important; font-family: 'Inter', sans-serif !important; line-height: 24px !important; } .forminator-ui.forminator-custom-form .forminator-input { box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important; border-radius: 8px !important; font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; color: #13110c !important; font-family: 'Inter', sans-serif !important; padding: 12px 16px !important; } .forminator-ui.forminator-custom-form .forminator-field.forminator-is_active .forminator-input, .forminator-ui.forminator-custom-form .forminator-field.forminator-is_hover .forminator-input { border: 1px solid #81bc45 !important; font-family: 'Inter', sans-serif !important; background-color: #fff !important; } .forminator-ui.forminator-custom-form .forminator-file-upload { background: #ffffff !important; border: 1px dashed #d9d9d9 !important; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important; border-radius: 8px !important; border-spacing: 15px !important; border-collapse: separate !important; height: 50px !important; position: relative !important; font-family: 'Inter', sans-serif !important; padding: 12px 16px !important; margin: 0 0 15px 0 !important; } .forminator-ui.forminator-custom-form .forminator-button-upload { position: absolute !important; left: auto !important; background: transparent !important; height: 100% !important; padding: 0 !important; margin: 0 !important; right: 16px !important; top: 16px !important; height: 16px !important; max-width: 16px !important; min-width: 16px !important; width: 16px !important; font-family: 'Inter', sans-serif !important; display: block !important; } .forminator-ui.forminator-custom-form .forminator-button-upload:focus, .forminator-ui.forminator-custom-form .forminator-button-upload:hover { box-shadow: none !important; font-family: 'Inter', sans-serif !important; transform: scale(1.15); } .forminator-ui.forminator-custom-form .forminator-required { opacity: 0 !important; display: none !important; font-family: 'Inter', sans-serif !important; font-family: 'Inter', sans-serif !important; } .forminator-ui.forminator-custom-form .forminator-button-upload { color: transparent !important; } .forminator-ui.forminator-custom-form .forminator-button-upload::after { content: ''; font-family: 'Inter', sans-serif !important; display: block; position: absolute; right: 0; top: 0; height: 16px; width: 16px; background-image: url('https://bateriadohulajnogi.pl/wp-content/themes/sydney/css/../images/icons/upload.svg'); } .forminator-ui.forminator-custom-form .forminator-file-upload > span { font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; font-family: 'Inter', sans-serif !important; color: #9a9a9a !important; } .forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit { font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; line-height: 18px !important; text-transform: none !important; color: #ffffff !important; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16) !important; border-radius: 4px !important; padding: 13px 32px !important; margin: 30px 0 0 auto !important; display: block !important; transition: 0.3s all linear !important; } .forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:hover { transition: 0.3s all linear !important; background-color: #13161a !important; } .forminator-ui.forminator-custom-form .forminator-checkbox { align-items: start !important; } .forminator-ui.forminator-custom-form .forminator-checkbox .forminator-checkbox-box { background: #ffffff !important; border: 1px solid #cbcbcb !important; border-radius: 4px !important; height: 16px !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; } .forminator-ui.forminator-custom-form .forminator-checkbox a { color: #13110c !important; font-family: 'Montserrat', sans-serif !important; text-decoration: underline !important; font-weight: 400 !important; font-size: 12px !important; line-height: 140% !important; } .forminator-ui.forminator-custom-form h2.forminator-title { font-weight: 600 !important; font-size: 32px !important; line-height: 120% !important; color: #13110c !important; font-family: 'Montserrat', sans-serif !important; margin: 0 0 30px 0 !important; } .checkbox-blade .forminator-checkbox-label #label-wrapper2 span, .checkbox-blade .forminator-checkbox-label #wrapper-label2 span, .checkbox-blade .forminator-checkbox-label #label-wrapper span, .checkbox-blade .forminator-checkbox-label #wrapper-label span { font-weight: 400 !important; font-size: 12px !important; line-height: 140% !important; font-family: 'Montserrat', sans-serif !important; color: #9a9a9a !important; } .checkbox-blade .forminator-checkbox-label span { display: inline !important; } .forminator-ui.forminator-custom-form .forminator-checkbox-label { font-family: 'Montserrat', sans-serif !important; font-weight: 500 !important; font-size: 12px !important; line-height: 140% !important; color: #13110c !important; } #wrapper-label2.closed, #label-wrapper2.closed, #label-wrapper2.text-wrap, #wrapper-label2.text-wrap, #wrapper-label.closed, #label-wrapper.closed, #label-wrapper.text-wrap, #wrapper-label.text-wrap { text-overflow: ellipsis; overflow: hidden; width: 100%; height: 1.2em; font-family: Montserrat, sans-serif; white-space: nowrap; } #label-wrapper2.open, #wrapper-label2.open, #label-wrapper.open, #wrapper-label.open { max-width: 500px; background: #efefef !important; } @media only screen and (min-width: 1500px) and (max-width: 1700px) { section.contact .contact-img { left: -170px; } } @media only screen and (max-width: 1500px) { section.contact .contact-img { z-index: -1; } } @media only screen and (max-width: 1200px) { section.contact .contact-form .tabcontent { padding: 60px 30px 65px 30px; max-width: 650px; } section.contact .contact-img { z-index: -1; } section.contact .contact-form .tab { display: flex; max-width: 650px; width: 100%; margin: 0 !important; } } @media only screen and (max-width: 1024px) { .forminator-ui.forminator-custom-form h2.forminator-title { font-size: 24px !important; } section.contact .contact-form .tab .tablinks { font-size: 14px; } section.contact { margin: -250px 0 0 0; } section.contact .contact-form .tab { margin: auto !important; } section.contact .container { display: flex; align-items: flex-end; width: 100%; justify-content: flex-end; position: relative; flex-direction: column-reverse; } section.contact .contact-form .tabcontent { margin: auto; margin-bottom: 475px; padding: 60px 30px 65px 30px; } section.contact .contact-img { bottom: 0; position: absolute; left: -17px; z-index: 100; width: 490px; max-width: 500px !important; } section.contact .contact-form { margin-bottom: -20px; } } @media only screen and (max-width: 600px) { #wrapper-label2.closed, #label-wrapper2.closed, #label-wrapper2.text-wrap, #wrapper-label2.text-wrap, #wrapper-label.closed, #label-wrapper.closed, #label-wrapper.text-wrap, #wrapper-label.text-wrap { height: 2.8em; white-space: break-spaces; } } @media only screen and (max-width: 370px) { #wrapper-label2.closed, #label-wrapper2.closed, #label-wrapper2.text-wrap, #wrapper-label2.text-wrap, #wrapper-label.closed, #label-wrapper.closed, #label-wrapper.text-wrap, #wrapper-label.text-wrap { height: 4em; } } /* FOOTER stopka */ .site-footer { background: linear-gradient( 180deg, #13110c 99.99%, rgba(19, 17, 12, 0) 100% ) !important; padding: 185px 0 0 0; } .site-footer p { color: #fff; } .site-footer .copyright-container { border-top: 1px solid #363636; padding: 40px 0 90px 0; margin: 40px 0 0 0; display: flex; align-items: center; justify-content: space-between; } .site-footer .copyright-container p { font-weight: 400; font-size: 13px; line-height: 16px; color: #747474; } .site-footer .copyright-container p a { text-decoration: underline; } .site-footer .row .logo { margin: 0 0 75px 0; } .site-footer .row .contact-box { display: flex; align-items: center; } .site-footer .row .contact-box .icon { height: 48px; width: 48px; display: flex; justify-content: center; background: #343538; border-radius: 100%; align-items: center; } .site-footer .row .contact-box .data { margin: 0 0 0 12px; } .site-footer .row .contact-container { display: flex; align-items: center; } .site-footer .row .contact-container .contact-box:nth-child(2) { margin: 0 0 0 25px; } .site-footer .row .contact-box .data p:nth-child(1) { font-weight: 600; font-size: 13px; line-height: 16px; display: flex; align-items: center; color: #8c8c8c; } .site-footer .row .contact-box .data a:nth-child(2) { font-weight: 500; font-size: 17px; line-height: 21px; display: flex; align-items: center; color: #ffffff; } .site-footer .row { display: flex; justify-content: start; align-items: top; } .site-footer .row .column:nth-child(1) { width: 50%; } .site-footer .row .column:nth-child(2) { width: 27%; } .site-footer .row .column:nth-child(3) { width: 23%; } .site-footer .social-media { max-width: 300px; } .site-footer .social-media p.title { font-weight: 600; font-size: 19px; line-height: 120%; color: #ffffff; } .site-footer .social-media p.desc { padding: 25px 0; font-weight: 400; font-size: 15px; line-height: 140%; color: #ffffff; opacity: 0.8; } .site-footer .social-media-container { display: flex; } .site-footer .social-media-container .media-box:nth-child(2) { margin: 0 0 0 10px; } .site-footer .social-media-container .media-box { height: 48px; width: 48px; display: flex; justify-content: center; background: #343538; border-radius: 100%; align-items: center; } .site-footer .menu-footer p.title { font-weight: 600; font-size: 19px; line-height: 120%; color: #ffffff; } .site-footer .menu-footer ul { display: block; padding: 0; margin: 0; } .site-footer .menu-footer ul li { display: block; padding: 0; margin: 0; list-style: none; } .site-footer .menu-footer ul li:nth-child(1) { padding: 25px 0 0 0; } .site-footer .menu-footer ul li:nth-child(2) { padding: 25px 0; } .site-footer .menu-footer ul li a { font-weight: 400; font-size: 15px; line-height: 18px; color: #ffffff; } .page-wrap { overflow-x: clip; } .row { margin: 0 !important; } @media only screen and (max-width: 1200px) { .site-footer .row .column:nth-child(2) { width: 25%; } .site-footer .row .column:nth-child(1) { width: 52%; } } @media only screen and (max-width: 1024px) { .site-footer { padding: 65px 0 0 0; } .site-footer .row .contact-container { flex-direction: column; align-items: start; } .site-footer .row .contact-container .contact-box:nth-child(2) { margin: 25px 0 0 0; } .site-footer .row .column:nth-child(2) { width: 32%; } .site-footer .row .column:nth-child(1) { width: 45%; } .site-footer .row .logo { margin: 0 0 45px 0; } } @media only screen and (max-width: 768px) { .site-footer .row { flex-direction: column; align-items: start; } .site-footer .row .column { width: 100% !important; } .site-footer .row .column:nth-child(2) { padding: 60px 0; } .site-footer .copyright-container { align-items: start; justify-content: start; flex-direction: column; padding: 60px 0; margin: 60px 0 0 0; } .site-footer .copyright-container p.realization { padding: 10px 0 0 0; } } /* menu-header header menu */ .header-elements { padding: 0 !important; } .header-col { padding: 0 !important; } .header-col.menu-col.menu-center { text-align: center; margin: auto; } .site-header-inner { padding: 16px 0 !important; } .main-header .menu.nav-menu { display: flex; } #mainnav > div > ul > li { padding: 0 40px !important; } .mobile-header-item .contact-box { display: flex; align-items: center; } .mobile-header-item .contact-box .icon { height: 48px; width: 48px; display: flex; justify-content: center; background: #343538; border-radius: 100%; align-items: center; } .mobile-header-item .contact-box .data { margin: 0 0 0 12px; } .mobile-header-item .contact-container { display: flex; flex-direction: column; align-items: start; padding: 25px 0; border-top: 1px solid #363636; border-bottom: 1px solid #363636; margin: 0 0 25px 0; } .mobile-header-item p.title-menu a, .mobile-header-item p.title-menu, .mobile-header-item .contact-container p.title, .mobile-header-item .social-media p.title { font-weight: 500 !important; font-size: 15px !important; line-height: 120% !important; color: #ffffff !important; opacity: 0.8 !important; } .mobile-header-item .contact-container .contact-box { margin: 25px 0 0 0; } .mobile-header-item .contact-box .data p:nth-child(1) { font-weight: 600; font-size: 13px; line-height: 16px; display: flex; align-items: center; color: #8c8c8c; } .mobile-header-item .contact-box .data a:nth-child(2) { font-weight: 500; font-size: 17px; line-height: 21px; display: flex; align-items: center; color: #ffffff; } .mobile-header-item .social-media { max-width: 300px; } .mobile-header-item .social-media p.title { font-weight: 600; font-size: 19px; line-height: 120%; color: #ffffff; } .mobile-header-item .social-media p.desc { padding: 25px 0; font-weight: 400; font-size: 15px; line-height: 140%; color: #ffffff; opacity: 0.8; } .mobile-header-item .social-media-container { display: flex; margin: 25px 0 40px 0; } .mobile-header-item .social-media-container .media-box:nth-child(2) { margin: 0 0 0 25px; } .mobile-header-item .social-media-container .media-box { height: 48px; width: 48px; display: flex; justify-content: center; background: #343538; border-radius: 100%; align-items: center; } .logo-menu-mobile { background: #fff !important; margin: -30px -30px 0 -30px; padding: 15px; } .col-grow-mobile { padding: 0; } .col-xs-8, .col-xs-4 { padding: 0; margin: 0; } .sydney-offcanvas-menu.toggled { background: #13110c; } .mobile-header-item p.title-menu { margin: 35px 0 45px 0; } @media only screen and (max-width: 1024px) { .sydney-offcanvas-menu #mainnav ul li a { padding: 0; margin: 0; } img.site-logo { max-height: 28px; } .sydney-offcanvas-menu #mainnav ul li { padding: 0 !important; margin: 0 !important; } .sydney-offcanvas-menu #mainnav ul li:nth-child(2) { padding: 45px 0 !important; } a.menu-toggle .span { display: block; width: 24px; height: 2px; background: #13110c; border-radius: 50px !important; } a.menu-toggle .span:nth-child(3) { margin: 5px 0; } .logo-menu-mobile a.mobile-menu-close { float: right; } .logo-menu-mobile a.mobile-menu-close span { display: block; width: 24px; max-width: 24px; height: 2px; background: #13110c; border-radius: 50px !important; } .logo-menu-mobile a.mobile-menu-close span:nth-child(2) { transform: rotate(-45deg); } .logo-menu-mobile a.mobile-menu-close span:nth-child(1) { transform: rotate(45deg); position: relative; top: 2px; } .main-header.mobile-header { top: 0; position: fixed; width: 100%; } } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-field { display: grid; flex-wrap: wrap; justify-content: space-between; align-items: baseline; grid-template-columns: repeat(5, auto); } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-checkbox-label, .forminator-ui.forminator-custom-form .checkbox-form-container span.forminator-checkbox-label { color: #13110c !important; font-weight: 600 !important; font-size: 16px !important; line-height: 140% !important; } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-field label { width: fit-content !important; margin: 10px 0 15px 0 !important; grid-area: auto; } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-field label span { display: inline !important; } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-label { text-align: left; width: 100%; grid-area: 1 / 1 / 2 / 6; } .forminator-ui.forminator-custom-form .absolute-value input.forminator-input { max-height: 46px; width: 148px; margin: -65px 0 0 auto !important; } .forminator-ui.forminator-custom-form .in-a { width: 143px !important; max-width: 143px; box-sizing: content-box; } .forminator-ui.forminator-custom-form .in-a:nth-child(2) { margin: auto; position: relative; } .forminator-ui.forminator-custom-form .in-a:nth-child(2)::before { position: absolute; content: 'X'; font-weight: 400; font-size: 16px; line-height: 24px; color: #13110c; left: -15px; height: 100%; display: flex; justify-content: center; align-items: center; top: 0; } .forminator-ui.forminator-custom-form .in-a:nth-child(2)::after { position: absolute !important; top: 0; content: 'X'; font-weight: 400; font-size: 16px; line-height: 24px; color: #13110c; right: -15px; height: 100%; display: flex; justify-content: center; align-items: center; } .forminator-ui.forminator-custom-form .in-a:nth-child(3) { margin: 0; } .forminator-ui.forminator-custom-form .forminator-row .absolute-value { margin: -65px 0 0 auto !important; } .forminator-ui.forminator-custom-form .forminator-row { display: flex; justify-content: baseline; align-items: flex-end; } .forminator-ui.forminator-custom-form input::placeholder, .forminator-ui.forminator-custom-form input.forminator-input::placeholder { font-weight: 400 !important; font-size: 16px; line-height: 24px; color: #9a9a9a; } @media only screen and (max-width: 1200px) { .forminator-ui.forminator-custom-form .absolute-value input.forminator-input { margin: 0 !important; } .forminator-ui.forminator-custom-form .forminator-row { flex-direction: column !important; justify-content: flex-start !important; align-items: inherit !important; } .forminator-ui.forminator-custom-form .in-a:nth-child(2) { margin: 30px 0 30px 0 !important; } .forminator-ui.forminator-custom-form .in-a:nth-child(2)::before { top: -27px; left: 65px; height: auto !important; } .forminator-ui.forminator-custom-form .in-a:nth-child(2)::after { bottom: -25px; left: 65px; top: auto; width: fit-content; height: max-content !important; } } @media only screen and (max-width: 600px) { .forminator-ui.forminator-custom-form .in-a:nth-child(2) { margin: 15px 0 30px 0 !important; } .forminator-ui.forminator-custom-form .absolute-value input.forminator-input { margin: 0 !important; } .forminator-ui.forminator-custom-form .forminator-row .absolute-value { margin: 0 !important; } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-field { display: flex !important; flex-rap: wrap; justify-content: start; } .forminator-ui.forminator-custom-form .checkbox-form-container .forminator-field label { width: fit-content !important; min-width: 33% !important; margin: 10px 0 15px 0 !important; grid-area: auto; } }