.aligncenter{ display: block; margin:0 auto; } .alignright{ float:right; margin:0 0 10px 20px; } .alignleft{ float:left; margin:0 20px 10px 0; } .floatleft{ float:left; } .floatright{ float:right; } .textcenter{ text-align:center; } .textright{ text-align:right; } .textleft{ text-align:left; } .wp-caption{ max-width: 100% !important; } .wp-caption{ margin-top:20px; font-style: italic; } div .wp-caption:first-child { margin-top:20px; } .wp-caption img{ margin:0; padding:0; border:0 none; max-width: 100%; } .wp-caption p.wp-caption-text, .wp-caption-text { font-size:13px; line-height:19px; margin: 2px 0 0 0; } .wp-smiley{ margin:0 !important; max-height:1em; } blockquote.left{ margin-right:20px; text-align:right; margin-left:0; width:33%; float:left; } blockquote.right{ margin-left:20px; text-align:left; margin-right:0; width:33%; float:right; } #img-attch-page{ text-align: center; overflow: hidden; } #img-attch-page img{ display: inline-block; margin: 0 auto; max-width: 100%; border: 5px solid #d4d4d4; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: rgba(0,0,0, 0.08); -webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease; -moz-transition: border 0.3s ease; } #img-attch-page a:hover img{ border-color: #fc7251; } #img-attach-page-content{ text-align: center; margin-top: 25px; } .gallery { width: 100%; padding-top: 20px !important; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0 !important; padding: 0 !important; } .gallery-item .gallery-icon { text-align: center; display: block; width: calc(100% - 10px); padding: 5px !important; } .gallery-item .gallery-caption { margin-bottom: 20px !important; } .gallery-item img { margin: 0 !important; padding: 0 !important; border: none !important; max-width: 100% !important; } .gallery-item a { display: inline-block; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .gallery-item a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .entry .entry-content > * { margin-top: 30px; margin-bottom: 30px; } .entry .entry-content > .alignleft { margin-top: 0; margin-left: 0; margin-right: 2rem; } .entry .entry-content .wp-block-cover .wp-block-cover-text { padding: 2rem; } .entry .entry-content > .alignfull { margin-top: 50px; margin-bottom: 50px; width: 100vw; max-width: 100vw; position: relative; } .entry .entry-content.wrapper > .alignfull { left: calc( (-100vw + 1440px) / 2); } .entry .entry-content.wrapper-medium > .alignfull { left: calc( (-100vw + 1080px) / 2); } .entry .entry-content.wrapper-small > .alignfull { left: calc( (-100vw + 780px) / 2); } .entry .entry-content.wrapper-mini > .alignfull { left: calc( (-100vw + 420px) / 2); } .entry .entry-content > .alignwide { width: calc(100% + 200px); max-width: calc(100% + 200px); left: -100px; position: relative; } .wp-block-cover .wp-block-cover-text a { color: #fff !important; border-color: #fff !important; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .wp-block-gallery { margin-left: 0; } 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, figure, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } ol, ul { list-style: none; } :focus { outline: 0; } input[type="text"], input[type="password"], input[type="submit"], input[type="number"], input[type="tel"], input[type="email"], textarea, button, select { -moz-appearance: none; -webkit-appearance: none; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } article, aside, details, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } [hidden] { display: none; visibility: hidden; } .clearfix::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .clearfix { *display: inline-block; height: 1%; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; } html.disablescroll { overflow: hidden; } body { font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: rgba(0,0,0,0.61); text-align: left; background: #fff; min-height: 100%; transition: background 0.4s ease; } .text-light { color: rgba(255,255,255,0.69); } body::before { content: ""; position: fixed; top: 0; left: 0; width: 0; height: 0; transition: opacity 0.45s ease 0.3s; opacity: 0; z-index: -1; } body.loaded::before { opacity: 1; } ::selection, ::-moz-selection, ::-webkit-selection { background:#4c4c4c; color: #fff; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins'; font-weight: 500; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: italic; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 b, .h2 b, .h3 b, .h4 b, .h5 b, .h6 b, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong{ font-weight: 700; } h1, h2, h3, h4, h5, h6 { color: #000; } .text-light h1:not(.colored), .text-light h2:not(.colored), .text-light h3:not(.colored), .text-light h4:not(.colored), .text-light h5:not(.colored), .text-light h6:not(.colored), h1.text-light:not(.colored), h2.text-light:not(.colored), h3.text-light:not(.colored), h4.text-light:not(.colored), h5.text-light:not(.colored), h6.text-light:not(.colored) { color: #fff; } h1, .h1 { font-size: 54px; line-height: 62px; } h2, .h2 { font-size: 40px; line-height: 48px; } h3, .h3 { font-size: 32px; line-height: 40px; } h4, .h4 { font-size: 22px; line-height: 30px; } h5, .h5 { font-size: 18px; line-height: 25px; } h6, .h6 { font-size: 16px; line-height: 22px; } div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 40px; } i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 15px; } div h1:first-child, div h2:first-child { margin-top: -0.18em; } div h1:last-child, div h2:last-child { margin-bottom: -0.18em; } div h3:first-child, div h4:first-child { margin-top: -0.15em; } div h3:last-child, div h4:last-child { margin-bottom: -0.15em; } div h5:first-child, div h6:first-child { margin-top: -0.12em; } div h5:last-child, div h6:last-child { margin-bottom: -0.12em; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 20px; } .title-alt { color: rgba(0,0,0,0.31); font-weight: 400; } .text-light .title-alt, .title-alt.text-light { color: rgba(255,255,255,0.48); } .title-alt b, .title-alt strong, strong .title-alt { font-weight: 500; } .uppercase, .title-alt.uppercase { text-transform: uppercase; letter-spacing: 0.08em; } input { -webkit-appearance: none; } input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="search"], textarea { font-family: 'Poppins'; font-weight: 400; font-size: 14px; background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.11); line-height: 28px !important; height: 28px; color: #000; padding: 10px 0px 2px 0; transition: all 200ms ease; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0; resize: none; position: relative; width: 100%; max-width: calc(100% - 0px); } textarea { min-height: 10rem; } .text-light:not(.transparent) input[type="text"], .text-light:not(.transparent) input[type="password"], .text-light:not(.transparent) input[type="email"], .text-light:not(.transparent) input[type="number"], .text-light:not(.transparent) input[type="tel"], .text-light:not(.transparent) input[type="date"], .text-light:not(.transparent) input[type="search"], .text-light:not(.transparent) textarea { color: #fff; border-color: rgba(255,255,255,0.28); } input[type="submit"], .button, button { font-family: 'Poppins'; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; display: inline-block; padding: 12px 30px; max-width: 100%; cursor: pointer; text-align: center; margin-bottom: 5px; transition: all 0.2s ease; color: #fff; background: #000; border: none; position: relative; border-radius: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .text-light input[type="submit"], .text-light .button, .text-light button { background: #fff; color: #000; } input[type="submit"]:hover, .button:hover, button:not(.sr-button):hover { background: rgba(0,0,0,0.61); color: #fff; } .text-light input[type="submit"]:hover, .text-light .button:hover, .text-light button:hover { background: rgba(255,255,255,0.69); color: #000; } input[type="checkbox"], input[type="radio"] { margin-left: 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } select { cursor: pointer; font-family: 'Poppins'; font-weight: 400; font-size: 14px; background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.11); line-height: 34px; height: 34px; width: 100%; max-width: 100%; text-overflow: ellipsis; padding: 0 10px 0px 0; margin-top: 7px; color: #000; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0; min-width: 120px; background-image:url("https://www.amirg.at/wp-content/themes/vavo/files/css/../assets/select-arrow.png"); background-position: right 3px center; background-repeat: no-repeat; -webkit-background-size:11px 8px; -moz-background-size:11px 8px; -o-background-size:11px 8px; background-size:11px 8px; } .text-light select { color: #fff; border-color: rgba(255,255,255,0.28); background-image:url("https://www.amirg.at/wp-content/themes/vavo/files/css/../assets/select-arrow-light.png"); } select option { cursor: pointer; padding: 5px 7px; } label, .label { font-family: 'Poppins'; font-weight: 400; font-size: 12px; line-height: 24px; width: 100%; color: rgba(0,0,0,0.31); display: block; transition: color 0.2s ease; } .text-light label, .text-light .label { color: rgba(255,255,255,0.48); } .form-row.check-error label, .woocommerce-invalid label, .check-error label { color: #fa4d5a !important; } label abbr { color: rgba(0,0,0,0.31); text-decoration: none; } .text-light abbr { color: rgba(255,255,255,0.48); } form { margin-top: 50px; padding: 1px 0 0 0; } div form:first-child { margin: 0; } form .form-row { margin-top: 50px; position: relative; } div form:first-child .form-row:first-child, div form:first-child .form-row.one-half:nth-child(2), div form:first-child .form-row.one-third:nth-child(2), div form:first-child .form-row.one-third:nth-child(3), div form:first-child .form-row.two-third:nth-child(2), div form:first-child .form-row.one-fourth:nth-child(2), div form:first-child .form-row.one-fourth:nth-child(3), div form:first-child .form-row.one-fourth:nth-child(4), div form:first-child .form-row.two-fourth:nth-child(2), div form:first-child .form-row.two-fourth:nth-child(3), #reply-title + form:first-child .form-row:first-child { margin-top: 0; } form p.form-row { line-height: 0; font-size: 0; } .form-row.hidden { display: none; } form .form-submit { margin-top: 50px; } .wpcf7-not-valid-tip { display: none !important; } .screen-reader-response + .wpcf7-form, .wpcf7-form > div[style="display: none;"] + .form-row, .wpcf7-form > div[style="display: none;"] + .form-row.one-half + .form-row.one-half { margin-top: 0; } .wpcf7 .ajax-loader { position: relative; width: 22px; height: 5px; margin-left: 10px; background: none !important; -webkit-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite; -moz-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite; animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite; } .wpcf7 .ajax-loader::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 4px; background: #000; border-radius: 5px; } .text-light .wpcf7 .ajax-loader::before { background: #fff; } .wpcf7-response-output { display:block !important; border: none !important; color: #fff !important; margin: 0 !important; padding: 25px !important; position: fixed; width: 300px; background: #fa4d5a; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; opacity: 0; visibility: hidden; } .sent .wpcf7-response-output { background: #3ae285; } .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.sent .wpcf7-response-output { -webkit-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ; -moz-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ; -o-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ; -ms-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ; animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ; } @-webkit-keyframes error_message_show { 0% { opacity: 0; visibility: hidden; } 10% { opacity: 1; visibility: visible; } 90% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-moz-keyframes error_message_show { 0% { opacity: 0; visibility: hidden; } 10% { opacity: 1; visibility: visible; } 90% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes error_message_show { 0% { opacity: 0; visibility: hidden; } 10% { opacity: 1; visibility: visible; } 90% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } table { margin: 50px 0; border-collapse: collapse; width: 100%; max-width: 100%; } div table:first-child { margin-top: 0; } table caption { font-weight: 600; margin-bottom: 10px; } table th { font-family: 'Poppins'; font-weight: 500; color: #000; font-size: 14px; line-height: 1.3em; } .text-light table th { color: #fff; } table thead th { font-weight: 400; color: rgba(0,0,0,0.31); font-size: 12px; } .text-light table thead th { color: rgba(255,255,255,0.48); } table td, table th { padding: 15px; border: 1px solid rgba(0,0,0,0.11); } .text-light table td, .text-light table th { border-color: rgba(255,255,255,0.28); } table thead td, table thead th { padding-top: 0; border: none; } .table-scroll { max-width: 100%; overflow-y: auto; margin-top: 30px; } div .table-scroll:first-child { margin-top: 0; } .table-scroll table { min-width: 550px; } a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0.0); color: #000; transition: all 0.2s ease; } a:hover { color: rgba(0,0,0,0.31); } .text-light a, a.text-light, .text-dark a.text-light { color: #fff; } .text-light a:hover, a.text-light:hover, .text-dark a.text-light:hover { color: rgba(255,255,255,0.48); } p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), .blog-content ul li a, table a { border-bottom: 1px solid #000; color: #000; } p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover, .blog-content ul li a:hover { color: rgba(0,0,0,0.31); } .text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { border-color: #fff; color: #fff; } p.h1 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), p.h2 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), p.h3 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { border-bottom-width: 4px; } p.h4 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), p.h5 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), p.h6 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { border-bottom-width: 2px; } blockquote p a { border: none; } img, object, video, audio { max-width: 100%; height: auto; display: inline-block; margin:0; vertical-align:top; } p img { margin-top: 25px; } p img:first-child { margin-top: 0; } img.alignleft { margin: 3px 25px 25px 0; float: left; } img.alignright { margin: 3px 0px 25px 25px; float: right; } svg { max-width: 100%; } p + video, p + audio { margin-top: 25px; } ul { margin-top: 40px; margin-left: 30px; list-style: disc; } ul.nolist { list-style: none; margin-left: 0; } div ul:first-child, li ul:first-child { margin-top: 0; } ul ul.children { margin-top: 0px; margin-bottom: 10px; } ol { margin-top: 40px; margin-left: 30px; list-style: decimal; } div ol:first-child, li ol:first-child { margin-top: 0; } ul li, ol li { margin-top: 8px; } ul.biglist li, ol.biglist li, ul.nolist li, ol.nolist li { color: #000; } .text-light ul.biglist li, .text-light ol.biglist li, .text-light ul.nolist li, .text-light ol.nolist li { color: #fff; } ul.biglist li, ol.biglist li { font-size: 18px; line-height: 28px; margin-top: 12px; } ul li:first-child, ol li:first-child { margin-top: 0; } dl { margin-top: 20px; } div dl:first-child{ margin-top: 0; } dl dd { margin-bottom: 20px; } p { margin-top: 40px; } div p:not(.form-row):first-child { margin-top: 0; } strong, b, dt { font-weight: 600; } i, dfn, em { font-style: italic; } blockquote { font-weight: 400; font-size: 1.4em; line-height: 1.5em; color: #000; position: relative; max-width: 1200px; margin: 40px auto; padding: 5px 4% 5px 4%; border-left: 2px solid rgba(0,0,0,0.11); } #page-title blockquote { font-size: 36px; line-height: 54px; } [class*='wrapper'] blockquote { max-width: 100%; } .text-light blockquote, blockquote.text-light { color: #fff; border-color: rgba(255,255,255,0.28); } div blockquote:first-child { margin-top: 0; } figure > blockquote:first-child { margin: 0px auto; } blockquote cite, cite, cite a { font-weight: 500; letter-spacing: 0em; font-style: normal; margin-top: 15px; display: inline-block; font-size: 13px; line-height: 16px; color: rgba(0,0,0,0.31) !important; border: none; } .text-lioht blockquote cite { color: rgba(255,255,255,0.48) !important; } cite a { margin: 0; border-color: rgba(0,0,0,0.31) !important; } .text-light cite a { border-color: rgba(255,255,255,0.48) !important; } cite a:hover { margin: 0; border-color: #000 !important; } .text-light cite a:hover { border-color: #fff !important; } blockquote figure { margin: 20px auto 0 auto; width: 80px; height: 80px; border-radius: 60px; overflow: hidden; text-align: center; } blockquote p { margin: 0; } pre { padding: 4%; margin-top: 20px; font-size: 13px; line-height: 18px; background: rgba(0,0,0,0.04); display: block; border-radius: 0; overflow-x: auto; } .text-light pre { background: rgba(255,255,255,0.11); } div pre:first-child { margin-top: 0; } code, kbd, tt { padding: 0; display: inline-block; border-radius: 0; color: rgba(0,0,0,0.31); font-weight: 400; font-size: 80%; line-height: 1.45em; position: relative; top: -1px; } .text-light code, .text-light kbd, .text-light tt { color: rgba(255,255,255,0.48); } big { font-size: 1.2em; display: inline-block; } small { font-size: 0.85em; display: inline-block; } h1 small, h2 small, h3 small, h4 small { font-size: 0.6em; } h5 small { font-size: 0.75em; } h6 small { font-size: 0.85em; } small a { border-bottom-width: 1px !important; } mark { background: #000; color: #fff; font-weight: 500; padding: 0 2px; } .text-light mark { background: #fff; color: #000; } address { margin-top: 20px; border: 1px solid rgba(0,0,0,0.11); padding: 20px; display: inline-block; font-style: normal; font-size: 0.85em; line-height: 1.5em; font-weight: 500; } .text-light address:first-child { border-color: rgba(255,255,255,0.28); } address:first-child { margin-top: 0px; } hr { box-sizing: content-box; height: 0; border: 0; margin: 20px 0 20px 0; border-top: 1px solid rgba(0,0,0,0.11); } .text-light hr { border-color: rgba(255,255,255,0.28); } #page-content { overflow: hidden; position: relative; margin: 0; max-width: 100%; min-height: 101vh; -ms-word-wrap: break-word; word-wrap: break-word; } .loading-end #page-content { min-height: auto; } #page-body { position: relative; z-index: 2; } #page-body > *:not(.slist-wrapper):not(#single-share) { opacity: 0; visibility: hidden; transition: all 0.5s ease; } body.loading-end #page-body > *:not(.slist-wrapper):not(#single-share) { opacity: 1; visibility: visible; } .wrapper, .wrapper-small, .wrapper-medium, .wrapper-mini { width: 1440px; margin: 0 auto; max-width: calc(100% - 160px); } .wrapper .wrapper, .wrapper .wrapper-medium, .wrapper .wrapper-small, .wrapper-small .wrapper, .wrapper-small .wrapper-medium, .wrapper-small .wrapper-small, .wrapper-medium .wrapper, .wrapper-medium .wrapper-medium, .wrapper-medium .wrapper-small { max-width: 100% !important; } .wrapper-mini { width: 420px; } .wrapper-small { width: 780px; } .wrapper-medium { width: 1080px; } .wrapper::after, .wrapper-small::after, .wrapper-medium::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .main-content { width: calc(100% - 320px); } aside.sidebar { width: 260px; margin-bottom: 60px; } .left-float { float: left; } .right-float { float: right; } .align-center { text-align: center; } .align-right { text-align: right; } .sr-loader-icon, .wcapf-before-update { position: absolute; top: calc(50% - 2px); left: calc(50% - 2px); width: 5px; height: 5px; -webkit-animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite; -moz-animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite; animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite; background: none !important; } .wcapf-before-update { top: 100px !important; } .sr-loader-icon::after, .wcapf-before-update::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; border-radius: 100%; } .text-light .sr-loader-icon::after, .text-light .wcapf-before-update::after { background: #fff; } @-webkit-keyframes loader_dot_anim { 0% { transform: scale(1); } 50% { transform: scale(1.6); } 100% { transform: scale(1); } } @-moz-keyframes loader_dot_anim { 0% { transform: scale(1); } 50% { transform: scale(1.6); } 100% { transform: scale(1); } } @keyframes loader_dot_anim { 0% { transform: scale(1); } 50% { transform: scale(1.6); } 100% { transform: scale(1); } } #header { z-index: 1501; width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; transition: opacity 0.35s ease, transform 0.35s ease; opacity: 1; transform: none; transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s; } #header.sticky { position: fixed; } .hide-headerfooter #header, .hide-headerfooter.loaded #header { opacity: 0; transform: translateY(-10px); transition-delay: 0.15s; } #header .header-inner { padding: 50px 0; position: relative; } #header .header-inner * { pointer-events: auto; } #header #logo { width: auto; float: left; position: relative; z-index: 2; } #header #logo img { height: 25px; transition: all 0.3s ease; width: auto; } header #logo .text-logo { line-height: 25px; font-size: 20px; font-weight: 500; text-transform: uppercase; } #header #logo img#dark-logo ~ img#light-logo { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo { opacity: 0; visibility: hidden; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo { opacity: 1; visibility: visible; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo { opacity: 0; visibility: hidden; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo { opacity: 1; visibility: visible; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; } body #header .header-light-forced #logo img#dark-logo { opacity: 0 !important; visibility: hidden !important; } body #header .header-light-forced #logo img#dark-logo ~ img#light-logo { opacity: 1 !important; visibility: visible !important; } body #header .header-dark-forced #logo img#dark-logo { opacity: 1 !important; visibility: visible !important; } body #header .header-dark-forced #logo img#dark-logo ~ img#light-logo { opacity: 0 !important; visibility: hidden !important; } #header .pseudo-close { position: fixed; left: 0; top: 0; width: 0; height: 100%; background: #000; opacity: 0; visibility: hidden; z-index: 1600; transition: all 0.6s ease, width 0.01s ease 0.6s; } #footer { margin: 0 auto; transition: opacity 0.35s ease, transform 0.35s ease; transform: translateY(15px); opacity: 0; z-index: 3; position: relative; } body.loaded #footer { opacity: 1; transform: none; transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s; } .hide-headerfooter #footer, .hide-footer #footer { opacity: 0 !important; transform: translateY(15px) !important; transition-delay: 0.15s !important; } #footer.sticky { pointer-events: none; position: fixed; left: 0; bottom: 0; z-index: 3; width: 100%; } #footer .footer-inner { padding: 50px 0; } #footer.sticky .footer-inner { padding: 0 0 50px 0; } #footer .column-section .column.last-col { text-align: right; } #footer .column-section .column a { pointer-events: auto; } .copyright { margin-top: 6px; font-size: 11px; line-height: 15px; color: rgba(0,0,0,0.31); } .copyright a { color: rgba(0,0,0,0.31) !important; border-color: rgba(0,0,0,0.11) !important; } .copyright a:hover { color: #000 !important; } #footer .socialmedia-widget { margin-top: 6px !important; } #footer .socialmedia-widget li a { opacity: 0.31; } #footer .socialmedia-widget li a:hover { opacity: 1; } #menu { position: relative; z-index: 1; float: right; } #menu #menu-inner { display: inline-block; } @media only screen and (max-width: 1024px) { #menu #menu-inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } nav#main-nav > ul { list-style: none; margin: 0; padding: 0; font-size: 0; height: 25px; } nav#main-nav > ul > li { margin: 0 25px; display: inline-block; padding: 0; position: relative; height: 26px; top: -0.5px; } #menu nav#main-nav > ul > li:first-child { margin-left: 0; } #menu nav#main-nav > ul > li:last-child { margin-right: 0; } nav#main-nav ul > li a { font-family: 'Poppins'; font-weight: 400; font-size: 12.5px; letter-spacing: -0.02em; display: block; color: #000; height: 22px; line-height: 22px; margin: 2px 0; position: relative; transition: all 0.45s ease 0.1s; overflow: hidden; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav ul > li a { color: #fff; } body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li > a { color: #fff; } body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li > a { color: #000; } body .header-light-forced nav#main-nav ul > li a { color: #fff !important; } body .header-dark-forced nav#main-nav ul > li a { color: #000 !important; } nav#main-nav.fade ul > li.hide > a { opacity: 0.31; transition-delay: 0s; } nav#main-nav.underline ul > li > a::after { content: ""; position: absolute; bottom: 0em; left: 0; width: 100%; height: 2px; background-color: rgba(0,0,0,0.11); transform: translateX(-101%); opacity: 1; transition: all 0.6s cubic-bezier(.19,1,.22,1), background 0.3s ease; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav.underline ul > li > a::after { background-color: rgba(255,255,255,0.28); } body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav.underline ul > li > a::after { background-color: rgba(255,255,255,0.28); } body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav.underline ul > li > a::after { background-color: rgba(0,0,0,0.11); } body .header-light-forced nav#main-nav.underline ul > li > a::after { background-color: rgba(255,255,255,0.28) !important; } body .header-dark-forced nav#main-nav.underline ul > li > a::after { background-color: rgba(0,0,0,0.11) !important; } nav#main-nav.underline ul > li:not(.hide):hover > a::after, nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after { transform: translateY(0); opacity: 1; } nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after { transition-delay: 0.2s; } nav#main-nav.slide ul > li > a > span.slide-hover::after { content: attr(data-hover); transform: translateY(-100%) ; position: absolute; top: 0; left: 0; } nav#main-nav:not(.slide) ul > li > a > span.slide-hover::after { display: none; } nav#main-nav.slide ul > li > a > span.slide-hover span.default, nav#main-nav.slide ul > li > a > span.slide-hover::after { display: inline-block; -webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); } nav#main-nav.slide ul > li:hover > a > span.slide-hover span.default { transform: translateY(100%) ; } nav#main-nav.slide ul > li:hover > a > span.slide-hover::after { transform: translateY(0%); } nav#main-nav.color ul > li:not(.hide):hover > a, nav#main-nav.color ul > li:not(.hide).current-menu-item > a { color: #7fbeb0; } nav#main-nav > ul > li ul.sub-menu { margin: 0; position: absolute; top: 26px; left: -25px; opacity: 0; visibility: hidden; transition: all 0.4s ease; white-space: nowrap; padding: 30px 25px 20px 25px; transform: translateY(15px); min-width: 140px; } nav#main-nav > ul > li ul.sub-menu.right-align { left: auto; right: 0; } nav#main-nav > ul li:hover > ul.sub-menu { transition-delay: 0.1s; opacity: 1; visibility: visible; transform: translateY(0); } nav#main-nav > ul > li ul.sub-menu::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 10px); background: #f7f7f7; border-radius: 0; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before, body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before { background: #262626; } body.loading-end.scrolled-hero:not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before, body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before { background: #f7f7f7; } nav#main-nav > ul > li ul.sub-menu > li { margin: 6px 0; padding: 0; transform: translateY(10px); opacity: 0; transition: all 0.6s ease; } nav#main-nav > ul > li ul.sub-menu > li:first-child { margin-top: 0; } nav#main-nav > ul > li ul.sub-menu > li:last-child { margin-bottom: 0; } nav#main-nav > ul > li:hover ul.sub-menu > li { transform: translateY(0); opacity: 1; } nav#main-nav > ul > li:hover ul.sub-menu > li { transition-delay: 0.14s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(2n) { transition-delay: 0.16s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(3n) { transition-delay: 0.18s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(4n) { transition-delay: 0.20s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(5n) { transition-delay: 0.22s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(6n) { transition-delay: 0.24s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(7n) { transition-delay: 0.26s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(8n) { transition-delay: 0.28s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(9n) { transition-delay: 0.30s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(10n) { transition-delay: 0.32s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(11n) { transition-delay: 0.34s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(12n) { transition-delay: 0.36s; } nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(13n) { transition-delay: 0.38s; } nav#main-nav > ul > li ul.sub-menu > li > a { font-size: 13px; text-transform: none; font-weight: 400; letter-spacing: 0; padding: 1px 0; line-height: 20px; height: auto; display: inline-block; vertical-align:top; white-space: normal; } nav#main-nav > ul > li ul.sub-menu ul.sub-menu { top: -30px; left: auto; right: -25px; transform: translateX(100%); } nav#main-nav > ul > li ul.sub-menu.right-align ul.sub-menu, nav#main-nav > ul > li ul.sub-menu ul.sub-menu.right-align { left: -25px; right: auto; transform: translateX(-100%); } #menu.menu-hidden nav#main-nav > ul > li { visibility: hidden; transform: translateX(10px); opacity: 0; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995); } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li { transform: none; overflow: inherit; opacity: 1; visibility: visible; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(2) { transition-delay: 0.08s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(3) { transition-delay: 0.16s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(4) { transition-delay: 0.24s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(5) { transition-delay: 0.32s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(6) { transition-delay: 0.4s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(7) { transition-delay: 0.48s; } .menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(8) { transition-delay: 0.56s; } .menu-toggle { width: 25px; height: 25px; position: relative; display: inline-block; cursor: pointer; overflow: hidden; margin-left: 30px; } #menu:not(.menu-hidden) .menu-toggle { display: none; } .menu-toggle span.hamburger { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 19px; height: 19px; } .menu-toggle span.hamburger::after, .menu-toggle span.hamburger::before { content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; top: calc(50% - 1px); right: 0; -webkit-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000); -moz-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000); -o-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000); transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000); } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::after, body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::before { background: #fff; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::after, body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::before { background: #fff; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::after, body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::before { background: #000; } body #header .header-light-forced .menu-toggle span.hamburger::after, body #header .header-light-forced .menu-toggle span.hamburger::before { background: #fff !important; } body #header .header-dark-forced .menu-toggle span.hamburger::after, body #header .header-dark-forced .menu-toggle span.hamburger::before { background: #000 !important; } .menu-toggle span.hamburger::before { margin-top: -4px; } .menu-toggle span.hamburger::after { margin-top: 4px; } body.loading-end.menu-is-open .menu-toggle span:before, body.loading-end.menu-is-open .menu-toggle span:after { margin: 0; transform: rotate(135deg); } body.loading-end.menu-is-open .menu-toggle span:after { transform: rotate(-135deg); } .menu-language { font-family: "DM Sans"; font-weight: 400; font-size: 11px !important; color: rgba(0,0,0,0.31); height: 20px; text-align: center; z-index: 1510; transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.2s; position: absolute; top: 18px; right: 0; overflow: hidden; } .menu-language span, .menu-language a { line-height: 20px; height: 20px; display: inline-block; vertical-align: top; } .menu-language a { color: #000; margin-left: 5px; } .menu-language:hover > a, .menu-language.isopen > a { margin-left: 20px; opacity: 0.31; } .menu-language > a:hover { opacity: 1; } .menu-language ul { list-style: none; margin: 0; float: right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995); margin-right: -125px; } .menu-language:hover ul, .menu-language.isopen ul { margin-right: 0 !important; } .menu-language ul li { height: 20px; line-height: 20px; display: inline-block; margin: 0; padding: 0; transform: translateX(10px); opacity: 0; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.15s; } .menu-language:hover ul li, .menu-language.isopen ul li { transform: translateX(0); opacity: 1; } .menu-language:hover ul li:nth-child(2), .menu-language.isopen ul li:nth-child(2) { transition-delay: 0.25s; } .menu-language:hover ul li:nth-child(3), .menu-language.isopen ul li:nth-child(3) { transition-delay: 0.35s; } .menu-language:hover ul li:nth-child(4), .menu-language.isopen ul li:nth-child(4) { transition-delay: 0.45s; } .menu-language ul li a { margin-left: 15px; } .menu-language ul li.hide a, .menu-language > a:hover + ul li a { opacity: 0.31; transition-delay: 0s; } #hero { position: relative; overflow: hidden; width: 100%; max-width: 100%; margin: 0 auto; opacity: 0; visibility: hidden; transition: all 0.7s ease; } body.loading-end #hero { opacity: 1; visibility: visible; } #hero.hero-big { min-height: 75vh; } #hero.hero-fullscreen { min-height: 100vh; } #hero #page-title { padding-top: calc(60px + 100px + 25px); padding-bottom: calc(120px); position: relative; z-index: 1; margin: 0 auto; } .single-post #hero.hero-auto #page-title { padding-bottom: 100px; } #hero.hero-fullscreen #page-title, #hero.hero-big #page-title, #hero.hero-custom #page-title { margin-top: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } #hero.hero-fullscreen #page-title.title-top, #hero.hero-fullscreen #page-title.title-bottom, #hero.hero-fullscreen #page-title.push-bottom:not(.title-top), #hero.hero-big #page-title.title-top, #hero.hero-big #page-title.title-bottom, #hero.hero-big #page-title.push-bottom:not(.title-top), #hero.hero-custom #page-title.title-top, #hero.hero-custom #page-title.title-bottom, #hero.hero-custom #page-title.push-bottom:not(.title-top) { top: 0; -webkit-transform: translateY(0%) translateX(-50%); -moz-transform: translateY(0%) translateX(-50%); -ms-transform: translateY(0%) translateX(-50%); -o-transform: translateY(0%) translateX(-50%); transform: translateY(0%) translateX(-50%); } #hero.hero-fullscreen #page-title.title-center, #hero.hero-big #page-title.title-center, #hero.hero-custom #page-title.title-center { padding-top: calc(60px + 100px + 25px); padding-bottom: calc(60px + 100px + 25px); } #hero.hero-fullscreen #page-title.title-bottom, #hero.hero-big #page-title.title-bottom, #hero.hero-custom #page-title.title-bottom { top: auto; bottom: 0; padding-bottom: 60px; } #hero.type-default #page-title h1, #hero.type-default #page-title .title-alt, #hero.type-default #page-title .post-meta { transform: translateY(30px) rotate(-2deg); transform-origin: top right; opacity: 0; transition: all 1.4s cubic-bezier(.19,1,.22,1); } body.loading-end #hero.type-default #page-title h1, body.loading-end #hero.type-default #page-title .title-alt, body.loading-end #hero.type-default #page-title .post-meta { transform: none; opacity: 1; transition-delay: 0.55s; } body.loading-end #hero.type-default #page-title .title-alt, body.loading-end #hero.type-default #page-title .post-meta { transition-delay: 0.62s; } body.loading-end #hero.type-default #page-title .title-alt:first-child { transition-delay: 0.48s; } #hero #scrolldown { position: absolute; left: 0px; bottom: 20px; z-index: 100; width: 100%; } #hero #scrolldown .right { text-align: right; } #hero #scrolldown .center { text-align: center; } #hero #scrolldown .scroll-button { font-size: 11px; line-height: 20px; color: rgba(0,0,0,0.31); position: relative; display: inline-block; } #hero #scrolldown .scroll-button:hover { color: #000; } #hero #scrolldown .scroll-button.scroll-light { color: rgba(255,255,255,0.48); } #hero #scrolldown .scroll-button.scroll-light:hover { color: #fff; } #hero #scrolldown .scroll-button span { border: 1px solid rgba(0,0,0,0.11); width: 50px; height: 50px; float: left; display: block; border-radius: 25px; position: relative; transform: rotate(90deg) translateX(-15px); margin-right: 20px; } #hero #scrolldown .scroll-button.scroll-light span { border-color: rgba(255,255,255,0.28); } #hero #scrolldown .right .scroll-button span { margin-left: 20px; float: right; } #hero #scrolldown .center .scroll-button span { position: absolute; top: -60px; left: 50%; transform: translateX(-50%) rotate(90deg); } #hero #scrolldown .scroll-button svg { fill: #000; width: 14px; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 52%; } #hero #scrolldown .scroll-button.scroll-light svg { fill: #fff; } .portfolio-info { margin-top: 25px; margin-bottom: 25px; } .isotope-grid:not(.isotope-spaced):not(.isotope-spaced-big):not(.isotope-spaced-huge) .portfolio-info { padding-left: 20px; padding-bottom: 25px; } .portfolio-category + .portfolio-name { margin-top: 0px; } .portfolio-info .portfolio-category { color: rgba(0,0,0,0.31); } .text-light .portfolio-info .portfolio-category { color: rgba(255,255,255,0.48); } .portfolio-filter { text-align: center; margin-bottom: 60px; position: relative; } .portfolio-filter.text-left { text-align: left; } .portfolio-filter.text-right { text-align: right; } .size-h3 .portfolio-filter { margin-bottom: 40px; } .size-h4 .portfolio-filter, .size-h5 .portfolio-filter, .size-h6 .portfolio-filter { margin-bottom: 30px; } .portfolio-filter .widget-title { line-height: 24px; height: 24px; position: absolute; left: 0; top: 3px; width: 100%; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995); } .slist-wrapper.active .portfolio-filter .widget-title { transform: translateY(-100%); opacity: 0; transition-delay: 0s; } .portfolio-filter .widget-title .current { color: #000; margin-left: 5px; cursor: pointer; } .text-light .portfolio-filter .widget-title .current { color: #fff; } .portfolio-filter .widget-title span { transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995); display: inline-block; transition-delay: 0.3s; } .portfolio-filter.visible .widget-title span { transform: translateY(-110%); transition-delay: 0s; } .portfolio-filter.visible .widget-title span.current { opacity: 0; } .portfolio-filter.visible .widget-title span:nth-child(2) { transition-delay: 0.04s; } .portfolio-filter .grid-filter { overflow: hidden; text-align: center; list-style: none; margin: 0; height: 33px; min-height: 33px; opacity: 0; visibility: hidden; transition: all 0.01s ease 0.5s; line-height: 0; font-size: 0; } .portfolio-filter.text-left .grid-filter { text-align: left; } .portfolio-filter.text-right .grid-filter { text-align: left; } .portfolio-filter.visible .grid-filter { opacity: 1; visibility: visible; height: auto; transition-delay: 0s; } .grid-filter li { position: relative; display: inline-block; margin: 0 15px; margin-bottom: 3px; line-height: auto; height: auto; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s; overflow: hidden; } .portfolio-filter.text-left .grid-filter li { margin: 0 30px 3px 0; } .portfolio-filter.text-right .grid-filter li { margin: 0 0 3px 30px; } .grid-filter li a { font-size: 13px; font-weight: 400; position: relative; display: inline-block; line-height: 24px; height: 24px; display: block; color: #000; height: auto; transform: translateY(100%); transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s; } .text-light .grid-filter li a { color: #fff; } .portfolio-filter.visible .grid-filter li a { transform: translateY(0); } .portfolio-filter.visible .grid-filter li:nth-child(2) a { transition-delay: 0.08s; } .portfolio-filter.visible .grid-filter li:nth-child(3) a { transition-delay: 0.11s; } .portfolio-filter.visible .grid-filter li:nth-child(4) a { transition-delay: 0.14s; } .portfolio-filter.visible .grid-filter li:nth-child(5) a { transition-delay: 0.17s; } .portfolio-filter.visible .grid-filter li:nth-child(6) a { transition-delay: 0.20s; } .portfolio-filter.visible .grid-filter li:nth-child(7) a { transition-delay: 0.23s; } .portfolio-filter.visible .grid-filter li:nth-child(8) a { transition-delay: 0.26s; } .grid-filter li.hide a { opacity: 0.31; transition-delay: 0s; } #single-share { transform: rotate(-90deg); position: fixed; top: 60px; right: 10px; width: calc(100vh - 120px); margin: 0; transform-origin: top right; transform: rotate(-90deg) translateY(-100%); text-align: center; overflow: hidden; transition: all 0.35s ease; opacity: 0; z-index: 3; } body.scrolled-hero.loading-end #single-share { right: 20px; opacity: 1; visibility: visible; } #single-share .widget-title { cursor: pointer; display: inline-block; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995); transition-delay: 0.3s; } #single-share.visible .widget-title { transform: translateY(-100%); transition-delay: 0s; } #single-share .socialmedia-widget { width: 100%; text-align: center; margin: 0 !important; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.02s ease 0.6s } #single-share.visible .socialmedia-widget { opacity: 1; visibility: visible; transition-delay: 0s; } #single-share .socialmedia-widget li { transform: translateY(100%); transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s; } #single-share.visible .socialmedia-widget li { transform: translateY(0); } #single-share.visible .socialmedia-widget li:nth-child(2) { transition-delay: 0.08s; } #single-share.visible .socialmedia-widget li:nth-child(3) { transition-delay: 0.11s; } #single-share.visible .socialmedia-widget li:nth-child(4) { transition-delay: 0.14s; } .post-content { margin-top: 30px; margin-bottom: 30px; } .isotope-spaced-huge .post-content { margin-bottom: 0; } div .post-content:first-child { margin-top: 0; } .post-item.sticky .post-content { background: rgba(0,0,0,0.04); margin-top: 0; padding: 30px; margin-bottom: 0; border-radius: 0; } .post-item.search-item .post-content { border: 1px solid rgba(0,0,0,0.11); margin-top: 0; padding: 30px; margin-bottom: 0; border-radius: 0; } .post-item .post-content .entry-title { font-family: 'Poppins'; font-weight: 500; } .post-item .post-content .entry-title + .post-content, .post-item .post-content .entry-title + blockquote { margin-top: 20px; } .post-item .post-meta { margin: 10px 0 20px 0; } .post-date, .post-cat, .post-author { color: rgba(0,0,0,0.31); display: inline-block; margin-right: 30px; position: relative; word-wrap: normal; font-size: 12px; line-height: 17px; } .text-light .post-date, .text-light .post-cat, .text-light .post-author { color: rgba(255,255,255,0.48); } #page-title .post-cat { margin-right: 0px; } .post-cat a, .post-author a { color: rgba(0,0,0,0.31); } .text-light .post-cat a, text-light .post-author a { color: rgba(255,255,255,0.48); } .post-cat a:hover, .post-author a:hover { color: #000; } .text-light .post-cat a:hover, .text-light .post-author a:hover { color: #fff; } .post-date::after, .post-cat::after, .post-author::after { content: ""; position: absolute; top: 50%; right: -22px; width: 13px; height: 1px; background-color: rgba(0,0,0,0.11); } .text-light .post-date::after, .text-light .post-cat::after, .text-light .post-author::after { background-color: rgba(255,255,255,0.28); } .post-meta > *:last-child::after, .slist-item .post-meta > *::after { display: none; } .post-item .entry-excerpt { margin-top: 20px; } .post-item .entry-excerpt .read-more { margin-top: 20px; } .blog-item .blog-info blockquote { font-size: 16px; line-height: 26px; margin-bottom: 0; text-align: left; padding: 0; } .blog-item .blog-info blockquote::before, .blog-item .blog-info blockquote::after { display: none; } .blog-item .blog-info blockquote cite { font-size: 13px; } .slist.blog-list.hover-hide .slist-item.hide { opacity: 0.31; transition-delay: 0.1s; } .slist.blog-list .slist-item.sticky .slist-inner { margin-bottom: 20px; } .slist.blog-list .slist-item.sticky .slist-inner > a::before { content: ""; background: rgba(0,0,0,0.04); position: absolute; bottom: 0; left: -20px; width: calc(80% + 20px); height: 0; transition: all 0.4s ease; } body.loading-end .slist.blog-list .slist-item.sticky .slist-inner.do-anim-text.animated > a::before { height: 100%; } .slist.blog-list .slist-item .slist-inner > a { display: block; max-width: 80%; overflow: hidden; } .slist.blog-list .slist-item .post-meta { float: left; width: 180px; margin-top: 5px; margin-bottom: 0; } .slist.blog-list .slist-item .post-meta > span { display: block; margin-bottom: 10px; } .slist.blog-list .slist-item .entry-title { float: right; width: calc(100% - 210px); } #page-title .post-meta { margin-top: 40px; } #blog-single .blog-media { width: 1080px; margin: 0 auto; max-width: calc(100% - 160px); margin-bottom: 100px; text-align: center; } .meta-tags a { font-size: 11px; line-height: 18px; margin-right: 3px; display: inline-block; padding: 2px 5px; border-radius: 0; background: #f7f7f7; } .text-light .meta-tags a { background: #262626; } #blog-comments { margin-top: 100px; } #single-pagination + #blog-comments { margin-top: 0; } .comments.zero { display: none; } .comments .comment-list { background: none; list-style: none; margin: 0; padding: 0; } .comments .comment-list, .comments .comment-list + p { margin-top: 60px; } .comments .comment-list .comment { margin-top: 100px; } .comments .comment-list .comment:first-child { margin-top: 0; } .comments .comment-list .pingback { margin-top: 30px; font-size: 0.9em; line-height: 1.55em; color: rgba(0,0,0,0.31); overflow: hidden; } .comments .comment-list .pingback:first-child { margin-top: 0; } .comments .comment-list .pingback .url { border: none !important; font-weight: 500; margin-left: 10px; margin-right: 10px; } .comments .comment .comment-inner { position: relative; } .comments .comment .comment-content .content { margin-top: 20px; } .comments .comment .children { margin-left: 50px; margin-top: 100px; list-style: none; } .comments .user { float: left; width: 80px; -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; } .comments .user img { -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; width: 100%; } .comments .time { font-size: 12px; margin-top: 0; display: inline-block; color: rgba(0,0,0,0.31); } .text-light .comments .time { color: rgba(255,255,255,0.4); } .comments .name { position: relative; } .comments .comment-content { margin-left: 120px; padding-top: 18px; position: relative; } .comments .comment-content .description { margin-top: 10px; } .comments .comment-reply-link, .comments #cancel-comment-reply-link { display: inline-block; font-size: 12px; line-height: 22px; margin-left: 25px; } .comments #respond { margin-top: 50px; margin-left: 120px; } .bypostauthor { border-top: 1px solid transparent; } .no-comments { margin-top: 40px; } #blog-leavecomment { margin-top: 100px; } .comments.zero + #blog-leavecomment { margin-top: 0; } .leavecomment textarea { min-height: 100px; } .leavecomment .comment-form > .form-row:first-child { margin-top: 35px; } .leavecomment .comment-form .one-third { float: left; width: calc(33.33% - 26.66px); margin-right: 40px; } .leavecomment .comment-form .one-third.last-col { margin-right: 0%; } .comment-list .comment-form .one-third { width: 100%; margin-right: 0px; } #single-pagination + .leavecomment { margin-top: 100px; padding-top: 0; } #reply-title { font-size: 22px; line-height: 30px; } .logged-in-as { font-size: 0.85em; line-height: 1.5em; margin-top: 5px !important; } #respond form, .leavecomment form { margin-top: 0; } .comment-notes { font-size: 0.85em; line-height: 1.5em; } .slist-wrapper { padding: 120px 0; position: relative; } .slist-wrapper.height-auto { padding: 40px 0; } #hero + #page-body > .slist-wrapper:first-child, #hero + #page-body > div[class*='spacer-']:first-child + .slist-wrapper { padding-top: 0 !important; } .slist-wrapper.style-grid { padding: 0; } #hero + #page-body > .spacer-slist { display: none; } .responsive-grid { display: none; } .slist { text-align: center; } .slist.text-left { text-align: left; } .slist.text-right { text-align: right; } .slist .slist-item { text-align: center; position: relative; z-index: 4; opacity: 1; transition: all 0.4s ease 0.25s; } .slist.text-left .slist-item { text-align: left; } .slist.text-right .slist-item { text-align: right; } .slist .slist-item:hover { transition-delay: 0.2s; } .slist.block-align .slist-item { display: inline-block; margin-right: -4px; } .slist .slist-item.filtered { opacity: 0.2; cursor: default; pointer-events: none; } .slist .slist-item.hide { z-index: 2; } .slist.hover-hide .slist-item.hide { opacity: 0; transition-delay: 0s; } .slist.fade-hide .slist-item.hide { opacity: 0.24; transition-delay: 0s; } .slist.hover-hide.trans-none .slist-item, .slist.fade-hide.trans-none .slist-item { transition: all 0.1s ease 0s; } .slist .slist-item a { color: #000; padding: 8px 0; transition-delay: 0.1s !important; display: inline-block; vertical-align: top; } .text-light .slist .slist-item a { color: #fff; } .slist.spaced .slist-item a { padding: 15px 0; } .slist.spaced-big .slist-item a { padding: 20px 0; } .slist.spaced-huge .slist-item a { padding: 30px 0; } .slist.trans-none .slist-item a { transition-duration: 0s; } .slist.block-align .slist-item a { padding: 5px 10px; } .slist.block-align.spaced .slist-item a { padding: 8px 20px; } .slist.block-align.spaced-big .slist-item a { padding: 12px 30px; } .slist.block-align.spaced-huge .slist-item a { padding: 18px 50px; } .slist.block-align.text-left .slist-item a { padding: 5px 20px 5px 0; } .slist.block-align.text-left.spaced .slist-item a { padding: 8px 40px 8px 0; } .slist.block-align.text-left.spaced-big .slist-item a { padding: 12px 60px 12px 0; } .slist.block-align.text-left.spaced-huge .slist-item a { padding: 18px 100px 18px 0; } .slist.block-align.text-right .slist-item a { padding: 5px 0 5px 20px; } .slist.block-align.text-right.spaced .slist-item a { padding: 8px 0 8px 40px; } .slist.block-align.text-right.spaced-big .slist-item a { padding: 12px 0 12px 60px; } .slist.block-align.text-right.spaced-huge .slist-item a { padding: 18px 0 18px 100px; } .slist .slist-item a > * { display: inline-block; } .slist .slist-item.do-anim-text a > *, .slist .slist-item .slist-inner.do-anim-text a > *{ transform: translateY(50%) rotate(-4deg); transform-origin: top right; opacity: 0; transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0.3s ease 0.1s; } .slist.trans-none .slist-item.do-anim-text:hover a > *, .slist.trans-none .slist-item .slist-inner.do-anim-text:hover a > * { transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0s ease; } .slist.captionpos-below .slist-item a .caption-sub { display: block; } .slist.captionpos-left .slist-item a .caption-sub { margin-right: 6px; display: inline-block; } .slist.captionpos-right .slist-item a .portfolio-name { margin-right: 6px; } body.loading-end .slist .slist-item.do-anim-text.animated a > *, body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > * { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); opacity: 1; } body.loading-end .slist .slist-item.do-anim-text.animated a > .caption-sub, body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > .caption-sub { transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0.3s ease 0.1s; } body.loading-end .slist .slist-item.do-anim-text.animated a > *:nth-child(3n), body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > *:nth-child(3n) { transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0.3s ease 0.1s; } body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > .caption-sub, body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > .caption-sub { transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0s ease; } body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > *:nth-child(3n), body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > *:nth-child(3n) { transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0s ease; } .slist .slist-hover-media { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 450px; height: 450px; overflow: hidden; pointer-events: none; z-index: 1; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; transition-delay: 0.8s; } body.loading-end .slist .slist-hover-media.visible { opacity: 1; visibility: visible; transition-delay: 0s; } body:not(.loading-end) .slist .slist-hover-media { transition-delay: 0s !important; } .slist .slist-hover-media.mousemove { top: 0; left: 0; transform: none; } .slist .slist-hover-media.size-right { left: auto; right: -5%; z-index: 3; } .slist .slist-hover-media.size-right.mousemove { right: calc( (100vw - 1000px) / 2); } .slist .slist-hover-media.size-rightbottom { top: auto; bottom: 0; left: auto; right: 0; transform: none; } .slist .slist-hover-media.size-full { top: 0; left: 0; transform: none; width: 100%; height: 100%; } .slist:not(.hover-hide) .slist-hover-media:not(.size-full) { z-index: 3; } .slist .slist-hover-media.size-full.mousemove { width: 115%; height: 115%; } .slist .slist-hover-media.size-half { top: 0; left: 50%; transform: none; width: 50%; height: 100%; } .slist .slist-hover-media .slist-media { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle; opacity: 0; visibility: hidden; } .slist .slist-hover-media .slist-media.visible { z-index: 2; opacity: 1; visibility: visible; } .slist .slist-hover-media .slist-media .media { position: relative; display: inline-block; max-height: 100%; vertical-align: middle; } .slist .slist-hover-media.img-cover .slist-media .media, .slist .slist-hover-media.size-full .slist-media .media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slist .slist-hover-media.img-cover .slist-media .media .media-image, .slist .slist-hover-media.size-full .slist-media .media .media-image, .slist .slist-hover-media.size-half .slist-media .media .media-image { position: absolute; top: 0; left: 0; width: 450px; height: 450px; } .slist .slist-hover-media.size-full .slist-media .media .media-image, .slist .slist-hover-media.size-half .slist-media .media .media-image { width: 100%; height: 100%; } .slist .slist-hover-media .slist-media .media-image img { max-width: 100%; max-height: 450px; vertical-align: middle; width: auto; } .slist .slist-hover-media.img-cover .slist-media .media-image img, .slist .slist-hover-media.size-full .slist-media .media-image img, .slist .slist-hover-media.size-half .slist-media .media-image img { max-width: inherit; max-height: inherit; width: 100% !important; height: 100% !important; object-fit: cover; } .slist .slist-hover-media .slist-media .media-video { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .slist .slist-hover-media .slist-media::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0; margin-right: -7px; } .slist .slist-hover-media.trans-fade .slist-media { transition: all 0.35s ease 0.2s; } .slist .slist-hover-media.trans-fade .slist-media.visible { transition-delay: 0.1s; } .slist .slist-hover-media.trans-slide .slist-media { opacity: 1; visibility: visible; } .slist .slist-hover-media.trans-slide .slist-media .media { overflow: hidden; height: 0; -webkit-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s; -moz-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s; -o-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s; transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s; } .slist .slist-hover-media.trans-slide .slist-media.visible .media { height: 100%; transition-delay: 0.2s; } .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media, .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media > span { top:0; bottom: auto; } .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media, .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media > span { bottom:0; top: auto; } .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media, .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media > span { top:0; bottom: auto; } .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media, .slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media > span { bottom:0; top: auto; } .slist .slist-hover-media.trans-slide .slist-media .media .media-image { transform: translateY(-25%) scale(1.1); } .slist .slist-hover-media.trans-slide .slist-media.to-top .media > span, .slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span, .slist .slist-hover-media.trans-slide .slist-media.visible .media > span { -webkit-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s; -moz-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s; -o-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s; transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s; } .slist .slist-hover-media.trans-slide .slist-media.visible .media > span { transform: none !important; transition-delay: 0.1s; } .slist .slist-hover-media.trans-slide .slist-media.from-top .media > span { transform: translateY(-25%) scale(1.1); } .slist .slist-hover-media.trans-slide .slist-media.from-bottom .media > span { transform: translateY(25%) scale(1.1); } .slist .slist-hover-media.trans-slide .slist-media.to-top .media > span { transform: translateY(-25%) scale(1.1); } .slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span { transform: translateY(25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media { overflow: hidden; height: 100%; width: 0%; } .slist .slist-hover-media.trans-slide.size-half .slist-media.visible .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible .media { width: 100%; } .slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media, .slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media > span { right:0; left: auto; } .slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media, .slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media > span { left:0; right: auto; } .slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media, .slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { right:0; left: auto; } .slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media, .slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { left:0; right: auto; } .slist .slist-hover-media.trans-slide.size-half .slist-media .media .media-image, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media .media-image { transform: translateX(25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media.from-top .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-top .media > span { transform: translateX(25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media.from-bottom .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-bottom .media > span { transform: translateX(-25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { transform: translateX(25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span, .slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { transform: translateX(-25%) scale(1.1); } .slist .slist-hover-media.size-small, .slist .slist-hover-media.size-small.img-cover .slist-media .media .media-image, .slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 300px; } .slist .slist-hover-media.size-small .slist-media img { max-height: 300px; } .slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 150px; } .slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 100px; } .slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 200px; } .slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 225px; } .slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 170px; } .slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 130px; } .slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 225px; height: 300px; } .slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 200px; height: 300px; } .slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 100px; height: 300px; } .slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover, .slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 150px; height: 300px; } .slist .slist-hover-media.size-medium, .slist .slist-hover-media.size-medium.img-cover .slist-media .media .media-image, .slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 450px; } .slist .slist-hover-media.size-medium .slist-media img { max-height: 450px; } .slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 225px; } .slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 150px; } .slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 300px; } .slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 340px; } .slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 254px; } .slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 193px; } .slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 340px; height: 450px; } .slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 300px; height: 450px; } .slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 150px; height: 450px; } .slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover, .slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 225px; height: 450px; } .slist .slist-hover-media.size-big, .slist .slist-hover-media.size-big.img-cover .slist-media .media .media-image, .slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 600px; } .slist .slist-hover-media.size-big .slist-media img { max-height: 600px; } .slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 300px; } .slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 200px; } .slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 400px; } .slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 450px; } .slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 338px; } .slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 257px; } .slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 450px; height: 600px; } .slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 400px; height: 600px; } .slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 200px; height: 600px; } .slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover, .slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 300px; height: 600px; } #page-pagination { margin: 80px 0 40px 0; overflow: hidden; } .isotope-grid.shop-container + #page-pagination { padding-top: 0; } .pagination { list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; text-align: center; transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.4s; } .slist-wrapper.active .pagination { transform: translateY(100%); transition-delay: 0s; } .pagination li { padding: 0; display: inline-block; margin: 0 3px; } .pagination li:first-child, .pagination li.inactive + li { margin-left: 0; } .pagination li:last-child { margin-right: 0; } .pagination li.next { float: right; text-align: right; width: 90px; } .pagination li.prev { float: left; text-align: left; width: 90px; } .pagination li a, .pagination li > span { font-family: "Poppins"; font-weight: 400; font-size: 13px; color: rgba(0,0,0,0.31); line-height: 20px; display: inline-block; padding: 0 5px; max-width: 100%; } .text-light .pagination li a, .text-light .pagination li > span { color: rgba(255,255,255,0.48); } .pagination li:first-child a { padding-left: 0; } .pagination li:last-child a { padding-right: 0; } .pagination li a:hover, .pagination li span.current { color: #000; } .text-light .pagination li a:hover, .text-light .pagination li span.current { color: #fff; } .pagination li.inactive { pointer-events: none; opacity: 0.15; } .pagination li .icon { display: none; } .pagination li.next .icon svg, .pagination li.prev .icon svg { width: 13px; } .pagination li.next { margin-left: 15px; } .pagination li.prev { margin-right: 15px; } .pagination li.prev .icon svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } #page-pagination .pagination li.page { display: inline-block; float: none; position: relative; } #page-pagination .pagination li.page span, #page-pagination .pagination li.page a { display: block; transition: all 0.2s ease; text-align:center; } #single-pagination { padding: 80px 0; } #single-pagination + div[class*='spacer-'] { height: 0; } #single-pagination.blog-pagination { border-top: 1px solid rgba(0,0,0,0.11); border-bottom: 1px solid rgba(0,0,0,0.11); padding: 50px 0; margin-top: 100px; margin-bottom: 100px; } .text-light #single-pagination.blog-pagination { border-color: rgba(255,255,255,0.28); } #single-pagination .pagination li { float: left; width: calc(50% - 30px); } #single-pagination .pagination li.next { float: right; text-align: right; } #single-pagination .pagination li a .text { font-family: "Poppins"; font-weight: 400; font-size: 12px; color: rgba(0,0,0,0.31); } .text-light #single-pagination .pagination li a .text { color: rgba(255,255,255,0.48); } #single-pagination .pagination li .post-title { content: attr(data-title); font-family: "Poppins"; font-weight: 600; font-size: 16px; display: block; margin-top: 3px; color: #000; transition: 0.3s ease; } #single-pagination .pagination li .post-title:hover { opacity: 0.5; } .text-light #single-pagination .pagination li .post-title { color: #fff; } .content-pagination { margin-top: 50px; } .content-pagination .pages { margin-left: 20px; } .content-pagination .pages, .content-pagination .pages a { display: inline-block; color: rgba(0,0,0,0.31); font-size: 12px; line-height: 16px; font-weight: 400; } .content-pagination .pages .current { color: #000; } .content-pagination .pages a:hover { color: #000; } .content-pagination .pages * { margin: 0 5px; } #comment-pagination { margin-left: 55px; margin-top: 40px; } #comment-pagination a { border-bottom: 1px solid #000; padding: 0; } .isotope-grid { width: 100%; margin-top: 40px; margin-bottom: -1px; } .filter + .isotope-grid { margin-top: 35px; } div .isotope-grid:first-child { margin-top: 0; } [class*='wrapper'] .isotope-grid { width: 100%; } .isotope-grid::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .isotope-grid { *display: inline-block; } .isotope-grid[class*='isotope-spaced'] { width: calc(100% + 20px); left: 0; margin-bottom: -20px; } .isotope-grid[class*='isotope-spaced-big'] { width: calc(100% + 40px); left: 0; margin-bottom: -40px; } .isotope-grid[class*='isotope-spaced-huge'] { width: calc(100% + 80px); left: 0; margin-bottom: -80px; } .isotope-grid.shop-container { margin-bottom: 20px !important; } .isotope-grid.shop-container[class*='isotope-spaced'] { margin-bottom: 0px !important; } .isotope-grid .isotope-item { margin-bottom: -0.5px; float: left; position: relative; } .isotope-grid[class*='isotope-spaced'] .isotope-item { margin-bottom: 20px; margin-right: 20px; } .isotope-grid[class*='isotope-spaced-big'] .isotope-item { margin-bottom: 40px; margin-right: 40px; } .isotope-grid[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 80px; margin-right: 80px; } .isotope-grid.style-column-2 .isotope-item { width: 50%; } .isotope-grid.style-column-2 .isotope-item.double-width { width: 100%; } .isotope-grid.style-column-3 .isotope-item { width: 33.33%; } .isotope-grid.style-column-3 .isotope-item.double-width { width: 66.66%; } .isotope-grid.style-column-4 .isotope-item { width: 25%; } .isotope-grid.style-column-4 .isotope-item.double-width { width: 50%; } .isotope-grid.style-column-5 .isotope-item { width: 20%; } .isotope-grid.style-column-5 .isotope-item.double-width { width: 40%; } .isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item { width: calc(50% - 20px); } .isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item.double-width { width: calc(100% - 20px); } .isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item { width: calc(33.33% - 20px); } .isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item.double-width { width: calc(66.66% - 20px); } .isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item { width: calc(25% - 20px); } .isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item.double-width { width: calc(50% - 20px); } .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item { width: calc(20% - 20px); } .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item.double-width { width: calc(40% - 20px); } .isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item { width: calc(50% - 40px); } .isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(100% - 40px); } .isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item { width: calc(33.33% - 40px); } .isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(66.66% - 40px); } .isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item { width: calc(25% - 40px); } .isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(50% - 40px); } .isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item { width: calc(20% - 40px); } .isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(40% - 40px); } .isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item { width: calc(50% - 80px); } .isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 80px); } .isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item { width: calc(33.33% - 80px); } .isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(66.66% - 80px); } .isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item { width: calc(25% - 80px); } .isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(50% - 80px); } .isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item { width: calc(20% - 80px); } .isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(40% - 80px); } .isotope-grid.style-column-1 { width: 100% !important; left: 0; text-align: center; } .isotope-grid.style-column-1 .isotope-item { width: 100%; margin-right: 0px !important; } .isotope-grid.style-column-1[class*='isotope-spaced'] a.thumb-hover { display: inline-block; margin: 0 auto; width: auto; } .isotope-grid.style-column-1 .lazy-wrapper { margin: 0 auto; } .isotope-grid:not(.gallery-container) .isotope-item .item-media img { width: 100%; } .isotope-grid .isotope-item .ratio-wrapper > img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100% !important; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 20px; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 20px; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 40px; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 20px; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 40px; } .isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 60px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 40px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 40px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 80px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 40px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 80px; } .isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 120px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 60px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 60px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 120px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 60px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 120px; } .isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 180px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 100px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 100px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 200px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 100px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 200px; } .isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 300px; } .isotope-grid.offset-crazy .isotope-item { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .isotope-grid.offset-crazy .isotope-item:nth-child(1n) { padding: 5% 3% 1% 0%; } .isotope-grid.offset-crazy .isotope-item:nth-child(2n) { padding: 0% 2% 1% 1%; } .isotope-grid.offset-crazy .isotope-item:nth-child(3n) { padding: 1% 0% 1% 3%; } .isotope-grid.offset-crazy .isotope-item:nth-child(4n) { padding: 5% 2% 1% 3%; } .isotope-grid.offset-crazy .isotope-item:nth-child(5n) { padding: 7% 2% 1% 1%; } .isotope-grid.offset-crazy .isotope-item:nth-child(6n) { padding: 0% 0% 1% 4%; } .isotope-grid.offset-crazy .isotope-item:nth-child(7n) { padding: 0% 4% 1% 2%; } .isotope-grid.offset-crazy .isotope-item:nth-child(8n) { padding: 4% 4% 1% 0%; } .load-grid { position: relative; height: 30px; transition: all 0.4s ease 0.4s !important; margin: 60px 0 0 0; text-align: center; } .size-h3 .load-grid { margin-top: 40px; } .size-h4 .load-grid, .size-h5 .load-grid, .size-h6 .load-grid { margin-top: 30px; } .load-grid.do-anim { transform: translateY(15px) !important; } .slist.text-left ~ .load-grid { text-align: left; } .isotope-grid.shop-container + .load-grid { margin-top: 0; } .load-grid.disabled { transition: all 0.4s ease 3.2s, opacity 0.4s ease 2.8s !important; height: 0; margin: 0; opacity: 0 !important; overflow: hidden; } .slist-wrapper.active .load-grid, .slist-wrapper.active .load-grid.do-anim.animated { transform: translateY(15px) !important; transition-delay: 0s !important; opacity: 0 !important; } .load-grid a { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: all 0.3s ease; z-index: 2; } .load-grid a[data-method='infiniteload'] { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; } .load-grid.loading a, .load-grid.disabled a { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .load-grid .load-message { font-size: 12px; position: absolute; top: 50%; left: 50%; min-width: 260px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s 0.3s ease; opacity: 0; visibility: hidden; color: rgba(0,0,0,0.31); text-align: center; } .text-light .load-grid .load-message { color: rgba(255,255,255,0.4); } .slist.text-left ~ .load-grid .load-message { text-align: left; left: 0; -webkit-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); } .load-grid.disabled > .load-message { visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .load-grid .load-grid-icon { z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .slist.text-left ~ .load-grid .load-grid-icon { left: 0; } .load-grid.loading:not(.disabled) .load-grid-icon { visibility: visible; transition-delay: 0.1s; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .lazy-wrapper { width: 100%; display: block; background: rgba(0,0,0,0.04); transition: background 1s ease; position: relative; } .text-light .lazy-wrapper { background: rgba(255,255,255,0.11); } .isotope-grid[data-ratio] .lazy-wrapper { min-height: 100% !important; } .lazy-wrapper.loaded, .isotope-grid[data-ratio] .lazy-wrapper.loaded { width: auto !important; max-width: inherit !important; height: auto !important; min-height: auto !important; display: initial !important; background: transparent; } .lazy-wrapper .lazy-img { opacity: 0; transition: opacity 0.6s ease; display: block; } .lazy-wrapper.loaded .lazy-img { opacity: 1; } .lazy-wrapper .lazy-img img { height: 0; } .lazy-wrapper.loaded .lazy-img img { height: auto; } .flickity-viewport { transition: height 0.4s ease; } .flickity-carousel .flickity-prev-next-button { width: 60px; height: 60px; padding: 0; background: #000 !important; opacity: 1 !important; left: auto; right: 80px; top: 50%; transform: translateY(-50%); } .flickity-carousel.nav-light .flickity-prev-next-button { background: #f7f7f7 !important; } .flickity-carousel .flickity-prev-next-button.next { right: 80px; } .flickity-carousel .flickity-prev-next-button.previous { left: 80px; right: auto; } .flickity-carousel .flickity-prev-next-button:disabled { cursor: auto; } .flickity-carousel .flickity-prev-next-button svg { position: absolute; width: 13px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease; fill: #fff; } .flickity-carousel.nav-light .flickity-prev-next-button .arrow { fill: #000; } .flickity-prev-next-button:disabled svg { opacity: 0.4; } .flickity-carousel .flickity-prev-next-button.next:not([disabled]):hover svg { left: calc(50% + 3px); } .flickity-carousel .flickity-prev-next-button.previous:not([disabled]):hover svg { left: calc(50% - 3px); } .flickity-carousel .flickity-page-dots { bottom: -40px; z-index: 5; } .flickity-carousel.hasbullets { margin-bottom: 60px; } .flickity-carousel .flickity-page-dots li.dot { width: 14px; height: 18px; margin: 0 7px; position: relative; opacity: 1; border: none; background: none; } .flickity-carousel .flickity-page-dots li.dot::after { content: ""; width: 3px; height: 3px; background: #000; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 10px; transition: all 0.3s ease; } .text-light .flickity-carousel .flickity-page-dots li.dot::after { background: #fff; } .flickity-carousel .flickity-page-dots li.dot.is-selected::after { width: 7px; height: 7px; } .flickity-wrapper.follow-mouse .flickity-enabled.is-draggable .flickity-viewport { cursor: none !important; } .flickity-wrapper.follow-mouse .flickity-carousel .flickity-page-dots { opacity: 0; visibility: hidden; } .flickity-wrapper.follow-mouse .flickity-carousel.hasbullets { margin-bottom: 0px; } .carousel-slider .gallery-image { width: 780px; max-width: calc(100% - 160px); margin-right: 100px; } .phat-bgvideo-container .phat-bgvideo-loader { transition: all 0.3s ease; } .phat-bgvideo-container.loaded .phat-bgvideo-loader { opacity: 0; visibility: hidden; } .phatvideo-bg .mute-video { content: ""; bottom: 40px !important; left: auto !important; right: 60px !important; width: 34px; height: 34px; overflow: hidden; z-index: 5; background: #fff; border-radius: 50%; } .phatvideo-bg .mute-video span { display: none; } .phatvideo-bg .mute-video::after, .phatvideo-bg .mute-video::before { content: "\f4cf"; font-family: "Ionicons"; color: #000; font-size: 20px; line-height: 15px; text-indent: 0; position: absolute; top: calc(50% - 7px); width: 100%; height: 15px; line-height: 15px; text-align: center; transition: all 0.2s ease; opacity: 0; transition: color 0.3s ease, opacity 0.1s ease; } .phatvideo-bg .mute-video::before { content: "\f4ce"; opacity: 1; } .phatvideo-bg .mute-video.unmute span:first-child { display: block; width: 18px; height: 1.3px; background: #000; text-indent: -9999px; position: absolute; top: 50% ; left: calc(50% - 9px); transform: rotate(45deg); } .phatvideo-bg .playpause-video { bottom: 40px !important; left: auto !important; right: 60px !important; width: 34px; height: 34px; overflow: hidden; z-index: 5; background: #fff; border-radius: 50%; } .phatvideo-bg .mute-video + .playpause-video { right: 108px !important; } .phatvideo-bg .playpause-video span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .phatvideo-bg .playpause-video span:first-child { display: none; } .phatvideo-bg .playpause-video span::after, .phatvideo-bg .playpause-video span::before { content: "\f488"; font-family: "Ionicons"; color: #000; font-size: 15px; text-indent: 0; position: absolute; top: calc(50% - 7px); width: 100%; height: 15px; line-height: 15px; text-align: center; transition: all 0.2s ease; opacity: 0; } .phatvideo-bg .playpause-video span::before { content: "\f478"; font-size: 14px; opacity: 1; } .phatvideo-bg .playpause-video span::after { left: 1px; } .phatvideo-bg .playpause-video.play span::after { opacity: 1; } .phatvideo-bg .playpause-video.play span::before { opacity: 0; } .phatvideo-bg .phatlightcase-play { bottom: 20px !important; left: auto !important; right: 30px !important; width: 34px; height: 34px; overflow: hidden; z-index: 5; background: #fff; border-radius: 50%; z-index: 5; } .phatvideo-bg .phatlightcase-play::before { content: "\f488"; font-family: "Ionicons"; color: #000; font-size: 14px; text-indent: 0; position: absolute; top: calc(50% - 7px); left: 1px; width: 100%; height: 15px; line-height: 15px; text-align: center; } .fullwidth-content { padding: 100px 0; } .column-section { margin-top: 40px; } .column-section.sticky-section { position: relative; } div .column-section:first-child, .fullwidth-section + .column-section { margin-top: 0; } .column { float: left; margin-right: 20px; min-height: 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .column.push-right, .column-section.swap-mobile .column:first-child { float: right; margin-right: 0; } .spaced-none .column { margin: 0; } [class*='wrapper'] .column-section .column:first-child { margin-left: 0; } .spaced-big .column { margin-right: 40px; } .spaced-huge .column { margin-right: 80px; } .one-full { width: 100%; float: none; margin-right: 0; } .one-half { width: calc(50% - 10px); } .one-third { width: calc(33.33% - 13.33px); } .two-third { width: calc(66.6% - 6.66px); } .one-fourth { width: calc(25% - 15px); } .two-fourth { width: calc(50% - 10px); } .three-fourth { width: calc(75% - 5px); } .one-fifth { width: calc(20% - 16px); } .two-fifth { width: calc(40% - 12px); } .three-fifth { width: calc(60% - 8px); } .four-fifth { width: calc(80% - 4px); } .one-sixth { width: calc(16.66% - 16.66px); } .two-sixth { width: calc(33.33% - 13.33px); } .three-sixth { width: calc(50% - 10px); } .four-sixth { width: calc(66.66% - 6.66px); } .five-sixth { width: calc(83.33% - 3.33px); } .spaced-big .one-half { width: calc(50% - 20px); } .spaced-big .one-third { width: calc(33.33% - 26.66px); } .spaced-big .two-third { width: calc(66.6% - 40px); } .spaced-big .one-fourth { width: calc(25% - 30px); } .spaced-big .two-fourth { width: calc(50% - 20px); } .spaced-big .one-fifth { width: calc(20% - 32px); } .spaced-big .two-fifth { width: calc(40% - 24px); } .spaced-big .three-fifth { width: calc(60% - 16px); } .spaced-huge .one-half { width: calc(50% - 40px); } .spaced-huge .one-third { width: calc(33.33% - 53.33px); } .spaced-huge .two-third { width: calc(66.6% - 26.66px); } .spaced-huge .one-fourth { width: calc(25% - 60px); } .spaced-huge .two-fourth { width: calc(50% - 40px); } .spaced-huge .one-fifth { width: calc(20% - 64px); } .spaced-huge .two-fifth { width: calc(40% - 48px); } .spaced-huge .three-fifth { width: calc(60% - 32px); } .spaced-none .one-full { width: 100%; } .spaced-none .one-half { width: 50%; } .spaced-none .one-third { width: 33.33%; } .spaced-none .two-third { width: 66.66%; } .spaced-none .one-fourth { width: 25%; } .spaced-none .two-fourth { width: 50%; } .spaced-none .three-fourth { width: 75%; } .spaced-none .one-fifth { width: 20%; } .spaced-none .two-fifth { width: 40%; } .spaced-none .three-fifth { width: 60%; } .spaced-none .four-fifth { width: 80%; } .spaced-none .one-sixth { width: 16.66%; } .spaced-none .two-sixth { width: 33.33%; } .spaced-none .three-sixth { width: 50%; } .spaced-none .four-sixth { width: 66.66%; } .spaced-none .five-sixth { width: 83.33%; } .last-col { margin-right: 0px !important; } .thumb-hover { overflow: hidden; height: auto; display: inline-block; vertical-align: middle; width: 100%; max-width: 100%; position: relative; margin: 0; padding: 0; } .overlay-caption { position: absolute; top: 50%; left: 0; width: 100%; padding: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .double-width .thumb-hover .overlay-caption { padding: 3.5%; } .thumb-hover .overlay-caption:not(.align-left):not(.align-right) { text-align: center; } .thumb-hover .overlay-caption.bottom { top: inherit; bottom: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .thumb-hover .overlay-caption.top { top: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .thumb-hover .overlay-caption.hidden { opacity: 0; visibility: hidden; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.5s ease; } .thumb-hover:hover .overlay-caption.hidden { opacity: 1; visibility: visible; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thumb-hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.hidden:not(.fade) .caption-name { display: block; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.6s ease 0s; } .thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-name { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name { transition-delay: 0.15s; } .thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name { -webkit-transform: translateX(0px) translateY(0px); -moz-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thumb-hover .overlay-caption .caption-sub, .thumb-hover .overlay-caption .caption-name { line-height: 1.3em !important; } .caption-sub + .caption-name, .caption-name + .caption-sub { margin-top: 8px; } .caption-dark .caption-sub , .caption-dark .caption-name { color: #000; transition: color 0.34s ease; } .caption-light .caption-sub , .caption-light .caption-name { color: #fff; transition: color 0.34s ease; } .thumb-hover img { transition: all 0.4s ease 0s; } .thumb-hover.scale img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } .thumb-hover.scale:hover img, .product-media:hover .thumb-hover.scale img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); } .thumb-hover .hover-image, .thumb-hover .variation-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: all 0.4s ease; } .thumb-hover .hover-image > img, .thumb-hover .variation-image > img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100%; } .thumb-hover .hover-image + .lazy-wrapper, .thumb-hover .variation-image + .lazy-wrapper { transition: all 0.4s ease 0s; } .thumb-hover:hover .hover-image + img, .thumb-hover:hover .hover-image + .lazy-wrapper { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .imagebutton-media .imagebutton-title { position: absolute; top: 40px; left: 40px; margin: 0; } .imagebutton-media.top-right .imagebutton-title { left: auto; right: 40px; text-align: right; } .imagebutton-media.bottom-left .imagebutton-title { top: auto; bottom: 40px; } .imagebutton-media.bottom-right .imagebutton-title { top: auto; bottom: 40px; left: auto; right: 40px; text-align: right; } .imagebutton-media.center-center .imagebutton-title { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; } .imagebutton-media .imagebutton-subtitle { margin-top: 0; color: #000 !important; } .imagebutton-media.text-light .imagebutton-subtitle { color: #fff !important; } [class*='do-anim']:not(.do-anim-text) { transition: all 0.8s cubic-bezier(.19,1,.22,1); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } body.loading-end .animated[class*='do-anim']:not(.do-anim-text) { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } div[class*='spacer-'] { display: block; } .spacer-mini { height: 20px; } .spacer-small { height: 40px; } .spacer-medium { height: 80px; } .spacer-big { height: 100px; } div[class*='spacer-'] + p, div[class*='spacer-'] + div, div[class*='spacer-'] + blockquote, div[class*='spacer-'] + ul, div[class*='spacer-'] + h1, div[class*='spacer-'] + h2, div[class*='spacer-'] + h3, div[class*='spacer-'] + h4, div[class*='spacer-'] + h5, div[class*='spacer-'] + h6 { margin-top: 0px !important; } .sr-button { font-family: 'Poppins'; font-weight: 500; font-size: 12px !important; line-height: 40px; height: 40px; border-radius: 0; text-align: center; background: #000; color: #fff !important; display: inline-block; padding: 0px 30px; transition: all 0.2s ease; max-width: 100%; margin: 2px 0 3px 0; border: none !important; position: relative; overflow: hidden; width: auto; } .sr-button:last-child { margin-bottom: -4px; } .sr-button .text { display: inline-block; overflow: hidden; position: relative; line-height: 20px; height: 20px; z-index: 1; margin-top: 10px; vertical-align: top; } .sr-button .text span { display: inline-block; line-height: 20px; height: 20px; -webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); -webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); -o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); } .sr-button:hover .text span { transform: translateY(100%) !important; } .sr-button .text span:not(:first-child) { position: absolute; top: -100%; left: 0; } .sr-button.withicon .icon { z-index: 1; width: auto; height: auto; border-radius: 20px; display: inline-block; position: relative; margin-right: 10px; transition: all 0.3s ease !important; overflow: hidden; vertical-align: top; } .sr-button.withicon i { font-size: 13px !important; } .sr-button.withicon i.fa-play { position: relative; left: 4%; } .sr-button.style-2 { background: #fff; color: #000 !important; } .sr-button.style-3 { background: none; color: #000 !important; line-height: 20px; height: 20px; padding: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.11) !important; border-radius: 0; } .text-light .sr-button.style-3 { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.18) !important; } .sr-button.style-3 .text { margin-top: 0; line-height: 20px; height: 20px; } .sr-button.button-mini { font-size: 10px !important; line-height: 28px; height: 28px; padding: 0px 15px; } .sr-button.button-mini .text { margin-top: 4px; } .sr-button.button-mini.withicon i { font-size: 11px !important; } .sr-button.button-small { font-size: 11px !important; line-height: 34px; height: 34px; padding: 0px 25px; } .sr-button.button-small .text { margin-top: 7px; } .sr-button.button-small.withicon i { font-size: 12px !important; } .sr-button.button-medium { font-size: 13px !important; line-height: 46px; height: 46px; padding: 0px 40px; } .sr-button.button-medium .text { margin-top: 13px; } .sr-button.button-medium.withicon i { font-size: 14px !important; } .sr-button.button-big { font-size: 14px !important; line-height: 54px; height: 54px; padding: 0px 50px; } .sr-button.button-big .text { margin-top: 17px; } .sr-button.button-big.withicon i { font-size: 16px !important; } .sr-button.style-3.button-mini { line-height: 14px; height: 14px; } .sr-button.style-3.button-mini .text, .sr-button.style-3.button-mini .text span { margin-top: 0; line-height: 14px; height: 14px; } .sr-button.style-3.button-small { line-height: 17px; height: 17px; } .sr-button.style-3.button-small .text, .sr-button.style-3.button-small .text span { margin-top: 0; line-height: 17px; height: 17px; } .sr-button.style-3.button-normal { line-height: 20px; height: 20px; } .sr-button.style-3.button-normal .text, .sr-button.style-3.button-normal .text span { margin-top: 0; line-height: 20px; height: 20px; } .sr-button.style-3.button-medium { line-height: 24px; height: 24px; } .sr-button.style-3.button-medium .text, .sr-button.style-3.button-medium .text span { margin-top: 0; line-height: 24px; height: 24px; } .sr-button.style-3.button-big { line-height: 28px; height: 28px; } .sr-button.style-3.button-big .text, .sr-button.style-3.button-big .text span { margin-top: 0; line-height: 28px; height: 28px; } .inline-video, .inline-lightcase { position: relative; cursor: pointer; display: inline-block; margin-bottom: -0.8%; max-width: 100%; overflow: hidden; } .inline-video:not(.active), .inline-lightcase:not(.active) { cursor: none; } .follow-mouse { position: relative; } .follow-mouse .mouse-action { font-size: 12px; font-weight: 400; letter-spacing: 0.04em; color: #fff; border: 1px solid #000; background: #000; width: 80px; height: 80px; line-height: 80px; text-align: center; position: fixed; top: -40px; left: -40px; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; z-index: 2; opacity: 0; transition: opacity 0.06s ease; pointer-events: none; } .nav-light .mouse-action { background: #f7f7f7; color: #000; } .is-dragging .follow-mouse .mouse-action { width: 70px; height: 70px; line-height: 70px; top: -35px; left: -35px; font-size: 11px; } .follow-mouse:not(.active):hover .mouse-action { opacity: 1; } .inline-video .inline-iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #000000; } .inline-video .inline-iframe-container .close-inline-video { color: #fff; background: #000; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) ; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s ease; } .inline-video.active .inline-iframe-container:hover .close-inline-video { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .inline-video .inline-iframe-container .close-inline-video::before { content: "\f12a"; font-family: "Ionicons"; font-size: 10px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .team-member { margin-top: 40px; } div .team-member:first-child { margin: 0; } .team-infos { margin-top: 25px; } div .team-infos:first-child { margin: 0; } .column.hasbg .team-infos { padding: 30px; margin: 0; } .team-member .team-role { margin-top: 0; } .team-member .team-content { margin-top: 25px; } .team-member .team-name + .socialmedia-widget, .team-member .team-role + .socialmedia-widget { margin-top: 20px; } .sr-tabs { margin-top: 40px; } div .sr-tabs:first-child { margin-top: 0; } .sr-tabs .tab-nav { padding: 0 0 20px 0; margin: 0; list-style: none; position: relative; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.11); } .sr-tabs .tab-nav li { display: inline-block; margin: 0 30px 0 0; position: relative; } .sr-tabs .tab-nav li a { color: rgba(0,0,0,0.31); } .text-light .sr-tabs .tab-nav li a { color: rgba(255,255,255,0.4); } .sr-tabs .tab-nav li.active a { color: #000; } .text-light .sr-tabs .tab-nav li.active a { color: #fff; } .sr-tabs .tab-container { margin-top: 20px; } .sr-tabs .tab-container .tab-content.active { display: block !important; } .accordion { margin-top: 30px; } div .accordion:first-child { margin: 0; } .toggle-item { margin-top: 20px; } div .toggle-item:first-child { margin: 0; } .accordion .toggle-item { border-bottom: 1px solid rgba(0,0,0,0.11); padding-bottom: 20px; } .text-light .accordion .toggle-item { border-color: rgba(255,255,255,0.28); } .toggle-item .toggle-title { position: relative; padding-left: 20px; cursor: pointer; } .toggle-item .toggle-title .plus, .toggle-item .toggle-title .minus { position: absolute; top: calc(50% - 5px); left: 0; width: 10px; height: 10px; transition: all 0.3s ease; } .toggle-item .toggle-title .plus svg, .toggle-item .toggle-title .minus svg { display: block; width: 10px; height: 10px; position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); } .text-light .toggle-item .toggle-title .plus svg path, .text-light .toggle-item .toggle-title .minus svg path { fill: #fff; } .toggle-item .toggle-title .minus { opacity: 0; } .toggle-item .toggle-title.toggle-active .plus { opacity: 0; } .toggle-item .toggle-title.toggle-active .minus { opacity: 1; } .toggle-item .toggle-inner { padding-top: 15px; padding-bottom: 30px; padding-left: 20px; } .accordion .toggle-item .toggle-inner { padding-bottom: 0; } .widget { margin-top: 60px; height: auto; } div .widget:first-child, .wcapf-widget-hidden + .widget { margin-top: 0; } .widget-title { font-size: 13px; line-height: 24px; } .widget-title + div, .widget-title + ul, .widget-title + p, .widget-title + ol, .widget-title + .screen-reader-text + select { margin-top: 20px; } .widget ul:not(.socialmedia-widget) { list-style: none; padding: 0; margin-left: 0; } .widget ul:not(.socialmedia-widget) li { margin-top: 8px; line-height: 20px; } .widget ul:not(.socialmedia-widget) li a { font-weight: 500; font-size: 15px; display: inline-block; transition: color 0.2s ease; color: #000; line-height: 20px; } .widget ul:not(.socialmedia-widget) li a:hover { color: rgba(0,0,0,0.31); } .widget ul:not(.socialmedia-widget) ul.sub-menu, .widget ul:not(.socialmedia-widget) ul.children { margin: 0 0 15px 0; padding: 0 0 0 10px; } .widget ul:not(.socialmedia-widget) ul.sub-menu li a, .widget ul:not(.socialmedia-widget) ul.children li a { font-size: 0.85em; line-height: 1.5em; } .widget_rss .widget-title .rss-widget-icon { top: 2px; position: relative; vertical-align: inherit; margin-right: 5px; } .widget.widget_rss ul li { margin-top: 30px; } .widget.widget_rss ul li .rsswidget { display: block; } .widget.widget_rss ul li .rss-date { color: rgba(0,0,0,0.31); font-size: 0.9em; line-height: 1.45em; } .widget.widget_rss ul li .rssSummary { font-size: 0.9em; line-height: 1.45em; margin-top: 6px; } .widget.widget_rss ul li cite { margin-top: 6px; } .widget_calendar table tbody td, .widget_calendar table tbody th, .widget_calendar table tfoot td { padding: 10px 0 !important; } .widget_calendar table tbody td, .widget_calendar table thead th{ text-align: center !important; } .socialmedia-widget { margin: 30px 0 0 0 !important; padding: 0 !important; list-style: none; } div .socialmedia-widget:first-child { margin: 0; } .socialmedia-widget li { display: inline-block; margin: 0; position: relative; } .socialmedia-widget li a { font-size: 12px; line-height: 16px; height: 16px; color: #000; transition: all 0.2s ease; display: block; text-align: center; padding-right: 20px; } .socialmedia-widget.text-style li a, .socialmedia-widget.textshort-style li a { padding-right: 30px; } .socialmedia-widget li:last-child a { padding-right: 0 !important; } .text-light:not(.transparent) .socialmedia-widget li a { color: #fff; } .socialmedia-widget li a:hover { opacity: 1; } .socialmedia-widget li a::before { display:block; transition: all 0.3s ease; font-family: "Font Awesome 5 Brands","Font Awesome 5 Free"; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socialmedia-widget.text-style li a::before, .socialmedia-widget.textshort-style li a::before { display:none; } .socialmedia-widget li.facebook a::before { content:"\f39e"; } .socialmedia-widget li.twitter a::before { content:"\f099" } .socialmedia-widget li.tumblr a::before { content: "\f173"; } .socialmedia-widget li.vimeo a::before { content: "\f27d"; } .socialmedia-widget li.dribbble a::before { content: "\f17d"; } .socialmedia-widget li.medium a::before { content: "\f23a"; } .socialmedia-widget li.deviantart a::before { content: "\f1bd"; } .socialmedia-widget li.behance a::before { content: "\f1b4"; } .socialmedia-widget li.flickr a::before { content: "\f16e"; } .socialmedia-widget li.linkedin a::before { content: "\f0e1"; } .socialmedia-widget li.rss a::before { content: "\f09e"; } .socialmedia-widget li.googleplus a::before { content: "\f0d5"; } .socialmedia-widget li.pinterest a::before { content: "\f0d2"; } .socialmedia-widget li.youtube a::before { content: "\f167"; } .socialmedia-widget li.mail a::before { content: "\f1fa"; font-weight: 900; } .socialmedia-widget li.instagram a::before { content: "\f16d"; } .socialmedia-widget li.xing a::before { content: "\f168"; } .socialmedia-widget li.dropbox a::before { content: "\f16b"; } .socialmedia-widget li.stumbleupon a::before { content: "\f1a4"; } .socialmedia-widget li.delicious a::before { content: "\f1a5"; } .socialmedia-widget li.wordpress a::before { content: "\f19a"; } .socialmedia-widget li.vk a::before { content: "\f189"; } .socialmedia-widget li.soundcloud a::before { content: "\f1be"; } .socialmedia-widget li.spotify a::before { content: "\f1bc"; } .socialmedia-widget li.codepen a::before { content: "\f1cb"; } .socialmedia-widget li.github a::before { content: "\f09b"; } .socialmedia-widget li.lastfm a::before { content: "\f202"; } .socialmedia-widget li.jsfiddle a::before { content: "\f1cc"; } .socialmedia-widget li.mixcloud a::before { content: "\f289"; } .socialmedia-widget li.skype a::before { content: "\f17e"; } .socialmedia-widget li.wechat a::before { content: "\f1d7"; } .socialmedia-widget li.url a::before { content: "\f0ac"; } .socialmedia-widget li.facebook a:hover { color: #446ebf; } .socialmedia-widget li.twitter a:hover { color: #39aadc; } .socialmedia-widget li.tumblr a:hover { color: #4c6781; } .socialmedia-widget li.vimeo a:hover { color: #15c9f5; } .socialmedia-widget li.dribbble a:hover { color: #f14980; } .socialmedia-widget li.medium a:hover { } .socialmedia-widget li.deviantart a:hover { color: #2ea06f; } .socialmedia-widget li.behance a:hover { color: #00b0f0; } .socialmedia-widget li.flickr a:hover { color: #f04783; } .socialmedia-widget li.linkedin a:hover { color: #81d3fd; } .socialmedia-widget li.rss a:hover { color: #ff8322; } .socialmedia-widget li.googleplus a:hover { color: #d63d1e; } .socialmedia-widget li.pinterest a:hover { color: #c81e1e; } .socialmedia-widget li.youtube a:hover { color: #ee423d; } .socialmedia-widget li.mail a:hover { color: #74624d; } .socialmedia-widget li.instagram a:hover { color: #95604b; } .socialmedia-widget li.xing a:hover { color: #036567; } .socialmedia-widget li.dropbox a:hover { color: #008cd2; } .socialmedia-widget li.stumbleupon a:hover { color: #f94213; } .socialmedia-widget li.delicious a:hover { color: #1b59c3; } .socialmedia-widget li.wordpress a:hover { color: #118bc0; } .socialmedia-widget li.vk a:hover { color: #29577b; } .socialmedia-widget li.soundcloud a:hover { color: #ff7700; } .socialmedia-widget li.spotify a:hover { color: #80b900; } .socialmedia-widget li.codepen a:hover { color: #171515; } .socialmedia-widget li.github a:hover { color: #171515; } .socialmedia-widget li.lastfm a:hover { color: #f94f14; } .socialmedia-widget li.jsfiddle a:hover { color: #0c9de8; } .socialmedia-widget li.mixcloud a:hover { color: #29587c; } .socialmedia-widget li.skype a:hover { color: #00aef3; } .socialmedia-widget li.wechat a:hover { color: #00c900; } .socialmedia-widget li.url a:hover { color: #579abc; } .widget_search form.searchform, .widget_product_search form.searchform { position: relative; margin-top: 10px; max-width: 300px; } .widget_search form.searchform:first-child, .widget_product_search form.searchform:first-child { margin: 0; } .widget_search form.searchform input[type="search"], .widget_product_search form.searchform input[type="search"] { width: calc(100% - 30px); max-width: calc(100% - 30px); } .widget_search form.searchform input[type="submit"], .widget_product_search form.searchform button[type="submit"] { position: absolute; bottom: 0; right: 0; width: 30px; padding: 0; height: 40px; z-index: 2; color: transparent !important; background: transparent !important; border: none; border-bottom: 1px solid rgba(0,0,0,0.11); border-radius: 0; margin: 0; } .widget_search form.searchform::before, .widget_product_search form.searchform::before { content: ""; width: 14px; height: 14px; border: 2px solid #000; display: block; position: absolute; bottom: 13px; right: 7px; z-index: 1; border-radius: 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .text-light:not(.transparent) .widget_search form.searchform::before, .text-light:not(.transparent) .widget_product_search form.searchform::before { border-color: #fff; } .widget_search form.searchform::after, .widget_product_search form.searchform::after { content: ""; position: absolute; bottom: 5px; right: 5.5px; background: #000; display: block; width: 1.8px; height: 8px; -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); z-index: 1; } .text-light:not(.transparent) .widget_search form.searchform::after, .text-light:not(.transparent) .widget_product_search form.searchform::after{ background: #fff; } body #cookie-notice { min-width: 300px; max-width: 100%; width: 340px; font-size: 13px; line-height: 19px; left: 40px; bottom: 40px; text-align: left; padding: 20px; } body #cookie-notice .cookie-notice-container { padding: 0; text-align: left; overflow: hidden; } body #cookie-notice .cookie-notice-container #cn-notice-text { display: block; margin-bottom: 20px; } body #cookie-notice .cookie-notice-container a { color: #fff; background: none !important; border-bottom: 1px solid transparent; float: right; margin-left: 20px; border-radius: 0; padding: 0 0 2px 0; font-weight: 400; background: none; } body #cookie-notice .cookie-notice-container a:hover { color: rgba(255,255,255,0.61) !important; } body #cookie-notice .cookie-notice-container #cn-accept-cookie, body #cookie-notice .cookie-notice-container #cn-refuse-cookie { font-weight: 500; color: #fff; border-bottom: 1px solid rgba(255,255,255,1); } body #cookie-notice .cookie-notice-container #cn-accept-cookie::after { content: "\f00c"; font-family: FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-left: 5px; } @media only screen and (min-width: 1025px) { body.disable-mouse { cursor: none !important; } body.disable-mouse input[type="submit"], body.disable-mouse .button, body.disable-mouse button { cursor: none; } body.disable-mouse select { cursor: none; } body.disable-mouse select option { cursor: none; } body.disable-mouse a { cursor: none; } body.disable-mouse .menu-toggle { cursor: none; } body.disable-mouse .portfolio-filter .widget-title .current { cursor: none; } body.disable-mouse #single-share .widget-title { cursor: none; } body.disable-mouse .flickity-carousel .flickity-page-dots li.dot { cursor: none; } body.disable-mouse .toggle-item .toggle-title { cursor: none; } } .custom-mouse { position: fixed; top: -5px; left: -5px; width: 10px; height: 10px; background: #000; border-radius: 50%; z-index: 2000; pointer-events: none; visibility: hidden; transition: top 0.2s ease, left 0.2s ease, width 0.2s ease, height 0.2s ease, opacity 0.15s ease, border 0.15s ease, visibility 0.2s ease 0.1s; } .custom-mouse.circle { top: -12px; left: -12px; width: 24px; height: 24px; background: transparent !important; border-radius: 50%; border: 2px solid #000; box-sizing:border-box; } body.mouse-switch-light .custom-mouse { background-color: #fff; } body.mouse-switch-light .custom-mouse.circle { border-color: #fff; } body:not(.smooth-leave).mouse-active .custom-mouse { visibility: visible; } body:not(.smooth-leave).mouse-hover .custom-mouse { top: -14px; left: -14px; width: 28px; height: 28px; opacity: 0.7; } body:not(.smooth-leave).mouse-hover .custom-mouse.circle { top: -16px; left: -16px; width: 32px; height: 32px; border-width: 2.5px; } body.follow-mouse-hover .custom-mouse { opacity: 0 !important; visibility: hidden !important; } #header #logo img { height: 25px; } #header #logo .text-logo { line-height: 25px; } #menu nav#main-nav > ul { height: 25px; } #menu nav#main-nav > ul > li { top: calc((25px - 26px) / 2); } .menu-toggle { height: 25px; } #hero #page-title { padding-top: calc(60px + 100px + 25px); } #hero.hero-fullscreen #page-title.title-center, #hero.hero-custom #page-title.title-center { padding-top: calc(60px + 100px + 25px); padding-bottom: calc(60px + 100px + 25px); }
 body { color: rgba(255,255,255,0.69); background: #000000; } .text-dark { color: rgba(0,0,0,0.61); } h1, h2, h3, h4, h5, h6 { color: #fff; } .text-dark h1:not(.colored), .text-dark h2:not(.colored), .text-dark h3:not(.colored), .text-dark h4:not(.colored), .text-dark h5:not(.colored), .text-dark h6:not(.colored), h1.text-dark:not(.colored), h2.text-dark:not(.colored), h3.text-dark:not(.colored), h4.text-dark:not(.colored), h5.text-dark:not(.colored), h6.text-dark:not(.colored) { color: #000; } .title-alt { color: rgba(255,255,255,0.48); } .text-dark .title-alt, .title-alt.text-dark { color: rgba(0,0,0,0.31); } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="search"], textarea { border-color: rgba(255,255,255,0.28); color: #fff; } .text-dark:not(.transparent) input[type="text"], .text-dark:not(.transparent) input[type="password"], .text-dark:not(.transparent) input[type="email"], .text-dark:not(.transparent) input[type="number"], .text-dark:not(.transparent) input[type="tel"], .text-dark:not(.transparent) input[type="date"], .text-dark:not(.transparent) input[type="search"], .text-dark:not(.transparent) textarea { color: #000; border-color: rgba(0,0,0,0.11); } input[type="submit"], .button, button { background: #fff; color: #000; } .text-dark input[type="submit"], .text-dark .button, .text-dark button { background: #000; color: #fff; } input[type="submit"]:hover, .button:hover, button:not(.sr-button):hover { background: rgba(255,255,255,0.69); color: #000; } .text-dark input[type="submit"]:hover, .text-dark .button:hover, .text-dark button:hover { background: rgba(0,0,0,0.61); color: #fff; } label, .label { color: rgba(255,255,255,0.48); } .text-dark label, .text-dark .label { color: rgba(0,0,0,0.31); } label abbr { color: rgba(255,255,255,0.48); } .text-dark abbr { color: rgba(0,0,0,0.31); } select { color: #fff; border-color: rgba(255,255,255,0.28); background-image:url("https://www.amirg.at/wp-content/themes/vavo/files/css/../assets/select-arrow-light.png"); } .text-dark select { color: #000; border-color: rgba(0,0,0,0.11); background-image:url("https://www.amirg.at/wp-content/themes/vavo/files/css/../assets/select-arrow.png"); } table th { color: #fff; } .text-dark table th { color: #000; } table thead th { color: rgba(255,255,255,0.48); } text-dark table thead th { color: rgba(0,0,0,0.31); } table td, table th { border-color: rgba(255,255,255,0.28); } .text-dark table td, .text-dark table th { border-color: rgba(0,0,0,0.11); } a { color: #fff; } a:hover { color: rgba(255,255,255,0.48); } .text-dark a, a.text-dark, .text-dark a.text-dark { color: #000; } .text-dark a:hover, a.text-dark:hover, .text-dark a.text-dark:hover { color: rgba(0,0,0,0.31); } p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), .blog-content ul li a, table a { border-color: #fff; color: #fff; } p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover, .blog-content ul li a:hover { color: rgba(255,255,255,0.48); } .text-dark p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { border-color: #000; color: #000; } ul.biglist li, ol.biglist li, ul.nolist li, ol.nolist li { color: #fff; } .text-dark ul.biglist li, .text-dark ol.biglist li, .text-dark ul.nolist li, .text-dark ol.nolist li { color: #000; } blockquote { color: #fff; border-color: rgba(255,255,255,0.28); } .text-dark blockquote, blockquote.text-dark { color: #000; border-color: rgba(0,0,0,0.11); } blockquote cite, cite, cite a { color: rgba(255,255,255,0.48) !important; } .text-lioht blockquote cite { color: rgba(0,0,0,0.31) !important; } cite a { border-color: rgba(255,255,255,0.48) !important; } .text-dark cite a { border-color: rgba(0,0,0,0.31) !important; } cite a:hover { border-color: #fff !important; } .text-dark cite a:hover { border-color: #000 !important; } pre { background: rgba(255,255,255,0.11); } .text-dark pre { background: rgba(0,0,0,0.04); } code, kbd, tt { color: rgba(255,255,255,0.48); } .text-dark code, .text-dark kbd, .text-dark tt { color: rgba(0,0,0,0.31); } mark { background: #fff; color: #000; } .text-dark mark { background: #000; color: #fff; } address { border-color: rgba(255,255,255,0.28); } .text-dark address:first-child { border-color: rgba(0,0,0,0.11); } hr { border-color: rgba(255,255,255,0.28); } .text-dark hr { border-color: rgba(0,0,0,0.11); } .sr-loader-icon::after, .wcapf-before-update::after { background: #fff; border-radius: 100%; } .text-dark .sr-loader-icon::after, .text-dark .wcapf-before-update::after { background: #000; } .custom-mouse { background-color: #fff; } .custom-mouse.circle { border-color: #fff; } body.mouse-switch-dark .custom-mouse { background-color: #000; } body.mouse-switch-dark .custom-mouse.circle { border-color: #000; } #header #logo img#dark-logo { opacity: 0; visibility: hidden; } #header #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; } .copyright { color: rgba(255,255,255,0.48); } .copyright a { color: rgba(255,255,255,0.48) !important; border-color: rgba(255,255,255,0.28) !important; } .copyright a:hover { color: #fff !important; } #footer .socialmedia-widget li a { opacity: 0.48; } nav#main-nav ul > li a { color: #fff; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav ul > li a { color: #000; } body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav ul > li a { color: #000; } nav#main-nav.fade ul > li.hide > a { opacity: 0.48; } nav#main-nav.underline ul > li > a::after { background-color: rgba(255,255,255,0.28); } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav.underline ul > li > a::after { background-color: rgba(0,0,0,0.11); } body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav.underline ul > li > a::after { background-color: rgba(0,0,0,0.11); } nav#main-nav > ul > li ul.sub-menu::before { background: #262626; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before, body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before { background: #262626; } body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before, body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before { background: #f7f7f7; } .menu-toggle span.hamburger::after, .menu-toggle span.hamburger::before { background: #fff; } body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before { background: #000; } body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before { background: #000; } body #header .header-dark-forced .menu-toggle span.hamburger::after, body #header .header-dark-forced .menu-toggle span.hamburger::before { background: #000 !important; } .menu-language { color: rgba(255,255,255,0.48); } .menu-language a { color: #fff; } .menu-language:hover > a { opacity: 0.48; } .menu-language > a:hover { opacity: 1; } .menu-language ul li.hide a, .menu-language > a:hover + ul li a { opacity: 0.48; } .portfolio-info .portfolio-category { color: rgba(255,255,255,0.48); } .text-dark .portfolio-info .portfolio-category { color: rgba(0,0,0,0.31); } .portfolio-filter .widget-title .current { color: #fff; } .text-dark .portfolio-filter .widget-title .current { color: #000; } .grid-filter li a { color: #fff; } .text-dark .grid-filter li a { color: #000; } .grid-filter li.hide a { opacity: 0.48; } .post-item.sticky .post-content { background: rgba(255,255,255,0.11); } .post-item.search-item .post-content { border-color: rgba(255,255,255,0.28); } .post-date, .post-cat, .post-author { color: rgba(255,255,255,0.48); } .text-dark .post-date, .text-dark .post-cat, .text-dark .post-author { color: rgba(0,0,0,0.31); } .post-cat a, .post-author a { color: rgba(255,255,255,0.48); } .text-dark .post-cat a, text-dark .post-author a { color: rgba(0,0,0,0.31); } .post-cat a:hover, .post-author a:hover { color: #fff; } .text-dark .post-cat a:hover, .text-dark .post-author a:hover { color: #000; } .post-date::after, .post-cat::after, .post-author::after { background-color: rgba(255,255,255,0.28); } .text-dark .post-date::after, .text-dark .post-cat::after, .text-dark .post-author::after { background-color: rgba(0,0,0,0.11); } .slist.blog-list.hover-hide .slist-item.hide { opacity: 0.48; } .meta-tags a { background: #262626; } .text-dark .meta-tags a { background: #f7f7f7; } .comments .comment-list .pingback { color: rgba(255,255,255,0.48); } .comments .time { color: rgba(255,255,255,0.4); } .text-dark .comments .time { color: rgba(0,0,0,0.31); } .slist .slist-item a { color: #fff; } .text-dark .slist .slist-item a { color: #000; } .pagination li a, .pagination li > span { color: rgba(255,255,255,0.48); } .text-dark .pagination li a, .text-dark .pagination li > span { color: rgba(0,0,0,0.31); } .pagination li a:hover, .pagination li span.current { color: #fff; } .text-dark .pagination li a:hover, .text-dark .pagination li span.current { color: #000; } #single-pagination.blog-pagination { border-color: rgba(255,255,255,0.28); } .text-dark #single-pagination.blog-pagination { border-color: rgba(0,0,0,0.11); } #single-pagination .pagination li a .text { color: rgba(255,255,255,0.48); } .text-dark #single-pagination .pagination li a .text { color: rgba(0,0,0,0.31); } #single-pagination .pagination li .post-title { color: #fff; } .text-dark #single-pagination .pagination li .post-title { color: #000; } .content-pagination .pages, .content-pagination .pages a { color: rgba(255,255,255,0.48); } .content-pagination .pages .current { color: #fff; } .content-pagination .pages a:hover { color: #fff; } #comment-pagination a { border-color: #fff; } .load-grid .load-message { color: rgba(255,255,255,0.4); } .text-dark .load-grid .load-message { color: rgba(0,0,0,0.31); } .lazy-wrapper { background: rgba(255,255,255,0.11); } .text-dark .lazy-wrapper { background: rgba(0,0,0,0.04); } .flickity-carousel .flickity-page-dots li.dot::after { background: #fff; } .text-dark .flickity-carousel .flickity-page-dots li.dot::after { background: #000; } .sr-button { background: #fff; color: #000 !important; } .text-dark .sr-button { background: #000; color: #fff !important; } .sr-button.style-3 { color: #fff !important; border-color: rgba(255,255,255,0.28) !important; } .text-dark .sr-button.style-3 { color: #000 !important; } .accordion .toggle-item { border-color: rgba(255,255,255,0.28); } .text-dark .accordion .toggle-item { border-color: rgba(0,0,0,0.11); } .toggle-item .toggle-title .plus svg path, .toggle-item .toggle-title .minus svg path { fill: #fff; } .text-dark .toggle-item .toggle-title .plus svg path, .text-dark .toggle-item .toggle-title .minus svg path { fill: #000; } .socialmedia-widget li a { color: #fff; } .text-dark:not(.transparent) .socialmedia-widget li a { color: #000; }